/*---common css---*/

:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;
	--color-base02: #333;

	/*font-size*/
	--font-size-14: 0.875rem;
	--font-size-15: 0.938rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem; 
 	--font-size-22: 1.375rem; 
 	--font-size-25: 1.563rem; 
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-30: 1.875rem; /*사용*/
	--font-size-31: 1.938rem; 
	--font-size-35: 2.188rem; /*사용*/
	--font-size-38: 2.375rem; /*사용*/
	--font-size-43: 2.688rem; /*사용*/
	--font-size-55: 3.438rem; /*사용*/
	--font-size-60: 3.75rem; /*사용*/

	--font-size-80: 5rem;
	--font-size-100: 6.25rem; /*사용*/

	/*font-weight*/
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-bl: 900;
}

/*font-color*/

.font_base02 {color: var(--color-base02);}

/*font size*/
.fs_14{font-size: var(--font-size-14);}
.fs_15{font-size: var(--font-size-15);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);} 
.fs_22{font-size: var(--font-size-22);}
.fs_25{font-size: var(--font-size-25);}  /*사용*/
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_30{font-size: var(--font-size-30);}  /*사용*/
.fs_31{font-size: var(--font-size-31);}
.fs_35{font-size: var(--font-size-35);}  /*사용*/
.fs_38{font-size: var(--font-size-38);}  /*사용*/
.fs_43{font-size: var(--font-size-43);}  /*사용*/
.fs_55{font-size: var(--font-size-55);}  /*사용*/
.fs_60{font-size: var(--font-size-60);}  /*사용*/
.fs_80{font-size: var(--font-size-80);}
.fs_100{font-size: var(--font-size-100);}  /*사용*/


@media screen and (max-width:767px){ 
	.fs_55 {font-size:38px;}
	.fs_30 {font-size:20px;}
}
@media screen and (max-width:720px){ 
	.fs_55 {font-size:30px;}
	.fs_18 {font-size:16px;}
	.fs_17 {font-size:16px;}
	.fs_16 {font-size:14px;}
	.fs_15 {font-size:14px;}
	.fs_100{font-size:50px;}  
}


/*font weight*/
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_bl{font-weight: var(--font-bl);}


/*text-motion*/
.j_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion.on {transform: translateY(0);opacity: 1;}

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}

/*margin*/
.mb_t10{margin-top: 10px;}

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

	.mb_t10{margin-top: 8px;}
}

/*word-break*/
.wb {word-break:keep-all;}

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

/*br*/
.br_mo {display:none;} 

/*padding-bottom*/
.pb-0 {padding-bottom:0 !important;}
.pt-20 {padding-top:20px !important;}
.pt-40 {padding-top:40px !important;}

/*letter-spacing:-1*/

.le-1 {letter-spacing:-1px;}

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

@media screen and (max-width:767px){ 
	.br_pc {display:none;}
	.br_mo {display:block;}
}

