@charset "UTF-8";
/* Designed and Coding By MEDICAST */
/* Designer Yoon Jain (design,html,css,jquery) */

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
/* reset */
*{box-sizing:border-box;-webkit-text-size-adjust: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{margin:0;padding:0;border:0;list-style:none;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{color:#333;text-decoration:none;}
a:visited,a:active{text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:middle;}
b,strong{font-weight:bold;}
i,em{font-style:italic;}
u{text-decoration:underline;}
sup{font-size:0.75em; vertical-align:text-top;}
/* 텍스트 드래그 시 속성(IE8 이상) */
/*
::selection, ::-moz-selection{background:rgba(31,56,110,.9); color:#fff;}
img::selection{background:rgba(31,56,110,.7); color:#fff;}
*/
/* basic */
html{overflow-y:scroll; font-size:16px; line-height:1; color:#333; letter-spacing:-0.055em; zoom:1; scroll-behavior: smooth;}
body{width:100%; height:100%; margin:0 auto; background:#fff; font-family:'Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
/* common */
#wrap{clear:both; position:relative; width:100%; min-width:1200px; height:100%; margin:0 auto;}
#container{clear:both; position:relative; width:100%; height:auto; min-height:800px; margin:0; padding:0; background:#f3f3f3; z-index:auto;}
#container:after{content:''; clear:both; display:block;}
#container.sub:before{content:''; display:block; position:absolute; width:500px; height:512px; right:40px; bottom:0; background:transparent url('../images/main/bg_symbol_big.png') no-repeat right bottom; background-size:100%; z-index:0;}
.inner{clear:both; position:relative; margin:0 auto; width:1180px; padding:0 10px; box-sizing:content-box;}
.inner.w1200{width:1200px; padding:0;}
.inner:after{content:''; clear:both; display:block;}
.reading{clear:both; display:block; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);}
caption{clear:both; display:block; width:1px; height:1px; margin:-1px; overflow:hidden;}
caption.view{width:auto; height:auto; margin:0 auto 5px; color:#0066b3; font-size:0.875rem; overflow:inherit;}
caption.view:before{content:'<'; padding-right:2px;}
caption.view:after{content:'>'; padding-left:2px;}
a, button, input, textarea, select{font-family:'Noto Sans KR','Apple SD Gothic Neo','AppleGothic','FontAwesome',sans-serif; font-size:100%; letter-spacing:-0.055em; transition:color .2s ease, background .2s ease, border .2s ease, box-shadow .2s ease, transform .2s;}
a,a:hover,a:active,a:focus,button,button:hover,button:active,button:focus,input,input:hover,input:focus,textarea,textarea:hover,textarea:focus,select,select:hover,select:focus{transition:color .2s ease, background .2s ease, border .2s ease, box-shadow .2s ease, transform .2s;}
button{border:none;}
.layoutLeft{float:left;}
.layoutRight{float:right;}
.layoutRight:after{content:''; clear:both; display:block;}
.skipTo{position:fixed; top:-99px; left:0; width:100%; padding:16px 0; background:#333; color:#fff; text-align:center; opacity:0; z-index:999999;}
.skipTo:hover, .skipTo:focus, .skipTo:active{display:block; top:0; opacity:1;}
#bo_v_con{font-family:inherit;}
@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

/* header */
#header{clear:both; position:relative; width:100%; top:0; left:0; background:transparent; z-index:99;}
#header .snb{position:relative; width:100%; height:32px; margin:0 auto; background:#0066b3; text-align:center; box-sizing:border-box;}
#header .snb:after{content:''; display:block; position:absolute; width:100%; height:1px; bottom:0; left:0; background:#fff; opacity:0.1; z-index:2;}
#header .snb ul{float:left;}
#header .snb ul li{display:block; float:left; line-height:27px; margin-left:16px;}
#header .snb ul li:first-child{margin-left:0;}
#header .snb ul li a{display:inline-block; padding:2px; color:#88b2df; font-size:0.875rem;}
#header .snb ul li a:focus, #header .snb ul li a:hover{color:#b4d5f8;}
#header .snb ul li.ajouhome{width:32px; height:31px; line-height:1; background:#ffa400;}
#header .snb ul li.ajouhome a{width:100%; height:100%; padding:0; background:transparent; font-size:1rem;}
#header .snb ul li.ajouhome a i.ico{display:inline-block; width:100%; height:100%; transition:.2s;}
#header .snb ul li.ajouhome a i.ico.ajou{background:url('../images/ico_ajou_university.png') no-repeat center;}
#header .snb ul li.ajouhome a:focus i.ico, #header .snb ul li.ajouhome a:hover i.ico{opacity:.8;}
#header .snb ul li.admin a{color:#b4d5f8;}
#header .snb ul li.admin a:focus, #header .snb ul li.admin a:hover{color:#fff;}
#header .snb ul.sns{padding:0; background:rgba(0,0,0,.3);}
#header .snb ul.sns li{display:inline-block; width:32px; height:31px; line-height:1; margin:0;}
#header .snb ul.sns li a{width:100%; height:100%; padding:0; background:transparent; font-size:1rem;}
#header .snb ul.sns li a i.ico{display:inline-block; width:100%; height:100%; transition:.2s;}
#header .snb ul.sns li a i.ico.youtube{background:#ff0000 url('../images/ico_sns_youtube.png') no-repeat center;}
#header .snb ul.sns li a i.ico.instagram{background:#8a3bc2 url('../images/ico_sns_instagram.png') no-repeat center; background-image:url('../images/ico_sns_instagram.png'), linear-gradient(164deg, #3E6ADD 0, #8A3BC2 25%, #DA2E7D 50%, #FA6837 75%, #FEC761 100%); background-repeat:no-repeat;}
#header .snb ul.sns li a:focus i.ico, #header .snb ul.sns li a:hover i.ico{opacity:.8;}
#header .gnb{clear:both; display:block; position:relative; height:94px; background:#0066b3; z-index:1;}
#header .gnb .logo{display:inline-block; position:absolute; width:306px; height:50px; top:22px; left:10px; margin:0; background:transparent; vertical-align:top; z-index:99;}
#header .gnb .logo h1{width:100%; height:100%;}
#header .gnb .logo h1 a{display:block; width:100%; height:100%;}
#header .gnb .logo h1 a img{display:block; width:100%; max-width:306px; margin:0 auto;}
#header .gnb .nav{clear:both; display:inline-block; position:relative; width:100%; height:100%;}
#header .gnb .nav .inner{height:100%;}
#header .gnb .nav ul.depth01_lists{display:inline-block; position:relative; float:right; max-width:65%; line-height:94px; margin:0 auto; text-align:right; box-sizing:border-box;}
#header .gnb .nav ul.depth01_lists:after{content:''; clear:both; display:block;}
#header .gnb .nav ul li.depth01_list{position:relative; float:left; margin:0; padding:0 30px;}
#header .gnb .nav ul li.depth01_list:last-child{padding-right:0;}
#header .gnb .nav ul li a.depth01{position:relative; padding:8px 10px; color:#fff; font-size:1.25rem;}
#header .gnb .nav ul li a.depth01:focus, #header .gnb .nav ul li a.depth01:hover, #header .gnb .nav ul li:hover > a.depth01{font-weight:500;}
#header .gnb .nav ul li a.depth01:after{content:''; display:block; position:absolute; width:43px; height:43px; top:2px; left:50%; margin-left:-21.5px; background:url('../images/bg_symbol_small.png') no-repeat center; opacity:0; visibility:hidden; transition:all 0.18s ease; z-index:-1;}
#header .gnb .nav ul li a.depth01:focus:after, #header .gnb .nav ul li a.depth01:hover:after, #header .gnb .nav ul li:hover a.depth01:after{opacity:1; visibility:visible;}
#header .gnb .nav ul li ul.depth02_lists{display:block; position:absolute; width:152px; height:auto; line-height:1.2; top:78px; left:50%; margin:0 auto 0 -76px; padding:20px 12px; background:#fff; border-radius:4px; box-shadow:0 4px 8px rgba(0,0,0,.1); text-align:center; word-break:keep-all; transition:all 0.18s ease; transition-delay:0.1s; opacity:0; visibility:hidden; box-sizing:border-box;}
#header .gnb .nav ul li:last-child ul.depth02_lists{margin:0 auto 0 -61px;}
#header .gnb .nav ul li a:focus + ul.depth02_lists, #header .gnb .nav ul li a:hover + ul.depth02_lists, #header .gnb .nav ul li:hover > ul.depth02_lists, #header .gnb .nav ul li ul.depth02_lists.on{opacity:1; visibility:visible;}
#header .gnb .nav ul li ul li.depth02_list{display:block; margin:0 0 10px;}
#header .gnb .nav ul li ul li.depth02_list:last-child{margin:0;}
#header .gnb .nav ul li ul li.depth02_list.new > a:after{content:''; display:inline-block; width:13px; height:13px; margin-left:3px; background:url('../images/ico_link.png') no-repeat center center;}
#header .gnb .nav ul li ul li a.depth02{display:inline-block; position:relative; padding:1px 4px 2px; color:#959b9d; font-size:1.063rem; font-weight:400; line-height:1.3;}
#header .gnb .nav ul li ul li a.depth02:focus, #header .gnb .nav ul li ul li a.depth02:hover{color:#333;}
#header .gnb .nav ul li ul li.new a:after{content:''; display:inline-block; width:13px; height:13px; margin-left:4px; background:url('../images/ico_link.png') no-repeat center; vertical-align:bottom;}
#header .gnb .navMobile{display:none;}

/* footer */
#footer{clear:both; width:100%; height:auto; padding:0; background:#333;}
#footer .area01{clear:both; position:relative; line-height:60px; border-bottom:1px solid #484848;}
#footer ul.link{text-align:left;}
#footer ul.link li{display:inline-block; margin-right:40px;}
#footer ul.link li:last-child{margin-right:0;}
#footer ul.link li a{color:#c8cacb; font-size:1rem;}
#footer ul.link li a strong{color:#bb8732; font-weight:400;}
#footer ul.link li a:focus, #footer ul.link li a:hover{color:#fff;}
#footer ul.link li a:focus strong, #footer ul.link li a:hover strong{color:#f79433;}
#footer .back_to_top{display:block; position:absolute; width:60px; height:60px; line-height:60px; right:0; bottom:0; background:#bb8732; color:#fff; font-size:0.75rem; text-align:center; opacity:0; visibility:hidden; cursor:pointer; transition:.4s; z-index:99;}
#footer .back_to_top:focus, #footer .back_to_top:hover{background:#f79433;}
#footer .back_to_top.show{opacity:1; visibility:visible;}
#footer .back_to_top span{display:inline-block; line-height:1; margin-top:-4px; vertical-align:middle;}
#footer .back_to_top span:before{content:''; display:block; width:18px; height:10px; margin:0 auto 8px; background:url('../images/ico_arrow_up_white.png') no-repeat center;}
#footer .back_to_top span.reading:before{display:none;}
#footer .area02{clear:both; position:relative; padding:20px 0 32px;}
#footer .copyright{text-align:left;}
#footer .copyright div{margin-bottom:0;}
#footer .copyright div:last-child{margin-bottom:0;}
#footer .copyright div span{line-height:1.6; margin-right:12px; color:#c8cacb; font-size:1rem; word-break:keep-all;}
#footer .copyright div span a{color:#c8cacb; letter-spacing:-0.035em;}
#footer .copyright div span a:focus, #footer .copyright div span a:hover{color:#fff;}
#footer .copyright div span.address{}
#footer .copyright div span.tel{}
#footer .copyright div span.fax{}
#footer .copyright div span.email{}
#footer .copyright div span.copy{letter-spacing:-0.035em;}
#footer .copyright .snb{display:inline-block; margin-left:4px; vertical-align:middle;}
#footer .copyright .snb ul{}
#footer .copyright .snb ul li{display:inline-block; margin:0 2px;}
#footer .copyright .snb ul li a{display:inline-block; width:12px; height:16px; text-indent:-999999px;}
#footer .copyright .snb ul li.login a{background:url('../images/ico_admin_login.png') no-repeat center;}
#footer .copyright .snb ul li.logout a{background:url('../images/ico_admin_logout.png') no-repeat center;}
#footer .copyright .snb ul li.admin a{background:url('../images/ico_admin_login.png') no-repeat center;}
#footer ul.sns{position:absolute; top:0; right:0;}
#footer ul.sns li{display:inline-block; width:40px; height:40px; line-height:1; margin:0 2px;}
#footer ul.sns li a{display:block; width:100%; height:100%; padding:0; background:transparent; border-radius:50%; font-size:1rem; overflow:hidden;}
#footer ul.sns li a i.ico{display:inline-block; width:100%; height:100%; transition:.2s;}
#footer ul.sns li a i.ico.youtube{background:#ff0000 url('../images/ico_sns_youtube.png') no-repeat center;}
#footer ul.sns li a i.ico.instagram{background:#8a3bc2 url('../images/ico_sns_instagram.png') no-repeat center; background-image:url('../images/ico_sns_instagram.png'), linear-gradient(180deg, #3E6ADD 0, #8A3BC2 25%, #DA2E7D 50%, #FA6837 75%, #FEC761 100%);}
#footer ul.sns li a:focus i.ico, #footer ul.sns li a:hover i.ico{opacity:.8;}

@media only screen and (max-width:1920px){
	#container.sub:before{right:0;}
}

@media only screen and (max-width:1279px){
	#wrap{min-width:1000px;}
	.inner, .inner.w1200{width:96%; max-width:1200px; min-width:960px;}
	caption{margin:0;}
	#header .gnb .nav ul.depth01_lists{padding-right:10px;}
	#header .gnb .nav ul li.depth01_list{display:inline-block; padding:0 20px;}
	#header .gnb .nav ul li a.depth01{font-size:1.125rem;}
	#header .gnb .nav ul li:last-child ul.depth02_lists{margin:0 auto 0 -71px;}
	#header .gnb .nav ul li ul li a.depth02{font-size:1rem;}
	#footer ul.link li{margin-right:32px;}
}

@media only screen and (max-width:1023px){
	#wrap{min-width:296px;}
	#container{min-height:500px; padding-top:60px;}
	#container.sub:before{width:80%; max-width:500px; height:100%;}
	.inner{width:100%; min-width:296px; padding:0 12px; box-sizing:border-box;}
	.layoutLeft{float:none;}
	.layoutRight{float:none;}
	#header{position:fixed; height:60px; top:0; z-index:9999;}
	#header .snb, #header .gnb .logo, #header .gnb .nav{display:none;}
	#header .gnb{position:relative; height:inherit; top:0; transition:height 0s;}
	#header .gnb.on{height:inherit;}
	#header .gnb .navMobile{display:block;}
	#header .gnb .navMobile .logo{display:inline-block; float:none; width:268px; height:auto; margin:0; top:8px; z-index:0;}
	#header .gnb .navMobile .logo h1{margin:0;}
	#header .gnb .navMobile .logo h1 a{display:inline-block; padding:8px;}
	#header .gnb .navMobile .logo h1 a img{width:100%;}
	#header .gnb .navMobile button.navOpen{position:absolute; width:38px; height:38px; top:9.5px; right:6px; margin:0; padding:0; background:transparent; cursor:pointer;}
	/*#header .gnb .navMobile button.navOpen span{display:block; width:100%; height:100%; background:url('../images/ico_nav_open.png') no-repeat center center; background-size:100%; font-size:0; opacity:1;}*/
	#header .gnb .navMobile button.navOpen span{display:block; position:relative; width:20px; height:2px; margin:0 auto; background:#fff; font-size:0;}
	#header .gnb .navMobile button.navOpen span:before, #header .gnb .navMobile button.navOpen span:after{content:''; display:block; position:absolute; width:20px; height:2px; background:#fff;}
	#header .gnb .navMobile button.navOpen span:before{top:-6px;}
	#header .gnb .navMobile button.navOpen span:after{bottom:-6px;}
	#header .gnb .navMobile button.navOpen:focus span, #header .gnb .navMobile button.navOpen:hover span{}
	#header .gnb .navMobile .navPanel button.navClose{position:absolute; width:38px; height:38px; top:9.5px; right:6px; margin:0; padding:0; background:#0066b3; cursor:pointer;}
	/*#header .gnb .navMobile .navPanel button.navClose span{display:block; width:100%; height:100%; background:url('../images/ico_nav_close.png') no-repeat center center; background-size:100%; font-size:0; opacity:1;}*/
	#header .gnb .navMobile .navPanel button.navClose span{display:block; position:relative; width:20px; height:2px; margin:0 auto; background:transparent; font-size:0;}
	#header .gnb .navMobile .navPanel button.navClose span:before, #header .gnb .navMobile .navPanel button.navClose span:after{content:''; display:block; position:absolute; width:20px; height:2px; background:#fff;}
	#header .gnb .navMobile .navPanel button.navClose span:before{top:-6px; transform:translate3d(0,6px,0) rotate(45deg);}
	#header .gnb .navMobile .navPanel button.navClose span:after{bottom:-6px; transform:translate3d(0,-6px,0) rotate(-45deg);}
	#header .gnb .navMobile .navPanel button.navClose:focus span, #header .gnb .navMobile .navPanel button.navClose:hover span{}
	#header .gnb .navMobile .navPanel button.navClose:after{content:''; clear:both; display:block;}
	#header .gnb .navMobile .navPanel{display:block; position:fixed; width:100%; height:100vh; top:0; right:-100%; background:transparent; overflow-y:auto; overflow:hidden; opacity:0; transition:opacity .3s ease-in-out; z-index:-1;}
	#header .gnb .navMobile .navPanel.open{right:0; opacity:1; z-index:0;}
	#header .gnb .navMobile .navPanel .menuArea{position:fixed; width:62%; height:100%; right:-100%; border-radius:12px 0 0 12px; box-shadow:-4px 0 20px rgba(0,0,0,.1); overflow:hidden; transition:right .3s, opacity .2s ease-in-out;}
	#header .gnb .navMobile .navPanel.open .menuArea{right:0;}
	#header .gnb .navMobile .navPanel .menuArea .msnb{position:relative; width:100%; background:#0066b3; box-sizing:border-box; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .msnb:after{content:''; display:block; position:absolute; width:100%; height:1px; bottom:0; left:0; background:#fff; opacity:0.1; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul{display:inline-block; width:100%; height:60px; padding:21px 16px 23px; box-sizing:border-box;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li{display:inline-block; margin-right:10px;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li:last-child{margin-right:0;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li:last-child:after{content:''; clear:both; display:block;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li a{padding:2px; color:#88b2df; font-size:0.875rem; vertical-align:top; text-transform:uppercase;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li a:focus, #header .gnb .navMobile .navPanel .menuArea .msnb ul li a:hover{color:#b4d5f8;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.admin{}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.admin a{color:#b4d5f8;}
	#header .gnb .navMobile .navPanel .menuArea .msnb ul li.admin a:focus, #header .gnb .navMobile .navPanel .menuArea .msnb ul li.admin a:hover{color:#fff;}
	#header .gnb .navMobile .navPanel .menuArea .msnb2{width:100%; box-sizing:border-box; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .msnb2 ul{display:inline-block; width:100%; height:40px; background:#0066b3; text-align:left; box-sizing:border-box;}
	#header .gnb .navMobile .navPanel .menuArea .msnb2 ul li{display:inline-block; float:left; width:25%; height:40px; text-align:center; vertical-align:top;}
	#header .gnb .navMobile .navPanel .menuArea .msnb2 ul li a{display:block; width:100%; height:100%; line-height:1; background:rgba(0,0,0,.2); color:#fff; font-size:0.875rem; vertical-align:top; text-transform:uppercase;}
	#header .gnb .navMobile .navPanel .menuArea .msnb2 ul li a:focus, #header .gnb .navMobile .navPanel .menuArea .msnb2 ul li a:hover{}
	#header .gnb .navMobile .navPanel .menuArea .msnb2 ul li.ajouhome{width:50%;}
	#header .gnb .navMobile .navPanel .menuArea .msnb2 ul li.ajouhome a{padding:12px 16px 14px; background:#bb8732;}
	#header .gnb .navMobile .navPanel .menuArea .msnb2 ul li a i.ico{display:inline-block; width:100%; height:100%; transition:.2s;}
	#header .gnb .navMobile .navPanel .menuArea .msnb2 ul li a i.ico.youtube{background:url('../images/ico_sns_youtube.png') no-repeat center;}
	#header .gnb .navMobile .navPanel .menuArea .msnb2 ul li a i.ico.instagram{background:url('../images/ico_sns_instagram.png') no-repeat center;}
	#header .gnb .navMobile .navPanel .menuArea .menuList, #header .gnb .navMobile .menuArea .menuList ul, #header .gnb .navMobile .menuArea .menuList ul li, #header .gnb .navMobile .menuArea .menuList ul li a{display:block; position:relative; line-height:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	#header .gnb .navMobile .navPanel .menuArea .menuList{height:calc(100% - 100px); background:#fff; color:#fff; z-index:0; overflow-y:auto;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul{display:none;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.active > ul{display:block;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li > a{padding:20px 42px 20px 20px; background:#fff; border-bottom:1px solid #eee; color:#333; font-size:1.063rem; cursor:pointer; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li > a:focus, #header .gnb .navMobile .menuArea .menuList > ul > li > a:hover{color:#0066b3;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.hasSub > a:after{content:''; display:block; position:absolute; top:50%; right:18px; width:17px; height:9px; margin-top:-4.5px; background:url('../images/ico_plus_01.png') no-repeat center center; background-size:100%; z-index:5;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.hasSub.open > a{color:#0066b3; font-weight:500;}
	#header .gnb .navMobile .navPanel .menuArea .menuList > ul > li.hasSub.open > a:after{background:url('../images/ico_minus_01.png') no-repeat center center; background-size:100%;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul li a{padding:15px 42px 15px 22px; background:#f3f3f3; border-bottom:1px solid #eee; color:#333; font-size:0.875rem; cursor:pointer; z-index:2;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul li a{position:relative; padding-left:32px; background:#c8cacb; border-bottom:1px solid #bbbebf; color:#555; font-size:0.813rem;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul li a:before{content:''; display:block; position:absolute; top:50%; left:24px; width:2px; height:2px; background:#0066b3; border-radius:2px;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul li a:focus, #header .gnb .navMobile .navPanel .menuArea .menuList ul ul li a:hover{color:#000;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul > li.hasSub > a:after{content:''; display:block; position:absolute; top:50%; right:21px; width:11px; height:11px; margin-top:-5.5px; background:url('../images/ico_plus_02.png') no-repeat center center; background-size:100%; z-index:5;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul > li.hasSub.open > a{font-weight:500;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul > li.hasSub.open > a:after{background:url('../images/ico_minus_02.png') no-repeat center center; background-size:100%;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li a{position:relative; padding-left:34px; background:#c8cacb; border-bottom:none; color:#676767; font-size:0.75rem;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li a:before{content:''; display:block; position:absolute; top:50%; left:28px; width:2px; height:2px; background:#777;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li a:focus, #header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul li a:hover{color:#222;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul ul li.active a{color:#222;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul > li.hasSub > a:after{right:19.5px; width:7px; height:7px; margin-top:-3.5px; opacity:0.8;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul ul > li.hasSub.open > a:after{opacity:0.4;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul li.new a:after{content:''; display:inline-block; width:13px; height:13px; margin-left:8px; background:url('../images/ico_link.png') no-repeat center; vertical-align:bottom;}
	#header .gnb .navMobile .navPanel .menuArea .menuList ul ul li.new a:after{margin-left:4px;}
	#header .gnb .navPanel .menuBg{position:absolute; width:100%; height:100%; right:-100%; background:#000; opacity:0; z-index:-1; transition:opacity .3s ease-in-out;}
	#header .gnb .navPanel.open .menuBg{right:0; opacity:0.5;}

	#footer .copyright div span.address{display:block; margin-right:0;}
	#footer ul.sns{right:10px;}
	#footer .back_to_top{right:12px;}

	#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr{width:100%;}
	.hd_pops{width:100%; max-width:550px; top:68px !important; left:50% !important; margin-left:-275px;}
	.hd_pops img{width:100% !important;}
	.hd_pops_con{width:100% !important; height:auto !important;}
}

@media only screen and (max-width:768px){
	#header .gnb .navMobile .navPanel .menuArea{width:68%;}

	#footer .back_to_top{display:none !important;}
	#footer .area01{line-height:52px;}
	#footer ul.link{text-align:center;}
	#footer ul.link li a{font-size:0.875rem;}
	#footer .copyright{text-align:center;}
	#footer .copyright div span{font-size:0.875rem;}
	#footer ul.sns{position:relative; top:auto; right:auto; margin:12px auto 0; text-align:center;}

	.hd_pops{width:100%; max-width:70%; top:68px !important; left:50% !important; margin-left:-35%;}
	.hd_pops_footer button{font-size:0.813rem;}
}

@media only screen and (max-width:540px){
	#header .gnb .navMobile .logo{width:225px; top:10px;}
	#header .gnb .navMobile .navPanel .menuArea{width:76%;}

	#footer .area01{line-height:44px;}
	#footer ul.link li{margin-right:12px;}
	#footer ul.link li a{font-size:0.813rem;}
	#footer .area02{padding:20px 0 24px;}
	#footer .copyright{text-align:left;}
	#footer .copyright div{margin:0 auto 8px;}
	#footer .copyright div span{display:block; margin:0; font-size:0.813rem;}
	#footer ul.sns{text-align:left;}
}

@media only screen and (max-width:480px){
	.hd_pops{max-width:90%; margin-left:-45%;}
	.hd_pops_footer button{font-size:0.775rem;}
}

@media only screen and (max-width:319px){
	html{zoom:0.9;}
}

/* ie hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:768px){
}