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

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

	/*font-size*/
	--font-size-14: 0.875rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-19: 1.188rem;
	--font-size-20: 1.25rem; 
	--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-32: 2rem; 
	--font-size-40: 2.5rem;
	--font-size-53: 3.313rem; 
	--font-size-80: 5rem;

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

/*font size*/
.fs_14{font-size: var(--font-size-14);}
.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_19{font-size: var(--font-size-19);}
.fs_20{font-size: var(--font-size-20);} 
.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_32{font-size: var(--font-size-32);}
.fs_40{font-size: var(--font-size-40);}
.fs_53{font-size: var(--font-size-53);}
.fs_80{font-size: var(--font-size-80);}


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

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

}

@media screen and (max-width:981px){
 .fs_16 {font-size:12px;}
 .fs_17 {font-size:12px;}
 .fs_25 {font-size:18px;}
 .fs_27 {font-size:20px;}
 .fs_40 {font-size:20px;}
}

@media screen and (max-width:767px){
.fs_25 {font-size:14px;}
.fs_27 {font-size:14px;}
.fs_30 {font-size:16px;}
.fs_32 {font-size:18px;}
.fs_53 {font-size:20px;}

}

/*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;}



/*--banner--*/

.banner_bar {background:#033c8d; color:#fff; height:55px; text-align:center; line-height:55px;}

/*--header--*/

#j_header {position:relative;}
.hd_logo img{display:block;}
.hd_inner {max-width:1400px; width:92%; margin:0 auto; display:flex; justify-content: space-between; height:100%; align-items:center;}
.hd_search_box {position:relative;}
.hd_search {width:540px; height:48px; border-radius:25px; border:2px solid #033c8d; padding:0 20px;}
.hd_top {height:120px;}
.hd_search_box img {position:absolute; width:21px; height:21px; right:20px; top:50%; transform:translateY(-50%);}
.hd_link_list {display:flex; align-items:center; text-align: center;}
.hd_link_list li {padding:0 10px; cursor:pointer;}
.hd_link_list li p {padding-top:12px;}

.hd_bottom {height:78px; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8;}
.hd_bot_list {display:flex; width:100%; justify-content:space-between; align-items: center;}
.hd_bot_left {display:flex; align-items:center;}
.cate_box {display:flex; position:relative; cursor:pointer;}
.cate_btn {margin-left:20px;}
.nav_btn {width:22px; height:17px; }
.nav_btn span {display:block; width:100%; background:#000; transform:translate(0); height:3px;}
.nav_btn span:nth-of-type(1) { transform:translateY(-4px);}
.nav_btn span:nth-of-type(2) { transform:translateY(0);}
.nav_btn span:nth-of-type(3) { transform:translateY(4px);}
.hd_menu_list {margin-left:80px;}
.hd_menu_list ul {display:flex;}
.hd_bot_right ul li a {display:block; padding:10.5px 17.8px; background:#eeeeee; border-radius:20px;}
.hd_bot_right ul li + li a {margin-left:6px;}
.hd_menu_list ul li + li {margin-left:36px;}
.hd_bot_right ul {display:flex;}


.hd_bottom > .hd_inner > .hd_bot_list > .hd_bot_left > .cate_box > .j_gnb {position:absolute; top:50px; left:0; width:167px; z-index:10; background:#fff; border:1px solid #c8c8c8; border-top:none; display:none;}
.hd_bottom > .hd_inner > .hd_bot_list > .hd_bot_left > .cate_box > .j_gnb > li > a {display:block; font-size:1.0625rem; font-weight:500; padding:20px;}

.mo_nav_btn {display:none;}
@media screen and (max-width: 1281px){
	.hd_search {display:none;}
	.hd_link_list {justify-content:right;}
	
}
@media screen and (max-width: 1081px){
	.hd_menu_list {margin-left:40px;}
}
	
@media screen and (max-width: 981px){
	.hd_menu_list {margin-left:20px;}
	.hd_menu_list ul li + li {margin-left:20px;}
	.nav_btn {}
}

@media screen and (max-width: 787px){
	.hd_bot_right {display:none;}
	.hd_logo img{width: 80%;}
	.hd_link_list li {margin-left:10px; padding:0;}
	.hd_link_list li p {margin-top:6px;}
	.hd_top {height:80px;}
	.hd_bottom {height:60px;}
	.cate_btn {display:none;}
	.hd_menu_list ul li + li {margin-left:10px;}
	.pc_nav_btn {display:none;}	
	.mo_nav_btn {display:block;}
}
@media screen and (max-width: 720px){
/*.hd_link_list {display:none;}*/
	
	.hd_link_list li p {font-size:11px;white-space: nowrap;padding-top: 2px;}
	.hd_link_list li a img {height: 18px;}
	.hd_link_box {width:330px;}
}

/*mobile_side_bar*/

.j_quick_bar{ position: fixed;  top: 0;left: 0; height: 100%;  width:100%; max-width: 340px; z-index: 1500;background-color: #fff;  border-left: 1px solid #eee;transform: translateX(-100%); transition: transform 0.5s; padding:20px; border: 1px solid #eaeaea;}
.j_quick_bar.view {transform: translateX(0);}
.j_quick_bar > .j_gnb {width:100%; padding:20px; }
.j_quick_bar > .j_gnb > li {font-size:1.688rem; font-weight:500;}
.j_quick_bar > .j_gnb > li > a {display:block; padding:20px 0;}
.side_logo {display:flex; justify-content:space-between; align-items:center;}
.side_logo a img {width:80%;}
.cate_tit {margin-top:30px;  color:#033c8d;}
.quick_close_btn {width:30px; height:30px; position:relative;}
.quick_close_btn span {display:block; background: #000; width: 100%; height:3px; transform:translate(0); position:absolute;}
.quick_close_btn span:nth-of-type(1) {transform:rotate(45deg);}
.quick_close_btn span:nth-of-type(2) {transform:rotate(-45deg);}
/*-- main_visual main01--*/

.main01 {padding-bottom:147px;}
.j_bg {width:100%; height:500px; position:relative; }
.j_bg.bg01 {background:url('/img/main/mv_01.png') no-repeat center center / cover; }
.j_mv_text {position:absolute; left:112px; color:#fff; top:50%; transform:translateY(-50%);}
.j_mv_text h2 {line-height:1.35em;}
.mv_viusal {margin-top:20px;  border-radius: 35px;}
.mv_viusal .swiper-slide  {border-radius:35px; overflow:hidden; /* box-shadow: 10px 10px 21px 0px rgba(0, 0, 0, 0.16);  */}
.page_box {color:#fff; z-index:99;width:80px; position:absolute; height:38px; text-align:center; line-height:38px; font-size:0.938rem; font-weight:500; background:rgba(34, 34, 34, .6); border-radius:18px; left:50%; transform:translateX(-50%); bottom:20px; }
.page_box .swiper-pagination-fraction {bottom:auto;}
.page_box .swiper-pagination-current {opacity:1 !important;}
.page_box .swiper-pagination span {opacity:0.6; margin: 0 3px;}
.page_box .swiper-pagination-total {opacity:0.6;}

.main_next {
  background: url('/img/icon/mv_next_icon.png') no-repeat;
  background-size: auto;
  background-position: center;
  width:54px;
  height:54px;
}

.main_prev {
  background: url('/img/icon/mv_prev_icon.png') no-repeat;
  background-size: auto;
  background-position: center;
  width:54px;
  height:54px;
}


.main_next::after,
.main_prev::after {
  display: none;
}

.main_visual {position:relative;}
.main_visual .main_next {right:-64px;}
.main_visual .main_prev {left:-64px;}


@media screen and (max-width: 1481px){
.main_visual .main_next {right:-30px;}
.main_visual .main_prev {left:-30px;}
	
}

@media screen and (max-width: 1281px){
.main01 {padding-bottom:100px;}
	
}
@media screen and (max-width: 1081px){
.main01 {padding-bottom:80px;}
}
	
@media screen and (max-width: 981px){

}

@media screen and (max-width: 787px){
.main01 {padding-bottom:40px;}
.j_bg {height:200px;}
}
@media screen and (max-width: 720px){
.mv_viusal {border-radius:20px;}
.j_mv_text {left:50px;}
.page_box  {bottom:10px; height:25px; line-height:25px;}
.main_visual .main_prev {left:-25px;}
.main_visual .main_next {right:-25px;}
.main_next {
  background-size: 50% auto;
  width:54px;
  height:54px;
}

.main_prev {
  background-size: 50% auto;
  width:54px;
  height:54px;
}
.hd_bottom > .hd_inner > .hd_bot_list > .hd_bot_left > .cate_box > .j_gnb {top:38px;}
}



/*-- main02 --*/
.sec01_swip_box {position:relative;}
.sec01_swip .swiper-slide figure{border-radius:15px; overflow:hidden;}
.main02 {padding-bottom:90px;}
.sec01_swip {margin-top:30px;}
.sec01_desc_box {margin-top:18px;}
.sec01_desc_box h4 {line-height:1.5em; color:#606060; font-size:1rem;}
.sec01_desc_box p {margin-top:10px;}

.sec01_swip_box .sec01_next{right:-60px;}
.sec01_swip_box .sec01_prev{left:-60px;}

.sec01_next {
  background: url('/img/icon/sec01_next_icon.png') no-repeat;
  background-size: auto;
  background-position: center;
  width:16px;
  height:24px;
}

.sec01_prev {
  background: url('/img/icon/sec01_prev_icon.png') no-repeat;
  background-size: auto;
  background-position: center;
  width:16px;
  height:24px;
}


.sec01_next::after,
.sec01_prev::after {
  display: none;
}

@media screen and (max-width: 1481px){
.sec01_swip_box .sec01_next {right:-30px;}
.sec01_swip_box .sec01_prev {left:-30px;}	
}

@media screen and (max-width: 1281px){
.main02 {padding-bottom:100px;}
	
}
@media screen and (max-width: 1081px){
.main02 {padding-bottom:80px;}
.sec01_swip .swiper-slide figure img {width:100%;}
.sec01_next {background-size: 70% auto;}

.sec01_prev {background-size: 70% auto;}
.sec01_swip_box .sec01_next {right:-15px;}
.sec01_swip_box .sec01_prev {left:-15px;}	

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

}

@media screen and (max-width: 787px){
.main02 {padding-bottom:40px;}

}


/*main03*/
.main03 {padding-bottom:90px;}
.sec02_list {box-sizing:border-box; font-size:0;  margin-top:30px;}
.sec02_list li {display:inline-block; vertical-align:top; width:calc((100% - 36px*3)/4); margin-right:36px;}
.sec02_list li figure {border-radius:15px; overflow:hidden;}
.sec02_list li h2 {color:#606060; margin-top:20px; line-height:1.5em; letter-spacing:0.026em}
.sec02_list li p {margin-top:10px;}
.sec02_list li:nth-of-type(n + 5) {margin-top:40px;}
.sec02_list li:nth-of-type(4n) {margin-right:0;}


@media screen and (max-width: 1080px){
	.sec02_list li {width:calc((100% - 20px)/2); margin-right:20px;}
	.sec02_list li:nth-of-type(2n) {margin-right:0;}
	.sec02_list li:nth-of-type(n + 3) {margin-top:20px;}
	.sec02_list li figure a img {width:100%;}
}
	
@media screen and (max-width: 981px){

}

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

.main03 {padding-bottom:40px;}
}


/*main04*/

.sec03_content {position:relative;}
.sec03_banner_swip .swiper-slide {border-radius:15px; overflow:hidden;}

.main04 {padding-bottom:133px;}
.sec03_next {
  background: url('/img/main/sec03_next.png') no-repeat;
  background-size: auto;
  background-position: center;
  width:16px;
  height:24px;
  right:30px;
  top:54%
}

.sec03_prev {
  background: url('/img/main/sec03_prev.png') no-repeat;
  background-size: auto;
  background-position: center;
  width:16px;
  height:24px;
  left:30px;
  top:54%
}

.sec03_next::after, .sec03_prev::after { display: none;}
.sec03_bg {height:200px;}
.sec03_bg.sec03_bg01 {background:url('/img/main/sec03_banner_img01.png') no-repeat center center / cover; width:100%;}
.sec03_bg.sec03_bg02 {background:url('/img/main/sec03_banner_img01.png') no-repeat center center / cover; width:100%;}
.sec03_bg.sec03_bg03 {background:url('/img/main/sec03_banner_img01.png') no-repeat center center / cover; width:100%;}

.sec03_content .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-35px !important; width:9px; height:9px; border-radius:50%; background:#d3d3d3; left:50%; transform:translateX(-50%);}
.sec03_content .swiper-pagination-bullet-active {background:#033c8d;}


.mo_img {display:none;}

@media screen and (max-width: 1281px){
.main04 {padding-bottom:100px;}
	
}


@media screen and (max-width: 1080px){
 .main04 {padding-bottom:80px;}
}
	
@media screen and (max-width: 981px){

}

@media screen and (max-width: 787px){
 .main04 {padding-bottom:40px;}
/* .sec03_content {height:100px;} */

.sec03_bg {height:100px;}
.sec03_next { background-size:50% auto;right: 7px;top: 63%;}

.sec03_prev { background-size:50% auto; left:7px; top:63%;}
.swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-27px !important;}
.mo_img {display:block;}
.pc_img {display:none;}
}


/*main05*/

.main05 {background:#f4f4f4; padding:102px 0;}
.sec04_swip  {overflow:visible; margin-top:46px;}
.sec04_swip_list {display:flex; justify-content: center;}
.sec04_img_box {border-radius:15px 0 0 15px; overflow:hidden;}
.sec04_desc {background:#fff; border-radius:0 20px 20px 0; position:relative; width:468px;} /*수정*/
.sec04_txt {padding:86px 20px 20px 35px;} 
.sec04_txt h4 {color:#033c8d;}
.sec04_txt h2 {margin-top:20px; max-width:330px; width:100%;    overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sec04_txt p {margin-top:40px;}
.sec04_page {bottom:-57px;}
.sec04_page span {font-size:12px; color:#7d7d7d; margin:0 7.5px; }
.sec04_page span.swiper-pagination-current {font-size:30px; font-weight:500; color:#333333;}
.sec04_page span.swiper-pagination-total {font-size:17px; color:#7d7d7d;}

.sec04_next::after, .sec04_prev::after { display: none;}

.sec04_next {
  background: url('/img/main/sec04_next.png') no-repeat;
  background-size: auto;
  background-position: center;
  width:54px;
  height:54px;
  right:19.5%;
  top:54%
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.13);
  border-radius:54px;
}

.sec04_prev {
  background: url('/img/main/sec04_prev.png') no-repeat;
  background-size: auto;
  background-position: center;
  width:54px;
  height:54px;
  left:19.5%;
  top:54%;
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.13);
  border-radius:54px;
}



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

.sec04_txt {padding:43px 20px 20px 20px;}
	
}

@media screen and (max-width: 1281px){
.sec04_txt {padding:23px 20px 20px 20px;}
	
}


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

}

@media screen and (max-width: 787px){
.main05 {padding: 40px 0; height:400px;}

.sec04_page span.swiper-pagination-current {font-size:18px;}
.sec04_page span.swiper-pagination-total {font-size:15px;}
.sec04_page {bottom:-57px;}
.sec04_txt p {margin-top:15px;}
.sec04_prev {display:none;}
.sec04_next {display:none;}
.sec04_img_box img {height:200px;}
}



/*main06*/
.main06 {padding:70px 0; }
.sec05_list {display:flex; justify-content:space-between; margin-top:88px; font-size:0; box-sizing:border-box;}
.sec05_list li {background:#ebeff1; border-radius:15px; width:calc((100% - 16px*3)/4); margin-right:16px; padding:48px 40px 42px; position:relative; height:342px; width:100%;}
.sec05_list li:nth-of-type(4) {margin-right:0;}
.sec_link_box {display: flex; justify-content: space-between; align-items: flex-end; margin-top:75px; position:absolute; bottom:42px; left:40px; width:80%;}
.sec05_desc_box h2 {color:#033c8d;}
.sec05_desc_box p {color:#7d7d7d; margin-top:22px; font-size:1rem;}
.sec05_desc_box p.add_sec05 {font-weight:600; color:#7d7d7d;}

@media screen and (max-width: 1081px){
.sec05_list {flex-wrap:wrap;}
.sec05_list li {width:calc((100% - 20px)/2); margin-right:20px;}
.sec05_list li:nth-of-type(2n) {margin-right:0;}
.sec05_list li:nth-of-type(n + 3) {margin-top:20px;}
}
	
@media screen and (max-width: 981px){

}

@media screen and (max-width: 787px){
.main06 {padding:40px 0;}
.sec05_list {margin-top:40px;}
.sec05_list li {padding:24px 18px 21px;}
.sec_link_box {left:18px; bottom:21px;}
.sec_link_box {margin-top:30px;}
.sec_link_box figure img {width:50%;}
.sec04_swip {margin-top:23px;}
.sec05_list li {height:180px;}
.sec05_desc_box p {margin-top:10px;}
}

@media screen and (max-width: 720px){
.sec05_list li {width:calc((100% - 10px)/2); margin-right:10px;}
.sec05_list li:nth-of-type(n + 3) {margin-top:10px;}
.sec05_list li {padding:24px 14px 21px;}
.sec_link_box {left:14px; bottom:21px;}
}

/*main07*/

.main07 {background:url('/img/main/main07_bg.jpg') no-repeat center center / cover;  width:100%; padding:110px 100px 100px 66px;}
.main_07_list {font-size:0;}
.main_07_list li{color:#fff; width:50%; display:inline-block; vertical-align:top; position:relative; padding-left:66px;}
.main_07_list li + li:after {content:''; width:1px; height:201px; background:rgba(255, 255, 255, 0.10); position:absolute; left:0; top:0;}
.main_07_list li dl {display:flex;}
.main_07_list li dl.left_dl {margin-top:70px;}
.main_07_list li dl.right_dl {margin-top:47px;    align-items: center;}
.main_07_list li dl dt {width:267px;}
.main_07_list li dl dd {width:calc(100% - 267px);}
.main_07_list li h2 {color:#4d94f7;}


@media screen and (max-width: 1381px){
	.main07 { padding-top:70px;}
	.main_07_list {flex-wrap:wrap;}
	.main_07_list li {padding-left:33px; width:100%;}
	.main_07_list li + li {margin-top:70px;}	
	.main_07_list li dl dt {width:200px;}
	.main_07_list li dl dd {width: calc(100% - 200px);}
}

@media screen and (max-width: 1081px){
.main07 {padding:55px 70px 70px 43px; }
}
	
@media screen and (max-width: 981px){

}

@media screen and (max-width: 787px){
.main_07_list li {padding-left:10px;}
.main_07_list li dl dt {width:150px;}
.main_07_list li + li {margin-top:35px;}	
.main_07_list li dl.left_dl {margin-top:35px;}
.main_07_list li dl.right_dl {margin-top:35px;}
.main_07_list li dl dd {width: calc(100% - 150px);}
.main07 {padding:50px 50px 50px 33px;}
.main_07_list li + li:after {display:none;}
}

@media screen and (max-width: 720px){
.main_07_list li dl {flex-wrap:wrap;}
.main_07_list li dl dt {width:100%;}
.main_07_list li dl dd {width:100%; margin-top:10px;}

}


/*main08*/

.main08 {padding-top:180px; padding-bottom:50px; position:relative;}
.main08:after {content:''; position: absolute; top:90px; left:0; width:100%; height:1px; background:#f5f5f5; }
.main_08_tit {display:flex;  justify-content: space-between;}
.main_08_tit h2 {color:#033c8d;}

.main08_list {display:flex;}
.main08_list > li {width:33.33%; padding:0 27px; max-height:170px; overflow:hidden;}
.main08_list > li:nth-of-type(2) { border-right:1px solid #eaeaea; border-left:1px solid #eaeaea;}
.main_08_icon_list {display:flex; justify-content: flex-end; text-align:center;}
.main_08_icon_list li + li {margin-left:32px;}
.main_08_icon_list li p {color:#333; margin-top:14px;}
.j_list_latest {margin-top:10px;}
.j_list_latest li + li {margin-top:20px;}
.j_list_latest li p {margin-top:5px;}
.j_list_latest li a{display:block; width:100%;}


@media screen and (max-width: 1381px){
.main08 {padding-top:150px;}
.main08:after {top:75px;}
}

@media screen and (max-width: 1081px){
.main08 {padding-top:80px;}
.main08:after {top:40px;}
}
	
@media screen and (max-width: 981px){

}

@media screen and (max-width: 787px){
.main08 {padding-top:40px;}
.main08:after {top:20px;}
.main08_list {flex-wrap:wrap;}
.main08_list > li {width:100%;}
.main08_list > li + li {margin-top:20px;}
.main_08_icon_list {justify-content: center;}
.main_08_tit figure a img {width:70%;}
.main_08_icon_list li a img {width:70%;}
}

@media screen and (max-width: 720px){
.main08_list > li:nth-of-type(2) {border:none;}
}




/*footer*/

.j_footer {background:#000;}
.ft_top_content {display:flex; justify-content:space-between; align-items:center; padding:20px 0; border-bottom:1px solid #505050;}
.ft_left ul {display:flex; flex-wrap:wrap;}
.ft_left ul li:last-child{margin-right:0;}
.ft_left ul li {margin-right:20px;}
.ft_left ul li a {color:#c0c0c0;}
.ft_right ul {display:flex; align-items:center;}
.ft_right ul li {color:#fff;}
.ft_right ul li + li {margin-left:85px;}

.ft_bot_content {padding:30px 0 50px 0;}
.ft_bot_content ul {display:flex;}
.ft_bot_right {margin-left:100px;}
.ft_bot_right p {color:#c0c0c0; line-height:1.7em;}
.ml_26 {margin-left:26px;}
.ft_bot_right p.copy_p {color:#fff; margin-top:15px;}

@media screen and (max-width: 787px){
.ft_top_content {flex-wrap:wrap;}
.ft_right {margin-top:10px;}
.ft_bot_right {margin-left:50px;}
.ft_left ul li {margin-right:15px;}
.ft_left ul li:last-child{margin-top:5px;}

}
@media screen and (max-width: 720px){
.ft_bot_content ul {flex-wrap:wrap;}
.ft_bot_content ul li {width:100%;}
.ft_bot_content ul li + li {margin-top:20px;}
.ft_bot_right  {margin-left:0;}
.ft_bot_left .ft_logo {width:30%;}
.ft_top_content {padding:10px 0;}
.ft_bot_content {padding:20px 0;}
}

/*옮길예정*/

.j_sub_section {max-width:1280px; margin:0 auto; width:92%;}
.j_sub_section02 {max-width:720px; margin:0 auto; width:92%;} 
.j_sub_section03 {max-width:1400px; margin:0 auto; width:92%; padding:80px 0 !important;} 
.j_sub_section_list {max-width:1410px; margin:0 auto; width:92%; padding:50px 0;}
.j_custom_price {padding-bottom: 15px;}

.j_custom_dl {display:flex;}
.j_custom_dl dt {width:78px; padding:5px 0; font-weight:400; font-size:0.938rem; color:#888;}
.j_custom_dl dd {width:calc(100% - 72px); padding: 0px 10px;font-size:0.938rem; font-weight:400; color:#333; }
.j_custom_dl dd p {line-height:2.06em;}
.j_custom_dl dd p b {font-weight:700;}

.custom_dl_02 {margin-top:22px;}
.size_list {display:flex; align-items: center;}
.size_list i {margin: 0px 11px;}
.size_list li label {margin-right:12px;}
.size_list li span {display:inline-block; margin-left:4px;}
.custom_size_input {width:115px; height:35px; border: 1px solid #d3233a; border-radius:5px; text-align:right; font-size:0.875rem; font-weight:400; padding: 8px;}
.j_custom_dl02 {display:flex; align-items:center;}
.j_select_box01 {width:100%; position:relative; padding:13px; appearance: none; outline:none; background:url('/img/icon/select_arrow.png') calc(100% - 15px) center no-repeat; border-radius:5px; border:1px solid #e1e1e1; color:#000;}
.j_select_box01 option:not(:first-of-type) {color: black;}
.j_custom_dl02 {margin-top:8px;}
.opt_name span {display:block;}
.mt_10 {margin-top:10px;}

.j_opt_close_btn {position:absolute; right:20px; bottom:28px;}



@media screen and (max-width: 720px){
.size_list {    flex-wrap: wrap; justify-content: center;  text-align: center;}
.size_list li {width:100%; }
.size_list i {margin:5px;}
}






.j_custom_cart_wish {display:flex;}
.j_custom_cart_wish li + li{margin-left:11px;}

.j_wish_box {width:60px; height:60px;}
.j_cart_box {width:245px; height:60px; font-size:17px; font-weight:700;}
.j_buy_box {width:245px; height:60px; font-size:17px; font-weight:700;}

@media screen and (max-width: 720px){
.j_cart_box {width:180px; height:40px; font-size:13px; font-weight:700;}
.j_wish_box {width:60px; height:40px; line-height:40px;}
.j_buy_box {width:180px; height:40px; font-size:13px;}
}

/*상세페이지 썸네일*/

.j_small_img { position: absolute; bottom: 17%;  width: 23.6%;}


/*상품 리스트 sns / icon*/
.sct_op_btn {display:none;}
.sct_icon {display:none;}


/*게시판 타이틀*/

.border_tit {text-align:center; padding:20px 0;}
.border_tit h2 {font-size:2.188rem; font-weight:700; }


/*검색*/
.j_sub_tit {    font-size: 1.875rem; font-weight: 700; color: #000;}
.chk_box.j_chk_box  {display:flex; align-items:center; justify-content:space-evenly;;} 
#ssch_cate {display:none;}
#ssch_sort {display:none;}
.sch_submit {background:#033c8d; color:#fff; width:40px; height:40px; line-height:40px;}

.j_ssch_frm #ssch_q {margin:10px 0;}
.j_chk_box {padding:10px;}
.chk_box.j_chk_box input[type="checkbox"] + label{ margin-left: 10px;} 
.chk_box.j_chk_box input[type="checkbox"] + label span {top:0;}

/*게시판 분류 */

#new_bo_cate ul{display:flex;}
#new_bo_cate ul a {display:block; padding:20px; font-size:1.125rem; font-weight:500;}



/*---개인정보처리방침, 이용약관 팝업 추가---*/
.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_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: 600px;}
#add_wrap_03 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #4d94f7;color: #FFF !important;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;}
}

.add_pop_tit h4 {color:#fff !important;}

/*-- 2023.12.12 - KSH --*/
.k_repair_01>p{font-size: .9375rem;font-weight: 400;color: #454545;margin-bottom: 20px;line-height: 180%;}
.k_repair_01 .j_custom_dl{align-items: center;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #e6e6e6;}
.k_repair_01 .j_custom_dl .size_list i{margin-top: -3px;}

.k_repair_02{font-weight: 600;color: #000;margin-bottom: 15px;margin-top: 25px;font-size: 1.1rem;}

#sit_tot_price{font-weight: bold;}

.opt_name span{font-size: 14px;font-weight: 400;}

@media (max-width: 720px){ 
	
	#sit_ov_wrap{padding-top: 15px;}
	#sit_ov{padding-top: 15px !important;}

	#sit_desc{padding-top: 0 !important;}
	.j_custom_price p{font-size: 20px;}

	.k_repair_01>p{font-size: 14px;}
	.k_repair_02{font-size: 16px;}

	.k_repair_01 .j_custom_dl .size_list i{margin: 10px 0;}

	.j_custom_dl dt, .size_list, .sit_option label, .sit_option select, .sit_ov_tbl th, .sit_ov_tbl td{font-size: 14px !important;}
	.sit_ov_tbl th{width: 70px !important;}

	#sit_btn_buy, #sit_btn_cart, #sit_ov_btn a{height: 50px !important;line-height: 50px !important;font-size: 15px !important;}
	#sit_ov_btn a{width: 50px !important;}
	.j_custom_cart_wish li + li{margin-left: 5px;}

	#sit_rel{margin-top: 0 !important;padding-top: 20px !important;}
	#sit_rel>h3{font-size: 14px !important;}

	#sct_wrap{flex-wrap: wrap;}
	.srl_10 li{padding-bottom: 10px !important;}
}

#otherBtn{display: block;background: #033c8d;border: 0;color: #fff;text-align: center;width: 100%;letter-spacing: -0.1em;border-radius: 3px;line-height: 45px;font-size: 16px;font-weight: 600;margin-bottom: 20px;}

/*-- 장바구니 수정 --*/
#sod_bsk #sod_chk{margin-left: 0;margin-right: 0;border: 1px solid #e2e2e2;padding: 20px;border-radius: 10px;overflow: hidden;background: #f9f9f9;}
#sod_bsk #sod_chk.chk_box input[type="checkbox"] + label{font-size: 1.25rem;font-weight: bold;}

#newCart_list li{border: 1px solid #e5e5e5;margin: 13px 0;border-radius: 10px;overflow: hidden;padding: 15px;}
#newCart_list .sod_opt{padding: 5px 10px;}
#newCart_list .total_price{padding: 15px 10px;border-radius: 5px;overflow: hidden;}
#newCart_list .li_mod{/*display: none;*/}
#newCart_list .sod_opt li{padding: 10px;border-radius: 5px;display: flex;align-items: center;font-weight: 500;}

#sod_bsk #mod_option_frm{max-width: 600px;top: 50%;left: 50%;transform: translate(-50%, -50%);}

#cartOpt .size_list li{margin: 0;border: none;display: flex;align-items: center;gap: 10px;padding: 0;}
#cartOpt .size_list li label{margin: 0 !important;}

/*장바구니 리디자인*/
.bskTitle{font-size: 2rem;font-weight: bold;text-align: center;}

.cartTable{width: 100%;border-top: 1px solid #999;margin-top: 50px;}
.cartTable .cartTop td{background: #f7f7f7;font-weight: 500;}
.cartTable td{padding: 15px;border-bottom: 1px solid #ddd;border-right: 1px solid #eee;font-size: .9375rem;text-align: center;}
.cartTable td:last-child{border-right: none;}

.cartItem{display: flex;gap: 20px;}
.cartInfo{text-align: left;}
.cartInfo .li_name{font-size: 1.13rem;font-weight: bold;margin-bottom: 15px;}
.cartInfo>ul>li{font-size: .875rem;font-weight: 400;margin-bottom: 5px;}
.cartInfo>ul>li:last-child{margin-bottom: 0;}
.cartInfo .li_mod{margin-top: 15px;}
.cartInfo .li_mod>button{padding: 8px;border: 1px solid #ddd;font-size: .875rem;font-weight: 400;border-radius: 5px;overflow: hidden;background: #f9f9f9;}

.newCart_total{background: #f4f4f4;padding: 23px 0;border-radius: 10px;overflow: hidden;margin-top: 30px;}
.newCart_total ul{display: flex;justify-content: center;align-items: center;gap: 75px;}
.newCart_total ul li{display: flex;align-items: center;font-size: 1.13rem;gap: 30px;}
.newCart_total ul li h4{font-weight: 400;}

#sod_bsk .btn_del_wr{margin-top: 30px !important;}

@media (max-width: 960px){ 
	
	.cartTable_wrap{overflow-x: scroll;}
	.cartTable{width: 1100px;}
}

@media (max-width: 720px){ 
	
	.cartTable td{padding: 10px;}

	#sod_bsk .btn_del_wr{display: flex;gap: 3px;margin-left: 0 !important;margin-right: 0 !important;}
	#sod_bsk .btn_del_wr button{padding: 15px 0;flex: 1;}
}