@charset "utf-8";
@import url(basic.css);

#wrap{width:100%; height:100%; position:relative; margin:22px 0 0 0;}
#wrap #leftCon{ float:left; width:200px; height:100%; border-right:1px solid #d9d9d9; background:#f1f1f1; min-height:800px; }
#wrap.sub { background:url(); }
#wrap.sub #leftCon { position:fixed; top:0; left:0; }
#wrap #leftCon .gnbBox{border-top:1px solid #d9d9d9;}
#wrap #leftCon .gnbBox > li{border-bottom:1px solid #d9d9d9; height:47px;}
#wrap #leftCon .gnbBox > li > a{display:block; width:200px; height:47px;}
#wrap #leftCon .gnbBox > li.gnb1 > a{background:url(../img/gnb1.png) 0 0 no-repeat;}
#wrap #leftCon .gnbBox > li.gnb2 > a{background:url(../img/gnb2.png) 0 0 no-repeat;}
#wrap #leftCon .gnbBox > li.gnb3 > a{background:url(../img/gnb3.png) 0 0 no-repeat;}
#wrap #leftCon .gnbBox > li.gnb4 > a{background:url(../img/gnb4.png) 0 0 no-repeat;}
#wrap #leftCon .gnbBox > li.gnb5 > a{background:url(../img/gnb5.png) 0 0 no-repeat;}
#wrap #leftCon .gnbBox > li.gnb6 > a{background:url(../img/gnb6.png) 0 0 no-repeat;}
#wrap #leftCon .gnbBox > li.on > a{background-position:-200px 0;}

#wrap #leftCon .gnbBox > li .gnbInner{position:absolute; top:0; width:194px; right:-196px; border-right:1px solid #d9d9d9; background:#fff; height:100%; display:none; z-index:99999;}
#wrap #leftCon .gnbBox > li.subOn .gnbInner{display:block !important;z-index:99;}
#wrap #leftCon .gnbBox > li.subOn > a{background-position:-200px 0;}

#wrap #leftCon .gnbBox > li .gnbInner .gnbInnerList{border-top:1px solid #d9d9d9;padding:15px 0;}
#wrap #leftCon .gnbBox > li .gnbInner .gnbInnerList li a{font-size:14px; font-weight:bold; color:#a7a7a7; line-height:18px; padding:11px 26px; display:block;}
#wrap #leftCon .gnbBox > li .gnbInner .gnbInnerList li a:hover,
#wrap #leftCon .gnbBox > li .gnbInner .gnbInnerList li a.on{color:#000;}

#wrap #leftCon .footer{ }
#wrap #leftCon .footer .footerTxt{background:#f1f1f1; padding:39px 15px; font-size:10px; line-height:14px; color:#777;}
#wrap #leftCon .langBox{text-align:center; padding-bottom:5px; background:#fff; overflow:hidden;  padding: 30px 0 30px 28px; }
#wrap #leftCon .langBox li{ float:left; display:inline-block; padding:0; border-right:1px solid #e9e9e9;}
#wrap #leftCon .langBox li:last-child { border:0; }

#wrap #rightCon{position:fixed; top:0; right:-412px; height:100%; z-index:9999; background:#f1f1f1; }
#wrap #rightCon.main { left:1100px;  }
#wrap #rightCon .openButtonBox,
#wrap #rightCon .rightInnerCon{float:left;}
#wrap #rightCon .openButtonBox{width:50px; height:100%; background:url(../img/right-bg.png) 0 0 repeat; position:relative;}
#wrap #rightCon.main .openButtonBox { display:none; }
#wrap #rightCon .openButtonBox .openButton{display:block; width:18px; height:37px; background:url(../img/right_arr.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-9px; margin-top:-19px;}
#wrap #rightCon .openButtonBox .openButton.on{background:url(../img/right_arr2.png) center no-repeat;}
#wrap #rightCon .rightInnerCon{width:412px; overflow:hidden; background:#f1f1f1; height:100%;}
#wrap #rightCon .rightInnerCon .rightBannerBox{width:100%; overflow:hidden; position:relative;}
#wrap #rightCon .rightInnerCon .rightBannerBox .rightBanner{width:400%;}
#wrap #rightCon .rightInnerCon .rightBannerBox .rightBanner li{float:left;}
#wrap #rightCon .rightInnerCon .rightBannerBox .rightBannerPage{position:absolute; top:40px; right:28px; text-align:right;}
#wrap #rightCon .rightInnerCon .rightBannerBox .rightBannerPage li{display:inline-block; margin-left:10px;}
#wrap #rightCon .rightInnerCon .rightBannerBox .rightBannerPage li a{display:block;  width:18px; height:18px; border-radius:9px; background:#dadada;}
#wrap #rightCon .rightInnerCon .rightBannerBox .rightBannerPage li a:hover,
#wrap #rightCon .rightInnerCon .rightBannerBox .rightBannerPage li.on a{background:#000;}

