@charset "utf-8";
/* ----------
css
---------- */


/* layout | 퍼블리셔 */
body, table, th, td, input,
textarea, button, select {
	font-family:"나눔고딕", NanumGothic, "Nanum Gothic", "Malgun Gothic", "돋움", Dotum, Tahoma, Verdana, Calibri, Arial, sans-serif;
	font-size:13px;
	color:#666;
}

.area{width:1101px; margin:0px auto;}


/* ======================= HEADER ============================ */
#header{width:100%; height:118px; border-bottom:3px solid #6693ce; position:relative;}
#headerInner{position:relative;}
#headerInner h1.logo{position:absolute; z-index:999; Padding-left:51px; padding-top:11px;}
#headerInner .header-txt{position:absolute; top:28px; right:0px; padding-left:20px; color:#6aae5d; font-weight:600; font-size:14px; background:url(/kr/images/icon/tel_icon.gif) no-repeat}
#header ul.headerLogin {float:right; margin-top:20px}
#header ul.headerLogin li {float:left; margin-left: 10px}

#gnb{width:100%;  position:absolute; top:71px;left:0px;}
#gnb>ul{height:47px;width:862px; padding-left:488px ; margin:0px auto;}
#gnb>ul>li{float:left; padding-left:68px; height:47px; background:url(/kr/images/layout/gnb_bar.gif) no-repeat 28px 7px;}
#gnb>ul>li:first-child{padding-left:0; background:none;}
#gnb>ul>li:last-child{padding-left:60px;}
#gnb>ul>li>a{color:#434343; font-size:18px; font-weight:600;}

