@charset "utf-8";
/* SIR 지운아빠 */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); /*나눔고딕 Nanum Gothic */
@import url('http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css'); /* font-family:'Nanum Barun Gothic' */



*{ font-family:'Nanum Gothic';}


/* 초기화 */

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Nanum Gothic'}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul { margin:0;padding:0;list-style:none }
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Nanum Gothic';font-size:1em}
button {cursor:pointer}

textarea, select {font-family:'Nanum Gothic';font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}

/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:1100px;background:#fff;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto; width:100%;zoom:1; background:#edf1f4;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/*최상단 레이어*/
.hd_wrapper_top{ width:1100px; height:30px; margin:0 auto}
.hd_wrapper_top ul li{ height:30px; line-height:30px}
.hd_wrapper_top ul li a{ text-decoration:none; color:#5d5656; font-size:11px}


/*로고*/
.logo{ width:100%; height:110px;}
.logo ul {width:1100px; height:115px; line-height:115px; margin:0 auto; display:table;}
.logo ul li {float:left; width:33.33%}
.logo .sub_logo {width:100%; height:100%; display:inline-block;vertical-align:middle;}
.logo .sub_logo {width:100%; line-height:15px;}
.logo .sub_logo li {width:100%; line-height:15px;}
.logo .sub_logo li:last-child {width:100%; line-height:70px;}
.logo .sub_logo img {margin-right:10px;}
.logo .sub_logo img:last_child {margin-right:10px;}

/* 메인메뉴 */
#gnb {position:relative;margin:-1px 0 0; background:#257abd; font-weight:bold}
#topMenu {height: 45px; width: 1100px; margin:0 auto; display:table;}
#topMenu li {width:14.2%; border-right:1px solid #1d669d; list-style:none; color:white; float:left; line-height:45px; vertical-align:middle; text-align:center; }
#topMenu li a { font-size:15px; color:#fff; text-decoration:none; }
#topMenu li a:hover { opacity:0.7; font-weight:600;}
#topMenu li:last-child { border-right:0 }
#topMenu .menuLink { text-decoration:none; color:white; display:block; width:300px; font-size:14px; font-weight:bold;font-family:'Nanum Gothic'; }
#topMenu .menuLink:hover { opacity:0.7; }

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:100%; background:#f1f2f6; min-width:1100px}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {z-index:4;position:relative;float:left;width:100%;min-height:500px;height:auto !important;height:500px;background:#fff;font-size:1em; background:#f1f2f6;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

.main_banner {width:1100px; margin:0 auto;}
.main_banner ul {padding:0; margin:0; list-style:none;}
.main_banner ul li {float:left; width:765px; text-align:center;}
.main_banner ul li:last-child {float:left; width:333px; height:272px; text-align:center; border:1px solid #dedede}

.main_banner #main_side_banner {position:absolute;top:213px;left:35px;width:260px;height:34px;}

/* 메인 최신글 */
.main_latest {width:1100px; margin:0 auto;}
.main_latest ul li {float:left; width:258px; height:105px; text-align:left}
.main_latest ul li:last-child {width:326px; text-align:right}
.main_lastest_sub {position:relative; border:1px solid #ddd4cd; width:245px; height:105px; background:#fff}
.main_lastest_sub01 {position:absolute;top:80px;left:15px;width:90px;height:20px;}
.main_lastest_sub02 {position:absolute;top:80px;left:15px;width:140px;height:20px;}

.main_bottom_latest {border:1px solid #c0c5c9; height:168px; width:1100px; margin:0 auto; background:#fff}
.main_bottom_latest li {float:left; height:168px;}

aside { float:left; width:210px; height:478px; border:1px solid #dcdcdc; text-align:center; }
#aside_laster_top { line-height:35px; border-bottom:1px solid #c0c5c9; text-align:left; padding-left:20px; background-color:#8f9ba9 }
#aside_laster_tail { height:432px; text-align:center; background:#f5f6f8; padding-top:10px}

section { float:right; width:854px; text-align:center; background:#fff}


/* 하단 레이아웃 */
#ft {min-width:1100px; background-color:#2f3034}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_copy {border-top:#000}
#ft_copy div {position:relative;margin:0 auto;padding:10px 0;width:1100px;color:#dfdfdf}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}

#ft_warp { display:table; width:100%; background-color:#484b52;}

#ft_warp #ft_copy01 { position:relative;margin:0 auto;width:1100px;color:#9d9ca1}
#ft_warp #ft_copy01 ul {list-style:none;}
#ft_warp #ft_copy01 ul li {float:left; height:100px;}
#ft_warp #ft_copy01 ul li span{display:table-cell;vertical-align:middle; height:92px; line-height:150%; margin-left:10px;}