@charset "utf-8";
/* CSS Document */
/* 기본 CSS */

#skipNav {position:relative;z-index:10001}
#skipNav dt{position:absolute; top:0; left:-1000px} 
#skipNav dd a{display: block; font-weight: bold; position: absolute; top:0; left:-1000px;font-size: 120%;text-align: center; background-color:#fff; z-index:1000}
#skipNav dd a:hover, 
#skipNav dd a:active, 
#skipNav dd a:focus{left:0; height:40px;  width:100%; line-height:40px; color:#000 !important; }

html, body {height:100%;}
#wrap {height:100%; margin:0 auto; background:url("../images/img_main.jpg") no-repeat center 63px }
#header {position:relative; height:463px; ; z-index:3}
#container_wrap {min-height:80%;}
.container {position:relative; width:1130px; margin:0 auto;}
* html .container{height: 80%;}
#footer {position:relative; clear:both; height:90px; margin:0 auto; z-index:1}
#content_wrap {position:relative; width:1130px; min-height:600px; margin:0 auto; z-index:2}

/* 상단로고 */

h1 {position:absolute; top:12px; left:0;}

/* 상단GNB */
#gnb_wrap { position:relative; width:1130px; margin:0 auto;}
#gnb {font-size:22px;overflow:hidden; background:#2484c5 ;  z-index: 9999;}
#gnb li {float:left; text-align:center}
#gnb li a {display:block;width:226px; height:60px; line-height:60px; color:#fff;}
#gnb li a:hover, #gnb li a.hover, #gnb li a:focus, #gnb li a:active { background:#072d53; color:#fff}

/* phrolling */
.phrolling {width:1130px; height:403px; }
.phrolling p.btnl {float:left; padding-top:200px; padding-left:10px; text-align:center;}
.phrolling p.btnr {float:right; padding-top:200px; padding-right:10px; text-align:center;}
.phrolling p.btnl button {background:url(../images/arw_l.png) no-repeat; width:44px; height:44px; text-indent:-5000px; border:none; cursor:pointer;}
.phrolling p.btnr button {background:url(../images/arw_r.png) no-repeat; width:44px; height:44px; text-indent:-5000px; border:none; cursor:pointer;}

