/*--font weight--*/
.font_el{font-weight: 200;}
.font_l{font-weight: 300;}
.font_r{font-weight: 400;}
.font_m{font-weight: 500;}
.font_sb{font-weight: 600;}
.font_b{font-weight: 700;}
.font_eb{font-weight: 800;}
.font_bl{font-weight: 900;}

/*--font size--*/
.fs_14{font-size: 0.874rem;}
.fs_15{font-size: 0.938rem;}
.fs_16{font-size: 1rem;}
.fs_17{font-size: 1.063rem;}
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_22{font-size: 1.375rem;}
.fs_24{font-size: 1.5rem;}
.fs_25{font-size: 1.563rem;}
.fs_26{font-size: 1.625rem;}
.fs_28{font-size: 1.75rem;}
.fs_30{font-size: 1.875rem;}
.fs_32{font-size: 2.188rem;}
.fs_34{font-size: 2.125rem;}
.fs_36{font-size: 2.25rem;}
.fs_38{font-size: 2.375rem;}
.fs_40{font-size: 2.5rem;}
.fs_48{font-size: 3rem;}
.fs_50{font-size: 3.125rem;}
.fs_54{font-size: 3.375rem;}
.fs_56{font-size: 3.5rem;}
.fs_60{font-size: 3.75rem;}
.fs_65{font-size: 4.063rem;}
.fs_75{font-size: 4.6875rem;}
.fs_80{font-size: 5rem;}
.fs_100{font-size: 6.25rem;} 
.fs_110{font-size: 6.875rem;}


/*--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_motion.common_motion.top_to_bottom { transform: translateY(-25px); }
.j_motion.common_motion.top_to_bottom.on { transform: translateY(0); opacity: 1; }

/*--아래에서 위--*/
.j_motion.common_motion.bottom_to_top { transform: translateY(25px); }
.j_motion.common_motion.bottom_to_top.on { transform: translateY(0); opacity: 1; }

/*--왼쪽에서 오른쪽--*/
.j_motion.common_motion.left_to_right { transform: translateX(-25px); }
.j_motion.common_motion.left_to_right.on { transform: translateX(0); opacity: 1;}

