@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, menu, nav, section, article, aside, dl, dt, dd, table, thead, tbody, tfoot, label, caption, th, td, form, fieldset, legend, hr, input, button, textarea, object, figure, figcaption {margin: 0; padding: 0; font-family: 'Noto Sans KR'; font-size: 14px; color: #727272; box-sizing: border-box;}
img, fieldset, input, select, textarea, button {border: none;}
ul, ol, li {list-style: none;}
table {width: 100%; border-spacing: 0; border-collapse: collapse;}
address, cite, code, em {font-style: normal; font-weight: normal;}
label, img, input, select, textarea, button, a {vertical-align: middle;}
a {color: #000; text-decoration: none;}
body{margin:0;width: 100%;height: 100%;overflow-x: hidden;scroll-behavior:smooth;font-family:NotoSansKR,'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','돋움',dotum, sans-serif;line-height: 1.6;color: #616161;overflow-x: hidden;}
button {cursor: pointer; background: none;}

html {font-size: 10px;}
body {font-size: 1rem;}

@media only screen and (max-width:1280px){
    html {font-size: 9px;}
}
@media only screen and (max-width:1000px){
    html {font-size: 8px;}
}

.clear {clear: both;}
.clear:after {content: ""; display: block; clear: both;}
.hide {overflow: hidden; display: block; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}

/* Header */

header { position: fixed;top: 0;z-index: 999;width: 100vw;background-color: #005633bf;}
header h1 { display:flex; align-items: baseline;flex-wrap: nowrap;}
header h1 p { font-family:S-CoreDream-6Bold;font-size:1.6rem;color:#a2d012;line-height: 1; }
header > div {display: flex;justify-content: space-between; align-items: center; margin: 0 auto;width:calc(100% - 5rem);}
header h1 a {display: block; width: 147px; height: 80px; background: url(../images/common/logo.svg) no-repeat center;}
header nav > ul {display: flex;}
header nav > ul > li {margin-top: 5px;}
header nav > ul > li > a {padding: 0 2.5rem;display:block;text-decoration: none;color: #fff;font-size: 2rem;font-weight:400;line-height: 100px;}
header nav > ul > li:hover a{font-weight:bold}
header nav > ul > li.on a{font-weight: 500;color:#a2d012;}
header nav .close {display: none;}
header div > a {padding: 1rem 1.5rem;background: rgba(0, 0, 0, .7);border-radius: 30px;color: #fff;}
header .btnMobile {display:none; padding: 42px; background: url('/expo/course/images/common/navOpen.svg') no-repeat center;background-size:36px;}
header .btnGoM { display: none;}
header .btn01 {position: relative;padding:1rem 1.5rem;border-radius: 40px;overflow: hidden;display: inline-block;text-align:center;word-break:keep-all;background:#005633;transition:.3s;}
header .btn01 > div {width:100%;height:100%;background-image: linear-gradient( -45deg,#6bac44,#b0e77a, #005633,#86c747,#42853e, #013f26,#42853e,#86c747,#6bac44,#b0e77a,#005633) !important;position:absolute;top:0;left:0;opacity:0;transition:.3s;background-size: 1000%;}
header .btn01:hover > div {animation: animate 10s linear infinite;opacity:1;}
header .btn01 > span {font-size:1.6rem;color:#fff;position:relative;z-index:1;transition:.3s}
header .btn01:hover > span {color:#fff;}

@keyframes animate {
    0%{ background-position: 0%;}
    100%{background-position: 100%;}

}

.dim {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.8);z-index: 49;}
.gage{height: 5px; background-color: rgb(195, 216, 37); z-index: 99999;}

@media only screen and (max-width:1600px){
    header nav > ul > li > a {padding: 0 2rem;font-size: 1.8rem; }

}

@media only screen and (max-width:1440px){
    header nav > ul > li > a {padding: 0 1.5rem;font-size: 1.8rem; }
    .btn01 > span {font-size:1.4rem;}

}

@media only screen and (max-width:1280px){
    header h1 a {width: 110px; height: 60px; }
    header nav > ul > li > a {font-size:1.6rem;line-height: 80px;letter-spacing: -.5px;}
}   

@media only screen and (max-width:1024px){
    header {-webkit-transition: all 0.5s;transition: all 0.5s;}
    header > div {padding: 0 1rem; width: 100%;height: 80px;}  
    header nav {position: fixed; right: -100%; top: 0; padding: 130px 0 100px ; width: 70%; bottom: 0; z-index: 50; background: rgba(12, 64, 40, 0.9); box-sizing: border-box; transition: right .5s;-webkit-transition: all 0.5s;}
    header nav.on {right: 0; opacity: 1;}
    header nav.on > ul > li {opacity: 1; -webkit-transform: translateY(0);transform: translateY(0);}
    header nav .close {display: block; position: absolute; right: 0; top: 0; padding:42px; /* width: 36px; height: 36px; */ background: #0c4028 url('/expo/course/images/common/navClose.svg') no-repeat center;background-size: 36px;}
    header nav > ul {display: block;}
    header nav > ul > li { margin-right: 0% !important; -webkit-transform: translateY(-100%); transform: translateY(-100%);  opacity: 0; -webkit-transition: all 0.8s;transition: all 0.8s;}
    header nav > ul > li:nth-child(1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s;}
    header nav > ul > li:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
    header nav > ul > li:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
    header nav > ul > li:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
    header nav > ul > li:nth-child(5) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
    header nav > ul > li:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
    header nav > ul > li:nth-child(7) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s;}
    header nav > ul > li > a {padding: 0 30px; line-height: 70px; font-size: 20px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: all .4s;}
    header nav > ul > li > a:focus,
    header nav > ul > li:hover > a {color: #a2d012; font-weight: bold;}
    header .btnGo { display:none; position: absolute; right:0; z-index: 51; }
    header .btnGoM { display:block; position: absolute; top:25px; left:30px; z-index: 51; }
    header .btnMobile {display:block;/* width: 36px; height: 36px; background-size: 1rem auto; */}
    }   

/* mouseScroll */
.scrollBtn {text-align: center;position: fixed;bottom: 80px;width: 100%;
            -webkit-animation: scrollBtn 1.5s infinite ease-in-out;
            animation: scrollBtn 1.5s infinite ease-in-out;
            z-index: 100;}
  @-webkit-keyframes scrollBtn {
    0% {bottom: 60px;}
    50% {bottom: 80px;}
    100% {bottom: 60px;}
  }
  
  @keyframes scrollBtn {
    0% {bottom: 60px;}
    50% {bottom: 80px;}
    100% {bottom: 60px;}
  }
/* scrollNav */
.paraNav { position: fixed; right: 2.5rem; top: 50%; transform: translateY(-50%); z-index: 1000; transition: top 0.4s ease; word-break: keep-all; word-wrap: normal; }
.paraNav ul { padding: 7px 5px; border-radius: 30px; background: rgba(0, 86, 51, .5);}
.paraNav li { margin-bottom: 55px; display: block; }
.paraNav li:last-child { margin-bottom: 0; }
.paraNav li a { position: relative; display: inline-block; width: 15px; height: 15px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .9); background: rgba(255, 255, 255, .2); transition: background 1s;}
.paraNav li a::after { content: ""; position: absolute; bottom: -56px; right: 7px; width: 1px; height: 50px; background: rgba(255, 255, 255, .5); }
.paraNav li:last-child a::after { display: none; }
.paraNav li a:hover,
.paraNav li.active a { background: #b1df0a;}

@media only screen and (max-width:1024px){
    .paraNav { display: none;}
}
 
/* Footer */
.section.bottom{width: 100vw;background-color: #333;}
.section.bottom .wrap{padding: 30px 0;max-width: 1280px;margin: 0 auto;}
.section.bottom .wrap .logo{float:left}
.section.bottom .wrap div{padding-left:352px;text-align: right; }
.section.bottom .wrap div p{font-size:13px;color:#999;margin-top:10px}
.section.bottom .wrap div p:first-child{margin-top:0}
.section.bottom .wrap div p.copyright span{color:#fff}

@media only screen and (max-width:1024px){
    .section.bottom .wrap .logo { float:none; text-align: center; margin-bottom: 3rem; }
    .section.bottom .wrap div { padding-left: 0; text-align:center; }
}

@font-face{
    font-family:'GmarketSans';
    font-style:normal;
    font-weight:200;
    src:local('GmarketSansTTFLight'),
    url(/expo/fonts/GmarketSansTTFLight.eot),
    url(/expo/fonts/GmarketSansTTFLight.eot?#iefix) format('embedded-opentype'),
    url(/expo/fonts/GmarketSansTTFLight.woff) format('woff'),
    url(/expo/fonts/GmarketSansTTFLight.otf) format('opentype');
}
@font-face{
    font-family:'GmarketSans';
    font-style:normal;
    font-weight:400;
    src:local('GmarketSansTTFMedium'),
    url(/expo/fonts/GmarketSansTTFMedium.eot),
    url(/expo/fonts/GmarketSansTTFMedium.eot?#iefix) format('embedded-opentype'),
    url(/expo/fonts/GmarketSansTTFMedium.woff) format('woff'),
    url(/expo/fonts/GmarketSansTTFMedium.otf) format('opentype');
}
@font-face{
    font-family:'GmarketSans';
    font-style:normal;
    font-weight:600;
    src:local('GmarketSansTTFBold'),
    url(/expo/fonts/GmarketSansTTFBold.eot),
    url(/expo/fonts/GmarketSansTTFBold.eot?#iefix) format('embedded-opentype'),
    url(/expo/fonts/GmarketSansTTFBold.woff) format('woff'),
    url(/expo/fonts/GmarketSansTTFBold.otf) format('opentype');
}
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'MaruBuri';
    font-weight: 300; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/MaruBuri-Light.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'MaruBuri';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/MaruBuri-SemiBold.woff2) format('woff2');
    font-display: swap;
}


.top_link01 {right: 184px;position: absolute;top: 15px;width: 212px;height: 45px;border: none;/*background: url(/expo/images/common/icon_arow_w.png) right 87px top 32px no-repeat;*/font-size: 1.5rem;}
#google_translate_element .goog-te-gadget {height: 43px;line-height: 43px;display: inline-block;padding: 0 10px;font-size: 1.4rem;font-weight: 400;color: #333;margin: 0 !important;}
.top_link01 .goog-te-menu-value {display: block;width: 100%;height: 27px;text-indent: -9999px;position: absolute;top: 28px;right: 0px;}
.goog-te-menu-value {text-decoration: none;color: #0000cc;white-space: nowrap;margin-left: 4px;margin-right: 4px;}
#google_translate_element a.kor {padding-right: 30px;background: url(/expo/images/common/icon_lang_kor_w.png) 56px 6px no-repeat;padding-left: 10px;border-left: 1px solid #ebebeb;border-radius: 0;padding: 0 30px 0 10px;}
#google_translate_element {color: #fff;}


@media only screen and (max-width: 1690px){
.top_link01 {top: 105px;right: calc(50% - 106px);background: yellowgreen/* url(/expo/images/common/icon_arow_w.png) */right 80px top 12px no-repeat;border-radius: 0px 0 10px 10px;height: 40px;}
.top_link01 #google_translate_element{position:absolute;top:-19px;left: 7px;}
 }    
  @media only screen and (max-width: 1280px){
.top_link01 {top: 85px;}
  }    

.VIpgJd-ZVi9od-xl07Ob-lTBxed {color: #fff;}
.VIpgJd-ZVi9od-xl07Ob-lTBxed span {text-decoration: none !important;color: rgb(255, 255, 255) !important;border: none !important;}
.VIpgJd-ZVi9od-xl07Ob-lTBxed span:last-child {font-size:12px;}