@charset "UTF-8";

*{font-family:'Noto Sans CJK KR','Noto Sans KR', '맑은고딕', '나눔고딕', 'New Gulim', sans-serif}
body{overflow-x:hidden;}

#wrapper .inner{position:relative;left:50%;width:1200px;margin-left:-600px}
#container{position:relative;width:100%;min-width:1200px;margin:0 auto}
#contents-wrap{-webkit-transition:all .3s ease;transition:all .3s ease}

/* 최상단 메뉴 */
#header-area{position:relative;top:0;width:100%;z-index:9996}
#header-area.flex{position:relative;height:100px}

#header-area.fixedTop{position:fixed;height:70px}
#header-area.fixedTop .header-inner{height:70px;opacity:0.95;filter:alpha(opacity=95)}
#header-area.fixedTop .conts-area .inner h1{float:left;padding-top:16px}
#header-area.fixedTop .conts-area .inner h1 img{width: 40%;max-width:90%}
#header-area.fixedTop .conts-area .inner ul.nav {float:left;margin:0 0 0 100px}
#header-area.fixedTop .conts-area .inner ul.nav li{float:left;margin-right:86px}
#header-area.fixedTop .conts-area .inner ul.nav li a{display:block;height:70px;line-height:70px;font-size:18px;text-align: center;}
#header-area.fixedTop .conts-area .inner ul.nav li a:hover, #header-area.fixedTop .conts-area .inner ul.nav li.active a{color:#0b9444;height:70px;line-height:70px;margin-bottom:0;border-bottom:none}
#header-area.fixedTop .conts-area .inner .searchGnb{margin:12px 0 0 60px}
#header-area.fixedTop .submenuWrap .inners{margin-top: 0;}
#header-area.fixedTop .submenuWrap ul li a{height: 44px !important;line-height: 44px !important;}
#header-area.fixedTop .submenuWrap ul li:last-child{margin-right: 42px !important;}

#header-area .header-inner{width:100%;height:100px;background-color:#FFF;border-bottom:1px solid #CCC}
#header-area .conts-area{position:relative;width:100%;height:100%;margin:0 auto;-webkit-box-shadow:0 0 6px 0 #DEDEDE;-o-box-shadow:0 0 6px 0 #DEDEDE;-moz-box-shadow:0 0 6px 0 #DEDEDE;-o-box-shadow:0 0 6px 0 #DEDEDE;box-shadow:0 0 6px 0 #DEDEDE}
#header-area .conts-area .inner{height:100px}
#header-area .conts-area .inner h1{float:left;padding-top:26px}
#header-area .conts-area .inner h1 img{width: 50%;max-width:100%;vertical-align:middle}
#header-area .conts-area .inner ul.nav{float:left;margin:26px 0 0 100px}
#header-area .conts-area .inner ul.nav li{float:left;margin-right:86px}
#header-area .conts-area .inner ul.nav li:last-child{margin-right:0}
#header-area .conts-area .inner ul.nav li a{display:block;height:46px;line-height:46px;font-weight:500;font-size:20px;color:#303030;text-align: center;}
#header-area .conts-area .inner ul.nav li a:hover, #header-area .conts-area .inner ul.nav li.active a{display:block;height:46px;line-height:46px;color:#0b9444;border-bottom:2px solid #0b9444}