.phrolling-listwrap { position:absolute; top:63px; left:60px; width:980px; height:290px; color:#fff; overflow:hidden;}
.phrolling-list {float:left; top:0; left:0; padding:0; margin:0;}
.phrolling-list li {overflow:hidden; float:left; width:800px;padding:70px 100px 0 100px }
.title{ font-size:22px; margin-bottom:30px}
.title u{ font-size:30px; margin-bottom:30px}
.txt{font-size:16px; line-height:30px; width:557px; margin-bottom:40px}
.btn{font-size:16px; text-align:center}

/* 컨텐츠 */
#contents {position:relative; float:left; width:1130px; margin:0 0 20px 0; color:#444; font-size:14px;}
#icon_box{ height:145px}
#icon_box li{float: left; width:282px; text-align: center; padding-top: 18px}
#icon_box dt{ width:142px; height:80px;padding-left: 70px; text-indent: -9000px}
#icon_box dt a{display: block; width:142px; height:80px}
#icon_box dt a.icon01{  background: url("../images/icon_01.gif") no-repeat}
#icon_box dt a.icon02{  background: url("../images/icon_02.gif") no-repeat}
#icon_box dt a.icon03{  background: url("../images/icon_03.gif") no-repeat}
#icon_box dt a.icon04{  background: url("../images/icon_04.gif") no-repeat}
#icon_box dt a:hover.icon01{  background: url("../images/icon_01_on.gif") no-repeat}
#icon_box dt a:hover.icon02{  background: url("../images/icon_02_on.gif") no-repeat}
#icon_box dt a:hover.icon03{  background: url("../images/icon_03_on.gif") no-repeat}
#icon_box dt a:hover.icon04{  background: url("../images/icon_04_on.gif") no-repeat}
#icon_box dd{ line-height: 48px; font-size: 18px;}

#map_box{ position:relative; overflow:hidden; clear:both; border:1px solid #ccc; margin-top:20px}
#map_box h3 { background:#f0f0f0 url(../images/icon_05.gif) no-repeat 14px 10px; line-height:43px; padding-left:55px; border-bottom:1px solid #ccc}

#list{float:left; padding:10px; width:552px;}
#tabNav1 > li{ float:left; margin-right:3px; margin-bottom:10px}
#tabContentsWrap {position:relative;}
#tab_01, #tab_02{clear:both;  display:block; height:390px; border:1px solid #ddd;}
#tabNav1>li>a{box-sizing:border-box;border-radius:7px; border:none; width:75px; text-align:center}
#tabNav1>li>a:link, #tabNav1>li>a:visited {height:30px; line-height:30px; background:#54595b; color:#fff; display:block; padding:0 10px; font-size:14px;}
#tabNav1>li>a:hover, #tabNav1>li>a:focus, #tabNav1>li>a.on {background:#008489; color:#fff!important;}
#tabNav1>li>a:active {background:#000;}

#map {float:left; width:542px; border:1px solid #ddd; margin-top:50px}
.map_btn{ position:absolute; right:10px; top:54px }

/* 하단 */
#footer{font-size:0.750em; color:#fff; line-height:16px; background:#54595b}
.footer_logo{position:absolute;left:0;top:16px;}
address{position:absolute;left:220px;top:24px}
.nurimk{position:absolute;right:0;top:16px}
#footer ul{margin-top:7px; margin-left:200px;}
#footer ul li{ float:left; margin:0 14px 0 0;}
#footer ul li a{ color:#000; font-size:13px}
#footer ul li a.smap{ color:#777;}
#footer ul li a:hover{ color:#39C}
address span.s{ font-size:11px; color:#999; letter-spacing:-1px; padding-top:10px}

/*버튼*/
.btn_more {display:inline-block;width:124px;padding:0px 10px;height:38px;line-height:38px;vertical-align:middle;text-align:center;font-size:16px;text-decoration:none;text-indent:0px;background:transparent;color:#fff!important;cursor:pointer;border:1px solid #fff}
.btn_more:active {position:relative;}
.btn_more:hover {background:#072d53;border:none; width:126px;height:40px;line-height:40px;}
/*버튼*/
.btn_expand {display:inline-block;width:105px;padding:0px 30px 0 10px;height:30px;line-height:30px;vertical-align:middle;text-align:center;font-size:14px;text-decoration:none;text-indent:0px;background:#54595b url(../images/icon_06.png) no-repeat 75px 5px ;color:#fff!important;cursor:pointer;box-sizing:border-box;border-radius:7px;border:none}
.btn_expand:active {position:relative;}
.btn_expand:hover {background:#008489 url(../images/icon_06.png) no-repeat 75px 5px ;}
/*테이블*/
.tbl_list,.tbl_list th,.tbl_list td{border:0;font-size:12px}
.tbl_list a{color:#383838;text-decoration:none}
.tbl_list{width:100%;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;table-layout:fixed}
.tbl_list th{padding:10px 0 9px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#54595b;color:#fff;font-weight:bold;line-height:18px;vertical-align:top}
.tbl_list thead td{padding:6px 0 5px 0; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;border-left:1px solid #dcdcdc;text-align:center;vertical-align:middle; height:20px; text-indent:3px; font-weight:bold; background-color:#eef2f7;}
.tbl_list tbody td{position:relative; padding:6px 0 5px 0;border-bottom:solid 1px #dcdcdc;border-left:1px solid #dcdcdc;text-align:center;vertical-align:middle; height:20px; line-height:20px; text-indent:3px;}
.tbl_list th.none, .tbl_list td.none{border-left:none}
.tbl_list a{color:#1e7cbc;}
.tbl_list a:hover,.tbl_list .title a:focus,.tbl_list .title a:active {text-decoration:underline;}
.tbl_list a:visited {color:#4d3972;}