﻿@charset "utf-8";

/* CSS reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
list-style:none;
}

body {overflow-y:scroll;}
*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout:none;}
body, input {font-family:'Malgun Gothic', dotum, gulim,'굴림','Apple SD Gothic Neo','Droid Sans','Apple-Gothic','애플고딕','Helvetica','Tahoma',sans-serif; color:#727272; font-size:12px; letter-spacing:0px;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

/* common */
.blind{position:absolute;overflow:hidden;background:none !important;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;visibility:visible;}

.irCont{position: relative;}
.irCont img{position: relative; z-index: 10;}
.irCont .irTxt{position:absolute; top:0; left:0; z-index: -1; font-size:11px; letter-spacing:-1px;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0; padding:0; vertical-align:baseline; background:transparent;}

/*input,textarea{-webkit-appearance:none;}*/
input{margin:0; padding:0; vertical-align:middle;}
input[type=text],
input[type=password]{background:#fff; padding:1px 0 3px; border:1px solid #d7d7d7;}

table {table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%;}
table caption{height:0; font-size:0; visibility:hidden;}

hr {display:none; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
select, img {vertical-align:middle;}
a {color:#727272; text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}
legend{overflow:hidden; width:0; height:0; font-size:0; visibility:visible;}
button {background:none; border:0 none;}

h1, h2, h3, h4, h5, h6{color:#727272; line-height:18px; font-weight:900;}
/*img, object, embed, video{max-width:100%;}*/
em, address{font-style:normal;}

#wrap {width:100%; min-width:981px;}
#wrap.main { }

#header {position:absolute; width:1190px; height:75px; margin-left:-596px; background-color:#fff; z-index:1000; left:50%; }
#header h1 {position:absolute; top:0px; left:100px;  z-index:9999;}
#header .nav {position:relative; padding:30px 0 0 300px;}
#header .nav ul {zoom:1;}
#header .nav ul:after {content:""; display:block; clear:both;}
#header .nav ul li {float:left;  text-align:center;}
#header .nav ul li a {display:block; text-align:center; padding:0 20px 12px; font-size:15px; color:#333333; font-weight:600;}
#header .nav ul li a:hover {text-decoration:none; color:#2c8af6;}
#header .nav ul li:first-child a {background:0 none; margin-left:0; padding-left:0;}
#header .nav ul li .dep2 {display:none; position:absolute; top:90px; left:0; background:#0e6eb8; padding:8px 5px 8px 20px; z-index:9999999;}
#header .nav ul li .dep2.m01 {left:365px;}
#header .nav ul li .dep2.m02 {left:480px;}
#header .nav ul li .dep2.m03 {left:600px;}
#header .nav ul li .dep2.m04 {left:690px;}
#header .nav ul li .dep2.m05 {left:840px;}
#header .nav ul li .dep2 ul {zoom:1; white-space:nowrap;}
#header .nav ul li .dep2 ul:after {content:""; display:block; clear:both;}
#header .nav ul li .dep2 ul li {float:left;}
#header .nav ul li .dep2 ul li a {display:block; background:url(/images/common/line_gnb2dep.gif) 0 4px no-repeat; padding:0 15px; color:#e6f4ff; font-size:12px;}
#header .nav ul li .dep2 ul li:first-child a {background:0 none; margin-left:0; padding-left:0;}


#header .nav ul li a:hover,
#header .nav ul li.active > a {color:#2c8af6;}

.visual {position:relative; width:1214px; height:484px; margin:0 auto; border-bottom:2px solid #2075dd; background-color:#000000;}

.visual .slide {position:relative; z-index:50;  height:484px; }
.visual .slide .slidesjs-previous,
.visual .slide .slidesjs-next {display:none;}
.visual .slide .slidesjs-pagination {position:absolute; bottom:50px; left:160px; zoom:1; z-index:99999;}
.visual .slide .slidesjs-pagination:after {content:""; display:block; clear:both;}
.visual .slide .slidesjs-pagination li {float:left; margin-right:4px;}
.visual .slide .slidesjs-pagination li a {display:block; background:url(/images/main/sl_paging.png) 0 0 no-repeat; width:12px; height:12px; text-indent:-9999em;}
.visual .slide .slidesjs-pagination li a.active {background-position:0 -22px; width:30px; height:12px;}
.visual .slide .slidesjs-stop {display:block; position:absolute; bottom:51px; left:150px; background:url(/images/main/sl_stop.png) 0 0 no-repeat; width:8px; height:11px; text-indent:-99999em; z-index:99999;}
.visual .slide .slidesjs-play {display:block; position:absolute; bottom:51px; left:150px; background:url(/images/main/sl_play.png) 0 0 no-repeat; width:8px; height:11px; text-indent:-99999em; z-index:99999;}


.sunsak {position:relative; width:100%; height:2px; background-color:#ed174b;}
.sunsak .inner {width:1190px; height:2px; background-color:#008cdd; margin:0px auto;}

.mboard { position:relative; width:100%; height:145px;  margin:0 auto; background-color:#fff;}
.mboard .inner {position:relative; width:990px; height:145px; margin:0 auto; zoom:1;}
.mboard .inner:after {content:""; display:block; clear:both;}
.mboard .inner .sec01{position:absolute; float:left;  }
.mboard .inner .sec01 ul {margin-top:26px; }
.mboard .inner .sec01 ul li { float:left; padding:0px 10px; margin:0px; }
.mboard .inner .sec01 ul li:after {content:""; display:block; clear:both;}
.mboard .inner .sec01 ul li a {float:left; }
.mboard .inner .sec01 ul li span {position:relative; top:1px; float:right; font-size:11px; color:#8a8a8a;}

.mboard2 { position:relative; width:100%; height:220px;  padding:0px; margin:0 auto; background-color:#f0f0f0;}
.mboard2 .inner {position:relative; width:990px; height:240px; margin:0 auto; zoom:1;}
.mboard2 .inner:after {content:""; display:block; clear:both;}
.mboard2 .inner .sec02{position:absolute; float:left;  }
.mboard2 .inner .sec02 ul {margin-top:39px; }
.mboard2 .inner .sec02 ul li { float:left; padding:0px 6px;  margin:0px; }
.mboard2 .inner .sec02 ul li:after {content:""; display:block; clear:both;}
.mboard2 .inner .sec02 ul li a {float:left; }
.mboard2 .inner .sec02 ul li span {position:relative; top:1px; float:right; font-size:11px; color:#8a8a8a;}



#footer {  padding:50px 0px; background:#606060;  width:100%; }
#footer .copy {position:relative; width:990px; height:40px; margin:0px auto 0;}
#footer .copy .logo {float:left; width:240px;}
#footer .copy p {float:left; width:700px; font-size:11px; line-height:18px; color:#e5e5e5;}

#footer .copy .familyLst {position:absolute; top:0; right:27px; width:153px; border:1px solid #e0e0e0;}

#footer .copy .familySite{position:relative; float:left; left:50%;  top:-50px; margin-left:343px; z-index:100;}
#footer .copy .familySite .siteList{position:absolute; bottom:-300px; left:0px; overflow:hidden; background:#e9e9e9; width:145px; height:353px; border:1px solid #e2e2e2; border-width:1px 1px 0 1px; z-index:4;}
#footer .copy .familySite .siteList li{border-bottom:1px solid #f3f3f3; padding:5px 0 5px 5px;}
#footer .copy .familySite .siteList li a{display:block; }
#footer .copy .familySite .siteList li a:hover{background:#003875; color:#fff; font-weight:bold;}


/* 서브 기본 */
#wrap.sub{width:100%;}
#wrap.sub #header {padding-bottom:10px; }
#cts {min-height:650px; padding:42px 0 50px 0; border-bottom:1px solid #eaeaea;}
#cts .inner {width:1064px; margin:0 auto; zoom:1;}
#cts .inner:after {content:""; display:block; clear:both;}
#cts .inner .lnb {float:left; width:176px; margin-right:15px;}
#cts .inner .lnb .tit {margin-bottom:7px; padding-bottom:10px; border-bottom:3px solid #5c5c5c;}
#cts .inner .lnb ul.lnbLst li a {display:block; padding:5px 0 8px 0; border-bottom:1px solid #e7e7e7; color:#7c7c7c; font-weight:bold;}
#cts .inner .lnb .bn { margin-top:70px; padding:0px; }
#cts .inner .lnb .bn ul {margin-top:9px;}
#cts .inner .lnb .bn ul li {margin-top:2px;}
#cts .inner .contents {float:left; width:1064px; }
#cts .inner .contents .titWrap {margin:18px 0 35px; *margin-top:14px; padding-bottom:10px; border-bottom:3px solid #5c5c5c; zoom:1;}

#cts .inner .contents .titWrap:after {content:""; display:block; clear:both;}
#cts .inner .contents .titWrap h3 {float:left;}
#cts .inner .contents .titWrap .bread {float:right; margin-top:5px; color:#a4a4a4; font-size:11px;}
