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

/* font */
@import url('./pretendard.css');
@import url('./pretendardvariable.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@900&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:#222;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:.75em; vertical-align:text-top;}
/*a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:2px dotted #717171;}*/
/* basic */
html{overflow-y:auto; line-height:1; color:#222; font-size:16px; /*font-size:62.5%;*/ letter-spacing:-.035em; zoom:1; scroll-behavior:smooth;}
body{width:100%; height:100%; margin:0 auto; background:#fff; font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; /*font-size:1.6em;*/ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; letter-spacing:-.035em;}
body.hidden{min-height:100%; overflow-y:hidden !important; touch-action:none;}
@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
/* common */
#wrap{clear:both; position:relative; width:100%; min-width:1200px; height:100%; margin:0 auto; opacity:1; transition:.5s cubic-bezier(.165,.84,.44,1.000);}
#container{clear:both; position:relative; width:100%; height:auto; min-height:800px; margin:0; padding:0; background:#fff; z-index:auto; transition:.3s;}
#container:after{content:''; clear:both; display:block;}
.inner{clear:both; position:relative; margin:0 auto; width:1180px; padding:0 10px; box-sizing:content-box;}
.inner.w1200{width:1200px; max-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; width:1px; height:1px; margin:-1px -1px 0; overflow:hidden;}
caption.view{width:auto; height:auto; margin:0 auto 5px; color:#acacac; font-size:.875em; overflow:inherit;}
caption.view:before{content:'<';}
caption.view:after{content:'>';}
a, button, input, select, textarea{font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Nenu','Segoe UI','Apple SD Gothic Neo','Malgun Gothic','FontAwesome',sans-serif; font-size:100%; letter-spacing:-.005em; transition:color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease, box-shadow .3s ease, transform .3s;}
a,a:hover,a:active,a:focus,button,button:hover,button:active,button:focus,input,input:hover,input:focus,select,select:hover,select:focus,textarea,textarea:hover,textarea:focus{transition:color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease, box-shadow .3s ease, transform .3s;}
button{border:none;}
.layoutLeft{float:left;}
.layoutRight{float:right;}
.layoutRight:after{content:''; clear:both; display:block;}
ul.skip{position:fixed; top:0; z-index:999999;}
ul.skip li{}
ul.skip li a.skipTo{position:fixed; top:-99px; left:0; width:100%; padding:16px 0; background:#222; color:#fff; text-align:center; opacity:0;}
ul.skip li a.skipTo:focus, ul.skip li a.skipTo:hover, ul.skip li a.skipTo:active{display:block; top:0; opacity:1;}
i.ico{display:inline-block; font-family:'FontAwesome';}
.chk_pc{display:block;}
#bo_v_con{font-family:initial;}

/* header */
#header{clear:both; position:absolute; position:fixed; width:calc(100% - 56px); top:28px; left:28px; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.1); text-align:center; z-index:99; transition:.3s; transform-origin:center top;}
#header.scroll{width:100%; top:0; left:0;}
#header .inner{width:100%; padding:0; box-sizing:border-box;}
#header .logo{display:inline-block; position:absolute; width:234px; height:40px; top:16px; left:24px; margin:0; background:transparent; vertical-align:top; z-index:99;}
#header .logo h1{width:100%; height:100%;}
#header .logo h1 a{display:block; width:100%; height:100%;}
#header .logo h1 a img{display:block; width:100%; max-width:234px; margin:0 auto;}
#header .gnb{clear:both; display:block; position:relative; width:100%; height:72px; top:0; background:transparent; text-align:right; transition:height .4s; transition-delay:.1s; transition-timing-function:cubic-bezier(.22,.61,.36,1); z-index:9;}
#header .gnb .nav{background:transparent;}
#header .gnb .nav .menuList{display:inline-block; line-height:70px; margin-right:38px; vertical-align:top;}
#header .gnb .nav .menuList ul{display:inline-block; line-height:1;}
#header .gnb .nav .menuList ul li{display:inline-block; position:relative; text-align:right;}
#header .gnb .nav .menuList ul li a{position:relative; padding:1px 0; word-break:keep-all;}
#header .gnb .nav .menuList ul.depth01_lists{}
#header .gnb .nav .menuList ul li.depth01_list{margin:0 26px; vertical-align:top;}
#header .gnb .nav .menuList ul li.depth01_list:first-child{margin-left:0;}
#header .gnb .nav .menuList ul li a.depth01{display:inline-block; margin:0 0 25px; font-size:1.125em; font-weight:500;}
#header .gnb .nav .menuList ul li a.depth01:focus, #header .gnb .nav .menuList ul li a.depth01:hover{color:#333a70;}
/*#header .gnb .nav .menuList ul li a.depth01:before{content:''; display:inline-block; position:absolute; width:0; height:1px; bottom:-2px; left:0; background:#fff; transition:.3s;}
#header .gnb .nav .menuList ul li a.depth01:focus:before, #header .gnb .nav .menuList ul li a.depth01:hover:before{width:100%;}*/
#header .gnb .nav .menuList ul li ul.depth02_lists{display:block; position:absolute; min-width:196px; padding:4px; right:50%; background:#333a70; opacity:0; visibility:hidden; transform:translateX(50%); transform-origin:top center; transition:.3s ease-in-out; transition-delay:.05s;}
#header .gnb .nav .menuList ul li ul.depth02_lists:before{content:''; display:block; position:absolute; bottom:100%; left:50%; margin-left:-4px; border:8px solid transparent; border-bottom-width:9px; border-bottom-color:#333a70;}
#header .gnb .nav .menuList ul li ul li.depth02_list{display:block; margin:20px auto; text-align:center;}
#header .gnb .nav .menuList ul li ul li a.depth02{display:block; padding:2px; color:#fff; transition:.3s;}
#header .gnb .nav .menuList ul li ul li a.depth02 span{display:inline-block; position:relative;}
#header .gnb .nav .menuList ul li ul li a.depth02 span:before{content:''; display:inline-block; position:absolute; width:0; height:1px; bottom:-1px; left:0; background:#ffe554; transition:.2s;}
#header .gnb .nav .menuList ul li ul li a.depth02:focus, #header .gnb .nav .menuList ul li ul li a.depth02:hover{color:#ffe554;}
#header .gnb .nav .menuList ul li ul li a.depth02:focus span:before, #header .gnb .nav .menuList ul li ul li a.depth02:hover span:before{width:100%;}
#header .gnb .nav .menuList ul li.new{}
#header .gnb .nav .menuList ul li.new a{}
#header .gnb .nav .menuList ul li.new a span:after{content:''; display:inline-block; width:14px; height:14px; margin-bottom:-1px; margin-left:6px; background:url('../images/ico_newlink.png') no-repeat center; background-size:100%;}
#header .gnb .nav .menuList ul li a.depth01:focus + ul.depth02_lists,
#header .gnb .nav .menuList ul li a.depth01:hover + ul.depth02_lists,
#header .gnb .nav .menuList ul li:hover > ul.depth02_lists,
#header .gnb .nav .menuList ul li ul.depth02_lists.on{opacity:1; visibility:visible; transform:translateX(50%);}
#header .gnb .navMobile{display:none;}
#header .snb{display:inline-block; line-height:72px; vertical-align:top;}
#header .snb .member ul{display:inline-block;}
#header .snb .member ul li{display:inline-block; position:relative; float:left; margin:0;}
#header .snb .member ul li.login,
#header .snb .member ul li.logout{background:#333a70;}
#header .snb .member ul li.sitemap{width:72px; height:72px; background:#282c5c;}
#header .snb .member ul li a{display:block; height:100%; padding:0; color:#fff; font-size:.938em; font-weight:500; text-transform:uppercase;}
#header .snb .member ul li.login a,
#header .snb .member ul li.logout a{position:relative;padding:0 32px;}
#header .snb .member ul li.login a span:after,
#header .snb .member ul li.logout a span:after{content:''; display:inline-block; width:20px; height:20px; margin:-2px 0 0 6px; vertical-align:middle;}
#header .snb .member ul li.login a span:after{background:url('../images/ico_login.png') no-repeat center / 100%;}
#header .snb .member ul li.logout a span:after{background:url('../images/ico_logout.png') no-repeat center / 100%;}
#header .snb .member ul li .memberW{display:block; position:absolute; width:100%;padding:4px; right:50%; background:#fff;word-wrap: break-word; opacity:0; visibility:hidden; transform:translateX(50%); transform-origin:top center; transition:.3s ease-in-out; transition-delay:.05s;box-shadow:0 4px 12px rgba(0,0,0,.1);}
#header .snb .member ul li .memberW:before{content:''; display:block; position:absolute; bottom:100%; left:50%; margin-left:-4px; border:8px solid transparent; border-bottom-width:9px; border-bottom-color:#fff;}
#header .snb .member ul li .memberW ul {display:block;}
#header .snb .member ul li .memberW ul li{display:block; margin: auto; text-align:center;float:none;margin:20px 0;font-size:1.125em;}
#header .snb .member ul li .memberW ul li a,#header .snb .member ul li .memberW ul li p{display:block; padding:2px; color:#333; transition:.3s;line-height:1;}
#header .snb .member ul li .memberW ul li a span,#header .snb .member ul li .memberW ul li p span{display:inline-block; position:relative;}
#header .snb .member ul li .memberW ul li a span:before,#header .snb .member ul li .memberW ul li p span:before{content:''; display:inline-block; position:absolute; width:0; height:1px; bottom:-1px; left:0; background:#333a70; transition:.2s;}
#header .snb .member ul li .memberW ul li a span:after,#header .snb .member ul li .memberW ul li p span:after{display:none;}
#header .snb .member ul li .memberW ul li a:focus, #header .snb .member ul li .memberW ul li a:hover{color:#333a70;background:#fff;}
#header .snb .member ul li .memberW ul li a:focus span:before, #header .snb .member ul li .memberW ul li a:hover span:before{width:100%;}
#header .snb .member ul li .memberW ul li p span.mb_info{color:#282c5c;font-size:0.875em;line-height:1.2;}
#header .snb .member ul li .memberW ul li p span.mb_info strong{font-size:1.125em;}
#header .snb .member ul li .memberW ul li.admin a{color:#333a70;}

#header .snb .member a.mem:focus:after, #header .snb .member a.mem:hover:after, #header .snb .member a.mem.on:after {opacity: 1;visibility: visible;}
#header .snb .member a.mem:focus + .memberW, #header .snb .member a.mem:hover + .memberW, #header .snb .member:hover .memberW, #header .snb .member .memberW:hover, #header .snb .member .memberW.on {opacity: 1;visibility: visible;}

#header .snb ul li.sitemap a span{display:inline-block; position:absolute; width:12px; height:2px; top:50%; left:50%; margin:-1px auto 0 -3px; background:#fff; border-radius:2px; font-size:0; vertical-align:middle; transition:.3s;}
#header .snb ul li.sitemap a span:before, #header .snb ul li.sitemap a span:after{content:''; display:block; position:absolute; width:18px; height:2px; right:0; background:#fff; border-radius:2px;}
#header .snb ul li.sitemap a span:before{top:-8px;}
#header .snb ul li.sitemap a span:after{bottom:-8px;}
#header .snb ul li a:focus, #header .snb ul li a:hover{background:#5761b2;}
#header .snb ul li.admin{}
#header .snb ul li.admin a{color:#ffe555; opacity:1;}
#header .snb ul li.admin a:focus, #header .snb ul li.admin a:hover{color:#ffe555; opacity:1;}

/* footer */
#footer{clear:both; position:relative; width:100%; height:auto; background:#eff1fa;}
#footer .area01{clear:both; padding:40px 0;}
#footer ul.link{display:inline-block; text-align:center;}
#footer ul.link li{display:inline-block; line-height:1.6; margin-left:28px;}
#footer ul.link li:first-child{margin-left:0;}
#footer ul.link li a{line-height:1; font-size:.938em; font-weight:300;}
#footer ul.link li a strong{color:#333a70; font-weight:500; transition:.3s;}
#footer ul.link li a:focus, #footer ul.link li a:hover{color:#5761b2;}
#footer ul.link li a:focus strong, #footer ul.link li a:hover strong{color:#9da3d2;}
#footer .copyright{}
#footer .copyright div{display:block; margin:0 auto 12px; text-align:left;}
#footer .copyright > div:last-child{margin:20px auto 0;}
#footer .copyright div span{display:inline-block; line-height:1.6; margin-right:40px; font-size:.938em; font-weight:300; word-break:keep-all;}
#footer .copyright div span:last-child{margin-right:0;}
#footer .copyright div span strong{color:#333a70; font-weight:300;}
#footer .copyright div span a{color:#222;}
#footer .copyright div span a:focus, #footer .copyright div span a:hover{color:#5761b2;}
#footer .copyright div span.company{color:#333a70; font-weight:500;}
#footer .copyright div span.address{}
#footer .copyright div span.number{}
#footer .copyright div span.tel{}
#footer .copyright div span.fax{}
#footer .copyright div span.email{}
#footer .copyright div span.copy{margin-right:14px;}
#footer .copyright .snb{display:inline-block;opacity:.6;}
#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;}

/* quick */
#quick{display:block; position:fixed; width:48px; height:48px; bottom:24px; right:24px; text-align:center; z-index:98;}
#quick .btn_top{display:flex; width:100%; height:100%; margin:0 auto; background:#333a70; box-shadow:2px 2px 8px rgba(0,0,0,.1); visibility:hidden; opacity:0; transform:scale(0); transition:.3s; transition-delay:.3s;}
#quick .btn_top.show{visibility:visible; opacity:1; transform:scale(1);}
#quick .btn_top a.back_to_top{display:block; width:100%; height:100%; margin:0 auto; text-align:center; transition:all 0s, opacity .3s; cursor:pointer;}
#quick .btn_top a.back_to_top span{}
#quick .btn_top a.back_to_top span.arrow{display:inline-block; position:absolute; width:10px; height:11px; top:50%; left:50%; margin:0 auto; background:url('../images/ico_arrow_top.png') no-repeat center / 100% 100%; transform:translate(-50%,-50%);}
#quick .btn_top a.back_to_top:focus, #quick .btn_top a.back_to_top:hover{background:#5761b2;}

@media all and (min-width:1400px){
	.inner{width:1320px; padding:0 10px;}
	.inner.w1200{width:1340px; max-width:1340px;}
}


@media all and (min-width:1600px){
	.inner{width:1540px; padding:0 10px;}
	.inner.w1200{width:1560px; max-width:1560px;}
}

@media all and (max-width:1440px){
	#header .gnb .nav .menuList{margin-right:20px;}
	#header .gnb .nav .menuList ul li.depth01_list{margin:0 14px;}
	#header .snb ul li.login a, #header .snb ul li.logout a{padding:0 24px;}
}

@media all and (max-width:1279px){
	#wrap{min-width:1000px;}
	.inner, .inner.w1200{width:100%; min-width:960px; padding:0 20px; box-sizing:border-box;}
	caption{margin:0;}
	[data-aos]{pointer-events:auto !important; opacity:1 !important; transform:none !important;}

	#header{width:100%; height:72px; top:0; left:0; z-index:999;}
	#header .inner > .logo, #header .snb, #header .gnb .nav{display:none;}
	#header .gnb .navMobile{display:block;}
	#header .gnb .navMobile .logo{display:inline-block; position:absolute; width:234px; height:auto; top:16px; left:24px; margin:0; background:transparent; vertical-align:top; z-index:-1;}
	#header .gnb .navMobile .logo h1{width:100%; height:100%;}
	#header .gnb .navMobile .logo h1 a{display:block; width:100%; height:100%;}
	#header .gnb .navMobile .logo h1 a img{display:block; width:100%; max-width:234px; margin:0 auto;}

	#header .gnb .navMobile button.navOpen{display:block; position:absolute; width:72px; height:72px; top:0; right:0; margin:0; padding:0; background:#282c5c; cursor:pointer;}
	#header .gnb .navMobile button.navOpen span{display:inline-block; position:absolute; width:12px; height:2px; top:50%; left:50%; margin:-1px auto 0 -3px; background:#fff; font-size:0; vertical-align:middle; transition:.3s;}
	#header .gnb .navMobile button.navOpen span:before, #header .gnb .navMobile button.navOpen span:after{content:''; display:block; position:absolute; width:18px; height:2px; right:0; background:#fff; transition:.3s;}
	#header .gnb .navMobile button.navOpen span:before{top:-8px;}
	#header .gnb .navMobile button.navOpen span:after{bottom:-8px;}
	#header .gnb .navMobile button.navOpen:focus, #header .gnb .navMobile button.navOpen:hover{background:#5761b2;}

	#header .gnb .navPanel{position:fixed; width:100%; height:100%; top:0; right:0; background:transparent; overflow-y:auto; visibility:hidden; opacity:0; transition:opacity .4s ease-in-out; z-index:1; overflow:hidden;/* -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);*/}
	#header .gnb .navPanel .menuArea{position:absolute; width:25%; min-width:480px; height:100%; right:-100%; padding:0; background:#fff; opacity:0; transition:right .6s ease-in-out, opacity .4s ease-in-out; z-index:-1;}
	#header .gnb .navPanel .menuArea .msnb{display:block; width:calc(100% - 72px); height:72px; background:#e3e5f2;}
	#header .gnb .navPanel .menuArea .msnb ul{display:inline-block; width:100%; line-height:72px; padding-left:15px; text-align:left;}
	#header .gnb .navPanel .menuArea .msnb ul li{display:inline-block; line-height:1; margin-left:4px;}
	#header .gnb .navPanel .menuArea .msnb ul li:first-child{margin-left:0;}
	#header .gnb .navPanel .menuArea .msnb ul li a{padding:4px 12px; border:1px solid #333a70; border-radius:2em; color:#333a70; font-size:.875em; font-weight:400; text-transform:uppercase;}
	#header .gnb .navPanel .menuArea .msnb ul li a:focus, #header .gnb .navPanel .menuArea .msnb ul li a:hover{border-color:#5761b2; color:#5761b2;}

	#header .gnb .navPanel .menuArea .menuList,
	#header .gnb .menuArea .menuList ul,
	#header .gnb .menuArea .menuList ul li,
	#header .gnb .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 .navPanel .menuArea .menuList{height:calc(100% - 72px); background:#fff; color:#fff; text-align:left; z-index:0; overflow-y:auto;}
	#header .gnb .navPanel .menuArea .menuList ul li a{position:relative; cursor:pointer; z-index:2;}
	#header .gnb .navPanel .menuArea .menuList > ul > li > a{line-height:1.2; padding:18px 20px; background:#fff; border-bottom:1px solid #eee; color:#222; font-size:1.125em; outline-offset:-1px;}
	#header .gnb .navPanel .menuArea .menuList > ul > li.hasSub > a{padding:18px 60px 18px 20px;}
	#header .gnb .navPanel .menuArea .menuList > ul > li > a:focus,
	#header .gnb .menuArea .menuList > ul > li > a:hover{color:#5761b2;}
	#header .gnb .navPanel .menuArea .menuList > ul > li.hasSub > a:after{content:''; display:inline-block; position:absolute; width:22px; height:12px; top:50%; right:20px; margin-top:-6px; background:url('../images/ico_plus_01.png') no-repeat center / 100%; z-index:5;}
	#header .gnb .navPanel .menuArea .menuList > ul > li.hasSub.open > a{color:#5761b2; font-weight:500;}
	#header .gnb .navPanel .menuArea .menuList > ul > li.hasSub.open > a:after{background:url('../images/ico_minus_01.png') no-repeat center / 100%;}
	#header .gnb .navPanel .menuArea .menuList ul ul{display:none; padding:0;}
	#header .gnb .navPanel .menuArea .menuList ul ul li a{padding:16px 20px; background:#333a70; border-bottom:1px solid #282c5c; color:#fff; font-size:1em;}
	#header .gnb .navPanel .menuArea .menuList ul ul li.hasSub > a{padding:16px 60px 16px 20px;}
	#header .gnb .navPanel .menuArea .menuList ul ul li a:focus,
	#header .gnb .navPanel .menuArea .menuList ul ul li a:hover{background:#282c5c; color:#ffe555;}
	#header .gnb .navPanel .menuArea .menuList ul ul > li.hasSub > a:after{content:''; display:inline-block; position:absolute; width:12px; height:12px; top:50%; right:23px; margin-top:-6px; background:url('../images/ico_plus_02.png') no-repeat center / 100%; z-index:5;}
	#header .gnb .navPanel .menuArea .menuList ul ul > li.hasSub.open > a{color:#ffe555; font-weight:500;}
	#header .gnb .navPanel .menuArea .menuList ul ul > li.hasSub.open > a:after{background:url('../images/ico_minus_02.png') no-repeat center / 100%;}
	#header .gnb .navPanel .menuArea .menuList ul ul ul{margin:0; padding:0;}
	#header .gnb .navPanel .menuArea .menuList ul ul ul li a{padding:16px 28px; background:#13162a; border-bottom:1px solid #1c203b; color:#e3e5f2; font-size:.938em;}
	#header .gnb .navPanel .menuArea .menuList ul ul ul li a:focus,
	#header .gnb .navPanel .menuArea .menuList ul ul ul li a:hover{background:#13162a; color:#ffe555;}
	#header .gnb .navPanel .menuArea .menuList ul li.new a:after{content:''; display:inline-block; width:14.8px; height:14.8px; margin-top:3px; margin-left:8px; background:url('../images/ico_newlink_dark.png') no-repeat center / 100%; vertical-align:top;}
	#header .gnb .navPanel .menuArea .menuList ul ul li.new a:after{width:14px; height:14px; margin-top:0; margin-left:6px; background:url('../images/ico_newlink.png') no-repeat center / 100%; opacity:.8;}
	#header .gnb .navPanel .menuArea .menuList ul ul ul li.new a:after{width:12px; height:12px; margin-top:2px;}

	#header .gnb .navPanel .menuArea .mb_info{display:block;position:absolute;bottom:0;left:0;width:100%;height:54px;line-height:54px;background:#333a70;color:#ffe555;font-size:.938em;text-align:center;}
	#header .gnb .navPanel .menuArea .mb_info a{display:block;position:relative;width:100%;height:100%;background:#333a70;color:#ffe555;}
	#header .gnb .navPanel .menuArea .mb_info a:focus,#header .gnb .navPanel .menuArea .mb_info a:hover{background:#5761b2;}
	#header .gnb .navPanel .menuArea .mb_info a span.txtW{display:inline-block;position:absolute;width:100%;line-height:1.2;top:50%;left:50%;transform:translate(-50%,-50%);}
	/*#header .gnb .navPanel .menuArea .mb_info.admin + span.mb_info{display:none;}*/
	#header .gnb .navPanel .menuArea .mb_info.admin{bottom:55px;}


	#header .gnb .navPanel button.navClose{display:block; position:absolute; width:72px; height:72px; top:0; right:0; margin:0; padding:0; background:#9da3d2; cursor:pointer;}
	#header .gnb .navPanel button.navClose span{display:block; position:relative; width:26px; height:2px; margin:0 auto; background:transparent; border-radius:2px; font-size:0; transition:.3s;}
	#header .gnb .navPanel button.navClose span:before, #header .gnb .navPanel button.navClose span:after{content:''; display:block; position:absolute; width:26px; height:2px; background:#fff; transition:.3s;}
	#header .gnb .navPanel button.navClose span:before{top:-8px; transform:translate3d(0,8px,0) rotate(45deg);}
	#header .gnb .navPanel button.navClose span:after{bottom:-8px; transform:translate3d(0,-8px,0) rotate(-45deg);}
	#header .gnb .navPanel button.navClose:focus span, #header .gnb .navPanel button.navClose:hover span,
	#header .gnb .navPanel button.navClose:focus span, #header .gnb .navPanel button.navClose:hover span{transform:rotate(180deg);}
	#header .gnb .navPanel button.navClose:after{content:''; clear:both; display:block;}
	#header .gnb .navPanel .menuBg{position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0; z-index:-1; transition:opacity .4s ease-in-out;}

	#header .gnb .navPanel.open{visibility:inherit; opacity:1; z-index:0;}
	#header .gnb .navPanel.open .menuArea{right:0; opacity:1; z-index:0;}
	#header .gnb .navPanel.open .menuArea:before, #header .gnb .navPanel.open .menuArea:after{left:-80px; box-shadow:-10px 10px 10px rgba(0,0,0,.02); opacity:1;}
	#header .gnb .navPanel.open .menuBg{opacity:.5;}

	#footer .area01{padding:28px 0;}
	#footer ul.link li{margin-left:20px;}
	#footer .layoutLeft{position:relative; width:100%; z-index:1;}
	#footer .layoutRight{position:relative; z-index:2;}
	#footer .copyright{margin-top:-1.6em;}
	#footer .copyright div span{margin-right:28px;}
}

@media all and (max-width:1023px){
	#header.scroll{top:0; box-shadow:0 0 8px rgba(0,0,0,.1);}
	#wrap{min-width:296px;}
	#container{min-height:500px; padding:72px 0 0;}
	.inner, .inner.w1200{width:100%; min-width:296px; padding:0 12px; box-sizing:border-box;}
	.layoutLeft{float:none;}
	.layoutRight{float:none;}

	#footer .inner{width:100%; padding:0 16px;}
	#footer .layoutLeft{float:left;}
	#footer .layoutRight{float:right;}
	#footer .copyright{margin-top:-2.2em;}
	#footer .copyright div span{margin-right:20px; font-size:.938em;}
	#footer ul.link{display:block; margin:0 auto 12px;}
	#footer ul.link li{margin-left:12px;}

	#quick{display:none;}
	#footer .snb{display:none;}

	#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 all and (max-width:768px){
	.chk_pc{display:none;}
	#container{padding:54px 0 0;}

	#header{height:54px;}
	#header .gnb .navMobile .logo{width:172px; top:13px; left:10px;}
	#header .gnb .navMobile button.navOpen{width:54px; height:54px;}

	#header .gnb .navPanel .menuArea{width:80%; min-width:280px;}
	#header .gnb .navPanel .menuArea .msnb{width:calc(100% - 54px); height:54px;}
	#header .gnb .navPanel .menuArea .msnb ul{line-height:54px; padding-left:12px;}
	#header .gnb .navPanel .menuArea .msnb ul li a{padding:5px 8px; font-size:.813em;}
	#header .gnb .navPanel .menuArea .menuList{height:calc(100% - 54px);}
	#header .gnb .navPanel .menuArea .menuList > ul > li > a{font-size:1em;}
	#header .gnb .navPanel .menuArea .menuList > ul > li.hasSub > a:after{width:14px;}
	#header .gnb .navPanel .menuArea .menuList ul ul li a{font-size:.938em;}
	#header .gnb .navPanel .menuArea .menuList ul ul > li.hasSub > a:after{width:9px;}
	#header .gnb .navPanel .menuArea .menuList ul ul ul li a{font-size:.875em;}
	#header .gnb .navPanel .menuArea .msnb2 ul{padding-left:20px;}
	#header .gnb .navPanel .menuArea .mb_info{height:40px; line-height:40px;}
	#header .gnb .navPanel .menuArea .mb_info.admin{bottom:41px;}
	#header .gnb .navPanel .menuArea .mb_info a{font-size:.875em;}
	

	#header .gnb .navPanel button.navClose{width:54px; height:54px;}

	#footer .inner{padding:0 12px;}
	#footer .layoutLeft, #footer .layoutRight{display:inline-block; float:none; width:100%;}
	#footer .area01{line-height:1; padding:16px 0;}
	#footer .copyright{margin-top:0;}
	#footer .copyright div{text-align:center;}
	#footer .copyright div span{margin:0 6px; font-size:.875em;}
	#footer ul.link li a{font-size:.875em;}

	#quick{display:none !important;}
	#footer .snb{display:none !important;}

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

@media all and (max-width:480px){
	#header .gnb .navPanel .menuArea{min-width:84%; max-width:320px;}

	#footer ul.link li a{font-size:.813em;}
	#footer .copyright div span{font-size:.813em;}

	.hd_pops{max-width:90%; margin-left:-45%;}
	.hd_pops_footer button{font-size:.775em;}
}

@media all and (max-width:319px){
	html{font-size:14.6px; /*zoom:.9;*/}
	#wrap{min-width:280px;}
	.inner{min-width:280px;}

	#header .gnb .navMobile .logo{width:200px; top:14px;}
	#header .gnb .navPanel .menuArea{min-width:90%;}

	#footer ul.link{padding:12px 12px 14px;}
}

/* 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){
}