@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0;}
body, textarea, input {font-family: 'Nanum Gothic', sans-serif !important; -webkit-font-smoothing: antialiased; font-size: small/1.3em; letter-spacing: -1px;}
img { border: 0; }
ul li { list-style: none; }
address { font-style: normal; width:1060px; height:30px; font-size:13px; margin:20px auto; line-height:18px; letter-spacing:normal; }
a:link, a:hover, a:visited {text-decoration:none;}




/* layout */
#wrap { background:#334e5d; width:100%; height:100%; min-width:1060px !important;}
#header { width:100%; height:100px; background:#2d3e58; }
.menu { width:1060px; height:100px; margin:0 auto; background:#2d3e58;  }
.menu li.logo { padding:0 !important; width:260px; text-align:left; }
.menu li.logo img { margin-top:26px; }
.menu li.logo a:hover { background:none; }
.menu li { float:left; height:100px; line-height:100px; font-size:17px; font-weight:bold; text-align:center;  }
.menu li a:link, .menu li a:visited { color:#fff; text-decoration:none; display:block; height:100px; padding:0 24px; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;}
.menu li a:hover, .menu li a:active { background:#283851; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;}
#conWrap { width:1060px; height:600px; margin:10px auto; background:#334e5d; }
.mainImg { width:390px; height:528px; float:left; }
.contactUs { width:100%; height:45px; text-align:right; line-height:45px; margin-left:-10px;}
.contents { width:460px; height:528px; margin-left:10px; float:left; }
.latest { width:420px; height:302px; background:#36beb6; position:relative; top:45px; padding:30px 20px 20px; }
.rLink ul { width:200px !important; float:right !important; display:inline-block;}
.rLink ul li { width:200px; height:176px; float:right !important }
#bottomWrap { background:#f2f2f2 url(../img/bottom_line.png) repeat-x; height:100px}
.bLink { width:1060px; height:20px; line-height:20px; font-size:13px; margin:20px auto; padding-top:6px;}
.bLink a:link, .bLink a:visited { color:#000; }
.bLink a:hover { color:#000; text-decoration:underline; }


/* tap */
#sub01Tap h4, #sub02Tap h4 { font-size:16px; font-weight:bold; line-height:34px; }
.tapOn a, .tapOn a:visited { color:#36beb6 !important; text-decoration:none;}
.tapOff a, .tapOff a:visited {color:#fff !important; text-decoration:none;}
.tapOn, .tapOff { cursor : pointer; float: left; padding:0 20px; height:34px; line-height:39px; text-align:center; border-radius: 17px;}
.tapOn { background:#fff; font-weight:bold }
.tapOff { background:#139d95;}
.tapBackground { border-top : solid 1px #ffffff; border-bottom : solid 1px #000; height:51px;}
.tapDetail { clear: both; height:auto; padding-top: 20px; padding-bottom: 20px; display : none; border-top-style : none; font-size:13px; color:#fff}
.tapDetail a { color:#fff !important}
.tapDetail a:hover { text-decoration:underline;}
.btnMore { position:relative; top:-26px; left:400px; width:37px; height:32px;}

.leftCon { width: 475px; height: 290px; float: left; line-height:22px; font-size:14px;}
.latestList { line-height:22px;}
.latestList .latestSubject { float:left;}
.latestList .latestDate { float:right;}
.fview { width:420px; height:66px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px #d4d7d9 solid; line-height:20px; }


/* banner */
.banner_area {position:relative;width: 460px;height:176px; overflow:hidden !important; }
.rolling_banner {position:relative;width:460px;float:left }
.banner_area ul {position:absolute;width:99999px;left:0; overflow:hidden !important}
.banner_area ul li {float:left;width:460px}
.banner_area ul li div {position:relative;width:460px}
.banner_area ul li .txt {margin:0 auto;width:300px;font-size:12px;line-height:24px;padding-top:30px}
.banner_area ul li .txt strong{display:block;font-size:16px}
.banner_area ul li div span {position:absolute;display:block;width:448px;height:143px;top:0;left:0;overflow:hidden;}
.controller {width:100%; position:relative;z-index:9999999; margin-top:-45px}
.controller .all {width:448px;}
.control_right {float:right; margin-top: 10px;}
.autoSlideButton {display:block;width:20px;height:20px;margin-right:2px;border:0 none;background:none;background:url(../img/bg_gnb_set.png) -33px 0 no-repeat;float:left;cursor:pointer; }
.pasingDot {width:68px;margin-top:2px;float:left}
.pasingDot li {float:left;cursor:pointer;width:16px;height:16px;background:url(../img/bg_gnb_set.png) 0 0 no-repeat; z-index:999999}
.pasingDot li button {width:16px;height:16px;border:0 none;background:none;cursor:pointer }