/*---header---*/
#j_header {height:100px; position:fixed; top:0; left:0; width:100%;  background:#fff; z-index:98;}
.j_hd_inner {display:flex; justify-content:space-between; align-items:center; height:100%; position:relative;}
.j_hd_inner .hd_right_box {display:flex; align-items:center;}
.hd_right_box > .j_gnb {height:100%;}
.hd_right_box > .j_gnb >.j_menu_wrap {display:flex; height:100%;}
.hd_right_box > .j_gnb >.j_menu_wrap > li {height:100%; position:relative;}
.hd_right_box > .j_gnb >.j_menu_wrap > li.on > a:after {width:100%;}
.hd_right_box > .j_gnb >.j_menu_wrap > li > a {display:block; height:100%; padding:0 32px; font-size:1.125rem; font-weight: 600; line-height:100px; transition:0.28s; position:relative;}
.hd_right_box > .j_gnb >.j_menu_wrap > li > a:after {position:absolute; bottom:0; left:0; width:0; height:3px; background:#09847f; content:'';  transition:0.25s;}
.hd_right_box > .j_gnb >.j_menu_wrap > li:hover > a:after {width:100%;}
.hd_right_box > .hd_icon_menu .hd_icon_menu_list {display:flex;}
.hd_right_box > .hd_icon_menu .hd_icon_menu_list > li {line-height:40px; text-align: center;}
.hd_right_box > .hd_icon_menu .hd_icon_menu_list > li figure {width:48px; height:48px; transition:.25s;}
.hd_right_box > .hd_icon_menu .hd_icon_menu_list > li:hover figure {background:rgba(9, 132, 127, 0.08); border-radius:48px; }
.hd_right_box > .hd_icon_menu .hd_icon_menu_list > li:last-child figure {width:81px; position:relative;}
.hd_right_box > .hd_icon_menu .hd_icon_menu_list > li:last-child figure 
.hd_right_box > .hd_icon_menu .hd_icon_menu_list > li a {display:block;}
.hd_right_box > .hd_icon_menu .hd_icon_menu_list > li:last-child a i {margin-left:8px; vertical-align:middle; font-size:0.9375rem; font-weight:500; letter-spacing:-0.1em;}


#j_header > .j_hd_inner > .hd_right_box >.j_gnb > ul > li > .depth02 {position:absolute; left:50%; transform: translateX(-50%); top:100px; z-index:99; text-align:center; background:#fff; width:200px; display:none;padding: 10px 0;}
#j_header > .j_hd_inner > .hd_right_box >.j_gnb > ul > li > .depth02 > li > a {display:block; padding:15px; font-weight: 500; transition:0.25s;line-height: 150%;}
#j_header > .j_hd_inner > .hd_right_box >.j_gnb > ul > li > .depth02 > li:hover > a {color:#09847f;}


.lang_box .lang_2epth {background:#fff; display:none;}
.lang_box .lang_2epth {border-radius: 0 0 20px 20px ;}
@media screen and (max-width:1080px){
	#j_header  {height:80px;}
	.j_hd_inner .hd_right_box {display:none;}
	.btn_box {display:block; z-index:999}
}

@media screen and (max-width:720px){ 
	#j_header  {height:60px;}
	.btn_box {width:21px;}
}
/*-------------------------------------------------mobile_wrap----------------------------------------*/

.mobile_wrap {position:fixed; top:0; right:0;width:100%; height:100vh; background:#fff; display:none; z-index:99}
.mo_inner {height:100%; position:relative;}
.mo_gnb {height:100%;}
.mo_gnb>.j_menu_wrap {display:flex; align-items: center;  height: 100%; flex-direction: column;justify-content: center; text-align:center; }
.mo_gnb>.j_menu_wrap>li>a {font-size:24px; font-weight:700; padding: 20px; display: block; transition: .3s;}
.mo_gnb>.j_menu_wrap>li>a:hover {color:#09847f;}
.mo_gnb>.j_menu_wrap>li>ul>li>a {display:block; font-size:18px; font-weight:500; padding:5px 0; transition:0.25s;}
.mo_gnb>.j_menu_wrap>li>ul>li>a:hover {color:#09847f;}
.mo_gnb>.j_menu_wrap>li>ul.depth02 {display:none;}
.mo_site {position:absolute; top:20px; left:50%; transform:translateX(-50%); width:100%; }
.mo_site ul {display:flex; justify-content:center;}
.mo_site ul li {padding:0 15px;}
.mo_site ul li i {margin-left:5px;}
/*mo_gnb*/
.btn_box {width: 35px; height: 21px; position:absolute; right:0; top:50%;transform:translateY(-50%); display:none;}
.btn_box.on .nav_btn>span:nth-of-type(1) {transform: rotate(45deg);}
.btn_box.on .nav_btn>span:nth-of-type(2) {display:none;}
.btn_box.on .nav_btn>span:nth-of-type(3) {transform: rotate(-45deg);}

.nav_btn{width:100%; height:100%;}
.nav_btn>span {display: block;width: 100%; height: 2px;background: #000;position: absolute; transition: .3s;}
.nav_btn>span:nth-of-type(1) {transform: translateY(6px);}
.nav_btn>span:nth-of-type(2) {transform: translateY(0px);}
.nav_btn>span:nth-of-type(3) {transform: translateY(-6px);}



@media screen and (max-width:1080px){
	.btn_box {display:block; z-index:999}
}

@media screen and (max-width:720px){   
	.btn_box {width:21px;}
}



/*main_visual*/

.main_visual, .main_visual .j_bg{height: calc( 100vh - 100px );}
.main_visual .j_bg {width:100%;}
/*.main_visual .j_bg.mv_bg01 {background:url('/img/main/main_visual01.jpg') no-repeat center center /cover;}
.main_visual .j_bg.mv_bg02 {background:url('/img/main/main_visual02.jpg') no-repeat center center /cover;}
.main_visual .j_bg.mv_bg03 {background:url('/img/main/main_visual01.jpg') no-repeat center center /cover;}*/
.mv_text_box {position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff;}
.mv_text_box p {margin-top: 25px;line-height: 160%;}
.mv_text_box:after {content:''; position:absolute; left:0; top:-20px; width:50px; height:2px; background:#fff;}
.mv_page_box {position:absolute; left:0; bottom: 100px; width:100%; text-align:left;}
.swiper-pagination.mv_page {text-align:left;}
.swiper-pagination.mv_page .swiper-pagination-bullet {width:9px; height:9px; border-radius:50%; background:transparent; border:1px solid #fff;}
.swiper-pagination.mv_page .swiper-pagination-bullet-active {background:#fff;}

.btn_pause {cursor:pointer; color:#fff; position:absolute; left:76px; top:26px; z-index:999; width:7px; height:9px; background:url('/img/icon/pause_btn.png') no-repeat center center / cover;}
.navi_btn {position:relative;;left:100px; top:27px; width:60px; height:26px;}
.navi_btn:after {content:''; position:absolute; left:50%; top:-5px; transform:translateX(-50%); width:1px; height:18px; background:url('/img/icon/navi_icon.png') no-repeat center center / cover; z-index:99;}
.swiper-button-next.main_swip_next::after, .swiper-button-prev.main_swip_prev::after {display: none;}
.swiper-button-next.main_swip_next{
  background: url('/img/icon/next_arrow.png') no-repeat;
  background-size: 50% auto;
  background-position: center;
  height:26px;
  right:0;
}

.swiper-button-prev.main_swip_prev {
  background: url('/img/icon/prev_arrow.png') no-repeat;
  background-size: 50% auto;
  background-position: center;
  height:26px;
  left:0;
}

.scroller {
    width: 1px;
    background: rgba(255, 255, 255, 0.03);
    position: absolute;
    height: 100px;
    left: 50%;
    bottom: 0;
    overflow: hidden;
	z-index:90;
}
 
.scroller::before {
    content: '';
    position: absolute;
    height: 46px;
    background: #fff;
    width: 1px;
    animation: scroller 3s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
 
@keyframes scroller {
    0% {transform: translateY(-52px)}
    100%  {transform: translateY(188px)}
}
@media screen and (max-width:720px){ 
.mv_page_box{}
}


/*main_seciton*/

.main_section {padding:135px 0;}

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

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

}

@media screen and (max-width:720px){ 
.mv_page_box {bottom:20%;}
}


/*main_section01*/
.main_tit {letter-spacing:-0.04em}
.main_sec01_cont_list{display:flex; margin-top:57px;}
.main_sec01_cont_list .main_sec01_left_box {width:900px;}
.main_sec01_cont_list02 {display:flex; flex-wrap:wrap;}
.main_sec01_cont_list02_desc {position:relative; z-index:10;}
.main_sec01_cont_list02_desc h3 {color:#fff;}
.main_view_btn {position:absolute; bottom:45px; left:45px; color:rgba(255, 255, 255, 0.6); z-index:10; display:block; transition:0.25s; border-bottom:1px solid rgba(255, 255, 255, 0.6); }
.main_view_btn:hover {color:rgba(255, 255, 255, 1); border-bottom:1px solid rgba(255, 255, 255, 1); }
.main_sec01_cont_list02 li {border-radius:20px; position:relative; width:calc((100% - 20px)/2); margin-right:20px; overflow:hidden; padding:45px; box-sizing:border-box; height:249px; cursor:pointer; transition:0.25s; }
.main_sec01_cont_list02 li:nth-of-type(1) {background:url('/img/main/main_sec01_cont_list02_img01.jpg') no-repeat center center /cover;}
.main_sec01_cont_list02 li:nth-of-type(2) {background:url('/img/main/main_sec01_cont_list02_img02.jpg') no-repeat center center /cover;}
.main_sec01_cont_list02 li:nth-of-type(3) {background:url('/img/main/main_sec01_cont_list02_img03.jpg') no-repeat center center /cover;}
.main_sec01_cont_list02 li:nth-of-type(4) {background:url('/img/main/main_sec01_cont_list02_img04.jpg') no-repeat center center /cover;}
.main_sec01_cont_list02 li:nth-of-type(2n) {margin-right:0;}
.main_sec01_cont_list02 li:nth-of-type(n + 3) {margin-top:20px;}
.main_sec01_cont_list02 li:hover:after {background:rgba(26, 139, 134, 0.8); }
.main_sec01_cont_list02 li:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.26); transition:0.25s; }

.main_sec01_right_box {position:relative; background:url('/img/main/main_sec01_cont_list02_img05.jpg') no-repeat center center /cover; width: calc(100% - 900px); margin-left: 20px; box-sizing:border-box; padding:45px; overflow:hidden; border-radius:20px;}
.main_sec01_right_box:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(16, 48, 47, 0.9); transition:0.25s; }
.main_sec01_right_box h3 {color:#fff;}
.recomend_text {color:#fff; margin-top:50px;}


.main01.on .top_btn {}

.top_btn {position: fixed; right: 2%; bottom: 2%;  z-index: 1;}



#hd_sch {background:transparent;}
.main_sec01_right_box_cont {position:relative; z-index:10;}
.j_search_box {margin-top:140px;}
.j_search_form {position:relative;}
.j_sch_btn {position:absolute; right:0;}
.j_search_input {width:100%; border:1px solid #fff; background:transparent; border:0; border-bottom:1px solid #fff; padding:5px 0; color:#fff;}
.j_search_input::placeholder {font-size:18px; font-weight:400; color:rgba(255, 255, 255, 0.3);}
.recomend_text p {margin-top:10px;line-height: 160%;}
.recomend_text p i.ml_38 {margin-left:38px;}

@media screen and (max-width:1480px){
.main_sec01_cont_list .main_sec01_left_box {width:800px;}
.main_sec01_right_box {width: calc(100% - 800px); padding:30px;}
.recomend_text p i.ml_38 {margin-left:20px;}
}

@media screen and (max-width:1280px){
.main_sec01_cont_list .main_sec01_left_box {width:650px;}
.main_sec01_right_box {width: calc(100% - 650px); padding:25px;}
.recomend_text p i.ml_38 {margin-left:15px;}
#hd_sch {padding-right:10px;}
}


@media screen and (max-width:1080px){
.main_sec01_cont_list {flex-wrap:wrap;}
.main_sec01_cont_list .main_sec01_left_box {width:100%;}
.main_sec01_right_box {width:100%; padding:25px; margin-left:0; margin-top:20px;}
}

@media screen and (max-width:767px){ 
	.j_search_box {margin-top:40px;}
	.main_sec01_cont_list {margin-top:40px;}
	.main_sec01_cont_list02_desc h3 {font-size:16px;}
	.main_sec01_cont_list02 li {padding:25px;}
	.main_view_btn {bottom:25px; left:25px;}
	.main_visual, .main_visual .j_bg{height: calc( 60vh - 60px );}
	.main_sec01_cont_list02 li {border-radius:15px;}
}

@media screen and (max-width:720px){ 
	.main_sec01_cont_list02 li {padding:15px; height:170px;}
	.main_view_btn {bottom:15px; left:15px;}
	.recomend_text {margin-top:25px;}
	.top_btn {right:0;}
	.top_btn button img{width:60%;}
}


/*main02*/
.main02 {background:#fafafa; position:relative; height: 804px; overflow:hidden;}
.main02 .main_desc {color:#333; margin-top:26px;}
.main02_left_box {position:relative; z-index:5; height:100%; width:50%;}
.main_02_btn { margin-top:65px;}
.main_02_btn a{color:#333; opacity:0.6; border-bottom:1px solid #333333; display:inline-block;}
.main_swip02 {max-width:1142px; position:absolute; right:-50px; top: 180px; overflow:visible;}
.main_swip02 .swiper-slide {transition: all 0.5s ease-out;}
.main_swip02 .swiper-slide.swiper-slide-active {transform:translateY(-40px);}
.main_swip02:after {content:''; width:128%; height:130%; background:#fafafa; position:absolute; left: -128%; top: -55px; z-index:5;}
.main_swip02 .swiper-slide h4 {margin-top:20px;}
.main_swip02 .swiper-slide p {color:#b3b3b3;}

.main_swip02_roll {position:absolute; width:264px; left:0; top:50%; transform:translateY(-50%); z-index:10; height:15px;}
.main_swip02_roll .swiper-pagination-bullet {width:12px; height:12px; border-radius:12px; margin-right:18px !important; margin-left:0;}
.main_swip02_roll .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#09847f;} 
.swiper-pagination.mv_page02 {bottom:auto; width:auto;}
.swiper-button-next.main_swip02_next::after, .swiper-button-prev.main_swip02_prev::after {display: none;}


.swiper-button-next.main_swip02_next {

  background: url('/img/icon/swip02_next_arrow.png') no-repeat;
  background-position: center;
  height:50px;
  width:50px;
  right:0;
}




.swiper-button-prev.main_swip02_prev {
  background: url('/img/icon/swip02_prev_arrow.png') no-repeat;
  background-position: center;
  height:50px;
  width:50px;
  left:60%;
  right:50px;
}
@media screen and (max-width:1680px){
.main_swip02 {max-width:1052px;}
}

@media screen and (max-width:1480px){
.main_swip02 {max-width:900px;}
}

@media screen and (max-width:1280px){
	.main_swip02 {max-width:700px;}
}


@media screen and (max-width:1080px){
.main_swip02_roll {top:63%;}
.main02_left_box {height:46%; width:100%; text-align:center;}
.main_swip02 {position:relative;top:0; left:0;}
.main_swip02:after {display:none;}
.main_swip02_roll {left:50%; transform:translateX(-50%);}

}

@media screen and (max-width:767px){ 
.main02 {height:710px;}
.main_02_btn {margin-top:20px;}
.main02_left_box {height:50%;}
.main_swip02_roll {top:60%;}
.main_swip02 .swiper-slide h4 {text-align:center;}
.main_swip02 .swiper-slide p {text-align:center;}
.main_swip02 {max-width:360px;}
.swiper-button-next.main_swip02_next {  background: url('/img/icon/swip02_next_arrow_m.png') no-repeat; width:25px; height:25px; top:30px; right:100px;}
.swiper-button-prev.main_swip02_prev {  background: url('/img/icon/swip02_prev_arrow_m.png') no-repeat; width:25px; height:25px; top:30px; left:37%;}
.main_swip02_roll {left:50%;transform:translateX(-50%); }
.main_swip02_roll .swiper-pagination-bullet {width:8px; height:8px;}
.swiper-pagination.mv_page02 {left:52%; transform:translateX(-50%);top:-25px; width:100%;}
}

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

}



/*main03*/

.main03_cont{background:url('/img/main/main03_bg.png') no-repeat center center / cover; padding: 70.5px 110px; border-radius:20px; overflow:hidden;} 
.main03_cont {color:#fff;}
.main03_cont p {margin-top:23px;}
.main03_cont a {display:block; width:155px; height:50px; line-height:50px; background:#fff; border-radius:25px; color:#111c2e;  position:relative; padding:0 25px; margin-top:40px; } 
.main03_cont a i{position: absolute;right: 20px; top: 50%; transform: translateY(-50%); }
.main03_text {color:#fff; margin-top:55px;}
.main03 .main_02_btn {margin-top:55px;}
.main03 .main_02_btn a {color:#fff; opacity:0.6; border-bottom:1px solid rgba(255, 255, 255, 0.6); transition:0.25s;}

.main03 .main_02_btn a:hover {opacity:1;  border-bottom:1px solid rgba(255, 255, 255, 1)}

@media screen and (max-width:720px){ 
.main03_text {margin-top:38px;}
.main03 .main_02_btn {margin-top:38px;}
.main03_text p {font-size:14px;}
.main03_cont {padding:30px;}
.fs_60 {font-size:38px;}
}



/*main04*/

.main04_cont_list {display:flex; justify-content:space-between; color:#333;}
.main04_cont_list li {background:#f5f5f5; border-radius:20px; width:calc((100% - 42px)/2); margin-right:42px; box-sizing:border-box; padding:56px; position:relative;}
.main04_cont_list li:nth-of-type(2) {margin-right:0;}
.main04_cont_list li h4 {margin-top:30px;}
.mt_16 {margin-top:16px;}
.mt_30 {margin-top:30px;}
.main04_icon_box {position:absolute; bottom:22px; right:30px;}


@media screen and (max-width:1080px){ 
.main04_cont_list li {padding:30px;}
}

@media screen and (max-width:767px){ 
.main04_cont_list li {padding:20px;}
.main04_cont_list li h4 {margin-top:15px;}
.mt_16 {margin-top:10px;}
.mt_30 {margin-top:10px;}
}
@media screen and (max-width:720px){ 
.main04_cont_list {flex-wrap:wrap;}
.main04_cont_list li {width:100%; margin-right:0;}
.main04_cont_list li + li {margin-top:20px;}
}



/*footer*/

.j_footer {background:#000; padding:55px 0;}
.ft_line { position:relative;}
.ft_line:after {width:100%; height:1px; background:#57595c; content:''; position:absolute; left:0; top:60%;}
.ft_top_cont p {color:#7f7f7f; line-height:1.8em;}
.ft_top_cont p i.ml_22 {position:relative;}
.ft_top_cont p i.ml_22:after {content:''; position:absolute; width:1px; height:14px; background:#57595c; left:-13px; top:50%; transform:translateY(-50%);}
.ft_bot_cont {margin-top:55px;}
.ft_bot_cont p  {color:#7f7f7f;}
.ft_bot_cont p.copy {color:#7f7f7f;}
.ft_bot_cont_list {display:flex; justify-content: space-between;}
.ft_bot_cont ul li.ft_link_btn {display:flex;}
.ft_bot_cont ul li a {color:#fff; display:block;}
.ft_bot_cont ul li a + a {margin-left:22px;}
.ml_22 {margin-left:22px;}

@media screen and (max-width:720px){ 
.j_footer {padding:20px 0;}
.ft_top_cont p{font-size: 13px;line-height: 160%;}
.ft_top_cont p i.ml_22 {margin-left:0;}
.ft_top_cont p i.ml_22:after {display:none;}
.ft_line:after {top:74%;}
.ft_bot_cont {margin-top:30px;}
.ft_bot_cont_list {flex-wrap:wrap;}
.ft_bot_cont ul li.ft_link_btn {margin-top:20px;}

.ft_bot_cont p{font-size: 13px;}
.ft_bot_cont ul li a{font-size: 12px;}
}


/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_wrap *{color: #000;}
.add_pop_tit h4 {color:#fff;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #09847F;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #fff;z-index: 1;transition: transform .3s ease;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px;}

@media (max-width: 768px){ 
	
	.add_pop_con p{font-size: 12px;}
}

/*---2023.12.08 - 메인페이지 수정---*/
.scroller{display: none !important;}

.main04_cont_list li{margin-right: 20px;width: calc((100% - 20px)/2);}

.infoBox>p>i{line-height: 150%;}

@media (max-width: 1480px){ 
	
	.hd_right_box > .j_gnb >.j_menu_wrap > li > a{padding: 0 24px;}
	#j_header > .j_hd_inner > .hd_right_box >.j_gnb > ul > li > .depth02{width: 160px;}

	.main_visual, .main_visual .j_bg{height: 70vh;}
	.mv_text_box h2{font-size: 5rem}
	.mv_page_box{bottom: 70px;}

	.main02{height: 700px;}
}

@media (max-width: 1280px){ 
	
	.main02{height: 620px;}
}

@media (max-width: 1080px){ 
	
	.main02{height: auto;}
	.main_swip02{margin-top: 100px;}
}

@media (max-width: 720px){ 
	
	.main_visual, .main_visual .j_bg{height: 90vh;}
	.mv_text_box h2{font-size: 40px;}
	.mv_text_box p{font-size: 13px;margin-top: 20px;}
	.mv_page_box{bottom: 30px;}
	.mv_text_box:after{width: 25px;top: -10px;}
	
	.navi_btn{display: none;}
	.navi_btn>div{background-size: 10px !important;}

	.btn_pause{top: 28px;}

	.mo_gnb>.j_menu_wrap>li{display: block;width: 100%;}
	.mo_gnb>.j_menu_wrap>li>a{padding: 24px 0;}
	.mo_gnb>.j_menu_wrap>li>ul>li>a{padding: 10px 0;font-size: 15px;line-height: 160%;}


	.main_sec01_cont_list02 li{width: calc( (100% - 10px) / 2 );margin-right: 10px;padding: 20px;}
	.main_sec01_cont_list02 li:nth-of-type(n + 3){margin-top: 10px;}
	.main_sec01_right_box{margin-top: 10px;}
	.main_sec01_cont_list02_desc h3{line-height: 160%;}

	.main_view_btn{bottom: 20px;left: 20px;font-size: 12px !important;}

	.main_sec01_right_box h3{line-height: 150%;}
	
	.recomend_text p{line-height: 150%;}
	.recomend_text h4{font-size: 14px;}
	.recomend_text i{font-size: 12px;}

	.main_swip02_roll{top: 170px;}
	.main_swip02{margin-top: 150px;}

	.main03_cont a{width: 125px;height: 45px;line-height: 45px;}

	.contactBox>h2{font-size: 30px;}
	
	.main04{padding-top: 10px !important;}
	.main04_cont_list{display: block;}
	.main04_cont_list li.infoBox{margin-right: 0;width: 100%;}
	.main04_cont_list li + li{margin-top: 10px;}

	.infoBox>h2{font-size: 18px;}
	.infoBox>p{margin-top: 20px;}
	.infoBox>p>i{font-size: 13px;}

	.main04_icon_box{bottom: auto;top: 20px;right: 20px;}
}

/*---2023.12.08 - 상품 검색 수정---*/
#sortWrap{display: flex;justify-content: space-between;margin-bottom: 20px;margin-top: 40px;}
.sortCate ul, .sortList{font-weight: 500;position: relative;}

.sortCate ul{display: flex;gap: 15px;}
.sortCate ul a{color: #999;}
.sortCate ul a span{color: #000;}

.sortList ul{position: absolute;top: calc( 100% + 5px );right: 4px;z-index: 1;display: flex;flex-direction: column;z-index: -10;opacity: 0;transition: all .3s ease;}
.sortList ul li{margin-top: -1px;}
.sortList ul a{font-size: .875rem;font-weight: 400;white-space: nowrap;padding: 6px 15px;min-width: 100px;text-align: center;}

.sortList ul.on{z-index: 1;opacity: 1;}

#searchWrap .page02_list ul{margin-top: 0;}

/*---2023.12.08 - 벌크견적요청---*/
#quoWrap.bulkWrap #quoInner{max-width: 1280px;}

#bulkBox{padding: 25px;padding-top: 40px;}
#bulkBox .o_title{font-size: 1.875em;font-weight: 700;letter-spacing: -0.025em;text-align: center;margin-bottom: 10px;position: relative;}

#bulkBox .de_img_box{width: 300px;}
#bulkBox .de_img_box img{height: auto !important;}
#bulkBox .de_cont_list{width: calc(100% - 324px);}
#bulkBox .prod_detail_list{margin-top: 0;}
#bulkBox .prod_detail_list li dl dt{line-height: 160%;font-size: 1rem;}
#bulkBox .prod_detail_list li dl dd{padding: 10px 16px;}

.bulkTitle{font-size: 1.5rem;font-weight: bold;margin-bottom: 15px;}

.bulkItem{margin-bottom: 20px;}

#bulkBox .de_btn_list{justify-content: center;}

#bulkForm{display: flex;flex-wrap: wrap;gap: 20px;}
#bulkForm li{width: calc( ( 100% - 20px ) / 2 );}
#bulkForm li:last-child{width: 100%;}

#bulkForm li h4{font-weight: 600;margin-bottom: 8px;}
#bulkForm li h4 i{color: #F00;}

.bulk_input{display: block;height: 45px;line-height: 43px;width: 100%;border: 1px solid #ccc;padding: 0 15px;outline: none;}
.bulk_input:focus{border-color: #000;}

.bulk_textarea{line-height: 160%;padding: 12px 15px;min-height: 150px;resize: vertical;}

#bulkBtn{position: absolute;top: 0;right: 0;width: 36px;height: 36px;z-index: 1;}
#bulkBtn span{position: absolute;top: 17px;left: 3px;width: 30px;height: 2px;background: #000;}    
#bulkBtn span:nth-child(1){transform: rotate(45deg);}
#bulkBtn span:nth-child(2){transform: rotate(-45deg);}

@media (max-width: 1280px){ 
	
	#bulkBox .de_cont_list{margin-top: 0;}
}

@media (max-width: 960px){ 
	
	#bulkBox{padding: 20px;padding-top: 30px;}

	.bulkTitle{font-size: 16px;margin-bottom: 10px;}

	#bulkBtn{top: -15px;width: 30px;height: 30px;}
	#bulkBtn span{top: 14px;left: 5px;width: 20px;}
	
	#bulkBox .de_img_box{border: 1px solid #ddd;}
	#bulkBox .de_img_box img{display: block;max-width: 150px;margin: 0 auto;}
	#bulkBox .prod_detail_list{display: block;}
	#bulkBox .prod_detail_list li.de_cont_list{width: 100%;margin-top: 15px;}
	#bulkBox .prod_detail_list li dl{display: block;width: 100%;}
	#bulkBox .prod_detail_list li dl dt, #bulkBox .prod_detail_list li dl dd{display: block;width: 100%;text-align: left;padding: 10px 16px;}

	#bulkForm{gap: 10px;}
	#bulkForm .bulk_input{height: 40px;line-height: 38px;}
	.bulkWrap .k_radio_check{padding: 20px 15px;}
}

/*---2023.12.08 - 게시판---*/
#bo_v_con {min-height:100px !important;}

/*---2023.12.08 - 상품 고시 정보---*/
#sit_dvr, #sit_dvr *, #sit_ex, #sit_ex *{font-size: .9375rem;line-height: 160%;font-weight: 400;}

/*-- 2024.04.01 --*/
.hd_logo{display: flex;align-items: center;gap: 18px;}
.hd_logo img{display: block;}

@media (max-width: 1080px){ 
	
	.hd_logo{gap: 13px;}
	.hd_logo img{max-height: 40px;}
}

@media (max-width: 720px){ 
	
	.hd_logo{gap: 10px;}
	.hd_logo img{max-height: 35px;}
}