@charset "utf-8";
@import url(swiper-bundle.min.css);
@import url(https://unpkg.com/aos@2.3.1/dist/aos.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table,   
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}
button{border:none;background:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0; padding:0; border:0; vertical-align:baseline; -webkit-font-smoothing:antialiased; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/* HTML5 display-role reset for older browsers */
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
input {-webkit-border-radius: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
button{font-family:'Pretendard Variable', sans-serif,  "돋움"}
body{background:#fff;line-height:1.2; font-family:'Pretendard Variable', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important; color:#444444;}
button,textarea {line-height:1.2; font-family: 'Pretendard Variable', sans-serif ,"돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; color:#444444;}
h1, h2, h3, h4, h5, h6 {font-family:'Pretendard Variable', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover {text-decoration:none; color:#464646; cursor:pointer;}
a:active, a:hover, button:active, button:hover {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
img {vertical-align:top; -ms-interpolation-mode:bicubic;}
figure img {display:block;}
html {overflow-y:scroll;}
select{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background:#fff;}

*, :after, :before {-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box;}

html{font-size:10px;}
body {min-width:300px;}
body img{width:auto}


input::-webkit-input-placeholder {color:#afafaf;}
input:-moz-placeholder {color:#afafaf;opacity:0.8;}
input::-moz-placeholder {color:#afafaf;opacity:0.8;}
input:-ms-input-placeholder {color:#afafaf;}
input::placeholder {color:#afafaf;opacity: 0.8;}


button{margin:0;padding:0;}

body{background:#fff}


:root {
  --font-size15: 1.5rem;
  --font-size16: 1.6rem;
  --font-size17: 1.7rem;
  --font-size18: 1.8rem;
  --font-size19: 1.9rem;
  --font-size20: 2.0rem;
  --font-size21: 2.1rem;
  --font-size22: 2.2rem;
  --font-size23: 2.3rem;
  --font-size24: 2.4rem;
  --font-size25: 2.5rem;
  --font-size26: 2.6rem;
  --font-size28: 2.8rem;
  --font-size30: 3.0rem;
  --font-size32: 3.2rem;
  --font-size34: 3.4rem;
  --font-size36: 3.6rem;
  --font-size37: 3.7rem;
  --font-size38: 3.8rem;
}

 


.hdn{font-size:0; height:0; overflow:hidden; position:absolute;visibility:hidden; width:0; line-height:0;}
.rwd{transition : all 0.5s ease;-webkit-transition : all 0.5s ease;}


.elp{overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap;}
.elp2{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:2;line-height: 1.2em;-webkit-box-orient: vertical;}
.elp3{overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:3;line-height: 1.2em;-webkit-box-orient: vertical;}


.wb_show{display:block;}
.mb_show{display:none;}

/* Skip Navigation */
#skipToContent {position:absolute; overflow:hidden; width:100% ;margin:0 auto; z-index:991;}
#skipToContent a {display:block; height:1px; margin-top:-2px; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#434343;} 
#skipToContent a:active ,#skipToContent a:focus {padding:5px 0; margin-top:0; height:24px; font-size:14px; line-height:1.6; font-weight:600; color:#fff; z-index:999;}


/* link style */
a:link, a:visited {color:#666666;} 
a:hover, a:active {color:#666666;}


/* color style */
.text-blue {color:#4D71CD !important;}
.text-yellow{color:#FCFF79;}
.text-red {color:#FF3F3F !important;}
.text-green {color:#34F6FF !important;}

.text_red2 {color:#F35757 !important;}

.text_blue2 {color:#006AA6 !important;}
.text_blue3 {color:#2EA0F2 !important;}
.text_blue4 {color:#6381CE !important;}
.text_blue5 {color:#5181C9 !important;}
.text_sky{color:#3998DD;}
.text_sky2{color:#74ABFF;}
.text_green{color:#00A1AB;}
.text_green-wh{color:#54FFF5;}
.text_org{color:#FF5B2F;}

.text_yellow2{color:#FFCB7C;}
.text_white{color:#fff !important;}

.text-center{text-align:center}

.hj, .jp{font-family:"Nanum Gothic"}
.bold{font-weight:600;}
.bold_b{font-weight:700;}
.bold_s{font-weight:500;}

/* table */
table {width:100%; height:auto;border-collapse:collapse; padding:0; margin:0;}
table caption {display:none;}
table button, table input {*overflow:auto;}


/* hide style */
.hidden, legend, .hdn{width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* align style */
.clear {clear:both;}
.clearfix {clear:both; display:block; height:0;}
.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.al_left {text-align:left !important; position:relative;}
.al_right {text-align:right !important; position:relative;}
.al_center {text-align:center !important; position:relative;}


/* no style */
.none {display:none !important;}
.mar_no {margin:0 !important;}
.padd_no {padding:0 !important;}
.bold_no {font-weight:normal !important;}
.bg_no {background:none !important;}


/* margin */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.ml_0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}


/* padding */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt90 {padding-top:90px !important;}
.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}


/* 컨텐츠 공통 */
.rwd{width:1200px;margin:0 auto;}
.rwd1{width:1020px;margin:0 auto;}
.rwd2{width:1600px;margin:0 auto;}

.br{display:block;}

.vmd{vertical-align:middle;}

.ic{display:inline-block;vertical-align:middle;background-position:0 0;background-repeat:no-repeat;}
.ic-top{width:20px;height:9px;background-image:url('../img/common/ic-up.svg');}
.ic-more{width:15px;height:15px;background-image:url('../img/common/ic-more.svg');}
.ic-home{width:28px;height:26px;background-image:url('../img/common/ic-home.svg');}
.ic-ar{width:22px;height:14px;background-image:url('../img/common/ic-ar.svg');}



.pt{color:#F9A01B}
.pt2{color:#FFE7AA}


.bg-gray{background:#F5F5F5;;}
.bg-gray2{background:#F3F3F3;;}




#mobile-header{display:none}

#web-header{position:fixed;top:0;left:0;width:100%;z-index:150;}
#web-header .header{background:#fff;width:100%; height:100px;z-index:998;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.10);}
#web-header .header .bg-header{position:absolute;top:0;left:0;width:100%; height:100px;}
#web-header .rwd{position:relative;}
#web-header .rwd:after{content:"";display:block;clear:both;}
#web-header .header h1{position:absolute;top:25px;left:0rem;z-index:100}
#web-header .header h1 .on{display:none}

#web-header nav {position:relative;height:100px;max-width:1200px;overflow:hidden;margin:0 auto}
#web-header nav:after{content:"";display:block;clear:both}
#web-header nav .nav-box{display:flex;justify-content:flex-end;}
#web-header nav .nav-box > ul{display:flex;justify-content:flex-end;}
#web-header nav .nav-box > ul > li {display:inline-block;position:relative;margin:0 3.5rem}
#web-header nav .nav-box > ul > li > a {position:relative;display:block;width:auto;height:100px;line-height:100px;;text-align:left;font-size:var(--font-size19);color:#000;font-weight:500;;text-align:center;}
#web-header nav .nav-box > ul > li:last-child{margin-right:0;}

#web-header nav .nav-box > ul > li.active > a,
#web-header nav .nav-box > ul > li.on > a,
#web-header nav .nav-box > ul > li > a:hover{color:#F9A01B;font-weight:700}

#web-header nav .nav-box > ul .smenu {padding:2rem 0px;position:relative;top:0px;z-index:50;}
#web-header nav .nav-box > ul .smenu li{margin-right:0;font-size:var(--font-size17);font-weight:400;text-align:center}
#web-header nav .nav-box > ul .smenu li a{position:relative;display:inline-block;padding:7px 0 0;margin-bottom:8px;color:#fff;text-align:left;line-height:1.5em;white-space:nowrap}
#web-header nav .nav-box > ul .smenu li a:hover,
#web-header nav .nav-box > ul .smenu li.active a{color:#F9A01B;font-weight:400}


#web-header .bg{position:absolute;top:100px;left:0;z-index:;width:100%;height:0px;background:#303030;mix-blend-mode: multiply;opacity:0.9}


#container{position:relative;top:0px;width:100%;float:none;font-size:var(--font-size16);margin:0}

/* 서브헤더 */
#sub-page #web-header{position:fixed;background:#fff}
#sub-page #web-header nav .nav-box > ul > li > a{color:#444444 !important;}
#sub-page #web-header .header h1 .off{display:none}
#sub-page #web-header .header h1 .on{display:block}
#sub-page #web-header .ic-store{background-image:url('../img/common/ic-store-on.svg') !important;}

#sub-page #container{top:100px;}
#sub-page footer{top:100px;}



footer{position:relative;top:0px;padding:5rem 0;background:#000;color:#B9B9B9}
footer .footer .fcont{display:flex;align-items:center;}
footer .footer .fcont h2{flex-shrink:0;margin-right:6.5rem}
footer .footer .fcont .finfo{font-size:var(--font-size16);width:100%;}
footer .footer .fcont .finfo ul{display:inline-block;}
footer .footer .fcont .finfo ul li{display:inline-block;margin-right:1rem}
footer .footer .fcont .finfo .info{margin:.5rem 0;}
footer address{display:inline-block;margin-right:1rem}
footer .hidden-link a{color:#000;margin-left:1rem}
footer .design-by-link{color:#B9B9B9;display:inline-block;margin-top:.5rem;}

img{max-width:100%;}


.img-w213{max-width:213px;}
.img-w283{max-width:283px;}
.img-w287{max-width:287px;}
.img-w293{max-width:293px;}
.img-w296{max-width:296px;}
.img-w321{max-width:321px;}
.img-w327{max-width:327px;}
.img-w331{max-width:331px;}
.img-w623{max-width:623px;}


@keyframes moveRight{
0%{transform:translateX(-8px)}
100%{transform:translateX(0)}
}


/* 메인 */
.br{display:block;}

.tit-eng{display:block;font-size:var(--font-size17);font-weight:700;color:#F9A01B}
.tit-bold{font-size:var(--font-size36);font-weight:700;color:#222}
.tit-txt{display:block;font-size:var(--font-size32);color:#222}
.tit-p{display:block;font-size:var(--font-size20);color:#494949;line-height:1.5em;letter-spacing: -1.2px;}
.tit-p strong{font-weight:600}

.top-both{display:flex;align-items:center}
.top-both .right{padding-left:1.5rem;margin-left:auto;margin-top:auto}

.more{position:relative;z-index:1;display:inline-block;overflow:hidden;padding-left:0;padding-right:0;border-radius:30px;min-width:12.6rem;padding:1.3rem 4rem;text-align:center;font-size:1.9rem;}

.btn-act{position:relative;display:inline-block;overflow:hidden;transition:all 0.3s ease;z-index:1;color:#F9A01B;border:1px solid #F9A01B;}
.btn-act .btxt{color:#F9A01B;}
.btn-act:before{content:"";display:block;width:0%;height:120%;position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;z-index:-1;transition:all 0.3s Linear;background-color:#F9A01B;}
.btn-act:hover:before{width:120%;border:1px solid blue;}
.btn-act:hover{background:#F9A01B;transition-delay:0.1s;}
.btn-act:hover .btxt{position:relative;z-index:30;color:#fff;}

.main-visual {position:relative;overflow:hidden;height:100vh;min-height:800px;background:#f3f3f3;}
.main-visual li{background:#f3f3f3;}
.main-visual .slide{width:100%;text-align:left;}
.main-visual .slogan{position:relative;color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;/*transform:translate(50px, 0); visibility: hidden;*/ opacity:1;height:100vh;min-height:800px;}
.main-visual .slogan .txt-kr{display:block;margin-bottom:1.5rem;font-size:clamp(1.8rem, 7.5vw, 5.2rem);line-height:1.3em;font-weight:300}
.main-visual .slogan .txt-kr strong{font-weight:700}
.main-visual .slogan .txt-eng{display:block;font-size:clamp(1.5rem, 5vw, 1.7rem);letter-spacing: -0.34px;line-height:1.3em}
.main-visual .main-slide{width:100%;background-size:cover !important;}
/* .main-visual .swiper-slide-active .slogan{transform:translate(0,0); visibility: visible; opacity:1; left:0;transition:all 2s;}
 */
.main-visual .mvisual-pagination{position:absolute;bottom:30vh;left:0;z-index:10;width:100%;}
.main-visual .mvisual-pagination .rwd{position:relative;}
.main-visual .mvisual-swiper-pagination{width:100%;color:#fff;display:block;letter-spacing:-0.09em;text-align:left;}
.main-visual .mvisual-swiper-pagination .swiper-pagination-bullet{width:10.5px;height:10.5px;background:#F9A01B;margin:0 5px;font-size:0;opacity:1;}
.main-visual .mvisual-swiper-pagination .swiper-pagination-bullet-active{width:30px;background:transparent;background:#ffffff;border-radius:12.5px;}
#main-visual1{background:url('../img/main/img-visual1.jpg') center center no-repeat;}
#main-visual2{background:url('../img/main/img-visual2.jpg') center center no-repeat;} 
#main-visual3{background:url('../img/main/img-visual3.jpg') center center no-repeat;} 
#main-visual4{background:url('../img/main/img-visual4.jpg') center center no-repeat;} 
#main-visual5{background:url('../img/main/img-visual5.jpg') center center no-repeat;} 


.arrows-move {position: absolute; bottom:60px; left:49.5%; transform: translateX(-25%); width:19px; height:19px; z-index:100;}
.arrows-move span{position:relative;color:#fff;left:-6px;font-size:1.6rem}
.arrows:before {content: ''; position: absolute;width:100%;height:100%;border-radius: 3px;    border-top: 3px solid transparent;border-right: 3px solid transparent;border-left: 3px solid rgba(255,255,255,1);border-bottom: 3px solid rgba(255,255,255,1);transform: translate(0px,15px)rotate(-45deg);animation: arrows 3s linear infinite;}
.arrows:after {content: '';position: absolute;width:100%;height:100%;border-radius: 3px;    border-top: 3px solid transparent;border-right: 3px solid transparent;border-left:3px solid rgba(255,255,255,1);border-bottom:3px solid rgba(255,255,255,1);transform:translate(0px,15px)rotate(-45deg) ;animation: arrows 3s linear infinite 1.5s;}

@keyframes arrows {
  0% {
      border-left:3px solid rgba(207,207,207,0);
      border-bottom:3px solid rgba(207,207,207,0);
      transform:translate(0px,-10px)rotate(-45deg) ;
  }
  10%, 90% {
      border-left:3px solid rgba(207,207,207,0);
      border-bottom:3px solid rgba(207,207,207,0);
  }
  50% {
      border-left:3px solid rgba(207,207,207,0.7);
      border-bottom:3px solid rgba(207,207,207,0.7);
      transform:translate(0px,0px)rotate(-45deg) ;
  }
  100% {
      border-left:3px solid rgba(207,207,207,0);
      border-bottom:3px solid rgba(207,207,207,0);
      transform:translate(0px,10px)rotate(-45deg) ;
  }
}



@keyframes bounce{
0%{transform:translateY(0)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0)}
}


.swiper-pagination-bullets{text-align:center;margin:7rem 0 0;width:100%;color:#fff;display:block;letter-spacing:-0.09em;}
.swiper-pagination-bullet{width:10.5px;height:10.5px;background:#D9D9D9;margin:0 5px;font-size:0;opacity:1;}
.swiper-pagination-bullet-active{width:30px;background:transparent;background:#F9A01B;border-radius:12.5px;}

.msection1{background:#3C3C3C;overflow:hidden;padding:9.5rem 0 7.4rem}
.msection1 .rwd{position:relative;}
.msection1 .top{margin-bottom:4rem;}
.msection1 .top .tit-eng{margin-bottom:.5rem;}
.msection1 .top h3{color:#fff}
.msection1 .notice-list{position:relative;overflow:hidden;width: 100%; max-width: 100%;}
.msection1 .notice-list ul{display:flex;align-items:center}
.msection1 .notice-list ul li{position:relative;width:33.3%;margin-right:0%;display:flex;box-sizing:border-box !important;height:96px;}
.msection1 .notice-list ul li:after{content:"";display:inline-block;width:1px;height:96px;background:#C9C9C9;position:absolute;top:0;right:0%;}
.msection1 .notice-list ul li a{position:relative;display:flex;align-items:center;color:#fff;padding:0px 50px;width:100%;margin:auto 0;font-size:var(--font-size21);}
.msection1 .notice-list ul li a .ctg{display:block;color:#DBBB77;margin-bottom:.5rem;font-size:var(--font-size20);}
.msection1 .notice-list ul li a .date{color:#fba01b;text-align:center;margin-right:2.5rem;}
.msection1 .notice-list ul li a .date strong{display:block;font-size:var(--font-size38);color:#F9A01B}
.msection1 .notice-list ul li a .date span{display:block;font-size:var(--font-size20);color:#CBB491;letter-spacing: -1.233px;white-space:nowrap}
.msection1 .notice-list ul li a .txt{line-height:1.5em;}
.msection1 .notice-list .swiper-slide-next + li:after{display:none}
.msection1 .more-link{position:absolute;top:15px;;right:0;display:inline-block;background:#F9A01B;width:35px;height:35px;border-radius:5px;text-align:center;line-height:35px;}
.msection1 .more-link .ic{transition: transform 1s;}
.msection1 .more-link:hover .ic{transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);}




.msection2{padding:17.5rem 0}
.msection2 .main-intro{display:flex;}
.msection2 .main-intro .info{padding-right:6rem;}
.msection2 .main-intro .info .slg{display:block;padding:2rem 0rem;color:#222222;font-size:var(--font-size28);letter-spacing: -1.68px;}
.msection2 .main-intro .info p{margin-bottom:5rem;;color:#494949;font-size:var(--font-size19);line-height:1.5em}
.msection2 .main-intro .img{flex-shrink:0;margin-top:auto;}

.msection3{padding:14rem 0 17rem;background:#F6F6F6;text-align:center}
.msection3 .top{margin-bottom:6rem;}
.msection3 .top p{font-size:var(--font-size32);color:#222;font-weight:600;letter-spacing: -1.92px;line-height:1.5em;}
.msection3 .top p strong{display:block;margin:2rem 0 0;}
.msection3 ul{display:flex;justify-content:center;flex-wrap:wrap}
.msection3 ul li {flex-shrink:0;}
.msection3 ul li .item{;display:flex;flex-direction:column;justify-content:center;width:227px;height:227px;margin:1rem .7rem;background:#fff;border-radius:100%;box-shadow: 0 2px 4px rgba(147, 147, 147, 0.13);color:#222;letter-spacing: -1.212px;}
.msection3 ul li .txt{display:block;padding:.3rem 0;font-size:var(--font-size20);}
.msection3 ul li strong{font-size:var(--font-size37);font-weight:700;font-family:'Poppins' , sans-serif;;}

.msection4{padding:17rem 0 9rem;background:#3B3B3B;}
.msection4 .top{margin-bottom:6rem;}
.msection4 .top p{padding-top:1.5rem;color:#fff;letter-spacing: -1.92px;line-height:1.5em;font-weight:400;}
.msection4 .top p strong{font-weight:700;}

.msection4 .swiper-review{overflow:hidden;position: relative;width: 100%;}
.msection4 ul{display:flex;transition-timing-function:linear;-webkit-transition-timing-function:linear!important;}
.msection4 ul.swiper-lock{justify-content: center; }
.msection4 li{flex-shrink: 0;max-width:390px;width:390px;width:auto;height:auto !important;border-radius: 12.041px;background: #FFF;margin:0 .8rem 1rem;padding:3rem;color:#494949;;}
.msection4 li .prf{display:flex;margin-bottom:1rem;}
.msection4 li .prf .mem{font-size:var(--font-size19);font-weight: 600;}
.msection4 li .prf .mem .name{display:block;}
.msection4 li .prf .img{flex-shrink:0;margin-left:auto}
.msection4 li p{line-height:1.5em;}

.msection5{padding:13.5rem 0 12.7rem}
.msection5 .top .tit-bold{display:block;padding:1.5rem 0 2.7rem}
.msection5 .platform-list{position:relative;margin-top:6rem;}
.msection5 .platform-list .swiper-platform{overflow:hidden;max-width:1200px;}
.msection5 .platform-list ul{display:flex;}
.msection5 .platform-list ul li{text-align:center;margin-right:12px;width:auto;cursor:pointer}
.msection5 .platform-list .this{display:none;width:23.485px;height:23.485px;margin:0 auto;transform: rotate(-45deg);background:#F89F1B;top:-12px;position:relative;z-index:-1}
.msection5 .platform-list .item{position:relative;;display:flex;flex-direction:column;align-items:center;justify-content:center;width:122px;height:122px;border-radius: 10px;background:#F1F1F1;color:#222;}
.msection5 .platform-list .item .icon{display:inline-block;width:100px;height:72px;margin-top:10px;}
.msection5 .platform-list .item .icon:hover{animation:bounce .8s ease;}
.msection5 .platform-list .item .txt{display:block;font-weight: 500;margin-top:5px;}
.msection5 .platform-list ul li.active .item{background:#F89F1B;color:#fff}
.msection5 .platform-list ul li.active .this{display:block;}
.msection5 .platform-list li:nth-child(1) .icon{background:url('../img/main/icon-flt1.svg')}
.msection5 .platform-list li:nth-child(2) .icon{background:url('../img/main/icon-flt2.svg')}
.msection5 .platform-list li:nth-child(3) .icon{background:url('../img/main/icon-flt3.svg')}
.msection5 .platform-list li:nth-child(4) .icon{background:url('../img/main/icon-flt4.svg')}
.msection5 .platform-list li:nth-child(5) .icon{background:url('../img/main/icon-flt5.svg')}
.msection5 .platform-list li:nth-child(6) .icon{background:url('../img/main/icon-flt6.svg')}
.msection5 .platform-list li:nth-child(7) .icon{background:url('../img/main/icon-flt7.svg')}
.msection5 .platform-list li:nth-child(8) .icon{background:url('../img/main/icon-flt8.svg')}
.msection5 .platform-list li:nth-child(9) .icon{background:url('../img/main/icon-flt9.svg')}
.msection5 .platform-list li:nth-child(10) .icon{background:url('../img/main/icon-flt10.svg')}
.msection5 .platform-list li.active:nth-child(1) .icon{background:url('../img/main/icon-flt1-on.svg')}
.msection5 .platform-list li.active:nth-child(2) .icon{background:url('../img/main/icon-flt2-on.svg')}
.msection5 .platform-list li.active:nth-child(3) .icon{background:url('../img/main/icon-flt3-on.svg')}
.msection5 .platform-list li.active:nth-child(4) .icon{background:url('../img/main/icon-flt4-on.svg')}
.msection5 .platform-list li.active:nth-child(5) .icon{background:url('../img/main/icon-flt5-on.svg')}
.msection5 .platform-list li.active:nth-child(6) .icon{background:url('../img/main/icon-flt6-on.svg')}
.msection5 .platform-list li.active:nth-child(7) .icon{background:url('../img/main/icon-flt7-on.svg')}
.msection5 .platform-list li.active:nth-child(8) .icon{background:url('../img/main/icon-flt8-on.svg')}
.msection5 .platform-list li.active:nth-child(9) .icon{background:url('../img/main/icon-flt9-on.svg')}
.msection5 .platform-list li.active:nth-child(10) .icon{background:url('../img/main/icon-flt10-on.svg')}
.msection5 .platform-list li:last-child{margin-right:0;}
.msection5 .platform-box{position:relative;width:100%;padding:3rem;margin-top: 3.5rem;;border-radius: 15px;border: 1px solid #D9D9D9;color:#222;letter-spacing: -1.32px;}
.msection5 .platform-box strong{display:block;margin-bottom:2rem;font-size:var(--font-size22);}
.msection5 .platform-box p{padding-right:4rem;line-height:1.5em;font-size:var(--font-size19);}
.msection5 .platform-box .more-link{position:absolute;right:3rem;bottom:3rem;display:inline-block;width:35px;height:35px;text-align:center;line-height:30px;border:1.5px solid #F9A01B;border-radius:100%;transition:all 0.3s ease;}
.msection5 .platform-box .more-link .ic-link{display:inline-block;width:20px;height:18px;background:url('../img/main/ic-ar.svg') center center no-repeat;}
.msection5 .platform-box .more-link:hover{background:#F9A01B}
.msection5 .platform-box .more-link:hover .ic-link{background: url('../img/main/ic-ar-on.svg') center center no-repeat;} 
.msection5 .swiper-button-prev{position:absolute;left:-45px;z-index:10;width:45px;height:45px;background:url('../img/main/icon-ar-prev.svg') center center no-repeat;}
.msection5 .swiper-button-next{right:-45px;z-index:10;width:45px;height:45px;background:url('../img/main/icon-ar-next.svg') center center no-repeat;}
.msection5 .swiper-button-prev svg,
.msection5 .swiper-button-next svg{display:none}
.swiper-button-disabled{display:none}

.msection6{background:#F1E8DA;padding:12rem 0 10rem}
.msection6 .top{margin-bottom:5rem;}
.msection6 .tit-bold{display:block;margin-top:1.5rem}
.msection6 .rwd{overflow:hidden;}
.msection6 .news-list ul{display:flex;align-items:center;margin-bottom:5.4rem;}
.msection6 .news-list li{border-radius:13px;background:#fff;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);transform:scale(0.99);width:295px;margin-right:2.9rem;transition: all 0.3s; }
.msection6 .news-list li:first-child{width:520px;}
.msection6 .news-list li:first-child .tit{-webkit-line-clamp:1 !important;min-height:20px !important;}
.msection6 .news-list li a{display:block;}
.msection6 .news-list li .img{display:block;padding-top:75%;border-radius:13px 13px 0 0;background-color:#F1F1F1;background-position:center center;background-repeat:no-repeat;background-size:cover}
.msection6 .news-list li .img.noimg{background-size:inherit}
.msection6 .news-list li .cont{display:block;padding:2.3rem 2rem;line-height:1.3em;color:#666;}
.msection6 .news-list li .cont .tit{display:block;min-height:40px;color:#222;font-size:var(--font-size19);overflow:hidden;text-overflow:ellipsis;display: -webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.msection6 .news-list li .cont .txt{display:block;margin:1rem 0;line-height:1.3em;font-size:var(--font-size16);}
.msection6 .news-list li .cont .info{display:flex;margin-top:3rem;font-size:var(--font-size15);}
.msection6 .news-list li .cont .info .date{letter-spacing: -0.9px;}
.msection6 .news-list li .cont .info .link{margin-left:auto;transition:all 0.3s ease;position:relative;}
.msection6 .news-list li:hover{transform:scale(1);}
/* .msection6 .news-list li a:hover .link{-webkit-animation:moveRight .5s ease;animation:moveRight .5s ease} */
.msection6  .swiper-pagination-bullet{background:#fff}
.msection6  .swiper-pagination-bullet-active{background:#F9A01B;}



.msection7{padding:10rem 0 12rem}
.msection7 .top{margin-bottom:7rem;}
.msection7 .youtube-list {position:relative;overflow:hidden;}
.msection7 .youtube-list ul{display:flex;align-items:center;margin-bottom:5.4rem;}
.msection7 .youtube-list li {margin:auto 0;text-align:center;letter-spacing: -1.56px;transform:scale(0.7);width:100rem;border-radius:2rem; transition: transform 1s; flex-shrink: 0;}
.msection7 .youtube-list li .img{position:relative;background:#000;border-radius:20px;display:block;padding-top:56%;}
.msection7 .youtube-list li .img iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;}
.msection7 .youtube-list li .cont{display:block;padding-top:2rem;color:#222;font-size:var(--font-size26);font-weight:600}
.msection7 .youtube-list li.swiper-slide-duplicate-active,
.msection7 .youtube-list li.swiper-slide-active{transform: scale(0.9) translateY(0%);}
.msection7 .control{position:absolute;left:0;top:40%;left:0;width:100%;z-index:10}
.msection7 .control .rwd{position:relative;;margin:0 auto;}
.msection7 .swiper-youtube-prev{position:absolute;left:7%;z-index:10;width:45px;height:45px;background:url('../img/main/icon-ar-prev.svg') center center no-repeat;background-size:20px auto;cursor:pointer}
.msection7 .swiper-youtube-next{position:absolute;right:7%;z-index:10;width:45px;height:45px;background:url('../img/main/icon-ar-next.svg') center center no-repeat;background-size:20px auto;cursor:pointer}
.msection7 .swiper-youtube-prev svg,
.msection7 .swiper-youtube-next svg{display:none}

/* 서브*/
.sub-top{display:flex;align-items:center;margin-top:100px;height:230px;color:#fff;background:url('../img/sub/img-sub1.jpg') center top no-repeat;background-size:cover;}
.sub-top h3{margin-bottom:7px;font-size:var(--font-size36);font-weight:700;text-align:center;}

#sub-top1{background:url('../img/sub/img-sub1.jpg') center 0 no-repeat;background-size:cover;}
#sub-top2{background:url('../img/sub/img-sub2.jpg') center 0 no-repeat;background-size:cover;}
#sub-top3{background:url('../img/sub/img-sub3.jpg') center 0 no-repeat;background-size:cover;}
#sub-top4{background:url('../img/sub/img-sub4.jpg') center 0 no-repeat;background-size:cover;}
#sub-top5{background:url('../img/sub/img-sub5.jpg') center 0 no-repeat;background-size:cover;}

/* .sub-location{position:relative;white-space:nowrap;overflow-x:auto;overflow-y:hidden;height:100px;}*/

.sub-menu-bar{position:relative;}
.sub-menu-bar:before{content:"";display:block;width:100%;height:1px;background:#fff;border-bottom:1px solid #C8C8C8;position:absolute;top:0px;left:0;height:61px;z-index:0}
.sub-menu-wrapper {position: relative;display: flex;align-items: center;justify-content:center;border-bottom: 1px solid var(--border-color);width: 100%;overflow: hidden;}
.sub-menu-container {display:flex;overflow-x: auto;scroll-behavior: smooth;-webkit-overflow-scrolling: touch; scrollbar-width: none;}
.sub-menu-container::-webkit-scrollbar {display: none; }
.sub-menu-container ul {display:flex;list-style: none;margin: 0;padding: 0 30px;white-space: nowrap;}
.sub-menu-container ul li{position:relative;display:inline-block;z-index:10}
.sub-menu-container ul li a{display:flex;flex-direction:column;padding:0 4rem;height:74px;font-size:var(--font-size18);color:#515151;transition: color 0.3s;}
.sub-menu-container ul li a span{display:block;padding:2rem 0;align-items:center;}
.sub-menu-container ul li.active a{font-weight:600;color:#F9A01B}
.sub-menu-container ul li.active:after{content:"";display:block;width:14px;height:14px;border-radius:100%;background:#F9A01B;margin:0 auto;position:absolute;left:43%;bottom:7px;z-index:10;display:block}
.sub-menu-wrapper .nav-btn {position: absolute;top: 0;bottom: 0;width: 40px;z-index:20;height:60px;border: none;background: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size:var(--font-size18);opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.sub-menu-wrapper .nav-btn.left { left: 0; background: linear-gradient(to right, rgba(255,255,255,1) 60%, rgba(255,255,255,0));}
.sub-menu-wrapper .nav-btn.right { right: 0; background: linear-gradient(to left, rgba(255,255,255,1) 60%, rgba(255,255,255,0));}
.sub-menu-wrapper .nav-btn.show {opacity: 1; visibility: visible;}
.sub-menu-bar.sub-top3 ul li a{padding:0 2.5rem}



.sub-content{margin-top:-2rem;}
.sub-content  #content{position:relative;min-height:400px;padding:0px 0 150px}
.sub-content  #content.pb0{padding-bottom: 0;}

.page-title{min-height:310px;padding:5.5rem 2rem 5rem;text-align:center;background:#F8F8F8;}
.page-title dl dt{padding:.8rem 0 1.5rem;font-size:var(--font-size30);font-weight:700;color:#231F20}
.page-title dl dd{font-size:var(--font-size19);line-height:1.5em;letter-spacing: -1.14px;color:#222}

.ptit{padding:5.5rem 0 3rem;font-size:var(--font-size24);line-height:1.5em;font-weight:700;text-align:center;letter-spacing: -1.207px;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


/* 레이어 */
.layer-wrap {display: none;position: fixed; left: 0;right: 0;top: 0; bottom: 0;z-index:3000;text-align: center;background-color: rgba(0, 0, 0, 0.7);}
.layer-wrap:before { content: "";display: inline-block;height: 100%;vertical-align: middle;margin-right: -.25em;}
.layer-wrap .pop-layer { display: inline-block;vertical-align: middle;max-width:90%;min-width:300px;height: auto;z-index: 10;}
.layer-wrap .pop-layer .pop-container{position:relative;text-align:left}

.layer-wrap .pop-layer .pop-container .pop-header{height:46px;line-height:46px;padding:0 20px;color:#fff;font-size:2.0rem;font-weight:600}
.layer-wrap .pop-layer .pop-container .pop-content{padding:0px 0  0 ;font-size:17px; text-align: center; line-height: 1.5rem;}
.layer-wrap .btn-pop-close{text-align:right;;padding-right:.5rem;margin-bottom:10px;}
.layer-wrap .btn-layer-close{text-align:right;border:none;background:none; transition: transform 1s;cursor:pointer}
.layer-wrap .btn-layer-close:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);}


.layer-wrap .pop-layer .pop-container .pop-content .pop-text {font-size:14px; text-align: center; color:#fff;}

/* 레이어 메인팝업  */
.layer-popup{display:none;}
.layer-popup .pop-container{display:flex;flex-direction:column;justify-content:center;height:100%;}
.layer-popup .pop-content{max-height:80%;overflow-y:auto}
.layer-popup.layer-wrap .pop-layer{max-width:90%;height:100%;position:relative;}
.layer-popup .img_alim img{max-width:100%}
.layer-popup .pop-list {display:flex;flex-wrap:nowrap}
.layer-popup .pop-list li{display:inline-block;margin:1% .5rem}

.popup_today_check{text-align:right;color:#fff;padding-top:1.3rem;padding-right:.5rem;}
.popup_today_check .bg_pcheck{vertical-align:middle;}
.popup_today_check label{vertical-align:middle;margin-left:1rem;font-size:1.6rem;}

.bg_pcheck > .chk_box > .tick{background-image:url('../img/common/icon_bg_chk.svg');background-position:0px 0px;}
.bg_pcheck{position: relative;top:2px;display: inline-block;vertical-align:middle;}
.bg_pcheck .chk{width:18px;height:18px;}
.bg_pcheck > .chk_box{float:left;position: relative;display: block;width:18px;height:18px;padding: 0px;margin: 0px;}
.bg_pcheck > .chk_box > .tick{position: absolute;left:0px;top:0px;width:18px;height:18px;}
.bg_pcheck > input:checked + .chk_box > .tick,
.bg_pcheck > .on > .tick{background-image:url('../img/common/icon_bg_chk_on.svg');}
.bg_pcheck > input{position: absolute;outline: none; left: 0;top: 0;padding: 0;width:18px !important;height:18px !important;border: none;margin: 0;opacity: 0;z-index: 1;}
.bg_pcheck label{float:left;margin-left:10px;}



/* 컨텐츠 공통 */
.define-type dt {text-align:center}
.define-type dt span{position:relative;display:inline-block;background:#474747;color:#fff;font-size:2.4rem;font-weight:700;padding:.9rem 3.4%;top:-2.3rem;}
.define-type dd{padding:2.5% 0 5%}

.chart-box{border-top:2px solid #8CBAFF;}
.chart-rwd{width:100%;overflow-x:auto}
.chart-rwd .chart th,
.chart-rwd .chart td{white-space:nowrap;}
.chart{border-collapse:collapse;width:100%;}
.chart thead th{background:#F4F8FF;color:#504E4E;font-size:1.6rem;padding:2rem 4rem 2rem;border:1px solid #E9E9E9;vertical-align:middle;text-align:left}
.chart tbody th,
.chart tbody td{color:#504E4E;font-size:1.6rem;padding:2rem 4rem 2rem;border:1px solid #E9E9E9;}
.chart tbody th.bg{background:#F4F8FF;font-weight:500}
.chart tbody th.bg.left{text-align:left}
.chart .brtn{border-top:none !important}
.chart .brbn{border-bottom:none}
.chart .first{border-left:none;}
.chart .last{border-right:none;}
.chart .st{font-size:1rem;vertical-align:text-top}

.chart-md thead th,
.chart-md tbody td{padding:1.5rem 2rem;}
.chart-md tbody th{padding-left:2rem;}
.chart-md tbody td li{line-height:1.6em}

.chart-th thead th{background:#E0E7F4;border:1px solid #D3D3D3;font-weight:500}


.tab-list{padding:5.3rem 0 7.6rem;overflow:hidden;}
.tab-list ul{display:flex;flex-wrap: wrap;margin:0 -0.5%;justify-content: center;}
.tab-list ul li{display:flex;border-radius: 10px; border: 1px solid #0071CE;margin:0 .5% 1.5rem;    align-items: center;}
.tab-list ul li a{min-width:26.4rem;min-height:6.6rem;color:#0071CE;font-size:1.7rem;font-weight:400;align-items:center;justify-content:center;padding:1rem;line-height:1.4em;text-align:center}
.tab-list ul li.active,
.tab-list ul li:hover{background: #0071CE;}
.tab-list ul li.active a,
.tab-list ul li:hover a{color:#fff !important}



.btn-top-move{position:fixed;bottom:0;width:100%;text-align:right;z-index:50;}
.btn-top-move .rwd2{position:relative;}
.btn-top-move button{background:transparent;background:#F9A01B;border:1px solid #F9A01B;color:#fff;width:60px;height:60px;margin:10px;position:absolute;bottom:0;right:0;border-radius:100%}
.btn-top-move button .txt{display:block;font-size:var(--font-size15);margin-top:3px;}


.select {display:inline-block;position:relative;;height:50px;background:#fff;border:1px solid  #E1E1E1; z-index: 1;vertical-align:middle;font-size:1.6rem}
.select label {position:absolute;top:0px;left:0px;display:block;width:100%;height:48px;line-height:48px;vertical-align:middle;padding:0px 50px 0 10px;text-align:left;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url('../images/common/ic-select-org.svg') 92% center no-repeat;}
.select select {position:relative;top:0;width:100%;height:48px;line-height:normal;font-family: inherit;padding:0em 10px;border: 0;opacity: 0;filter:alpha(opacity=0);-webkit-appearance: none;-moz-appearance: none; appearance: none;box-sizing:border-box}
.select.wid100{width:100%;min-width:100%}

.btn-center{text-align:center;padding:3rem 0;}
.btn-view{display:inline-block;min-width:167px;height:56px;padding:0 3.7rem;line-height:56px;vertical-align:middle;background:#0071CE;color:#fff !important;border-radius:30px;font-weight:400}
.btn-view span:before{content:"";display:inline-block;width:23px;height:28px;margin-right:10px;margin-top: -5px;;vertical-align:middle;;background:url('../img/page/ic-pdf.svg') 0 0 no-repeat;}
.btn-view:hover{background:#AC9079;color:#fff}



/* 준비중 */
.ready-box{padding:50px 0;text-align:center;}
.ready-box strong{display:inline-block;padding:10px 30px;margin-bottom:63px;;background:#D80A46;color:#fff;font-size:2.1rem;font-weight:500}
.ready-box .img {display:block;margin-bottom:50px;}

/* 인사말 */
.intro-page{display:flex;padding:5.4rem 0}
.intro-page .img{flex-shrink:0;display:block;width:428px;}
.intro-page .cont{padding-left:7.5rem;font-size:var(--font-size18);line-height:1.3em}
.intro-page .cont .tit{display:block;margin-bottom:2rem;line-height:1.3em;font-size:var(--font-size24);}
.intro-page .cont dl{margin-top:3rem}
.intro-page .cont dl dt{display:flex;margin-bottom:.8rem;font-weight: 600;font-size:var(--font-size19);}
.intro-page .cont dl dt:before{content:"Q.";flex-shrink:0;margin-right:5px;}
.intro-page .cont dl dd{display:flex}
.intro-page .cont dl dd:before{content:"A.";flex-shrink:0;margin-right:5px;}
.intro-page .cont .sign{display:block;padding-top:5rem;font-size:var(--font-size20);text-align:right;}
.intro-page .cont .sign strong{font-size:var(--font-size25);font-weight:600}

/* 비전목표 */
.vision-section1 .img-bar{background:#F9A01B;text-align:center;padding:2rem 2rem 7rem}
.vision-section1 .vision-slg{margin:0rem 0 9.5rem}
.vision-section1 .vision-slg dl{padding:2rem;transform: translateY(-50%);border-radius: 15px;background: #4E4E4E;text-align:center;margin-bottom:2rem;}
.vision-section1 .vision-slg dt{display:block;color:#F9A01B;font-size:var(--font-size20);}
.vision-section1 .vision-slg dd{display:block;margin-top:1rem;color:#ffffff;font-size:var(--font-size25);font-weight:700}
.vision-section1 .vision-slg dl:last-child{background:#231F20;}


.vision-section1 .vision-goal dt{position:relative;margin-bottom: 7.5rem;}
.vision-section1 .vision-goal dt span{display:inline-block;padding:1rem 1.5rem;border-radius: 10px 0 0 10px;background: #F9A01B;font-size:var(--font-size30);color:#fff;font-weight: 700;position:relative;z-index:10}
.vision-section1 .vision-goal dt:before{content:"";display:block;width:100%;height:1px;background:#F9A01B;position:absolute;top:50%}
.vision-section1 .vision-goal dd .goal-list{margin-bottom:10rem;}
.vision-section1 .vision-goal dd .goal-list .item{display:flex;align-items:center;margin-bottom:2.7rem;border-bottom:1px solid #E2E2E2}
.vision-section1 .vision-goal dd .goal-list .item .title{min-width:270px;color:#464646;font-size:var(--font-size24);letter-spacing: -1.247px;}
.vision-section1 .vision-goal dd .goal-list .item .info{display:flex;align-items:center;padding-left:7rem;width:100%}
.vision-section1 .vision-goal dd .goal-list .item .info .cont{display:flex;align-items:center;min-height:224px;padding:5rem 3rem;border-radius: 0 15px 0 0;background: #F0F0F0;width:100%;margin-bottom:-1px;margin-left:2.4rem;font-size:var(--font-size18);letter-spacing: -0.9px;}
.vision-section1 .vision-goal dd .goal-list .item .info .cont li{display:flex;line-height:1.3em;padding:.3rem 0}
.vision-section1 .vision-goal dd .goal-list .item .info .cont li:before{content:"·";display:inline-block;margin-right:3px;flex-shrink:0;}

.vision-section2{background:#F5F0E6;padding:11rem 0;}
.vision-section2 h4{margin-bottom: 5rem;color:#231F20;font-size:var(--font-size30);text-align:center}
.vision-section2 ul li{display:flex;position:relative;color:#464646;margin-bottom: 2.7rem;align-items:center;}
.vision-section2 ul li:before{content:"";display:block;width:113px;height:113px;background-color:#fff;background-position:center center;;background-repeat:no-repeat;border-radius:100%;flex-shrink:0;margin-right:3.5rem;}
.vision-section2 ul li strong{display:block;margin-bottom: .7rem;font-size:var(--font-size20)}
.vision-section2 ul li p{font-size:var(--font-size19);letter-spacing: -0.95px;line-height:1.3em}
.vision-section2 ul li:nth-child(1):before{background-image:url('../img/page/icon-value1.svg');}
.vision-section2 ul li:nth-child(2):before{background-image:url('../img/page/icon-value2.svg');}
.vision-section2 ul li:nth-child(3):before{background-image:url('../img/page/icon-value3.svg');}
.vision-section2 ul li:nth-child(4):before{background-image:url('../img/page/icon-value4.svg');}
.vision-section2 ul li:nth-child(5):before{background-image:url('../img/page/icon-value5.svg');}

/* 연혁 */
.history-page {max-width:700px;margin:6rem auto}
.history-page dl{display:flex;position:relative;padding-bottom:3.4rem;}
.history-page dl:before{content:"";display:block;width:1px;height:100%;background:#DDD;position:absolute;left:115px;z-index:-1}
.history-page dl dt{display:flex;width:115px;flex-shrink:0;align-items:center;margin-bottom:auto;vertical-align:top;}
.history-page dl dt span{position:relative;transform: translateY(-20%);font-weight:600;font-size:var(--font-size23);letter-spacing: -1.38px;margin-right:4.7rem;}
.history-page dl dt:after{content:"";display:block;width:14px;height:14px;background: #F9A01B;border-radius:100%;margin-left:auto;margin-right:-7px;margin-bottom:auto;position:relative;z-index:10;}
.history-page dl dd{margin-top:-7px;padding-left:5rem;font-size:var(--font-size18);letter-spacing: -0.9px;}
.history-page dl dd li{display:flex;line-height:1.5em;padding:.3rem 0;letter-spacing:-0.06em;}
.history-page dl dd li:before{content:"·";display:inline-block;margin-right:5px;flex-shrink:0;}
.history-page dl dd li:first-child{padding-top:0}
.history-page dl:last-child:before{display:none}

/* ci */
.ci-page .ci-top{display:flex;padding:7rem 0 5rem;align-items:center}
.ci-page .ci-top .img{width:45%}
.ci-page .ci-top .info{width:53%;padding-left:7%}
.ci-page .ci-top .info dt{font-size:var(--font-size20);font-weight: 700;margin-bottom:1rem;}
.ci-page .ci-top .info dd p{margin-bottom:2rem;line-height:1.3em;font-size:var(--font-size18);}
.ci-page .ci-top .info dd ul li{display:inline-block;margin-right:1.4rem}
.ci-page .ci-top .info dd a{font-weight:600;min-width:184px;}

.ci-page .logo-list{margin-bottom:7rem;}
.ci-page .logo-list ul{display:flex;gap:10px;margin-bottom:10px;}
.ci-page .logo-list li{flex:1;display:flex;align-items:center;justify-content:center;border:1px solid #D9D9D9;padding:2rem 2rem 2.5rem}
.ci-page .logo-list li img{vertical-align:middle}
.ci-page .logo-list ul:nth-child(2) li{padding:6rem 2rem 5.5rem}

.ci-color-info dl{margin-bottom:4.5rem;}
.ci-color-info dt{margin-bottom:1rem;font-size:var(--font-size20);font-weight: 700;}
.ci-color-info dd p{margin-bottom:2rem;font-size:var(--font-size18);}
.ci-color-info dd .color-item{display:flex;gap:10px}
.ci-color-info dd .color-item .item{flex:1;background:#F5A600;padding:2rem;color:#fff;letter-spacing: -0.68px;}
.ci-color-info dd .color-item .item strong{display:block;margin-bottom:1rem;font-size:var(--font-size22);font-weight: 700;}
.ci-color-info dd .color-item .item span{font-size:var(--font-size17);line-height:1.5em}
.ci-color-info dd .sub-color .item{padding:3.5rem 2rem}
.ci-color-info dd .main-color .item:nth-child(2){background:#000;}
.ci-color-info dd .sub-color .item:nth-child(1){background:#545252;}
.ci-color-info dd .sub-color .item:nth-child(2){background:#CFD0D0;}
.ci-color-info dd .sub-color .item:nth-child(3){background:#004996;}
.ci-color-info dd .sub-color .item:nth-child(4){background:#B5B6B6;}
.ci-color-info dd .sub-color .item:nth-child(5){background:#AA964A;}

/* 오시는길 */
.map-page{padding:5.4rem 0}
.map-page .map{background: #efefef;padding-top:38.5%;}
.map-page .map-address{padding:4rem 0;margin-bottom:2rem;;font-size:var(--font-size19);border-bottom:1px dashed #C9C9C9;text-align:center;letter-spacing: -0.76px;}
.map-page .map-address ul {margin-top:.5rem}
.map-page .map-address ul li{display:inline-block;padding:0 1rem}
.map-page .map-address ul li strong{font-weight:500}

.map-traffic{max-width:1032px;margin:0 auto;}
.map-traffic dl{margin-bottom:3.5rem;}
.map-traffic dt{text-align:center;transform: translateY(50%);}
.map-traffic dt span{display:inline-block;font-size:var(--font-size24);font-weight: 600;background:#F9A01B;color:#fff;padding:1rem 1.5rem;min-width:133px;}
.map-traffic dd{background:#F6F6F6;padding:6.5rem 2rem 4.5rem;text-align:center}
.map-traffic dd ul li{font-size:var(--font-size18);line-height:1.3em}
.map-traffic dd ul li strong{display:block;margin-bottom:.5rem;font-size:var(--font-size19);font-weight: 600;}

.map-traffic dl:nth-child(1) dd{padding-top:8.5rem}
.map-traffic dl:nth-child(1) .both-box{display:flex;position:relative;}
.map-traffic dl:nth-child(1) .both-box:after{content:"";display:block;width:1px;height:100%;background:#D0D0D0;position:absolute;top:0;left:50%}
.map-traffic dl:nth-child(1) .both-box ul{width:50%;padding:0 2rem}
.map-traffic dl:nth-child(1) .both-box ul li{margin-bottom:3rem;}

.map-traffic dl:nth-child(2) dt span{background:#5B564F;}
.map-traffic dl:nth-child(2) dd li{padding:.3rem 0}

/* 주요사업 */
.bsn-page{padding:7rem 0 0;}
.bsn-page .bsn-info-box{display:flex;margin-bottom:5rem;}
.bsn-page .bsn-info-box .img{margin-top:auto;margin-left:auto;padding-left:2rem}
.bsn-page .bsn-info-box .bsn-cont{max-width:740px;}
.bsn-page .bsn-info-box .bsn-cont.wide{max-width:800px;}
.bsn-page .bsn-cont dl{display:flex;margin-bottom:1rem;font-size:var(--font-size17);line-height:1.5em;letter-spacing: -1.02px;word-break: keep-all;}
.bsn-page .bsn-cont dl dt{color:#F89F1B;font-weight:700;margin-right:5px;flex-shrink:0;}
.bsn-page .bsn-cont dl dt:before{content:"·";display:inline-block;margin-right:2px;}
.bsn-page .bsn-cont dl dd{color:#666}
.bsn-page .bsn-cont dl dd ul li{padding:.2rem 0}
.bsn-page .bsn-cont dl dd ul li:first-child{padding-top:0}
.bsn-page .bsn-cont dl dd ul li strong{font-weight:600}
.bsn-page .bsn-cont dl dd ul.dash-list li:before{content:"-";margin-right:2px;display:inline-block;}

.bsn-visual ul{display:flex;gap:6px;}
.bsn-visual ul li{flex:1;margin-bottom:6px;}


/* 상담문의 */
.page-counsel{background:#F5F1EC;}
.counsel-box{display:flex;align-items:center;padding:7rem 0;background:url('../img/page/img-counsel.svg') 0 0 no-repeat;}
.counsel-box .info{flex-shrink:0;width:305px;padding:3.5rem 2.5rem;margin-left:auto;border-radius: 20px;background: #202020;color:#fff;font-size:var(--font-size17);letter-spacing: -0.878px;line-height:1.5em}
.counsel-box .info dl{margin-bottom:1.5rem;}
.counsel-box .info dt{margin-bottom:.5rem;font-size:var(--font-size20);font-weight: 700;}
.counsel-box .info .tel{font-size:var(--font-size34);font-weight: 700;margin-bottom:1rem;}
.counsel-box .info .email{font-size:var(--font-size25);font-weight: 400;}
.counsel-box .info a{color:#fff}
.counsel-box .info .kakao span{display:inline-block;background:#F9A01B url('../img/page/icon-talk.svg') 12px center no-repeat;padding:1.3rem 3.5rem 1.3rem 6rem;margin-top:.5rem;color:#202020;font-size:var(--font-size20);font-weight:700;border-radius: 50.213px;}
.counsel-box .info p{margin-bottom:1.5rem;}


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


.msection5 .platform-list-wrap{margin:0 3rem;}


}



@media screen and (max-width:1240px) {
.rwd2{width:100%;}
.rwd{width:100%;padding-left:2rem;padding-right:2rem}

#web-header .header h1{left:2rem}
#web-header nav .nav-box{padding-right:2rem}
footer{padding-left:2rem;padding-right:2rem}

.msection1 .more-link{right:2rem}
.msection2 .main-intro .info .br{display:inline-block;}


.sub-location .rwd{padding:0}


/* 주요사업 */
.bsn-page .bsn-info-box .img{padding-left:3rem}
.bsn-page .bsn-cont dl dd .br{display:inline-block;}

}


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

.msection2 .main-intro .img{width:50%;margin:auto 0}

.msection7 .swiper-youtube-prev{left:10px;}
.msection7 .swiper-youtube-next{right:10px;}

}

@media screen and (max-width:1050px) {
#web-header .header{height:130px;}
#web-header .header h1{position:relative;top:0px;left:0;padding-top:15px;width:100%;text-align:center;}
#web-header .header h1 img{width:200px;}
#web-header nav{position:relative;height:130px;}
#web-header nav .nav-box{padding:0;justify-content:center}
#web-header nav .nav-box > ul{width:100%;justify-content:center}
#web-header nav .nav-box > ul > li{flex:1;margin:0 2rem}
#web-header nav .nav-box > ul > li > a{height:75px;line-height:75px}
#web-header .bg{top:130px;}


#sub-page #container{top:150px;}

}


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

html, body{font-size:9.5px;}

.msection1 .notice-list ul li{width:50%}
.msection1 .notice-list .swiper-slide-next:after{display:none}
.msection3 ul li {width:50%;padding:2rem 2rem 0;}
.msection3 ul li .item{margin-left:auto}
.msection3 ul li:nth-child(even) .item{margin-right:auto;margin-left:0}
.msection7 .youtube-list li{width:80rem}


/* 서브레이웃 */
.sub-top{height:205px;}


/* 인사말 */
.intro-page .img{width:50%;}
.intro-page .cont{padding-left:3rem}

/* 비전및목표 */
.vision-section1 .vision-goal dd .goal-list .item .info{padding-left:0rem}

/* ci */
.ci-page .ci-top .info dd a{padding:1.3rem 2rem;min-width:164px;}
.ci-color-info dd .color-item .item{letter-spacing: -1.15px;}


/* 주요사업 */
.bsn-page .bsn-info-box{flex-wrap:wrap}
.bsn-page .bsn-info-box .img{padding-left:0;margin-top:3rem;margin-left:0;width:100%;text-align:center}


/* 상담문의 */
.page-counsel .rwd{padding-left:0;}
.counsel-box{background-position:-130% 0%}

}




/* 모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) {
/* 컨텐츠 공통 */

html, body{font-size:10px;}

:root {
  --font-size15: 1.4rem;
  --font-size16: 1.5rem;
  --font-size17: 1.6rem;
  --font-size18: 1.7rem;
  --font-size19: 1.8rem;
  --font-size20: 1.9rem;
  --font-size21: 2.0rem;
  --font-size22: 2.1rem;
  --font-size23: 2.2rem;
  --font-size24: 2.2rem;
  --font-size25: 2.3rem;
  --font-size26: 2.4rem;
  --font-size28: 2.6rem;
  --font-size30: 2.7rem;
  --font-size32: 2.8rem;
  --font-size34: 2.9rem;
  --font-size36: 3rem;
  --font-size37: 3.3rem;
  --font-size38: 3.4rem;
}

 


.wb_show{display:none;}
.mb_show{display:block;}

.br {display:inline !important}

/* 레이아웃 */
#web-header nav > ul .smenu{padding-top:30px}
#web-header nav > ul .smenu li{font-size:1.6rem;letter-spacing:-0.08em}


#web-header{display:none;}
#mobile-header{display:block;}


#mobile-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#0A0A0A;}
#mobile-header.nav_on_wrap{background:#0A0A0A;}
#mobile-header h1{text-align:center;display:flex;align-items:center;justify-content:center;height:60px;}
#mobile-header h1 img{width:180px;}
#mobile-header h1 .img{display:block;}
#mobile-header h1 .img-on{display:none}
#mobile-header .btn-menu-open{position:absolute;top:20px;left:20px;}
#mobile-header .btn-menu-open{position:absolute;top:20px;left:10px}
#mobile-header .btn-menu-open .allmenu {display:block; width:28px; height:2px; background:#fff; transition:all .4s}
#mobile-header .btn-menu-open::before {content:''; display:block; width:28px; height:2px; margin-bottom:6px; background:#fff; transition:all .4s}
#mobile-header .btn-menu-open::after {content:''; display:block; width:28px; height:2px; margin-top:6px; background:#fff; transition:all .4s}
#mobile-header .btn-menu-close .allmenu{display:block; width:28px; height:2px; background:#fff; transition:all .4s}
#mobile-header .btn-menu-close .allmenu {opacity:0}
#mobile-header .btn-menu-close::before {content:''; display:block; width:28px; height:2px; margin-bottom:8px; background:#fff;  margin-bottom:8px; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg);transition:all .4s}
#mobile-header .btn-menu-close::after {content:''; display:block; width:28px; height:2px; margin-top:8px; background:#fff; transform : translateY(-10px) rotate(45deg); -webkit-transform:translateY(-10px) rotate(45deg);transition:all .4s}

#mobile-header .btn-menu-close{position:absolute;left:10px;top:20px;border:none;width:28px;height:28px;padding:0;cursor:pointer;z-index:8000;transition:all 1s;}

#mobile-header .mobile-nav{position:fixed;top:60px;z-index:2000;width:100%;height:0;background-color:transparent;content:'';transition:all .3s}
#mobile-header .mobile-nav .nav{width:100%;height:100%;background:#fff;}



#mobile-header .mobile-nav.nav-on{width:100%;height:100%;}
#mobile-header .mobile-nav.nav-on .nav .nav-box{height:100%;overflow-y:scroll;box-sizing:border-box}
#mobile-header .nav-box{height:100%;overflow-y:auto;box-sizing:border-box}

#mobile-header .nav-box > ul{padding:0; float:none;}
#mobile-header .nav-box > ul li {float:none; width:auto !important; border-bottom:1px solid #ededed; margin-left:0;}
#mobile-header .nav-box > ul li a {text-align:left; height:auto; padding:15px 15px; font-size:1.6rem; line-height:24px; display:block; text-decoration:none !important; transition : none; -webkit-transition : none;color:#575757}
#mobile-header .nav-box > ul > li.active > a,
#mobile-header .nav-box > ul > li > a.ov,
#mobile-header .nav-box > ul > li > a.on{color:#F9A01B;font-weight:600} 
#mobile-header .nav-box > ul > li .smenu{display:none; position:relative; padding:8px 0; width:auto; border:0; right:auto; height:auto;background:#eee;border-top:1px solid #ececec;transition:none;-webkit-transition:none;}
#mobile-header .nav-box > ul > li ul li {position:relative;margin:0 !important; padding:0 !important;border-bottom:0;}
#mobile-header .nav-box > ul > li ul li:first-child {border-top:0;}
#mobile-header .nav-box > ul > li ul li a {background:none; display:block; color:#333333; height:auto; padding:8px 15px 8px 25px; line-height:22px; }
#mobile-header .nav-box > ul > li ul li.active > a,
#mobile-header .nav-box > ul > li ul li > a.ov,
#mobile-header .nav-box > ul > li ul li > a.on{color:#F9A01B}
#mobile-header .nav-box > ul > li.active > div{display:block;}
#mobile-header .nav-box > ul > li ul li ul{border-top:none;}
#mobile-header .nav-box > ul > li ul li ul li.active a{padding:2px 0 2px 50px;}
#mobile-header .nav-box > ul > li .smenu .smenu{padding-left:10px;padding-top:4px;padding-bottom:4px;border-top:none;}
#mobile-header .nav-box > ul > li .smenu .smenu li:before{content:"";display:block;width:2px;height:2px;background:#666;position:absolute;top:13px;left:15px;}
#mobile-header .nav-box > ul > li .smenu .smenu .smenu li:before{content:"";display:block;width:5px;height:1px;background:#666;position:absolute;top:13px;left:15px;}
#mobile-header .nav-box > ul > li .smenu .smenu li a{padding:4px 15px 4px 30px;font-size:15px}
#mobile-header .nav-box > ul > li .smenu .smenu li .smenu a{padding:4px 15px 4px 30px;font-size:14px}
#mobile-header .nav-box > ul > li.active > div li.active > div{display:block;}

#mobile-header .nav-box > ul{padding-bottom:15px}
#mobile-header .copyright{padding-left:15px;padding-right: 10px;line-height:1.7em;font-size:1.3rem;word-break:break-word}
#mobile-header .nav-box .flogo{padding:15px;}
#mobile-header .nav-box .flogo img{width:150px}

footer .footer .fcont{flex-wrap:wrap;justify-content: center;}
footer .footer .fcont .finfo{text-align:center;padding-top:2rem}
footer .footer .fcont .finfo .info{margin-top:1.5rem}
footer .design-by .hidden-link{display:block;}

.layer-popup .pop-list{flex-wrap:wrap;text-align:center;justify-content:center}
.layer-popup.layer-wrap .pop-layer{max-width:410px;width:80%}
.layer-wrap .pop-layer .pop-container{margin:0 auto}



/* 메인 */

.main-visual {min-height:680px;}
.main-visual .slogan{min-height:680px;}

#main-visual1{background:url('../img/main/img-visual1-mb.jpg') center center no-repeat;}
#main-visual2{background:url('../img/main/img-visual2-mb.jpg') center 0 no-repeat;} 
#main-visual3{background:url('../img/main/img-visual3-mb.jpg') center center no-repeat;} 
#main-visual4{background:url('../img/main/img-visual4-mb.jpg') center center no-repeat;} 
#main-visual5{background:url('../img/main/img-visual5-mb.jpg') center center no-repeat;} 


.more{min-width:10.6rem;padding:1.1rem 3rem;font-size:1.8rem;}


.msection1 .notice-list ul li{width:100%;}
.msection1 .notice-list ul li a{padding-left:0}
.msection1 .notice-list ul li:after{display:none}

.msection2 .main-intro{flex-wrap:wrap}
.msection2 .main-intro .info{padding-right:0}
.msection2 .main-intro .info .slg .br{display:block !important}
.msection2 .main-intro .img{width:100%;margin-top:4rem}

.msection3 ul li .item{width:187px;height:187px}
.msection3 ul li .icon img{width:80px;}
.msection3 ul li strong{font-size:2.6rem}

.msection4 li{width:300px;}


.msection5 .platform-list-wrap{margin:0 1rem}
.msection5 .swiper-button-prev{left:-25px;width:25px;height:45px;}
.msection5 .swiper-button-next{right:-25px;width:25px;height:45px;}

.msection6 .news-list li:first-child{width:360px;}
.msection7 .control{top:25%}
.msection7 .youtube-list {padding:0 10%}
.msection7 .youtube-list ul{align-items:flex-start}
.msection7 .youtube-list li{width:100%;transform: scale(0.9);padding:0 5%;margin-bottom:auto;margin-top:0}
.msection7 .youtube-list li.swiper-slide-duplicate-active,
.msection7 .youtube-list li.swiper-slide-active{transform: scale(1) translateY(0%);}
.msection7 .youtube-list li .cont{font-size:2rem;}
.msection7 .swiper-youtube-prev{left:14px;}
.msection7 .swiper-youtube-next{right:14px;}

/* 서브레이아웃 */
.sub-top{margin-top:60px;}
.sub-menu-container ul li a{padding:0 3rem}

/* 인사말 */
.intro-page{flex-wrap:wrap}
.intro-page .img{width:100%;}
.intro-page .cont{padding-left:0rem;margin-top:3rem;}

/* 비전및목표 */
.vision-section1 .vision-goal dd .goal-list .item{flex-wrap:wrap}
.vision-section1 .vision-goal dd .goal-list .item .info{margin-top:2rem}

/* 연혁 */
.history-page dl:before{left:75px;}
.history-page dl dt{width:75px;}
.history-page dl dt span{margin-right:1.7rem;}
.history-page dl dd{padding-left:3rem;}

/* ci */
.ci-page .ci-top{flex-wrap:wrap}
.ci-page .ci-top .img{width:100%;margin-bottom:3rem;}
.ci-page .ci-top .img img{width:70%}
.ci-page .ci-top .info{padding-left:0;width:100%}
.ci-page .ci-top .info dd a{min-width:120px;}

.ci-color-info dd .sub-color {flex-wrap:wrap;gap:0;margin:0 -5px;}
.ci-color-info dd .sub-color .item{flex:inherit;width:calc(50% - 10px);margin:0 5px 10px;}
.ci-color-info dd .color-item .item{letter-spacing: -0.9px;}
/* 오시는길 */
.map-page .map{padding-top:80%}
.map-traffic dl:nth-child(1) .both-box{flex-wrap:wrap}
.map-traffic dl:nth-child(1) .both-box:after{display:none}
.map-traffic dl:nth-child(1) .both-box ul{width:100%;border-bottom:1px solid #D0D0D0;margin-bottom:4rem;}
.map-traffic dl:nth-child(1) .both-box ul:last-child{margin-bottom:0;border-bottom:none}


/* 상담문의 */
.page-counsel .rwd{padding-left:0;padding-right:0}
.counsel-box{background-position:center bottom;padding-bottom:100%}
.counsel-box .info{margin:0 auto;}




}


@media all and (max-width:680px) {

.msection2 .main-intro .info .slg .br{display:inline-block !important}


/* 비전및목표 */
.vision-section1 .vision-goal dd .goal-list .item .info{flex-wrap:wrap}
.vision-section1 .vision-goal dd .goal-list .item .info .cont{margin-left:0}

/* ci */
.ci-page .logo-list ul{flex-wrap:wrap}
.ci-page .logo-list li{width:100%;flex:inherit;}
.ci-page .logo-list ul:nth-child(1) li img{max-width:80%}
}

@media all and (max-width:480px) {


footer .fmenu > ul > li{width:50%;margin:0 0 3rem}

.msection3 ul li{padding:1rem}
.msection3 ul li .item{width:137px;height:137px}
.msection3 ul li .icon img{width:50px;}


}

@media all and (max-width:340px) {

.msection3 ul li .item{width:127px;height:127px}
.msection3 ul li strong{font-size:2.2rem}
}