@charset "utf-8";
/* 레이아웃 */
#wrapper{ width:100%; }
/* header */
#header {width:100%; height:132px; }
#header .header_inner{width: 986px; margin:0 auto;position: relative;}
.h_top_pos {position: absolute;top: 33px;right: 0;}
.h_top_pos .h_top {}
.h_top_pos .h_top ul {} 
.h_top_pos .h_top ul li {float:left;}
.h_top_pos .h_top ul li a {display:block; font-size:11px; color:#999; padding:0 7px; position: relative;}
.h_top_pos .h_top ul li a:hover{ font-family: "NanumGothic"; }
.h_top_pos .h_top ul li a:after{position: absolute; width: 1px; height: 8px; background-color: #ddd; top: 3px;left: 0;content: "";}
.h_top_pos .h_top ul li:first-child a {background:none; padding-left:0;}
.h_top_pos .h_top ul li:first-child a:after{display: none;}
.h_top_pos .h_top ul li.last a {padding-right:0;}

.h_mid_pos {position: absolute;left: 0;top: 40px;}
.h_mid {}

.nav_pos {position: absolute;width: 449px;right: 0;top: 67px;}
.depth_bar {position:absolute; left:0; top:38px;width: 100%; background-color:#c1c1c1; z-index:1;}
.nav_section { z-index:3;}
.nav_section .gnb {position:absolute;right:0;}
.nav_section .gnb > ul.gnb_list {font-size:17px; }
.nav_section .gnb > ul.gnb_list > li {position:relative; float:left;}
.nav_section .gnb > ul.gnb_list > li > a {display:block;padding: 3px 35px 40px 35px; color:#333;}
.nav_section .gnb > ul.gnb_list > li > a.on,
.nav_section .gnb > ul.gnb_list > li > a.active,
.nav_section .gnb > ul.gnb_list > li > a:hover {color:#0090b9;}
.nav_section .gnb > ul.gnb_list > li:first-child > a {padding-left:0;}
.nav_section .gnb > ul.gnb_list > li.last > a {padding-right:0;}
.nav_section .gnb .depth2 {display:none; position:absolute; top:35px; overflow:hidden; z-index:3;}
.nav_section .gnb .g_dep1 {left:5px;width: 380px;}
.nav_section .gnb .g_dep2 {left:-105px; width:432px;}
.nav_section .gnb .g_dep3 {left: -22px;width: 180px;}
.nav_section .gnb .g_dep4 {left:-64px; width:200px;}
.nav_section .gnb .g_dep5 {left:-100px; width:265px;}
.nav_section .gnb .depth2 ul {position:relative; overflow:hidden; *zoom:1;}
.nav_section .gnb .depth2 ul:after {content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
.nav_section .gnb .depth2 ul li {float:left;}
.nav_section .gnb .depth2 ul li a {display:block; font-size:13px; color:#ededed;padding: 8px 12px 11px; font-family: "Nanum Gothic"; }
.nav_section .gnb .depth2 ul li:first-child a {/* padding-left:0; */}
.nav_section .gnb .depth2 ul li.last a {padding-right:0;}
.nav_section .gnb .depth2 ul li a.on,
.nav_section .gnb .depth2 ul li a.active,
.nav_section .gnb .depth2 ul li a:hover {color:#fff; font-family: "Nanum Gothic"; text-decoration: none;}

.nav_section .gnb .g_dep1.eng_depth{left:5px;width: 410px;}
.nav_section .gnb .g_dep2.eng_depth {left:-105px; width:479px;}
.nav_section .gnb .g_dep3.eng_depth {left: -22px;width: 180px;}
.nav_section .gnb .g_dep4.eng_depth {left:-27px; width:200px;}
.nav_section .gnb .g_dep5.eng_depth {left:0px; width:265px;}
.nav_section .gnb .eng_depth ul li a {padding: 8px 8px 11px;}



#container.main{margin-top: 10px;}
#container.main .container_inner{width: 986px; margin:0 auto ;}
#container.main .container_inner:after { content: ""; display: block; clear: both; }

#container.main #m_left{width: 492px;float: left; margin-top: -2px;}
#container.main #m_left > ul:after { content: ""; display: block; clear: both; }
#container.main #m_left > ul > li:first-child{width: 492px; height: 410px;}
#container.main #m_left > ul > li{float:left; margin-left: 2px; margin-top: 2px; width: 245px; height: 204px; overflow: hidden; position: relative;}
#container.main #m_left > ul > li.over{position: relative;}
#container.main #m_left > ul > li.over .btn_more{position: absolute;right: 0;bottom: 0;}
#container.main #m_left > ul > li.over img.overimg {position: absolute; top:0; left:0;}
#container.main #m_left > ul > li.over .cont{position: absolute; top: 107px; left: 50%; width: 170px; margin-left: -85px; text-align: center;}
#container.main #m_left > ul > li.over .cont span{display: block; }
#container.main #m_left > ul > li.over .cont span.txt{color: #a0b6cd; font-size: 12px;line-height: 15px; margin-top: 10px;}

#container.main #m_left > ul{margin-left: -2px;}

#m_l_ban{height: 100%;}

#container .visual{width:492px; height: 410px;}

 .slider03 {width:492px;height: 410px; margin: 0; padding: 0;position: relative; zoom: 1;border:solid 0px red;}
.slider03 .flex-viewport {}
.slider03 .slides {zoom: 1;margin: 0; padding: 0;}
.slider03 .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; z-index:0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider03 .slides img {width: 492px; display: block;}
.slider03 p.tit {position:absolute; top:-25px; left:40px; z-index:99; opacity:0;}
.slider03 p.txt {position:absolute; top:96px; left:40px; z-index:99;opacity:0;}
.flex-control-nav,.flex-direction-nav{display: none;}










#container.main #m_right{width: 492px; float: right;margin-top: -2px;}
#container.main #m_right > ul:after { content: ""; display: block; clear: both; }
#container.main #m_right > ul > li{float:left; margin-left: 2px; margin-top: 2px; width: 245px; height: 204px;overflow: hidden; position: relative;}
#container.main #m_right > ul > li.over{position: relative;}
#container.main #m_right > ul > li.over .btn_more{position: absolute;right: 0;bottom: 0;}
#container.main #m_right > ul > li.over img.overimg {position: absolute; top:0; left:0; width: 100%; overflow: hidden;}
#container.main #m_right > ul > li.over .cont{position: absolute; top: 107px; left: 50%; width: 145px; margin-left: -72.5px; text-align: center;}
#container.main #m_right > ul > li.over .cont span{display: block; }
#container.main #m_right > ul > li.over .cont span.txt{color: #aeaeae; font-size: 12px;line-height: 15px; margin-top: 10px;}
#container.main #m_right > ul > li.over #m_rm_ban .cont span.txt{color: #edbdb9;}
#container.main #m_right > ul > li.over #m_rb_ban .cont span.txt{color: #ffeccd;}
#container.main #m_right > ul{margin-left: -2px;}
#m_r_notice{position: relative;height: 100%;background: url(/images/main/bg_m_notice.jpg) left top no-repeat; padding:19px 16px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#m_r_notice h2{margin-bottom: 30px;}
#m_r_notice ul li{margin-top: 10px;  color: #666;}
#m_r_notice ul li:after { content: ""; display: block; clear: both; }
#m_r_notice ul li p{float: left; letter-spacing: -0.08px; width: 126px; position: relative; padding-left: 6px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#m_r_notice ul li p:after{position: absolute; width: 2px;height: 2px;background-color: #666; top: 8px; left: 0; content: "";}
#m_r_notice ul li p a{font-size: 12px;}
#m_r_notice ul li .date{float: right;color: #999; font-size: 12px;  letter-spacing: -0.08px; }
#m_r_notice .btn_more{position: absolute;right: 0;bottom: 0;}

/* 서브컨텐츠 */
#sub_contents {width: 986px; margin: 40px auto; }
#sub_contents #contentArea{padding: 40px 0; min-height:500px;}

/* 패스영역*/
#pathArea .location {  position:relative;  padding:20px 0 18px 5px;;  border-top:solid 1px #d6d6d6;  border-bottom:solid 1px #d6d6d6; }
#pathArea .location:after { content: ""; display: block; clear: both; } 
#pathArea h3.title{font-weight:700; font-size:25px;float:left; }
#pathArea h3.title img{ }
#pathArea h3.title span{color: #838383; position: relative; padding-left: 10px;margin-left: 10px;font-size: 13px;}
#pathArea h3.title span:after{position: absolute; top:0px;left: 0; width: 1px; height: 14px; background-color: #114f90;content: "";}
#pathArea .path{ position:absolute;  width:100%; left:0px; top:21px; height:20px;  text-align:right; font-family:"굴림","gulim","돋움","dotum" }
#pathArea .path .pathLine{ float:right; background:url('/images/common/ico_path_home.gif') no-repeat left; height:20px;  line-height:20px; padding-left:22px;    }
#pathArea .path span { display:inline-block; *display:inline; *zoom:1; font-size: 12px;}
#pathArea .path span.depth1{   background:url('/images/common/ico_path.gif') no-repeat left center;  padding-left:18px;  margin-right:6px;  color:#838383; }
#pathArea .path span.depth2{   background:url('/images/common/ico_path.gif') no-repeat left center;  padding-left:18px;  color:#1a408b; }
#pathArea .path span strong{   }


/* footer */
#footer { width: 100%; min-width: 986px; padding: 18px 0 27px; background-color: #fff; }
#footer .inner { width: 986px; margin: 0 auto; padding: 0 20px; position:relative;}
#footer .inner:after { content: ""; display: block; clear: both; }
#footer .inner address > span { font-size: 11px; line-height: 17px; padding-left: 10px; margin-left: 5px;color: #999; position: relative; }
#footer .inner address >span:first-child{padding-left: 0; margin-left: 0;}
#footer .inner address { }
#footer .inner .copyright{color: #999; font-size: 11px; margin-top: 5px;}

#footer .inner select { float: right; width: 230px; margin-top: 9px; padding: 5px 0; border: 1px solid #ddd; text-indent: 5px; }

#footer .btn{ position: absolute;right: 0;top: 0;}
#footer .language_list {position:absolute;bottom: 27px; display:none;width: 157px; background-color:#fff; z-index:50px; border:1px solid #ddd;padding: 3px 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#footer .language_list li{ border-bottom:1px solid #ddd;}
#footer .language_list li.end{border-bottom:none;}
#footer .language_list li a{padding: 6px 0;display:block; color:#999; font-size:11px;transition: .4s ease; -moz-transition: .4s ease; -webkit-transition: .4s ease; -o-transition: .4s ease;}
#footer .language_list li a:hover{text-decoration:none;  color: #000; }
#footer .btn_language a{display:block; width:157px; height:23px; font-size:12px; color:#999999; background:url(/images/common/bg_select.png) left top no-repeat; padding:5px 0 0 10px; font-size:12px;}
#footer .btn_language a:hover{text-decoration:none;}