/*--오른쪽에서 왼쪽--*/
.j_motion.common_motion.right_to_left { transform: translateX(25px); }
.j_motion.common_motion.right_to_left.on { transform: translateX(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;}

@media screen and (max-width:1480px) {
.sec_pad {padding: 110px 0;}
}
@media screen and (max-width:1280px) {
.sec_pad {padding: 100px 0;}
}
@media screen and (max-width:1020px) {
.sec_pad {padding: 90px 0;}
}
@media screen and (max-width:720px) {
.sec_pad {padding: 80px 0;}
}
@media screen and (max-width:480px) {
.sec_pad {padding: 70px 0;}
}


/*commom*/
.pos_img { position: absolute; top: 0;  left: 0;}
.img_box {position:relative; overflow:hidden;}
.img_box img {display:block; margin:0 auto; max-width:100%;}
.pt0 {padding-top:0 !important}
.j_inner {max-width:1400px; margin:0 auto; width:96%; position:relative;}
.wtColor {color:#fff;}


/*header*/
.j_header {height:100px; position:absolute; top:0; left:0; width:100%; transition:0.28s; background:#fff; z-index:99; }
.j_header.active {position:fixed;     box-shadow: 3px -4px 18px 0px rgba(0, 0, 0, 0.1);}
.j_header .j_inner {height:100%;}
.hdWrap {display:flex; align-items:center; justify-content:space-between; height:100%;}
.hdWrap_in {height:100%;display:flex;gap:20px;}
.hdWrap_in > li { display:flex; align-items:center; gap: 8px;}
.hdBtn {display:block; color:#0179ee; width:160px; height:50px; line-height:50px; text-align:center; border-radius:25px; border:1px solid #0179ee; transition:0.28s; }
.hdBtn:hover {color:#fff; background:#0179ee;}
.hdWrap_in > li > .hdBtn > i {display:inline-block;}
.hdWrap_in > li > .hdBtn > i img { display:inline-flex;vertical-align:middle; max-width:100%;margin-top: -5px;margin-right: 10px;}

@media screen and (max-width:767px) {
.j_header {height:75px;}
.hdBtn {width:100px; height:35px; line-height:35px;}
.j_header .hd_logo img {width:60%;}
}



/*mv*/
.mainVisual {width:100%;height:680px; margin:200px 0 175px;}
.mainVisual .j_inner {height:100%;}
.mvList {display:flex; height:100%;}
.mvList .mvLt {width:calc(100% - 275px); margin-right:23px; height:100%; border-radius:50px; overflow:hidden;}
.mvList .mvRt {width:275px; height:100%;}

.mvSwip {height:100%;}
.mvSwip .swiper-slide.mv {width:100%; height:100%; border-radius:50px; overflow:hidden;}
.mvSwip .swiper-slide.mv01 {background:url(/img/pc/mv01.jpg) no-repeat center / cover; }
.mvSwip .swiper-slide.mv02 {background:url(/img/pc/mv01.jpg) no-repeat center / cover;}
.mvSwip .swiper-slide.mv03 {background:url(/img/pc/mv01.jpg) no-repeat center / cover}
.mvDesc {color:#fff;position:absolute; left:118px; top:50%; transform:translateY(-50%);}

.mvDesc h4 {letter-spacing:0.2em;}
.mvDesc h2 {margin-top:20px;}
.mvDesc p {margin-top:20px;}

.mvSwip .swiper-slide.mv .mvDesc h4{  opacity: 0; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeOut;  animation-delay: 0.1s;}
.mvSwip .swiper-slide.mv .mvDesc h2{ opacity: 0; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeOut;  animation-delay: 0.3s;}
.mvSwip .swiper-slide.mv .mvDesc p{ opacity: 0; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: both; animation-name: fadeOut;  animation-delay: 0.5s;}

.mvSwip .swiper-slide.mv.on .mvDesc h4 {animation-name: fadeIn; animation-delay: 0.2s;}
.mvSwip .swiper-slide.mv.on .mvDesc h2 {animation-name: fadeIn; animation-delay: 0.4s;}
.mvSwip .swiper-slide.mv.on .mvDesc p  {animation-name: fadeIn; animation-delay: 0.6s;}

.mvSwip .swiper-slide .mvSudal {position:absolute; bottom: -150px; right: 20px; width:494px; height:318px; background:url(/img/pc/mvSudal.png) no-repeat center / cover; opacity: 0; /* 처음에는 투명 */  transition: none; /* transition이 있으면 제거 */}
.mvSwip .swiper-slide.mv.on .mvSudal {animation: popUp 0.3s ease-out forwards;}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes popUp {
  0% {
    bottom: -150px;
    opacity: 0;
  }
  100% {
    bottom: -48px;
    opacity: 1;
  }
}

.mvRtDesc {color:#fff; position:absolute; left:33px; bottom:45px;}
.mvRtDesc h2 {margin-top:15px;}

.mvRtList {display:flex; flex-direction:column; height:100%;}
.mvRtList li {height:calc((100% - 20px)/2); position:relative; border-radius:40px; overflow:hidden; cursor:pointer;}
.mvRtList li::after {content:''; width:50px; height:50px; background:url(/img/pc/mvArrow.png) no-repeat center /cover; position: absolute; right:16px; top:20px; opacity:0; transition:0.28s;}
.mvRtList li:hover::after {opacity:1;}
.mvRtList li + li { margin-top:20px;} 
.mvRtList li.mvRtItem01 {background:url(/img/pc/mvRt01.jpg) no-repeat center / cover; width:100%;}
.mvRtList li.mvRtItem02 {background:url(/img/pc/mvRt02.jpg) no-repeat center / cover; width:100%;}


.mvPageBox {background:#fff; position:absolute; left:0; bottom:0;width:180px; height:84px; border-radius:0 42px 0px 0; z-index:10;}
.mvPageBox::after {background:url(/img/pc/mv_shape.png) no-repeat center / cover; width:37px; height:43px; position:absolute; left:0; top:-43px; content:'';}
.mvPageBox::before {background:url(/img/pc/mv_shape.png) no-repeat center / cover; width:37px; height:43px; position:absolute; right:-37px; bottom:0;  content:'';} 
.swiper-pagination.mvPage {top: 50%;transform: translateY(-50%); bottom: auto;}
.swiper-pagination.mvPage .swiper-pagination-bullet {background:#e8e8e8; opacity:1; margin:0 6.5px;}
.swiper-pagination.mvPage .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#0096ff;}
.mvNaviBox {width:124px; height:19px; position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); z-index:50;}

.swiper-button-next {background: url(/img/pc/mvRt.png) no-repeat center / cover; width:11px; height:17px; margin-top:0; transform: translateY(-50%);}
.swiper-button-prev {background: url(/img/pc/mvLt.png) no-repeat center / cover;  width:11px; height:17px; margin-top:0; transform: translateY(-50%);}

.swiper-button-next::after,.swiper-button-prev::after {display: none;}




@media screen and (max-width:1020px){
.mvSwip .swiper-slide .mvSudal {width: 352px;height: 227px;}
}

@media screen and (max-width:920px){
.mainVisual {height:auto; margin:75px 0 100px;}
.mvSwip {height:500px;}
.mvList {flex-wrap:wrap; row-gap: 20px;}
.mvList .mvLt {width:100%; margin-right:0;}

.mvList .mvRt {width:100%;}
.mvRtList {flex-wrap:wrap; height:300px;}
.mvRtList li {width:calc((100% - 20px)/2); margin-right:0px;}
.mvList .mvLt {height:auto;}
.mvList .mvRt {height:auto;}

}


@media screen and (max-width:767px){
.mvDesc {left:20px;}
.mvSwip .swiper-slide .mvSudal {width: 200px;height: 125px; bottom:-100px;}
.mvPageBox {width:104px; height:76px;}
.mvNaviBox {width:105px;}
.mvSwip {height:360px;}

@keyframes popUp {
  0% {
    bottom: -100px;
    opacity: 0;
  }
  100% {
    bottom: -0px;
    opacity: 1;
  }
}
.mvSwip .swiper-slide.mv .mvDesc p {font-size:16px;}

}



/*section*/

.sec01 {background:url(/img/pc/sec01_bg.jpg) no-repeat center / cover; width:100%; position:relative;}
.sec01Rotate {position:absolute; right:87px; top:-96px; width:187px; height:187px;}
.sudal_char {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.rotateTxt{animation-name:rotate_motion; animation-duration:18s; animation-timing-function:linear; animation-iteration-count: infinite; width:100%; }

@keyframes rotate_motion{ 
	0%{transform:rotate(0);}	
	100%{transform:rotate(360deg);}	
}


@media screen and (max-width:767px){
.sec01Rotate {width:99px; height:99px; right:10px; top:-40px;}
.sudal_char {width:50%;}

.sec01 {background:url(/img/mo/sec01_bg_m.jpg) no-repeat center / cover; width:100%; position:relative;}
}


.sec02 {background:url(/img/pc/sec02_bg.jpg) no-repeat center / cover; width:100%; position:relative;}

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

.sec02 {background:url(/img/mo/sec02_bg_m.jpg) no-repeat center / cover; width:100%; position:relative;}

}


.sec03 {background:#f4f7fb; width:100%; position:relative;}

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



}


.sec04 {padding:184px 0;}
.sec04_btn01 {position:absolute; right:0; top:15px; z-index:1; width:194px; height:50px;}

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

}

@media screen and (max-width:767px){
.sec04 {padding:0px 0;}
.sec04_btn01 { top: 20px;width: 112px;}
}


.sec05 {padding:184px 0;}
.sec05_btn01 {position:absolute; right:0; top:15px; z-index:1; width:194px; height:50px;}

@media screen and (max-width:767px){
.sec05 {padding:0px 0;}
.sec05_btn01 { top: 20px;width: 112px;}
}


.sec06 {padding:184px 0;}

.sec06_btn01 {position:absolute; right:0; top:15px; z-index:1; width:194px; height:50px;}

@media screen and (max-width:767px){
.sec06 {padding:0px 0;}
.sec06_btn01 { top: 20px;width: 112px;}
}


.sec07 {background:url(/img/pc/sec07_bg.jpg) no-repeat center / cover; width:100%; position:relative;}

@media screen and (max-width:767px){
.sec07 {background:url(/img/mo/sec07_bg_m.jpg) no-repeat center / cover; width:100%; position:relative;}
}



.sec08 {background:#f4f7fb;}

.sec09 {background:url(/img/pc/sec09_bg.jpg) no-repeat center / cover; width:100%; position:relative}

@media screen and (max-width:767px){
.sec09 {background:url(/img/mo/sec09_bg_m.jpg) no-repeat center / cover; width:100%; position:relative;}
}


.sec10 {background:url(/img/pc/sec10_bg.jpg) no-repeat center / cover; width:100%; position:relative}

@media screen and (max-width:767px){
.sec10 {background:url(/img/mo/sec10_bg_m.jpg) no-repeat center / cover; width:100%; position:relative;}
}


.j_quickBar {z-index: 10;position:fixed;bottom:0;left:0;width:100%;padding:13px 0;background:#0f0f28;}
.j_quickBar .j_inner {justify-content: space-between; display:flex;}
.quick_lt, .quick_rt {display:flex;gap:15px;align-items: center;}
.quick_logo a {display:block;}
.quick_logo a img {max-width:100%;}
.quickTit {margin-top: 3px;}
.quick_rt li a {display:inline-flex;align-items:center;gap:10px;padding:10px 26px;border-radius:30px;font-family: 'SUIT Variable', sans-serif;background:#fff;}

@media screen and (max-width:1280px) {
    .quick_logo a img {max-width: 80%;}
    .quickTit {font-size: 1.6rem;margin-top:0;}
    .quick_rt li a {font-size: 1rem;padding: 10px 20px;}
}

@media screen and (max-width:1020px) {
    .j_quickBar {padding:30px 0;}
    .j_quickBar .j_inner {display: block;justify-content: unset;text-align: center;}
    .quick_lt {width:100%;justify-content: center;}
    .quick_rt {width:100%;justify-content: center;margin-top:14px;}
    .quick_rt li a {padding: 4px 23px;}
}

@media screen and (max-width:720px) {
    .j_quickBar {padding:24px 0;}
    .j_quickBar .ch_inner {display: block;justify-content: unset;text-align: center;}
	.quick_logo a img {width:80%;max-width: 100%;display: block;margin: 0 auto;}
    .quickTit {font-size: 1.3rem;margin-top:0;}
    .quick_lt {display:flex;justify-content: center;align-items: center;}
    .quick_rt {width:100%;justify-content: center;margin-top: 20px;}
	.quick_rt li a {padding: 4px 12px;}
	.quick_rt li a img {width: 80%;max-width: 100%;margin: 0 auto; display: block;}
}

@media screen and (max-width:480px) {
    .j_quickBar {padding: 8px 0;}
	.quick_logo {display:none;}
	.quickTit {font-size:14px;}
    .quick_lt {flex-direction: column;gap: 7px;}
	.quick_rt {margin-top: 10px;gap:7px;}
    .quick_rt li a {padding: 3px 0;}
}

/*--푸터--*/
#ch_footer {padding:70px 0 143px 0; background:#272736;}
#ch_footer .j_inner {display:flex; justify-content: space-between;}

#ch_footer .marLt {position:relative;margin-left:27px;}
#ch_footer .marLt::after {content:"";position:absolute;top:50%;left:-14px;transform:translateY(-50%);width:1px;height:10px;background: rgba(255,255,255,.3);}
#ch_footer .footerInfo_left {display:flex;flex-direction: column; gap:20px;line-height:1.45em; color:rgba(255,255,255,.3);}
#ch_footer .leftTop i, #ch_footer .leftBtm i {font-family:'SUIT Variable';}
#ch_footer .leftTop br:nth-of-type(1) {display:none;}
#ch_footer .leftTop br:nth-of-type(3) {display:none;}
#ch_footer .leftBtm br:nth-of-type(2) {display:none;}
#ch_footer .footerInfo_right {display: flex;flex-direction: column;justify-content: space-between;}
#ch_footer .footerInfo_right .laws {display:flex;align-items: center;}
#ch_footer .footerInfo_right .laws li {margin-right:24px;}
#ch_footer .footerInfo_right .laws li:last-child {margin-right:0;}
#ch_footer .footerInfo_right .laws li a {font-family:'SUIT Variable';color:rgba(255,255,255,.3);}
#ch_footer .footerInfo_right .laws li:nth-of-type(2) a {font-weight:500;color:#fff;}
#ch_footer .footerInfo_right .sns {display:flex;justify-content: flex-end;gap:28px;}

#ch_footer .laws li a {color:#fff;}

@media screen and (max-width:1080px) {
    #ch_footer {padding: 46px 0 185px 0;}
	#ch_footer .j_inner {flex-direction: column-reverse;}
	#ch_footer .footerInfo_right {padding-bottom: 20px;flex-direction: row;}
	#ch_footer .footerInfo_left {padding-top: 20px;border-top: 1px solid rgba(255, 255, 255, .2);}
	#ch_footer .footerInfo_left {line-height: 1.8em;}
	#ch_footer p, #ch_footer .laws > li > a {font-size:1.1rem;}
}
@media screen and (max-width:720px) {
    #ch_footer {padding: 38px 0 150px 0; }
    #ch_footer .footerInfo_right {flex-direction: column-reverse;}
	#ch_footer .footerInfo_right .laws,
	#ch_footer .footerInfo_right .sns {justify-content: center;margin-top: 14px;}
	#ch_footer p, #ch_footer .laws > li > a {text-align: center;}
}
@media screen and (max-width:480px) {
	#ch_footer { padding: 30px 0 101px 0; }
	#ch_footer .leftTop .marLt {margin-left:20px;}
	#ch_footer .leftTop .marLt::after {content:none;}
	#ch_footer .leftTop i:nth-of-type(3) {margin-left: 0 !important;}
	#ch_footer .leftTop i:nth-of-type(5) {margin-left: 0 !important;}
	#ch_footer .leftTop br:nth-of-type(1) {display:	block;}
	#ch_footer .leftTop br:nth-of-type(3) {display: block;}
	#ch_footer .leftBtm br:nth-of-type(2) {display:block;}
}

/* add_pop */
.add_pop_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;color: #fff;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_wrap *{}
.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_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #0d58b7;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: 1.1rem;font-weight: 700;margin-bottom: 5px; text-align: center;color:#000;}
.add_pop_con h6{font-size: 1rem;font-weight: 600;margin-bottom: 10px; color:#000;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px; color:#000;}

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

/*개인정보처리방침 테이블*/
table {width:96%;border:1px solid #e1e1e1;border-collapse:collapse;text-align:left;}
th {width: 110px;font-size:13px;font-weight:bold;color:#111;background-color:#f9f9f9;}
td {font-size:12px;color:#111;}
th, td {border:1px solid #e1e1e1; padding:9px;vertical-align: middle;}

@media (max-width: 480px){
	table > tbody > tr > th {font-size:12px;}
	table > tbody > tr > th, td {padding: 5px;}
}