.rightInnerBox.s2 { overflow:hidden; }
.rightInnerBox.s2 img { float:left; }

/*메인페이지*/
#mainCon{padding-left:201px; margin:-22px 0 0 0;}
#mainCon .mainBannerBox{position:relative; overflow:hidden; width:1200px;}
#mainCon .mainBannerBox > ul{width:400%;}
#mainCon .mainBannerBox > ul li{width:25%; float:left;}
#mainCon .mainBannerBox > ul li img{width:100%;}
#mainCon .mainBannerBox .mainBannerPage{position:absolute; z-index:10; bottom:50px; left:50%; margin-left:-171px;}
#mainCon .mainBannerBox .mainBannerPage .mainBannerPage_l,
#mainCon .mainBannerBox .mainBannerPage .mainBannerPage_r,
#mainCon .mainBannerBox .mainBannerPage .innerBox{display:block; float:left;}
#mainCon .mainBannerBox .mainBannerPage .innerBox{margin:0 15px; width:210px; height:50px; background:#000; text-align:center; border-radius:5px; line-height:50px;}
#mainCon .mainBannerBox .mainBannerPage .innerBox a{color:#a3a3a3; font-size:20px; margin:0 10px; padding:0 5px;}
#mainCon .mainBannerBox .mainBannerPage .innerBox a.on,
#mainCon .mainBannerBox .mainBannerPage .innerBox a:hover{color:#fff;}

/*서브페이지*/
#mainCon .subBox{padding-left:235px; padding-top:75px; width:765px;}
#mainCon .subBox .subTitleBox{background:url(../img/subtitle_bg.png) left bottom no-repeat; padding-bottom:24px;}
#mainCon .subBox .subTitleBox .subTitle{color:#000; font-size:24px; font-weight:bold; line-height:24px;}
#mainCon .subBox .subTitleBox .subTitleTxt{color:#5e5d5d; font-size:18px; line-height:24px; margin-top:30px; letter-spacing:-1.5px;}
#mainCon .subBox .subTitleBox .subTitleTxt strong{font-size:22px;}
#mainCon .subBox .subBoxInner {
    line-height: 28px; /* 210407 추가 */
    word-break: keep-all; /* 210407 추가 */
    padding: 45px 0 90px;
}
#mainCon .subBox .subBoxInner .tempBox{width:100%; height:500px; background:url(../img/temp.png) center no-repeat;}


/* 210407 인사말 CSS 추가 */
#mainCon .subBox .subBoxInner strong,
#mainCon .subBox .subBoxInner b {
    color: #2d96ff;
    font-size: 19px;
}
#mainCon .subBox .subBoxInner b {
    font-style: italic;
    font-weight: normal;
    text-decoration: underline;
}
#mainCon .subBox .subBoxInner big {float: right;}
#mainCon .subBox .font-gray strong {
    color: #6e6e6e;
    font-size: 16px;
}


/* 210406 연혁 CSS 추가 */
#mainCon .subBox .d-flex {display: flex;}
#mainCon .subBox .d-flex .subBoxInnerYearCir div {
    background: linear-gradient(to bottom, #b7d797, #57a10d);
    color: #fff;
    font-style: italic;
    font-weight: bold;
    border-radius: 100%;
    margin-right: 2.5em;
    padding: 1.3em 2.8em;
}


/* 210408 조직도 CSS 추가 */
#mainCon .subBox .group div {
    color: #000;
    font-size: 20px;
    font-weight: 1000;
    letter-spacing: -2px;
    border-bottom: 2.5px solid #000;
    margin-bottom: 30px;
    padding-bottom: 8px;
}
#mainCon .subBox .group div:nth-of-type(2) {margin-bottom: 0;}
#mainCon .subBox .group ul {margin-bottom: 50px;}
#mainCon .subBox .group ul li {
    color: #6b6b6b;
    list-style-type: disc;
    line-height: 34px;
    margin-left: 28px;
}
#mainCon .subBox .group ul li a {
    color:#2f96fc;
    text-decoration: underline;
}
#mainCon .subBox .group ul li b {
    width: 136px;
    display: inline-block;
    color: #6b6b6b;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: -1px;
}


