@charset "utf-8";

/* reset */
html{}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{color:#2c3e50;font-size:13px;line-height:1.25em;font-family:NanumGothic, Arial, Helvetica, sans-serif}
body{position:relative;background-color:#fff;color:#2c3e50;-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#2c3e50;text-decoration:none}
table{border-collapse:collapse}
hr{display:none !important}


/* common */
.fl{float:left}
.fr{float:right}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}

.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}

.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}

.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}

.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}

.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}

.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}
.t_ac{text-align:center}
.dp_b{display:block}
.dp_no{display:none}
.boxSizing{float:left;width:100%}
.boxSizing{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.textOver{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}


/* header */
header{position:fixed;width:100%;background-color:#fff}
header .menu{width:80%;max-width:1045px;margin:0 auto}
header .menu .logo{padding:15px 0}
header .menu ul{padding:15px 0}
header .menu ul li{float:left;line-height:27px;margin-left:20px}
header .menu ul li a{color:#000}
header .menu ul li a:hover,.menu ul li a.sel{color:#3498db}

/* footer */
#footer{float:left;width:100%;padding:25px 0;background-color:#636363}
#footer .footer{width:80%;max-width:1045px;margin:0 auto}
#footer .footer .logo{margin-right:55px}
#footer .footer p{color:#fff;font-size:13px;line-height:20px;padding:7px 0}
#footer .footer p a{color:#fff}
#footer .footer p a:hover{text-decoration:underline}

/* #body */
#body{float:left;width:100%;margin-top:57px}

.top{float:left;width:100%}
.top .banner{float:left;width:100%;height:480px;background:url(../img/topbanner.jpg) no-repeat center top / 100% auto}
.top .content{float:left;width:100%;max-width:100%;height:600px;background:url(../img/bg_bar.png) repeat left top}
.top .content .item{width:80%;max-width:1045px;height:440px;margin:0 auto;padding:80px 0}
.top .content .item dl{width:100%}
.top .content .item dl dt{width:100%;margin:5px 0 60px}
.top .content .item dl dt img{margin-left:80px}
.top .content .item dl dd.map{width:585px}
.top .content .item dl dd.text{width:420px;margin-left:40px}
.top .content .item dl dd.text p{font-size:12px;color:#fff}
.top .content .item dl dd.text p a{color:#fff}
.top .content .item dl dd.text p a:hover{text-decoration:underline}

.ct{float:left;width:100%;border-bottom:1px solid #ececec}
.ct.bdn{border-bottom:0}
.ct .section{width:80%;max-width:1045px;margin:0 auto;padding:80px 0}
.ct .section dl{width:100%}
.ct .section dl dt{width:100%}

.ct .section.item1{height:444px;padding-bottom:40px}

.ct .section.item2{height:368px}
.ct .section.item2 dl dd.text{width:100%}
.ct .section.item2 dl dd.mov{width:454px;height:255px;background-color:#444}
.ct .section.item2 dl dd.mov iframe{border:0}
.ct .section.item2 dl dd.list{width:541px}
.ct .section.item2 dl dd.list strong{font-size:16px;line-height:22px}
.ct .section.item2 dl dd.list ul li{width:167px;text-align:center}
.ct .section.item2 dl dd.list ul li a{font-size:12px}
.ct .section.item2 dl dd.list ul li a:hover{text-decoration:underline}

.ct .section.item3{height:258px}
.ct .section.item3 dl dd.text{width:415px}

.ct .section.item4{height:497px}
.ct .section.item4 dl dd img{margin:70px}
.ct .section.item4 dl dd.table{width:726px;border:1px solid #898989;padding:20px}
.ct .section.item4 dl dd table tr{float:left;width:100%}
.ct .section.item4 dl dd table tr th,.ct .section.item4 dl dd table tr td{padding:10px}
.ct .section.item4 dl dd table tr th{float:left;width:20%;font-size:14px;line-height:20px}
.ct .section.item4 dl dd table tr td{float:left}
.ct .section.item4 dl dd table tr td input{float:left;width:450px;padding:2px}
.ct .section.item4 dl dd table tr td textarea{float:left;width:450px;height:100px;padding:2px}
.ct .section.item4 dl dd.fr input{cursor:pointer;border:0;background-color:#3498db;font-size:18px;color:#fff;width:159px;height:47px}