.submenuWrap{width: 100%;}
.submenuWrap .inners{position:absolute;width: 100%;left:0;margin-top: 28px;}
.submenuWrap ul{position: absolute;right:20%;opacity:1;filter:alpha(opacity=100);z-index: 100;}
.submenuWrap ul li{margin-right:20px !important}
.submenuWrap ul li a{display:block;font-size: 15px !important;height:44px;line-height:44px;color:#999 !important;border-bottom: none !important}
.submenuWrap ul li a:hover{margin-bottom: 0;color: #000 !important;border-bottom: none !important;}
.submenuWrap .bg{position: absolute;left:50%;width:1920px;height:44px;margin-left: -960px;background:#FFF;opacity:0.95;filter:alpha(opacity=95);}

#header-area .conts-area .inner ul.nav li .submenuWrap{display: none;}
#header-area .conts-area .inner ul.nav li:hover > .submenuWrap{position: absolute;left:50%;display: block;width: 100%;margin-left: -50%;margin-top:0;width: 100%;height: 44px;line-height: 44px;transition:all .3s ease}

.searchGnb{position:relative;float:right;margin:26px 0 0 60px}
.searchGnb .inputGB{width:184px;height:46px;line-height:46px;padding:0 10px;border:1px solid #CCC;color:#000;font-size:16px}
.searchGnb .btnSearchTop{position:absolute;top:1px;right:1px;display:block;width:42px;height:44px;background:url('../images/common/icon-search-top.gif') 50% 50% no-repeat;border:none;cursor:pointer}

/* 버튼 정의 */
.btn.disabled,.btn:disabled{opacity:0.3}
.btn:active{background-color:#9e9e9e}
.btn.btn-default{background-color:#9e9e9e;border-color:#9e9e9e;color:#FFF}
.btn.btn-default:hover{background-color:#9e9e9e;border-color:#9e9e9e}
.btn.btn-default:active{background-color:#9e9e9e;border-color:#9e9e9e}

/* 컨텐츠 영역 분리 */
.conts-wrap{position:relative;padding-top:10px}
.conts-wrap:before{position:absolute;top:0;left:0;right:0;content:"";height:10px;background-color:#eaecf0}

/* Mobile Menu */
.cbp-spmenu{position:fixed}
.cbp-spmenu a{display:block;color:#6c6c6c;font-size:1.125em;font-weight:bold}
.cbp-spmenu a:hover{background:#00749f}
.cbp-spmenu a:active{background:#FFF;color:#6c6c6c}
.cbp-spmenu-vertical{width:100%;height:100%;top:0;z-index:1000}
.cbp-spmenu-vertical a{border-bottom:1px solid #DCDCDC;padding:0}
.cbp-spmenu-left{left:-580px}
.cbp-spmenu-right.cbp-spmenu-open{right:0px}
.cbp-spmenu-left.cbp-spmenu-open{left:0px}
.cbp-spmenu-push{display:none}

/* 메인 이미지 롤링 */
#mainVisual{overflow:hidden;height:650px;margin-top:0}
#mainVisual .mainSlider {width:100%;margin:0 auto}
#mainVisual .mainSlider .cont_center {overflow:hidden}
#mainVisual .mainSlider .cont_center .slider {max-height:650px}
#mainVisual .mainSlider .cont_center .slider img{width:100%;max-width:100%}
#mainVisual .mainSlider .cont_center .slider div{position:relative}
#mainVisual .mainSlider .cont_center .slider div p{position:absolute;top:200px;left:50%;width:600px;margin-left:-300px;color:#FFF;font-weight:800;font-size:58px;line-height:62px;text-align:center;letter-spacing:-0.1em;text-shadow:1px 1px 4px #303030}
#mainVisual .mainSlider .cont_center .slider div .btnGo{display:inline-block;margin-top:20px !important;padding:8px 28px;font-weight:600;font-size:20px;background:#0b9444;color:#FFF;text-align:center;border:none;letter-spacing:-0.08em;-webkit-border-radius:12px;pmoz-border-radius:12px;-o-border-radius:12px;-ms-border-radius:12px;border-radius:12px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
#mainVisual .mainSlider .cont_center .slider div .btnGo:hover{background:#048410;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}

.slider .slick-dots {position:absolute;bottom:180px;display:block;width:100%;text-align:center}
.slider .slick-dots li {display:inline-block;width:21px;height:21px;margin:0 6px}
.slider .slick-dots li button {display:block;width:21px;height:21px;font-size:0;line-height:0;background:url('../images/common/icon-slick-dot.png') 50% 50% no-repeat;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.slider .slick-dots li.slick-active button {display:block;width:21px;height:21px;background:url('../images/common/icon-slick-dot_ov.png') 50% 50% no-repeat;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.slick-slider button.slick-prev, .slick-slider button.slick-next{display:none !important}

/* 인기 검색어 */
.searchList{position:relative;margin:0 auto}
.searchList .inners{position:absolute;left:50%;bottom:34px;width:1200px;margin-left:-600px;z-index:200}
.searchList .bg{position:absolute;bottom:5px;width:100%;height:130px;background:#000;opacity:0.65;filter:alpha(opacity=65);z-index:100}

.searchWrap{position:relative;float:left;width:680px;margin-right:40px}
.searchWrap .searchMain{width:680px;height:70px;line-height:70px;padding-left:20px;font-weight:600;font-size:18px;letter-spacing:-0.06em;color:#000;border:5px solid #dedede;background:#FFF /*url('/resources/images/icon-main-search.png') 2% 50% no-repeat*/}
.btnSearchMain{position:absolute;top:5px;right:5px;display:block;width:51px;height:60px;background:url('../images/common/icon_search-main.gif') 50% 50% no-repeat;border:none;cursor:pointer}

.searchWord{position:absolute;top:-22px;right:0;float:right;width:480px}
.searchWord b{float:left;width:100%;font-weight:500;font-size:18px;letter-spacing:-0.06em;color:#FFF}
.searchWord .wordList{overflow:hidden;overflow-y:scroll;float:left;height:80px;margin-top:6px}

.wordList::-webkit-scrollbar{width:4px;background:transparent}
.wordList::-webkit-scrollbar-thumb{background:#0b9444}
.wordList::-webkit-scrollbar-button:start:decrement,.sidebar-menu::-webkit-scrollbar-button:end:increment {display:block;height:0;background-color:transparent}

.searchWord .wordList ul li{float:left;margin:0 10px 10px 0}
.searchWord .wordList ul li:last-child{margin-right:0}
.searchWord .wordList ul li a{display:block;padding:5px 15px 6px;font-size:14px;color:#bcffd8;background:#0b9444;-webkit-border-radius:16px;-moz-border-radius:16px;-o-border-radius:16px;-ms-border-radius:16px;border-radius:16px}
.searchWord .wordList ul li a:hover{color:#FFF}

/* 최근 게시물 */
.latestWrap{clear:both;display:inline-block;margin:40px 0}
.latestWrap .latest{float:left;width:700px}
.latestWrap .latest ul li{overflow:hidden;position:relative;float:left;width:340px;height:290px;margin:0 20px 10px 0;text-align:center}
.latestWrap .latest ul li:nth-child(2n){margin-right:0}
.latestWrap .latest ul li a{display:block;width:100%;height:290px;background:#dfdfdf}
.latestWrap .latest ul li .title{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:66px;line-height:66px;padding:0 16px;text-align:left;font-size:18px;color:#FFF;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;letter-spacing:-0.08em;z-index:200}
.latestWrap .latest ul li .title-bg{position:absolute;top:0;left:0;width:100%;height:66px;line-height:66px;background:#000;opacity:0.60;filter:alpha(opacity=60)}
.latestWrap .latest ul li .player{position:absolute;top:0;width:100%;height:100%;background:url('../images/common/icon-play.png') 50% 50% no-repeat;z-index:200}
.latestWrap .latest ul li .cell{vertical-align:middle}
.latestWrap .latest ul li .cell .inners{*position:absolute;*top:50%;*height:290px;*margin-top:-145px;height:290px;line-height:290px}
.latestWrap .latest ul li img{position:relative;top:-1px;width: 100% !important;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.latestWrap .latest ul li:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.latestWrap .latest ul li .cell .inners .no-image{display:block;width:340px;height:290px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat}
.latestWrap .latest ul li a .overlayWrap{display:none;position:absolute;top:0;left:0;z-index:300}
.latestWrap .latest ul li a:hover .overlayWrap{display:block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:300}
.latestWrap .latest ul li a:hover .title, .latestWrap .latest ul li a:hover .title-bg, .latestWrap .latest ul li a:hover .player{display:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.latestWrap .latest ul li a:hover img{-webkit-filter:blur(4px);filter:blur(4px)}

.latestWrap .latest ul li .overlayWrap .bg{position:absolute;top:0;left:0;width:340px;height:290px;background:#000;background:#000;opacity:0.70;filter:alpha(opacity=70);z-index:300}
.latestWrap .latest ul li .overlayWrap .item-contents{position:absolute;top:0;left:0;width:340px;padding:24px 17px;z-index:500}
.latestWrap .latest ul li .overlayWrap .item-contents h4{overflow:hidden;position:inherit;width:280px;line-height:100%;font-weight:600;font-size:20px;color:#fdff5c;letter-spacing:-0.08em;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.latestWrap .latest ul li .overlayWrap .item-contents p{overflow:hidden;width:306px;max-height:146px;margin-top:50px;font-size:15px;line-height:24px;color:#FFF;text-align:justify;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.latestWrap .latest ul li .overlayWrap .item-count{position:absolute;top:240px;left:0;width:340px;height:50px;line-height:50px;border-top:1px solid #adaead;z-index:500}
.latestWrap .latest ul li .overlayWrap .item-count ul{margin:17px 0 0 17px}
.latestWrap .latest ul li .overlayWrap .item-count ul li{width:auto;height:38px;line-height:100%;margin:0 10px 0 0}
.latestWrap .latest ul li .overlayWrap .item-count ul li:nth-child(2n){margin-right:10px}
.latestWrap .latest ul li .overlayWrap .item-count i{margin-right:5px}
.latestWrap .latest ul li .overlayWrap .item-count .icon-view{display:inline-block;width:18px;height:13px;margin-top:-2px;background:url('../images/common/icon-view.png') 50% 50% no-repeat;vertical-align: middle}
.latestWrap .latest ul li .overlayWrap .item-count .icon-mov{display:inline-block;width:18px;height:13px;background:url('../images/common/icon-mov.png') 50% 50% no-repeat}
.latestWrap .latest ul li .overlayWrap .item-count .icon-img{display:inline-block;width:18px;height:13px;background:url('../images/common/icon-img.png') 50% 50% no-repeat}
.latestWrap .latest ul li .overlayWrap .item-count .icon-doc{display:inline-block;width:13px;height:13px;background:url('../images/common/icon-doc.png') 50% 50% no-repeat}
.latestWrap .latest ul li .overlayWrap .item-count span{height:58px;line-height:100%;font-weight:500;font-size:14px;color:#FFF}

/* 지역별 지도 */
.latestWrap .regionMapWrap{float:right;width:480px;margin-left:20px}
.latestWrap .regionMapWrap h3{font-weight:600;font-size:24px;color:#000;letter-spacing:-0.08em}
.latestWrap .regionMapWrap .gbMaps{width:480px;height:540px;margin-top:14px;background:url('../images/bg_maps.png') 50% 50% repeat}
.latestWrap .regionMapWrap .gbMaps figure{position:relative;width: 98%;margin:0 auto;}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags{position:absolute;top:50%;width:50%;height:50%;left:50%;margin-top:0;margin-bottom:0;padding-left:0;list-style:none}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .tag-item{position:absolute;font-weight:500;font-size:16px;color:#000}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .tag-item a{padding:2px 10px 4px;margin-left:-14%}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .tag-item a:hover{padding:2px 10px 4px;margin-left:-14%;color:#FFF;background:#399fe7;text-align:center;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;}

.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .gyeongsansi{top:41% !important;left:8% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .gyeongjusi{top:42% !important;left:50% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .goryeonggun{top:54% !important;left:-44% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .gumisi{top:4% !important;left:-36% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .gunwigun{top:8% !important;left:-8% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .gimcheonsi{top:16% !important;left:-64% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .dokdo{top:90% !important;left:-70% !important;font-size:14px}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .mungyeongsi{top:-50% !important;left:-55% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .bonghwagun{top:-75% !important;left:14% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .sangjusi{top:-18% !important;left:-65% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .seongjugun{top:35% !important;left:-50% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .andongsi{top:-37% !important;left:3% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .yeongdeokgun{top:-24% !important;left:56% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .yeongyanggun{top:-50% !important;left:36% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .yeongjusi{top:-68% !important;left:-22% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .yeongcheonsi{top:22% !important;left:22% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .yecheongun{top:-46% !important;left:-30% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .ulleunggun{top:78% !important;left:-92% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .uljingun{top:-76% !important;left:51% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .uiseonggun{top:-13% !important;left:-10% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .pohangsi{top:8% !important;left:50% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .cheongdogun{top:60% !important;left:6% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .cheongsonggun{top:-14% !important;left:33% !important}
.latestWrap .regionMapWrap .gbMaps figure .gyeongbuk-tags .chilgokgun{top:24% !important;left:-28% !important}

.more.mobile a{display:none}

/* 서브페이지 > 서브 네비게이션 */
.sub-containter{position:relative;min-height:70.4vh;}
.sub-containter .inner{position:relative;margin:0 auto;width:1200px;left:50%;margin-left:-600px}
.sub-containter .inner .home {float:right;margin-top: 16px;font-size:14px}
.sub-containter .inner .home a{display:block;float:left;width:26px;height:20px;text-align:center;background:url('../images/common/icon-home.png') 50% 50% no-repeat}
.sub-containter .inner .home a:hover{display:block;background:url('../images/common/icon-home_ov.png') 50% 50% no-repeat}

.subpageWrap{display:inline-block;width:100%;min-height:77.1vh;margin:48px 0 120px}
.subpageWrap .subView{float:left;width:100%}

.contents h2.title{margin-top: 7px;margin-bottom: -2px;font-weight: 700;font-size: 28px;color: #000;letter-spacing: -0.08em;vertical-align: bottom;}

/* 소개 */
.gb-conts{margin-top: 20px;}

.imageWrap .imgBox img{width:100%;}
.imageWrap p{margin-bottom: 15px;color:#303030}
.imageWrap{float: left;margin-bottom: 80px;}
.imageWrap .imgBox{overflow: hidden;float: left;width: 100%;padding:14px;border:1px solid #DEDEDE;}
.imageWrap .conts{float: right;width:100%;margin-top:20px;}
.imageWrap ul{display: inline-block;width:100%;margin:10px 0 20px;padding:14px 20px;background:#F0f0F0;border-radius:8px;}
.imageWrap ul li{position: relative;margin:6px 0 6px 8px;font-size: 15px;color:#606060}
.imageWrap ul li:before{content:"·";position: absolute;left:-8px;}

/* 목록 */
.listWrap{clear:both;display:inline-block;width:100%;margin:40px 0 0}
.listWrap .imgList ul li{overflow:hidden;position:relative;float:left;width:390px;height:340px;margin:0 15px 20px 0;text-align:center}
.listWrap .imgList ul li:nth-child(3n){margin-right:0}
.listWrap .imgList ul li a{display:block;width:100%;height:340px;background:#606060}
.listWrap .imgList ul li .title{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:66px;line-height:66px;padding:0 16px;text-align:left;font-size:18px;color:#FFF;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;letter-spacing:-0.08em;z-index:200}
.listWrap .imgList ul li .title-bg{position:absolute;top:0;left:0;width:100%;height:66px;line-height:66px;background:#000;opacity:0.60;filter:alpha(opacity=60)}
.listWrap .imgList ul li .player{position:absolute;top:0;width:100%;height:100%;background:url('../images/common/icon-play.png') 50% 50% no-repeat;z-index:200}
.listWrap .imgList ul li .cell{vertical-align:middle}
.listWrap .imgList ul li .cell .inners{*position:absolute;*top:50%;*height:340px;*margin-top:-170px;height:340px;line-height:340px}
.listWrap .imgList ul li img{position:relative;top:0;width: 100% !important;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.listWrap .imgList ul li:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.listWrap .imgList ul li .cell .inners .no-image{display:block;width:390px;height:340px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat}
.listWrap .imgList ul li a .overlayWrap{display:none;position:absolute;top:0;left:0;z-index:300}
.listWrap .imgList ul li a:hover .overlayWrap{display:block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:300}
.listWrap .imgList ul li a:hover .title, .listWrap .imgList ul li a:hover .title-bg, .listWrap .imgList ul li a:hover .player{display:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.listWrap .imgList ul li a:hover img{-webkit-filter:blur(4px);filter:blur(4px)}
.listWrap .imgList ul.item-list p.no-data{width:100%;padding: 80px 0;background: #F0F0F0;color:#909090;text-align: center;-webkit-align-items:center;align-items:center;}

.listWrap .imgList ul li .overlayWrap .bg{position:absolute;top:0;left:0;width:390px;height:340px;background:#000;background:#000;opacity:0.70;filter:alpha(opacity=70);z-index:300}
.listWrap .imgList ul li .overlayWrap .item-contents{position:absolute;top:0;left:0;width:390px;padding:24px 17px;z-index:500}
.listWrap .imgList ul li .overlayWrap .item-contents h4{overflow:hidden;position:inherit;width:330px;line-height:100%;font-weight:600;font-size:20px;color:#fdff5c;letter-spacing:-0.08em;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.listWrap .imgList ul li .overlayWrap .item-contents p{overflow:hidden;width:356px;max-height:186px;margin-top:50px;font-size:15px;line-height:24px;color:#FFF;text-align:justify;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.listWrap .imgList ul li .overlayWrap .item-count{position:absolute;top:290px;left:0;width:390px;height:50px;line-height:50px;border-top:1px solid #adaead;z-index:500}
.listWrap .imgList ul li .overlayWrap .item-count ul{margin:17px 0 0 20px}
.listWrap .imgList ul li .overlayWrap .item-count ul li{width:auto;height:38px;line-height:100%;margin:0 10px 0 0}
.listWrap .imgList ul li .overlayWrap .item-count ul li:nth-child(2n){margin-right:10px}
.listWrap .imgList ul li .overlayWrap .item-count i{margin-right:5px}
.listWrap .imgList ul li .overlayWrap .item-count .icon-view{display:inline-block;width:18px;height:13px;margin-top:-2px;background:url('../images/common/icon-view.png') 50% 50% no-repeat;vertical-align: middle}
.listWrap .imgList ul li .overlayWrap .item-count .icon-mov{display:inline-block;width:18px;height:13px;background:url('../images/common/icon-mov.png') 50% 50% no-repeat}
.listWrap .imgList ul li .overlayWrap .item-count .icon-img{display:inline-block;width:18px;height:13px;background:url('../images/common/icon-img.png') 50% 50% no-repeat}
.listWrap .imgList ul li .overlayWrap .item-count .icon-doc{display:inline-block;width:13px;height:13px;background:url('../images/common/icon-doc.png') 50% 50% no-repeat}
.listWrap .imgList ul li .overlayWrap .item-count span{height:58px;line-height:100%;font-weight:500;font-size:14px;color:#FFF}

/* 사진필름류 - 목록 */
.filterWrap{display:table;clear:both;position:relative;float:left;width:100%;height:100%;min-height:80px;margin-top:16px;border:1px solid #CCC}
.filterWrap b{width:10%;height: 100%;text-align:center;border-right:1px solid #CCC;display:table-cell;vertical-align:middle;-webkit-align-items:center;align-items:center;}
.filterWrap ul{float:right;width: 100%;padding:20px}
.filterWrap ul li{float:left;margin:0 1% 0.5% 0}
.filterWrap ul li:last-child{margin-right:0;margin-bottom:0;}

.filter{display:block;height:31px;padding-right:0;border:1px solid #CCC}
.filter strong{float:left;display:block;width:auto;height:31px;line-height:28px;padding:0 5px;border-top:1px solid #5c5c5c;border-left:1px solid #5c5c5c;border-bottom:1px solid #5c5c5c;border-right:none;margin:-1px 0 1px -1px;font-weight:500;font-size:13px;text-align:center;color:#FFF;background:#5c5c5c}
.filter p{float:left;line-height:29px;margin:0 5px 0 10px;font-size:14px;color:#303030}
.filter .closeFilter{display:inline-block;width:22px;height:100%;background:url('../images/common/btn_close-filter.png') 50% 50% no-repeat}
.filterAdd{display:inline-block;width:16px;height:18px;margin-top:-3px;background:url('../images/common/btn_filter-add.png') 50% 50% no-repeat;vertical-align:middle}

.listControl{float:left;width:100%;margin-top:14px;padding-bottom:14px;border-bottom:1px solid #dedede}
.search{float:left}
.sortWrap{float:right}
.sortWrap .float_lt{height:40px;line-height:40px}
.sortWrap label{margin-right:8px;color:#303030;font-size:15px}
.sortWrap .total{margin-left:6px;font-size:15px;color:#303030}

.btn_prev-arrow{display:inline-block;width:26px;height:46px;background:url('../images/common/btn_prev-arrow.png') 50% 50%;opacity:1;filter:alpha(opacity=100);vertical-align:middle}
.btn_prev-arrow:hover{display:inline-block;background:url('../images/common/btn_prev-arrow.png') 50% 50%;opacity:0.70;filter:alpha(opacity=70);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.btn_next-arrow{display:inline-block;width:26px;height:46px;background:url('../images/common/btn_next-arrow.png') 50% 50%;opacity:1;filter:alpha(opacity=100);vertical-align:middle}
.btn_next-arrow:hover{display:inline-block;background:url('../images/common/btn_next-arrow.png') 50% 50%;opacity:0.70;filter:alpha(opacity=70);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.contInfo footer{display:inline-block;margin-top:20px}
.contInfo footer img{float:left;margin-right:14px}
.contInfo footer p{float:left;font-size:13px;color:#606060}

/* 통합검색 */
.searchTotal{float:left;width:100%;padding:30px 0;margin:0 auto 40px;border:1px solid #CCC;text-align:center}
.searchTotal input[type="text"]{width:40%}

.searchTab ul li{float:left;margin:6px 2px 0 0}
.searchTab ul li a{display:block;padding:4px 15px;font-weight:500;font-size:14px;text-align:center;border:3px solid #0b9444;-webkit-border-radius:24px;-moz-border-radius:24px;-o-border-radius:24px;-ms-border-radius:24px;border-radius:24px;}
.searchTab ul li.active a,.searchTab ul li a:hover{background:#0b9444;color:#FFF}

/* 검색결과값 */
.listControl .search h3{padding-top:18px;font-weight:bold;font-size:20px;color:#000;letter-spacing:-0.08em}
.listControl .search h3 span{font-weight:normal;font-size:15px;color:#606060;letter-spacing:-0.04em}

/* 상세검색 */
.tabs{display:inline-block;width:100%;margin-bottom:20px;border-bottom:1px solid #CCC}
.tabs ul li{float:left;width:180px}
.tabs ul li a{display:block;height:56px;border-bottom:1px soild #CCC;line-height:56px;font-weight:500;font-size:17px;background:#f0f0f0;color:#8f8f8f;text-align:center;letter-spacing:-0.08em}
.tabs ul li a.current{border:1px solid #CCC;border-bottom:1px solid #FFF;background:#FFF;color:#0b9444}

.searchView{float:left;width:100%;padding:5px 30px 5px 0;margin-bottom:10px;border:1px solid #CCC}
.searchView ul{float:left;width:100%}
.searchView ul li{float:left;width:100%;margin:5px 0}
.searchView ul li ul{width:auto}
.searchView ul li ul li{width:auto;margin-right:20px}
.searchView ul li ul li label{font-size:15px;color:#606060}
.searchView ul li strong{float:left;width:20%;height:46px;line-height:46px;padding-left:45px;font-weight:500;color:#303030}
.searchView ul li input.inputGB{width:70%}
.searchView ul li input.inputNum{width:10%}
.searchView ul li span{margin:0 10px}

.btnSearch{background:#303030;color:#FFF !important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.btnSearch:hover{background:#000;border:1px solid #000 !important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

.searchResult{margin-top:30px}
.searchResult h3{padding-bottom:8px;font-weight:bold;font-size:20px;color:#000;border-bottom:2px solid #CCC;letter-spacing:-0.08em}
.searchResult h3 span{font-weight:normal;font-size:18px;color:#606060;letter-spacing:-0.04em}
.searchResult ul li:first-child{margin-top:10px}
.searchResult ul li{float:left;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #CCC}
.searchResult .more a{clear:both;display:inline-block;width:100%;height:42px;line-height:42px;margin-top:10px;font-weight:500;font-size:15px;color:#303030;background:#f0f0f0;text-align:center;border:1px solid #dfdfdf}
.searchResult .more a:hover{border:1px solid #CCC;color:#000;background:#E5E5E5}
.searchResult .no-data{clear:both;padding:50px 0;text-align:center;font-size:15px;color:#666;background:#F5F5F5}

.thumbNail{float:left;width:130px;margin-right:20px;background:#dfdfdf;text-align:center}
.thumbNail.record{float:left;width:130px;margin-right:20px;background:#000;text-align:center}
.thumbNail .cell{vertical-align:middle}
.thumbNail .cell .inners a{position:relative;display:block;width:100%;height:93px}
.thumbNail .cell .inners a .player{position:absolute;top:0;width:100%;height:100%;background:url('../images/common/icon-search-play.png') 50% 50% no-repeat;z-index:200}
.thumbNail .cell .inners {*position:absolute;*top:50%;*height:93px;*margin-top:-46px;height:93px;line-height:93px}
.thumbNail .cell .inners img{position:relative;top:0;width: 100% !important;height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.thumbNail .cell .inners:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.thumbNail .cell .inners .no-image{display:block;width:100%;height:93px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat;text-align:center;background-size:50px}

.substance{overflow:hidden;float:left;width:87%}
.substance strong.title{overflow:hidden;display:block;width:100%;margin:5px 0;font-weight:500;font-size:17px;color:#606060;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.substance p{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:24px;font-size:15px;color:#909090}
.substance a:hover strong.title{color:#000}
.substance a:hover p{color:#606060}

.typeBox{clear:both;float:left;width:100%;margin-top:40px}

/* 상세페이지 */
.detailHeader{float:left;width:100%;margin-bottom:20px}
.detailHeader b{overflow:hidden;display:inline-block;width:100%;margin-top:10px;font-weight:bold;font-size:28px;line-height:36px;color:#000;letter-spacing:-0.08em;text-overflow:ellipsis;text-align:justify;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.detailHeader .btnBox{float:right;margin-bottom:6px}

.detailLeft{float:left;width:780px;margin-right:20px}
.detailRight{float:right;width:400px}

.selectWrap{position:relative;margin:0 0 20px}
.selectWrap .selectTab{display:inline-block;width:100%;border-bottom:2px solid #CCC}
.selectWrap .selectTab ul{margin-left:0}
.selectWrap .selectTab ul li{float:left;margin-bottom:-2px}
.selectWrap .selectTab ul li a span{font-weight:normal;font-size:16px}
.selectWrap .selectTab ul li a{display:block;width:182px;height:54px;line-height:50px;margin-left: -2px;margin-right: 4px;font-weight:500;font-size:18px;color:#606060;background:#f0f0f0;border-top:2px solid #f0f0f0;border-left:2px solid #F0F0F0;border-right:2px solid #CCC;text-align:center}
.selectWrap .selectTab ul li a:hover{display:block;width:182px;height:54px;line-height:50px;margin-right: 4px;text-indent:0;border-top:2px solid #CCC;margin-left:-2px;border-left:2px solid #CCC;border-right:2px solid #CCC;color:#0b9444;background:#FFF}
.selectWrap .selectTab ul li.current a{display:block;width:182px;height:54px;line-height:50px;margin-right: 4px;text-indent:0;border-top:2px solid #CCC;margin-left:-2px;border-left:2px solid #CCC;border-right:2px solid #CCC;color:#0b9444;background:#FFF}
.selectWrap .selectTab ul li.current a:hover{display:block;width:182px;height:54px;line-height:50px;margin-right: 4px;text-indent:0;border-top:2px solid #CCC;margin-left:-2px;border-left:2px solid #CCC;border-right:2px solid #CCC;color:#0b9444;background:#FFF}
.selectWrap .selectTab ul li:nth-child(2) a{width: 182px;margin-left:-4px;border-right:2px solid #CCC}
.selectWrap .selectTab ul li:nth-child(2) a:hover{width:184px;margin-left: -6px;margin-right:4px;text-indent:2px;border-right:2px solid #CCC}
.selectWrap .selectTab ul li.current:nth-child(2) a{width: 182px;margin-left:-6px;margin-right: 4px;border-right:2px solid #CCC !important}
.selectWrap .selectTab ul li.current:nth-child(2) a:hover{width:182px;margin-left: -6px;margin-right:4px;text-indent:0}
.selectWrap .selectTab ul li:last-child a{width: 182px;margin-left: -4px;border-right:2px solid #F0F0F0}
.selectWrap .selectTab ul li:last-child a:hover{width:182px;margin-left: -6px;text-indent:4px;border-right:2px solid #CCC}
.selectWrap .selectTab ul li.current:last-child a{width: 182px;margin-left:0;border-right:2px solid #CCC !important}
.selectWrap .selectTab ul li.current:last-child a:hover{width:182px;margin-left:0;text-indent:0}

.rollingImg{overflow:hidden;position:relative;width:780px}
.rollingImg .thumbNail{overflow:hidden;float:left;width:780px;padding:4px;margin-right:20px;background:#dfdfdf;text-align:center}
.rollingImg .thumbNail .cell{text-align:center;vertical-align:middle}
.rollingImg .thumbNail .cell .inners a{overflow:hidden;position:relative;display:block;width:100%;height:480px;display:flex;align-item:center;justify-content:center}
.rollingImg .thumbNail .cell .inners {*position:absolute;*top:50%;*height:480px;*margin-top:-240px;height:480px;line-height:480px}
.rollingImg .thumbNail .cell .inners img{position:relative;top:4px;width: 100%;max-width:100%;max-height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.rollingImg .thumbNail .cell .inners:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.rollingImg .thumbNail .cell .inners .no-image{display:block;width:100%;height:480px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat}

.rollingImg .thumbNail .slide-arrow{display:none;position:absolute;top:42%;width:98%;z-index:300}
.rollingImg .thumbNail:hover .slide-arrow{display:block}
.rollingImg .thumbNail a.slide-prev{float:left;display:block;width:80px;height:39px;background:url('../images/common/icon-prev-detail.png') 100% 50% no-repeat;opacity:1.0;filter:alpha(opacity=100)}
.rollingImg .thumbNail a.slide-next{float:right;display:block;width:80px;height:39px;background:url('../images/common/icon-next-detail.png') 10% 50% no-repeat;opacity:1.0;filter:alpha(opacity=100)}
.rollingImg .thumbNail a.slide-prev:hover, .rollingImg .thumbNail a.slide-next:hover{opacity:0.70;filter:alpha(opacity=70)}

.recordPlay{overflow:hidden;position:relative;width:780px}
.recordPlay .thumbNail{overflow:hidden;float:left;width:780px;padding:0;margin-right:20px;background:#000;text-align:center}
.recordPlay .thumbNail .cell .inners{*height:488px;*margin-top:-244px;height:488px;line-height:488px}
.recordPlay .thumbNail .cell .inners a{height:auto}
.recordPlay .thumbNail .cell .inners a .player{position:absolute;top:0;width:100%;height:100%;background:url('../images/common/icon-play.png') 50% 50% no-repeat;z-index:200}
.recordPlay .thumbNail .cell .inners img{position:relative;top:-3px;width: 100%;max-width:100%;max-height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.recordPlay .thumbNail .cell .inners:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.recordPlay .thumbNail .cell .inners .no-image{display:block;width:100%;height:488px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat}

.docViewer{overflow:hidden;position:relative;width:780px}
.docViewer .thumbNail{overflow:hidden;float:left;width:780px;padding:0;margin-right:20px;background:#F0F0F0;text-align:center}
.docViewer .thumbNail .cell .inners{*height:488px;*margin-top:-244px;height:488px;line-height:488px}
.docViewer .thumbNail .cell .inners a{height:auto}
.docViewer .thumbNail .cell .inners img{position:relative;top:-3px;width: 100%;max-width:100%;max-height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.docViewer .thumbNail .cell .inners:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.docViewer .thumbNail .cell .inners .no-image{display:block;width:100%;height:488px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat}

.buttonArea{position:relative;margin-top:20px;text-align:center}
.btnZoom{position:absolute;left:50%;display:inline-block;width:130px;height:42px;line-height:42px;margin-left:-65px;text-indent:20px;font-weight:bold;font-size:15px;color:#303030;border:1px solid #b0b0b0;letter-spacing:-0.06em;background:url('../images/common/icon-zoom.png') 24% 54% no-repeat}
.btnZoom:hover{border:1px solid #0b9444;color:#0b9444;background:url('../images/common/icon-zoom_ov.png') 24% 54% no-repeat}
.btnDown{display:block;width:42px;height:42px;line-height:42px;margin-right:20px;border:1px solid #b0b0b0;background:url('../images/common/icon-down.png') 50% 50% no-repeat}
.btnDown:hover{border:1px solid #0b9444;color:#0b9444;background:url('../images/common/icon-down_ov.png') 50% 50% no-repeat}

.contInfo{float:left;width:100%;margin:40px 10px 0 0}
.contInfo header{position:relative;float:left;width:100%;padding-bottom:10px;margin-bottom:30px;border-bottom:2px solid #CCC}
.contInfo header strong.title{font-weight:bold;font-size:20px;color:#000;letter-spacing:-0.06em}
.contInfo header a.collapse{position:absolute;top:16px;right:0;display:block;width:10px;height:6px;background:url('../images/common/icon-collapse.png') 50% 50% no-repeat}
.contInfo header a.collapse:hover, .hovered{background:url('../images/common/icon-collapse_ov.png') 50% 50% no-repeat !important;}
.contInfo .cont{float:left}
.contInfo .cont p{line-height:28px;font-size:15px;color:#606060;text-align:justify}

.contInfo .metaInfo{float:left;width:100%;margin-top:-10px;padding:20px 30px;background:#f0f0f0}
.contInfo .metaInfo dl{float:left;width:50%}
.contInfo .metaInfo dt{float:left;width:36%;margin:8px 0;font-weight:bold;font-size:15px;color:#000}
.contInfo .metaInfo dd{float:left;width:64%;margin:8px 0;font-size:15px;color:#606060}

.contInfo .addFile a{padding-left:12px;font-size:15px;color:#0051a4;background:url('../images/common/icon-clip.png') 0 50% no-repeat}
.contInfo .addFile a:hover{text-decoration:underline}

/* 목록 */
/*.relList{height:308px !important;}*/
.detailList{overflow:hidden;width:100%;height:488px;margin-top:0;padding:0 16px;border:1px solid #d3d3d3}
.detailList strong.title{display:block;padding:16px 0 0;font-weight:bold;font-size:18px;color:#000;letter-spacing:-0.08em}
.detailList strong.title span{font-weight:normal;font-size:15px;color:#606060;letter-spacing:-0.04em}
.detailList .contBox{max-height:420px;margin-top:6px;overflow-y: auto}
.detailList .contBox ul li{float:left;margin:0 5px 20px 0}
.detailList .contBox ul li:nth-child(3n){margin-right:0}
.detailList .contBox .thumbNail{float:left;width:113px;margin-right:0;background:#CCC;text-align:center}
.detailList .contBox .thumbNail.record{float:left;width:113px;margin-right:0;background:#000;text-align:center}
.detailList .contBox .thumbNail .cell{vertical-align:middle}
.detailList .contBox .thumbNail .cell .inners a{overflow:hidden;position:relative;display:block;width:100%;height:74px;border:5px solid transparent}
.detailList .contBox .thumbNail .cell .inners a .player{position:absolute;top:0;width:100%;height:100%;background:url('../images/common/icon-search-play.png') 50% 50% no-repeat;z-index:200}
.detailList .contBox .thumbNail .cell .inners a.selected, .detailList .contBox .thumbNail .cell .inners a:hover{border:5px solid #0b9444;transition:none}
.detailList .contBox .thumbNail .cell .inners {*position:absolute;*top:50%;*height:74px;*margin-top:-37px;height:74px;line-height:64px}
.detailList .contBox .thumbNail .cell .inners img{display:inline-block;top:0;width: 100%;height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.detailList .contBox .thumbNail .cell .inners:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.detailList .contBox .thumbNail .cell .inners .no-image{display:block;width:100%;height:74px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat;background-size:35px}

.detailList.record {margin-top:40px;height:100%;min-height:120px}
.detailList.record .contBox{overflow:hidden;max-height:150px;margin:6px 0 0}
.detailList.record .contBox ul li{float:left;margin:0 10px 15px 0}
.detailList.record .contBox .thumbNail{float:left;width:172px;margin-right:0;background:#000;text-align:center}
.detailList.record .contBox .thumbNail.record{float:left;width:172px;margin-right:0;background:#000;text-align:center}
.detailList.record .contBox .thumbNail .cell{vertical-align:middle}
.detailList.record .contBox .thumbNail .cell .inners a{overflow:hidden;position:relative;display:block;width:100%;height:136px}
.detailList.record .contBox .thumbNail .cell .inners a .player{position:absolute;top:0;width:100%;height:100%;background:url('../images/common/icon-list-play.png') 50% 50% no-repeat;z-index:200}
.detailList.record .contBox .thumbNail .cell .inners a.selected, .detailList.record .contBox .thumbNail .cell .inners a:focus{border:5px solid #0b9444;transition:none}
.detailList.record .contBox .thumbNail .cell .inners {*position:absolute;*top:50%;*height:136px;*margin-top:-68px;height:136px;line-height:126px}
.detailList.record .contBox .thumbNail .cell .inners img{display:inline-block;top:0;width: 100%;height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.detailList.record .contBox .thumbNail .cell .inners:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.detailList.record .contBox .thumbNail .cell .inners .no-image{display:block;width:100%;height:136px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat;background-size:50px}

.detailList.doc {margin-top:40px;height:100%}
.detailList.doc .contBox{max-height:96px;margin:6px 0 0}
.detailList.doc .contBox ul li{float:left;margin:0 7px 10px 0}
.detailList.doc .contBox .thumbNail{float:left;width:114px;margin-right:0;background:#CCC;text-align:center}
.detailList.doc .contBox .thumbNail.record{float:left;width:114px;margin-right:0;background:#000;text-align:center}
.detailList.doc .contBox .thumbNail .cell{vertical-align:middle}
.detailList.doc .contBox .thumbNail .cell .inners a{overflow:hidden;position:relative;display:block;width:100%;height:86px;border:5px solid transparent}
.detailList.doc .contBox .thumbNail .cell .inners a .player{position:absolute;top:0;width:100%;height:100%;background:url('../images/common/icon-search-play.png') 50% 50% no-repeat;z-index:200}
.detailList.doc .contBox .thumbNail .cell .inners a.selected, .detailList .contBox .thumbNail .cell .inners a:hover{border:5px solid #0b9444;transition:none}
.detailList.doc .contBox .thumbNail .cell .inners {*position:absolute;*top:50%;*height:86px;*margin-top:-43px;height:86px;line-height:64px}
.detailList.doc .contBox .thumbNail .cell .inners img{display:inline-block;top:0;width: 50%;height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.detailList.doc .contBox .thumbNail .cell .inners:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.detailList.doc .contBox .thumbNail .cell .inners .no-image{display:block;width:100%;height:86px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat;background-size:35px}

/* 관련 목록 */
/*.relList{height: 100% !important;}*/
.relationList{float:left;width:382px;margin-top:0;margin-left:18px}
.relationList.photo{margin-top:-40px}
.relationList strong.title{float:left;width:100%;padding-bottom:10px;margin-bottom:30px;font-weight:bold;font-size:20px;color:#000;border-bottom:2px solid #CCC;letter-spacing:-0.06em}
.relationList ul li{overflow:hidden;position:relative;float:left;width:184px;height:144px;margin:0 13px 10px 0}
.relationList ul li:nth-child(2n){margin-right:0}
.relationList ul li a{display:block;width:100%;height:143px;background:#dfdfdf;text-align:center}
.relationList ul li .title{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:40px;line-height:40px;padding:0 10px;font-size:14px;color:#FFF;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-0.08em;z-index:200}
.relationList ul li .bg{position:absolute;top:0;left:0;width:100%;height:40px;background:#000;opacity:0.65;filter:alpha(opacity=65);z-index:100}
.relationList ul li .player{position:absolute;top:0;width:100%;height:100%;background:url('../images/common/icon-list-play.png') 50% 50% no-repeat;z-index:200}
.relationList ul li .cell{vertical-align:middle}
.relationList ul li .cell .inners{*position:absolute;*top:50%;*height:144px;*margin-top:-72px;height:144px;line-height:144px}
.relationList ul li img{position:relative;top:0;width: 100%;height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.relationList ul li:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.relationList ul li .cell .inners .no-image{display:block;width:184px;height:144px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat;background-size:50px}
.relationList .more a{clear:both;display:inline-block;width:100%;height:42px;line-height:42px;font-weight:500;font-size:15px;color:#303030;background:#FFF;text-align:center;border:1px solid #dfdfdf}
.relationList .more a:hover{border:1px solid #CCC;color:#000;background:#f0f0f0}

.relationList.record ul li a{background:#000}
.relationList.record ul li img{top:-3px}
.relationList.record ul li .no-image{display:block;width:184px;height:144px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat;background-size:50px}

.relationList.books ul li{width:382px;height:auto;margin:0 0 20px}
.relationList.books .thumbNail{float:left;width:100px;margin-right:20px;background:#dfdfdf;text-align:center}
.relationList.books .thumbNail .cell{vertical-align:middle}
.relationList.books .thumbNail .cell .inners a{position:relative;display:block;width:100%;height:86px}
.relationList.books .thumbNail .cell .inners a .player{position:absolute;top:0;width:100%;height:100%;background:url('../images/common/icon-search-play.png') 50% 50% no-repeat;z-index:200}
.relationList.books .thumbNail .cell .inners {*position:absolute;*top:50%;*height:86px;*margin-top:-43px;height:86px;line-height:86px}
.relationList.books .thumbNail .cell .inners img{position:relative;top:0;width: 60%;height:100%;object-fit:cover;object-position:middle;vertical-align:middle;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0.90;filter:alpha(opacity=90)}
.relationList.books .thumbNail .cell .inners:hover img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:1.0;filter:alpha(opacity=100)}
.relationList.books .thumbNail .cell .inners .no-image{display:block;width:100%;height:86px;background:#F5F5F5 url('../images/common/bg_no-image.png') 50% 50% no-repeat;text-align:center;background-size:50px}
.relationList.books .bookInfo{float:left;width:68%}
.relationList.books .bookInfo ul li{overflow: hidden;float:left;width:100%;height:auto;margin:1.5px 0;font-size:14px;color:#606060;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
/*.relationList.books .relList{height:220px !important;}*/

.relationList .txt-message{display:table;width:100%;}
.relationList .no-data{display:table-cell;padding: 80px 0;background: #F0F0F0;color:#909090;text-align: center;-webkit-align-items:center;align-items:center;}
.relationList.record.mobile, .relationList.books.mobile{display: none;}

/* 버튼, input, select, textarea 설정 */
.buttonAlign{clear:both;display:inline-block;width:100%;margin-top:20px;text-align:center;}
.buttonAlign.modal{clear:both;display:inline-block;width:100%;margin-top:10px;padding-top:0;border-top:none;text-align:center}
.buttonAlign.btnBox{position:absolute;bottom:10px;right:0;float:right;width:auto;margin-top:0;padding-top:0;border-top:none;text-align:right}
.buttonAlign button{margin:0 5px;padding:16px 28px;font-weight:bold;color:#606060;border:1px solid #CCC}
.buttonAlign button:hover, .buttonAlign .btnClose.close-modalPopup:hover, .buttonAlign .btnSelect:hover{border:1px solid #0b9444;color:#0b9444}
.buttonAlign.bdt{padding-top:30px;border-top:1px solid #CCC}

.buttonAlign .btnPrev{margin:0 5px;padding:16px 24px 16px 38px;font-weight:bold;color:#606060;border:1px solid #CCC;background:url('../images/common/icon-prev.png') 20% 50% no-repeat;letter-spacing:-0.06em}
.buttonAlign .btnPrev:hover{border:1px solid #0b9444;color:#0b9444;background:url('../images/common/icon-prev-ov.png') 20% 50% no-repeat}
.buttonAlign .btnNext{margin:0 5px;padding:16px 38px 16px 24px;font-weight:bold;color:#606060;border:1px solid #CCC;background:url('../images/common/icon-next.png') 80% 50% no-repeat;letter-spacing:-0.06em}
.buttonAlign .btnNext:hover{border:1px solid #0b9444;color:#0b9444;background:url('../images/common/icon-next-ov.png') 80% 50% no-repeat}

.buttonAlign .btnPrint{width:92px;height:44px;line-height:44px;padding:0;margin-right:12px;text-indent:20px;font-weight:bold;font-size:15px;color:#606060;border:1px solid #CCC;background:url('../images/common/icon-print.png') 20% 54% no-repeat;letter-spacing:-0.06em}
.buttonAlign .btnPrint:hover{border:1px solid #ABABAB;color:#000;background:url('../images/common/icon-print_ov.png') 20% 54% no-repeat}
.buttonAlign .btnList{width:82px;height:44px;line-height:44px;padding:0;margin:0;text-indent:22px;font-weight:bold;font-size:15px;color:#606060;border:1px solid #CCC;background:url('../images/common/icon-list.png') 28% 50% no-repeat;letter-spacing:-0.06em}
.buttonAlign .btnList:hover{border:1px solid #ABABAB;color:#000;background:url('../images/common/icon-list_ov.png') 28% 50% no-repeat}

.buttonAlign .btnClose{width:72px;height:44px;line-height:44px;padding:0;margin-bottom: 5px;font-weight:bold;font-size:15px;color:#606060;border:1px solid #CCC;letter-spacing:-0.06em;vertical-align:middle}
.buttonAlign .btnClose:hover{border:1px solid #0b9444;color:#0b9444}

.buttonAlign .btnClose.close-modalPopup{position:relative;top:-2px;right:0;width:auto;height:auto;height:42px;line-height:40px;font-size:100%;margin:0 5px;padding:0 24px;font-weight:bold;color:#606060;border:1px solid #CCC;vertical-align:middle}
.buttonAlign .btnSelect{height:42px;line-height:40px;margin:0 5px;padding:0 24px;font-weight:bold;color:#303030;border:1px solid #CCC}

.buttonArea .sns ul {margin-right:10px}
.buttonArea .sns ul li{float:left;margin-left:15px}

/* 메인 > 레이어 팝업 */
.layerPopup .inner {margin:20px 20px 6px}
.layerPopup .inner .contents {position:relative;text-align:left}
.layerPopup .inner .contents .closePopup{position:absolute;top:-21px;right:-63px}
.layerPopup .inner .contents .closePopup button{padding:6px 12px 4px 2px;background:#00749f;cursor:pointer;color:#00749f}
.layerPopup .inner .contents .closePopup button:after{content:"X";color:#FFF;font-size:26px;font-family:"Gill Sans", "Gill Sans MT", sans-serif}
.layerPopup .inner .contents .closePopup button:hover{background:#006083;color:#006083}
.layerPopup .inner .contents .upload {overflow:hidden}
.layerPopup .inner .contents .upload a:link, .layerPopup .inner .contents .upload a:visited{transition:none}
.layerPopup .inner .contents .files{overflow:auto;padding:3px 10px;max-height:82px;background:#f5f9ff}
.layerPopup .inner .contents .files a{display:block;margin:4px 0;font-size:14px;color:#00749f;text-align:left;transition:none}
.layerPopup .inner .contents .files a:hover{color:#006083;text-decoration:underline;transition:none}
.layerPopup .inner .contents .files img{margin:-3px 0 0 5px;vertical-align:middle}
.layerPopup .inner .contents .files span{font-weight:bold;font-size:14px}

.layerPopup .closeChk {width:100%;margin:10px 0;padding-top:10px;border-top:1px solid #DDD;text-align:right}
.layerPopup .closeChk label{font-size:14px;color:#707070;cursor:pointer}
.layerPopup .closeChk label input{width:14px;height:14px;margin-left:8px;margin-top:-3px;vertical-align:middle}

/* 메인 > 레이어 모달 팝업 */
.modalPopup {visibility:hidden;position:absolute;top:15%;left:50%;;width:700px;margin-left:-350px;font-size:15px;color:#303030;background:#FFF;border:1px soild #CCC;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);z-index:9997}
.modalPopup h4{height:56px;line-height:56px;padding:0 20px;border-bottom:2px solid #CCC;font-weight:500;font-size:20px;letter-spacing:-0.1em;transform:skew(0.04deg)}
.modalPopup .descWrap{overflow-x:hidden;overflow-y:auto !important;max-height:640px;padding:10px 30px 10px 20px}
.modalPopup .filterInner{overflow-y:auto;max-height:486px;padding:20px;background:#F9F9F9}
.modalPopup .filterInner .ui{float:left;width:100%;margin-bottom:20px;border:1px solid #CCC;background:#FFF}
.modalPopup .filterInner .ui:first-child{margin-bottom:10px}
.modalPopup .filterInner .ui h5{padding:12px 18px;margin-top:0 !important;font-weight:500;font-size:15px;color:#303030;border-bottom:1px solid #CCC}
.modalPopup .filterInner .ui ul{float:left;width:100%;padding:10px 18px}
.modalPopup .filterInner .ui ul li{float:left;margin:0.5% 2.5% 0.5% 0}
.modalPopup .filterInner .ui ul li input[type="checkbox"]{width:19px;height:19px;margin-right:3px;vertical-align:middle}
.modalPopup .filterInner .ui ul li label{font-size:15px}
.modalPopup .filterInner .ui a{transition:none}
.modalPopup .close-modalPopup {position:absolute;top:18px;right:20px;width:22px;height:24px;line-height:18px;color:#303030;font-weight:500;font-size:30px;text-align:center;cursor:pointer;transition:none}
.modalPopup-bg {display:none;top:0;left:0;position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:9996}

.modalPopup h4.title{margin:0 0 20px;padding-left:20px;font-weight:500;font-size:24px;letter-spacing:-0.1em;transform:skew(0.04deg)}
.modalPopup h5{float:left;width:100%;margin:10px 0 0 !important;font-weight:500;font-size:16px;transform:skew(0.04deg)}
.modalPopup h6{float:left;width:100%;margin:15px 0 10px !important;;font-weight:500;font-size:15px;transform:skew(0.04deg)}
.modalPopup ul li{float:left;width:100% !important;padding:3px 0;line-height:22px;font-size:14px;color:#606060}
.modalPopup ul li ul{margin:5px 0 10px}
.modalPopup ul li ul li{float:left;width:98%;padding:3px 0;margin-left:18px;font-size:14px;line-height:20px;color:#606060}
.modalPopup p{margin:8px 0;line-height:22px;color:#606060;font-size: 14px}
.modalPopup .infoBox{display:inline-block;width:100%;margin-top:10px;padding:10px 20px;background:#F0F0F0}
.modalPopup .infoBox ul li{float:left;padding:3px 0;font-size:14px;color:#606060}
.modalPopup .infoBox ul li ul{display:inline-block;margin-top:10px}
.modalPopup .infoBox ul.dep2{display:inline-block;float:left;margin-top:10px;padding:3px 0}
.modalPopup a{transition:none}

.modalPopup .filterInner strong{float:left;width:20%;height:46px;line-height:46px;text-align:center}
.modalPopup .filterInner .search{width:80%}
.modalPopup .more a{clear:both;display:inline-block;width:100%;height:42px;line-height:42px;font-weight:500;font-size:15px;color:#303030;background:#f0f0f0;text-align:center;border:1px solid #dfdfdf;transition:none}
.modalPopup .more a:hover{border:1px solid #CCC;color:#000;background:#E5E5E5}

.modalPopup .filterInner .prodView{overflow-y:auto;max-height:230px}

.modalTable{clear:both;width:100%;border-top:1px solid #ABABAB}
.modalTable th{padding:6px 0;border-bottom:1px solid #ABABAB;color:#000;background:#F5F5F5;text-align:center}
.modalTable td{padding:6px 0;border-bottom:1px solid #CCC;text-align:center}
.modalTable td.lt{padding-left:10px;text-align:left}
.modalTable input[type="checkbox"]{width:19px;height:19px;vertical-align:middle}

/* 이미지 확대 > 레이어 모달 팝업 */
.imageView {visibility:hidden;position:absolute;top:calc(100% - 85%);left:50%;;width:1000px;margin-left:-500px;padding:10px;background:#FFF;border:1px soild #CCC;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);z-index:9999}
.imageView .imageWrap{overflow:hidden;text-align:center}
.imageView .cell{vertical-align:middle}
.imageView .cell .inner {*position:absolute;*top:50%;*height:800px;*margin-top:-400px}
.imageView .cell .inner img{display:inline-block;top:-3px;max-width:100%;max-height:600px;object-fit:cover;object-position:middle;opacity:0.90;filter:alpha(opacity=90)}
.imageView .close-modalPopup {position:absolute;top:-30px;right:0;width:30px;height:30px;line-height:28px;color:#FFF;background:#0b9444;font-weight:400;font-size:26px;text-align:center;cursor:pointer;transition:none}

/* 추가 */
.egovSrchList td.no-data{padding:40px 0;text-align:center;font-size:14px;color:#666}

/* ERROR PAGE */
.errorWrap{position:relative;left:50%;display: block;width:800px;margin:120px 0 20px -400px;padding: 40px 50px;border: 1px solid #CCC;background:url('images/icon_error.png') no-repeat 94% 60%}
.errorWrap .errorName{display:inline-block;margin-left:3px;padding:0 12px;height:28px;line-height:28px;font-size:14px;text-align:center;background:#ABABAB;color:#FFF}
.errorWrap h3.title{display: block;margin-top:.8em;letter-spacing:-0.04em;font-weight:bold;font-size:34px;color:#303030}
.errorWrap p.text{margin:20px 0 10px;font-size:16px;line-height:22px;letter-spacing:-0.04em;color:#666}
.errorWrap p.alarm{float: left;width: 100%;font-size: 14px;color: #808080;}

.btn_back.pre, .btn_back.home{display:inline-block;margin-right:5px;padding:10px 18px;font-weight:bold;font-size:13px;letter-spacing:-0.04em;border:1px solid #bababa;text-decoration:none;background:#FFF;color:#505050;}
.btn_back.pre:hover, .btn_back.home:hover{color:#000;background:#F9F9F9;border:1px solid #808080}
.btn_back.pre:active, .btn_back.home:active{position:relative;top:1px}

.error-foot{clear: both;display: inline-block;width: 100%;}
.error-foot .buttonAlign{float: left;margin:20px 0 15px -6px;}

.video-js .vjs-progress-control .vjs-mouse-display{white-space: nowrap}

/* FOOTER */
#footer{clear:both;position:relative;display:block;width:100%;height:156px;margin-top:0;background:#f6f6f6;border-top:1px solid #CCC}
#footer .inner{position:relative;width:1200px;left:50%;margin-left:-600px}

#footer .footerLink{float:left;width:100%;border-bottom:1px solid #dedede}
#footer .footerLink ul li{float:left;margin-right:30px}
#footer .footerLink ul li a{display:block;padding:22px 0;font-weight:500;color:#666666}
#footer .footerLink ul li a:hover{color:#303030}

#footer .copyrights {float:left;width:100%;margin-top:18px}
#footer .copyrights h1.logo{float:left;margin-right:74px;padding-top:10px;}
#footer .copyrights h1.logo img{width:126px;max-width: 100%;}
#footer .copyrights .address{float:left;margin-top:5px}
#footer .copyrights .address p{line-height:24px;font-size:14.5px;color:#606060}
#footer .copyrights .address p span{display:inline-block;margin:-4px 10px 0;font-size:11px;color:#777;vertical-align:middle}
#footer .copyrights .address .rights{display:block;font-size:11px;color:#909090;letter-spacing:normal;text-align:left}

/* 상단 이동 버튼 */
#scrollMove{position:fixed;top:90%;left:50%;margin-left:45%;z-index:1000}
#scrollMove a{display:block;width:48px;height:48px;background:#303030 url("../images/common/btn_scroll.png") 50% 50% no-repeat;opacity:0.4;filter:alpha(opacity=40);-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;border-radius:50px}
#scrollMove a:hover{background-color:#0b9444;opacity:1;filter:alpha(opacity=100)}

/* 공통 */
.selectGB{width:70px;height:46px;line-height:46px;margin-right:-3px;font-weight:500;font-size:15px;border:1px solid #CCC;text-align:center;vertical-align:middle;letter-spacing:-0.08em}
.select_st{height:46px;line-height:46px;font-weight:500;font-size:15px;border:1px solid #CCC;text-align:center;vertical-align:middle;letter-spacing:-0.08em}
.btn_search{width:70px;height:46px;line-height:46px;margin-left:-3px;font-weight:500;font-size:15px;color:#FFF;background:#303030;text-align:center;vertical-align:middle;letter-spacing:-0.08em}

.inputGB{height:46px;line-height:46px;padding:6px 15px 6px 10px;font-size:15px;color:#606060;border:1px solid #CCC;vertical-align:middle;letter-spacing:-0.06em}
.inputNum{width:70px;height:46px;line-height:46px;padding:6px 15px 6px 10px;font-size:15px;color:#606060;border:1px solid #CCC;vertical-align:middle;letter-spacing:-0.06em}
.textAreaGB{width:100%;padding:15px 20px;color:#303030;line-height:24px;border:1px solid #CCC;text-align:justify;word-break:break-all;word-break:break-word;font-family:Noto Sans KR, sans-serif}
.dropzone{padding:40px 20px !important}

/* ========================================== 크로스브라우징 테스트 ========================================== */

/* 사파리 */
body:first-of-type .mainSearchBar{line-height: 60px;}
body:first-of-type .inputGB{line-height: 18px;}
/* body:first-of-type .selectGB{height: 40px;line-height: 40px;} */

/* IE11 */
_:-ms-fullscreen, :root .video-js .vjs-tech{position:absolute;top:50% !important;left:50% !important;z-index: auto}
_:-ms-fullscreen, :root .sub-containter{position:relative;min-height:67.1vh;}
_:-ms-fullscreen, :root .subpageWrap{display:inline-block;width:100%;margin:48px 0 40px}
_:-ms-fullscreen, :root #mainVisual .mainSlider .cont_center .slider div .btnGo{padding: 0 26px;line-height: 42px;}
_:-ms-fullscreen, :root .latestWrap .latest ul li .overlayWrap .item-contents h4{height: 22px;}
_:-ms-fullscreen, :root .listWrap .imgList ul li .overlayWrap .item-contents h4{height:22px;}
_:-ms-fullscreen, :root .mainSearchBar{line-height: 60px;}
_:-ms-fullscreen, :root .searchWrap .searchMain{line-height:100%;}
_:-ms-fullscreen, :root .wordList {width:100%;height:68px;scrollbar-3dLight-Color: #bcffd8;scrollbar-arrow-color: #bcffd8;scrollbar-Face-Color: #bcffd8;scrollbar-Track-Color: transparent;scrollbar-DarkShadow-Color: #0b9444;scrollbar-Highlight-Color: #0b9444;scrollbar-Shadow-Color: #0b9444;}
_:-ms-fullscreen, :root .inputGB{line-height: 32px;}
_:-ms-fullscreen, :root .inputNum{line-height: 100%;}
_:-ms-fullscreen, :root .modalPopup .descWrap{overflow: hidden;}
_:-ms-fullscreen, :root .modalPopup .filterInner{overflow-y:auto;max-height:400px;}
_:-ms-fullscreen, :root #footer{margin-top:0}
_:-ms-fullscreen, :root #footer .footerLink ul li a{font-size: 16px}
_:-ms-fullscreen, :root .detailList .contBox{overflow:auto}
_:-ms-fullscreen, :root .detailList.record .contBox{overflow:auto}
_:-ms-fullscreen, :root .thumbNail .cell .inners a{height:100%}
_:-ms-fullscreen, :root .substance p{overflow:hidden;max-height:50px}

@media (max-width:1540px){
    _:-ms-fullscreen, :root .substance p{overflow:hidden;max-height:50px}
}
@media screen and (min-width:1008px) and (max-width:1320px){
    _:-ms-fullscreen, :root .substance p{overflow:hidden;max-height:50px}
    _:-ms-fullscreen, :root .latestWrap .latest ul li .overlayWrap .item-contents p{height:90px}
    _:-ms-fullscreen, :root .listWrap .imgList ul li .overlayWrap .item-contents p{height: 120px}
}
@media screen and (min-width:768px) and (max-width:1007px){
    _:-ms-fullscreen, :root .searchWord{top:-6px}
    _:-ms-fullscreen, :root .searchWord .wordList{margin-top:5px}
    _:-ms-fullscreen, :root .fixedTop#header-area .conts-area .inner h1{padding-top:14px;}
    _:-ms-fullscreen, :root .substance p{overflow:hidden;max-height:50px}
    _:-ms-fullscreen, :root .latestWrap .latest ul li .overlayWrap .item-contents p{height:70px}
    _:-ms-fullscreen, :root .listWrap .imgList ul li .overlayWrap .item-contents p{height: 120px}
    _:-ms-fullscreen, :root .latestWrap .latest ul li .overlayWrap .item-count{top:130px}
    _:-ms-fullscreen, :root .latestWrap .latest ul li .overlayWrap .item-count ul{margin:7px 0 0 14px}
}
@media screen and (min-width:481px) and (max-width:767px){
    _:-ms-fullscreen, :root .searchWord{top:-6px}
    _:-ms-fullscreen, :root .searchWord .wordList{overflow-y:auto;margin-top:5px}
    _:-ms-fullscreen, :root .substance p{overflow:hidden;max-height:36px}
    _:-ms-fullscreen, :root .latestWrap .latest ul li .overlayWrap .item-contents p{height:70px}
    _:-ms-fullscreen, :root .listWrap .imgList ul li .overlayWrap .item-contents p{height: 100px}
    _:-ms-fullscreen, :root .contInfo header{margin-bottom:20px}
}
@media screen and (max-width:480px){
    _:-ms-fullscreen, :root .searchWord{top:-6px}
    _:-ms-fullscreen, :root .searchWord .wordList{overflow-y:auto;margin-top:5px}
    _:-ms-fullscreen, :root .substance strong.title{font-size:14px}
    _:-ms-fullscreen, :root .substance p{overflow:hidden;max-height:36px;font-size:13px;line-height: 18px}
    _:-ms-fullscreen, :root .searchTotal{margin:0 auto}
    _:-ms-fullscreen, :root .latestWrap .latest ul li .overlayWrap .item-contents p{height:70px}
    _:-ms-fullscreen, :root .listWrap .imgList ul li .overlayWrap .item-contents p{height: 120px}
    _:-ms-fullscreen, :root .contInfo header{margin-bottom:20px}
    _:-ms-fullscreen, :root .relationList.books .bookInfo{margin-top:4px}
    _:-ms-fullscreen, :root .relationList.books .bookInfo ul li{font-size: 1.071em}
}
@media screen and (max-width:370px){
    _:-ms-fullscreen, :root .latestWrap .latest ul li .overlayWrap .item-contents p{height:40px}
    _:-ms-fullscreen, :root .searchWord{top:70px}
    _:-ms-fullscreen, :root .searchWord .wordList{overflow-y:auto;margin-top:15px}
    _:-ms-fullscreen, :root #mainVisual .mainSlider .cont_center .slider div .btnGo{padding:0 14px;margin-top:5px !important;line-height:32px}
    _:-ms-fullscreen, :root .contInfo header{margin-bottom:20px}
    _:-ms-fullscreen, :root .relationList.books .bookInfo{margin-top:6px}
    _:-ms-fullscreen, :root .relationList.books .bookInfo ul li{font-size: 1.071em}
}

/* IE10 */
_:-ms-input-placeholder, :root .mainSearchBar{line-height: 60px;}
_:-ms-input-placeholder, :root .inputGB{line-height: 32px;}
_:-ms-input-placeholder, :root .inputNum{line-height: 100%}
_:-ms-input-placeholder, :root .modalPopup .descWrap{overflow: hidden;}
_:-ms-input-placeholder, :root .modalPopup .filterInner{overflow-y:auto;max-height:500px;}
_:-ms-input-placeholder, :root .detailList .contBox{overflow:auto}
_:-ms-input-placeholder, :root .detailList.record .contBox{overflow:auto}
_:-ms-input-placeholder, :root #footer{margin-top:80px}