@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,video,img,svg { margin:0;  padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul,li {list-style: none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
abbr, acronym {border:0;}
a{outline:1;   text-decoration:none; color:#000;}
em { font-style:normal; }
body {  overflow-x:hidden; font-family: 'GmarketSans', 'Pretendard','ChosunCentennial', 'Noto Sans KR', sans-serif; font-weight:300; min-width:360px;  background-color: #ccf1ff;  }
mainwrap {  overflow-x:hidden; }


/*font**/

@font-face {
    font-family: 'GmarketSans';
    font-weight: 700; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFBold.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFBold.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFMedium.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFMedium.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 300; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFLight.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/GmarketSans/GmarketSansTTFLight.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'ChosunCentennial';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/ChosunCentennial.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}




/*background*/
.ynwrap { position:relative;  background:url("/theme/basic/img/main/main_btbg.png") no-repeat center bottom; min-height:1250px;  }
canvas { display: block; position:absolute; top:0; left:0; z-index: -2; width:100%; height:100%;  }
.wrapinner { max-width:1400px; margin:0 auto; position:relative; }

/*header*/
.header { margin-top:45px; }
.head_wrap { width:100%;  }
.h_box {  width:100%; height:70px; letter-spacing:-1px; position:relative;   }
.h_box .logo { float:left; margin: 23px 0 0 0px; }

.h_box .logo a.home { font-size:25px; font-weight:700; }
.h_box .logo a.home .gr { color:#1b9c9a; }

@keyframes shoemotion { 0% {margin-top: 0px;} 100% {margin-top: 10px;} }

.gnb { float:left; }
.gnb .gnb_al_ul { width:100%; height:100%; margin-left:170px; line-height:73px; }
.gnb .gnb_al_ul .gnb_al_li { font-size:21px; font-weight:500; display:inline-block; margin:0 40px; }
/*
.gnb .gnb_al_ul .gnb_al_li a {}
.gnb .gnb_al_ul .gnb_al_li a:hover { transition:ease-in-out 0.3s; }
*/


/*gnb_all*/
#gnb_all {  display: block; position: absolute; top: 0px; right: 0px; z-index: 4; -webkit-user-select: none; user-select: none; width:100%; }
#gnb_all input { display: block; width: 70px; height: 70px;  position: absolute; top:0px; right:0px; cursor: pointer;  opacity: 0; z-index: 2;  -webkit-touch-callout:none;}
#gnb_all .sitemap { position:absolute; right:40px; top:25px; }
#gnb_all .sitemap span { display: block; width: 30px; height: 3px; margin-bottom: 6px; position: relative; background: #000; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
#gnb_all .sitemap span:first-child { transform-origin: 0% 0%;}
#gnb_all .sitemap span:nth-last-child(2) {transform-origin: 0% 100%;}
#gnb_all input:checked ~ .sitemap span {opacity: 1; transform: rotate(45deg) translate(-11px, -11px); background: #232323;}
#gnb_all input:checked ~ .sitemap span:nth-last-child(3) {opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#gnb_all input:checked ~ .sitemap span:nth-last-child(2) {transform: rotate(-45deg) translate(-7px, 8px);}

#gnb_all_ul {position: absolute; width:100%; height:fit-content; padding:10% 15%; background-color:#fff; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(0, -100%); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); top:-69px; right:0; box-sizing: border-box; border-top:10px solid #fff; border-bottom:10px solid #fcd947;}
#gnb_all_ul > li { padding: 10px 0; font-size: 22px; float:left; margin:0 5%; }
#gnb_all_ul > li .gnb_all_a { font-size:30px; font-weight:700; display:block; text-align: center; }
#gnb_all_ul > li .gnb_all_a:hover { color:#96c600; transition:ease-in-out 0.4s;  }
#gnb_all_ul > li .all_row2 { margin:10px 0 8px 0; }
#gnb_all_ul > li .all_row2 li a { font-size:20px; padding:3px 20px; display:block; text-align: center; font-family:'Pretendard'; letter-spacing:-1px; }
#gnb_all_ul > li .all_row2 li a:hover { background-color:#fcd947;  transition:ease-in-out 0.3s;}
#gnb_all input:checked ~ ul { transform: none;}
.al_row2 { display:none; }
#gnb_all_ul > li.dept_5, #gnb_all_ul > li.dept_6 { display:none; }



.footer { text-align:center; }
.footer > .inner { padding:100px 0 ; }
.footer .ptlist li { display:inline-flex; margin:0 15px; font-size:21px; }
.footer .ptlist li .bd { margin-right:10px; }
.footer address { margin-top:70px; }
.footer address > p { margin-bottom:11px; font-weight:400; font-family:'Pretendard'; }
.adminlogin { float:right; margin-top:-55px; }
.adminlogin a { font-size:13px; display: block; width:120px; height:35px; line-height:40px; text-align: center; border:1px solid #30415c; }
.adminlogin a:hover { background-color:#30415c; transition:all 0.3s; border:1px solid #30415c; color:#fff; }





@media screen and (max-width:1400px){ 
	.route_list { display:none; }
	#gnb_all_ul  { padding:5% 8%; }
}



@media screen and (max-width:1250px){
	.header { margin-top:12px; }
	.head_wrap { width:94%; margin: auto;}
	.gnb_al_ul { display:none; }
	.h_box { height:55px; }
	.h_box .logo { margin:19px 0 0 22px; }
	.h_box .logo a.home { font-size:17px; }
	#gnb_all input { right:0px; height:55px; }
	#gnb_all .sitemap { top:19px; right:20px; }
	#gnb_all .sitemap span { width:23px; margin-bottom:4px;  }
	.inner { padding:0 3%; }
	#gnb_all input:checked ~ .sitemap span:nth-last-child(2) { transform: rotate(-45deg) translate(-1px, 7px); }
	#gnb_all input:checked ~ .sitemap span { transform: rotate(45deg) translate(-8px, -12px); }
	#gnb_all_ul { top:-34px; padding:5%; }
	#gnb_all_ul > li { margin: 0 2%; width:20%; }
	#gnb_all_ul > li .gnb_all_a { font-size:22px; }
	#gnb_all_ul > li .all_row2 li a { font-size:15px; }
}

@media screen and (max-width:770px){ 
	.ynwrap { background-position:15% bottom; min-height:unset; }
	#gnb_all_ul > li { width:100%; float:unset; margin:0 0; }
	.footer { margin-top:0px; }
	.footer > .inner { padding:52px 0px; }
	.footer .ptlist li { font-size:13px; font-family:'Pretendard'; letter-spacing:-1px; margin:5px 15px; }
	.footer address > p { font-size:12px; }
	.footer address .call .mblock { display:block; }
	.adminlogin { display:none; }
	.ctt_course #ctt_con img { width:100%; }
}