@charset "UTF-8";

/* location */ 
.loc-position{position:absolute;width:99.8%;height:54px;left:0;background-color:#fff;z-index:10;border:1px solid #b5b5b5;border-width:0px 0px 1px 1px;}
.loc-element{width:100%;max-width:1400px;margin:0px auto;border:1px solid #b5b5b5;border-width:0px 1px;}
.loc-element:after,.loc-element .left-area .loc-list-element:after,.sub-contents:after,
.board-search-element:after,.board-list-element:after,.board-list-element .board-list:after,.sub-contents aside:after,
.tab-cont:after,.board-view-element:after,.poll-element:after,.other-infor-element .term-over .term-element .term-insert-element:after,
.other-infor-element .person-element .person-body .top-area:after,.other-infor-element .person-element:after,
.other-infor-element .person-element .person-btn:after,.wide-contents:after{content:'';display:block;clear:both;}
.loc-element .home-link{float:left}
.loc-element .home-link a{display:block;width:55px;height:54px;background-color:#fff;background-image:url(../images/main/main_img.png);background-position:-309px -211px;border-right:1px solid #b5b5b5;}
.loc-element .home-link .gnb-a1{display:block;width:55px;height:54px;background-color:#0c304b;background-image:url(../images/common/img-gnb-a1.png);background-repeat:no-repeat;background-position:center center}
.loc-element .home-link .gnb-a2{display:block;width:55px;height:54px;background-color:#0c304b;background-image:url(../images/common/img-gnb-a2.png);background-repeat:no-repeat;background-position:center center}
.loc-element .home-link .gnb-a3{display:block;width:55px;height:54px;background-color:#0c304b;background-image:url(../images/common/img-gnb-a3.png);background-repeat:no-repeat;background-position:center center}
.loc-element .home-link .gnb-a4{display:block;width:55px;height:54px;background-color:#0c304b;background-image:url(../images/common/img-gnb-a4.png);background-repeat:no-repeat;background-position:center center}
.loc-element .home-link .gnb-a5{display:block;width:55px;height:54px;background-color:#0c304b;background-image:url(../images/common/img-gnb-a5.png);background-repeat:no-repeat;background-position:center center}
.loc-element .home-link .gnb-a6{display:block;width:55px;height:54px;background-color:#0c304b;background-image:url(../images/common/img-gnb-a6.png);background-repeat:no-repeat;background-position:center center}
.loc-element .home-link .gnb-a7{display:block;width:55px;height:54px;background-color:#0c304b;background-image:url(../images/common/img-gnb-a7.png);background-repeat:no-repeat;background-position:center center}
.loc-element .home-link .gnb-a8{display:block;width:55px;height:54px;background-color:#0c304b;background-image:url(../images/common/img-gnb-a8.png);background-repeat:no-repeat;background-position:center center}
.loc-element .left-area{float:left;}
.loc-element .left-area .loc-list-element{position:relative;float:left;}
.loc-element .left-area .loc-list-element > li{position:relative;float:left;height:54px;min-width:265px;border-right:1px solid #b5b5b5;}
.loc-element .left-area .loc-list-element > li > a{position:relative;display:block;padding:17px 40px 15px 15px;font-size:18px;color:#2e2e2e;font-weight:bold;}
.loc-element .left-area .loc-list-element > li > a > span{position:absolute;right:13px;top:50%;margin-top:-11px;z-index:1;display:block;width:20px;height:20px;background-image:url(../images/main/main_img.png);background-position:-366px -420px;}
.loc-element .left-area .loc-list-element > li > ul{display:none;position:absolute;left:0px;top:54px;z-index:100;background-color:#0c304b;width:100%;padding:7px 0px;}
/* .loc-element .left-area .loc-list-element > li.active > a{color:#fff;}
.loc-element .left-area .loc-list-element > li.active a span{background-image:url(../images/main/main_img.png);background-position:-366px -441px;}
.loc-element .left-area .loc-list-element > li.col.active{background-color:#fff;}
.loc-element .left-area .loc-list-element > li.col.active a{color:#2e2e2e;}기본
.loc-element .left-area .loc-list-element > li.col1.active{background-color:#538ace;}북한이해
.loc-element .left-area .loc-list-element > li.col2.active{background-color:#f55521;}북한동향
.loc-element .left-area .loc-list-element > li.col3.active{background-color:#098741;}북한테마
.loc-element .left-area .loc-list-element > li.col4.active{background-color:#aa6de7;}북한지도
.loc-element .left-area .loc-list-element > li.col5.active{background-color:#ef4358;}전문자료
.loc-element .left-area .loc-list-element > li.col.active ul{background-color:#0c304b;border-top:1px solid #b5b5b5;}
.loc-element .left-area .loc-list-element > li.col1.active ul{background-color:#538ace;border-top:1px solid #b5b5b5;}
.loc-element .left-area .loc-list-element > li.col2.active ul{background-color:#f55521;border-top:1px solid #b5b5b5;}
.loc-element .left-area .loc-list-element > li.col3.active ul{background-color:#098741;border-top:1px solid #b5b5b5; }
.loc-element .left-area .loc-list-element > li.col4.active ul{background-color:#aa6de7;border-top:1px solid #b5b5b5;}
.loc-element .left-area .loc-list-element > li.col5.active ul{background-color:#ef4358;border-top:1px solid #b5b5b5;} */
.loc-element .left-area .loc-list-element > li.active > ul{display:block}
.loc-element .left-area .loc-list-element > li.col.active ul > li > a{color:#fff;}
.loc-element .left-area .loc-list-element > li > ul > li > a{display:block;font-size:17px;color:#fff;padding:0px 13px 7px 13px;}
.loc-element .left-area .loc-list-element > li > ul > li:last-child > a{padding:0px 13px 0px 13px;}
.loc-element .left-area .loc-list-element > li > select{width:100%;border:0px;background-color:transparent;box-sizing:border-box;height:53px;font-size:15px;padding:0px 0px 0px 10px;}
.loc-element .right-area{position:relative;float:right;}
.loc-element .right-area > li{float:left;border-right:1px solid #fff;}
.loc-element .right-area > li:last-child{border-right:0px}
.loc-element .right-area > li > a{display:block;width:54px;height:54px;background-repeat:no-repeat;background-position:center center}
.loc-element .right-area > li.link > a{background-image:url(../images/main/main_img.png);background-position:-309px -263px;border-left:1px solid #d5d5d5;}
.loc-element .right-area > li.link .sns-box{display:none;position:absolute;right:0px;top:65px;z-index:100;width:350px;background-color:#0c304b;box-sizing:border-box;padding:15px;z-index:1;}
.loc-element .right-area > li.link.active .sns-box{display:block}
.loc-element .right-area > li.link .sns-box > ul{overflow:hidden;}
.loc-element .right-area > li.link .sns-box > ul li{float:left;}
.loc-element .right-area > li.link .sns-box > ul li a{display:block;margin-right:10px;}
.loc-element .right-area > li.link .sns-box > ul li a img{width:45px;height:45px;}
.loc-element .right-area > li.link .sns-box > ul li:last-child a{margin-right:0px;}
.loc-element .right-area > li.link #link-copy-element{display:none;margin-top:10px;padding-right:70px;position:relative;}
.loc-element .right-area > li.link #link-copy-element input{width:100%;padding:0px 10px;background-color:#fff;height:35px;box-sizing:border-box;}
.loc-element .right-area > li.link #link-copy-element button{position:absolute;right:0px;top:0px;z-index:1;border:0px;width:70px;height:35px;line-height:34px;text-align:center;font-size:14px;color:#fff;background-color:#777;cursor:pointer}
.loc-element .right-area > li.print > a{background-image:url(../images/main/main_img.png);background-position:-309px -313px;border-left:1px solid #d5d5d5;}
.loc-element .right-area > li.text-plus > a{background-image:url(../images/main/main_img.png);background-position:-309px -365px;border-left:1px solid #d5d5d5;}
.loc-element .right-area > li.text-minus > a{background-image:url(../images/main/main_img.png);background-position:-309px -411px;border-left:1px solid #d5d5d5;}
@media all and (max-width:1270px){
	.loc-position{display:none;}
    .loc-element{display:none;}
    .mobile-hidden{display:none;}
}

/* sub-contents */
.sub-contents{padding:80px 0px 0px 0px;width:100%;max-width:1400px;margin:0 auto;}
.sub-contents-search{padding:0px 0px 0px 0px;width:100%;max-width:1400px;margin:0 auto;}
.left-contents{float:left;width:75%;position:relative;}
.left-contents:after{content:'';display;block;clear:both}
.container h3{text-align:center;font-size:30px;color:#000;font-weight:700;margin-bottom:20px;}
aside{float:right;width:23%;margin-top:80px;}
.board-search-element{padding:20px 20px;background-color:#f9f9f9}
.board-search-element.photo{border:1px solid #c6c6c6;padding:20px 28px;}
.board-search-element .left-area{float:left;width:50%;margin-left:-40px;}
.board-search-element .left-area .left-area-inner{position:relative;float:left;width:50%;box-sizing:border-box;}
.board-search-element .left-area .left-area-inner:first-child:after{position:absolute;right:-30px;top:5px;z-index:1;content:'~';font-size:30px;font-weight:700;color:#0c304b;}
.board-search-element .left-area .left-area-inner .input-inner{position:relative;border:1px solid #c8c8c8;padding:1px 50px 0 1px;margin-left:40px;box-sizing:border-box;height:45px;background-color:#fff}
.board-search-element .left-area .left-area-inner .input-inner input{height:41px;padding:5px 10px;width:100%;box-sizing:border-box;}
.board-search-element .left-area .left-area-inner .input-inner a{display:block;width:46px;height:43px;position:absolute;right:0px;top:0px;z-index:1;background:url(../images/common/ico-calendar.png) no-repeat center center;}
.board-search-element .right-area{float:right;width:50%;}
.board-search-element .wide-area{float:right;width:100%;}
.board-search-element .right-area .right-area-inner{position:relative;padding-left:90px;}
.board-search-element .right-area .right-area-inner select{position:absolute;left:0px;top:0px;z-index:1;border:1px solid #c8c8c8;height:45px;padding:5px 0px 5px 7px;min-width:80px;}
.board-search-element.photo,
.board-search-element.term{padding:21px 34px;}
.board-search-element.photo .right-area{float:none;width:500px;}
.board-search-element.term .right-area{float:none;width:100%;}
.board-search-element .right-area .right-area-inner{position:relative;padding-left:90px;}
.board-search-element .right-area .title-txt-1{position:relative;padding-left:60px;}
.board-search-element.photo .right-area .right-area-inner{padding-left:90px;padding-right:80px;}
.board-search-element .right-area .right-area-inner select{position:absolute;left:0px;top:0px;z-index:1;border:1px solid #c8c8c8;height:45px;padding:5px 0px 5px 7px;min-width:80px;}
.board-search-element.term .right-area .right-area-inner label{position:absolute;left:0px;top:10px;z-index:1;min-width:80px;font-size:15px;display:block;color:#000;}
.board-search-element.term .right-area .right-area-inner .title-txt-2{position:absolute;left:0px;top:0px;z-index:1;min-width:30px;font-size:15px;display:block;color:#000;background:#fff;border:1px solid #c8c8c8;height:;padding:11px;color:#fff; background:#0c304b;text-align:center;}
.board-search-element .right-area .right-area-inner.text{padding-left:40px;}
.board-search-element .right-area .right-area-inner.text label{position:absolute;left:0px;top:10px;z-index:1;min-width:40px;font-size:15px;display:block;color:#000;}
.board-search-element.term .right-area .right-area-inner p.infor-txt{font-size:12px;color:#777;margin-top:8px;}
.board-search-element .right-area .right-area-inner .input-inner{position:relative;border:1px solid #c8c8c8;padding:1px 50px 0 1px;margin-left:0px;box-sizing:border-box;height:45px;background-color:#fff}
.board-search-element.photo .right-area .right-area-inner .input-inner{padding-right:0px;}
.board-search-element .right-area .right-area-inner .input-inner input{height:41px;padding:5px 10px;width:100%;box-sizing:border-box;}
.board-search-element .right-area .right-area-inner .input-inner button{display:block;width:46px;height:43px;position:absolute;right:0px;top:0px;z-index:1;background:url(../images/common/ico-search.png) no-repeat center center;}
.board-search-element.photo .right-area .right-area-inner button{position:absolute;right:0px;top:0px;z-index:1;width:70px;height:44px;text-align:center;background-color:#0c304b;font-size:18px;color:#fff;cursor:pointer}
.aside-element{position:relative;}
.aside-element.day{position:relative;margin-top:17px;}
.aside-element dt{height:59px;background-color:#0c2f4b;font-size:17px;color:#fff;text-align:center;line-height:60px}
.aside-element dd{position:relative;font-size:15px;color:#000;border:1px solid #d7d7d7;margin-top:-1px;}
.aside-element.keyword dd{padding:8px 10px 8px 35px}
.aside-element.day dd{padding:10px 10px 10px 50px}
.aside-element.day dd span{position:absolute;left:0;top:50%;z-index:1;width:50px;height:30px;margin-top:-11px;font-size:15px;font-weight:700;color:#0c2f4b;text-align:center}
.wide-contents{position:relative;}
.wide-contents .point-text{padding-bottom:5px;font-size:13px;color:#000000;}
.term-list{overflow:hidden;background-color:#f9f9f9;border-bottom:1px solid #d7d7d7;padding:21px 0px;text-align:center;}
.term-list a{position:relative;display:inline-block;padding:0px 15px;font-size:17px;color:#777777;}
.term-list a:after{display:block;width:1px;height:15px;position:absolute;right:0px;top:4px;z-index:1;content:'';background-color:#d9d9d9}
.term-list a:last-child:after{display:none;}
.term-list a:hover{color:#016bba;font-weight:bold;}
.term-list a.active{color:#016bba; font-weight:bold;}
@media all and (max-width:1270px){
    .sub-contents{padding:0px;}
    .left-contents{float:none;width:auto;margin-top:40px;padding:0px 15px;}
    aside{float:none;width:auto}
    .aside-element dt{height:60px;}
    .board-search-element .left-area{float:none;width:100%;margin-left:0px;overflow:hidden;}
    .board-search-element .right-area{float:none;width:100%;margin-top:10px;}
    .board-search-element .left-area .left-area-inner:first-child .input-inner{margin-right:20px;margin-left:0px;}
    .board-search-element .left-area .left-area-inner:last-child .input-inner{margin-left:20px;}
    .board-search-element .left-area .left-area-inner:first-child:after{right:-10px;}
    .aside-element.day{margin-top:0px;}
    .wide-contents{margin-top:40px;padding:0px 15px;}
    .board-search-element.photo{margin-top:0px;padding:12px 20px;margin-bottom:10px;}
    .board-search-element.photo .right-area{margin-top:0px;width:100%;}
    .board-search-element.photo .right-area .right-area-inner .input-inner{height:34px;}
    .board-search-element.photo .right-area .right-area-inner .input-inner input{height:31px;}
    .board-search-element.photo .right-area .right-area-inner select{height:34px;}
    .board-search-element.photo .right-area .right-area-inner button{height:34px;}
    .board-search-element.term{padding:15px;}
    .board-search-element.term .right-area{margin-top:0px;}
    .board-search-element.term .right-area .right-area-inner{padding-left:0px;}
    .board-search-element.term .right-area .right-area-inner label{display:none;}
    .board-search-element.term .right-area .right-area-inner .title-txt-2{display:none;}
    .board-search-element .right-area .right-area-inner .input-inner{width:100%;} 
}

/* other content */
.notice-element{margin-top:80px;position: relative;}
.notice-element h5{font-size:17px;color:#2e2e2e;padding:10px 30px 13px 45px;background:url(../images/common/ico-notice.png) no-repeat 5px center;font-weight:700 }
.notice-element h5 span:not(.more-btn){display:inline-block;border-left:1px solid #2e2e2e;height:20px;margin:0px 0px 0px 20px;vertical-align:middle;padding-left:20px;font-size:15px;color:#000;font-weight:400}
.notice-element ul{overflow:hidden;border:1px solid #b7b7b7;border-width:1px 0px;}
.notice-element ul li{padding:10px 20px;border-bottom:1px dashed #b7b7b7;}
.notice-element ul li:last-child{border-bottom:0px}
.notice-element ul li a{display:block;font-size:15px;color:#2e2e2e;}

.notice-element span.more-btn{position:absolute;top:4px;right:0; width:30px; height:30px;background-image:url(../images/main/ico-plus.png);background-color:#fff;background-position:center center;background-repeat:no-repeat;}
.notice-element span.more-btn a{display:block;width:42px;height:42px}

.history-element{margin-top:55px;}
.history-element + form fieldset{margin-top:20px;}/*190710 변경 55 > 20*/
.history-element h5{font-size:17px;color:#2e2e2e;padding:10px 30px 13px 45px;background:url(../images/common/ico-calendar1.png) no-repeat 5px 7px;font-weight:700 }
.history-element h5 span{display:inline-block;border-left:1px solid #2e2e2e;height:20px;margin:0px 0px 0px 20px;vertical-align:middle}
.history-element .history-slide-element{position:relative;padding:55px 25px 45px 25px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.history-element .history-slide-element .history-slide-control{position:absolute;right:0px;top:-30px;z-index:1;}
.history-element .history-slide-element .history-slide-control a{display:inline-block;width:12px;height:19px;background-repeat:no-repeat;}
.history-element .history-slide-element .history-slide-control a.prev{background-image:url(../images/common/btn-history-prev.png);margin-right:30px;}
.history-element .history-slide-element .history-slide-control a.next{background-image:url(../images/common/btn-history-next.png);}
.history-element .history-slide-element .history-slide{overflow:hidden;}
.history-element .history-slide-element .history-slide:after{position:absolute;left:0px;right:0px;top:54px;content:'';display:block;width:100%;height:1px;background-color:#0c304b}
.history-element .history-slide-element .history-slide dl{position:relative;width:100%;text-align:center;min-height:130px;}
.history-element .history-slide-element .history-slide dl:after{position:absolute;left:50%;top:54px;content:'';display:block;width:9px;height:9px;background-color:#000;margin-left:-5px;border-radius:4px}
.history-element .history-slide-element .history-slide dl dt{font-size:30px;font-weight:700;color:#000;}
.history-element .history-slide-element .history-slide dl.color-blue dt{color:#1d7ac0;}
.history-element .history-slide-element .history-slide dl.color-blue:after{background-color:#1d7ac0;}
.history-element .history-slide-element .history-slide dl dt span{display:inline-block;font-size:18px;font-weight:400;vertical-align:middle;margin-left:2px;}
.history-element .history-slide-element .history-slide dl dd{margin-top:40px;font-size:13px;color:#000;}
.other-infor-element{margin-top:12px;padding-bottom:10px;border-bottom:1px solid #898989;}
.other-infor-element:first-child{margin-top:0px}
.other-infor-element h5{font-size:17px;color:#2e2e2e;font-weight:700}
.other-infor-element h5 span{display:inline-block;border-left:1px solid #d9d9d9;height:20px;margin:0px 0px 0px 20px;vertical-align:middle;font-weight:400;padding-left:20px;font-size:15px;color:#2e2e2e;}
.other-infor-element .other-search-element{position:relative;margin-top:12px;border:1px solid #c8c8c8;padding:1px 50px 0 1px;box-sizing:border-box;height:52px;background-color:#fff}
.other-infor-element .other-search-element input{height:48px;padding:5px 10px 5px 15px;width:100%;box-sizing:border-box;font-size:17px;color:#000;}
.other-infor-element .other-search-element button{display:block;width:48px;height:48px;position:absolute;right:0px;top:0px;z-index:1;background:url(../images/common/ico-search.png) no-repeat center center;}
.other-infor-element .term-over {overflow-x:hidden;background-color: #f4f2f2;margin-top:9px;padding-bottom: 9px;}
.other-infor-element .nobg{background-color: #ffffff;}
.other-infor-element .term-over .term-element{margin-top:10px;padding-left: 9px;}
.other-infor-element .term-over .term-element .term-title{}
.other-infor-element .term-over .term-element .term-title a span{display:inline-block;}
.other-infor-element .term-over .term-element .term-title a span.large-txt{padding-bottom:2px;border-bottom:1px solid #0c304b;font-size:17px;color:#0c304b;font-weight:700;}
.other-infor-element .term-over .term-element .term-title a span.small-txt{margin-left:4px;font-size:13px;color:#9f9f9f;font-weight:400;padding-right:30px;background:url(../images/common/ico-href.png) no-repeat right 2px top 5.2px;}
.other-infor-element .term-over .term-element .term-insert-element{margin-top:15px;position:relative;padding-left:52px;}
.other-infor-element .term-over .term-element .term-insert-element + .term-insert-element{margin-top:5px;}
.other-infor-element .term-over .term-element .term-insert-element span{display:inline-block;float:left;font-size:15px;color:#000;}
.other-infor-element .term-over .term-element .term-insert-element span.term-insert-left{width:52px;position:absolute;left:0px;top:0px;z-index:1;}
.other-infor-element .term-over .term-element .term-insert-element.small{padding-left:40px;}
.other-infor-element .term-over .term-element .term-insert-element.small span.term-insert-left{width:40px;}
.other-infor-element .term-over .term-element .term-none{padding:10px;overflow:hidden;}
.other-infor-element .term-over .term-element .term-none span{padding:10px;}
.other-infor-element .person-element{margin-top:10px;}
.other-infor-element .person-element .person-none{background:#f4f2f2; padding:17px;}
.other-infor-element .person-element .person-none span{padding:10px;}
.other-infor-element .person-element .person-body{overflow:hidden;padding:7px;background-color:#f4f2f2}
.other-infor-element .person-element .person-body .top-area{padding-bottom:10px;border-bottom:1px solid #fff;min-height:125px;}
.other-infor-element .person-element .person-body .top-area img{float:left;width:94px;height:125px;}
.other-infor-element .person-element .person-body .top-area .right-area{padding-left:105px;}
.other-infor-element .person-element .person-body .top-area .right-area .title{font-size:17px;color:#2e2e2e;font-weight:700;margin-bottom:10px;padding-top:10px;}
.other-infor-element .person-element .person-body .top-area .right-area > dl{position:relative;margin-top:5px;padding-left:33px;min-height:20px;}
.other-infor-element .person-element .person-body .top-area .right-area > dl dt{position:absolute;left:0px;top:0px;z-index:1;width:33px;font-size:15px;color:#2e2e2e;font-weight:700}
.other-infor-element .person-element .person-body .top-area .right-area > dl dd{font-size:15px;color:#2e2e2e;}
.other-infor-element .person-element .person-body .body-area{margin-top:10px;padding:2px 8px 8px 8px;}
.other-infor-element .person-element .person-body .body-area .title{font-size:17px;color:#2e2e2e;font-weight:700;margin-bottom:5px;}
.other-infor-element .person-element .person-body .body-area > dl{position:relative;margin-top:5px;padding-left:68px;}
.other-infor-element .person-element .person-body .body-area > dl dt{position:absolute;left:0px;top:0px;z-index:1;width:68px;font-size:15px;color:#2e2e2e;font-weight:700}
.other-infor-element .person-element .person-body .body-area > dl dd{font-size:15px;color:#2e2e2e;}
.other-infor-element .person-element .person-list{position:relative;padding:10px 2px 5px 2px;overflow-y:auto;height:155px;background:#f4f2f2;margin-top:12px;overflow-x:hidden;}
.other-infor-element .person-element .person-list:last-child{margin-top:0px;}
.other-infor-element .person-element .person-list > li{float:left;width:25%;}
.other-infor-element .person-element .person-list.map > li{float:none;width:auto;}
.other-infor-element .person-element .person-list > li a{display:block;margin:5px 8px;text-align:center;padding:4px 4px 3px 4px;font-size:15px;color:#898888;font-weight:700;box-sizing:border-box;height:25px;}
.other-infor-element .person-element .person-list.map > li a{text-align:left;}
.other-infor-element .person-element .person-list > li.active a{border-bottom:1px solid #0c304b}
.other-infor-element .person-element .person-btn{}
.other-infor-element .person-element .person-btn a{display:none;line-height:40px;height:40px;font-size:15px;color:#fff;text-align:center;background-color:#0c304b}
.other-infor-element .person-element .person-btn a span{display:inline-block;width:38px;height:8px;background:url(../images/common/ico-face-arrow.png) no-repeat 0px 0px;margin-left:6px;}
.other-infor-element .person-element .map-element{height:240px;}
.other-infor-element .person-element .map-element img{max-width:100%;height:auto;}
.other-infor-element .person-element .map-none{background:#f4f2f2; padding:17px;margin-top:9px;}
.other-infor-element .person-element .map-none span{padding:10px;}
.data-element{margin-top:55px;}
.data-element:after{content:'';display:block;clear:both;}
.data-element h5{font-size:17px;color:#2e2e2e;padding:10px 30px 13px 45px;background:url(../images/common/ico-data.png) no-repeat 5px center;font-weight:700;border-bottom:1px solid #d7d7d7;}
.data-element h5 span{display:inline-block;border-left:1px solid #2e2e2e;height:20px;margin:0px 0px 0px 20px;vertical-align:middle;padding-left:20px;font-size:15px;color:#000;font-weight:400}
.data-element ul{margin-left:-25px;overflow:hidden;margin-top:15px;}
.data-element ul li{float:left;width:50%;}
.data-element ul li.bg1{background:url(../images/common/img-active-ban1.png) no-repeat 90% center;}
.data-element ul li.bg2{background:url(../images/common/img-active-ban2.png) no-repeat 90% center;}
.data-element ul li a{display:block;border:1px solid #d7d7d7;height:137px;box-sizing:border-box;padding:0px 40px;margin-left:25px;}
.data-element ul li a .text-align-middle{display:table;width:100%;height:100%;}
.data-element ul li a .text-align-middle .text-align-middle-inner{display:table-cell;vertical-align:middle;width:100%;height:100%;}
.data-element ul li a .text-align-middle .text-align-middle-inner .large-text{display:block;font-size:25px;color:#000;}
.data-element ul li a .text-align-middle .text-align-middle-inner .small-text{display:block;font-size:13px;color:#000;margin-top:10px;}
.news-element{overflow:hidden;}
.news-element h5{padding:19px 30px;text-align:center;font-size:17px;font-weight:700;color:#fff;background-color:#0c2f4b}
.news-element .news-list-element{margin-top:15px;border:1px solid #d7d7d7;}
.news-element .news-list-element .news-list-top{overflow:hidden;}
.news-element .news-list-element .news-list-top li{float:left;width:19%;background-color:#f4f4f4;}
.news-element .news-list-element .news-list-top li:last-child{width:24%}
.news-element .news-list-element .news-list-top li a{display:block;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;line-height:35px;font-size:15px;color:#000;height:35px;text-align:center;box-sizing:border-box;}
.news-element .news-list-element .news-list-top li:last-child a{border-right:0px}
.news-element .news-list-element .news-list-top li.active{background-color:#0c2f4b;}
.news-element .news-list-element .news-list-top li.active a{color:#fff;}
.news-element .news-list-element .news-list-body{padding-top:5px;display:none}
.news-element .news-list-element .news-list-body li{padding:10px 15px;border-bottom:1px solid #d7d7d7;}
.news-element .news-list-element .news-list-body li:last-child{border-bottom:0px}
.news-element .news-list-element .news-list-body li a{display:block;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#2e2e2e;overflow:hidden;}
@media all and (max-width:1270px){
    .other-infor-element h5{color:#fff;background-color:#0c304b;padding:10px 15px;}
    .other-infor-element h5 span{color:#fff;}
    .other-infor-element .other-search-element{margin:20px 15px 0px 15px;}
    .other-infor-element .person-element{padding:0px 15px;}
    .other-infor-element .term-over{margin:9px 15px 0px 15px;}
    .other-infor-element .term-over .term-element{padding:0px 15px;}
    .data-element{margin-top:10px;}
    .history-element .history-slide-element .history-slide dl dd{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
    .other-infor-element .person-element .person-list:last-child{margin-top:12px;}
}
@media all and (max-width:640px){
    .data-element ul{margin-left:0px;}
    .data-element ul li{width:100%;margin-bottom:10px;}
    .data-element ul li a{margin-left:0px;}
    .container h3{font-size:25px; margin-top:20px;}
    .data-element ul li a .text-align-middle .text-align-middle-inner .large-text{font-size:20px;}
    .data-element ul li a .text-align-middle .text-align-middle-inner .small-text{font-size:13px;}
    .data-element ul li a{padding:0px 14px;}
    .history-element .history-slide-element{padding:20px;}
    .history-element .history-slide-element .history-slide dl dt{font-size:22px}
}

/* tab content */
.tab-cont{width:100%;padding-left:13px;box-sizing:border-box;}
.tab-cont li{float:left;border:1px solid #d7d7d7;background-color:#fff;margin-left:-1px;box-sizing:border-box;}
.tab-cont li.active{border:1px solid #0c304b;background-color:#0c304b;}
.tab-cont li span{display:table;width:100%;height:60px;}
.tab-cont li span a{display:table-cell;font-size:17px;color:#000;vertical-align:middle;box-sizing:border-box;width:100%;text-align:center;padding:0px 15px;}
.tab-cont li:nth-child(n+5){margin-top:-1px;}
.tab-cont li.active span a{color:#fff;}
.tab-cont.element-2 li{width:50%;}
.tab-cont.element-3 li{width:33.333333%;}
.tab-cont.element-4 li{width:25%;}
@media all and (max-width:1270px){
    .tab-cont{width:auto;padding:0px;}
    .tab-cont li{margin-left:0px;margin-top:-1px;}
    .tab-cont li span{height:45px;}
    .tab-cont.element-2 li,.tab-cont.element-3 li,.tab-cont.element-4 li{width:100%;}
}

/* board list */
.board-list-element{}
.board-list-element p.infor-txt{float:left;font-size:16px;color:#000;padding:10px 0px;}
.board-list-element .photo-title{float:left;height:45px;background-color:#0c304b;text-align:center;font-size:17px;font-weight:700;color:#fff;padding:0px 30px;line-height:45px;display:none;}
.board-list-element .photo-title + p.infor-txt{padding:25px 0px 0px 0px;}
.board-list-element .board-list{clear:both;border-style:solid;border-color:#0c304b;border-width:4px 0px 3px 0px;overflow:hidden;}
.board-list-element .board-list table{width:100%;}
.board-list-element .board-list thead th,
.board-list-element .board-list tbody td{padding:16px 10px;text-align:center;/* font-size:15px; */color:#000;font-weight:700;border-bottom:1px solid #d7d7d7;}
.board-list-element .board-list tbody td{font-weight:400;}
.board-list-element .board-list .trendTd{text-align: left;}
.board-list-element .board-list tbody tr:last-child td{border-bottom:0px;}
.board-list-element .board-list tbody tr:nth-child(odd){background-color:#f9f9f9}
.board-list-element .board-list.layout thead th{border-right:1px solid #d7d7d7;background-color:#f9f9f9;border-bottom:1px solid #d7d7d7;}
.board-list-element .board-list.layout thead th:last-child{border-right:0px}
.board-list-element .board-list.layout tbody th{border-right:1px solid #d7d7d7;/* font-size:14px; */color:#000000;background-color:#f9f9f9;border-bottom:1px solid #d7d7d7;}
.board-list-element .board-list.layout tbody td{/* font-size:15px; */color:#000000;text-align:left;background-color:#fff;border-right:1px solid #d7d7d7;}
.board-list-element .board-list.layout tbody td .day-element{position:relative;/*padding-left:95px;*/}
.board-list-element .board-list.layout tbody td .day-element span{position:absolute;left:0px;top:0px;z-index:1;width:95px;}
.board-list-element .board-list.layout tbody tr td:last-child{border-right:0px}
.board-list-element .board-list tbody td.noData{text-align:center}
@media all and (max-width:1270px){
    .board-list-element{margin-top:15px;}
    .board-list-element .photo-title + p.infor-txt{padding:0px;}    
}
@media all and (max-width:640px){   
    .board-list-element .board-list{overflow-y:hidden;overflow-x:auto}  
    .board-list-element .board-list.layout{overflow-x:auto;}
    .board-list-element .board-list.layout table{width:600px;}  
}

/* board view */
.board-view-element{padding:20px 0px 20px 0px;border-top:1px solid #d7d7d7;}
.tab-cont + .board-view-element{border-top:0;}
.board-view-element h4{font-size:18px;color:#2e2e2e;font-weight:700;padding-left:20px;}
.board-view-element h5{ font-size:16px;color:#000;line-height:32px;padding:0px 20px; margin-bottom:45px;}
.board-view-element .board-view-body{margin-top:45px;/* font-size:15px; */color:#000;line-height:32px;padding:0px 20px;}
.board-view-element .board-view-body--overview{margin-top:45px;/* font-size:15px; */color:#000;line-height:32px;padding:20px;border-radius: 7px;background: #f2f2f2;}
.board-view-element .board-view-body--overview > p strong,b{color: #009944;}

.board-view-element .board-view-footer{margin-top:100px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;padding:28px 30px;}
.board-view-element .board-view-footer > dl{position:relative;padding-left:50px;}
.board-view-element .board-view-footer > dl dt{position:absolute;left:0px;right:0px;top:0px;z-index:1;width:50px;font-size:17px;color:#2e2e2e;font-weight:700;}
.board-view-element .board-view-footer > dl dt:after{position:absolute;right:0px;right:0px;top:3px;content:'';display:block;width:1px;height:15px;background-color:#2e2e2e}
.board-view-element .board-view-footer > dl dd{padding-left:20px;}
.board-view-element .board-view-footer > dl dd a{font-size:15px;color:#2e2e2e;}
.board-view-element .board-view-footer > dl dd a img{vertical-align:middle;margin-right:10px;width:16px;height:16px;}
.board-view-tel{margin-top:35px;border-top:1px solid #1c3e57;padding:20px 0px;text-align:right}
.board-view-tel span{display:inline-block;}
.board-view-tel span.infor-element{margin-right:30px;}
.board-view-tel span.infor-element span.subject{position:relative;font-size:17px;color:#2e2e2e;font-weight:700;padding-right:20px;}
.board-view-tel span.infor-element span.subject:after{position:absolute;right:0px;right:0px;top:3px;content:'';display:block;width:1px;height:15px;background-color:#2e2e2e}
.board-view-tel span.infor-element span.cont{font-size:15px;color:#2e2e2e;padding-left:17px;}
.board-view-element + .notice-element{margin-top:0px;}
@media all and (max-width:1270px){
    .board-list-element .photo-title{display:none;}
    .board-view-element{padding:45px 0px 75px 0px}
    .board-view-element h4{padding-left:0px;}
    .board-view-element .board-view-footer{margin-top:80px;padding:12px 30px 12px 15px;}
    .board-view-element .board-view-body{padding:0px;margin-top:20px;}
    .board-view-element .board-view-body--overview{margin-top:20px;}
    .board-view-tel{text-align:center}
    .board-view-tel span.infor-element{margin:0px 5px;}
    .board-view-tel span.infor-element span.subject{font-size:15px;padding-right:10px;}
    .board-view-tel span.infor-element span.cont{padding-left:10px;}
}

/* photo list */
.photo-list{overflow:hidden;margin-left:-30px;}
.photo-list .photo-none{text-align:center;width:100%;}
.photo-list li{float:left;padding:50px 0px;width:25%;border-bottom:1px solid #d9d9d9;height:350px;}
.photo-list li a{display:block;margin-left:30px;}
.photo-list li a span{display:block}
.photo-list li a span.thumb-box{display:table;width:100%;height:230px;position:relative;}
.photo-list li a span.thumb-box .thumb-box-inner{display:table-cell;width:100%;height:100%;vertical-align:middle}
.photo-list li a span.thumb-box .thumb-box-inner img{width:100%;height:230px;}
.photo-list li a span.thumb-box .thumb-box-inner .thumb-box-book{width:60%;border:1px solid #d7d7d7;}
.photo-list li a span.thumb-box .thumb-box-inner .ico{position:absolute;left:50%;top:50%;z-index:1;}
.photo-list li a span.thumb-box.movie .thumb-box-inner .ico{width:75px;height:75px;background:url(../images/common/btn-movie-play.png);margin:-35px 0px 0px -35px;}
.photo-list li a span.thumb-box.picture .thumb-box-inner .ico{width:102px;height:84px;background:url(../images/common/ico-photo-depth.png);margin:-42px 0px 0px -51px;}
.photo-list li a span.thumb-box.bgcolor{background-color:#0c304b}
.photo-list li a span.subject{font-weight:700;margin-top:15px;font-size:18px;color:#363636;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word;height:50px;}
.photo-list li a span.infor{margin-top:20px;font-size:14px;color:#565656;}

@media all and (max-width:640px){
    .photo-list{margin-left:-15px;}
    .photo-list li{width:50%;height:auto;padding:15px 0px 0px 0px;border:0px;}
    .photo-list li a{margin-left:15px;border:1px solid #dadada;padding:5px;height:215px;}   
    .photo-list li a span.thumb-box{height:auto;display:block;}
    .photo-list li a span.thumb-box .thumb-box-inner{vertical-align:top;display:block}
    .photo-list li a span.thumb-box .thumb-box-inner img{width:100%;height:135px}
    .photo-list li a span.subject{font-size:15px;height:auto;-webkit-line-clamp:1}
    .photo-list li a span.infor{margin-top:10px;}   
    .notice-element{margin-top:40px;}
    .photo-list li a span.thumb-box .thumb-box-inner .thumb-box-book{width:100%;height:125px;border:2px solid #d7d7d7;}
}
@media all and (max-width:375px){   
    .photo-list li{width:100%;}
    .photo-list li a{height:auto;}
    .photo-list li a span.thumb-box .thumb-box-inner .thumb-box-book{height:280px}
}

/* photo view */
.board-view{margin-top:60px;clear:both;border-top:4px solid #0c304b;overflow:hidden;}
.board-view .board-view-top{}
.board-view .board-view-top:after,.board-view .board-view-top .board-view-inner:after,
.board-view .board-view-body:after,.board-view .board-view-footer:after{display:block;content:'';clear:both;}
.board-view .board-view-top .board-view-inner{position:relative;padding:13px 30px;border-bottom:1px solid #d9d9d9;}
.board-view.work .board-view-top .board-view-inner{padding:0px;border-bottom:1px solid #d9d9d9;height:70px;box-sizing:border-box;}
.board-view.work .board-view-top.border-top .board-view-inner{border-top:1px solid #d9d9d9;height:71px;}
.board-view .board-view-top .board-view-inner dl{}
.board-view .board-view-top .board-view-inner dl:after{display:block;content:'';clear:both;}
.board-view .board-view-top .board-view-inner dl.left-area{float:left}
.board-view .board-view-top .board-view-inner dl.right-area{float:right}
.board-view .board-view-top .board-view-inner dl dt{float:left;width:85px;font-size:17px;font-weight:700;color:#363636;word-spacing:27px;}
.board-view .board-view-top .board-view-inner dl dt.day{word-spacing:3px;}
.board-view .board-view-top .board-view-inner dl dd{float:left;width:auto;font-size:17px;font-weight:400;color:#363636;}
.board-view .board-view-top .board-view-inner dl dd a img{padding-right:10px;vertical-align:sub;}
.board-view .board-view-top .board-view-inner dl.work-area{padding-left:160px;}
.board-view .board-view-top .board-view-inner dl.work-area dt{position:absolute;left:0px;top:0px;z-index:1;width:120px;height:69px;background-color:#f9f9f9;text-align:center;line-height:69px}
.board-view .board-view-top .board-view-inner dl.work-area dd{line-height:69px;font-weight:700}
.board-view .notice-text{font-size:17px;color:#363636;background-color:#f9f9f9;border-bottom:1px solid #d9d9d9;padding:20px 35px;font-weight:700;text-align:center;}
.board-view .board-view-body{padding:25px 0px;font-size:17px;color:#363636;line-height:25px;}
.board-view .board-view-body.default{padding:60px 40px;}
.board-view.work .board-view-body{padding:55px 20px;}
.board-view.work .board-view-body dl{overflow:hidden;padding-bottom:45px;}
.board-view.work .board-view-body dl dt{font-size:18px;color:#0c304b;font-weight:700}
.board-view.work .board-view-body dl dd{font-size:15px;color:#000;margin-top:10px;line-height:32px}
.board-view.work .board-view-body dl:last-child{padding-bottom:0px;}
.board-view.work .search-word-title ul{overflow:hidden;padding:14px;font-size:11pt;}
.board-view.work .search-word-title ul li{border-bottom:1px solid #d7d7d7;margin-left:10px;display:inline-block;float:left;color:teal;}
.board-view.work .search-word-title h4:first-child{font-size:18px;color:#0c304b;font-weight:700;margin-top:0px;}
.board-view.work .search-word-title h4{font-size:18px;color:#0c304b;font-weight:700;margin-top:50px;}
.board-view.work .search-word-title p{font-size:15px;color:#000;margin-top:10px;line-height:32px;margin-bottom:20px !important;}
.board-view .board-view-body img{text-align:center;}
.board-view .board-view-body .body-view-photo-list{overflow:hidden;text-align:center;margin-top:10px; padding-bottom:15px; border-bottom:1px solid #1c3e57;}
.board-view .board-view-body .body-view-photo-list li{display:inline-block;margin:3px 3px 6px 3px}
.board-view .board-view-body .body-view-photo-list li img{width:360px;height:250px}
.board-view .board-view-body .body-view-photo-list video{width:600px;height:100%;}
.board-view .board-view-body .body-view-book-list{overflow:hidden;text-align:center;margin-top:10px; padding-bottom:15px; border-bottom:1px solid #1c3e57;}
.board-view .board-view-body .body-view-book-list li{display:inline-block;margin:3px 3px 6px 3px}
.board-view .board-view-body .body-view-book-list li img{width:195px;height:230px;border:1px solid #d7d7d7;}
.board-view .board-view-body .body-view-notice-list{overflow:hidden;text-align:center;margin-top:10px; padding-bottom:15px; border-bottom:1px solid #1c3e57;}
.board-view .board-view-body .body-view-notice-list li{display:inline-block;margin:3px 3px 6px 3px}
.board-view .board-view-body .body-view-notice-list li img{width:auto;}
.board-view .board-view-footer{border-top:4px solid #0c304b;}
@media all and (max-width:640px){
    .board-view{margin-top:0px}
    .board-view .board-view-top .board-view-inner{padding:0px;border:0px;}
    .board-view .board-view-top .board-view-inner dl{position:relative;border-bottom:1px solid #d9d9d9;padding-left:120px;height:auto;overflow:hidden}
    .board-view .board-view-top .board-view-inner dl:after{content:'';width:100px;height:auto;background-color:#f9f9f9;display:block;clear:both;position:absolute;left:0px;top:0px;bottom:0px}
    .board-view .board-view-top .board-view-inner dl dt{padding:10px 20px;position:absolute;width:120px;height:40px;left:0px;top:0px;z-index:1;box-sizing:border-box;}
    .board-view .board-view-top .board-view-inner dl dd{padding:10px 0px;font-size:15px;}
    .board-view .board-view-top .board-view-inner dl.left-area,
    .board-view .board-view-top .board-view-inner dl.right-area{float:none}
    .board-view .board-view-top .board-view-inner dl.right-area dt{word-spacing:4px;}
    .board-view .board-view-top .board-view-inner dl.work-area dt{height:40px;line-height:40px;padding:0px;}
    .board-view .board-view-top .board-view-inner dl.work-area dd{height:40px;line-height:40px;padding:0px;}
    .board-view.work .board-view-top.border-top .board-view-inner{height:auto;}
    .board-view.work .board-view-top .board-view-inner{border:0px;}
    .board-view.work .board-view-body{padding:20px 20px;}
    .board-view.work .search-word-title ul{padding:14px 14px 14px 0px;font-size:10pt;}
    .board-view.work .search-word-title ul li{border:none;display:contents;}
    .board-view .board-view-body .body-view-photo-list video{width:100%;}
}

/* board btn */
.board-btn-set{clear:both;margin-top:20px;text-align:right;}
.board-btn-set a{display:inline-block;height:38px;line-height:38px;border:1px solid #959595;font-size:16px;color:#2e2e2e;font-weight:700;padding:0px 10px;}
.board-btn-set a.list span{display:inline-block;width:15px;height:13px;background:url(../images/common/ico-list.png) no-repeat 0px 0px;vertical-align:middle;margin-left:4px;}
.board-btn-set a.file{display:inline-block;height:35px;line-height:35px;border:1px solid #959595;font-size:13px;color:#000000;padding:0px 10px;margin-bottom:4px;}
.board-btn-set a.file span{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:4px;}
.board-btn-set a.excel span{background:url(../images/common/ico-excel.png) no-repeat 0px 0px}
.board-btn-set a.pdf span{background:url(../images/common/ico-pdf.png) no-repeat 0px 0px}/* 20191106 김태윤K추가 */
.board-btn-set a.pic span{background:url(../images/common/ico-pic.png) no-repeat 0px 0px;background-size:cover}/* 20191118 김태윤K추가 */
.board-btn-set a.ab span{background:url(../images/common/ico-file-ab.png) no-repeat 0px 0px;}
@media all and (max-width:640px){
    .board-btn-set{margin:30px 0px;}
}

/* paging */
.paging {font-size:15px;margin:55px 0px 0px 0px;text-align: center;}
.paging ul{list-style:none; text-align:center;}
.paging li{display:inline-block;}
.paging a{display:inline-block;vertical-align:middle;height:35px;width:35px;line-height:37px;color:#2e2e2e;background:#fff;border:1px solid #d7d7d7;margin:0px 4px;border-radius:50%;}
.paging a.on {border:1px solid #0c304b;background:#0c304b; color:#fff;}
.paging a.icon{background:#f2f2f2;background-repeat:no-repeat;background-position:center center}
.paging a.icon.prev{background-image:url(../images/common/btn-paging-prev.png);}
.paging a.icon.prev-last{background-image:url(../images/common/btn-paging-prev-last.png);}
.paging a.icon.next{background-image:url(../images/common/btn-paging-next.png);}
.paging a.icon.next-last{background-image:url(../images/common/btn-paging-next-last.png);}
@media all and (max-width:1270px){
    .paging {margin:30px 0px;}
}
@media all and (max-width:600px){
.paging{font-size:13px;}
.paging a{height:24px;width:24px;line-height:28px;border:none;}
}

/* poll */
.poll-element{margin-top:30px;}
.poll-element .title{font-size:17px;color:#fff;font-weight:700;background-color:#0c304b;padding:15px 25px;}
.poll-element .poll-item{overflow:hidden;padding:15px 30px 5px 30px;border:1px solid #d7d7d7;margin-top:-1px;}
.poll-element .poll-item li{position:relative;float:left;width:20%;text-align:center}
.poll-element .poll-item li input[type="radio"] {position:absolute;left:50%;top:0px;z-index:1;margin-left:-11px;display:block;width:23px;height:23px;border:0;-webkit-appearance:none;appearance:none;}
.poll-element .poll-item li input[type="radio"] + label {display:inline-block;position:relative;text-align:center;font-size:15px;color:#000;line-height:40px;cursor:pointer}
.poll-element .poll-item li input[type="radio"] + label span{display:block;margin:0 auto;width:22px;height:22px;background-image:url(../images/common/ico-radio-btn.png);background-repeat:no-repeat;background-position:-22px 0px;}
.poll-element .poll-item li input[type="radio"]:checked + label span{background-position:0px 0px;}
.poll-element .point{padding-top:7px;font-size:13px;color:#df455d;text-align:right}
.poll-element .poll-item .poll-img{width:100%; padding-bottom:15px;}
.poll-element .poll-item .poll-scope{width:100%; padding-bottom:15px;}
.poll-element .poll-item .poll-scope span{color:#0c304b;font-weight:bold;font-size:14pt;}
@media all and (max-width:1270px){
    .poll-element{margin-top:30px;margin-bottom:50px;}
}
@media all and (max-width:480px){
    .poll-element .poll-item{padding:15px 5px 5px 5px;}
    .poll-element .poll-item li input[type="radio"] + label{font-size:13px}
}

/* search contents */
.search-contents{margin-top:30px;}
.search-contents .left-element{float:left;width:200px;}
.search-contents .left-element:after,.sort-element:after,.search-keyword-element:after,.search-content-body:after,.search-content-body .search-tab-element:after,
.search-content-body .search-tab-element .body-area:after,.search-content-body .search-content-body-inner:after,
.search-content-body .search-content-body-inner .face-list:after,.search-content-body .search-content-body-inner .map-list:after,
.search-content-body .search-content-body-inner .search-result-list:after{content:'';display:block;clear:both;}
.search-file-element{position:relative;margin-top:30px;}
.search-file-element:first-child{margin-top:0px;}
.search-file-element dt{height:60px;background-color:#0c2f4b;font-size:17px;color:#fff;text-align:center;line-height:60px}
.search-file-element dd{position:relative;border:1px solid #d7d7d7;margin-top:-1px;}
.search-file-element dd a{display:block;font-size:15px;color:#000;padding:8px 20px 8px 20px;}
.search-file-element dd span{display:block;float:right;text-align:right;font-size:15px;color:#0c2f4b;margin-top:2px;}
.search-file-element h3{color:#fff;font-size:17px;}
.sort-element{margin-top:30px;}
.sort-element .sort-inner{margin-top:15px;overflow:hidden;}
.sort-element .sort-inner .title{font-size:17px;color:#000;}
.sort-element .sort-inner .sort-list{margin-top:5px;margin-left:-5px;}
.sort-element .sort-inner .sort-list li{float:left;width:50%;margin-bottom:5px;}
.sort-element .sort-inner .sort-list li a{display:block;font-size:13px;color:#000;text-align:center;background-color:#fff;border:1px solid #555555;border-radius:18px;line-height:35px;margin-left:5px;}
.sort-element .sort-inner .sort-list li.active a{background-color:#0c2f4b;border:1px solid #0c2f4b;color:#fff;}
.sort-element .sort-inner .sort-list.element-3 li{width:33.333333%;}
.sort-element .sort-day-element{margin-top:20px;border:1px solid #0c2f4b;padding:10px;}
.sort-element .sort-day-element .input-element{position:relative;padding-right:42px;margin-bottom:10px;}
.sort-element .sort-day-element .input-element span{position:absolute;right:5px;top:10px;z-index:1;font-size:15px;color:#000;}
.sort-element .sort-day-element .input-element .input-inner{position:relative;padding-right:0px;border:1px solid #0c304b;}
.sort-element .sort-day-element .input-element .input-inner input{height:34px;padding:5px 10px;width:75%;box-sizing:border-box;}
.sort-element .sort-day-element .input-element .input-inner a{display:block;width:40px;height:34px;position:absolute;right:0px;top:0px;z-index:1;background:url(../images/common/ico-calendar.png) no-repeat center center;}
.sort-element .sort-day-element button{height:34px;background-color:#0c304b;font-size:13px;color:#fff;text-align:center;width:100%;}
.search-contents .center-element{float:left;width:890px;margin-left:40px;}
.search-input-element{position:relative;width:670px;padding-right:125px;box-sizing:border-box;}
.search-input-element button{position:absolute;right:0px;top:0px;z-index:1;width:115px;height:49px;text-align:center;background-color:#0c304b;font-size:15px;color:#fff;left:678px;}
.search-input-element .paragraph-btn{left:554px; position:absolute;right:0px;top:0px;width:115px;height:49px;line-height:50px;color:#fff;font-size:17px;text-align:center;border:0px;background-color:#0c304b}
.search-input-element .paragraph-btn input{margin:2px 3px 0px 0px; }
.search-content-body{padding:50px 0px 0px 0px;}
.search-content-body .total-txt{font-size:20px;font-weight:700;color:#000;}
.search-content-body .total-txt + .search-content-body-inner{border-top:1px solid #d9d9d9;}
.search-content-body .search-tab-element{margin-top:30px;border:1px solid #d7d7d7;min-height:200px;}
.search-content-body .search-tab-element .top-area{overflow:hidden;background-color:#f4f4f4;height:40px;}
.search-content-body .search-tab-element .top-area li{float:left;width:120px;}
.search-content-body .search-tab-element .top-area li a{display:block;padding:10px 5px;text-align:center;font-size:15px;color:#000000;font-weight:700;border:1px solid #f4f4f4;border-bottom:1px solid #d7d7d7;}
.search-content-body .search-tab-element .top-area li.active a{color:#0c304b;background-color:#fff;border:1px solid #0c304b;border-bottom:1px solid #fff;}
.search-content-body .search-tab-element .body-area{padding:13px;}
.search-content-body .search-tab-element .body-area .body-area-inner{display:none}
.search-content-body .search-tab-element .body-area .left-list{float:left;border:1px solid #d7d7d7;overflow-y:auto;overflow-x:hidden;width:280px;height:185px;box-sizing:border-box;}
.search-content-body .search-tab-element .body-area .left-list li{}
.search-content-body .search-tab-element .body-area .left-list li a{display:block;font-size:15px;color:#2e2e2e;padding:9px 20px;border-bottom:1px solid #d7d7d7;}
.search-content-body .search-tab-element .body-area .left-list li:nth-child(odd) a{background-color:#f4f4f4}
.search-content-body .search-tab-element .body-area .right-list{float:left;margin-left:10px;}
.search-content-body .search-tab-element .body-area .right-list li{position:relative;}
.search-content-body .search-tab-element .body-area .right-list li:after{position:absolute;right:0px;left:5px;top:13px;content:'';display:block;width:2px;height:2px;background-color:#2e2e2e;border-radius:1px}
.search-content-body .search-tab-element .body-area .right-list li a{display:block;font-size:15px;color:#2e2e2e;padding:5px 20px 5px 15px;}
.search-content-body .search-tab-element .body-area .right-list li a{display:block;font-size:15px;color:#2e2e2e;padding:5px 20px 5px 15px;}
.search-content-body .search-content-body-inner{position:relative;padding-top:25px;border-bottom:1px solid #d7d7d7;margin-top:20px}
.search-content-body .search-content-body-inner .search-content-title{background: #f9f9f9;border-bottom: 1px solid #0c304b;padding-left:10px; }
.search-content-body .search-content-body-inner .search-content-title h3{font-size:17px;color:#000;padding:11px 0px 11px 15px;font-weight:700;background:url(../images/common/ico-right-arrow.png) no-repeat left 18px;text-align:left;margin-bottom:0px;}
.search-content-body .search-content-body-inner .search-content-title h3 span{display:inline-block;border-left:1px solid #909090;margin:-3px 0px 0px 20px;vertical-align:middle;font-size:15px;color:#666;padding-left:20px;font-weight:400}
.search-content-body .search-content-body-inner .face-list{padding-bottom:40px;}
.search-content-body .search-content-body-inner .face-list li{float:left;width:50%;padding:30px 0px;}
.search-content-body .search-content-body-inner .face-list li div.inbox{}
.search-content-body .search-content-body-inner .face-list li div.inbox .img{float:left;width:83px;height:98px;border:1px solid #dddddd;box-sizing:border-box;padding:6px;}
.search-content-body .search-content-body-inner .face-list li div.inbox .face-inner{padding-left:20px;float:left;width:265px;font-size:10pt;height:130px;}
.search-content-body .search-content-body-inner .face-list li div.inbox p img{width:69px; height:84px;}
.search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl{position:relative;padding-left:35px;margin:5px 0px;min-height:22px;}
.search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl:after{content:'';display:block;clear:both;}
.search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl dt{position:absolute;left:0px;top:0px;z-index:1;width:33px;font-size:15px;color:#2e2e2e;font-weight:700}
.search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl dt a{display:inline-block;margin-left:15px;border:1px solid #d7d7d7;padding:3px 15px;text-align:center;font-size:12px;color:#000;}
.search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl dt{font-size:15px;color:#2e2e2e;}
.search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl.block{padding-left:0px;}
.search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl.block dt{position:relative;width:auto;}
.search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl.block dd{font-size:15px;color:#2e2e2e;margin:5px 0px 10px 0px;}
.search-content-body .search-content-body-inner .more-btn{position:absolute;right:0px;top:25px;z-index:1;}
.search-content-body .search-content-body-inner .more-btn a{display:block;font-size:12px;color:#0c2f4b;padding-top:16px;padding-right:10px;}
.search-content-body .search-content-body-inner .map-list{margin:30px 0px;}
.search-content-body .search-content-body-inner .map-list .left-area{float:left;width:300px;height:300px;}
.search-content-body .search-content-body-inner .map-list .left-area img{width:300px;height:300px;}
.search-content-body .search-content-body-inner .map-list .right-area{float:left;margin-left:35px;width:350px;}
.search-content-body .search-content-body-inner .map-list .right-area .title{font-size:17px;color:#2e2e2e;font-weight:700;margin-bottom:20px;}
.search-content-body .search-content-body-inner .map-list .right-area .title span{position:absolute;left:13px;top:25px;z-index:1;display:inline-block;width:20px;height:20px;vertical-align:middle;color:#fff;text-align:center;line-height:20px;font-size:12px;margin-right:15px;background-color:#0c2f4b}
.search-content-body .search-content-body-inner .map-list .right-area > dl{position:relative;margin:10px 0px;min-height:30px;}
.search-content-body .search-content-body-inner .map-list .right-area > dl dt{left:0px;top:-2px;z-index:1;font-size:14px;color:#2e2e2e;font-weight:700}
.search-content-body .search-content-body-inner .map-list .right-area > dl dd{font-size:14px;color:#2e2e2e;padding-top:5px;}
.search-content-body .search-content-body-inner .map-list .right-area .txt-loc{color:#2e2e2e;font-size:10pt;}
.search-content-body .search-content-body-inner.search-map .map-list .left-area{float:none;width:100%;height:340px;overflow:hidden;margin-bottom:20px}
.search-content-body .search-content-body-inner.search-map .map-list .right-area{position:relative;float:none;margin-left:0px;padding:25px 0px 25px 42px;border-top:1px solid #d9d9d9;}
.search-content-body .search-content-body-inner.search-map .map-list .right-area:last-child{padding-bottom:0px}
.search-content-body .search-content-body-inner .search-result-list{}
.search-content-body .search-content-body-inner .search-result-list > dl{padding:10px;border-bottom:1px solid #d7d7d7;}
.search-content-body .search-content-body-inner .search-result-list > dl:last-child{border-bottom:0px}
.search-content-body .search-content-body-inner .search-result-list > dl dt{font-size:14px;font-weight:700;color:#000;}
.search-content-body .search-content-body-inner .search-result-list > dl dd{font-size:14px;color:#252525;margin-top:10px;line-height:22px}
.search-result-list .span-txt-1{color: #4161bd;font-size:11pt;font-weight:100;text-decoration: underline;}
.search-result-list .span-txt-2{display:inline-block;border-left:1px solid #909090;height:16px;margin:0px 0px 0px 20px;vertical-align:middle;font-size:13px;color:#666;padding-left:20px;font-weight:400}
.search-result-list .span-txt-3{float:right; display:inline-flex;font-size:10pt;color:#909090;}
.search-contents .right-element{float:right;width:200px;}
.search-keyword-element{margin-top:0px;border-bottom:1px solid #898989;padding-bottom:15px;}
.search-keyword-element:first-child{margin-top:0px !important}
.search-keyword-element:last-child{margin-top:45px}
.search-keyword-element h3{font-size:15px;color:#2e2e2e;padding:10px 0px 20px 0px;font-weight:700;margin-bottom:0px;text-align:left;}
.search-keyword-element h3 span{display:inline-block;border-left:1px solid #909090;height:16px;margin:0px 0px 0px 20px;vertical-align:middle}
.search-keyword-element .search-keyword{overflow:hidden;}
.search-keyword-element .search-keyword li{position:relative;}
.search-keyword-element .search-keyword li a{display:block;position:relative;font-size:13px;color:#000000;padding:7px 10px 8px 13px;}
.search-keyword-element .search-keyword li span{position:absolute;left:0px;top:4px;z-index:1;display:inline-block;width:19px;height:19px;border:1px solid #a8a8a8;border-radius:1px;text-align:center;font-size:13px;color:#000;line-height:22px;}
.search-keyword-element .search-keyword li a:after{position:absolute;left:0px;top:7px;z-index:1;content:'-';display:block;}
.search-keyword-element .search-keyword li .keyword-arrow{position:absolute;left:auto;right:10px;top:50%;width:12px;height:12px;margin-top:-6px;z-index:1;background-repeat:no-repeat;border:0px}
.search-keyword-element .search-keyword li .keyword-arrow.up{background-image:url(../images/common/ico-searh-up.png)}
.search-keyword-element .search-keyword li .keyword-arrow.down{background-image:url(../images/common/ico-searh-down.png)}
.search-keyword-element .search-keyword.number li{padding-left:35px;}
.search-keyword-element .search-keyword.number li a{padding:7px 10px 8px 0px;}
.search-keyword-element .search-keyword.number li a:after{display:none;}
.center-element .search-input-inner .search-btn .mobile-text{display:none;}
.search-keyword-element h3{font-size:15px;color:#2e2e2e;padding:10px 0px 10px 0px;font-weight:700;margin-bottom:0px;text-align:left;}
.search-keyword-element .search-keyword-ul{overflow:hidden;}
.search-keyword-element .search-keyword-ul li{position:relative;background:url(../images/common/ico-item-arrow.png) no-repeat 0px;}
.search-keyword-element .search-keyword-ul li a{display:block;position:relative;font-size:13px;color:#000000;padding:11px 10px 8px 13px;}
.search-keyword-element .search-keyword-ul a span.large-txt{padding-bottom:2px;font-size:14px;color:#0c304b;font-weight:700;}
.search-keyword-element .search-keyword-ul a span.small-txt{margin-left:4px;font-size:13px;color:#9f9f9f;font-weight:400;}
.search-keyword-element .search-keyword-ul li a:after{position:absolute;left:0px;top:7px;z-index:1;content:'';display:block;}

@media all and (max-width:1270px){
    .search-keyword-element h3{color:#fff;background-color:#0c304b;padding:10px 15px;}
    .search-keyword-element .search-keyword{padding:20px 15px 0px 15px;}
    .search-contents{margin-top:0px;}
    .search-contents .left-element,
    .search-contents .right-element{display:none;}
    .search-contents .center-element{float:none;width:auto;margin-left:0px;}
    .search-content-body .search-tab-element{display:none}
    .search-input-element{width:auto;padding:10px 15px;}
    .center-element .search-input-element button{display:none;}
    .search-content-body{padding:0px 0px 0px 0px;}
    .search-content-body .total-txt{padding:15px;}
    .search-content-body .search-content-body-inner .search-content-title{background-color:#fff;padding-bottom:12px;margin-top:0px;padding-top:0px;padding-left:0px;}
    .search-content-body .search-content-body-inner .search-content-title h3{font-size:15px;color:#fff;padding:5px 15px 4px 15px;font-weight:700;background:none;text-align:left;background-color:#0c304b;margin-bottom:0px;}
    .search-content-body .search-content-body-inner .search-content-title h3 span{font-size:13px;color:#fff;}
    .search-content-body .search-content-body-inner .more-btn{top:9px}
    .search-content-body .search-content-body-inner .more-btn a{color:#fff;padding-right:15px;}
    .search-content-body .search-content-body-inner .face-list{background-color:#fff;padding:0px 0px 0px 0px;}
    .search-content-body .search-content-body-inner .map-list{margin:0px;padding:15px;background-color:#fff}
    .search-content-body .search-content-body-inner.search-map{padding-top:0px}
    .search-input-element .paragraph-btn{display:none;}
    .search-result-list .span-txt-2{display:none;}
    .search-result-list .span-txt-3{display:none;}
    .search-result-list .span-txt-4{font-size: 12px;word-break:break-all;}
    .search-keyword-element .search-keyword-ul li{margin-left:10px;}
}
@media all and (max-width:640px){
    .search-content-body .search-content-body-inner .face-list li{overflow:hidden;float:none;width:auto;padding:0px;border-bottom:1px solid #ebebeb;padding:15px 0px;}
    .search-content-body .search-content-body-inner .face-list li div.inbox .face-inner{overflow:hidden;padding-left:10px;padding-bottom:10px;}
    .search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl.block dd{font-size:11px;}
    .search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl dt,
    .search-content-body .search-content-body-inner .face-list li div.inbox .face-inner dl dd{font-size:13px;}
    .search-content-body .search-content-body-inner .map-list .left-area{float:none;width:auto;}
    .search-content-body .search-content-body-inner .map-list .right-area .title{margin-bottom:10px;}
    .search-content-body .search-content-body-inner .map-list .right-area{float:none;margin:10px 0px 0px 0px;}
    .search-content-body .search-content-body-inner .map-list .right-area > dl{min-height:20px;}
    .search-content-body .search-content-body-inner .map-list .right-area > dl dt{top:0px;}
    .search-content-body .search-content-body-inner .map-list .right-area > dl dt,
    .search-content-body .search-content-body-inner .map-list .right-area > dl dd{font-size:13px;}
    .search-content-body .search-content-body-inner .map-list .right-area .txt-loc{font-size:12px;margin-top:25px;}
    .search-content-body .search-content-body-inner .tab-element{display:none;}
    .search-content-body .search-content-body-inner .search-result-list > dl{padding:15px;}
    .search-content-body .search-content-body-inner .search-result-list > dl:last-child{padding-bottom:0px;}
    .center-element .search-input-inner{padding:0px 100px 0px 0px;}
    .center-element .search-input-inner select{display:none;}
    .center-element .search-input-inner .search-btn{width:100px;height:46px;background-color:#0c304b;background-image:none;color:#fff;text-align:center;line-height:42px}
    .center-element .search-input-inner .search-btn .mobile-text{display:block;}
    .center-element .search-input-inner input{padding:13px 10px;}
    .center-element .search-input-element button{width:100px;height:42px;}
    .search-content-body .search-content-body-inner .search-result-list > dl dt{font-size:15px;}
    .search-content-body .search-content-body-inner .search-result-list > dl dd{font-size:13px;}
    .search-keyword-element .search-keyword li{float:left;width:50%;}
}

/* mobile sns */
.mobile-sns-element{display:none;}
.mobile-sns-element > ul{overflow:hidden;text-align:center;padding:30px 0px;border-top:1px solid #d7d7d7;}
.mobile-sns-element > ul li{display:inline-block;}
.mobile-sns-element > ul li a{display:block;margin:0px 6px;}
.mobile-sns-element > ul li a img{width:28px;height:28px;}

/* bgcolor */
.bgcolor-navy{background-color:#0c304b}
.bgcolor-gray{background-color:#777777}
.bgcolor-light{background-color:#f9f9f9}

/* as is db table  */
.tbl_docu{border-top:3px solid #4874b5;width:100%;}
.tbl_docu td{border:1px solid #b6c6de; padding:4px; height:20px}
.tbl_docu thead th{background:#cedcf0; color:#42465F;border:1px solid #7c94b8;height:20px;padding:10px 0px;}
.tbl_docu tbody th{background:#f3f3f3;border:1px solid #b6c6de;padding:10px 15px;}
.tbl_docu tbody td{text-align:center;font-family:"맑은 고딕", Malgun Gothic, sans-serif;font-size:14px;padding:10px;}
@media all and (max-width:1270px){
    .art_view{overflow-x:auto;}
    .art_view .tbl_docu{width:500px;}
}
@media all and (max-width:640px){
    .mobile-sns-element{display:block;}
}

.mrg_t5{margin-top:5px}
.mrg_t10{margin-top:10px}
.mrg_t20{margin-top:20px}
.mrg_b10{margin-bottom:10px}
.mrg_b15{margin-bottom: 15px;}
.mrg_b55{margin-bottom:55px}
.mrg_t80{margin-top:30px;}
.wid_80{width:440px;}
.hig_200{height:200px;} 

/* sitemap */
.sitemap-element{overflow:hidden;margin:40px 0px}
.sitemap-element .infor{background-color:#0c2f4b;padding:0px 20px;text-align:center;color:#fff;height:70px;line-height:70px;font-size:35px;font-weight:400}
.sitemap-element .sitemap-inner{position:relative;overflow:hidden;margin-bottom:50px}
.sitemap-element .sitemap-inner:after{position:absolute;left:225px;top:0px;bottom:0px;content:'';width:1px;height:100%;display:block;background-color:#d7d7d7}
.sitemap-element .sitemap-inner dl{position:relative;width:100%;border-bottom:1px solid #d7d7d7;min-height:55px;padding-left:225px;box-sizing:border-box;overflow:hidden;letter-spacing:0px}
.sitemap-element .sitemap-inner dl:after{position:absolute;left:0px;top:0px;bottom:0px;content:'';width:225px;height:100%;display:block;background-color:#f4f4f4}
.sitemap-element .sitemap-inner dl dt{position:absolute;left:0px;top:50%;z-index:1;width:225px;font-size:17px;font-weight:bold;color:#0c304b;padding-left:10px;box-sizing:border-box;margin-top:-10px}
.sitemap-element .sitemap-inner dl dt span{display:none;}
.sitemap-element .sitemap-inner dl dd{padding-left:20px;}
.sitemap-element .sitemap-inner dl dd > ul{padding-top:8px}
.sitemap-element .sitemap-inner dl dd > ul > li{position:relative;float:left;padding:11px 30px 11px 8px;}
.sitemap-element .sitemap-inner dl dd > ul > li:after{content:'';display:block;position:absolute;left:0px;top:20px;z-index:1;width:2px;height:2px;border-radius:1px;background-color:#3b3b3b}
.sitemap-element .sitemap-inner dl dd > ul > li > a{font-size:15px;color:#2e2e2e;}
.sitemap-element .sitemap-inner-etc{position:relative;overflow:hidden;margin-bottom:50px}
.sitemap-element .sitemap-inner-etc .sitemap-inner-etc__item{display:flex; justify-content:space-around;min-height:55px; border-bottom:1px solid #d7d7d7;}
.sitemap-element .sitemap-inner-etc .sitemap-inner-etc__item > li{padding:15px 0 15px 0;font-size:17px;font-weight:bold;color:#0c304b;}
.sitemap-element .sitemap-inner-etc .sitemap-inner-etc__item > li.sitemap-inner-etc__item--separator:not(:last-child){border-right:1px solid #d7d7d7;}

@media all and (max-width:640px){
    .sitemap-element{margin:20px 0px}
    .sitemap-element .infor{height:50px;line-height:50px;font-size:25px;font-weight:400}
    .sitemap-element .sitemap-inner{margin-bottom:0px}
    .sitemap-element .sitemap-inner:after{left:180px}
    .sitemap-element .sitemap-inner dl{min-height:40px;padding-left:180px}
    .sitemap-element .sitemap-inner dl:after{width:180px;}
    .sitemap-element .sitemap-inner dl dt{font-size:15px;padding-left:8px;width:180px;}
    .sitemap-element .sitemap-inner dl dd > ul{padding:10px 0px;overflow:hidden}
    .sitemap-element .sitemap-inner dl dd > ul > li{padding:5px 30px 2px 8px}
    .sitemap-element .sitemap-inner dl dd > ul > li:after{top:15px}
    .sitemap-element .sitemap-inner-etc .sitemap-inner-etc__item{flex-direction: column;border-bottom:0}
    .sitemap-element .sitemap-inner-etc .sitemap-inner-etc__item > li:nth-child(odd){font-size:15px;border-bottom:1px solid #d7d7d7;padding-left:8px;}
    .sitemap-element .sitemap-inner-etc .sitemap-inner-etc__item > li.sitemap-inner-etc__item--separator{display:none;}
}
/*--------------------------------------------------------------------------------  */
/*work-list02 center-area*/
.board-search-element .center-area{float:center;width:100%;}
.board-search-element .center-area .center-area-inner{position:relative;padding-left:90px;}
.board-search-element .center-area .center-area-inner select{position:absolute;left:0px;top:0px;z-index:1;border:1px solid #c8c8c8;height:45px;padding:5px 0px 5px 7px;min-width:80px;}
.board-search-element .center-area .center-area-inner .input-inner{position:relative;border:1px solid #c8c8c8;padding:1px 50px 0 1px;margin-left:0px;box-sizing:border-box;height:45px;background-color:#fff}
.board-search-element .center-area .center-area-inner .input-inner input{height:41px;padding:5px 10px;width:100%;box-sizing:border-box;}
.board-search-element .center-area .center-area-inner .input-inner button{display:block;width:46px;height:43px;position:absolute;right:0px;top:0px;z-index:1;background:url(../images/common/ico-search.png) no-repeat center center;}
.board-search-element .center-ul{font-weight:bold;padding-left:21px;}
.board-search-element .center-ul li{float:left; width:280px;list-style-type:disc;}
.board-search-element .center-ul li a:hover{color:#016bba;font-weight:bold;}
.board-search-element .center-ul li a.active{color:#016bba; font-weight:bold;}
.work-ul select{display:none;}
.bd-color{border-right:1px solid #d7d7d7;}
.work-list .board-list table tbody td:last-child{text-align:left;}
@media all and (max-width:1270px){
    .left-contents .work-ul ul{display:none;}
    .left-contents .work-ul select{display:block; width:100%;height:45px;border: 1px solid #c8c8c8;}
    .left-contents .work-list table{width:100%; display:block;}
    .left-contents .board-search-element{margin-top:0px; padding:0px; background:none;}
    .left-contents .board-list-element .board-btn-set{margin-top:10px; margin-bottom:0px;}
    /* .work-list .board-list table tbody td:first-child{width:25%;} */
}

/*work-list03 */
.term-list02{overflow:hidden;background-color:#f9f9f9;border-top:1px solid #d7d7d7;padding:21px 0px;text-align:center;}
.term-list02 a{position:relative;display:inline-block;padding:0px 13px;font-size:17px;color:#777777;width:5px;}
.term-list02 a:after{display:block;width:1px;height:15px;position:absolute;right:0px;top:4px;z-index:1;content:'';background-color:#d9d9d9}
.term-list02 a:last-child:after{display:none;}
.term-list02 a:hover{color:#016bba;font-weight:bold;}
.term-list02 a.active{color:#016bba; font-weight:bold;}
@media all and (max-width:1270px){
    .term-list{padding:7px;}
    .term-list a{padding:0px 11px;}
    .term-list02{padding:7px;}
    .term-list02 a{position:relative;display:inline-block;padding:0px 11px;font-size:17px;color:#777777; width:9px;}
}

/*iframe*/
.iframe01{overflow-x:hidden; overflow:auto; width:1305px; min-height:1909px;}/*1018*/
.iframe02{overflow-x:hidden; overflow:auto; width:900px; min-height:900px;}
.iframe03{overflow-x:hidden; overflow:auto; width:1305px; min-height:1000px;}
.iframe04{overflow-x:hidden; overflow:auto; width:1305px; min-height:900px;}
.iframe-flex{overflow-x:hidden; overflow:auto; width:100%; min-height:900px;}

@media all and (max-width:1270px){
 .iframe01{overflow: scroll;}
 .trend-element .trend-list-element{margin-bottom:10px;}
}

/*trend trend-element*/
.trend-element{overflow:hidden;}
.trend-element h5{font-size:17px;color:#2e2e2e;padding:10px 30px 13px 45px;background:url(../images/common/ico-notice.png) no-repeat 5px center;font-weight:700 }
.trend-element h5 span{display:inline-block;border-left:1px solid #2e2e2e;height:20px;margin:0px 0px 0px 20px;vertical-align:middle;padding-left:20px;font-size:15px;color:#000;font-weight:400}
.trend-element .trend-list-element{border:1px solid #d7d7d7;}
.trend-element .trend-list-element .trend-list-top{overflow:hidden;border-top:3px solid #0c304b;}
.trend-element .trend-list-element .trend-list-top li{float:left;width:20%; height:50px;background-color:#fff;}
.trend-element .trend-list-element .trend-list-top li a{display:block;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;line-height:50px;font-size:15px;color:#000;text-align:center;box-sizing:border-box;height:50px;}
.trend-element .trend-list-element .trend-list-top li:last-child a{border-right:0px}
.trend-element .trend-list-element .trend-list-top li.active{background-color:#0c2f4b;}
.trend-element .trend-list-element .trend-list-top li.active a{color:#fff;}
.trend-element .trend-list-element .trend-list-body{padding-top:5px;display:none}
.trend-element .trend-list-element .trend-list-body li{padding:10px 15px;border-bottom:1px solid #d7d7d7;}
.trend-element .trend-list-element .trend-list-body li:last-child{border-bottom:0px}
.trend-element .trend-list-element .trend-list-body li a{display:block;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#2e2e2e;overflow:hidden;}

/* tvprgrlist */
.tv-table .tv-top a{font-weight:600;}
.tv-table .tv-top a span{background:url(../images/common/ico-right-arrow.png) no-repeat left 4px; display:inline-block;width:20px;height:20px;vertical-align:middle;}
.tv-table .tv-bottom ul{padding-top:10pt;font-size:11pt;margin-left: 17px;}
.tv-table .tv-bottom li{padding-bottom:5pt; list-style:disc;}
.arrow_r{margin-top:15px;}
.arrow_r h4{padding-left:4px;font-size:16px;color:#000;font-weight:600;text-align:left;}
.arrow_r h4 span{font-size:12pt;padding-left:10px;}

/*peopleList face-body*/
.face-txt{font-size:20px;font-weight:bold;color:#000;float:left;}
.face-txt span{border-left: 1px solid #909090;height: 16px;margin: 0px 0px 0px 20px;vertical-align: middle;font-size: 15px; padding-left:15px; color:#2e2e2e;}
.face-txt a{padding-left:5px; padding-right:5px; color:#0c304b;border:none;}
.face-body .face-body-inner {position:relative;margin-top:15px;border-bottom:1px solid #d7d7d7;}
.face-body .face-body-inner:after{content:'';display:block;clear:both;}
.face-body .face-body-inner .face-body-list li{float:left;padding:20px 0px 20px 0px; width:32%;margin-right:5px; height:128px;}/*width:303*/
.face-body .face-body-inner .face-body-list li div.facebox .img01 a img{float:left;width:100px;height:110px;box-sizing:border-box;}
.face-body .face-body-inner .face-body-list li div.facebox .face-in{float:left; padding-left: 10px; padding-top:3px; width:63%;}/*width:190px*/
.face-body .face-body-inner .face-body-list li div.facebox .face-in dl{position:relative;padding-left:65px;min-height:26px;font-size:14px;}
.face-body .face-body-inner .face-body-list li div.facebox .face-in dl:after{content:'';display:block;clear:both;}
.face-body .face-body-inner .face-body-list li div.facebox .face-in dl dt{position:absolute;left:0px;top:0px;z-index:1;color:#2e2e2e;font-weight:700;}
.face-body .face-body-inner .face-body-list li div.facebox .face-in dl dt a:nth-child(1){}
.face-body .face-body-inner .face-body-list li div.facebox .face-in dl dt a:nth-child(2){display:inline-block;margin:0px 0px 4px 4px;border:1px solid #d7d7d7;padding-top:4px;text-align:center;font-size:12px;color:#000;width:83px;height:20px;}
.face-body .face-body-inner .face-body-list li div.facebox .face-in dl dt a:nth-child(2):hover{color:#fff;background:#0c304b;}
.face-body .face-body-inner .face-body-list li div.facebox .face-in dl dt{color:#2e2e2e;}
.face-body .face-body-inner .face-body-list li div.facebox .face-in dl.block{padding-left:0px;}
.face-body .face-body-inner .face-body-list li div.facebox .face-in dl.block dt{position:relative;color:#0c304b;font-size:11pt;}
.face-body .face-body-inner .face-body-list li div.facebox .face-in dl.block dd{color:#2e2e2e;padding-left: 23px;}
.face-body .face-body-inner .face-body-list li div.facebox .face-in dd{font-size:13px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.face-body-list .face-style{margin-left: 15px; width:910px;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in{float:left; padding-left: 10px; width:86.2%;height:146px;padding-top:3px;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in dl{position:relative;padding-left:65px;min-height:26px;font-size:15px;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in dl:after{content:'';display:block;clear:both;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in dl dt{position:absolute;left:0px;top:0px;z-index:1;color:#2e2e2e;font-weight:700;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in dl dt a{display:inline-block;margin:0px 0px 4px 4px;border:1px solid #d7d7d7;padding-top:4px;text-align:center;font-size:12px;color:#000;width:83px;height:20px;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in dl dt a:hover{color:#fff;background:#0c304b;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in dl dt{color:#2e2e2e;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in dl.block{padding-left:0px;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in dl.block dt{position:relative;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in dl.block dd{color:#2e2e2e;padding-left: 23px;}
.face-body .face-body-inner .face-body-list li div.facebox .face-style-in dd{font-size:14px;}
.face-body{width: 100%;}
.search-explanation{font-size:10pt; padding:10px 0px 0px 10px;}
.face-border{border-bottom:1px solid #d7d7d7;}
.face-menu{background-color: #0c304b; color:#fff;text-align:center; display:none;}
.left-contents .board-view-tel{border-top:1px solid #d7d7d7;}
@media all and (max-width:1270px){
    .left-contents .search-explanation{display:none;}
    .left-contents .face-border{display:none;}
    .face-body .face-body-inner{margin:0;}
    .face-body .face-body-inner .face-body-list{padding: 2px; border-top:1px solid #d7d7d7;width:auto;}
    .face-body .face-body-inner .face-body-list li{width:32%;}
    .face-body .face-body-inner .face-body-list li div.facebox .face-in{width:58%;}
    .face-menu{display:block;height:30px;padding-top:10px;}
}
@media all and (max-width:960px){
  .face-body .face-body-inner .face-body-list li{width:48%;}
  .face-body .face-body-inner .face-body-list li div.facebox .face-in{width:60%;}
}	
@media all and (max-width:800px){
    .face-body .face-body-inner .face-body-list li div.facebox .face-in dd{width:75%;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
}
@media all and (max-width:630px){
	.face-body .face-body-inner .face-body-list li{width:403px;}
}
@media all and (max-width:430px){
    .face-body .face-body-inner .face-body-list li div.facebox .face-style-in dd{width:25%;}
}
@media all and (max-width:380px){
    .face-body .face-body-inner .face-body-list li div.facebox .face-style-in dd{width:20%;font-size:10pt;}
}
@media all and (max-width:320px){
    .face-body .face-body-inner .face-body-list li div.facebox .face-style-in dd{width:15%;}
}

/*peopleList face-search*/
.face-search {position:relative;background:#f4f4f4;padding:4px 80px 8px 0px}
.face-search:after{content:'';display:block;clear:both}
.face-search .face-area{width:100%;}
.face-search .face-area:after{content:'';display:block;clear:both}
.face-search .face-area .face-area-inner{position:relative;float:left;width:50%;box-sizing:border-box; padding-top:4px;}
.face-search .face-area .face-area-inner .input-inner{position:relative;padding-left:90px}
.face-search .face-area .face-area-inner .input-inner:after{content:'';display:block;clear:both}
.face-search .face-area .face-area-inner .input-inner input{height:35px;box-sizing:border-box;border:1px solid #c8c8c8;width:92%;padding-left:10px;padding-right:10px;}
.face-search .face-area .face-area-inner .input-inner label {position:absolute;left:20px;top:10px;z-index:1;display:inline-block; color:#000; font-size:14px; font-weight:bold; letter-spacing:0; width:65px; padding-bottom:10px;}
.face-btn{display:block; position:absolute; right:10px; bottom:8px; width:65px; height:113px;line-height:113px;color:#fff; font-size:14px; font-weight:bold; text-align:center; background:#435665;}
@media all and (max-width:1270px){
    .face-search {padding:4px 10px 8px 0px} 
    .face-search .face-area.block .face-area-inner{float:none;width:100%}
    .face-search .face-area .face-area-other{padding-right:70px}
    .face-search .face-area .face-area-other:after{content:'';display:block;clear:both}
    .face-search .face-area .face-area-inner .input-inner{padding-left:64px;}
    .face-search .face-area .face-area-inner .input-inner label{left:3px;}
    .face-search .face-area .face-area-inner .input-inner .face-input{width:76%;}
    .face-search .face-area .face-area-inner .input-inner input{width:81%;padding-left:5px;padding-right:5px;}
    .face-btn{height:75px;line-height:75px;}
}

/*peopleList width*/
.label-pad12{padding-left:12px;}
.width-17{width:17% !important; text-align:center;}
.width-14{width:14% !important; text-align:center;}
.spacing-1{}

/*board-chart  tab*/
.board-list-element .board-list.board-chart-2{margin-top:40px;}
.board-list-element .board-chart tbody td{float:center; text-align:center;}
.center-contents{max-width:1300px; width:100%; float:left;}
.chart-element{overflow:hidden;}
.chart-element h5{padding:19px 30px;text-align:center;font-size:17px;font-weight:700;color:#fff;background-color:#0c2f4b}
.chart-element .chart-list-element{border-bottom:1.5px solid #d7d7d7;border-right:1.5px solid #d7d7d7;border-left:1.5px solid #d7d7d7;}
.chart-element .chart-list-element .chart-list-top{overflow:hidden;}
.chart-element .chart-list-element .chart-list-top li{float:left;width:11%;height:52px;background-color:#f4f4f4; border-top:3.5px solid #0c304b;}
.chart-element .chart-list-element .chart-list-top li:last-child{width:12%}
.chart-element .chart-list-element .chart-list-top li a{display:block;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;line-height:50px;font-size:15px;color:#000;text-align:center;box-sizing:border-box;height:52px;}
.chart-element .chart-list-element .chart-list-top li:last-child a{border-right:0px}
.chart-element .chart-list-element .chart-list-top li.active{background-color:#0c2f4b;}
.chart-element .chart-list-element .chart-list-top li.active a{color:#fff;}
.chart-element .chart-list-element .chart-list-body{padding:20px 50px 20px 130px;display:none;}
.chart-element .chart-list-element .chart-list-body li{ display:inline-block;}
.chart-element .chart-list-element .chart-list-body li a{display:block;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#2e2e2e;overflow:hidden; width:270px;}
.chart-contents h3{text-align: center;font-size: 30px;color: #000;font-weight: 700;margin-bottom: 20px; width:100%;}
@media all and (max-width:1270px){
    .chart-element .chart-list-element .chart-list-body{padding:20px 0px 0px 0px;height:100px;overflow-x:hidden;}
    .chart-element .chart-list-element .chart-list-body li a{padding-left:30%;padding-right:15px;width:150px;font-size:13px;}
}
@media all and (max-width:375px){
    .chart-element .chart-list-element .chart-list-body{padding:20px 0px 0px 0px;height:100px;overflow-x:hidden;}
    .chart-element .chart-list-element .chart-list-body li a{padding-left:25%;padding-right:15px;width:150px;font-size:13px;}
}
@media all and (max-width:350px){
    .chart-element .chart-list-element .chart-list-body{padding:20px 0px 0px 0px;height:100px;overflow-x:hidden;}
    .chart-element .chart-list-element .chart-list-body li a{padding-left:20%;width:120px;font-size:13px;}
}
/*board-chart title*/
.sta_tit01 {padding:7px 0px 0px 40px; color:#393939; font-size:16px; font-weight:bold; background:url(../images/common/ico-data.png) no-repeat left 5px; }

/*board-chart table*/
.board-chart{margin-top:40px;}
.board-chart-element p.infor-txt{text-align:right;font-size:13px;color:#000;padding:10px 0px;}
.board-chart-element .board-chart{border-top:solid;border-color:#0c304b;border-width:4px 0px 3px 0px;}
.board-chart-element .board-chart table{width:100%;}
.board-chart-element .board-chart thead th{background-color:#f9f9f9; height:71px; border-bottom:1px solid #d7d7d7;}
.board-chart-element .board-chart tbody td{padding:0px 10px;text-align:center;font-size:15px;color:#000;height:71px;font-weight:700;border-bottom:1px solid #d7d7d7;}
.board-chart-element .board-chart tbody td{font-weight:400}
.board-chart-element .board-chart tbody tr:last-child td{border-bottom:0px;}
.border-r{border-right:1px solid #d7d7d7;}

/* uninow.html */
.arrow_now{margin-top:25px;}
.arrow_now a{padding-left:4px;font-size:16px;color:#000;font-weight:600;text-align:left;}
.arrow_now a span{font-size:12pt;padding:0px 2px 0px 10px;}
.arrow_now a:last-child{font-size:11pt; float:right; font-weight:400;}
.ico-top{text-align:right; margin-top: 150px;}

/*people people-element*/
.people-element{overflow:hidden;}
.people-element h5{font-size:17px;color:#2e2e2e;padding:10px 30px 13px 45px;background:url(../images/common/ico-notice.png) no-repeat 5px center;font-weight:700 }
.people-element h5 span{display:inline-block;border-left:1px solid #2e2e2e;height:20px;margin:0px 0px 0px 20px;vertical-align:middle;padding-left:20px;font-size:15px;color:#000;font-weight:400}
.people-element .people-list-element{border:1px solid #d7d7d7;}
.people-element .people-list-element .people-list-top{overflow:hidden;border-top:3px solid #0c304b;border-left:1px solid #d7d7d7;}
.people-element .people-list-element .people-list-top li{float:left;width:20%; height:50px;background-color:#fff;}
.people-element .people-list-element .people-list-top li a{display:block;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;line-height:50px;font-size:15px;color:#000;text-align:center;box-sizing:border-box;height:50px;}
.people-element .people-list-element .people-list-top li:last-child a{border-right:0px}
.people-element .people-list-element .people-list-top li.active{background-color:#0c2f4b;}
.people-element .people-list-element .people-list-top li.active a{color:#fff;}
.people-list-body{margin-top:15px;}
.people-list-body .board-list{margin-bottom: 55px; border-bottom:1px solid #0c304b;}
.people-list-body h4{background:url(../images/common/ico-item.png) no-repeat;margin-bottom:5px;}
.people-list-body h4 span{margin-left:20px;font-size:11pt;font-weight:bold;}


/*tvprgrlist*/
.board-list .tv-text td:last-child{text-align:left;}
.board-btn-set a.tv{float:left; font-size:10pt; height:35px;}
@media all and (max-width:1270px){
    .board-btn-set a.tv{margin-bottom:5px;}
    .board-btn-set a.file{display:none;}
    .people-list-body .people-view{overflow-x: auto;}
    .people-list-body .people-view tbody td{text-align:center;}
}

/*uninow*/
@media all and (max-width:1270px){
    .board-list-element .arrow_now a:last-child{display:none;}
    .board-list-element .arrow_now {padding-top:10px;}
}

@media all and (max-width:640px){
    .board-chart-element .board-chart{overflow-x:auto;overflow-y:hidden}
    .board-chart-element .board-chart table{width:800px;}
}


/*error*/
.error-contents{width:1250px; height:650px; border:3px solid #0c304b; box-sizing:border-box; display:block; margin-top:30px; margin-bottom:130px;}
.error-contents .error-right{float:right; width:auto;}
.error-contents .error-right img{max-width:none; padding:140px 20px 0px 0px;}
.error-contents .error-center{width:770px;padding-left: 60px;}
.error-contents .error-center p:nth-child(1){margin-top:40px; font-size:27pt; font-weight:bold;}
.error-contents .error-center p:nth-child(2){font-size:16pt;margin-top:30px;}
.error-contents .error-center p:nth-child(3){font-size:15pt; padding:50px 0px 80px 40px;}
.error-contents .error-center p span{font-weight:bold;}
.error-contents .error-center .error-button{padding-left: 60px;}
.error-contents .error-center .error-button .error-back{width:275px; height:60px; border:1px solid #0c304b; float:left; margin-right:10px;line-height:60px;}
.error-contents .error-center .error-button .error-back a{font-weight:bold; font-size:15pt;}
.error-contents .error-center .error-button .error-back a img{padding: 0px 10px 7px 35px;}
.error-contents .error-center .error-button .error-home{width:275px; height:60px; border:1px solid #0c304b; float:left; line-height:60px;}
.error-contents .error-center .error-button .error-home a{font-weight:bold; font-size:15pt;}
.error-contents .error-center .error-button .error-home a img{padding: 0px 10px 7px 70px;}

@media all and (max-width:1270px){
    .error-contents {width:auto; margin-top:50px; margin-bottom:50px;}
    .error-contents .error-right{display:none;}
    .error-contents .error-center{width:auto;padding-left: 30px;}
    .error-contents .error-center p:nth-child(1){margin-top:111px; font-size:17pt;}
    .error-contents .error-center p:nth-child(2){font-size:14pt;}
    .error-contents .error-center p:nth-child(3){font-size:13pt; padding:50px 0px 40px 10px;}
    .error-contents .error-center .error-button{padding-left: 17px;}
    .error-contents .error-center .error-button .error-back{width:275px; height:60px; border:1px solid #0c304b; float:left; margin-right:10px;line-height:60px;}
    .error-contents .error-center .error-button .error-back a{font-weight:bold; font-size:15pt;}
    .error-contents .error-center .error-button .error-back a img{padding: 0px 10px 7px 35px;}
    .error-contents .error-center .error-button .error-home{width:275px; height:60px; border:1px solid #0c304b; float:left; line-height:60px;}
    .error-contents .error-center .error-button .error-home a{font-weight:bold; font-size:15pt;}
    .error-contents .error-center .error-button .error-home a img{padding: 0px 10px 7px 70px;}
}
@media all and (max-width:420px){
    .error-contents .error-center{padding-left:42px;}
}
@media all and (max-width:380px){
    .error-contents .error-center{padding-left:30px;}
}
@media all and (max-width:320px){
    .error-contents .error-center{padding-left:3px;}
}


/*use*/
.board-list-element .use-bottom ul{padding-top:10pt;font-size:11pt;margin-left: 17px;margin-bottom:5px;}
.board-list-element .use-bottom li{padding-bottom:5pt; list-style:disc;font-size:10pt;}
.ui-datepicker-trigger{margin-left:4px}
.use-list .use-tit{ padding:10px 7px 7px 7px; margin-bottom:3px;margin-top:0 !important;}
.use-list .use-tit:hover{ cursor:pointer}
.use-list .use-tit.active .use-span{color:#4874b5; font-weight:bold}
.use-tit{text-align:left;}
.use-tit h4{margin:0 !important; font-weight:normal;font-size:12px !important; position:relative}
.use-tit h4 .ico{ display:inline-block; padding-left:12px; color:#4874b5; font-weight:bold;font-size:15px; min-height:20px;width:40px; position:absolute; top:0; left:0}
.use-tit h4 .use-span{margin-left:65px; display:block; line-height:20px}
.faq h4:hover{cursor:pointer}
.faq h4:last-child{border:none}
.use-p{text-align:left;border-top:1px dashed #ccc}
.use-inner p{min-height:10px;padding-left:10px;vertical-align:top; line-height:18px !important}
.use-inner{padding:18px 10px; color:#666}
.use-inner h5{ background:url(../images/common/ico_faq_h5.png) 0 4px no-repeat; padding-left:10px;margin-bottom:15px}
.use-inner h6{ background:url(../images/common/ico_faq_h6.png) 0 4px no-repeat; padding-left:10px;margin:20px 0 5px 0}
.use-inner ul{margin-left:8px}
.use-list .use-tit:hover{ cursor:pointer}
.use-list .use-tit.active .use-span {color: #4874b5;font-weight: bold;}

/*chronology*/
.chronology-element .chronology-list-element{border:1px solid #d7d7d7;}
.chronology-element .chronology-list-element .chronology-list-top{overflow:hidden;border-top:3px solid #0c304b;border-left:1px solid #d7d7d7;}
.chronology-element .chronology-list-element .chronology-list-top li{float:left;width:12.5%; height:50px;background-color:#fff;}
.chronology-element .chronology-list-element .chronology-list-top li a{display:block;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;line-height:50px;font-size:15px;color:#000;text-align:center;box-sizing:border-box;height:50px;}
.chronology-element .chronology-list-element .chronology-list-top li:last-child a{border-right:0px}
.chronology-element .chronology-list-element .chronology-list-top li.active{background-color:#0c2f4b;}
.chronology-element .chronology-list-element .chronology-list-top li.active a{color:#fff;}
.reset-center{margin-top:15px;}
.reset-center .left-reset{float:left;padding:11px 10px 2px 5px;}
.reset-center .left-reset span{font-weight:bold;}
.reset-center .right-reset{float:left;background:#fff;border:1px solid #c8c8c8;padding:10px 10px 10px 13px;width:45px;}
.reset-center .right-reset:hover{background:#0c304b;color:#fff;}
.reset-center .right-reset span{font-weight:bold;}
.chronology-element select{display:none;}
.chronology-element select{left:0px;top:0px;z-index:1;border:1px solid #c8c8c8;height:45px;padding:5px 0px 5px 7px;min-width:80px;} /* position:absolute; */
.history-element .history-inner{position:relative;min-height:150px;margin-left:70px;padding:20px 100px 20px 50px;}
.history-element .history-inner:after{content:'';display:block;clear:both;}
.history-element .history-inner .left-area{float:left;}
.history-element .history-inner .left-area span{font-weight:bold;display:block;position:absolute;left:0px;top:1%;margin-top:20px;width:150px;height:150px;font-size:26px;color:#fff;text-align:center;line-height:150px;border-radius:100px;}
.history-element .history-inner .right-area{float:left;margin-left:150px;}
.history-element .history-inner .right-area dd{padding-left:45px;border-left:2px solid #e1e1e1;font-weight:bold;padding-bottom:20px; font-size:13pt;}
.history-element .history-inner .right-area span{padding:5px;font-size:30pt; vertical-align:middle;}
.history-element .history-inner .right-area p{font-weight:100; color:#2e2e2e;font-size:12pt;display:inline-block;width:780px;vertical-align:middle}
.history-element .history-inner .right-area .chronology-txt{font-size:11pt;padding:0px 11px 11px 0px;margin-left:91px;line-height:24px !important;display: none;}
.history-element .history-inner .right-area .chronology-txt.active{display: block;}/*0627cwlee 추가*/
.chronology-center{width:1300px;}
.chronology-none{margin-bottom:40px; margin-top:40px;text-align:center;border:1px solid #d7d7d7;padding:12px;}
.chronology-none span{font-weight:bold}
.circle-1{background:#afafaf;}.circle-bb-1{color:#afafaf;}
.circle-2{background:#7b9ad0;}.circle-bb-2{color:#7b9ad0;}
.circle-3{background:#638abc;}.circle-bb-3{color:#638abc;}
.circle-4{background:#526c9d;}.circle-bb-4{color:#526c9d;}
.circle-5{background:#39567a;}.circle-bb-5{color:#39567a;}
.circle-6{background:#29385f;}.circle-bb-6{color:#29385f;}
.circle-7{background:#0c2f4b;}.circle-bb-7{color:#0c2f4b;}
.circle-8{background:#1f4495;}.circle-bb-8{color:#1f4495;}
.circle-9{background:#461f95;}.circle-bb-9{color:#461f95;}
.circle-10{background:#590a7d;}.circle-bb-10{color:#590a7d;}
@media all and (max-width:1270px){
    .chronology-center{width:100%; margin-top: 20px;text-align:center;}
    .history-element{margin-top:0px;}
    .history-element .history-inner{width:100%;position:relative;min-height:150px;margin:0px;padding:10px 0px 1px 0px;}
    .history-element .history-inner .left-area{float:none;position:relative;}
    .history-element .history-inner .left-area span{width:250px;height:80px;line-height:75px;border-radius:10px;}
    .history-element .history-inner .left-area span{left:50%;margin-left:-125px;top:0px;}
    .history-element .history-inner .right-area{margin-left: 0px; width:auto;float:none;}
    .history-element .history-inner .right-area dl{margin-top:150px;}
    .history-element .history-inner .right-area dd:first-child{border-top: 2px solid #e1e1e1;}
    .history-element .history-inner .right-area dd{text-align:left;padding-right:10px;padding-left:10px;border-left: none;padding-bottom:0px; font-size:15pt;}
    .history-element .history-inner .right-area span{padding:0px;font-size:30pt;}
    .history-element .history-inner .right-area a{text-align:left;left:90px;overflow:hidden;width:75%;height:10%;white-space:nowrap; text-overflow:ellipsis;padding-left: 5px; }
    .history-element .history-inner .right-area .chronology-txt{margin-left:0px;margin-top:5px;}
    .chronology-element select{display:block; width:100%;height:45px;border: 1px solid #c8c8c8;}
    .chronology-element .chronology-list-element .chronology-list-top{display:none !important; }
    .ico-top{margin-top:50px;padding-bottom:40px;}
    .reset-center .left-reset{font-size:10pt;}
    .reset-center .right-reset{padding:10px 10px 10px 10px;}
    .chronology-none{margin-bottom:140px; margin-top:40px;}
}
@media all and (max-width:640px){
    .history-element .history-inner .right-area dd{padding-top:15px}
    .history-element .history-inner .right-area span{display:none}
    .history-element .history-inner .right-area p{margin-top:0px;display:block;width:auto}
}

  
/*weather*/
 .weather-element{margin:0 14%;}
 .weather-element h3{margin-top:20px;margin-bottom:20px;} 
 .weather-element .weather-list {overflow:hidden;position:relative; margin-bottom:50px;}
 .weather-element .weather-list .weather-media{display:none;}
 .weather-element .weather-list .li01 li { position:absolute; width:50px; border-radius:5px; border:1px solid #cbd9e3; text-align:center; background:#fff; padding:0 3px;}
 .weather-element .weather-list .li01 li span {display:block; margin-bottom:0px; padding-top:3px; color:#626262; font-size:1rem;  width:100%; line-height:100%;}
 .weather-element .weather-list .li01 li span strong .blue {color:#0000ff;padding-bottom:3px;}
 .weather-element .weather-list .li01 li img {display:block;  width:60%; height:3%; margin:0 auto;}
 .weather-list .li01 li.i01{left:20%;top:49%;}
 .weather-list .li01 li.i02{left:44%;top:30%;}
 .weather-list .li01 li.i03{left:56%;top:35%;}
 .weather-list .li01 li.i04{left:72%;top:25%;}
 .weather-list .li01 li.i05{left:29%;top:74%;}
 .weather-list .li01 li.i06{left:33%;top:61%;}
 .weather-list .li01 li.i07{left:42%;top:70%;}
 .weather-list .li01 li.i08{left:33%;top:50%;}
 .weather-list .li01 li.i09{left:42%;top:40%;}
 .weather-list .li01 li.i10{left:58%;top:19%;}
 .weather-list .li01 li.i11{left:50%;top:50%;}
 .weather-list .li01 li.i12{left:50%;top:64%;}
 .weather-list .li01 li.i13 {left:78%;top:13%;}
 .weather-element .weather-list .cur {overflow:hidden; position:absolute; right:20px; bottom:10px; width:88px; height:70px; padding-top:5px; border:1px solid #cbd9e3;  color:#000; font-family:"돋움", dotum, sans-serif; font-size:12px; text-align:center; background:#fff; } /* hwpark 높이조절,cwlee 높이 조절 66 >70*/
 .weather-element .weather-list .cur .li01 li span {display:block; }
 .weather-element .weather-list .cur .li01 li span strong {vertical-align:top; }
 .weather-element .weather-list .cur .li01 li .top {margin-bottom:3px; }
 
@media all and (max-width:1190px){
    .weather-element{margin:0 6%;}
    .weather-list .li01:not(.report) li.i09{left:42%;top:42%;}
}

@media (min-width: 651px) and (max-width:992px){
.weather-element .weather-list .li01:not(.report) li  {width:40px;padding: 0 1px;}
.weather-element .weather-list .li01:not(.report) li span { font-size:0.8rem; }
}


 
 @media all and (max-width:800px){
 .weather-element{margin:0 4%;}
 } 

@media all and (max-width:650px){
 .weather-element{margin:0 0;}
 .weather-element .weather-list .weather-main{display:none;}
 .weather-element .weather-list .weather-media{display:block;}
 .weather-element .weather-list .li01:not(.report) li {width:40px;}
 .weather-element .weather-list .li01:not(.report) li span {font-size:11px; }
 .weather-element .weather-list .li01:not(.report) li img {width:50%;height:2%;}
 .weather-list .li01:not(.report) li.i01{left:10%;top:56%;}
 .weather-list .li01:not(.report) li.i02{left:39%;top:25%;} /*중강*/
 .weather-list .li01:not(.report) li.i03{left:56%;top:35%;}
 .weather-list .li01:not(.report) li.i04{left:80%;top:25%;}
 .weather-list .li01:not(.report) li.i05{left:18%;top:85%;}
 .weather-list .li01:not(.report) li.i06{left:24%;top:70%;}
 .weather-list .li01:not(.report) li.i07{left:36%;top:84%;}
 .weather-list .li01:not(.report) li.i08{left:24%;top:54%;} /*안주*/
 .weather-list .li01:not(.report) li.i09{left:37%;top:42%;}
 .weather-list .li01:not(.report) li.i10{left:60%;top:18%;}
 .weather-list .li01:not(.report) li.i11{left:44%;top:58%;} /*함흥*/
 .weather-list .li01:not(.report) li.i12{left:50%;top:74%;}
 .weather-list .li01:not(.report) li.i13 {left:84%;top:7%;} /*선봉*/
}
@media all and (max-width:650px){
 .weather-element{margin:0 0;}
 .weather-element .weather-list .weather-main{display:none;}
 .weather-element .weather-list .weather-media{display:block;}
 .weather-element .weather-list .li01:not(.report) li {width:40px;}
 .weather-element .weather-list .li01:not(.report) li span {font-size:10px; }
 .weather-element .weather-list .li01:not(.report) li img {width:50%;height:2%;}
 .weather-list .li01:not(.report) li.i01{left:10%;top:56%;}
 .weather-list .li01:not(.report) li.i02{left:39%;top:25%;} /*중강*/
 .weather-list .li01:not(.report) li.i03{left:56%;top:35%;}
 .weather-list .li01:not(.report) li.i04{left:80%;top:25%;}
 .weather-list .li01:not(.report) li.i05{left:18%;top:85%;}
 .weather-list .li01:not(.report) li.i06{left:24%;top:70%;}
 .weather-list .li01:not(.report) li.i07{left:36%;top:84%;}
 .weather-list .li01:not(.report) li.i08{left:24%;top:54%;} /*안주*/
 .weather-list .li01:not(.report) li.i09{left:37%;top:42%;}
 .weather-list .li01:not(.report) li.i10{left:60%;top:18%;}
 .weather-list .li01:not(.report) li.i11{left:44%;top:58%;} /*함흥*/
 .weather-list .li01:not(.report) li.i12{left:50%;top:74%;}
 .weather-list .li01:not(.report) li.i13 {left:84%;top:7%;} /*선봉*/
}
@media all and (max-width:360px){
 .weather-element .weather-list .li01:not(.report) li {width:40px; padding:0;}
 .weather-element .weather-list .li01:not(.report) li span {font-size:10px;}
 .weather-element .weather-list .li01:not(.report) li img {width:35%;height:2%;} 
}
/*check*/
.check-contents{width:1250px; height:650px; border:3px solid #0c304b; box-sizing:border-box; display:block; margin-top:180px; margin-bottom:130px;}
.check-contents .check-right{float:right; width:auto;}
.check-contents .check-right img{max-width:none; padding:140px 20px 0px 0px;}
.check-contents .check-center{width:770px;padding-left: 60px;}
.check-contents .check-center p:nth-child(1){margin-top:111px; font-size:32pt; font-weight:bold;}
.check-contents .check-center p:nth-child(2){font-size:17pt;margin-top:50px; padding-left:10px;}
.check-contents .check-center p:nth-child(3){font-size:15pt; padding:20px 0px 20px 10px;}
.check-contents .check-center p:nth-child(4){font-size:15pt; padding:0px 0px 0px 10px;}
.check-contents .check-center p:nth-child(5){font-size:15pt; padding:0px 0px 80px 10px;}
.check-contents .check-center p span{font-weight:bold;}
.check-contents .check-center .check-button{padding-left: 60px;}
.check-contents .check-center .check-button .check-back{width:275px; height:60px; border:1px solid #0c304b; float:left; margin-right:10px;line-height:60px;}
.check-contents .check-center .check-button .check-back a{font-weight:bold; font-size:15pt;}
.check-contents .check-center .check-button .check-back a img{padding: 0px 10px 7px 35px;}
.check-contents .check-center .check-button .check-home{width:275px; height:60px; border:1px solid #0c304b; float:left; line-height:60px;}
.check-contents .check-center .check-button .check-home a{font-weight:bold; font-size:15pt;}
.check-contents .check-center .check-button .check-home a img{padding: 0px 10px 7px 70px;}
@media all and (max-width:1270px){
    .check-contents {width:auto; margin-top:50px; margin-bottom:50px;}
    .check-contents .check-right{display:none;}
    .check-contents .check-center{width:auto;padding-left: 30px;}
    .check-contents .check-center p:nth-child(1){margin-top:50px; font-size:30pt;}
    .check-contents .check-center p:nth-child(2){font-size:14pt;}
    .check-contents .check-center p:nth-child(3){font-size:13pt; padding:50px 0px 40px 10px;}
    .check-contents .check-center p:nth-child(4){font-size:13pt; padding:0px 0px 0px 10px;}
    .check-contents .check-center p:nth-child(5){font-size:13pt; padding:0px 0px 40px 10px;}
    .check-contents .check-center .check-button{padding-left: 17px;}
    .check-contents .check-center .check-button .check-back{width:275px; height:60px; border:1px solid #0c304b; float:left; margin-right:10px;line-height:60px;}
    .check-contents .check-center .check-button .check-back a{font-weight:bold; font-size:15pt;}
    .check-contents .check-center .check-button .check-back a img{padding: 0px 10px 7px 35px;}
    .check-contents .check-center .check-button .check-home{width:275px; height:60px; border:1px solid #0c304b; float:left; line-height:60px;}
    .check-contents .check-center .check-button .check-home a{font-weight:bold; font-size:15pt;}
    .check-contents .check-center .check-button .check-home a img{padding: 0px 10px 7px 70px;}
}

/*children-list*/
.photo-list li a span.look-up{margin-top:20px;font-size:14px;color:#565656;}
.photo-list li a span.look-up .look-up01{float:left;margin-bottom:0px;width:86%;}
.photo-list li a span.look-up .look-up02{text-align:right;}
.photo-list li a span.look-up .look-up03{float:left;width:86%;}

/*board text-algin*/ /*03-13*/
.board-list-element .board-list .board-align{text-align:left;}
.board-list-element .board-list .data-align{text-align:center;}
.board-h3{padding:10px 10px 10px 16px;font-size:20px;font-weight:600;}
.board-h4 h4{padding:10px 10px 10px 16px;font-size:19px;font-weight:600;text-align:left;}
.board-h4 h4 span{padding-left:10px;font-weight:400;}
.board-ol thead th{font-size:19px !important; padding-left:15px !important;}
.board-li{padding-bottom:10px;}
.board-li li{display:inline !important;}
.board-li .board-mid{vertical-align:initial;padding-right:6px;font-weight:600;}
.board-li .board-mid span{font-weight:100;}
.board-ol tbody td{padding:0px 10px !important; border-color:#0c304b !important;}
.board-ol .board-align{border-top:1px solid #0c304b;}
.board-ol .board-align .board-ul{padding:10px 10px;}
.board-ol .board-align .txt_question_01{padding-bottom:10px;}
.board-ol .board-align .txt_question_01 em{font-size:20px;padding-right:10px;font-weight:600;}
.board-ol .board-align ol{padding-left:38px;}
.board-ol .board-align ol li{padding-bottom:10px;}
.board-ol .board-align ol li label{vertical-align:middle;padding-left:5px;}
.board-ol .board-align ol li label input{width:180px;padding:3px 5px 5px 5px;position:absolute;text-align:center;margin-left:10px;border:1px solid #d7d7d7;}
.board-ol .board-align .questionTwo{padding:10px;width:50%;border:1px solid #d7d7d7;} 
.board-br{display:none;}
.b-red{color:#df455d;}

@media all and (max-width:1270px){
	.board-ol .board-align ol{padding-left:5px;}
	.board-ol .board-align .questionTwo{width:95%;} 
	.quest-med{padding-left:0px !important;}
	.board-li{padding-bottom:10px;}
	.board-li li{padding:10px 1px;}
	.board-br{display:block;height:5px;}
}

 /* search-detail */
.search-center-detail{float:left;width:100%;}
.search-center-detail h4{background:url(../images/common/ico-search-large.png) no-repeat;}
.search-center-detail h4 span{font-size:15pt;font-weight:bold;margin-bottom:10px;padding-left:30px;}
.search-detail-element{margin-top:15px;}
.search-detail-element p.infor-txt{float:left;font-size:13px;color:#000;padding:10px 0px;}
.search-detail-element .search-detail{clear:both;border:1px solid #d7d7d7;border-width:1px 1px 1px 1px;overflow:hidden;margin-bottom:30px;}
.search-detail-element .search-detail{width:100%;}
.search-detail-element .search-detail .search-inner{padding:5px 0px 5px 20px;text-align:left;font-size:15px;color:#000;font-weight:700;border-bottom:1px solid #d7d7d7;}
.search-detail-element .search-detail .search-inner{font-weight:400;line-height:3.7;}
.search-detail-element .search-detail .search-inner .input-inner input[type="text"]{border: 1px solid #c8c8c8; width:60%; height:40px;margin-right:30px;}
.search-detail-element .search-detail .search-inner .input-inner input[type="checkbox"]{margin-right:5px;margin-left:25px;display:inline-block;width:15px;height:15px;}
.search-detail-element .search-detail .search-inner .input-inner input[type="button"]{border: 1px solid #c8c8c8; background:#fff; width:70px;height:35px;margin-top:10px;margin-right:22px;}
.search-detail-element .search-detail .search-inner .input-inner input[type="button"]:hover{background:#0c304b; color:#fff;}
.search-detail-element .search-detail .search-inner .input-inner input[type="radio"]{margin-right:14px;}
.search-detail-element .search-detail .search-inner .input-inner label{padding: 0px 20px 0px 0px;}
.search-detail-element .search-detail .search-inner:nth-child(odd){background-color:#f9f9f9}
.search-detail-btn{text-align:center; margin-bottom:30px;}
.search-detail-btn span:first-child{padding:10px 30px 10px 30px;}
.search-detail-btn span:last-child{padding:10px 23px 10px 23px;}
.search-detail-btn span{border: 1px solid #c8c8c8;background:#fff;margin-top:10px;margin-right:20px;display:inline-block}
.search-detail-btn span:hover{background:#0c304b; color:#fff;}
.search-area{overflow:hidden;}
.search-detail-element .search-detail .search-area .search-calendar-inner{position:relative;float:left;padding:10px 0px 10px 0px;right:38px;}
.search-detail-element .search-detail .search-area .search-calendar-inner:first-child:after{position:absolute;right:-102px;top:0;z-index:1;content:'~';font-size:27px;font-weight:700;color:#0c304b;line-height:2.2;}
.search-detail-element .search-detail .search-area .search-calendar-inner .input-inner{position:relative;border:1px solid #0c304b;margin-left:40px;box-sizing:border-box;height:35px;background-color:#fff;left:73px;padding-right:30px}
.search-detail-element .search-detail .search-area .search-calendar-inner .input-inner input{margin-right:0px; height:33px;padding:5px 10px;width:100%;box-sizing:border-box;vertical-align:top;}
.search-detail-element .search-detail .search-area .search-calendar-inner .input-inner img{position:absolute;right:0px;top:0px;z-index:1;padding:4px;}
.search-detail-element .search-detail .search-area .search-calendar-inner .input-inner a{display:block;width:27px;height:28px;position:absolute;right:0px;top:0px;z-index:1;background:url(../images/common/ico-calendar.png) no-repeat center center; background-size: 21px 21px;padding-right:6px;}
@media all and (max-width:1270px){
    .search-center-detail{width:auto;padding:30px 20px 0px 20px;margin:0px;}
    .search-detail-element .search-detail .search-area .search-calendar-inner .input-inner{left:0px;}
    .board-list-element .board-list .board-align a{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}
    .photo-list li a span.look-up .look-up01{width:70%;}
}
@media all and (max-width:430px){
    .search-detail-element .search-detail{margin-bottom:10px;}
    .search-detail-element .search-detail .search-inner .input-inner input[type="checkbox"]{margin-left:68px;}
    .search-detail-element .search-detail .search-inner .input-inner label{padding: 0px 25px 0px 0px;}
    .search-detail-element .search-detail .search-inner .input-inner input[type="button"]{margin-right:8px;}
    .search-detail-element .search-detail .search-area .search-calendar-inner{width:49.5%;}
    .search-detail-element .search-detail .search-area .search-calendar-inner .input-inner input{width:95%;}
    .search-detail-element .search-detail .search-area .search-calendar-inner:first-child:after{right:-30px;}
}
@media all and (max-width:400px){
    .search-detail-element .search-detail .search-inner .input-inner input[type="checkbox"]{margin-left:63px;}
    .search-detail-element .search-detail .search-inner .input-inner label{padding: 0px 15px 0px 0px;}
    .search-detail-element .search-detail .search-inner .input-inner input[type="button"]{margin-right:8px;}
}
@media all and (max-width:360px){
    .search-detail-element .search-detail .search-inner .input-inner input[type="checkbox"]{margin-left:55px;}
    .search-detail-element .search-detail .search-inner .input-inner label{padding: 0px 12px 0px 0px;}
    .search-detail-element .search-detail .search-inner .input-inner input[type="button"]{margin-right:4px;}
}
@media all and (max-width:320px){
    .search-detail-element .search-detail .search-inner .input-inner input[type="checkbox"]{margin-left:55px;}
    .search-detail-element .search-detail .search-inner .input-inner label{padding: 0px 8px 0px 0px;}
    .search-detail-element .search-detail .search-inner .input-inner input[type="button"]{margin-right:4px;}
}

.other-infor-element .person-element .person-body .top-area .right-area .title a{display:inline-block;margin-left:15px;border:1px solid #0c304b;padding:3px 15px;text-align:center;font-size:12px;color:#000;background:#fff;vertical-align:bottom;}
.other-infor-element .person-element .person-body .top-area .right-area .title a:hover{color:#fff;background:#0c304b;}

/*wide-contents*/
.board-search-element .wide-area{float:right;width:100%;}
.board-search-element .wide-area .wide-area-inner{position:relative;padding-left:90px;}
.board-search-element .wide-area .wide-area-inner label{position:absolute;left:50px;top:10px;z-index:1;min-width:80px;font-size:15px;display:block;color:#000;}
.board-search-element .wide-area .wide-area-inner select{position:absolute;left:0px;top:0px;z-index:1;border:1px solid #c8c8c8;height:45px;padding:5px 0px 5px 7px;min-width:80px;}
.board-search-element .wide-area .wide-area-inner.text label{position:absolute;left:0px;top:10px;z-index:1;min-width:40px;font-size:15px;display:block;color:#000;}
.board-search-element .wide-area .wide-area-inner .input-inner{position:relative;border:1px solid #c8c8c8;padding:1px 50px 0 1px;margin-left:0px;box-sizing:border-box;height:45px;background-color:#fff}
.board-search-element .wide-area .wide-area-inner .input-inner input{height:41px;padding:5px 10px;width:100%;box-sizing:border-box;}
.board-search-element .wide-area .wide-area-inner .input-inner button{display:block;width:46px;height:43px;position:absolute;right:0px;top:0px;z-index:1;background:url(../images/common/ico-search.png) no-repeat center center;}
.board-search-element.term .wide-area .wide-area-inner p.infor-txt{font-size:12px;color:#777;margin-top:8px;}

.nuri_area {position:relative; margin:20px 0; padding:15px 10px; background:#f8f8f8; border:1px solid #d9d9d9; border-radius:5px; box-sizing:border-box;}
.nuri_area .nuri_img {text-align:center;}
.nuri_area .nuri_txt {text-align:center; font-size:13px; line-height:18px; margin-top:10px; word-break:keep-all;}
.nuri_area .nuri_txt .title {color:#257bca;}

@media all and (min-width:768px){
    .nuri_area {padding:10px; overflow:hidden; width:98%; margin:20px auto;}
    .nuri_area .nuri_img {position:absolute;left:10px;top:20px;}
    .nuri_area .nuri_txt {height:54px; margin-top:0; padding-left:240px; text-align:left; display:table-cell; vertical-align:middle;}
        }
        
        
/* 통일 > 카툰 */
.webtoon {
  text-align: center;
}

.webtoon .webtoon__list {
  border-top: 2px solid #666;
}

.webtoon .webtoon__list .webtoon__item {
  display: inline-block;
  width: 47%;
  border-bottom: 1px dashed #d9d9d9;
  list-style: none;
}

.webtoon .webtoon__list .webtoon__item:nth-child(2n) {
  border-left: 1px dashed #d9d9d9;
}

.webtoon .webtoon__list .webtoon__item .webtoon-item {
  display: flex;
  /* height: 145px; */
  padding: 20px 15px;
}
   
.webtoon .webtoon__list .webtoon__item .webtoon-item .webtoon-item__nodata {
	padding: 44px 0px;
	min-height: 10px;
}

.webtoon .webtoon__list .webtoon__item .webtoon-item .webtoon__txt {
  text-align: left;
  margin-left: 10px;
  max-width: 500px;
}

.webtoon .webtoon__list .webtoon__item .webtoon-item .webtoon__txt h2{
  font-size:19px;
  font-weight: 600;
}

.webtoon .webtoon__list .webtoon__item .webtoon-item .webtoon__link img {
  width: 120px;
  height: 98px;
}

@media (max-width: 1023px) {
	.webtoon .webtoon__list .webtoon__item .webtoon-item {
	  height: auto;
	}
	
	.webtoon .webtoon__list .webtoon__item {
	  display: block;
	  width: 96%;
	}
}

@media (max-width: 575px) {
	.webtoon .webtoon__list .webtoon__item .webtoon-item {
		flex-direction: column;
	}
}

/* 통일 > 카드뉴스 */
.cardnews__slide { 
  margin: 0 auto;
  width:750px;
}
 
.cardnews__slide.argument { 
	margin: 0 auto;
 	width:100%; 
} 
@media all and (max-width:830px){
	.cardnews__slide { 
	  width:100%;
	}
}   
.kita_trade{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.kita_trade .board-view-tel.underline{border-top:0;border-bottom:1px solid #1c3e57;width:100%;}

/*만족도 조사 의견등록 CSS*/
.qustnAnr {text-align:left;padding-bottom:20px;font-size:14px;margin-top: 10px;}
.qustnAnr  label{padding-left:10px;padding-inline-end:10px;}
.qustnAnr textarea{position:relative;border:1px solid #d7d7d7;height:16px;width:80%;padding:5px 10px;vertical-align:middle;display: inline-block;}
.qustnAnr .qus-btn{position:absolute;width: 50px; height: 28px;color: #fff;font-size: 15px;text-align: center;border: 0px;background-color: #0c304b;margin-left:6px;}

@media (max-width: 480px){
	.qustnAnr {font-size:13px;}
	.qustnAnr  label{padding-inline-end:10px;}
	.qustnAnr .qus-btn{width: 37px; height: 28px;font-size: 13px;}
}

/* 주간동향 목차*/
.argument_accordion__container { 
    background-image: url(../images/main/main_bg.png);
    padding:50px 0;
}
.argument_accordion h3.cntntsSj{
	font-size: 1.1rem;
	font-weight: normal;
	background: #f9f9f9;
	border: 1px solid #c5c5c5;
	padding: .1em .3em .1em .5em;
 	outline: 0;
 	border-radius: 4px;
 	cursor: pointer;
 	margin: 2px;
 	text-align: left;
}
.argument_accordion h3.cntntsSj.active {
  /* border: 1px solid #003eff; */
  color: #0c63e4;
  background: #e7f1ff;
  font-weight: normal;
  outline: 0;
  box-shadow: 0 0 0 0.15rem #bad5fe;
  /* color: #fff; */
}
.argument_accordion div.cntntsCn{
	background: #fff;
	padding: .3em 1.2em;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 1px solid #ddd;
	font-size: 1rem;
    display: flex;
    flex-direction: column;
}
.argument_accordion * {
	 font-family:'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', sans-serif !important; 
}
.argument_accordion table {
	 border: solid 1.5px #4874b5 !important;
	 table-layout: auto !important;
}
.argument_accordion table td {
	 border: solid 1.5px #4874b5 !important;
	 padding: 4pt !important;
	 vertical-align: middle !important;
	 height: auto !important;
}
.argument_accordion table td p {
	 margin-left: 0 !important;
}
 


/*======================================
            PC CSS
========================================*/
@media all and (min-width:1024px){
	.nuri_area {width:100%;}
}

.txt-h3{text-align:left !important;margin-bottom:40px !important;}
.text-c{text-align:center;}
.md-20{margin-bottom:20px;}
.board-list-element .board-list.text-c tbody td:nth-child(2){text-align:center;font-weight:bold;}
.board-list-element .board-list.text-c tbody td:nth-child(3):before{content:"·";padding-right:5px;} 
.specialty-search-element .specialty-area{float:center;width:100%;}
.specialty-search-element .specialty-area .specialty-area-inner{position:relative;padding-left:90px;}
.specialty-search-element .specialty-area .specialty-area-inner select{position:absolute;left:0px;top:0px;z-index:1;border:1px solid #c8c8c8;height:45px;padding:5px 0px 5px 7px;min-width:80px;}
.specialty-search-element .specialty-area .specialty-area-inner .input-inner{position:relative;border:1px solid #c8c8c8;padding-right:50px;margin-left:0px;box-sizing:border-box;height:45px;background-color:#fff;width:50%;}
.specialty-search-element .specialty-area .specialty-area-inner .input-inner input{height:42px;padding:5px 10px;width:100%;box-sizing:border-box;}
.specialty-search-element .specialty-area .specialty-area-inner .input-inner button{display:block;width:46px;height:43px;position:absolute;right:0px;top:0px;z-index:1;background:url(../images/common/ico-search.png) no-repeat center center;}
@media all and (max-width:1270px){
	.specialty-search-element .specialty-area .specialty-area-inner .input-inner{width:100%;}
}