@charset 'utf-8';

#outer-header { position:relative; width:100%; height:153px; }
#outer-header header { position:relative; width:980px; margin:0 auto; font-family:"Nanum Gothic", "nanumgothic"; text-align:left; }
#outer-header header #logo { position:absolute; left:0; top:36px; }
#outer-header header .sitemap { position:absolute; right:2px; top:39px; }
#outer-header header nav { width:548px; height:45px; padding: 42px 120px 0 312px; }
#outer-header header nav > ul { overflow:hidden; width:100%; height:25px; }
#outer-header header nav > ul > li { position:relative; float:left; margin-left:40px; }
#outer-header header nav > ul > li:first-child { margin-left:0; }
#outer-header header nav > ul > li a { font-size:16px; color:#333; }
#outer-header header nav > ul > li > ul { overflow:hidden; position:absolute; left:0; top:30px; }
#outer-header header nav > ul > li > ul.last-menu { left:-220px; }
#outer-header header nav > ul > li > ul li { float:left; margin-left:20px; white-space:nowrap; }
#outer-header header nav > ul > li > ul li:first-child { margin-left:0; }
#outer-header header nav > ul > li > ul li a { font-size:12px; color:#fff;; }
#outer-header .sub-body { padding-bottom:4px; background:url(https://www.enap.or.kr/images/common/bg/bg_header_shadow.png) repeat-x left bottom; }
#outer-header .sub-body .inner-sub-body { overflow:hidden; height:0; background:#3798e7; }

/* 190102 (S) */
#container {width:1200px; min-height: 520px; padding-bottom: 80px; margin:0 auto; text-align:left; }
/* //190102 (E) */
.cntwrap {margin-top: 142px;}
#container:after { clear:both; content:''; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
#container nav { float:left; width:220px; border-top:10px solid #1f75ba; margin-top:66px ; }
#container nav #lnb { border:1px solid #ccc; border-top:none 0; }
/* 181217 (S) */
#container nav #lnb h1 {padding:32px 0 17px 20px; border-bottom:1px solid #ccc; font-size: 26px; color: #1f74b9;}
/* //181217 (E) */
#container nav #lnb ul { padding:24px 10px 20px 20px; }
#container nav #lnb ul li { padding-left:23px; margin-top:18px; background:url(https://www.enap.or.kr/images/common/bg/bg_lnb_menu_off.png) no-repeat left top; }
#container nav #lnb ul li:first-child { margin-top:0; }
#container nav #lnb ul li:hover,
#container nav #lnb ul li.on { background:url(https://www.enap.or.kr/images/common/bg/bg_lnb_menu_on.png) no-repeat left top; }
/* 181217 (S) */
#container nav #lnb ul li a {font-weight:bold; font-size:15px; line-height:20px; color:#222; }
/* //181217 (E) */
#container nav #link-banner { margin-top:74px; }
#container nav #link-banner li { padding:10px 0 9px 1px; border-bottom:1px solid #e3e3e3; }
#container nav #link-banner li a img { vertical-align:top; }
/* 181217 (S) */
#container article { float:right; width:900px; margin-top:66px; word-break: keep-all; text-align: justify;}
/* //181217 (E) */
#container article #page-title { position:relative; width:100%; }
#container article #page-title .sns { position:absolute; right:0; top:0; }
#container article #page-title .sns a img { vertical-align:top; }
#container article #page-title h1 { font-family:"나눔고딕", "Nanum Gothic", "dotum"; font-size:34px; line-height:34px; *line-height:36px; color:#222; }
/* 181217 (S) */
#container article #page-title .location {margin-top:18px; font-size:14px;}
#container article #page-title .location span {padding-right:11px; margin-right:6px; background:url(https://www.enap.or.kr/images/common/ico/bul_loaction_clamp.gif) no-repeat 100% center;}
/* //181217 (E) */
#container article #page-title .location a,
#container article #page-title .location strong { color:#787878; }

#outer-footer { width:100%; background:url(https://www.enap.or.kr/images/common/bg/bg_footer.gif) repeat-x left top; }
#outer-footer footer { width:980px; margin:0 auto; text-align:left; }
#outer-footer footer .relation-site { height:36px; padding:16px 0 0; }
#outer-footer footer .relation-site:after { clear:both; content:''; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
#outer-footer footer .relation-site strong { float:left; width:70px; height:18px; padding:2px 0 0 0; font-size:11px; text-align:center; color:#fff; background:url(https://www.enap.or.kr/images/common/bg/bg_relation_site_title.png) no-repeat left top; }
#outer-footer footer .relation-site .slide-site { position:relative; float:left; width:840px; padding:2px 52px 0 18px; }
#outer-footer footer .relation-site .slide-site .slide-handler { position:absolute; right:2px; top:4px; text-align:right;}
#outer-footer footer .relation-site .slide-site .inner-slide-site { position:relative; overflow:hidden; width:840px; height:20px; }
#outer-footer footer .relation-site .slide-site .inner-slide-site ul { position:absolute; left:0; top:0; }
#outer-footer footer .relation-site .slide-site .inner-slide-site ul li { float:left; margin-left:20px; }
#outer-footer footer .relation-site .slide-site .inner-slide-site ul li:first-child { margin-left:0; }
#outer-footer footer .relation-site .slide-site .inner-slide-site ul li a { font-weight:bold; font-size:11px; color:#666; }
#outer-footer footer .user-infomation { position:relative; padding:17px 3px 0; }
#outer-footer footer .user-infomation .user-menu { width:100%; }
#outer-footer footer .user-infomation .user-menu:after { clear:both; content:''; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }
#outer-footer footer .user-infomation .user-menu li { float:left; padding-left:10px; margin-left:6px; background:url(https://www.enap.or.kr/images/common/bg/bg_divistion_line.gif) no-repeat 0 3px; }
#outer-footer footer .user-infomation .user-menu li:first-child { padding-left:0; margin-left:0; background:none; }
#outer-footer footer .user-infomation .user-menu li a { font-weight:bold; color:#888; }
#outer-footer footer .user-infomation .company { margin-top:10px; font-size:11px; line-height:12px; color:#999; }
#outer-footer footer .user-infomation .company address { display:inline; font-style:normal; }
#outer-footer footer .user-infomation .company a { color:#999; }
#outer-footer footer .user-infomation .copyright { font-size:11px; color:#999; }
#outer-footer footer .user-infomation .info-view { position:absolute; right:8px; top:18px; }


@media all and (max-width: 1280px){
#container {width: 98%;}
#container nav {width: 20%;}
#container article {float: left; width: 75%; margin: 66px 0 0 20px;}
}

@media all and (max-width: 812px){
#container {padding-bottom: 50px;}
#container nav {display: none;}
#container article {width: 100%; margin: 60px 0 0 0;}
.cntwrap {margin-top: 60px;}
}

/* 181227 (S) */
@media all and (max-width: 568px){
#container article #page-title .location {margin: 15px 0;}
ol.number-list li p {float: inherit !important;}
}

@media all and (max-width: 414px){
#container article {margin: 20px 0 0 0;}
#container article #page-title h1 {font-size: 25px;}
#container article #page-title .location {margin: 6px 0 15px;}
}
/* //181227 (E) */