@charset "UTF-8";
*{margin: 0;padding: 0;box-sizing: border-box;}
*{-webkit-text-size-adjust:none}
body .container{font-family: 'Noto Sans KR', sans-serif!important; color: #111921;}
body .gstCon{color:#1D1919;}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@font-face {
  font-family: 'Dongle-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108_2@1.0/Dongle-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Black';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.nanummyeongjo * {
  font-family: 'Nanum Myeongjo', serif;
}
@font-face{/* 하는체 bold */
  font-family:'Do_bold';
  src:url(../plugins/fonts/woff2/Do_OTF_Bold.woff2);
}
@font-face{/* 하는체 regular */
  font-family:'Do_regular';
  src:url(../plugins/fonts/woff2/Do_OTF_Regular.woff2);
}
@font-face{/* 하는체 bold */
  font-family:'Do_light';
  src:url(../plugins/fonts/woff2/Do_OTF_Light.woff2);
}
@font-face{/* 아는체 bold */
  font-family:'Know_bold';
  src:url(../plugins/fonts/woff2/Know_Bold.woff2);
}
@font-face{/* 아는체 regular */
  font-family:'Know_regular';
  src:url(../plugins/fonts/woff2/Know_Regular.woff2);
}
/* br */
.pcBr {display: block;}
.moBr {display: none;}


.web {display: block !important;}
.mobile {display: none !important;}


/* 팝업 */
.popup{ display:none; position:fixed; top:0; left:0; bottom:0; right:0; z-index:202!important; min-height:750px; transition:0.3s;}
.popup.on{ display:block;}
.popup-bg{ position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.6); transition: 0.3s;}
.popup-content{ position:fixed; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); width: 80%; max-width:1200px;height: 70%; max-height:700px; z-index: 101;}
.popup-header{ position: relative;}
.popupClose{ position:absolute; top: -39px; right: 0px; width:30px; height:30px; background: url(../images/brand/close-btn.png) no-repeat center / contain;}
.popup-body{ height: 100%; padding:20px; background:#ffffff;}
.popup-body iframe {height: 100%;}

/* 청담어학원 */
.container .banner { width: 100%; height: 37vw; max-height: 480px; min-height: 345px; position: relative; overflow: hidden;}
.banner .banner-Slider{  height: 100%;}
.banner-Slider .slider::after{height: 50%; width: 100%;display: block;content: '';position: absolute;bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, #000000 100%);opacity: 0.1;}
.container .banner .banner-Slider div{ height: 100%; background-position: top; background-repeat: no-repeat; background-size: cover;}
.banner-Slider .slick-dots {display: none !important;}
/*.banner-Slider .slider:nth-child(1){background-image: url(../images/Nbrand/CD1920_main.png);}*/
/*.banner-Slider .slider:nth-child(2){background-image: url(../images/Nbrand/CD1920_main.png);}*/
/*.banner-Slider .slider:nth-child(3){background-image: url(../images/Nbrand/cd_banner1.png);}*/
/*.banner-Slider .slider:nth-child(4){background-image: url(../images/Nbrand/cd_banner2.png);}*/
/*.banner-Slider .slider:nth-child(5){background-image: url(../images/Nbrand/cd_banner1.png);}*/
/*.banner-Slider .slider:nth-child(6){background-image: url(../images/Nbrand/cd_banner2.png);}*/
.slider .inSlider{ width: 93vw; max-width: 1274px; min-width: 320px; margin: 0 auto; color: #111921;}
.slider .inSlider h2{ font-size: 62px; font-weight: bold; margin-bottom: 15px; padding-top: 109px;}
.slider .inSlider p{ font-size: 34px;}
.container .banner .inbanner{position: absolute; bottom: 0; height: 0; width: 93vw; max-width: 1274px; /*min-width: 300px;*/ margin: 0 auto;left: 50%; transform: translatex(-50%);}
.sliderF{ position: absolute; bottom: 43px; display: flex; align-items: center; font-size: 18px;}
.sliderF .slick-arrow { position: static; width: 48px; height: 48px;  transform: translatey(0%); border-radius: 50px;}
.sliderF .slick-arrow.sliderP { background: url(../images/Nbrand/sPrev.png) no-repeat center / 9px;  margin-right: 50px;border: 2px solid transparent;}
.sliderF .slick-arrow.sliderN {background: url(../images/Nbrand/sNext.png) no-repeat center / 9px;  margin-left: 50px;border: 2px solid transparent;}
.sliderF .slick-arrow.sliderP:hover,.sliderF .slick-arrow.sliderN:hover{border: 2px solid #ffffff;}
.pagingInfo { color: #ffffff; margin-right: 35px; font-family: 'Roboto', sans-serif;}
.pagingInfo span{font-weight: bold;}
.spanBold{font-weight: bold;}
.sliderF .btnPlay{ background: url('../images/Nbrand/sStop.png')no-repeat; width: 11px; height: 11px; border:none; cursor: pointer; outline: none;}
.sliderF .btnPlay.on{background:url('../images/Nbrand/sPlay.png')no-repeat;}

.pop-slide-container {position:relative; max-width:700px;}
.pop-slide-container .sliderF {display:inline-block; position:absolute; left:14px; right:14px; top:46%; bottom:unset; transform:translateY(-46%);}
.pop-slide-container .sliderF .slick-arrow {width:72px; height:72px; border:0;}
.pop-slide-container .sliderF .slick-arrow.sliderP:hover, .pop-slide-container .sliderF .slick-arrow.sliderN:hover {border:0;}
.pop-slide-container .sliderF .slick-arrow.sliderP {position:absolute; left:0; top:0; background:url("../images/main/pop-slide-previous-active.png") center no-repeat; background-size:100%;}
.pop-slide-container .sliderF .slick-arrow.sliderP.slick-disabled {background:url("../images/main/pop-slide-previous.png") center no-repeat; background-size:100%; opacity:1;}
.pop-slide-container .sliderF .slick-arrow.sliderN {position:absolute; right:0; top:0; background:url("../images/main/pop-slide-next-active.png") center no-repeat; background-size:100%;}
.pop-slide-container .sliderF .slick-arrow.sliderN.slick-disabled {background:url("../images/main/pop-slide-next.png") center no-repeat; background-size:100%; opacity:1;}
.pop-slide-container .pagingState {display:flex; position:absolute; left:50%; bottom:24px; transform:translateX(-50%); align-items:center; background:rgba(17, 25, 33, 0.4); height:41.6px; border-radius:20.8px; padding:0 24px 0 19.2px;}
.pop-slide-container .pagingState .paging {display:inline-block; vertical-align:middle; margin-top:0; margin-right:0; margin-left:32px; font-size:16px; color:#fff;}
.pop-slide-container .pagingState .paging:before {content:''; width:1px; height:41.6px; position:absolute; left:48px; top:0; background-color:rgba(255, 255, 255, 0.16);}
.pop-slide-container .pagingState .paging .current {font-weight:500;}
.pop-slide-container .pagingState .btnPlay{ width: 11px; height: 11px; border:none; cursor: pointer; outline: none;position:relative;}
.pop-slide-container .pagingState .btnPlay .before{content: '';display:block; position: absolute;left:0;top:0; width:3px; height:11px; background-color:#ffffff;}
.pop-slide-container .pagingState .btnPlay .after{content: '';display:block; position: absolute;left:6px;top:0; width:3px; height:11px; background-color:#ffffff;}
.pop-slide-container .pagingState .btnPlay.on .on{width: 0; height: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 9px solid #ffffff; border-right: 9px solid transparent;}
.pop-slide-container .pagingState .btnPlay.on .before, .pop-slide-container .pagingState .btnPlay.on .after{display:none;}
.pop-slide-container .slide .detailview-btn {height:70px; position:fixed; left:0; bottom:-70px; right:20px;}
.pop-slide-container .slide .detailview-btn .btn-t-5.btn-c-9 {position:relative; top:10px; z-index:1702!important;}
.pop-slide-container .pop-slide .slide {width:100%;}
.pop-slide-container .pop-slide .slide img {max-width:100%;}

.news{ backdrop-filter: blur(8px); position: absolute; right: 0; bottom: 53px; max-width: 286px; height: auto; border-radius: 16px; background-color: rgba( 255, 255, 255, 0.7 ); border: 1px solid rgba( 255, 255, 255, 0.75 ); padding: 13px 14px;}
.news .newsTit { font-size: 16px; font-weight: bold;}
.news .newsTit:before{content: "📢";display: inline-block; transform: scaleX(-1);margin-right: 3px;}
.news .newsUl {padding: 13px 5px 3px;}
.news .newsUl li:first-child{padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid rgba(17,25,33,.08);}
.news .newsUl li p:first-child{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500;font-size: 14px;}
.news .newsUl li p:first-child:hover{color: #00BABB;}
.news .newsUl li p:last-child{font-size: 12px; color: #6e6f75;}
/* 네비 */
.navB {width: 100%; height: auto; margin: 59px 0; display: flex;justify-content: center; background-color: #ffffff; }
.navB ul li {width: 131px; height: 100%; float: left; text-align: center;}
.navB ul li a {color: #70757A; font-size: 18px; font-weight:500; display: inline-block; width: 100%;}
.navB ul li.active a{color: #00BABB;}
.navB ul li.active a::after{content: ""; display: block; width: 100%; height: 2px; background: #00BABB; margin-top: 10px;}
.fixed2 { position: fixed;left: 0;top:90px; background-color: #ffffff; display: flex; justify-content: center; width: 100%; z-index: 199; transition: all 1s;transition-duration: .4s;}
.navB ul.no-transition,
.navB ul.fixed2.no-transition { transition: none !important; }
.navB ul.fixed2 li {height: 60px;}
.navB ul.fixed2 li a{line-height: 60px;}
.navB ul.fixed2 li.active a::after{margin-top: -2px;}
/* .navB.ap {margin:30px 0;} */
.navB.ap {margin:0px 0 0;padding-top: 8px;}
.navB.ap ul li {line-height:38px;}
.navB.ap ul.fixed2 li {padding-top: 0;}
.navB.cdto {margin:0px 0 0;padding-top: 8px;}
.navB.cdto ul li {line-height:38px;}

.branch-wrap .header + .container .fixed2{top:156px;}
.branch-wrap .header.scroll-up + .container .fixed2{top:156px;}
/* sec */
.LRsec .LRsec-in .txtB > h2,.LRsec .LRsec-in .txtB > h3,.LRsec .LRsec-in .txtB > p,.LRsec .LRsec-in .txtB > ul,.LRsec .LRsec-in .imgB > div,.LRsec .LRsec-in .imgB > .pagingInfoLR,.fullsec .full-in > h2,.fullsec .full-in > h3,.fullsec .full-in > p,.fullsec .full-in > ul,.fullsec .full-in > button,
.fullsec .full-in > div,.brandSecI h2,.brandSecI ul{  opacity: 0;transition: all 1s ease;}
.LRsec.trOn .LRsec-in .txtB > h2,.LRsec.trOn .LRsec-in .txtB > h3,.LRsec.trOn .LRsec-in .txtB > p,.LRsec.trOn .LRsec-in .txtB > ul,.LRsec.trOn .LRsec-in .imgB > div,.LRsec.trOn .LRsec-in .imgB > .pagingInfoLR,.fullsec.trOn  .full-in > h2,.fullsec.trOn  .full-in > h3,.fullsec.trOn  .full-in > p,.fullsec.trOn  .full-in > ul,.fullsec.trOn .full-in > button,.fullsec.trOn  .full-in > div,.brandSecI.trOn h2,.brandSecI.trOn ul{   opacity: 1; transition: all 1s ease;}

.Overview h2,.fix h2 {font-size: 40px; font-weight: 700;}
.Overview h3,.fix h3  {font-size: 36px; font-weight: 700;}
.Overview .LRsec-in, .full-in {max-width: 1274px; margin: 0 auto;padding: 0 40px;}
.Overview .LRsec h3 {margin-bottom: 20px;}
.Overview .LRsec p {font-size: 18px;color: #595e64; line-height: 32px;}
.Overview .LRsec p b {color: #111921;}
.Overview .LRsec .LRsec-in {display: flex;align-items: flex-start;overflow: hidden;}
.Overview .LRsec .LRsec-in {padding-top: 120px; padding-bottom: 120px;}
.Overview .LRsec.LRsecT .LRsec-in{padding-bottom: 80px; padding-top: 00px;}
.Overview .LRsec.LRsecM .LRsec-in{padding-bottom: 80px; padding-top: 0;}
.Overview .LRsec.LRsecB .LRsec-in{padding-bottom: 120px; padding-top: 0;}
.Overview .LRsec.LRsecC3 .LRsec-in{padding-bottom: 60px; padding-top: 0;}
.Overview .LRsec.LRsecC3.v2 .LRsec-in{padding-bottom: 120px; padding-top: 0;}

.Overview .LRsec .LRsec-in > div.imgB{display: flex;align-items: center;}
.Overview .LRsec .LRsec-in > div.txtB {}
.Overview .LRsec .LRsec-in > div {width: 50%; height: auto}

.Overview .LRsec .LRsec-in .leftB {margin-right: 15px;}
.Overview .LRsec .LRsec-in .rightB {margin-left: 15px;}
.Overview .LRsec .LRsec-in .leftB.slideLB {position: relative; height: 396px}
.Overview .LRslider{border-radius: 16px;overflow: hidden;height: 100%;width: 100%}
.Overview .LRslider div {height: 100%;}
.LRslider .slider{background-position: center; background-repeat: no-repeat; background-size: cover;width: 100%}
/*.LRslider .slider:nth-child(1){background-image: url(../images/Nbrand/cd_850_1.png);}*/
/*.LRslider .slider:nth-child(2){background-image: url(../images/Nbrand/cd_850_2.png);}*/
/*.LRslider .slider:nth-child(3){background-image: url(../images/Nbrand/cd_850_1.png);}*/
/*.LRslider .slider:nth-child(4){background-image: url(../images/Nbrand/cd_850_2.png);}*/
.inSlider{ position: absolute; top: 0; left: 50%; z-index: 9; transform: translatex(-50%);}
.insliderImg{position: absolute; top: 0; width: 100%;}
.insliderImg div{width: 100%;}
.Overview .LRslider .slick-dots, .pop-slide-container .slick-dots {display: none !important;}
.Overview .pagingInfoLR{font-size: 16px !important; width: 50px; height: 30px;background-color: rgba( 17, 25, 33, 0.4); border-radius: 50px; color: rgba( 255, 255, 255, 0.5 ) !important; text-align: center; line-height: 30px;position: absolute;  bottom: 30px; right: 30px;font-family: 'Roboto', sans-serif; font-weight: 300;}
.Overview .pagingInfoLR span{color: #ffffff; font-weight: 400;}

.Overview .CENsec .CENsec-in, .full-in {max-width: 1274px; margin: 0 auto;padding: 0 40px;}
.Overview .CENsec .CENsec-in {padding-bottom: 120px;}
.Overview .CENsec .CENsec-in h3 {text-align: center;}
.Overview .CENsec .CENsec-in h3 span {color:#E62F87;}

.Overview .LRsec.LRsecC3 .LRsec-in {max-width: 1280px; margin: 0 auto;padding: 0 40px; padding-bottom: 60px;}
.Overview .LRsec.LRsecC3 h3.v2 {letter-spacing: -1.44px;}
.Overview .LRsec.LRsecC3 .LRsec-in .leftB {margin-right: 15px;}
.full-in.c3 {max-width: 1280px; margin: 0 auto;padding: 0 40px;}
.full-in.c3 .fullImg {padding-top: 40px;}

.Overview .load_swiper {max-width: 1280px; margin:0 auto;margin-top: 64px;}
.Overview .load_swiper .swiper-slide img {width: 100%;}
.Overview .load_swiper .swiper-wrapper {gap: 0 16px;}
.Overview .load_swiper .swiper-slide {flex: 1;}

.Overview .video_div {position:relative;padding-bottom:56.27%;height:0;overflow:hidden;border-radius:24px;}
.Overview .video_div iframe {max-width:100%;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1px;}

.img1920px{display: block;}
.img1280px{display: none;}
.img1024px{display: none;}
.img640px{display: none;}
.img440 {display:none;}
.bg1{background-color: #303667;}
.bg2{background-color: #F5F8FA;}
.bg3{background-color: #272D47;}
.bg4{background-color: #064368;}
.bg5{background-color: #804726;}
.bg6{background-color: #22503D;}
.bg7{background: rgba(227,221,215,25%);}
.bg8{background-color: #FFF6EE;}
.bg9{background-color: #F7F7F7;}
.bg10{background-color: #1e3135;}
.bg11{background-color: #f2f2f2;}
.bg12{background-color: #273547;}
.bg13{background-color: #8FC31F;}
.bg14{background-color: #eee;}
.bg15{background-color: #fafafa;}
.bg16{background-color: #005c97;}
.bg17{background-color: #f4f4f4;}
.txtW{color: #ffffff;}
.fullsec{text-align: center;padding-top: 120px; padding-bottom: 120px;overflow: hidden;}
.fullsec h2 {padding-bottom: 20px;}
.fullsec h2.h2-theOpen {padding-top:76px;position:relative;}
.fullsec h2.h2-theOpen:before {content:'';width:50px;height:50px;position:absolute;top:0;left:50%;transform:translateX(-50%);background:url("../images/Nbrand/icon_theOpen.svg") no-repeat center / 100%;}
.fullsec p {font-size: 18px; color: #111921; padding-bottom: 20px; line-height: 32px}
.fullsec p:nth-of-type(2) {padding-top: 20px;}
.fullsec p.color1 {color: #595e64; padding-top: 10px;}
.fullsec p.color1 b {color: #111921;}
.fullsec p.tit-theOpen {font-size:24px;color: #666;padding:0 0 62px;margin:-4px 0 20px;position:relative;}
.fullsec p.tit-theOpen:after {content:'';position:absolute;width:1px;height:40px;background:#CDD1D4;bottom:0px;left:50%;transform:translateX(-50%);}
.fullsec p.tit-theOpen span {color:#E62F87;}
.fullsec p.txt-theOpen {padding-top:60px;position:relative;color:#888; padding-bottom: 32px;}
.fullsec p.txt-theOpen:before {content:'';width:48px;height:48px;position:absolute;top:0;left:50%;transform:translateX(-50%);background:url("../images/Nbrand/icon_theOpen.svg") no-repeat center / 100%;}
.fullsec.txtW p{color: #ffffff;}
.fullsec2{padding-bottom: 30px;}
.fullsec2 + .fullsec {padding-top: 0;}
.fullsec.bg9 + .fullsec.ptm8 {padding-top: 80px;}
.fullsec + .fullsec.ptm8 {padding-top:0;}
.fullsec.ptm8 + .fullsec {padding-top:30px;}
.full-in button {margin: 16px auto;}

.fullsec .tit { color:#111921;font-size: 28px;font-weight: bold;}
.fullsec .p1 { color:#111921; font-size: 20px;font-weight: bold;padding-bottom: 0;}
.fullsec .p2 {padding-top: 0 !important;}
.fullsec .orange {color:#DA5307;}

.bg-img {background:url("../images/Nbrand/bg_cdi01.png") no-repeat top center / 100%; background-size: 100% 52.7%; padding-bottom: 0;}

.lineH32{line-height: 32px;}
.halfImg > div{width: 100%; height: 100%;}
.fullImg > div {width: 100%; height: 100%;}
.txtB{padding: 20px 0 20px 30px;}
.Overview .LRsec.LRsecC3 .txtB {padding: 20px 15px 20px 30px;}
.Overview .LRsec.LRsecC3 .txtB p {text-align: left;}
.lineSpace {display: block;height: 16px;}
.lineSpace2 {display: block;height: 16px;}
.video-box{cursor: pointer;}
.video-box > div{ height: 100%;cursor: pointer;}
.fullvideo > div{width: 100%;height: 100%;cursor: pointer;}
.fullList{display: flex;flex-direction: column; align-items: center;font-size: 18px;padding: 20px 0;}
.fullList li{display: flex;text-align: left;line-height: 32px}
.fullList li::before{content: "-"; display: inline-block; margin-right: 3px;}
.lineBtn{border: 1px solid #111921; border-radius: 50px; width: 150px; height: 46px; text-align: center;text-align: center; font-size: 15px; font-family: 'Noto Sans KR'; font-weight: 700;display: flex; align-items: center; justify-content: center;line-height: 46px;}
.lineBtn::after{content: ""; width: 6px; height: 100%; display: inline-block;background: url(../images/Nbrand/right_arr_b.png) no-repeat center / 7px; margin-left: 5px;}
.currSec h3 {color: #ffffff; margin-bottom: 40px;}
.currBtn{width: 194px; height: 64px; background-color: #ffffff;font-size: 22px; font-weight: 700; color: #272D47;border-radius: 50px; font-family: 'Noto Sans KR'; line-height: 64px;padding-left: 22px;display: flex; margin: 0 auto; align-items: center; justify-content: center;}
.currBtn.ig {width:380px;}
.currBtn .currI{display: inline-block; background: #272D47 url(../images/Nbrand/dow_arr.png) no-repeat center / 14px; width: 44px; height: 44px; border-radius: 50px; margin-left: 22px;}
.currBtn:hover {color:#00BABB;transition: all .5s;}
.currBtn:hover .currI{background-color: #00BABB;transition: all 1s;}
.brandUl{padding: 40px 0; overflow: hidden; width: auto; margin: 0 auto; display: table;text-align: left;}
.brandUl li {height: 100%; margin-right: 26px; width: 150px; max-width: 150px; min-width: 150px; border-radius: 20px;overflow: hidden;display: inline-block;}
.card{ width: 100%;position: relative; transition: .4s; transform-style: preserve-3d;  padding-top: 100%;}
.clickF,.clickB{position: absolute; width: 100%; height: 100%; backface-visibility: hidden; top: 0;border-radius: 20px;}
.clickF{display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.clickB{transform: rotateY(180deg);  }
.brandUl li:hover .card {transform: rotateY(180deg);}
.brandUl li:last-child{margin-right: 10px;}
.brandUl li a{display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.brandUl li a .moclick {display: none;}

.halfImg{width: 100%; height: auto;overflow: hidden;border-radius: 16px;}
.fullImg{padding-top: 20px; height: auto; position: relative;}
.fullImg.np {padding:0;}
.fullvideo{max-width: 780px; height: auto;margin: 30px auto 0;border-radius: 16px;overflow: hidden;}
.video-box{width: 100%; height: 396px;border-radius: 16px;overflow: hidden;}
.fullImg > img,.video-box > img,.fullImg > img,.fullvideo img,.halfImg img {width: 100%; height: 100%; object-fit: cover;}
.fullImg.max980 > img {max-width: 980px;margin: 0 auto;}
.fullImg.max978 > img {max-width: 978px;margin: 0 auto;}
.fullImg.max898 > img {max-width: 898px;margin: 0 auto;}
.fullImg.max892 > img {max-width: 892px;margin: 0 auto;}
.fullImg.max756 > img {max-width: 756px;margin: 0 auto;}
.fullImg.max664 > img {max-width: 664px;margin: 0 auto;}
.fullImg.max345 > img {max-width: 345px;margin: 0 auto; margin-bottom: 32px;}

#procedure p{color: #6c7278;}
.mgFamily h2,.mtFamily h2,.apFamily h2{font-family:'Do_bold';}
.mgFamily p,.mtFamily p,.apFamily p{font-family:'Do_regular';}
.br2{display: none;}
/*ig*/
.container .banner.igBanner .banner-Slider::after{display: none;}
.container .banner.igBanner{max-height: 100%; height: calc(100vh - 64px);}
.container .banner.igBanner .sliderF {left: 50%;transform: translateX(-50%);bottom: 2.5vw;}
.slider video {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;object-position: 50% 100%;}
.mozoom {width: 24px;height: 24px; background: url(../images/Nbrand/zoom.svg) no-repeat center / contain;position: absolute; bottom: 8px; right: 8px; margin: 0; display: none;}
/* 분기점 */
.sliderF button.slick-hidden + .pagingInfo,.sliderF button.slick-hidden + .pagingInfo + .btnPlay{display: none;}
.theopen .sliderF button.slick-hidden + .pagingInfo, .theopen .sliderF button.slick-hidden + .pagingInfo + .btnPlay{display: none;}
div.top-btn {
  position: fixed;
  bottom: 30px;
  right: 20px;
  width: 56px;
  height: 56px;
  background: url(../images/common/top_btn.svg) no-repeat center / contain;
  border-radius: 50%;
  opacity: .75;
  transition: background .2s ease;
  z-index: 191;
  cursor: pointer;
}

div.top-btn:hover{
  opacity: 1;
  background-image:url(../images/common/top_btn_hover.svg)
}
/*GST*/
.header.gstHd .gnb-nav .group > li > a{
  font-family: 'Roboto', sans-serif !important;
}
.header.portal.gstHd .sc-wrap {background-color: rgba(255 255 255 / 80%);backdrop-filter: blur(15px);}
.header.transparent.close-all.gstHd .sc-wrap{background:rgba(29,25,25,0.15)}
.header .irg.gst-logo{background-image: url(../images/gst/pc_logo1.svg); background-position: center; background-size: contain;height: 30px; width: 154px;}
.header.transparent.close-all .irg.gst-logo{background-image: url(../images/gst/pc_logo2.svg); background-position: center; background-size: contain;height: 30px; width: 154px;}
.header.gstHd .user::before {display: none;}
@media (hover: hover) {
  .header.gstHd .top-btn:hover{
    background: url(../images/gst/Top_Rbtn.png) no-repeat center / contain;
  }
}
.header.transparent.close-all.gstHd .gnb-all-btn .line,
.header.transparent.close-all.gstHd .gnb-all-btn .line::before,
.header.transparent.close-all.gstHd .gnb-all-btn .line::after { background-color: #ffffff !important;}
@-webkit-keyframes hamburg-bar-t-2-mo2 {
  0% { -webkit-transform:translateY(-1px) rotate(45deg);}
  50% { -webkit-transform:translateY(-1px) rotate(0);}
  100% { -webkit-transform:translateY(-9px) rotate(0);}
}
@keyframes hamburg-bar-t-2-mo2 {
  0% { transform:translateY(-1px) rotate(45deg);}
  50% { transform:translateY(-1px) rotate(0);}
  100% { transform:translateY(-9px) rotate(0);}
}
@-webkit-keyframes hamburg-bar-b-2-mo3 {
  0% { -webkit-transform:translateY(-1px) rotate(-45deg);}
  50% { -webkit-transform:translateY(-1px) rotate(0);}
  100% { -webkit-transform:translateY(7px) rotate(0);}
}
@keyframes hamburg-bar-b-2-mo3 {
  0% { transform:translateY(-1px) rotate(-45deg);}
  50% { transform:translateY(-1px) rotate(0);}
  100% { transform:translateY(7px) rotate(0);}
}

.header.transparent.gstHd  .gnb-logo {  border-bottom: 1px solid transparent;  background: transparent;  transition: border-color 0s ease;}
.gstbanner{width: 100%;max-height: 1080px; min-height:450px; margin-top: -64px;}
.gstbanner video{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: 50% 100%; max-height: 1080px;min-height: 450px;display: block;}
.gstvideo {  background-color: #E3DDD7; height: 40vw; max-height: 440px; cursor: pointer;}
/*.gstvideo::after{  content: ""; display: block; width: 86px; height: 86px; background: url(../images/gst/play.svg) no-repeat center / contain; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}*/
a.lineBtn { border: 1px solid #1D1919; border-radius: 50px; width: 150px; height: 46px; text-align: center; text-align: center; font-size: 15px; font-family: 'Noto Sans KR'; font-weight: 700; display: flex; align-items: center; justify-content: center; line-height: 46px;margin: 0 auto;}

.fullLR{display: flex;margin-top: 82px;}
.fullLR .fullL{width: 50%; border-right: 1px dashed rgba(29,25,25,25%)}
.fullLR .fullL img{width: 100%;}
.fullLR .fullR{ width: 320px; margin-left: 70px;}
.fullLR .fullR .swiper-wrapper{ width: 100%;}
.fullTop {padding-top: 120px;padding-bottom:60px; }
.fullBottom{padding-top: 0px;}
.fullBottom::before{  content: "";  display: inline-block;  width: 1px;  height: 40px;  background-color: rgba(29,25,25,30%);  margin-bottom: 60px;}
.fullImg > div.gst-slide1 {  margin: 0 auto;  max-width: 994px;  height:100%;}
.gst-slide1 .gst-item{  float: left;  height: 100%;  min-height: 256px;  background-size: contain;  background-repeat: no-repeat;  background-position: center;}
.gst.fullslide{  padding-top: 20px;  height: auto;  position: relative;}
.gst.fullslide{padding-bottom:76px;}
.gst.fullslide .slick-list,.gst-slide1 .slick-list{overflow: unset;}
.gst-slide1 .slick-slide{margin-right:16px; margin-left:16px;}
.gst.fullslide .fullT{  float: left;  background-size: contain;  background-repeat: no-repeat;  background-position: center;  margin-right: 15px;  margin-left: 15px;}
.fullRslide{width: 100%;}
.fullRslide .fullRT{  width: 100%;  min-height: 228px;}
.fullRslide .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-next+div) {opacity: 0!important;}
.gst.fullslide .fullT.slick-slide:not(.slick-active) {  opacity: 0.4;}
.gst.fullslide .fullT img,.gst-slide1 img{width: 100%; height: 100%; object-fit: cover;}
.slick-arrow.slick-gstP {  background-image: url(../images/gst/left.png);  left: calc(50% - 48px);  top: calc(100% - 20px);  background-size: contain;}
.slick-arrow.slick-gstN {  background-image: url(../images/gst/right.png);  right: calc(50% - 48px);  top: calc(100% - 20px);  background-size: contain;}
.slick-arrow.slick-gstP, .slick-arrow.slick-gstN{  width: 32px;  height: 32px;}
.slick-arrow.slick-gstN.slick-disabled{  opacity: 1;  background-image: url(../images/gst/rightD.png);}
.slick-arrow.slick-gstP.slick-disabled {  opacity: 1;  background-image: url(../images/gst/leftD.png);}
.popup-content2{ margin: 0 auto; background-color: #ffffff; position: fixed; top: calc(50% - 24px); left: 50%; transform: translateX(-50%) translateY(-50%); width: 600px; height: 90vh; max-height: 615px; z-index: 101;  border-radius: 16px;}
.popup-content2 .bodywrap{  max-height:90vh; padding: 24px 70px 65px;overflow:auto; height: 100%; }
.popup-body2{  display: flex;  flex-direction: column;  align-items: center;}
.popupImg{  width: 100%;  height: auto;  padding-top: 100%;  background: url(../images/gst/pc_popup.png) no-repeat center / contain;}
.popupBtn{  font-size: 16px;  display: inline-block;  color: #ffffff;  background-color: #212121;  border-radius: 9px;  height: 46px;  line-height: 46px;  width: 207px;  text-align: center;  margin-top: 11px;  font-family: 'GmarketSansBold';}
.popupDbtn{  position: absolute;  bottom: -32px;  left: 10px;  width: auto;  height: 22px;  color: #fff;  font-size: 16px; letter-spacing: -1px;}
.popupClose2{  position: absolute;  bottom: -40px;  right: 0px;  width: 40px;  height: 40px;  background: url(../images/brand/close-btn.png) no-repeat center / 20px;}
.process{  font-size: 14px;  color: #ffffff;  background-color: #6C63FF;  border-radius: 8px;  width: 86px;  height: 33px;  line-height: 33px;  text-align: center;  font-family: 'Pretendard-Black';  margin-bottom: 24px;}
.fullRslide .slick-gstP {  background-image: url(../images/gst/left.png);  left: calc(50% - 48px);}
.fullRslide .slick-gstN {  background-image: url(../images/gst/right.png);  right: calc(50% - 48px);}
.fullRslide .slick-gstP, .fullRslide .slick-gstN{  width: 32px;  height: 32px;  top: calc(100% - -20px);  background-size: contain;  position: absolute;}
.slick-gstP.swiper-button-disabled{background-image: url(../images/gst/leftD.png);}
.slick-gstN.swiper-button-disabled{background-image: url(../images/gst/rightD.png);}
#Consulting{padding-bottom: 340px;}
/*footer2*/
.footer2 {  position: relative; height: 158px; padding: 0 42px; font-size: 14px; background: #F8F8F8; font-family: 'Noto Sans KR', sans-serif!important; color: #1D1D1D !important;}
.footer2 .inner { position: relative; margin: auto 0; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.footer2 address { margin-top: 20px; font-weight: normal; text-transform: uppercase; text-align: center; width: 100%; font-size: 14px; color: #6D6D6D;}
.footer2 .fmenu { font-size: 14px;  line-height: 23px;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  box-sizing: border-box;  justify-content: center;}
.footer2 .fmenu .mid { display: block;}
.footer2 .fmenu a { display: inline-block; margin-right: 15px; white-space: nowrap;}
.footer2 .fmenu a:not(:last-child)::after { content: ''; display: inline-block; margin-left: 15px; width: 1px; height: 10px; background: rgba(164,164,164,50%);}

/* 상단띠배너*/
.lineBannerWrap {position:fixed; top:90px; left:0; right:0; z-index:89; height:50px;}
.lineBannerWrap .lineBanner-container {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:0 auto; width:100%; max-width:960px; height:50px;}
.lineBannerWrap .lineBanner-container .lineBanner-sub {font-family:'Know_bold';}
.lineBannerWrap .lineBanner-container .lineBanner-sub .insertImg {max-height:19px; vertical-align:middle;}
.lineBannerWrap .lineBanner-container .lineBanner-sub .insertImg.the-open {max-height:26px;}
.lineBannerWrap .lineBanner-container .lineBanner-sub .insertImg2 {max-height:19px; vertical-align:middle;}
.lineBannerWrap .lineBanner-container .lineBanner-sub .insertImg2 img {max-height:22px;}
.lineBannerWrap .lineBanner-container .lineBanner-sub .insertImg2.tall img {max-height:26px;}
.lineBannerWrap .lineBanner-container .lineBanner-sub .insertText {font-size:17px; margin:0 3.2px; display:inline-block; vertical-align:middle;}
.lineBannerWrap .lineBanner-container .lineBanner-sub .insertText2 {font-size:17px; display:none; vertical-align:middle;}
.lineBannerWrap .lineBanner-container .lineBanner-sub .insertText3 {font-size:17px; display:none; vertical-align:middle;}
.lineBannerWrap .lineBanner-container .lineBanner-sub .insertBtn {font-family:'Do_bold'; font-size:14px; padding:4.8px 9.6px; border-radius:40px; display:inline-block; vertical-align:middle;}
.lineBannerWrap .lineBanner-container .closeSet {font-family: "Noto Sans KR"; font-size:14px; font-weight:600;}
.lineBannerWrap .lineBanner-container .closeSet button.close {width:25.6px; height:25.6px; vertical-align:middle; margin-left:8px; border:0; border-radius:20.8px; box-sizing:border-box; padding:0; background-image:url("../images/Nbrand/topLineBanner_close2.png"); background-position:center; background-repeat:no-repeat; background-size:42%; overflow:hidden;}
.lineBannerWrap .lineBanner-container .closeSet input[type="checkbox"] {display:none; margin-right:16px;}
.lineBannerWrap .lineBanner-container .closeSet input[type="checkbox"] + label{vertical-align:middle;display: inline-block; cursor: pointer;}
.lineBannerWrap .lineBanner-container .closeSet input[type="checkbox"] + label > span{display:inline-block; vertical-align:middle; margin-left:0.8px; position:relative; top:-2.4px;}
.lineBannerWrap .lineBanner-container .closeSet input[type="checkbox"] + label:before {content:'';display: inline-block; width:19.2px; height:19.2px; border:2px solid #fff; cursor:pointer; border-radius:3.2px; vertical-align:middle; background:none;}
.lineBannerWrap .lineBanner-container .closeSet input[type="checkbox"]:checked + label:before{border-color:#fff; background:url(../images/Nbrand/ico_checkA_white.png) no-repeat center center; background-size:12.8px auto;}
.lineBannerWrap .lineBanner-container .closeSet .fm-chk:checked + .fm-chk-i:after {width:10px; height:5px; border:0 solid #666; border-width:0 0 0px 0px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.lineBannerWrap .lineBanner-container .closeSet .fm-chk-i:before {top:50%; transform:translateY(-50%);}
.container.addLineBanner {padding-top:50px;}
.container.addLineBanner .fixed2 {top:140px;}

.txt_box {margin-top:60px;padding-bottom: 20px;}
.txt_box .tit_p {font-size:18px;font-weight: bold;padding-bottom: 0;}
.txt_box p:nth-of-type(2) {padding-top: 0;}
.txt_box p {font-size:18px;line-height: 1.8;padding-bottom: 25px;}

.fullsec.cdto_01 {padding-top:120px;padding-bottom:130px;}
.fullsec.cdto_01 .video_div {margin-top:100px;}
.fullsec.cdto_01 .centerImg {text-align:center;margin-top:30px;}
.fullsec.cdto_02 {padding-top:120px;padding-bottom:130px;}
.fullsec.cdto_03 {padding-top:120px;padding-bottom:120px;}
.fullsec.cdto_04 {padding-top:120px;padding-bottom:120px;}
.fullsec.cdto_05 {padding-top:120px;padding-bottom:120px;}
.fullsec.cdto_06 {padding-top:120px;padding-bottom:120px;}
.fullsec.cdto_07 {padding-top:120px;padding-bottom:120px;}
.fullsec.cdto_07 .tab {height:100px;margin-top:0;}
.fullsec.cdto_07 .tab .tab-item a {height:100px;border:0;background-color:#E4E4E4;color:#808080;border-radius:20px 20px 0 0;font-family:'Do_bold';font-size:28.8px;}
.fullsec.cdto_07 .tab .tab-item.active a {background-color:#fff;color:#111921;}
.fullsec.cdto_07 .fullImg {display:none;}
.fullsec.cdto_08 {padding-top:120px;padding-bottom:120px;}


/*ap spring26*/
/* .ap_spring26 .sec1 {padding:150px; padding-bottom:130px;} */
.ap_spring26 .fullImg img {max-width: 100%; padding: 0;}
.ap_spring26 .fullImg {margin:0 auto;padding-top: 0;}
.ap_spring26 .full-in {max-width: 100%;}
.ap_spring26 .sec1 .fullImg {max-width: 694px;}
.ap_spring26 .sec2 .fullImg {max-width: 936px;}
.ap_spring26 .sec3 .fullImg {max-width: 892px;}
.ap_spring26 .sec4 .fullImg {max-width: 1057px;}
.ap_spring26 .sec5 {background: #FAFAFA;padding:80px 0;}
.ap_spring26 .sec5 .fullImg {max-width: 894px;}
.ap_spring26 .sec6 .fullImg {max-width: 1174px;}
.ap_spring26 .sec7 {background: #FAFAFA;}
.ap_spring26 .sec7 .fullImg {max-width: 890px;}
.ap_spring26 .sec8 .fullImg {max-width: 896px;}
.ap_spring26 .sec9 {background: #FAFAFA;}
.ap_spring26 .sec9 .fullImg {max-width: 1194px;}
.ap_spring26 .sec9 .full-in {position: relative;}
.ap_spring26 .sec9 .full-in .lineBtn { text-indent: -50000px;border:none;position: absolute;top: 10%; width: 10%; height: 9%;left:50%;transform: translateX(-50%);z-index: 2;max-width: 160px;}
.ap_spring26 .sec9 .full-in .lineBtn::after {display: none;}
.ap_spring26 .sec10 .fullImg {max-width: 1194px;}
.ap_spring26 .sec_enter {background: #FAFAFA;}
.ap_spring26 .sec_enter .fullImg {max-width: 1194px;}

@media all and (max-width:768px) {
/*ap spring26*/
.ap_spring26 .sec9 .full-in .lineBtn { top: 10.7%; width: 37%; height: 5%; }
.ap_spring26 .sec5 {background: #FAFAFA;padding:0 0;}
.ap_spring26 .sec5 .full-in {padding:0;}
.ap_spring26 .sec7 .div2 {background: #f4f4f4;margin-top: 60px;padding-top: 60px;padding-bottom: 60px;}
}


@media print, all and (max-width:1280px){
  .brandUl{max-width: 854px;}
  .brandUl li {margin-bottom: 26px; width: calc((100% - (26px * 4)) / 5); height: 100%;}
  .brandUl li:nth-child(5){margin-right: 0;}
  .img1920px{display: none;}
  .img1280px{display: block;}
  .img1024px{display: none;}
  .img640px{display: none;}
  .br2{display: block;}
}
@media all and (max-width:1100px) {
  
}
@media print, all and (max-width:1024px){
  .slider .inSlider h2{ font-size: 6vw;}
  .slider .inSlider p{ font-size: 3.4vw;}
  /* sec */
  .Overview .LRsec .LRsec-in > div.imgB{height: 370px; height: auto;max-height: 100%;}
  .Overview .LRsec .LRsec-in > div.imgB .halfImg{height: 370px; height: auto; max-height: 100%;}
  .Overview .LRsec .LRsec-in > div.txtB {height: auto; }
  .Overview .LRsec .LRsec-in .leftB.slideLB {height: 370px}
  .video-box {height: 370px;}
  .Overview .LRsec .leftB {margin-right: 12px;}
  .txtB {padding: 20px 24px;}
  .txtB.c3 {padding: 20px 24px;}
  .pcBr {display: none;}
  .moBr {display: block;}
  .img1920px{display: none;}
  .img1280px{display: none;}
  .img1024px{display: block;}
  .img640px{display: none;}
  .Overview h2, .fix h2 {font-size: 4vw;font-weight: 700;}
  .Overview h3, .fix h3 {font-size: 4.2vw;font-weight: 700;}
  .brandUl{max-width: 678px;}
  .brandUl li {margin-bottom: 26px; width: calc((100% - (26px * 3)) / 4); height: 100%;}
  .brandUl li:nth-child(5){margin-right: 26px;}
  .brandUl li:nth-child(4){margin-right: 0;}
  .fullLR .fullL { padding-right: 40px;   margin-right : 40px;  }
  .fullLR .fullR { margin-left: 0px;  }
  .gstvideo {height: 58vw;}
  .fullsec.bg9 + .fullsec.ptm8 {padding-bottom:80px;}
  .fullsec.cdto_07 .tab {height:80px;}
  .fullsec.cdto_07 .tab .tab-item a {height:80px;border-radius:16px 16px 0 0;font-size:22.4px;}
  .fullsec.cdto_07 .tab .tab-item.active a {background-color:#fff;color:#111921;}
}
@media screen and (max-width:979px) {
  .popup-content2{ max-width:540px; max-height:980px;width: calc(100% - 50px); height: auto; border-radius: 12px;}
  .popup-content2 .bodywrap{ padding: 57px 0px 62px;}
  .popupImg{ padding-top:132%;background: url(../images/gst/mo_popup.png) no-repeat center / contain; }
  .popupBtn{ font-size: 28px; border-radius: 6px; height: 90px; line-height: 90px; width: 480px; margin:0 auto; margin-top: 60px;  }
  .popupDbtn{ bottom: -31px; height: 18px; font-size: 16px; }
  .popupClose2{ bottom: -37px; width: 30px; height: 30px; background: url(../images/brand/close-btn.png) no-repeat center / 60%; }
  .lineBannerWrap .lineBanner-container {max-width:800px; padding:0 20px;}
  .lineBannerWrap .lineBanner-container .lineBanner-sub .insertBtn {display:none;}
}
@media screen and (max-width:767px) {
  .popup-content2{ max-width:540px; width: calc(100% - 50px); height: auto; border-radius: 12px;}
  .popup-content2 .bodywrap{ padding: 28px 0px 35px;}
  .popupImg{ padding-top:132%;background: url(../images/gst/mo_popup.png) no-repeat center / contain; }
  .popupBtn{ font-size: 14px; border-radius: 6px; height: 44px; line-height: 44px; width: calc(100% - 30px); margin: 30px 15px 0 15px;  }
  .popupDbtn{ bottom: -31px; height: 18px; font-size: 13px; }
  .popupClose2{ bottom: -37px; width: 30px; height: 30px; background: url(../images/brand/close-btn.png) no-repeat center / 15px; }

  body .conBrand{margin-top: 50px}  
  .container .banner { height: 90vw;max-height: 680px;min-height: 475px;}
  .slider .inSlider{text-align: center;}
  .slider .inSlider h2{ font-size: 30px;padding-top: 30px;margin-bottom: 4px;}
  .slider .inSlider p{ font-size: 18px;}
  .container .banner .banner-Slider div{background-position: top;}
  .container .banner .inbanner{height: 30%;}
  .sliderF{top: -70%; transform: translatex(-50%); width: 90%; justify-content: space-between; left: 50%; max-height: 35px;height: 7vw;}
  .sliderF .slick-arrow { display: block !important;}
  .pagingInfo {display: none;}
  .sliderF .btnPlay{display: none;}
  .sliderF .slick-arrow { width: 7vw; min-width: 30px; height: 7vw; min-height: 30px;}
  .sliderF .slick-arrow.sliderP { background: rgba( 255, 255, 255, 0.7 )url(../images/Nbrand/mo_sPrev.png) no-repeat center / 70%;  margin-right: 50px;border: 1px solid rgba( 255, 255, 255, 0.75 );}
  .sliderF .slick-arrow.sliderN {background: rgba( 255, 255, 255, 0.7 )url(../images/Nbrand/mo_sNext.png) no-repeat center / 70%;  margin-left: 50px;border: 1px solid rgba( 255, 255, 255, 0.75 );}
  .pop-slide-container .sliderF {left:10px; right:10px; width:unset; height:unset; max-height:unset;}
  .pop-slide-container .sliderF .slick-arrow {width:42px; height:42px; border:0!important;}
  .pop-slide-container .pagingState {bottom:16px; height:32px; border-radius:16px; padding:0 24px 0 19.2px;}
  .pop-slide-container .pagingState .paging {margin-left:24px; font-size:12.8px;}
  .pop-slide-container .pagingState .paging:before {height:32px; left:40px;}
  .pop-slide-container .pagingState .btnPlay{width:8px; height:10px;}
  .pop-slide-container .pagingState .btnPlay .before{width:3px; height:10px;}
  .pop-slide-container .pagingState .btnPlay .after{width:3px; height:10px;}
  .pop-slide-container .btn-t-5.btn-c-9 {right:10px; bottom:-50px;}
  .news {right: 50%; bottom: 26px; max-width: 90%; width: 90%;transform: translatex(50%);border-radius: 10px;}
  .news .newsUl {padding: 10px 3px 0;}
  .news .newsUl li a{ display: flex;}
  .news .newsUl li p:last-child{margin-left: 10px;}
  .news .newsUl li p:first-child {font-size: 12px;}
  .navB{ height: 42px; margin: 0px;}
  .navB ul{width: 100%;border-bottom: 1px solid #E0E0E0;}
  .navB ul li { width: calc(100% / 3 - 0.01px); line-height: 38px;}
  .navB.li4 ul li {width: calc(100% / 4 - 0.01px);}
  .navB.li5 ul li {width: calc(100% / 5 - 0.01px);}
  .navB.ap {margin-top: 0;margin-bottom: 0;padding-top: 0;}
  .navB.ap ul li {padding-top: 0;}
  .navB.cdto {margin-top:0;padding-top: 0;}
  .navB ul li a {font-size: 14px; font-weight: 700;}
  .navB.li5 ul li a {font-size: 12px;}
  .navB ul li.active a::after { position: relative; bottom: -2px; margin-top: 0px;}
  .navB ul.fixed2 li.active a::after {bottom:-1px;}
  .navB ul.fixed2 li {height: 38px;}
  .navB ul.fixed2 li a{line-height: 38px;}
  .Overview .LRsec .LRsec-in {flex-direction: column;}
  .Overview .LRsec .LRsec-in > div {width: 100%;text-align: center; height: auto;}
  .Overview .LRsec .LRsec-in > div.txtB {order: 1;margin-bottom: 15px;height: auto;}
  .Overview .LRsec .LRsec-in > div.imgB {order: 2;height: auto;}
  .Overview .LRsec .LRsec-in > div.imgB.slideLB {order: 2;height: 58vw;}
  .fixed2{top: 49px;}
  .branch-wrap .header + .container .fixed2{top:70px;}
  .branch-wrap .header.scroll-up + .container .fixed2{top:70px;}
  .Overview .LRsec .LRsec-in {padding-top: 60px; padding-bottom: 40px;}
  .Overview .LRsec.LRsecT .LRsec-in{padding-bottom: 40px; padding-top: 40px;}
  .Overview .LRsec.LRsecM .LRsec-in{padding-bottom: 40px; padding-top: 0;}
  .Overview .LRsec.LRsecB .LRsec-in{padding-bottom: 60px; padding-top: 0;}
  .Overview .LRsec .LRsec-in .leftB {margin-right: 0px;}
  .Overview .LRsec .LRsec-in .rightB {margin-left: 0px;}
  .Overview .pagingInfoLR {font-size: 14px !important;height: 25px;line-height: 27px !important;bottom: 15px;right: 14px;text-align: center !important;}
  .Overview h2,.fix h2 {font-size: 22px;}
  .Overview h3,.fix h3  {font-size: 20px;}
  .Overview .LRsec-in, .full-in {padding: 0 20px;}
  .Overview .LRsec h3 {padding: 0;margin-bottom: 0;}
  .Overview .LRsec p {font-size: 13px;text-align: left;color: #595e64; margin-top: 10px; line-height: 22px;}
  .Overview .LRsec.LRsecC3 .LRsec-in .leftB {margin-right: 0px;}
  .Overview .LRsec.LRsecC3 .LRsec-in, .full-in.c3 {padding: 0 20px;}
  .Overview .LRsec.LRsecC3 .LRsec-in{padding-bottom: 40px; padding-top: 40px;}
  .Overview .LRsec.LRsecC3.v2 .LRsec-in{padding-bottom: 60px; padding-top: 40px;}
  .Overview .LRsec h3.v2 {padding: 0;margin-bottom: 0;letter-spacing: normal;}  
  .full-in.c3 .fullImg {padding-top: 25px;}
  .Overview .load_swiper {margin-top: 25px; margin-bottom: 78px; position: relative;}
  .Overview .load_swiper .swiper-wrapper {gap:0 0;}
  .Overview .load_swiper .swiper-slide {flex: none;}
  .Overview .swiper-pagination {display: block;}
  .Overview .swiper-pagination-fraction, .Overview .swiper-pagination-custom, .Overview .swiper-horizontal > .swiper-pagination-bullets, .Overview .swiper-pagination-bullets.swiper-pagination-horizontal {top:initial;bottom:-50px;z-index:8;}
  .Overview .swiper-pagination-bullet {width: 8px;height: 8px; background: #EEEEEE; opacity: 1;}
  .Overview .swiper-pagination-bullet-active { background: #595757;}  

  .fullsec p {font-size: 13px; padding-bottom: 10px; line-height: 22px;}
  .fullsec h2 {padding-bottom: 10px;}
  .fullsec {padding-top: 60px; padding-bottom: 60px;}
  .fullsec2 {padding-bottom: 15px;}
  .fullImg {padding-top: 10px;}
  .fullImg.pt24 {padding-top: 24px;}
  .fullImg > div { width: 100%;height: 128vw; min-height: 250px; max-height: 800px;}
  .fullImg.mofull800 > div {height: 260vw; max-height: 870px;}
  .fullvideo {width: 100%;height: 58vw;margin: 15px auto;border-radius: 10px;}
  .full-in button {margin: 4px auto;}
  .fullList{align-items: flex-start;font-size: 13px;padding: 10px 0;}
  .fullList li{display: flex;text-align: left;line-height: 22px;}
  .fullsec.txtW p {line-height: 22px;}
  .fullsec.bg9 + .fullsec.ptm8 {padding:60px 0;}
  .fullsec p.tit-theOpen {font-size:13px;}
  /* .fullsec h2.h2-theOpen {padding-top:40px;}
  .fullsec h2.h2-theOpen:before {width:30px;height:30px;}
  .fullsec p.tit-theOpen:after {height:30px;} */

  .fullsec .tit {font-size: 14px;}
  .fullsec .p1 {font-size: 13px;padding-top: 15px;}
  .fullsec .p2 {font-size: 12px;padding-top: 12px !important;}
  .fullsec.mPt0 {padding-top: 0 !important;}

  .ptm0 {padding-top: 0 !important;}
  .ptm5 {padding-top: 5px !important;}

  .Overview .LRsec .leftB {margin-right: 0px;}
  .video-box{height: 100%;border-radius: 10px;}
  .lineBtn {width: 120px; height: 35px;font-size: 12px;}
  .lineBtn::after{background: url(../images/Nbrand/right_arr_b.png) no-repeat center / 6px; line-height: 35px;}
  .txtB {padding: 0px; }
  .Overview .LRsec.LRsecC3 .txtB {padding: 0px; }
  .Overview .LRslider{border-radius: 10px;}
  .Overview .LRslider div {height: 100%;}
  .halfImg {height: 100%; border-radius: 8px;}
  .lineH32 {line-height: 25px; text-align: left;}
  .img1920px{display: none;}
  .img1280px{display: none;}
  .img1024px{display: none;}
  .img640px{display: block;}
  .fixed2 { position: fixed;left: 0;top: 49px; background-color: #ffffff; display: flex; justify-content: center; width: 100%; z-index: 9; transition: all 0.5s;}
  .full-in button.currBtn { width: 140px; height: 45px; font-size: 15px; padding-left: 22px; margin: 0 auto;}
  .full-in button.currBtn.ig {width:264px;}
  .full-in.p0 {padding:0 !important}
  .fullsec.p0 {padding:0 !important}
  .currBtn .currI {background-size: 12px; width: 30px; height: 30px; margin-left: 15px;}
  .fullsec.currSec {padding-top: 50px; padding-bottom: 50px;}
  .currSec h3 { margin-bottom: 25px;}
  .clickF,.clickB{border-radius: 14px;}
  .brandUl {padding: 20px 0; width: 90%;text-align: center;}
  .brandUl li {margin-right: 10px; width: calc((100% - (10px * 8)) / 2); max-width: unset;min-width: unset;height: 100%; border-radius: 14px;margin-bottom:10px;}
  .brandUl li:nth-child(5n){margin-right: 10px;}
  .brandUl li:nth-child(4n){margin-right: 10px;}
  /* .brandUl li:nth-child(3n){margin-right: 0px;} */
  .fullBottom:before{height:20px;}
  .gst.fullslide .fullT{margin-right:24px; margin-left:0; height:auto;}
  .gst.fullslide{padding-left:32px; padding-right:8px; padding-bottom:0px}
  .gst.fullslide .fullT.slick-slide:not(.slick-active){opacity:1;}
  /* 팝업 */
  .popup-content{ width:100%; height:auto;}
  .popup-body{padding:10px;}
  .popup-body iframe {height: 54vw;}
  .searchP { font-size: 14px; color: #333333; text-align: left; margin-bottom: 8px;}
  .searchP span{font-size: 18px;color: #00BABB;font-weight: 700;}
  .moHr{border-bottom: 1px solid #F0F1F5; width: 100%;margin-bottom: 5px;}
  .brandUl li a .moclick { display: block; position: absolute; width: 36px; height: 36px; top: 0; right: 0; background: #00BABB url(../images/Nbrand/right_arr.png) no-repeat center / 14px; border-radius: 0 14px 0 14px;  }
  .lineSpace2 {display: block;height: 4.8px;}
  /*  ig*/
  .container .banner.igBanner .inbanner {height: 100%;}
  .container .banner.igBanner{min-height: auto; height: calc(100vh - 50px);}
  .container .banner.igBanner .sliderF { top: 50%; transform: translate(-50%, -50%);}
  .container .mozoom {display: block;}

  .br2{display: none;}
  .header.portal.gstHd .sc-wrap {background-color: rgba(255 255 255 / 80%); backdrop-filter: unset;}
  .header.portal.gstHd .gnb-logo{background-color: rgb(255 255 255 / 80%); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); top: -1px;}
  .header.transparent.gstHd .gnb-logo{background-color:rgba(29,25,25,0.15)}
  .header.transparent.close-all.gstHd .sc-wrap { background: transparent; border: none;border-bottom: 1px solid transparent;  }
  .header.gstHd  .gnb-logo { padding: 0 20px; }
  .header .irg.gst-logo{height: 25px; width: 67px; background-image: url(../images/gst/mo_logo1.svg);}
  .header.transparent.close-all .irg.gst-logo{height: 25px; width: 67px; background-image: url(../images/gst/mo_logo2.svg);}
  .header.gstHd  .gnb-all-nav li[data-menu] > a::after {display: none;}
  div.top-btn {width: 34px;height: 34px;  }
  a.lineBtn {width: 120px; height: 35px; font-size: 12px;}
  .fullTop{padding-bottom: 30px;}
  .fullBottom{padding-top: 0;}
  .fullBottom::before { margin-bottom: 30px;  }
  .fullImg > div.gst-slide1 { width:62.5vw; height: auto; max-height: unset; min-height: unset;}
  .fullLR { margin-top: 0px; flex-direction: column; }
  .fullLR .fullL { width: 100%; border-right: none; border-bottom: 1px dashed rgba(29,25,25,25%); margin-bottom: 26px; padding-bottom: 26px; padding-right: 0px; margin-right : 0px;}
  .fullLR .fullR {width: 80%;margin-left: 0; margin:0 auto;}
  .gst.fullslide .fullT{margin-right:24px; margin-left:0; height:auto;}
  .gst.fullslide{padding-left:32px; padding-right:8px; padding-bottom:0px}
  .gst-slide1 .slick-slide{margin-right:10px; margin-left:10px; height:67.814vw;}
  .process {    font-size: 11px; border-radius: 5px; width: 68px; height: 21px; line-height: 21px; text-align: center; margin: 0 auto 26px;}
  .fullRslide {width: 100% !important;}
  .fullRslide img{width: 100% !important;}
  .fullRT.swiper-creative .swiper-slide { width: 100%; }
  .fullRslide .slick-gstP, .fullRslide .slick-gstN{display: none !important;}
  #pop2{z-index: 204!important;}
  .header.gstHd.close-all .gnb-all-btn .line:before { -webkit-animation: hamburg-bar-t-2-mo2 .75s forwards; animation: hamburg-bar-t-2-mo2 .75s forwards; height: 1.5px; background-color: #000;  }
  .header.gstHd.close-all .gnb-all-btn .line:after { -webkit-animation: hamburg-bar-b-2-mo3 .75s forwards; animation: hamburg-bar-b-2-mo3 .75s forwards;    height: 1.5px;    background-color: #000;  }
  #Consulting{padding-bottom: 100px;}

  /*footer2*/
  .footer2 { height: 104px; padding: 0 20px; }
  .footer2 .inner {padding-top: 5px;}
  .footer2 address { margin-top: 13px; font-size: 11px; font-weight: 500; }
  .footer2 .fmenu { font-size: 11px; line-height: 16px; }
  .footer2 .fmenu a { margin-right: 6px; }
  .footer2 .fmenu a:not(:last-child)::after { margin-left: 6px;  }

  
  .lineBannerWrap {top:50px; height:45px;}
  .lineBannerWrap .lineBanner-container {width:unset; max-width:unset; height:45px; padding:0 10px;}
  .lineBannerWrap .lineBanner-container .lineBanner-sub .insertText {font-size:12px;}
  .lineBannerWrap .lineBanner-container .lineBanner-sub .insertText span {display:none;font-size:12px;}
  .lineBannerWrap .lineBanner-container .lineBanner-sub .insertText2 {display:inline-block;font-size:12px;}
  .lineBannerWrap .lineBanner-container .lineBanner-sub .insertText2.sameSize {font-size:13px;}
  .lineBannerWrap .lineBanner-container .lineBanner-sub .insertText3 {display:none;font-size:12px;}
  .lineBannerWrap .lineBanner-container .lineBanner-sub .insertText3.banner-Slider {font-size:13px;}
  .lineBannerWrap .lineBanner-container .lineBanner-sub .insertImg {display:none;}
  .lineBannerWrap .lineBanner-container .lineBanner-sub .insertImg.the-open {display:inline-block;max-height:17px;}
  .lineBannerWrap .lineBanner-container .closeSet input[type="checkbox"] + label {display:none;}
  .lineBannerWrap .lineBanner-container .closeSet button.close {width:22.4px; height:22.4px;}
  .container.addLineBanner {padding-top:45px}
  .container.addLineBanner .fixed2 {top:95px;}


  .web {display: none !important;}
  .mobile {display: block !important;}

  .txt_box {margin-top:30px;padding-bottom: 10px;}
  .txt_box .tit_p {font-size:12px;font-weight: bold;padding-bottom: 0;}
  .txt_box .tit_p.v2 {padding-bottom: 15px;}
  .txt_box p:nth-of-type(2) {padding-top: 0;}
  .txt_box p {font-size:12px;line-height: 1.8;padding-bottom: 15px;}

  .fullImg.max345 > img {max-width: 233px;margin: 0 auto; margin-bottom: 32px;}

  .Overview .CENsec {padding-top:30px;}
  .Overview .CENsec .CENsec-in, .full-in {padding: 0 20px;}
  .Overview .CENsec .CENsec-in {padding-bottom: 80px;}
  .pt0 {padding: 0 0;}
  .bg-img {background: none; padding-bottom: 0;}
  .fullImg.max664 {padding: 10px 25px 0;}
  .fullImg.max756 {padding: 10px 25px 0;}
  .fullsec p.txt-theOpen {padding-top:40px;position:relative;color:#888; padding-bottom: 20px;}
  .fullsec p.txt-theOpen:before {content:'';width:32px;height:32px;position:absolute;top:0;left:50%;transform:translateX(-50%);background:url("../images/Nbrand/icon_theOpen.svg") no-repeat center / 100%;}
  .fullsec p.color1 {padding-top: 8px;}

  .fullsec.cdto_01 {padding:35px 20px 30px;}
  .fullsec.cdto_01 .video_div {margin-top:50px;margin-left:7%;margin-right:7%;}
  .fullsec.cdto_01 .centerImg img {width:50%;}
  .fullsec.cdto_01 .centerImg {text-align:center;margin-top:20px;}
  .fullsec.cdto_02 {padding:70px 20px 40px;}
  .fullsec.cdto_03 {padding:40px 20px 40px;}
  .fullsec.cdto_04 {padding:40px 20px 40px;}
  .fullsec.cdto_05 {padding:40px 20px 40px;}
  .fullsec.cdto_06 {padding:70px 20px 40px;}
  .fullsec.cdto_07 {padding:70px 20px 40px;}
  .fullsec.cdto_07 .tab {height:50px;}
  .fullsec.cdto_07 .tab .tab-item a {height:50px;border-radius:12px 12px 0 0;font-size:16px;}
  .fullsec.cdto_07 .tab .tab-item.active a {background-color:#fff;color:#111921;}
  .fullsec.cdto_08 {padding:70px 20px 40px;}
}

@media screen and (min-width: 768px) {
  .fullLR .fullR .swiper-wrapper{min-height:272px;}
}
@media screen and (max-width:440px) {
  .fullsec.bg1.txtW .img640{display: none;}
  .img440 {display:block;}
}
/* @media screen and (max-width:330px) {
  .lineBannerWrap .lineBanner-container .lineBanner-sub .insertText2 {display:none;}
} */