@font-face {
 font-family: 'NanumSquare';
 src: url(./font/NanumSquareR.eot);
 src: url(./font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(./font/NanumSquareR.woff) format('woff'),
      url(./font/NanumSquareR.ttf) format('truetype');
}
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.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,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;line-height:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:13px; color:#666;}
*{font-family: 'Noto Sans', sans-serif !important; }
body { font-family: 'Noto Sans', sans-serif;font-weight:600;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0; font-size:14px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:14px;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none !important;;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input{background:#fff;}
/* --- 공통 --- */
.fl{float:left !important;;}
.fr{float:right !important;;}
.clb{clear:both !important;;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;;}
.ml10{margin-left:10px !important;;}
.pl10{padding-left:10px !important;;}
.pl20{padding-left:20px !important;;}
.pl30{padding-left:30px !important;;}
.pl40{padding-left:40px !important;;}
.pr10{padding-right:10px !important;;}
.pr20{padding-right:20px !important;;}
.pr30{padding-right:30px !important;;}
.pr40{padding-right:40px !important;;}
.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.flr{float:right !important;;}
.db{display:block !important;}
.ma{margin:auto !important;}
/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* 레이아웃 */
#wrap{position:relative; width:100%; min-width:1440px;}

#header{position:relative; z-index:999; width:100%; border-bottom:1px solid #f5f5f6; background:#fff;}
#header .topUtil{width:100%; height:38px; background:url('../images/top_bg.jpg') no-repeat center top;background-size:cover;}
.topUtil_in{width:1180px; padding:0 10px;position:relative;margin:0 auto;}
.topUtil_in ul{position:absolute; right:0;overflow:hidden; clear:both}
.topUtil_in li{float:left;}
.topUtil_in a:link, .topUtil_in a:visited {display:block; font-size:12px; line-height:100%; color:#fff; padding:13px 11px 0 12px; }
.topUtil_in a:hover{text-decoration:none; color:#c4c4df;}
.topUtil_in li.search{width:210px; margin:0 10px 0 11px;}
.topUtil_in li.home a{background:none;}
.topUtil_in li.home img{padding:1px 11px 0 0; vertical-align:top;}
.topUtil_in dl{overflow:hidden; clear:both; background:#27277b;}
.topUtil_in dd{float:left;}
.topUtil_in dt{float:right;}
.input_search {border:0; background:none; font-size:12px; color:#c4c4df; padding:9px 8px 10px; width:140px;}
#header .header_in{width:1440px; margin:0 auto; padding:0; height:115px; position:relative;}
.header_in h1{position:absolute; top:18px; z-index:99999}

#header .gnb{position:relative; width:1220px;}
#header .gnb ul.menu{overflow:hidden; clear:both; position:relative; top:34px; padding-left:165px;}
.gnb li{float:left;}
.gnb li.m01{width:140px;}
.gnb li.m02{width:130px;}
.gnb li.m03{width:153px;}
.gnb li.m04{width:140px;}
.gnb li.m05{width:130px;}
.gnb li.m06{width:150px;}
.gnb li.m07{width:140px}
.gnb li.m08{width:32px}

.gnb li a{display:block; font-size:20px; letter-spacing:-1.5px; line-height:100%; color:#444; text-align:center; padding:10px 0 0; font-family:'Noto Sans KR','WebNanumGothic', '나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', Dotum,돋움, Arial, Apple-Gothic, sans-serif;}
.gnb li a:hover{text-decoration:none !important; color:#0e79d4 !important;}
.gnb_1depth_up{text-decoration:none !important;}

.gnb .menu .menu_depth ul{width:170px; position:relative; top:0px;left:-10px; z-index:9999; margin-top:19px;background:#fff; overflow:hidden;}
.gnb .menu .menu_depth ul li{display:block; text-align:center; width:100%; background:#fff; padding:3px 0; border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box;}
.gnb .menu .menu_depth ul li a{display:block; font-size:14px; color:#656565; letter-spacing:-0.8pt; padding:8px 0;}
.gnb .menu .menu_depth ul li a:hover{background:#0e79d4; color:#fff !important;}
.gnb .menu .menu_depth ul li.first{padding-top:10px; border-top:1px solid #ddd;}
.gnb .menu .menu_depth ul li:last-child{padding-bottom:10px; border-bottom:1px solid #ddd;}
.gnb .menu .menu_depth ul li.arrow{padding:0; border:none;}
.gnb .menu .menu_depth ul li.arrow img{ position:relative; top:5px;}
.gnb li.m01 .menu_depth ul{left:-25px;}
.gnb .menu li:hover >.menu_depth { display:block; }
.gnb .menu .menu_depth{ display:none; }

/*로그인*/
.area_login{position:absolute;right:0;top:31px;}
.area_login ul {}
.area_login ul li{float:left;width:106px;height:42px;}
.area_login ul li a{text-align: center;display: block;line-height: 42px;width:106px;height:42px;}
.area_login ul .join{background:url(../images/common/join_btn.png) 0 0 no-repeat;}
.area_login ul .login{background:url(../images/common/login_btn.png) 0 0 no-repeat;margin-left:5px}
.area_login ul .login a{color:#fff;}



/* 하단 */
#footer {position:relative; width:100%; clear:both; overflow:hidden;background: #fff;border-top: 1px solid #ddd;}
#footer .footer_in{width:1440px; padding:20px 0; margin:0 auto;}
#footer .footer_in p{padding:45px 0 20px 0; line-height:100%; letter-spacing:-0.52pt; color:#bababa; font-size:14px;}
#footer .line{width:100%;height:0.1px;border-bottom:1px solid #464646;}

#footer .footer_in a:link, .footer_in a:visited{color:#bababa; letter-spacing:0.1pt; }
#footer .footer_in a:hover{text-decoration:none}
#footer .copy{width:1440px;position:relative;margin:auto;padding:20px 0 40px 0px;color:#bababa;}

#footer .copy .copy_logo{width:460px;height:68px;background: url(../images/common/fot_logo.png) 0 0 no-repeat;padding-left:130px;letter-spacing: -1px;font-weight: normal;color: #898989;font-size: 14px; float:left;}
#footer .copy .copy_cms{width:265px;margin-left:575px; padding:2px 25px; border-left:2px solid #ddd; border-right:2px solid #ddd; letter-spacing:-1px; font-weight:normal; color:#898989; font-size:14px;}
#footer .copy .copy_cms strong{display:block;font-size:21px;font-weight:bold;color:#0e79d4;letter-spacing:-1px;margin-bottom:7px;}
#footer .copy .copy_cms:after{content:'';display:block;clear:both;}
#footer .copy .sns{position: absolute;right: 0;bottom: 30px;}

#footer .copy2{text-align: right;float: right;}


a.btn.all-menu{position: absolute;right: 249px;top: 46px;width:26px;height:18px;background:#FFF url(../images/common/menu.png) 0 0 no-repeat;}
a.btn.all-menu.on{background-position:0 -18px}
.menu-icons{position:absolute;left:50%;margin-left:-557px;top:-260px;width:980px;height:270px;background-color:#fff;z-index:3;overflow:hidden;}
.menu-icons li{float:left;}

 
 
.menu-icons li a{display:block;width:140px;height:40px;text-align:center;line-height:40px;font-size:15px;color:#0e79d4;}
.menu-icons .menu_thr li{float:none;height:30px;}
.menu-icons .menu_thr li a{font-size:14px;color:#313131;font-weight:400;}