@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
 */
/*reset*/
body,div,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,table,tr,th,td,caption,thead,tfoot,tbody,form,fieldset,p,address,header,footer,section,article,aside,nav,figure,figcaption{margin:0;padding:0;}
section, article, aside, footer, header, nav, hgroup {display:block;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#010101;}
img{border:0;vertical-align:top;max-width:100%;}
table{border-collapse:collapse;border-spacing:0;}
input,label{vertical-align:middle;}
html,body{width:100%;min-height:100%;color:#010101;}
body{font-family:'Nanum Gothic', sans-serif;}

/*레이아웃*/
#wrap{width:100%;}
#header_wrap{width:100%;}
header{width:1100px;margin:auto;height:114px;}
#mainVisual{width:100%;height:560px;overflow:hidden;}
#con_wrap{width:100%;padding-bottom:100px;}
#con{width:1100px;margin:auto;}
#footer_wrap{width:100%;}
footer{width:1100px;margin:auto;height:171px;}

/*스타일*/
.wrap{background-color:#fff;}

/*header*/
header{position:relative;overflow:hidden;}
.logo{text-indent:-99999px;width:301px;height:52px;position:absolute;top:50%;left:0;margin-top:-26px;}
.logo a{display:block;width:301px;height:52px;background:url('../images/logo.jpg') no-repeat center center;}
nav{float:right;margin-top:20px;}
.gnb li{float:left;}
.gnb li a{display:block;padding: 1.2em;font-size:18px;font-family: '맑은 고딕';}
.gnb:after{content:'';clear:both;}

/*mainVisual*/
.mainVisual{position:relative;}
.banner{width:2000px;height:560px;position:absolute;top:0;left:50%;margin-left:-1000px;}
.textBox{position:absolute;top:50%;left:50%;width:1000px;height:350px;margin-top:-175px;margin-left:-500px;text-align:center;z-index:9999;}
.textBox p{color:#fff;font-size:18px;margin-top:25px;}
.textBox p:nth-child(2){font-size:45px;margin-top:30px;}
.textBox p span{font-weight:bold;}

/*container*/
.con_wrap{background:url(../images/intro_bg.jpg) repeat-x center top;}
section{padding-top:48px;width:100%;padding-bottom:105px;}
section ul{width:100%;height:181px;}
section ul:after{content:'';clear:both;}
section ul li{float:left;margin-right:19.5px;overflow:hidden;}
section ul li:last-child{margin-right:0;float:right;}
section ul li a{width:204px;height:181px;}
section ul li h3{width:100%;height:37px;background-color:#00508f;color:#fff;text-align:center;line-height:37px;font-size:16px;}

/*board*/
.board{float:left;width:704px;height:263px;border:1px solid #d7d7d7;border-right:0;}
.board_title{width:100%;height:65px;border-bottom:1px solid #d7d7d7;}
.board_title h2{float:left;width:50%;padding-left:26px;text-align:left;font-size:22px;color:#00508f;line-height:64px;}
.board_title p{float:right;width:30%;padding-right:32px;text-align:right;font-size:14px;line-height:64px;}
.board_title p a{color:#979797;}
.board_title p img{margin-top:25px;margin-right:5px;}
.board_latest{width:704px;height:198px;}
/*cs*/
.cs{float:right;width:393px;height:262px;border:1px solid #d7d7d7;}


/*footer*/ 
#footer_wrap{border-top:1px solid #dadada;}
footer{box-sizing:border-box;padding-top:35px;}
footer p{font:14px/23px 'Nanum Gothic', sans-serif;color:#7d7d7d;}
footer p:first-child{color:#000;}
footer p span{color:#00508f;}

.lat {position:relative;/*margin-bottom:20px;*/overflow:hidden;/*border: 1px solid #c6cacc;*/background:#fff}
.lat .lat_title {display:none;/*display:block;*/padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc}
.lat .lat_title a{color:#253dbe;display:inline-block;position:relative}
.lat .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.lat ul{padding:30px 50px}
.lat li {position:relative;line-height:18px;padding:4px 0;padding-right:50px;padding-left:10px;position:relative;}
.lat li:before{position: absolute;top: 12px;left: 0px;width: 4px;height: 4px;background: #aaa;content: '';border-radius: 50%;}
.lat li a:hover{color:#a22121}
.lat li .fa-heart{color:#ff0000;}
.lat li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.lat li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.lat li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.lat li .fa-caret-right{color:#bbb}
.lat .lt_date{position:absolute;top:3px;right:0;color:#888}
.lat  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat  .empty_li:before{background:none;padding:0}

.lat .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.lat .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.lat .lt_more:hover{color:#777}
.sound_only{display:none;}