/* 210406 찾아오는 길 네이버 지도 css 추가 */
#mainCon .subBox .subBoxInner #map .iw_inner {
    line-height: 28px;
    padding: 12px 18px;
}
#mainCon .subBox .subBoxInner #map .iw_inner a {
    font-weight: bold;
    text-decoration: underline;
}
#mainCon .subBox .subBoxInner #map div div div:nth-of-type(3)
div:nth-of-type(3)>div>div {
    border: 3px solid #2f96fc !important;
    border-radius: 10px;
}
#mainCon .subBox .subBoxInner #map div div div:nth-of-type(3) div:nth-of-type(3)>div>div>div:nth-of-type(1) {
    height: 100px !important;
}
#mainCon .subBox .subBoxInner #map div div div:nth-of-type(3) div:nth-of-type(3)>div>div>div:nth-of-type(2) {
    border-color: rgb(47, 150, 252) transparent transparent !important;
}
#mainCon .subBox .subBoxInner #map div div div:nth-of-type(3) div:nth-of-type(3)>div>div>div:nth-of-type(3) {
    border-width: 30px 10px 0px !important;
}

/*게시판*/
#mainCon .subBox .subBoxInner .boardBox .boardSearchBox select{width:136px; height:35px; line-height:35px; border:1px solid #b5b5b5; background:#fff; border-radius:0;}
#mainCon .subBox .subBoxInner .boardBox .boardSearchBox input{height:33px; line-height:33px;border:1px solid #b5b5b5; background:#fff; padding:0 10px; width:280px; margin:0 10px;}
#mainCon .subBox .subBoxInner .boardBox .boardTbl{margin-top:25px;}
#mainCon .subBox .subBoxInner .boardBox .boardTbl table{table-layout:fixed;border-bottom:2px solid #000;}
#mainCon .subBox .subBoxInner .boardBox .boardTbl table th,
#mainCon .subBox .subBoxInner .boardBox .boardTbl table td{text-align:center; height:57px; line-height:57px;}
#mainCon .subBox .subBoxInner .boardBox .boardTbl table th{border-top:2px solid #000;border-bottom:2px solid #000; color:#000; font-weight:bold; background:url(../img/tbl_bg.png) right center no-repeat;}
#mainCon .subBox .subBoxInner .boardBox .boardTbl table th.last{background:none;}
#mainCon .subBox .subBoxInner .boardBox .boardTbl table td{color:#8e8e8e; border-top:1px solid #deddd9;}
#mainCon .subBox .subBoxInner .boardBox .boardTbl table td.title,
#mainCon .subBox .subBoxInner .boardBox .boardTbl table td.writer{color:#4a4a4a;}
#mainCon .subBox .subBoxInner .boardBox .boardTbl table td.title{text-align:left; }
#mainCon .subBox .subBoxInner .boardBox .boardTbl table td.title a{display:block; padding:0 30px;overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}
#mainCon .subBox .subBoxInner .boardBox .boardTbl table td.title a:hover{text-decoration:underline;}
#mainCon .subBox .subBoxInner .boardBox .pagenationBox{margin-top:40px; text-align:center;}
#mainCon .subBox .subBoxInner .boardBox .pagenationBox a{display:inline-block; margin:0 10px; color:#8b8b8b; height:22px; vertical-align:top;}
#mainCon .subBox .subBoxInner .boardBox .pagenationBox a:hover,
#mainCon .subBox .subBoxInner .boardBox .pagenationBox a.on{font-weight:bold; color:#2796d0;}
#mainCon .subBox .subBoxInner .boardBox .pagenationBox a.btn_first{width:10px;  background:url(../img/first.png) center no-repeat;}
#mainCon .subBox .subBoxInner .boardBox .pagenationBox a.btn_prev{width:10px;  background:url(../img/prev.png) center no-repeat;}
#mainCon .subBox .subBoxInner .boardBox .pagenationBox a.btn_next{width:10px;  background:url(../img/next.png) center no-repeat;}
#mainCon .subBox .subBoxInner .boardBox .pagenationBox a.btn_last{width:10px;  background:url(../img/last.png) center no-repeat;}

