@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

*,body {margin:0; padding:0;}
body {font-family:"Nanum Gothic" !Important;}
div,article,header,nav,ul,li,input,label,footer,section,ol,h1,h2,h3,h4,h5,h6,hgroup,figure,figcaption,canvas,p,span,img {position:relative; font-family:"Nanum Gothic" !Important;}
img {border:none; vertical-align:middle;}
a {text-decoration:none;}
li {list-style:none;}
.overfl {overflow:hidden;}
.px1200 {width:1200px; margin:0 auto;}
.fll {float:left;} .flr {float:right;}
.mrt20 {margin-top:20px !important;}
.mrt70 {margin-top:70px !important;}
.mrt50 {margin-top:50px !important;}
.mrt30 {margin-top:30px !important;}



header {width:100%; border-top:7px solid #0c5c94;height:122px;  border-bottom:1px solid #dbdbdb; }
header::after{content:"";}
header h1 {float:left; line-height:120px; }
nav {float:right; width:910px; height:122px; border-left:1px solid #dbdbdb;}
#gnb {}
#gnb > li {width:129px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
#gnb > li > a {display:block; width:130px; padding:44.5px 0;}
a.hov1 {background:#0c5c94;}
a.hov1 span {color:#fff !important;}
#gnb > li > a span {display:block;}
#gnb > li > a span:first-child {font-size:16px; color:#595959; font-weight:bold;}
#gnb > li > a span+span {color:#989898; font-size:10px; text-transform:uppercase; margin:3px 0 0 0;}
.submenu {z-index:10; display:none; position:absolute; background:#fff;}
.submenu > li {text-align:center; line-height:50px; font-size:13px; border:1px solid #dbdbdb; width:128px; height:50px; border-top:none; letter-spacing:-0.05em;}
.submenu > li:first-child {border-top:1px solid #dbdbdb;}
.submenu > li a {display:block;  width:129px; height:50px; color:#333;}
.submenu > li a:hover {background:#0c5c94; color:#fff !Important; font-weight:bold;}


footer {width:100%; padding:50px 0 40px 0; text-align:center; background:#1e2022; margin:100px 0 0 0;}
footer > figure {height:39px; }
footer > p {font-size:13px; color:#bbb; text-transform:uppercase; margin-top:30px; line-height:25px;}
footer > p strong {color:#ddd;}

#mainvisual {width:100%; height:967px; overflow:hidden; margin-top:1px;}
#supersized {  display:block;   overflow:hidden; z-index:-999; height:967px; width:100%; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li {position:absolute; top:0; display:block; list-style:none; z-index:-30;   width:100%; height:967px;}
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
#prevslide, #nextslide{ position:absolute; height:107px; width:107px; top:416px; margin-top:-21px; opacity:0.8; z-index:10000;}
#prevslide{ left:30px; background:url('/img/back.png'); }
#nextslide{ right:30px; background:url('/img/forward.png'); }
#prevslide:active, #nextslide:active{ margin-top:-19px; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }

#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:20px; left:0; z-index:4;  position:absolute;; }
#slide-list { padding:15px 0; float:left; position:absolute; left:50%; }
#slide-list li{ list-style:none; width:18px; height:18px; float:left; margin:0 5px 0 0; }
#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
#slide-list li a{ display:block; width:18px; height:18px; background:url('/img/nav-dot.png') no-repeat 0 -18px; }
#slide-list li a:hover{ background-position:0 -18px; cursor:pointer; }

.mtext {position:absolute; width:100%;}
.mtext .px1200 {text-align:center;}
.mtext .px1200 h1 {margin-top:227px;}
.mtext .px1200 p {width:1100px; height:269px; line-height:269px; margin:40px auto 0 auto; text-align:center; background:rgba(255,255,255,0.8);}


.contents1 {margin-top:106px; text-align:center;}
.main_slide {width:1200px; height:638px; overflow:Hidden;  }
.bx_pager {margin:0 auto;	text-align:center; position:absolute; left:10px; top:15px; z-index:1; }
.bx_pager a { float: left; background:url(/img/bar.png) no-repeat 0 -20px; margin-left:3px; width: 10px; height: 8px; color: #fff; font-size: 0px;}
.bx_pager a:hover, .bx_pager a.active { background-position: 0 0; text-decoration: none;}
.slides1_wrap .prev {	position: absolute;left: 30px;	top: 305px;outline: 0; z-index:999;}
.slides1_wrap .next {	position: absolute;	right: 30px;top: 305px;outline: 0; z-index:999;}
.auto_controls {display:none;}
.ms_t1 {text-align:right; padding:22px 0 47px 0; border-bottom:1px solid #dadada;}
.contents2 {margin:47px auto 113px auto ; width:1200px;}
.contents2 figure {margin-top:2px;}



#subvis {width:100%; height:700px; overflow:hidden; margin-top:1px;}
#subvis  #supersized li img, #subvis  #supersized li {height:700px !important; top:0 !important}

/*
#subvis li img{opacity:0.7; }
#subvis #supersized  li {background:#000;}
*/
#prevslide2, #nextslide2{ position:absolute; height:107px; width:107px; top:315px; margin-top:-21px; opacity:0.8; z-index:10000;}
#prevslide2{ left:30px; background:url('/img/back.png'); }
#nextslide2{ right:30px; background:url('/img/forward.png'); }
#prevslide2:active, #nextslide2:active{ margin-top:-19px; }
#prevslide2:hover, #nextslide2:hover{ cursor:pointer; }
#prevslide2 , #nextslide2  {display:block !important;}

.sub_txt {width:100%; text-align:center; position:absolute; z-index:3;}
.sub_txt > div figure:first-child {margin-top:90px;}
.sub_txt > div figure+figure {margin-top:60px;}
.subcon1 {margin-top:100px;}

.subtitle1 {width:100%; text-transform:uppercase; padding-top:55px ;background:url(/img/subtitle.png) no-repeat center top ; text-align:center;}
.subtitle1 h5 {font-size:10px; color:#4c82ac;}
.subtitle1 h5 strong { letter-spacing:0.35em;}
.subtitle1 h1 {  font-size:30px; letter-spacing:-0.1em; font-weight:bold; color:#09558f; padding:0 0 25px 0; background:url(/img/bar1.png) no-repeaT center bottom;}

.subarticle {margin:30px 0 0 0 ;}
.subarticle > p {font-size:13px; color:#888; letter-spacing:-0.05em; text-align:center; padding:0 0 10px 0;}
.table_common {margin-top:10px; width:100%; border:1px solid #ccc;  }
.table_common td {text-align:Center; padding:20px 0; letter-spacing:-0.05em;}
.table_common tr:first-child td {font-weight:bold; font-size:15px; background:#3b76b0; color:#fff; border-left:1px solid #fff;}
.table_common tr:first-child td:first-child {border-left:none;}
.bluetd1 td {width:100px; font-size:13px; color:#fff; background:#67a0da; border-left:1px solid #fff;}
.bluetd1 td:first-child {border-left:none;}
.bluetd2 td {font-size:13px; color:#fff; background:#a4c7e9; border-left:1px solid #fff;}
.tdcon1 td {font-size:13px; color:#333; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.tdcon1 td:first-child{border-left:none;}

.rortlftkdtpwjdqh1w {margin:40px 0 0 0; border-bottom:1px solid #aaa; padding-bottom:40px;}
.rortlftkdtpwjdqh1 > h1 {margin-top:2px !important; background:url(/img/blit1.jpg) no-repeat left center; padding-left:13px; font-size:16px; height:20px; line-height:20px; letter-spacing:-0.07em; color:#26628f; margin-right:10px;}
.rortlftkdtpwjdqh1 {width:50%;}
.blit1_ul {}
.blit1_ul > li {line-height:20px; background:url(/img/blit2.png) no-repeaT left center; font-size:12px; color:#353535; letter-spacing:-0.07em; padding-left:10px;}
.btn123 {width:187px; height:58px; display:block; margin:30px auto;}
.tlfdPatga {display:block; margin:30px auto 0 auto; width:150px; text-align:center; padding:15px 0; color:#fff; font-weight:bold; font-size:13px; letter-spacing:-0.05em; background:rgba(65, 143, 202, 1);}
.tlfdPatga:hover {opacity:0.6;}




/*슬라없는서브*/
.subvisual {width:100%; height:500px; text-align:center; color:#fff;}
.sub07 {background:url(/img/0701.jpg) no-repeat ; background-size:cover;}
.sub04 {background:url(/img/0401.jpg) no-repeat ; background-size:cover;}
.sub05 {background:url(/img/0501.jpg) no-repeat ; background-size:cover;}
.sub06 {background:url(/img/0601.jpg) no-repeat ; background-size:cover;}
.sub03 {background:url(/img/0301.jpg) no-repeat ; background-size:cover;}
.subvistitle {Width:516px; height:200px; background:rgba(0,0,0,0.3) ;  margin:150px auto 0 auto}
.subvistitle h1 {text-transform:uppercase; font-size:65px; font-weight:900;}
.subarticle0101 {Text-align:center; margin-top:30px; letter-spacing:-0.05em;}
.subarticle0101 > h1 {font-size:25px; color:#3b84bc;}
.subarticle0101 > p {font-size:15px; line-height:25px; color:#999; margin-top:30px;}
.subarticle0101 > figure {margin-top:50px;}

.subarticle0701,
.subarticle0401
{Text-align:center; margin-top:30px; letter-spacing:-0.05em;}
.dugodwl1 {width:800px; margin:30px auto 0 auto; border:1px solid #ddd; padding:30px; background:rgba(255,255,255,0.7); }
.dugodwl1 > h1 { text-align:center; color:#2687d1; font-size:25px; letter-spacing:-0.05em; padding:20px 0; font-weight:700;}
.dugodwl1 > article {line-height:25px; font-size:12px; color:#333; letter-spacing:-0.05em; text-align:center;}


.subarticle0401 {text-align:left;}
.map_ta h5 {margin-top:10px; font-size:16px; overflow:hidden;}
.map_ta h5 span {display:block; float:left;  line-height:20px; color:#0b76c7;}
.map_ta h5 span:first-child {width:5px; height:16px; background:#0b76c7; margin-right:3px; }
.map_ta p {line-height:20px; margin:5px 0 0 10px; background:url(/img/bg7.png) no-repeat left 9px; font-size:12px; color:#777; padding:0 0 0 10px;}
.map_ta p strong {color:#4f9fdb;}
.bbb123  {background:url(/img/bg9.png) no-repeat left center; padding-left:7px; font-size:14px; height:20px; line-height:20px;  color:#4f9fdb; line-height:20px; padding-top:4px ; padding-bottom:4px ;}
.ttt3 td {padding:10px 0 !important; font-size:12px !important;}
.red123 {color:red !important;}


.subarticle0502 {width:900px; margin: 0 auto;}


.sub0301_sdf {}
.sub0301_sdf img {width:1200px;}
.fah1 {width:100%; height:45px; text-align:center; background:#252d33; font-size:13px; text-transform:uppercase; color:#fff; line-height:45px; letter-spacing:0.3em;}
.fah2 {text-align:center; padding:15px 0; border-bottom:1px solid #dadada; font-size:13px; color:#999; width:100%; background:url(/img/bg1.png) no-repeat center;}
.sliderbutton { cursor:pointer; position:absolute; z-index:10;}
#slideleft {background:url('/img/btn_arrow_left.png') no-repeat;width:52px; height:52px; top:200px; left:10px;}
#slideright {background:url('/img/btn_arrow_right.png') no-repeat; width:52px; height:52px; top:200px; right:10px;}
.sliderbutton:hover {opacity:0.8;}
#slider_0301 {float:left; position:relative; overflow:auto; width:1200px; height:437px;}
#slider_0301 ul {position:absolute; list-style:none; top:0; left:0}
#slider_0301 li {float:left; width:1200px; height:437px;}
.pagination {position:absolute; top:20px; right:20px; list-style:none; height:25px; display:none !important;}
.pagination li {float:left; cursor:pointer; height:10px; width:10px; background:#fff; margin:0 4px 0 0; }
.pagination li:hover, li.current {background:#44c4f3;}


#slideleft2, #slideleft3, #slideleft4 , #slideleft5 , #slideleft6 {background:url('/img/btn_arrow_left.png') no-repeat; width:52px; height:52px;top:200px; left:10px;}
#slideright2, #slideright3, #slideright4 , #slideright5 , #slideright6 {background:url('/img/btn_arrow_right.png') no-repeat;width:52px; height:52px; top:200px; right:10px;}

#slider_03012, #slider_03013, #slider_03014 , #slider_03015  , #slider_03016{float:left; position:relative; overflow:auto; width:1200px; height:437px;}
#slider_03012 ul, #slider_03013 ul, #slider_03014 ul ,#slider_03015 ul ,#slider_03016 ul{position:absolute; list-style:none; top:0; left:0}
#slider_03012 li, #slider_03013 li, #slider_03014 li , #slider_03015 li , #slider_03016 li {float:left; width:1200px; height:437px;}

.pagination2, .pagination3, .pagination4 , .pagination5  , .pagination6 {position:absolute; top:20px; right:20px; list-style:none; height:25px; }
.pagination2 li, .pagination3 li, .pagination4 li , .pagination5 li  , .pagination6 li{float:left; cursor:pointer; height:10px; width:10px; background:#fff; margin:0 4px 0 0; }
li.current, .pagination2 li:hover, .pagination3 li:hover, .pagination4 li:hover , .pagination5 li:hover  , .pagination6 li:hover {background:#44c4f3;}






.board_page {margin-top:30px;}


.sub0103_table { margin-top:5px; border-spacing: 0; border-collapse: collapse; width:100%; text-align:center; color:#fff; letter-spacing:-0.05em;}
.sub0103_table th { border:1px solid #fff; font-size:14px; background:#4386cc; padding:5px 0; }
.sub0103_table td { border:1px solid #4386cc; font-size:13px; padding:5px 0; color:#555; letter-spacing:-0.05em;}
.ttt4 td  {width:11.1%;}