@charset "utf-8";
/* WEB2WEB (http://web2web.co.kr), PEH 20140808 */
/* default */
body {font-family:'NanumGothic', '나눔고딕','NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 'Dotum'; color:#333;font-size:12px;padding:0px;margin:0px;text-align:left;letter-spacing:normal;-webkit-text-size-adjust:none; background-color:#121212; height:100%}
div,dl,dt,dd,ul,ol,li,p,button,table,text-area{margin:0;padding:0}
ul, ol, dl, dd, dt, li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0; padding:0}
form, fieldset{margin:0;padding:0;border:0}
img {border:0;outline:none; vertical-align:top;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px}
input {margin:0; vertical-align:middle;color:#888;}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"] { padding-left:5px;/*height:20px; line-height:20px;*/ border:1px solid #ccc;}
select {margin:0; padding:0; vertical-align:middle;color:#888}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
caption{visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
legend{position:absolute;top:0;left:0;visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;padding:0;margin:0}

/* 링크 */
a {text-decoration:none;color:#333;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#333;}
a:hover, a:focus, a:active{background:none;text-decoration:none; color:#0439a9;}

.layer_on {position:absolute !important; width:100% !important; padding-left:0 !important;}
.bg_layer {position:fixed;top:0;left:0;width:100%;height:150%;background:#000;opacity:.8;z-index:9999999;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";}

/* layout */
#wrap{position:relative; width:100%; margin:0 auto; min-width:1100px}
#header {position:absolute; top:20px; left:0; width:100%; z-index:30;}
.logo{float:left; width:200px; background-color:#005666; padding:12px 25px; height:56px}
#header .menu_area{width:1100px; overflow:hidden; margin:0 auto}
#gnb_area{position:relative; float:left; padding-top:22px; width:850px;  height:58px; background-color:#00b5bc; }
#gnb{width:785px; margin:0 auto; height:40px;}
#gnb span {display:block; height:40px;  padding:0 32px;  padding:0 30px \9 }
#gnb > li {position:relative; float:left; font-size:16px; letter-spacing:-0.4px; color:#fff; text-align:center; line-height:40px; font-weight:600 }
#gnb > li a{ display:block; color:#fff; }
#gnb > li.on > a { height:100%; background-color:#005666; color:#fff;}
#gnb > li:hover > a {background-color:#005666; color:#fff}

/*메인컨테이너*/
#m_container {position:relative; z-index:10; }
#m_container .m_visual {position:relative; overflow:hidden; width:100%;height:950px}
#m_container .m_visual ul {height:1050px;}
#m_container .m_visual ul .bg01{position:relative; background:url(/images/main/visual01.jpg) no-repeat center; width:100%; height:1050px;}
#m_container .m_visual ul .bg02{position:relative; background:url(/images/main/visual02.jpg) no-repeat center; width:100%; height:1050px;}
#m_container .m_visual ul .bg03{position:relative; background:url(/images/main/visual03.jpg) no-repeat center; width:100%; height:1050px;}
#m_container .m_visual ul li .head_copy_area{width:1100px; margin:0 auto; padding-top:250px; }
.head_copy{text-align:center}
.sub_copy{font-size:40px; line-height:80px; height:80px; text-align:center; padding:15px 0; color:#fff; background:url(/images/main/line.gif) no-repeat center bottom;}
.btn_go {display:block; margin:0 auto; border:3px solid #fff; width:180px; height:55px; text-align:center; font-size:20px; line-height:55px; border-radius:10px;  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */ margin-top:35px; cursor:pointer; color:#fff}
#m_container .m_content {position:relative; overflow:hidden; padding-top:33px}
#m_container .m_content:after{ clear:both; content:""; display:block;} 
.arrow_left {position:absolute; left:20px; top:500px; z-index:999999; cursor:pointer;}
.arrow_right{position:absolute; right:20px; top:500px; z-index:999999; cursor:pointer;}

/*메인 하단 배너*/
#m_container  .bottom_area{position:relative; width:1010px; margin:0 auto; z-index:999; }
#m_container .primary-content {position:absolute;bottom:20px;left:20px;width:1010px;margin:0 auto;height:100px;padding:0;/*background:url(/images/main/btm_bg.png);*/ background:#000;opacity:.8;z-index:9999999;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";}

#m_container .btn-open {position:absolute;right:0px;top:0px;overflow:hidden;display:block;width:30px;height:30px;background:url(/images/main/btn_close.png) no-repeat 50% 50%;text-indent:-9999px;}
#m_container .btn-more {position:absolute;left:144px;bottom:7px;width:41px;height:5px;padding:5px 0;background:url(/images/main/btn_more.png) no-repeat 50% 50%;text-indent:-9999px;}
#m_container .main-banner {position:relative;float:left;width:210px;height:100px;/*background:url(/images/main/menu_on.png) no-repeat 0 0;*/ background-color:#00b5bc}
#m_container .main-newline {position:relative;float:left;width:340px;height:83px;padding:10px 28px 0;overflow:hidden;}
#m_container .main-banner h2 {margin:10px 13px 0}
#m_container .main-banner .copy_area {margin-left:13px; color:#fff; font-size:11px}
#m_container .main-newline h2 {height:13px;margin:0 0 10px;}
#m_container .main-newline .btn-more {left:95px;bottom:70px;}
#m_container .main-newline ul {overflow:hidden;}
#m_container .main-newline ul li {overflow:hidden; line-height:14px;}
#m_container .main-newline ul li a {display:block; width:340px; height:20px; line-height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:url(/images/main/dot.gif) no-repeat left 8px }
#m_container .main-newline ul li a span {padding-left:10px;}
#m_container .main-newline ul li a:link,
#m_container .main-newline ul li a:active,
#m_container .main-newline ul li a:visited {color:#cbcdd4;}
#m_container .main-newline ul li a:hover {color:#ffffff;}

#m_container .content-off {height:30px !important;overflow:hidden;}
#m_container .content-off .main-banner {}
#m_container .content-off .main-newline {height:30px;padding:0 28px;}
#m_container .content-off .main-newline h2 {float:left;padding:9px 20px 0 0;}
#m_container .content-off .main-newline h2 img {vertical-align:top;}
#m_container .content-off .main-newline ul {float:left;overflow:hidden;width:260px;height:30px;}
#m_container .content-off .main-newline ul li {line-height:30px;}
#m_container .content-off .main-newline ul li a {display:block; width:260px; height: 30px; line-height: 30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background: url(/images/main/dot.gif) no-repeat left 13px;}
#m_container .content-off .btn-open {background:url(/images/main/btn_open.png) no-repeat 50% 50%;right:0;top:0;}



/*footer*/
#footer {position:relative; z-index:20; background:#121212}
#footer .inner {position:relative; width:1100px; margin:0 auto; padding:30px 0}
#footer .inner p.copyright{ clear:both; font-family:'돋움'; color:#999; line-height:18px; text-align:center} 

/*컨테이너*/
#container {position:relative; overflow:hidden; width:100%; margin:0 auto; z-index:10; min-height:500px; background-color:#fff; }
#container .sub_visual{ position:relative; width:100%;  margin:0 auto; background-color:#f6f6f6; border-bottom:1px solid #8A8A8A;}
#container .sub_visual .sub_visual_inner{ width:100%; height:200px; margin:0 auto;}
#container .sub_visual .sub_visual_inner.m1{ background:url(/images/sub/banner1.jpg) no-repeat center;}
#container .sub_visual .sub_visual_inner.m2{ background:url(/images/sub/banner2.jpg) no-repeat center;}
#container .sub_visual .sub_visual_inner.m3{ background:url(/images/sub/banner3.jpg) no-repeat center;}
#container .sub_visual .sub_visual_inner.m4{ background:url(/images/sub/banner4.jpg) no-repeat center;}
#container .sub_visual .sub_visual_inner.m5{ background:url(/images/sub/banner5.jpg) no-repeat center;}
#container .sub_visual .sub_visual_inner.m6{ background:url(/images/sub/banner6.jpg) no-repeat center;}
#container .sub_visual .sub_visual_inner.m7{ background:url(/images/sub/banner7.jpg) no-repeat center;}
#container .sub_visual .sub_visual_inner.m8{ background:url(/images/sub/banner8.jpg) no-repeat center;}
#container .sub_visual .sub_visual_inner.m9{ background:url(/images/sub/banner8.jpg) no-repeat center;}
#container .sub_visual .sub_visual_inner.m10{ background:url(/images/sub/banner8.jpg) no-repeat center;}
#container .sub_visual .sub_visual_inner.m11{ background:url(/images/sub/banner8.jpg) no-repeat center;}
#container .container_inner{position:relative;width:1100px; margin:0 auto; background-color:#fff;}
#container .container_inner:after{ clear:both; content:""; display:block;}
/*좌측네비*/
.aside {position:relative; overflow:hidden; width:200px; background-color:#fff; float:left; border-top-left-radius:10px;}
.aside .tit { height:52px; width:157px; padding:42px 0 0 23px; font-size:21px; font-weight:bold; color:#333; }
.aside .snb {overflow:hidden;  padding:15px 20px 15px 20px; margin-bottom:24px; background-color:#f6f6f6; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }
.aside .snb > li{}
.aside .snb > li > a {display:block; height:30px; line-height:30px; font-size:13px;}
.aside .snb > li > a > span {display:block; height:100%; padding-left:25px; background:url('/images/sub/dot.gif') no-repeat 12px 50%; color:#333;}
.aside .snb > li.on > a > span { background:url('/images/sub/list_on.gif') no-repeat;}

/*우측 컨텐츠*/
#colgroup {position:relative; overflow:hidden; width:1100px; min-height:600px; float:right; padding-top:60px; margin-bottom:60px;  background-color:#fff;}
#colgroup .sub_title {padding-bottom:44px; margin-bottom:40px; background:url(/images/sub/subtit_bg.gif) repeat-x 0 bottom; border-bottom:1px solid #ccc; }
#colgroup .sub_title h2 {padding-top:14px; margin-bottom:20px; font-size:42px; font-weight:600; color:#333; background:url(/images/sub/h2_bg.gif) no-repeat; }
#colgroup .sub_title .sub_title2{ font-size:20px; color:#666; font-weight:600;}
#colgroup .sub_title .path {position:absolute; right:0px; top:15px; height:30px; line-height:30px; background:url('/images/sub/ico_home.gif') no-repeat 0 center; padding-left:18px; color:#888;  font-size:14px; }
#colgroup .sub_title .path span {font-weight:600; }

.input_file {font-family:verdana,arial,굴림,돋움,helvetica,geneva,sans-serif; color:#333333; font-size:11px; background-color:#EFF1F5; border:0px #D2C8D1 solid; height:18px; cursor:pointer;}

/*퀵메뉴*/
.quick_left {position:absolute; top: -20px; z-index: 100;right: -110px; width: 78px; height:202px; background:url(/images/sub/bg_quick.png) no-repeat; padding-top:75px; padding-left:19px}
.quick_left .l_quick li {height:100px;}