@charset "utf-8";
/* 나눔폰트 적용 */
@font-face {
font-family: 'NotoKrR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/notokr-regular.eot);
src: url(/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
url(/fonts/notokr-regular.woff2) format('woff2'),
url(/fonts/notokr-regular.woff) format('woff');
}
@font-face {
font-family: 'NotoKrM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/fonts/notokr-medium.eot);
src: url(/fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
url(/fonts/notokr-medium.woff2) format('woff2'),
url(/fonts/notokr-medium.woff) format('woff');
}
@font-face {
font-family: 'nanum-square-r';
src: url('/fonts/nanumsquarer.eot');
src: url('/fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
url('/fonts/nanumsquarer.woff2') format('woff2'),
url('/fonts/nanumsquarer.woff') format('woff'),
url('/fonts/nanumsquarer.ttf') format('truetype'),
url('/fonts/nanumsquarer.svg#nanumsquarerregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nanum-square-b';
src: url('/fonts/nanumsquareb.eot');
src: url('/fonts/nanumsquareb.eot?#iefix') format('embedded-opentype'),
url('/fonts/nanumsquareb.woff2') format('woff2'),
url('/fonts/nanumsquareb.woff') format('woff'),
url('/fonts/nanumsquareb.ttf') format('truetype'),
url('/fonts/nanumsquareb.svg#nanumsquarebregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* reset */
html,body{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0;padding:0}
body {background:#fff;font-family:'NotoKrR'; letter-spacing:-0.5px;font-size:14px;line-height:160%;color:#525252;text-align:left;word-break:break-all;-ms-word-break:break-all;}
dl,ul,ol,li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select{font-size:14px;color:#333;vertical-align:top;font-family:'nanum';}
table {width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption {width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
a {cursor:pointer;}
/* common */
a:link, a:visited {text-decoration:none;color:#525252;}
a:hover, a:active {text-decoration:none;color:#e46744;}
.left {float:left;}
.right {float:right;}
.clear {clear:both; content:""; display:block; }
.txtLef {text-align:left !important;}
.txtCen {text-align:center !important;}
.txtRig {text-align:right !important;}
.txtJus {text-align:justify !important;}
.pos_res {position:relative;}
/*
font-family:'nanum';
font-family:'NotoKrM';
font-family:'nanumE';
font-family:'맑은 고딕', Malgun Gothic
*/
/* ---------------------------------------------------------------------
wrap
----------------------------------------------------------------------*/
.wrap {width:1200px;margin:0 auto;overflow:hidden;}
#topmnArea {background:#fff; color:#999; border-bottom:1px solid #e9e9e9; height:29px; line-height:29px; overflow:hidden;min-width:1200px;}
#topmnArea .login {float:right;position:relative;}
#topmnArea .login a {color:#666;display:inline-block; padding:0px 10px; font-size:12.5px; height:29px; letter-spacing:-0.5px;}
#header {margin:0 auto; min-width:1200px;height:94px; background:#fff; overflow:hidden;border-bottom:5px solid #14ae67; }
#header .logo {float:left; width:200px;height:89px; display:inline-block; padding:0px 0px 0px 0px;margin:0;}
#header #topmenu {float:left; width:1000px;padding:0px; margin:0px;}
#header #topmenu ul{float:right;padding:0px; margin:0px;list-style-type:none;}
#header #topmenu ul::after {clear:both; display:block; content:'';}
#header #topmenu li{float:left;padding:0 4px 0 4px;margin:0; list-style:none; padding:0px; margin:0px;}
#header #topmenu li a.gnb01 {display:block; font-size:18.5px; color:#444; font-family:'NotoKrM';height:89px; line-height:89px; padding:0px 32px; letter-spacing:-1px;}
#header #topmenu li a:hover.gnb01, #header #topmenu li a:hover.gnb01_on {color:#13ad67; background:none;}
#header #topmenu li a.gnb01_on {display:block; font-size:18.5px; color:#13ad67; height:89px; line-height:89px;font-family:'NotoKrM'; padding:0px 25px; letter-spacing:-1px;}
#topmenu li div {position:absolute;display:none;width:1px;height:1px;z-index:999;}
#topmenu li div dl {margin:88px 0 0 1px;padding:0px;width:134px;background:#ffffff;border:#14ae67 solid 2px; text-align:center;font-family:'NotoKrM';}
#topmenu li div dt {margin:0;padding:0;}
#topmenu li div dd {margin:0;padding:0;}
#topmenu li div dt a {overflow:hidden;line-height:40px;display:block;font-weight:normal;letter-spacing:-1px;padding:0px;font-size:14px;height:40px;border-top:1px solid #efefef;}
#topmenu li div dt:first-child a {overflow:hidden;line-height:40px;display:block;font-weight:normal;padding:0px;font-size:14px;height:40px;border-top:none;}
#topmenu li div dt a:hover {background:#14ae67;color:#fff;}
#topmenu li div dd a {overflow:hidden;line-height:18px;display:block;font-weight:normal;padding:3px 0 8px 15px;font-size:13px;height:18px;}
#topmenu li div dd a:hover {background:#efefef;}
#topmenu li a:hover,#topmenu .on {color:#000000;background:#efefef;}
#topmenu .on1 {background:#14ae67; color:#fff !important;}
#topmenu li div#subMenuBox1 dl{width:134px !important; margin-left:-10px;}
#topmenu li div#subMenuBox2 dl{width:164px !important; margin-left:8px; }
#topmenu li div#subMenuBox3 dl{width:134px !important; margin-left:-12px; }
#topmenu li div#subMenuBox4 dl{width:134px !important; margin-left:-4px; }
#topmenu li div#subMenuBox5 dl{width:134px !important; margin-left:-4px; }
#topmenu li div#subMenuBox6 dl{width:134px !important; margin-left:-4px; }
#topmenu li div#subMenuBox8 dl{width:134px !important; margin-left:-12px; }
/* ---------------------------------------------------------------------
contents
----------------------------------------------------------------------*/
#contents{width:100%;min-width:1200px; margin:0 auto; overflow:hidden; position:relative; }
/* ---------------------------------------------------------------------
footer
----------------------------------------------------------------------*/
#footer{clear:both; position:relative; width:100%;min-width:1200px;background:#373331; color:#999; padding:30px 0px; margin:0 auto; font-family:'NotoKrR'; }
#footer .link{margin-bottom:10px;}
#footer .info{margin-bottom:0px;}
#footer .info span {margin-right:30px;display:inline-block;}
#footer .info strong{font-family:'NotoKrM'; font-weight:normal; color:#fff;}
#footer .cr {font-family:'NotoKrR'; font-size:12px;letter-spacing:0px; padding-top:10px;}
#footer .cr strong{font-family:'NotoKrM'; font-weight:normal !important;}
#footer .goBlog{position:absolute; right:0px; top:25px; }
#footer .link a, #footer .info a{color:#b2b2b2; }
/* 화면상단,하단가기 */
#page_top_down, .page_top_down { position: fixed; right: 30px; bottom: 30px; z-index: 900; }
#page_top_down.min_fixed, .page_top_down.min_fixed { right: auto; left: 0; margin-left: 920px; }
#page_top_down a, .page_top_down a { display: block; width: 50px; height: 50px; background: url(/layouts/default/image/sp_top_down.png) no-repeat; text-indent: -999em; }
#page_top_down a.top:hover, .page_top_down a.top:hover { background-position: -51px 0; }
#page_top_down a.down, .page_top_down a.down { margin-top: 1px; background-position: 0 -51px; }
#page_top_down a.down:hover, .page_top_down a.down:hover { background-position: -51px -51px; }
.ready{text-indent:-99999px; display:block; width:400px; height:240px; margin:40px auto;background:url(/layouts/default/image/i_ready.png) center bottom no-repeat; }
*{-webkit-text-size-adjust:none;}