@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('/css/fontawesome.css');
@import url("/css/NanumGothic.css");

a{text-decoration:none;}
body{font-family:'NanumGothic Regular','arial','Dotum', sans-serif;}
input[type='radio']{vertical-align:middle;}

html, body{font-size:16px; color:#3f3f3f; font-family:'Nanum Gothic Regular','Tahoma',sans-serif;}
body, .wrapper, table td, table th {word-break:normal; text-align:justify;}

a {color:inherit; text-decoration:none; word-break:break-all;}
a:hover, a:focus {text-decoration:none;}

/* .main.index{background:#f9f9f9;} */
/*wrapper*/
/* .wrapper{width:1200px;margin:0 auto;border-right:1px solid #ccc;}
.wrapper::after{content:""; clear: both; display:block;font-size: 0;line-height: 0;} */

/* header */
/* #headerWrap{width:238px;background:#fff;float:left;border-left:1px solid #ccc;border-right:1px solid #ccc;position:relative;}
#headerWrap::after{display:block; clear: both; content:"";}

.header{margin-top:35px;}
.header > h1 > a{display:block;text-align:center;padding:15px 0;border-bottom:1px solid #ccc;}

.headerTop{overflow:hidden;border-bottom:1px solid #ccc;position:absolute;top:0;left:0;width:100%;}
.headerTop > ul > li{float:left;width:33.33%;text-align:center;font-size:10px;}
.headerTop > ul > li > a{display:block;color:#4a4a4a;height:33px;line-height:33px;border-left:1px solid #ccc;}
.headerTop > ul > li:first-child > a{border-left:0;}
.headerTop > ul > li > a.on,
.headerTop > ul > li > a:hover{color:#fff;background:#2f377b;} */

/* gnbWrap */
/* .gnbWrap{background:#2f377b;}
.gnbWrap > ul > li{position:relative;}
.gnbWrap > ul > li > a{display:block;color:#fff;height:61px;line-height:61px;font-size:16px;font-weight:bold;padding-left:30px;}
.gnbWrap > ul > li.on,
.gnbWrap > ul > li > a:hover{background:#192167 url('/image/main/gnbBg.png') 218px 50% no-repeat;}

#gnbUI{height:305px;}
#gnbUI > li > .subWrap {display:none;position:absolute;width:190px;top:0;left:238px;background:#192167;}
#gnbUI > li > .subWrap.on {display:block;}
#gnbUI > li > .subWrap > ul > li {}
#gnbUI > li > .subWrap > ul > li > a {display:block; padding:10px 30px; color:#fff;font-size:15px;font-weight:bold;height:40px;line-height:40px;}
#gnbUI > li > .subWrap > ul > li > a:hover{background:#1641a2 url('/image/main/gnbBg.png') 170px 50% no-repeat;}
#gnbUI > li > .subWrap > ul > li > ul{margin:10px 0px 15px 10px;}
#gnbUI > li > .subWrap > ul > li > ul a {display:block;color:#fff;font-size:14px;line-height:30px; padding:10px 30px;}
#gnbUI > li > .subWrap > ul > li > ul a:hover{text-decoration:underline;background:#192167 url('/image/main/gnbBg.png') 170px 50% no-repeat;padding-right:5px;} */

/* rolling */
.rollWrap{height:174px;padding:44px 27px;position:relative;background:#424560;}
#rolling{}
#rolling > li{margin:0 0 15px;width:174px;}
#rolling > li > a{display:block;background:#f8f8f8;height:40px;line-height:40px;text-align:center;}

/* 메인 왼쪽 컨트롤 */
.bx-viewport{height:102px;margin-top:30px;}
.bx-controls-direction > a{width:13px;height:10px;position:absolute;text-indent:-9999px;overflow:hidden;display:block;}
.bx-controls-direction .bx-prev{background:url('/image/main/top.png') no-repeat;top:44px;left:50%;}
.bx-controls-direction .bx-next{background:url('/image/main/bottom.png') no-repeat;bottom:44px;left:50%;}

/* 메인 중앙 롤링컨트롤 */
.mainBanner{float:right;}
.mainBanner .bx-wrapper{position:relative;}
.mainBanner .bx-viewport{margin-top:0;}
.mainBanner .bx-pager.bx-default-pager{position:absolute;top:450px;left:50%;margin-left:-20px;}
.mainBanner .bx-pager-item{float:left;}
.mainBanner .bx-pager-link{background:url('/image/main/page_off.png') no-repeat;width:10px;height:10px;margin-right:10px;display:block;text-indent:-9999px;}
.mainBanner .bx-pager-link.active{background:url('/image/main/page_on.png') no-repeat;width:10px;height:10px;}

.loginW{padding:30px;height:181px;}
.loginW a{color:#535353;}
.loginMenu{overflow:hidden;margin-bottom:15px;}
.loginMenu > li{float:left;height:20px;font-size:14px;background:url('/image/main/login2.png') 5px 50% no-repeat;padding-left:23px;}
.loginMenu > li:first-child{background:url('/image/main/login1.png') 0px 50% no-repeat;margin-right:20px;}
.loginMenu > li.admin{background:url('/image/main/admin.png') 0px 50% no-repeat;margin-top:10px;}

.provi{font-size:13px;margin-bottom:15px;}

.visiter{border:1px solid #ccc;background:#f5f5f9;padding:10px;font-size:13px;}
.visiter > li{background:url('/image/main/dot.jpg') 0px 50% no-repeat;padding-left:9px;}
.visiter > li > span{color:#18237f;font-weight:bold;text-decoration:underline;}
/* containerW */
#containerWrap{float:left;overflow:hidden;width:960px;background:#fff;}
#containerWrap::after{content:""; display:block; clear: both;}

.conTop{overflow:hidden;height:484px;}
.conTop .vision{border-right:1px solid #ccc;float:left;}
.conTop .vision > li{width:331px;height:242px;}
.conTop .vision > li > a{display:block;height:242px;background: url('/image/main/menu4.png') 50% 40px no-repeat;}
.conTop .vision > li:first-child > a{background: #5ca6e3 url('/image/main/menu2.png') 50% 45px no-repeat;}
.conTop > a{display:block;float:right;}

.committee {width:178px; height:132px; padding: 100px 30px 30px;}
.committee > .main_dl dt{padding:25px 0 15px;}
.committee > .main_dl dd{padding-bottom:25px;}
.committee > ul{overflow:hidden;text-align:center;}
.committee > ul > li{float:left; width: 50%; margin: 0; padding: 0;}
.committee > ul > li > a{display:block;color:#2f377b;font-size:14px;padding-top:50px;background:url('/image/main/committee_2.png') 50% 0px no-repeat;}
.committee > ul > li:first-child > a{background:url('/image/main/committee_1.png') 50% 0px no-repeat;}
.committee > .btn{margin-top: 10px;}
.committee > .btn a{width: 100%; display:block; border-radius:5px; font-weight: bold; font-size: 13px; padding: 15px 0 16px;}




.main_dl{text-align:center;color:#fff; padding:130px 10px 15px;}
.main_dl dt{font-size:22px; font-weight:bold;}
.main_dl dd{font-size:14px;line-height:18px;padding-bottom:28px;}
.main_dl > dt > span{color:#37408c;font-family:Tahoma;}

.main_dl.type01 > dt{color:#3c3c3c;}
.main_dl.type01 > dd{color:#6e6e6e;}


.conMid{height:242px;overflow:hidden;}
.conMid > div{float:left;}
.conMid > .noticeInfo{width:331px; background:#148fa9; text-align: center;}
.conMid > .noticeInfo > .main_dl{background: url(/image/main/notice.png) no-repeat center 40px;}

.conMid > .notice{position:relative;width:629px;}
.conMid > .notice h3{padding-left:40px;font-size:22px;padding:23px 0 8px 40px;font-weight:bold;}
.conMid > .notice > ul{padding:0 40px;}
.conMid > .notice > ul > li > a{font-size:14px;line-height:28px;color:#6e6e6e;}
.conMid > .notice > ul > li > a:hover span{text-decoration:underline;}
.conMid > .notice > ul > li > a > span:first-child{float:left;}
.conMid > .notice > ul > li > a > span{float:right;	}

.conMid > .notice > a{position:absolute;top:0;right:0;overflow:hidden;}







.conBot{overflow:hidden;height:242px;}
.conBot > div{width:330px;float:left;}
.conBot > div.picNotice{background:url('/image/main/menu4.png') 50% 45px no-repeat;}

.conBot > div.event{width:629px;height:242px;position:relative;}
.conBot > div.event:before{content:'';position:absolute;top:50%;left:300px;width:7px;height:14px; background: #7850c9 url('/image/main/menu5_12.png') no-repeat !important;}
.conBot > div.event >  a{display:block;float:left;width:300px;height:242px;background:#7850c9 url('/image/main/menu5.png') 50% 40px no-repeat;}
.conBot > div.event > div{float:left;width:329px;height:241px;border-bottom:1px solid #ccc; border-top: 1px solid #ccc;; overflow: hidden;}
.conBot > div.event > div > ul{margin:15px 27px 15px;}
.conBot > div.event > div > ul > li{margin-bottom:15px;}
.conBot > div.event > div > ul > li > a{font-size:14px;letter-spacing:-1px;}
.conBot > div.event > div > ul > li > a > dl dt{color:#2f377b; font-weight: bold;}
.conBot > div.event > div > ul > li > a > dl dd{color:#6e6e6e; padding-right: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}








/* 슬라이드 관련 추가 */
div.mainBnr{clear: both; margin: 0; padding: 15px 0; border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
div.mainBnr .bx-wrapper{position:relative; padding: 0 40px !important;}
div.mainBnr .bx-viewport{margin: 0 !important;}
div.mainBnr ul{overflow: hidden; background-color: transparent;padding: 0 40px; }
div.mainBnr ul li{float:left; width: 175px !important; margin-right: 10px;}
div.mainBnr ul li a{display:block;}
div.mainBnr ul li a img{width: 100%; height: 50px;}

div.mainBnr .bx-controls{}
div.mainBnr .bx-controls a{position:absolute; top: 50%; margin-top: -9px; text-indent: -10000px; display:block; width: 11px; height: 18px;}
div.mainBnr .bx-controls a.bx-prev{right: auto !important; left: 0 !important; background: url(/image/icon/bnr_arrL.png) no-repeat 0,0 !important;}
div.mainBnr .bx-controls a.bx-next{left: auto !important; right: 0 !important; background: url(/image/icon/bnr_arrR.png) no-repeat 0,0 !important;}


/* mainVisual */

/* mainContents */



/* 사이트 바로가기 */
dl.goTo {position: relative;padding:10px 0 10px 200px;border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
dl.goTo:after {clear:both;display:block;height:0;line-height:0;font-size:0;content:".";}
dl.goTo > dt,
dl.goTo > dd {}
dl.goTo > dt {position: absolute;left: 20px;top: 50%;height:38px;margin-top: -19px;color:#1b1b1b;font-size:18px;line-height:1.2;font-family: 'NanumSquareEB', sans-serif;letter-spacing:-1px;}
dl.goTo > dt span {display:block;font-size:0.8em;font-family: 'NanumSquare', sans-serif;}
dl.goTo > dd {}

dl.goTo dd {}
dl.goTo dd dl {position:relative;float:left;width:250px;height:43px;margin-left:9px;}
dl.goTo dd dl:first-child {margin-left:0;}
dl.goTo dd a {display:block;position:relative;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;color:#505050;font-weight:bold;font-size:14px;}

dl.goTo dd dt a {border:1px solid #e2e3e3;height:21px;padding:10px 35px 9px 20px;}
dl.goTo dd dt a i {position: absolute;right: 10px;top: 50%;margin-top: -.6em;}

dl.goTo dd dd {display:none;z-index:50;position:absolute;left:0;top:42px;width:248px;overflow-x:hidden;overflow-y:auto;height:120px;border:1px solid #e2e3e3;border-top:0 none;background-color: #f9f9f9;}
dl.goTo dd dd ul {margin:0 20px 17px;}
dl.goTo dd dd li {padding-top:5px;}
dl.goTo dd dd li:first-child {padding-top:10px;}



/* footer */
#footerWrap{/* background:#55575a; height:94px;clear:both; */background:#fff;border-top:1px solid #ccc;}
.footer{width:1200px;margin:0 auto;text-align:center;}
.footer .copyright{padding:25px 0;font-size:14px;line-height:20px;color:#6d6d6d;}
.footer .copyright > p{}

.btnGrey{padding: 7px 0 8px; background: #6a6a6a !important; color: #fff !important;}

/****** sub ******/

/**/


/* 매인 수정 - 26.10.26 mj.park */
/****** sub ******/
.header{
    border-bottom: 1px solid #CCC;
}
.headerTop{background:#252d6d;line-height:28px;height:28px;}
.headerTop > ul{width:1200px;margin:0 auto;overflow:hidden;}
.headerTop > ul > li {float:right;}
.headerTop > ul > li > a{color:#fff;float:left;margin-left:23px;font-size:12px;}

/* gnbWrap */
.gnbWrap > h1{float:left;}
.gnbWrap > h1 > a{display:block;height:81px;line-height:90px;padding-top:9px;}
.gnbWrap > ul{float:right;width:920px;}

.gnbWrap{width:1200px;height:90px;margin:0 auto;}
.gnbWrap > ul > li{position:relative;float:left;margin-left:79px;}
.gnbWrap > ul > li > a{display:block;height:90px;line-height:90px;font-size:20px;font-weight:bold;color:#3a3a3a;}
.gnbWrap > ul > li.on,
.gnbWrap > ul > li > a:hover{}

#gnbUI{height:90px;}
#gnbUI > li > .subWrap {display:none;min-width:150px;position:absolute;top:90px;left:50%;margin-left:-73px;border:1px solid #2f3988;border-top:2px solid #2f3988;padding:10px 0;background:#fff;z-index:10;}
#gnbUI > li > .subWrap:before{width: 14px;height: 8px;content: '';left: 50%;margin-left: -7px;position: absolute;top: -9px;background: url('/image/sub/subWrapBg.jpg') 50% 0 no-repeat;}
#gnbUI > li > .subWrap.on {display:block;}
#gnbUI > li > .subWrap > ul > li {padding:0 20px;}
#gnbUI > li > .subWrap > ul > li > a {display:block;font-size:14px;line-height:35px;color:#797979;background:url('/image/sub/dot.jpg') 0 15px no-repeat;padding-left:10px;}
#gnbUI > li > .subWrap > ul > li > a:hover{}
#gnbUI > li > .subWrap > ul > li > ul{margin:10px 0px 15px 10px;}
#gnbUI > li > .subWrap > ul > li > ul a {display:block;font-size:14px;line-height:30px;}
#gnbUI > li > .subWrap > ul > li > ul a:hover{border:1px solid #ccc;}

#containerWrap{
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    float: none;
}
.conMid{
    border-right: 1px solid #CCC;
}
.conMid > .notice{
    width: 868px;
}
.conMid > .notice > ul > li > a{
    font-size: 17px;
    font-weight: 500;
    color: #545454;
}
.conMid > .notice > ul > li + li{
    margin-top: 5px;
}
.conBot > div.event{
    width: 870px;
}
.conBot > div.event:before{
    display: none;
}
.conBot > div.event > a{
    width: 435px;
}
.conBot > div.event > div{
    width: 435px;
    height: 242px;
    padding: 20px;
    background: #EFF7FD;
    border-bottom: 0;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}
div.mainBnr{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    border-left: 0;
}
dl.goTo{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    border-top: 0;
    border-left: 0;
}
dl.goTo:before{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    min-width: 1903px;
    height: 1px;
    background-color: #ccc;
}
.event .btn-list{
    padding: 0;
    margin: 0;
}
.conBot > div.event > div > .btn-list{
    padding: 0;
    margin: 0;
}
.conBot > div.event > div > .btn-list > li{
    margin-bottom: 10px;
}
.event .btn-list .btn-main{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 60px;
    padding: 0 30px;
    background-color: #1469AE;
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-image: url('/image/sub/ic_btn_arrow.png');
    border-radius: 50px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    box-sizing: border-box;
}
.btn-list > li:nth-child(2) .btn-main{
    background-color: #492494;
}
.btn-list > li:nth-child(3) .btn-main{
    background-color: #3B97B9;
}
.main_dl{
    padding-top: 125px;
    box-sizing: border-box;
}
.main_dl dd{
    font-size: 16px;
    line-height: 1.5;
}
.conTop .vision{
    border-right: 0;
}
.conTop .vision > li{
    width: 330px;
}
.conTop .vision > li:first-child > a{
    background-position: center 25px;
    background-image: url('/image/main/img_main_lib.png');
}
.conTop .vision > li > a{
    background-color: #FA933A;
    background-position: center 25px;
    background-image: url('/image/main/img_main_member.png');
    color: #fff;
}
.conBot > div.event > a{
    background-position: center 25px;
    background-image: url('/image/main/img_main_event.png');
}
.main_dl.type01 > dt,
.main_dl.type01 > dd{
    color: #fff;
}
.conMid > .noticeInfo > .main_dl{
    background-position: center 25px;
    background-image: url('/image/main/img_main_notice.png');
}
.mainBanner{
    border-left: 0;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}
.mainBanner img{
    width: 100%;
}