/* Designed and Coding By MEDICAST */
/* Designer Yoon Jain (design,html,css,jquery) */

@charset "UTF-8";
/* font */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800');
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	src:url('./font/NanumGothic-Regular.eot');
	src:url('./font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
	url('./font/NanumGothic-Regular.woff2') format('woff2'),
	url('./font/NanumGothic-Regular.woff') format('woff'),
	url('./font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:700;
	src:url('./font/NanumGothic-Bold.eot');
	src:url('./font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
	url('./font/NanumGothic-Bold.woff2') format('woff2'),
	url('./font/NanumGothic-Bold.woff') format('woff'),
	url('./font/NanumGothic-Bold.ttf') format('truetype')
}
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:800;
	src:url('./font/NanumGothic-ExtraBold.eot');
	src:url('./font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('./font/NanumGothic-ExtraBold.woff2') format('woff2'),
	url('./font/NanumGothic-ExtraBold.woff') format('woff'),
	url('./font/NanumGothic-ExtraBold.ttf') format('truetype');
}
/* reset */
*{font-family:'Nanum Gothic','나눔고딕',Dotum,'돋움','Apple SD Gothic Neo','FontAwesome',sans-serif !important; -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;/*outline:0;*/list-style:none;font-size:100%;font:inherit;letter-spacing:-0.055em;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:hover,a:active,a:focus{color:#000;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:middle;}
::selection{background:rgba(60,155,221,1); color:#fff;} /* 텍스트 드래그 시 속성(IE8 이상) */
::-moz-selection{background:rgba(60,155,221,1); color:#fff;}
/* basic */
html{overflow-y:scroll; font-size:16px; line-height:1.6; color:#222; letter-spacing:-0.055em; zoom:1;}
body{width:100%; height:100%; background:#efefef url('../images/sub/bg_pattern.jpg') repeat center center; margin:0 auto;}
/* 공통 */
#wrap{position:relative; width:100%; min-width:1024px; height:100%; margin:0 auto;}
#container{clear:both; position:relative; width:100%; height:100%; min-height:850px;}
.wrapper{clear:both; position:relative; width:1000px; margin:0 auto;}
.reading{clear:both; display:block; width:0; height:0; overflow:hidden;}
/* header */
#header{clear:both; position:relative; width:100%; height:140px;}
#header .logo{width:100%; height:96px; text-align:center; background:#fff;}
#header .logo h1{line-height:96px;}
#header .nav{position:relative; width:100%; height:44px; text-align:center; background:#fff; border-bottom:1px solid #dde0e5; overflow:hidden; -webkit-transition:height 0.25s; transition:height 0.25s; -webkit-transition-delay:0.35s; transition-delay:0.35s; z-index:9999;}
#header .nav .decoline{position:absolute; top:44px; width:100%; height:1px; background:#dde0e5;}
#header .nav .wrapper{width:100%; max-width:fit-content;}
#header .nav .gnb{width:100%; height:44px; box-sizing:border-box;}
#header .nav .gnb ul.depth01_lists{width:100%; height:44px;}
#header .nav .gnb .depth01_lists li.depth01_list{display:block; width:150px; height:44px; line-height:44px; margin:0 10px; float:left; text-align:center; box-sizing:border-box;}
#header .nav .gnb .depth01_lists li.depth01_list:first-child{margin-left:0}
#header .nav .gnb .depth01_lists li.depth01_list:last-child{margin-right:0}
#header .nav .gnb .depth01_lists .depth01_list a.depth01{display:block; position:relative; color:#222; font-size:17px; font-weight:700; transition:0.2s;}
#header .nav .gnb .depth01_lists .depth01_list ul.depth02_lists{position:absolute; width:150px; margin-left:30px; padding:18px 0; box-sizing:border-box;}
#header .nav .gnb .depth01_lists .depth01_list .depth02_lists li.depth02_list{position:relative; min-height:14px; line-height:1.4; margin-bottom:3px; padding-left:7px; text-align:left; word-break:keep-all;}
#header .nav .gnb .depth01_lists .depth01_list .depth02_lists li.depth02_list:before{content:'·'; display:block; position:absolute; left:0; font-size:13px; color:#444; font-weight:400;}
#header .nav .gnb .depth01_lists .depth01_list .depth02_lists .depth02_list a.depth02{display:inline-block; padding:1px 3px; color:#444; font-size:13px; font-weight:400; transition:0.2s;}
#header .nav .gnb .depth01_lists .depth01_list .depth02_lists .depth02_list a.depth02:hover, #header .nav .gnb .depth01_lists .depth01_list .depth02_lists .depth02_list a.depth02:focus{color:#3c9bdd;}
#header .nav.active{height:239px; -webkit-transition-delay:0.1s; transition-delay:0.1s;}
#header .nav.active .gnb .depth01_lists .depth01_list:hover a.depth01, #header .nav.active .gnb .depth01_lists .depth01_list:focus a.depth01{color:#243a72;}
/* footer */
#footer{clear:both; position:relative; width:100%; height:190px; padding:0; border-top:1px solid #dde0e5; box-sizing:border-box;}
#footer .info{clear:both; height:40px; line-height:40px; color:#69757c; background:#fff; font-size:13px; font-weight:700; text-align:center;}
#footer .info p{}
#footer .copyright{clear:both; position:relative; height:150px; padding:25px 0; background:#69757c; box-sizing:border-box;}
#footer .copyright p{display:block; margin-bottom:17px; color:#fff; font-size:14px; font-weight:700;}
#footer .copyright span{display:block; margin-bottom:8px; color:#fff; font-size:13px; font-weight:400; line-height:1.4;}
#footer .sta{clear:both;}
#footer .sta a{display:block; position:absolute; top:-125px; right:21px;border: 1px solid #495963;background:#fff;padding:5px;}
#footer .admin{clear:both;}
#footer .admin a{display:block; position:absolute; top:-125px; right:0; width:11px; height:14px; text-indent:-999999px; background:url(../images/ico_admin.png) no-repeat center center;}

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