#mainCon .subBox .subBoxInner .boardBox .boardViewTbl table{table-layout:fixed; border-bottom:2px solid #000;}
#mainCon .subBox .subBoxInner .boardBox .boardViewTbl table thead th{color:#000;}
#mainCon .subBox .subBoxInner .boardBox .boardViewTbl table thead th.title{padding:18px 35px; border-top:2px solid #000; font-weight:bold;}
#mainCon .subBox .subBoxInner .boardBox .boardViewTbl table thead .viewTblTop th,
#mainCon .subBox .subBoxInner .boardBox .boardViewTbl table thead .viewTblTop td{border-top:1px solid #000; height:58px; line-height:58px;}
#mainCon .subBox .subBoxInner .boardBox .boardViewTbl table thead .viewTblTop th{text-align:center; background:url(../img/tbl_bg.png) right center no-repeat; }
#mainCon .subBox .subBoxInner .boardBox .boardViewTbl table thead .viewTblTop td{padding:0 20px;}
#mainCon .subBox .subBoxInner .boardBox .boardViewTbl table tbody td{padding:35px; line-height:36px; border-top:2px solid #000;}
#mainCon .subBox .subBoxInner .boardViewBtn{text-align:right; margin-top:30px;}

/*contact us*/
#mainCon .subBox .subBoxInner .contactBox .contactTitle{color:#007fff;}
#mainCon .subBox .subBoxInner .contactBox .contactTitle strong{color:#000;}
#mainCon .subBox .subBoxInner .contactBox .contactTbl{table-layout:fixed; border-top:2px solid #000; border-bottom:2px solid #000; margin-top:50px;}
#mainCon .subBox .subBoxInner .contactBox .contactTbl th,
#mainCon .subBox .subBoxInner .contactBox .contactTbl td{border-top:1px solid #deddd8; vertical-align:top;}
#mainCon .subBox .subBoxInner .contactBox .contactTbl th{padding:19px 25px; font-weight:bold; color:#000;}
#mainCon .subBox .subBoxInner .contactBox .contactTbl td{padding:12px 24px 12px 0;}
#mainCon .subBox .subBoxInner .contactBox .contactTbl td input{width:100%; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #b5b5b5; background:#f8f8f8; padding:0 20px;}
#mainCon .subBox .subBoxInner .contactBox .contactTbl td textarea{width:100%; padding:20px; box-sizing:border-box; border:1px solid #b5b5b5; background:#f8f8f8; resize:none; height:300px;}

.contactTbl.s2 th{padding:5px 15px !important; font-weight:bold; color:#000; }
.contactTbl.s2 td{padding:5px 15px 5px 0 !important;}

/*CI*/
.ciBox{margin-top:40px;}

/*찾아오시는길*/
.addressList{margin-top:30px;}
.addressList li{color:#000;  line-height:30px;}
.visitList{margin-top:70px;}
.visitList dt{color:#6b6b6b; font-weight:bold; margin-top:40px;}
.visitList dd{color:#6b6b6b; line-height:30px; padding:10px;}

#wrap #leftCon .footer .footerTxt .info {
    width: 182px; height: 270px;
    /* background:url(/chn/img/footer.gif) no-repeat left top; */ /* 210406 주석 처리 */
    font-size: 12px;
    line-height: 18px; /* 210406 추가 */
    margin: 14px 0 10px 0;
    letter-spacing:-1px

}

.sound_only { display:none; }
#login_fs .btn_submit { padding:0 !important; width:65px !important; height:65px !important;  }
#login_fs input { width:140px !important; }


/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

.hidden { display:none; }

.main_r_txt { position:absolute; top:45px; left:40px; z-index:100; }


.rightInnerCon_main { float:auto; position:absolute; top:0; left:1196px; z-index:100; height:1200px; background:#f1f1f1; }
.rightInnerCon_main .rightBannerBox { position:relative;  }
.rightInnerCon_main .slides3 { position:relative; top:0; left:0; width:412px; height:213px; overflow:hidden; }
.rightInnerCon_main .slides3 .slides_container { overflow:hidden; position:relative; }
.rightInnerCon_main .slides3 .slides_container a { height:213px; display:block; }
.rightInnerCon_main .slides3 .slides_container a img { width:412px; height:213px; }
.rightInnerCon_main .slides3 .prev { position:absolute; bottom:100px; left:440px; display:block; z-index:101; }
.rightInnerCon_main .slides3 .next { position:absolute; bottom:100px; right:440px; display:block; z-index:101; }
.rightInnerCon_main .slides3 .pagination { position:absolute; top:30px; right:10%; width:90px; z-index:5000; display:block; }
.rightInnerCon_main .slides3 .pagination li { float:left; margin:0 3px; }
.rightInnerCon_main .slides3 .pagination li a { display:inline-block; background:#999; text-align:center; width:15px; height:15px; box-sizing:border-box; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-indent:-5000px;}
.rightInnerCon_main .slides3 .pagination li a:hover,
.rightInnerCon_main .slides3 .pagination li.current a { background:#000; }