.gnb-bg{position:absolute; top:47px; left:0px; width:100%; height:30px; line-height:30px; z-index:99; background-color:#6693ce;}
.gnb-bg ul{width:1100px; margin:0 auto; overflow:hidden; }
#gnb li.gnb1 .gnb-bg ul li:first-child{margin-left:350px;}
#gnb li.gnb2 .gnb-bg ul li:first-child{margin-left:200px;}
#gnb li.gnb3 .gnb-bg ul li:first-child{margin-left:600px;}
#gnb li.gnb4 .gnb-bg ul li:first-child{margin-left:690px;}
#gnb li.gnb5 .gnb-bg ul li:first-child{margin-left:880px;}

.gnb-bg ul li{float:left; margin-left:25px;}
.gnb-bg ul li a{color:#fff; font-size:14px; font-weight:600}

/* ======================= MAIN ============================ */
#mainContainer{width:100%;}
/* -------- visual -------- */
#mainVisual{width:100%; height:539px; background:url(/kr/images/layout/visual_bg.gif) repeat-x center top; border-bottom:1px solid #e0e0e0}
#visualSlide{position:relative; width:1198px; height:433px; margin:0px auto; border:1px solid #dddede; background-color:#fff; overflow:hidden;}
#visualSlide .visual-btn { width:100%; position:absolute; left:0; bottom:15px; text-align:center; z-index:999; }
#visualSlide .visual-btn a { outline:none; display:inline-block; width:14px; height:14px; background:url(/kr/images/button/visual_onoff.png) no-repeat; background-position:-39px 0; margin-left:6px;}
#visualSlide .visual-btn a.on{width:34px; background-position:0px 0px;}
#visualSlide .visual-btn span{margin-left:5px; cursor:pointer}
#visualSlide .visual-img { height:433px; position:absolute; left:0px; top:0; overflow:hidden; }
#visualSlide .visual-img li { float:left; width:33.333%; height:433px; }
.visual-img{height:433px;}

#quickList{width:1132px; margin:0px auto; height:91px; padding-top:13px;}
#quickList li{float:left; width:283px;}
#quickList li a{display:block; width:283px; height:91px;}

#quickList li .photo-thum{display:block; width:80px; float:left; position:relative;}
#quickList li .photo-thum img,#quickList li .photo-thum span.over-thum{position:absolute; top:0px; left:0px;}
#quickList li .photo-thum span.over-thum{display:none;}
#quickList li a:hover .photo-thum span.over-thum{display:block;}
#quickList li .quick-txt{padding-left:92px; padding-top:25px; float:left;}
#quickList li .quick-txt span,#quickList li .quick-txt strong{display:block;}
#quickList li .quick-txt span{color:#6b6b6b;margin-bottom:10px;}
#quickList li .quick-txt strong{color:#3d3d3d; font-size:16px; font-weight:600; }

/* -------- ceotent -------- */
#mainContent{width:1101px; margin:0px auto; position:relative;}

#bannerTop>ul,#bannerBottom>ul{overflow:hidden; border-right:1px solid #e0e0e0}
#bannerTop>ul>li,#bannerBottom>ul>li{float:left; border-left:1px solid #e0e0e0;padding-left:30px; width:335px; }
h3.banner-tit{padding-top:26px; padding-bottom:21px; color:#3d3d3d; font-size:18px; font-weight:600; }
h3.banner-tit span{color:#aaaaaa; font-size:18px; font-weight:600;}
.banner-txt{font-size:14.5px; color:#5d5d5d; line-height:24px; padding-bottom:32px;}
.more_btn{color:#515151; font-size:13px; font-weight:600; text-decoration:underline;}
.more_btn:hover{text-decoration:underline;}
.more_btn_icon{position:absolute; top:26px; right:29px;}


#bannerTop>ul>li{height:218px;}
#bannerTop>ul>li.banner1{background:url(/kr/images/main/banner1_bg.gif) no-repeat 240px 66px}
#bannerTop>ul>li.banner2{width:336px;background:url(/kr/images/main/banner2_bg.gif) no-repeat 228px 69px}
#bannerTop>ul>li.banner3{background:url(/kr/images/main/banner3_bg.gif) no-repeat 248px 69px}

#bannerBottom{border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
/* 공지사항 -  FAQ */
.banner4 #tab{padding:26px 0 21px;}
.banner4 #tab ul{overflow:hidden}
.banner4 #tab ul li{float:left; }
.banner4 #tab ul li.dot{margin:0 5px; font-weight:600; font-size:18px; color:#aaa}
.banner4 #tab ul li a{color:#aaa; font-size:18px; font-weight:600; outline:none}
.banner4 #tab ul li a:hover,.banner4 #tab ul li a:focus,.banner4 #tab ul li a.selected{color:#3d3d3d}

#bannerBottom>ul>li{height:159px; position:relative; }
#bannerBottom>ul>li ul.notice-list li{margin-bottom:10px; padding-left:10px; background:url(/kr/images/layout/notice_bullet.gif) no-repeat left center;}
#bannerBottom>ul>li.banner5{width:336px;}
#bannerBottom>ul>li ul.notice-list li a:hover{text-decoration:underline;}

#bannerBottom>ul>li.banner6{padding-left:0}
#bannerBottom>ul>li.banner6 .over-img{display:none;}
#bannerBottom>ul>li.banner6:hover .over-img{display:block;}
#bannerBottom>ul>li.banner6 .over-img a{position:absolute; top:0px; left:0px; width:366px; height:189px;}

#bannerRight ul {position:absolute; right:-260px; bottom:30px; }

/* familyList */
#familyList{position:relative; width:1099px; height:80px; padding-top:30px; margin:0px auto; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0}
#familyList .prev-btn{position:absolute; top:40px; left:40px; outline:none}
#familyList .next-btn{position:absolute; top:40px; right:40px; outline:none}
#familyGallery{width:902px; margin:0px auto; overflow:hidden;}
.family-list{overflow:hidden;}
.family-list li{float:left; width:134px; margin-right:19px; text-align:center; }
/* ======================= FOOTER ============================ */
#footer{width:100%; height:112px; padding-top:26px; border-top:1px solid #e0e0e0; background-color:#626262;}
#footTop{overflow:hidden; padding-bottom:20px;}
#footTop li{float:left; color:#fff; font-size:13px; font-weight:600;}
#footTop li.line{margin:0 8px;}
#footTop li a{color:#fff}
.footBottom{color:#c6c6c6; line-height:20px}

/* ======================= SUB_ LAYOUT ============================ */
#visual{width:100%; height:215px; background:url(/kr/images/layout/sub_visual.jpg) no-repeat center top; border-bottom:1px solid #e0e0e0}
#middleArea{width:1099px; overflow:hidden; margin:0px auto; border-left:1px solid #e0e0e0}
/* 사이드바 */
#sidebar{width:200px; float:left }

#sidebar h2.sidebar-tit{height:85px; width:100%;}
#sidebar h2.sidebar-tit.txt{color:blue; text-align:center}
#sidebar ul{border-bottom:1px solid #c9c9c9}
#sidebar ul li{}
#sidebar ul>li>a{display:block; width:200px; height:37px; line-height:200px; overflow:hidden;outline:none }

#sidebar ul.sidebar1>li>a{background:url(/kr/images/common/sidebar1.gif) no-repeat}
#sidebar ul.sidebar2>li>a{background:url(/kr/images/common/sidebar2.gif) no-repeat}
#sidebar ul.sidebar3>li>a{background:url(/kr/images/common/sidebar3.gif) no-repeat}
#sidebar ul.sidebar4>li>a{background:url(/kr/images/common/sidebar4.gif) no-repeat}
#sidebar ul.sidebar5>li>a{background:url(/kr/images/common/sidebar5.gif) no-repeat}
#sidebar ul.sidebar6>li>a{background:url(/kr/images/common/sidebar6.gif) no-repeat}

#sidebar ul li.sidemenu1>a{background-position:0px 0px}
#sidebar ul li.sidemenu2>a{background-position:0px -37px}
#sidebar ul li.sidemenu3>a{background-position:0px -74px}
#sidebar ul li.sidemenu4>a{background-position:0px -111px}
#sidebar ul li.sidemenu5>a{background-position:0px -148px}
#sidebar ul li.sidemenu6>a{background-position:0px -185px}

#sidebar ul li.sidemenu1>a:hover,#sidebar ul li.sidemenu1>a:focus,#sidebar ul li.sidemenu1>a.on{background-position:-201px 0px}
#sidebar ul li.sidemenu2>a:hover,#sidebar ul li.sidemenu2>a:focus,#sidebar ul li.sidemenu2>a.on{background-position:-201px -37px}
#sidebar ul li.sidemenu3>a:hover,#sidebar ul li.sidemenu3>a:focus,#sidebar ul li.sidemenu3>a.on{background-position:-201px -74px}
#sidebar ul li.sidemenu4>a:hover,#sidebar ul li.sidemenu4>a:focus,#sidebar ul li.sidemenu4>a.on{background-position:-201px -111px}
#sidebar ul li.sidemenu5>a:hover,#sidebar ul li.sidemenu5>a:focus,#sidebar ul li.sidemenu5>a.on{background-position:-201px -148px}
#sidebar ul li.sidemenu6>a:hover,#sidebar ul li.sidemenu6>a:focus,#sidebar ul li.sidemenu6>a.on{background-position:-201px -185px}


#sidebar .side-2dep{display:none; padding:13px 0 0 22px; border:0; border-top:1px solid #e0e0e0}
#sidebar .side-2dep a{width:178px; line-height:1.0em; height:25px; outline:none}

#content{float:left; width:848px; min-height:500px; padding-left:49px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding-top:27px;}
#contentInfo{height:59px; position:relative; padding-bottom:50px;}
#contentInfo .content-tit{position:absolute;}
#contentInfo #location{position:absolute; top:20px; right:49Px; }
#contentInfo #location ul{overflow:hidden;}
#contentInfo #location ul li{float:left; line-height:20px; font-size:11px; font-family:"돋움",dotum; color:#888888; }
#contentInfo #location ul li.bar{margin:0 5px;}

/* member */
.bbs-view-table.write td {padding: 6px}
.bbs-view-table.write td div span {padding-top: 6px; display:inline-block;}
.bbs-view-table.write td div .error {margin-top: 6px}
span.require {color:red; }
div.to_save {text-align:center;}
input.save {margin-top:10px; background-color: #337ab7; color: #fff; border-color: #2e6da4; padding: 12px 24px; border-radius: 4px; border:none; margin-right:10px; font-size:14px }
input.cancel {margin-top:10px;background-color: #fff; color: #000; padding: 12px 24px; border-radius: 4px; border: 1px solid #000; font-size:14px;}
label.error {display:block; color:red;}

/* map */
.cont #mapArea {height:500px; border: 1px solid #d2d6da; margin-bottom: 20px}