/*ALL CSS-----------------------------------------------------*/
@import url('//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body {font-family: 'Pretendard', sans-serif; word-break: keep-all;}

/*font size*/
.fs_12{font-size: 0.75rem;}
.fs_14{font-size: 0.874rem;}
.fs_15{font-size: 0.938rem;}
.fs_16{font-size: 1rem;}
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_22{font-size: 1.375rem;}
.fs_30{font-size: 1.875rem;}
.fs_36{font-size: 2.25rem;}
.fs_42{font-size: 2.625rem;}
.fs_55{font-size: 3.438rem;}

@media screen and (max-width: 1280px){
    .fs_55{font-size: 40px;}

}
@media screen and (max-width: 1080px){
}
@media screen and (max-width: 720px){
    .fs_18{font-size: 11px;}
    .fs_20{font-size: 12px;}
    .fs_42{font-size: 21px;}

    .fs_55{font-size: 21px;}


}


/*font weight*/
.fw_r{font-weight: 300;}
.fw_m{font-weight: 400;}
.fw_sb{font-weight: 500;}
.fw_b{font-weight: 700;}
.fw_eb{font-weight: 800;}
.fw_h{font-weight: 900;}

/* text align center */
.txt_c{text-align: center;}

/* main color */
.bg_color{background-color: #255a4b;}

/* inner */
.b_inner{max-width: 1720px; width:90%; margin: 0 auto;}


/* header */
#b_header{position: fixed; height: 90px; width: 100%; transition: background-color .3s; z-index: 30; /*border-bottom: 1px solid rgba(255,255,255,.3);*/ }
#b_header::after{content:''; width:100%; height:1px; background-color: #d9d9d9; opacity:.3; left: 0; bottom: 0; z-index: 10; position: absolute; }
#b_header .b_inner{max-width: 100%; display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative; width: 100%; }
#b_header .b_logo {margin-left: 40px;}
#b_header .b_logo a{display: block; width: fit-content; }
#b_header .b_logo .logo_b{display: none;}
#b_header nav{position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%); z-index: 5;}
#b_header #b_gnb {display: flex; align-items: center; /*column-gap: 60px;*/ height: 100%; }
#b_header #b_gnb > li {height: 100%; position: relative; }
#b_header #b_gnb > li > a{color:#fff; font-size: 1rem; font-weight: 400; padding:0 30px; text-transform: uppercase; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; transition:padding .2s;}
#b_header #b_gnb > li > a:after{content:''; width:0; height:2px; background-color: #255a4b; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 5; position: absolute; transition: width .3s;}
#b_header #b_gnb .b_sub_list{position:absolute; left: 50%; bottom: 100%; transform: translateX(-50%); z-index: 10;  width: 100%; padding-top: 30px; height: 280px; display: block; opacity:0;}
#b_header #b_gnb .b_sub_list li{margin-bottom: 10px; position: relative; z-index: 5;}
#b_header #b_gnb .b_sub_list li a{text-align: center; display: block; padding:5px; width: fit-content; margin: 0 auto;}
#b_header #b_gnb .b_sub_list li a:hover{color: #255a4b; -webkit-text-stroke: 0.04em;}
#b_header #b_gnb > li:hover > a{color: #255a4b; -webkit-text-stroke: 0.03em; transition:.3s; }
#b_header #b_gnb > li:hover > a:after{width: 78%; transition: width .5s;}

#b_header #b_gnb.on > li > a{padding:0 53px; transition:padding .3s;}
#b_header #b_gnb.on .b_sub_list{bottom:unset; top: 100%; opacity:1; transition: top .4s, opacity .4s; transition-delay: .2s;}
#b_header #b_gnb > li .b_sub_list:after{content:''; width:78%; height: 100%; background-color: #f9f9f9; position: absolute; left: 50%; top: 0; opacity: 0; z-index: 2; transform:translateX(-50%); }
#b_header #b_gnb > li .b_sub_list.on:after{opacity: 1; transition: opacity .4s;}


#b_header .b_toggle_btn{width: 30px; height: 30px; flex-direction: column; justify-content: center; display: none; row-gap: 6px;}
#b_header .b_toggle_btn span{display: block; width: 100%; height: 2px; background-color: #fff;}
#b_header .b_util_box{display: flex; align-items: center; height: 100%; }
#b_header .b_util_box span{color:#fff; text-align: center; font-weight: 600; }
#b_header .b_util_box > div{height: 100%; }
#b_header .b_util_box .b_btn_box{display: flex; align-items: center; justify-content: center; flex-direction: column; width: 90px; height: 100%; border-left: 1px solid rgba(255,255,255,.3); cursor: pointer; row-gap: 10px; transition:background-color .2s;}
#b_header .b_util_box .b_btn_box:hover{background-color: #255a4b; transition:background-color .3s; }
#b_header .b_util_box .b_lang_box{position: relative;}
#b_header .b_util_box .b_lang_list{position:absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 100%; background-color: #fff; padding: 15px 0; border-right: 1px solid rgba(217,217,217,.3); border-left: 1px solid rgba(217,217,217,.3); border-bottom: 1px solid rgba(217,217,217,.3); display: none; z-index: 15;}
#b_header .b_util_box .b_lang_list:after{content:''; width:100%; height:100%; background: url(/img/icon/lang_shadow.png) no-repeat center top / 100%; position: absolute; left: 0; top: 0; z-index: -1;}
#b_header .b_util_box .b_lang_list li{margin-bottom: 10px;}
#b_header .b_util_box .b_lang_list li:last-child{margin-bottom: 0px;}
#b_header .b_util_box .b_lang_list li a{display: block; padding: 5px; width: fit-content; margin: 0 auto; color: #888888;}
#b_header .b_util_box .b_lang_list li.on a{color: #255a4b; font-weight: 500;}

#b_header .b_util_box .b_btn_box.on{background-color:#255a4b; }
#b_header .b_util_box .b_btn_box.on img{filter:unset; }
#b_header .b_util_box .b_btn_box.on span{color:#fff; }


/* 검색창 */
.b_srh_wrap{position: fixed; left:0; top:90px; width: 100%; height: 175px; background-color: #fff; z-index: 10; border-bottom: 1px solid rgba(217,217,217,.3); display: none;}
.b_srh_wrap .b_inner{height: 100%; display: flex; align-items: center; justify-content: center;opacity: 0;}
.b_srh_wrap.on .b_inner{transition:opacity .3s; opacity: 1; transition-delay: .2s;}
.b_srh_wrap .b_srh_box{max-width: 945px; width: 100%; margin: 0 auto; height: 55px; border: 1px solid #d9d9d9; display: flex; align-items: center; margin: 60px auto;}
.b_srh_wrap .b_select_box{width: 165px; position: relative; height: 100%;}
.b_srh_wrap .b_select_box .b_top_box{position: relative; padding: 0 10px; width: 100%; display: flex; justify-content: space-between; align-items: center; height: 100%; cursor: pointer;}
.b_srh_wrap .b_select_box .b_top_box::after{content:''; width:1px; height:32px; background-color: #d9d9d9; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.b_srh_wrap .b_select_box .b_select_list{position: absolute; left: 0; top: 60px; width: 100%; background-color: #fff; border: 1px solid #d9d9d9; padding: 25px 15px; display: none;}
.b_srh_wrap .b_select_box .b_select_list li{color: #666666; margin-bottom: 20px;}
.b_srh_wrap .b_select_box .b_select_list li:last-child{margin-bottom: 0;}
.b_srh_wrap .b_select_box .b_select_list li label{display: flex; align-items: center;}
.b_srh_wrap .b_select_box .b_select_list li input{appearance: none; width: 16px; height: 16px; background-color: #fff; border: 1px solid #999999; margin-right: 10px; position: relative;}
.b_srh_wrap .b_select_box .b_select_list li input::after{content:''; width: 100%; height: 100%; background: url(/img/icon/srh_chk.png) no-repeat center / 100%; position: absolute; left: 0; top: 0; opacity: 0;}
.b_srh_wrap .b_select_box .b_select_list li input:checked{background-color: #666666; }
.b_srh_wrap .b_select_box .b_select_list li input:checked::after{opacity: 1;}
.b_srh_wrap .b_input_box{width: calc(100% - 225px); height: 100%;}
.b_srh_wrap .b_input_box input{width: 100%; height: 100%; border: 0; outline:0; padding: 0 10px;}
.b_srh_wrap .b_input_box input::placeholder{color: #999;}
.b_srh_wrap .b_input_box input:focus{border:none !important; box-shadow:none !important; }
.b_srh_wrap .b_btn_box{width: 60px;}
.b_srh_wrap .b_srh_btn{width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #255a4b; }
.b_srh_wrap .b_srh_btn img{width: 19px;}




@media screen and (max-width: 1480px){
	#b_header #b_gnb > li > a{padding: 0 20px;}
	#b_header #b_gnb.on > li > a{padding:0 35px;}
}
@media screen and (max-width: 1280px){ 
	#b_header{height: 70px;}
	#b_header .b_logo {margin-left: 20px;}
	#b_header .b_logo img {width: 150px;} 

	#b_header #b_gnb > li > a{padding: 0 15px;}
	#b_header #b_gnb.on > li > a{padding:0 20px;}

	#b_header .b_util_box .b_btn_box{width: 70px;}
	#b_header .b_util_box .b_btn_box img{width: 20px;}

}

@media screen and (max-width: 1080px){
    #b_header{height: 70px;}
    #b_header::after{display: none}
    #b_header .b_inner{width: 94%;}
    #b_header .b_logo {margin-left: 0; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%;}
    #b_header .b_toggle_btn{display: flex;}
    #b_header nav{display: none;}
    #b_header .b_util_box{column-gap: 15px;}
    #b_header .b_util_box .b_btn_box{width: auto; border-left:0;}
    #b_header .b_util_box .b_ctt_box{display: none;}
    #b_header .b_util_box span{display: none;}
    #b_header .b_util_box .b_btn_box:hover{background-color: unset; transition:unset; }
    #b_header .b_util_box .b_lang_list{width: 100px; background-color: #255a4b; border:0;}
    #b_header .b_util_box .b_lang_list li a{font-size: 13px; color: #666666;}
    #b_header .b_util_box .b_lang_list li.on a{color: #fff;}
/*	#b_header .b_util_box .b_btn_box.on{background-color:unset; }*/
/*	#b_header.srh .b_util_box .b_btn_box.on img {filter: unset;}*/

    .b_srh_wrap{top: 70px; height: 170px;}



}
@media screen and (max-width: 720px){
    #b_header{height: 50px;}
    #b_header .b_logo img{width: 150px;}
    #b_header .b_toggle_btn{width: 20px; height: 15px; row-gap: 5px;}
    #b_header .b_util_box .b_btn_box img{width: 17px;}
    #b_header .b_util_box .b_lang_list{width: 50px; top: 85%; padding: 10px 0;}
    #b_header .b_util_box .b_lang_list li {margin-bottom: 2px;}
    #b_header .b_util_box .b_lang_list li a{font-size: 10px; }

    .b_srh_wrap{top: 50px; }
    .b_srh_wrap .b_srh_box{height: 40px;}
    .b_srh_wrap .b_select_box {width: 100px;}
    .b_srh_wrap .b_select_box .b_top_box::after{height: 20px;}
    .b_srh_wrap .b_select_box .b_top_box{padding: 0 8px;}
		.b_srh_wrap .b_select_box .b_top_box span{font-size: 11px;}
    .b_srh_wrap .b_select_box .b_top_box img{width: 8px;}
		.b_srh_wrap .b_select_box .b_select_list{top: 45px; padding: 10px 8px;}
		.b_srh_wrap .b_select_box .b_select_list li{margin-bottom: 10px;}
		.b_srh_wrap .b_select_box .b_select_list li input{width: 12px; height: 12px; margin-right: 5px; margin-top: 1px;}
		.b_srh_wrap .b_select_box .b_select_list li label{align-items: flex-start;}
    .b_srh_wrap .b_input_box {width: calc(100% - 135px);}
    .b_srh_wrap .b_btn_box {width: 35px;}
    .b_srh_wrap .b_srh_btn {width: 25px; height: 25px;}
    .b_srh_wrap .b_srh_btn img {width: 13px;}
    
}

#b_header .b_util_box .b_close_btn{display: none;}


/* 사이트맵 */
#b_site_map{position: fixed; left: -100%; top:0; width: 100%; height: 100%; background-color: #fff; z-index: 20; padding-top:70px; transition:left .2s; }
#b_site_map #b_gnb > li{position: relative; border-bottom: 1px solid #d9d9d9; }
#b_site_map #b_gnb > li > a{display: flex; align-items: center; position: relative; height: 52px; padding: 0 3%; font-size: 16px; font-weight: 500; text-transform: uppercase; transition:.3s;}
#b_site_map #b_gnb > li > a::after{content:''; width:6px; height:4px; background: url(/img/icon/sitemap_down.png) no-repeat center / 100%; position:absolute; right: 3%; top: 50%; transform: translateY(-50%);}
#b_site_map #b_gnb .b_sub_list{background-color: #f9f9f9; padding: 10px 5%; display: none;}
#b_site_map #b_gnb .b_sub_list li{margin-bottom: 10px;}
#b_site_map #b_gnb .b_sub_list li:last-child{margin-bottom: 0px;}
#b_site_map #b_gnb .b_sub_list li a{display: block; padding: 5px; width: fit-content; font-weight: 400; }
#b_site_map #b_gnb .b_sub_list li:hover a{color: #255a4b; transition: color .3s; -webkit-text-stroke: 0.03em;}

#b_site_map #b_gnb > li.on > a{color: #255a4b; font-size: 17px; transition:.3s;}
#b_site_map #b_gnb > li.on > a::after{background: url(/img/icon/sitemap_up.png) no-repeat center / 100%; width:8px; height:5px; }

#b_site_map.open{left:0; transition:left .7s;}





@media screen and (max-width: 720px){
    #b_site_map{padding-top:50px; }
    #b_site_map #b_gnb > li > a{font-size: 11px; }
    #b_site_map #b_gnb > li.on > a{font-size: 12px; }
}





#b_header .b_util_box .b_close_btn{width: 32px; height: 32px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg); display: none;}
#b_header .b_util_box .b_close_btn span{background-color: #444444; position:absolute; left: 0; top: 0; left: 50%; top: 50%; display: block; transform: translate(-50%, -50%);}
#b_header .b_util_box .b_close_btn span:first-child{width:2px; height: 28px;}
#b_header .b_util_box .b_close_btn span:last-child{height:2px; width: 28px;}

@media screen and (max-width: 720px){
    #b_header .b_util_box .b_close_btn{width: 20px; height: 20px; }
    #b_header .b_util_box .b_close_btn span:first-child{height: 22px;}
    #b_header .b_util_box .b_close_btn span:last-child{width: 22px;}

}






/* header mouse on */
#b_header.open{background-color: #fff; transition: background-color .4s; border-bottom: #d9d9d9; }
#b_header.open::after{display: block;}
#b_header.open .b_logo .logo_w{display: none;}
#b_header.open .b_logo .logo_b{display: block;}
/* #b_header.open #b_gnb > li > a{color:#111;} */
#b_header.open .b_util_box .b_btn_box img{filter: invert(1);}
#b_header.open .b_toggle_btn{cursor: default;}
#b_header.open .b_toggle_btn{cursor: default; transform: translateY(-70px);}
#b_header.open .b_util_box .b_close_btn{display: block;}
#b_header.open .b_util_box .b_srh_box{display:none; }



#b_hd_bg{position: fixed; left:0; top:90px; width: 100%; height: 0px; background-color: #fff; z-index: 15;}
#b_hd_bg.on{transition:height .3s; height: 280px; }

/* header mouse on */
#b_header.on{background-color: #fff; transition: background-color .4s;}
#b_header.on .b_logo .logo_w{display: none;}
#b_header.on .b_logo .logo_b{display: block;}
#b_header.on #b_gnb > li > a{color:#111; }
#b_header.on #b_gnb > li:hover > a{color: #255a4b;}
#b_header.on .b_util_box .b_btn_box {border-left: 1px solid rgba(217,217,217,.3);}
#b_header.on .b_util_box .b_btn_box img{filter: invert(1);}
#b_header.on .b_util_box span{color:#222222;}
#b_header.on .b_util_box .b_btn_box:hover img{filter: unset;}
#b_header.on .b_util_box .b_btn_box:hover span{color:#fff;}

#b_header.on .b_util_box .b_btn_box.on img{filter:unset; }
#b_header.on .b_util_box .b_btn_box.on span{color:#fff; }


/* header scroll */
#b_header.scr{background-color: #fff; transition: background-color .4s;}
#b_header.scr .b_logo .logo_w{display: none;}
#b_header.scr .b_logo .logo_b{display: block;}
#b_header.scr #b_gnb > li > a{color:#111;}
#b_header.scr .b_util_box .b_btn_box {border-left: 1px solid rgba(217,217,217,.3);}
#b_header.scr .b_util_box .b_btn_box img{filter: invert(1);}
#b_header.scr .b_util_box span{color:#222222;}
#b_header.scr .b_util_box .b_btn_box:hover img{filter: unset;}
#b_header.scr .b_util_box .b_btn_box:hover span{color:#fff;}
#b_header.scr .b_toggle_btn span{background-color: #444;}

/*검색창 등장*/
#b_header.srh{background-color: #fff; transition: background-color .4s;}
/* #b_header.srh::after{display: block;} */
#b_header.srh .b_logo .logo_w{display: none;}
#b_header.srh .b_logo .logo_b{display: block;}
#b_header.srh #b_gnb > li > a{color:#111;}
#b_header.srh .b_util_box .b_btn_box {border-left: 1px solid rgba(217,217,217,.3);}
#b_header.srh .b_util_box .b_btn_box img{filter: invert(1);}
#b_header.srh .b_util_box span{color:#222222;}
#b_header.srh .b_toggle_btn span{background-color: #444;}
#b_header.srh .b_toggle_btn{cursor: default; transform: translateY(-70px);}

#b_header.srh .b_util_box .b_btn_box.on img{filter:unset; }
#b_header.srh .b_util_box .b_btn_box.on span{color:#fff; }


#b_header.lang{background-color: #fff; transition: background-color .4s;}
/* #b_header.srh::after{display: block;} */
#b_header.lang .b_logo .logo_w{display: none;}
#b_header.lang .b_logo .logo_b{display: block;}
#b_header.lang #b_gnb > li > a{color:#111;}
#b_header.lang .b_util_box .b_btn_box {border-left: 1px solid rgba(217,217,217,.3);}
#b_header.lang .b_util_box .b_btn_box img{filter: invert(1);}
#b_header.lang .b_util_box span{color:#222222;}
#b_header.lang .b_toggle_btn span{background-color: #444;}
/*#b_header.lang .b_toggle_btn{cursor: default; transform: translateY(-70px);}*/
#b_header.lang .b_util_box .b_btn_box.on img{filter:unset; }
#b_header.lang .b_util_box .b_btn_box.on span{color:#fff; }

@media screen and (max-width: 1280px){
	  #b_hd_bg{top: 70px;}
}

@media screen and (max-width: 1080px){
    #b_header.scr::after{display: block;}
    #b_header.scr .b_util_box .b_btn_box {border-left:0;}
    #b_header.scr .b_util_box .b_btn_box:hover img{filter: invert(1);}

		#b_header.srh::after{display: block;}
		#b_header.srh .b_util_box .b_close_btn{display: block; left:unset; right:0; }
		#b_header.srh .b_util_box .b_srh_box{opacity: 0;}
		#b_header.srh .b_util_box .b_btn_box {border-left:0;}
		#b_header.srh .b_util_box .b_btn_box.on img{filter:invert(1); }

		#b_header .b_util_box .b_btn_box.on {background-color: unset;}

		#b_header.lang::after{display: block;}
		#b_header.lang .b_util_box .b_btn_box {border-left:0;}
		#b_header.lang .b_util_box .b_btn_box.on img{filter:invert(1); }
}











/* scroll motion */
.b_motion .b_item {transition: transform .8s, opacity 0.6s ease; opacity: 0; transform: translate3d(0px, 50px, 0);}
.b_motion .b_item.b_tr {transform: translate3d(-50px, 0, 0);}
.b_motion .b_item.b_tl {transform: translate3d(50px, 0, 0);}
.b_motion .b_item.b_move {opacity: 1 !important; transform: translateZ(0) !important;}

.b_item.b_delay_01{transition-delay: .3s;}
.b_item.b_delay_02{transition-delay: .6s;}
.b_item.b_delay_03{transition-delay: .9s;}
.b_item.b_delay_04{transition-delay: 1.2s;}



/* main visual */
.b_mv_box{height: 900px; display: flex; align-items: center; flex-wrap: wrap; overflow: hidden;}
.b_mv_box .b_box{position: relative; height: 100%; transition:width 1s; width: 30%;}
.b_mv_box .b_bg_box{position: absolute; left: 0; top: 0; width:100%; height: 100%; z-index: -1;} 
.b_mv_box .b_left_box .b_bg_box{background:url(/img/index/mv_01.jpg) no-repeat center bottom / cover; }
.b_mv_box .b_right_box .b_bg_box{background:url(/img/index/mv_02.jpg) no-repeat center bottom / cover; }
.b_mv_box .b_inner{color: #fff; padding-top: 360px; max-width: 1145px; padding-left: 30px;}
.b_mv_box .b_tit_txt{text-transform: uppercase; line-height: 1;}
.b_mv_box .b_cont_box {/*display: none;*/ opacity: 0; transform: translateY(30px);}
.b_mv_box .b_cont_box > p{margin: 13px 0 35px; line-height: 1.3;}
.b_mv_box .b_list_box{display: flex; align-items: center; column-gap: 15px;}
.b_mv_box .b_list_box li{width: 185px; background-color: rgba(255,255,255,.15); height: 100px; border-radius: 3px; border: 1px solid rgba(255,255,255,.2); transition:background-color .2s, border .2s;}
.b_mv_box .b_list_box li a{width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; padding: 25px 5px 0 10px;}
.b_mv_box .b_list_box li i{display: flex; align-items: center; justify-content: center; width: 33px; height: 20px; border-radius: 10px; background-color: rgba(202,213,216,.4); margin-top: 11px;}
.b_mv_box .b_list_box li i img{filter: brightness(0) invert(1);}
.b_mv_box .b_list_box li:hover{background-color: #204e41; border: 1px solid #204e41; transition:background-color .3s, border .3s; }
.b_mv_box .b_list_box li:hover i{background-color: #fff; transition:.3s; }
.b_mv_box .b_list_box li:hover i img{filter: unset;}

.b_mv_box .b_box.on{width: 70%; }
.b_mv_box .b_box.on .b_cont_box{opacity: 1; transform: translateY(0px); transition: .3s; transition-delay: .2s;}


@media screen and (max-width: 1480px){
    .b_mv_box .b_list_box{column-gap: 10px;}
    .b_mv_box .b_list_box li{width: 170px;} 
}
@media screen and (max-width: 1280px){
    .b_mv_box {height: 800px;}
    .b_mv_box .b_inner{padding-top: 260px;}
}
@media screen and (max-width: 1080px){
    .b_mv_box {height: auto;}
    .b_mv_box .b_inner{padding-top: 220px; padding-left: 0;}
    .b_mv_box .b_box{width: 100% !important; height: 500px;}
		.b_mv_box .b_cont_box {opacity: 1; transform: translateY(0px); /*transition-delay: 0;*/ transition: unset;}
		.b_mv_box .b_box.on .b_cont_box{}

}
@media screen and (max-width: 720px){
    .b_mv_box .b_inner{padding-top: 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 30px;}
    .b_mv_box .b_box{height: 300px; overflow: hidden;}
    .b_mv_box .b_left_box .b_bg_box{background:url(/img/index/mv_01_m.jpg) no-repeat center bottom / cover; }
    .b_mv_box .b_right_box .b_bg_box{background:url(/img/index/mv_02_m.jpg) no-repeat center bottom / cover; }

    .b_mv_box .b_list_box {column-gap: 0;}
    .b_mv_box .b_list_box li{height: 60px; border-radius: 1.5px;}
    .b_mv_box .b_list_box li a{padding: 8px 5px; justify-content: space-between;}
    .b_mv_box .b_list_box li i{width: 16px; height: 10px; border-radius: 3.8px; margin-top: 0;}
    .b_mv_box .b_list_box li i img{width:4px;}
    .b_mv_box .b_list_box li:hover{background-color: rgba(32,78,65,.85);}
    .b_mv_box .b_cont_box > p{margin: 10px 0 25px;}
}






.b_section{padding:150px 0;}
.b_section .b_tit_box .b_sub_txt{display: block; margin-bottom: 25px; color: #80b2a6;}
.b_section .b_tit_box .b_cont_txt{line-height: 1.3;}

@media screen and (max-width: 1480px){

}
@media screen and (max-width: 1080px){
    .b_section{padding:100px 0;}

}
@media screen and (max-width: 720px){
    .b_section{padding:60px 0;}
    .b_section .b_tit_box .b_sub_txt{margin-bottom: 12px; font-size: 9px;}

}



.b_sec01 .b_tit_box{margin-bottom: 40px;}
.b_sec01 .b_cate_list{display: flex; align-items: center; column-gap: 25px; margin-bottom: 60px;}
.b_sec01 .b_cate_list li{text-transform: uppercase; padding: 14px 25px; border: 2px solid #d9d9d9; border-radius: 50px; color: #999999; cursor: pointer; transition:.3s;}
.b_sec01 .b_cate_list li.on{background-color: #255a4b; color: #fff; border: 2px solid #255a4b; transition:.3s;}
.b_sec01 .b_pdt_slide {overflow: hidden; display:none; }
.b_sec01 .b_pdt_slide.on{display:block; }
.b_sec01 .b_pdt_slide > ul{margin:0; }
.b_sec01 .b_pdt_slide li{position: relative; margin: 0; float: unset; padding: 0;}
.b_sec01 .b_pdt_slide li > a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}
.b_sec01 .b_pdt_slide .b_txt_box{margin-top: 30px; padding: 0; border-bottom: 0;}
.b_sec01 .b_pdt_slide .b_cate{color: #fff; display: block; background-color: #255a4b; border-radius: 30px; height: 30px; ; padding: 0 20px; width: fit-content; line-height: 30px;}
.b_sec01 .b_pdt_slide .b_subject{margin: 15px 0 10px;}
.b_sec01 .b_pdt_slide .b_cont{display: block; color: #777777; line-height: 1.4;}
/*.b_sec01 .b_pdt_slide .b_cont i{display: block; color: #777777; line-height: 1.4;}*/
.b_sec01 .b_pdt_slide .b_img_box {aspect-ratio: 10/9.2; width: 100%; display: flex; align-items: center; justify-content: center;}
.b_sec01 .b_pdt_slide .b_img_box img{display: block; max-width: 100%;}
.b_sec01 .b_pdt_slide .b_pagi{position: unset; margin-top: 75px; height: 6px;}
.b_sec01 .b_pdt_slide .swiper-pagination-progressbar{background-color: #f9f9f9; border-radius: 3px; overflow: hidden; }
.b_sec01 .b_pdt_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #255a4b;}

.sct:after{display:none;}

@media screen and (max-width: 1480px){

}
@media screen and (max-width: 1080px){
    .b_sec01 .b_tit_box {margin-bottom: 30px;}

}
@media screen and (max-width: 720px){
    .b_sec01 .b_inner {width: 100%;}

    .b_sec01 .b_tit_box {width: 94%; margin: 0 auto; margin-bottom: 20px; }
    .b_sec01 .b_cate_list{width: 94%; margin: 0 auto; column-gap: 10px; margin-bottom: 30px;}
    .b_sec01 .b_cate_list li{padding: 5px 12px; border: 1px solid #d9d9d9;}
    .b_sec01 .b_cate_list li p{font-size: 9px;}
    .b_sec01 .b_pdt_slide{margin-left: 3%;}
    .b_sec01 .b_pdt_slide .b_txt_box {margin-top: 15px;}
    .b_sec01 .b_pdt_slide .b_cate{border-radius: 8px; height: 15px; padding: 0 10px; line-height: 17px; font-size: 9px;}
    .b_sec01 .b_pdt_slide .b_subject {margin: 10px 0 8px;}
    .b_sec01 .b_pdt_slide .b_pagi{margin-top: 30px; height: 3px;}
    
}

.b_sec02 {display: flex; align-items: flex-start; background: url(/img/index/sec02_bg.jpg) no-repeat center / cover; padding: 0; height: 1000px; overflow: hidden; flex-wrap: wrap;} 
.b_sec02 > div{width: 50%; height: 100%; }
.b_sec02 .b_right_box {position: relative;}
.b_sec02 .b_left_box {padding-top: 185px;}
.b_sec02 .b_left_box .b_inner{width: 81%;}
.b_sec02 .b_tit_box {margin-bottom: 55px;}
.b_sec02 .b_tit_box h3{color: #fff;}
.b_sec02 .b_tit_box p{color: #fff; margin-top: 10px;}
.b_sec02 .b_tab_list{max-width: 750px; width:100%; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.3);}
.b_sec02 .b_tab_list li{height: 120px; width: 33.333%; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.1); border-left: 1px solid rgba(255,255,255,.3); cursor: pointer; position: relative;}
.b_sec02 .b_tab_list li:first-child{border-left: 0;}
.b_sec02 .b_tab_list li::after{content:''; width: 1px; height: 35px; background-color: #fff; position: absolute; left: 50%; transform: translateX(-50%); top:121px; opacity: 0;}
.b_sec02 .b_tab_list li::before{content:''; width: 7px; height: 7px; background-color: #4fc0a0; position: absolute; left: 50%; transform: translateX(-50%); top:150px; border-radius: 50%; opacity: 0;}
.b_sec02 .b_tab_list li.on{background-color: #255a4b; transition:background-color .3s;}
/*
.b_sec02 .b_tab_list li.on::after{opacity: .2; transition:opacity .3s;}
.b_sec02 .b_tab_list li.on::before{opacity: 1; transition:opacity .3s;}
*/
.b_sec02 .b_tab_list p{text-transform: uppercase; color: #fff;}
.b_sec02 .b_left_box .b_tab_box{max-width: 750px; width:100%; position: relative; margin-top: 40px; height: 230px; }
.b_sec02 .b_left_box .b_tab_cont{position: absolute; top:0; left: 0; width: 100%; height: 100%; text-align: center; display: none;}
.b_sec02 .b_left_box .b_tab_01{display: block;}
.b_sec02 .b_left_box .b_tab_cont figure {display: flex; align-items: center; justify-content: center;}
.b_sec02 .b_left_box .b_tab_cont figure img{display: block; max-width: 100%;}
.b_sec02 .b_left_box .b_tab_cont span{color: #fff; display: block; margin-bottom: 30px;}
.b_sec02 .b_right_box {position: relative;}
.b_sec02 .b_right_box .b_tab_cont{width:100%; height: 100%; opacity: 0; position: absolute;left: 0; top: 0; transition: opacity 1s;}
.b_sec02 .b_right_box .b_tab_cont.on{opacity: 1; transition: opacity .7s;}
.b_sec02 .b_right_box .b_tab_cont figure{width:100%; height: 100%; }
.b_sec02 .b_right_box .b_tab_cont figure img{width:100%; height:100%; object-fit: cover; }

.b_sec02 .b_left_box .b_tab_cont {
    display: none;
}
.b_sec02 .b_left_box .b_tab_cont.on {
    display: block;
}
.b_sec02 .b_right_box .b_tab_cont figure img.b_mo_ver{display: none;}

@media screen and (max-width: 1280px){
    .b_sec02 {height: 800px;}
    .b_sec02 .b_left_box {padding-top: 100px;}
}
@media screen and (max-width: 1080px){
    .b_sec02 {height: auto;}
    .b_sec02 > div{width:100%;}
    .b_sec02 .b_left_box .b_inner {width: 94%;}
    .b_sec02 .b_tab_list{max-width: unset;}
    .b_sec02 .b_tab_list li{height: 100px;}
    .b_sec02 .b_tab_list li::after{top: 101px;}
    .b_sec02 .b_tab_list li::before{top: 130px;}
    .b_sec02 .b_left_box .b_tab_box{max-width: unset;}

    .b_sec02 .b_right_box{height: 550px;}
    .b_sec02 .b_right_box .b_tab_cont figure img.b_pc_ver{display: none;}
    .b_sec02 .b_right_box .b_tab_cont figure img.b_mo_ver{display: block;}



}
@media screen and (max-width: 720px){
    .b_sec02 {background: unset;}
    .b_sec02 .b_left_box {padding-top: 60px; background: url(/img/index/sec02_bg_m.jpg) no-repeat center / cover; }
    .b_sec02 .b_tit_box {margin-bottom: 30px;}
    .b_sec02 .b_right_box{height: 275px;}
    .b_sec02 .b_tab_list li{height: 50px;}
    .b_sec02 .b_tab_list li::after {top: 51px; height: 15px;}
    .b_sec02 .b_tab_list li::before {top: 64px; width: 3.5px; height: 3.5px;}
    .b_sec02 .b_tab_list p{font-size: 9px;}
    .b_sec02 .b_left_box .b_tab_box{margin-top: 20px; height: 250px;}
    .b_sec02 .b_left_box .b_tab_cont figure img{width: 360px;}


}



#b_footer{background: url(/img/index/ctt_bg.jpg) no-repeat center / cover; }
#b_footer .b_ctt_box{padding: 100px 0 140px; }
#b_footer .b_ctt_box .b_inner{display: flex; align-items: flex-end; column-gap: 95px;}
#b_footer .b_ctt_box .b_tit_txt{color: #fff;}
#b_footer .b_ctt_box .b_link_btn{width: 132px; height: 132px; border-radius: 50%; border: 2px solid #80b2a6; display: flex; align-items: center; justify-content: center; transition: background-color .3s;}
#b_footer .b_ctt_box .b_link_btn:hover{background-color: #80b2a6; transition: background-color .3s;}
#b_footer .b_ctt_box .b_link_btn:hover img{filter: brightness(0) invert(1);}
#b_footer .b_bot_box{padding: 60px 0; border-top: 1px solid rgba(246,246,246,.5); }
#b_footer .b_bot_box .b_inner{display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;}
#b_footer .b_bot_box .b_logo a{display: block;}
#b_footer .b_bot_box address{color:#cdcdcd; display: flex; align-items: flex-end; width: 80%; justify-content: space-between; flex-wrap: wrap;}
#b_footer .b_bot_box address span{display: block; padding: 0 15px;}
#b_footer .b_bot_box address span b{display: block; margin-bottom: 10px;}



@media screen and (max-width: 1300px){
    #b_footer .b_bot_box .b_inner{flex-direction: column; align-items: flex-start;}
    #b_footer .b_bot_box address{width: 100%; margin-top: 20px;}
    #b_footer .b_bot_box address span{padding: 0;}

}
@media screen and (max-width: 1080px){
    #b_footer .b_bot_box {padding: 40px 0;}

    #b_footer .b_bot_box address{justify-content: flex-start; column-gap: 17px;}
    #b_footer .b_bot_box address span{display: flex; align-items: center;}
    #b_footer .b_bot_box address span b{margin-bottom: 0px; margin-right: 10px;}

    #b_footer .b_bot_box address span:first-child {width: 100%; margin-bottom: 10px;}
    #b_footer .b_bot_box address span:first-child b{display: none;}
    #b_footer .b_bot_box address span.b_copy {width: 100%; margin-top: 30px;}






}
@media screen and (max-width: 720px){
    #b_footer .b_ctt_box{padding: 60px 0;}
    #b_footer .b_ctt_box .b_inner{column-gap: 0; flex-direction: column; align-items: flex-start; row-gap: 25px;}
    #b_footer .b_ctt_box .b_link_btn{width: 66px; height: 66px; border: 1px solid #80b2a6;}
    #b_footer .b_ctt_box .b_link_btn img{width: 20px; }
    #b_footer .b_bot_box {padding: 25px 0;}

    #b_footer .b_bot_box .b_logo img{width: 180px;}

}









.br_720o{display: none;}

@media screen and (max-width: 1200px){
    
    .br_120x{display: none;}
    
}

@media screen and (max-width: 720px){
    .br_720x{display: none;}
   
    .br_720o{display: block;}
}



/*플로팅버튼*/
.float_btn_wrap { position: fixed; bottom: 15%; right: 50px; } 
.float_btn_wrap .float_btn_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #255a4b;
    gap: 10px;
    color: #fff;
    height: 60px;
    border-radius: 50px;
    width: 60px; /* 원형 */
    overflow: hidden;
    text-decoration: none;
    padding: 0 0;
    transition: width 0.45s cubic-bezier(.25, .8, .25, 1);
    position: relative;
}
.float_btn_wrap .float_btn_1 .float_txt {
    opacity: 0; position: absolute; right: 100%;
    transform: translateX(-15px);
    transition: opacity .35s ease .10s,transform .45s cubic-bezier(.25, .8, .25, 1) .05s;
    white-space: nowrap;
}
.float_btn_wrap .float_btn_1 i { font-size: 1.25rem; font-weight: 800; transition: transform .35s ease; }

.float_btn_wrap .float_btn_1:hover { background: #222; width: 200px; }
.float_btn_wrap .float_btn_1:hover .float_txt { opacity: 1; position: static; transform: translateX(0); }

.float_btn_wrap .float_btn_1:hover i { font-size: 1rem; transform: translateX(-5px); }


.float_btn_wrap .cart_count_badge { position: absolute; top: -20%; right: -20%; width: 30px; height: 30px; color: #fff; background: #80b2a6; border-radius: 100% 100% 100% 0; display: flex; justify-content: center; align-items: center;  }
.float_btn_wrap .cart_count_badge.hide { display: none; }

.float_btn_wrap:hover .cart_count_badge { right: -10%; transition: .3s; }

@media screen and (max-width: 720px){
    .float_btn_wrap { right: 20px; }
    .float_btn_wrap .float_btn_1 { width: 50px; height: 50px; }
    .float_btn_wrap .cart_count_badge { top: -30%; right: -30%; }
    .float_btn_wrap:hover .cart_count_badge { right: -20%; }
}