@charset "UTF-8";
@import url('https://fastly.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');

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;
	font-size: 100%;
   line-height:160%;
   box-sizing: border-box;
   word-break: keep-all;
}
body,html {
   font-family: "Wanted Sans Variable", sans-serif;
   font-size: 16px;
   color: #111;
   font-weight: 400;
   background: #fff;
   position: relative;
}
address {font-style:normal;}
html {overflow-x: hidden;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul, dl {
	list-style: none;
}
ol {    
   list-style: decimal; 
   list-style-position: outside;
   padding-left: 1rem;
}
blockquote, q {
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
   table-layout: fixed;
   width:100%;
}
sub {
   font-size: 65%;
   vertical-align: inherit;
}

input, select {vertical-align:middle;}
/*select {background:url('../image/icon/icon-select-down-bk.png') no-repeat 95% 50%; appearance : none;}*/
select::-ms-expand { display: none; }
th, td, input, select, textarea, button  {border: none; font-family: 'Wanted Sans Variable', sans-serif;  font-weight: 400;vertical-align:middle; font-size: inherit;}
img {border:none; outline: none; vertical-align:top; max-width:100%;}
a:link, a:visited { color:inherit; text-decoration:none; display: block;}
a:active, a:hover { text-decoration:none; }
.hidden {position:absolute; left:-9999px; font-size:1px; width:1px; height:1px; line-height:0;}
.clearfix:after {content:""; display:block; clear:both;}

/* layout */
.inner{width:1200px; margin:0 auto;}

/*스킵메뉴*/
#skipNav { width:300px; position:absolute; z-index:9999;}
#skipNav a { position:absolute; top:-100px;}
#skipNav a:hover,
#skipNav a:active,
#skipNav a:focus { position:absolute; top:0; width:300px; height:20px; display:block; background:#333; color:#fff; text-align:center; font-size:16px; font-weight:bold;}

.icoSns {display: inline-block;width: 25px;height: 25px;background: url(/admission/design/images/common/ico_sns.png) no-repeat;background-position-y:0 ;background-size:cover;vertical-align: middle;}
.icoSns--instagram {background-position-x: 0;}
.icoSns--blog {background-position-x:-25px ;}
.icoSns--youtube {background-position-x:-50px ;}
.icoSns--facebook {background-position-x:-75px ;}

/* 공통 */
a.btn {padding:0.6rem 1.5rem; background:rgba(255,255,255,0.75); color:#333; display:inline-block; box-sizing:border-box;transition:0.15s ease;}
a.btn:hover {background:#1b2945;color:#fff; transition:0.15s ease}

/* 헤더 */
#header {position: relative;}
#header .top { background:#A52576}
#header .top ul {display: flex; gap: 20px; justify-content: flex-end; align-items:center;}
#header .top ul li{position: relative}
#header .top ul li:first-child::after {position:absolute; right:-10px; height:13px; background:#ddd; top:50%; transform:translateY(-50%); width:1px; content:""}
#header .top ul li:last-child a{background:#fff; padding:4px 20px; font-weight:bold; color:#A52576;font-size:16px}
#header .top ul a {font-size: 13px; color:#fff}
#header .top ul a:hover {text-decoration: underline; text-underline-offset: 2px;}
#header .bottom {margin:.5rem 0}
#header .bottom .inner {display:flex; justify-content: space-between; align-items:center}
#header .bottom .inner .logo {flex:1}
#header .bottom .inner .sns-zone {flex:1;}
#header .bottom .inner .sns {display:flex; justify-content:flex-end;}
#header .bottom .inner .sns a {width:40px; height:40px; display:flex; align-items:center; justify-content:center;}
#header .bottom .inner .sns li:first-child a{border-radius:8px 0 0 8px}
#header .bottom .inner .sns li:last-child a{border-radius:0 8px 8px 0}
#header .gnb {border-bottom:1px solid #ddd; border-top:1px solid #ddd; position:relative; box-sizing:border-box;}
#header .gnb::after{position:absolute; left:0;top:100%; height:250px; width:100%; content:''; z-index:9; height:0; border-bottom:1px solid #ddd; background:#fff;transition:0.25s linear}
#header .gnb.on::after {height:200px; transition:0.25s linear}
#header .gnb .depth1 {display:flex;}
#header .gnb .depth1 > li {flex:1; position:relative;}
#header .gnb .depth1 > li.active::after {width:100%;transition:0.15s ease}
#header .gnb .depth1 > li::after {position:absolute;left:0;bottom:0px;width:0;background:#a52576;height:3px;content:'';transition:0.15s ease}
#header .gnb .depth1 > li > a {text-align:center; font-size:1.125em; padding:10px; font-weight:500}
#header .gnb .depth2 {position:absolute; left:0; top:calc(100%); width:100%; z-index:99;height:0; overflow:hidden; display:block; }
#header .gnb .depth2 > li > a{text-align:center; padding:4px 0; transition:0.15s ease}
#header .gnb .depth2 > li > a:hover {color:#a52576; transition:0.15s ease; font-weight:500}
#header .gnb .depth2 > li:first-child {margin-top:10px}
#header .m-gnb {display:none;}
#header .m-gnb .btn-open{display:none;}
#header .m-gnb .m-gnb-wrap{display:none;}


/* 푸터 */
#footer {background:#181818}
#footer .inner {padding:3rem 0;}
#footer .logo {color:#fff; font-weight:bold; font-size:1.375rem; display:flex;gap:8px; align-items:center}
#footer img {max-width:180px;}
#footer address {color:rgba(255,255,255, 0.8); margin:20px 0}
#footer .bottom {border-top:1px solid rgba(255,255,255,0.2); padding-top:20px}
#footer .bottom p {color:rgba(255,255,255,0.8)}