@charset "utf-8";

/* HTML5 새 요소 초기화 */
article, aside, figure, figure img,
figcaption, hgroup, footer, header,
nav, section, video, object{display:block}

.skip-navi{display:block;position:absolute;left:0;top:0;overflow:hidden;width:1px;height:1px;text-align:center;color:#fff;z-index:9999}
.skip-navi:focus,.skip-navi:active{padding:5px 0;width:100%;height:auto;background:#f84e64}
/*.pad_hide{display:block}
.pad_show{display:none}
.autopanel_in.panel_fixed{position:static}
@media screen and (min-width:922px) and (orientation:landscape){
.pad .pad_hide{display:none}
.pad .pad_show{display:block}
}*/

/* 검색결과 페이지 */
#container.all-results #content{padding:0}
#container.all-results .cont-header{background:url('/www/@resource/images/common/img_cont_header.jpg') center top no-repeat}
#container.all-results .cont-header.eng{background:url('/www/@resource/images/common/img_cont_header_eng.jpg') center top no-repeat}
#container.all-results .cont-header.chn{background:url('/www/@resource/images/common/img_cont_header_chn.jpg') center top no-repeat}
#container.all-results .output-message{font-size:22px;line-height:26px;text-align:center}
#container.all-results .output-message strong{color:#222}
#container.all-results h2{display:block;margin-bottom:32px;height:30px;line-height:34px;font-size:30px;color:#222}
#container.all-results h2:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#container.all-results h2 strong{position:relative}
#container.all-results h2 strong:after{content:"";display:block;position:absolute;bottom:-10px;width:100%;height:3px;background-color:#222}
#container.all-results .search-form{padding:24px 50px;margin-top:24px;width:100%;border:3px solid #ddd;box-sizing:border-box}
#container.all-results .search-form .search-select{display:none}
#container.all-results .search-form .search-input{display:block;float:left;padding:0 87px 0 0;margin:0;width:40%;height:36px;line-height:36px;border:0 none;box-sizing:border-box}
#container.all-results .search-form .search-input .btn{top:0;right:0;width:80px}
#container.all-results .search-form .input-text{height:36px;line-height:36px;border:1px solid #ddd}
#container.all-results .search-form .input-text input{line-height:36px}
#container.all-results .search-form .search-period{display:block;float:left;width:60%;box-sizing:border-box}
#container.all-results .search-form .search-period:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#container.all-results .search-form .search-period .period-wrap{position:relative;padding-left:140px;width:100%;box-sizing:border-box}
#container.all-results .search-form .search-period .period-wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#container.all-results .search-form .search-period .label{position:absolute;top:1px;left:60px;font-size:18px;line-height:36px;color:#222}
#container.all-results .search-form .search-period .period-start{display:block;float:left;position:relative;width:48%}
#container.all-results .search-form .search-period .period-end{display:block;float:left;position:relative;width:48%}
#container.all-results .search-form .search-period .input-text{width:100%}
#container.all-results .search-form .search-period button{position:absolute;top:0;right:0;outline:0 none}
#container.all-results .search-form .search-period .hyphen{display:block;float:left;padding:0 1%;margin-top:8px;width:2%;font-size:18px;color:#ddd;vertical-align:top}
#container.all-results .search-results .section{margin-top:50px}
#container.all-results .search-results .section h3{padding:20px 0 0 19px;margin-bottom:18px;font-size:25px;line-height:30px;background:url('/www/@resource/images/common/bg_tit_03.png') 0 0 no-repeat}
#container.all-results .search-results .section h3 strong:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#container.all-results .search-results .section h3 span{margin-left:3px;font-weight:normal}
#container.all-results .search-results .section h3 em{color:#ca001c}
#container.all-results .search-results .section h3 + .wrap{border-top:2px solid #222}
#container.all-results .search-results .section .wrap .item-list:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#container.all-results .search-results .section .wrap .item-list li{margin-top:20px;height:198px;border:1px solid #ddd; overflow: hidden;}
#container.all-results .search-results .section .wrap .item-list li:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#container.all-results .search-results .section .wrap .item-list li .wrap{position:relative}
#container.all-results .search-results .section .wrap .item-list li .wrap:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#container.all-results .search-results .section .wrap .item-list li .thumb{position:absolute;top:0;left:0;width:318px;height:198px}
#container.all-results .search-results .section .wrap .item-list li .thumb .thumb-img{border-right:1px solid #ddd}
#container.all-results .search-results .section .wrap .item-list li .thumb .thumb-img img{display:block;width:318px;height:198px}
#container.all-results .search-results .section .wrap .item-list li .item-info{padding:50px 94px 0 370px}
#container.all-results .search-results .section .wrap .item-list li .subject{width:100%;font-size:22px;line-height:26px;font-weight:bold;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis}
#container.all-results .search-results .section .wrap .item-list li .data{margin-top:5px;color:#222}
#container.all-results .search-results .section .wrap .item-list li .summary{overflow:hidden;margin-top:18px;height:54px}
#container.all-results .search-results .section .wrap .pagination{margin-top:30px}
#container.all-results .search-results .section .wrap .btn-area{margin-top:20px;text-align:right}
#container.all-results .search-results .section .wrap .btn-area .btn{width:122px;line-height:34px;font-size:25px;font-family:'Times New Roman';text-align:left;background:#222 url('/www/@resource/images/common/bg_arrow_04.png') 102px 12px no-repeat}
/* layout800 */
.layout800 #container .container-wrap{padding:0 15px;margin-top:40px}
.layout800 #container.all-results h2{display:none}
.layout800 #container.all-results .output-message{position:absolute;top:72px;left:0;width:100%;height:40px;line-height:40px;font-size:14px;color:#222;background-color:#f9f9f9}
.layout800 #container.all-results .search-form{padding:0 0 85px 0;margin:0;height:100px;border:0 none}
.layout800 #container.all-results .search-form .search-select{display:block;position:absolute;top:0;left:0;width:52px;height:25px;z-index:1}
.layout800 #container.all-results .search-form .search-select:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 #container.all-results .search-form .search-input{padding:0 57px 0 58px;height:25px;line-height:25px}
.layout800 #container.all-results .search-form .input-text{height:25px;line-height:25px;font-size:12px}
.layout800 #container.all-results .search-form .input-text input{height:25px;line-height:25px}
.layout800 #container.all-results .search-form .input-text .placeholder{font-size:12px}
.layout800 #container.all-results .search-form .search-input button{padding:0;min-width:auto;width:54px;height:25px;line-height:25px;font-size:12px}
.layout800 #container.all-results .search-form .search-input button:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 #container.all-results .search-form .search-period{margin-top:7px;width:100%}
.layout800 #container.all-results .search-form .search-period .period-wrap{padding:0}
.layout800 #container.all-results .search-form .search-period .label{display:none}
.layout800 #container.all-results .search-form .search-period input{height:23px;line-height:25px}
.layout800 #container.all-results .search-form .search-period button{overflow:hidden;width:28px;height:25px}
.layout800 #container.all-results .search-form .search-period button img{position:absolute;top:-5px;left:-10px;height:34px}
.layout800 #container.all-results .search-form .search-period .hyphen{margin-top:4px}
.layout800 #container.all-results .search-results .section{margin-top:35px}
.layout800 #container.all-results .search-results .section h3{visibility:inherit;overflow:inherit;position:static;top:auto;left:auto;width:auto;height:auto;padding:10px 0 0 9px;margin-bottom:8px;font-size:16px;line-height:20px;background-size:9px auto}
.layout800 #container.all-results .search-results .section .wrap .item-list li{padding:10px 0;margin-top:0;min-height:100px;height:auto;border:0 none;border-bottom:1px solid #ddd}
.layout800 #container.all-results .search-results .section .wrap .item-list li .thumb{width:130px;height:100px}
.layout800 #container.all-results .search-results .section .wrap .item-list li .thumb .thumb-img{width:100%;height:100%}
.layout800 #container.all-results .search-results .section .wrap .item-list li .thumb .thumb-img img{width:100%;height:100%}
.layout800 #container.all-results .search-results .section .wrap .item-list li .item-info{padding:23px 0 0 142px}
.layout800 #container.all-results .search-results .section .wrap .item-list li .subject{font-size:15px;line-height:19px}
.layout800 #container.all-results .search-results .section .wrap .item-list li .data{margin-top:7px;font-size:12px;line-height:16px;color:#767676}
.layout800 #container.all-results .search-results .section .wrap .item-list li .data .bar{display:none}
.layout800 #container.all-results .search-results .section .wrap .item-list li .data .date{display:block}
.layout800 #container.all-results .search-results .section .wrap .item-list li .data .views{display:block;margin-left:3px}
.layout800 #container.all-results .search-results .section .wrap .item-list li .summary{display:none}
.layout800 #container.all-results .search-results .section .wrap .btn-area{float:none;width:100%}
.layout800 #container.all-results .search-results .section .wrap .btn-area .btn{position:relative;padding:0;width:100%;height:30px;font-size:13px;text-align:center;background-image:none}
.layout800 #container.all-results .search-results .section .wrap .btn-area .btn:after{content:"검색결과 더보기";display:block;position:absolute;top:0;width:100%;height:30px;background-color:#222}



/* 사이트맵 */
#container.sitemap #content{padding:0}
#container.sitemap .cont-header{background:url('/www/@resource/images/common/img_cont_header.jpg') center top no-repeat}
#container.sitemap h2{display:block;margin-bottom:32px;height:30px;line-height:34px;font-size:30px;color:#222}
#container.sitemap h2:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#container.sitemap h2 strong{position:relative}
#container.sitemap h2 strong:after{content:"";display:block;position:absolute;bottom:-10px;width:100%;height:3px;background-color:#222}
#container.sitemap .section .wrap{float:left;margin-top:40px;margin-left:2%;width:23.5%;height:500px;box-sizing:border-box}
#container.sitemap .section .wrap.nth-child-1,
#container.sitemap .section .wrap.nth-child-5,
#container.sitemap .section .wrap.nth-child-9{margin-left:0}
#container.sitemap .section .wrap h3{padding:30px 0 15px 30px;margin:0;font-size:22px;color:#fff;background:#222 url('/www/@resource/images/common/bg_tit_04.png') 10px 10px no-repeat}
#container.sitemap .section .wrap h3 strong{font-weight:normal}
#container.sitemap .section .wrap h3 strong:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#container.sitemap .section .wrap ul:after{content:"";display:block;clear:both;height:0;visibility:hidden}
#container.sitemap .section .wrap ul li{padding:0 20px;line-height:50px;font-size:18px;border-bottom:1px solid #ddd}
/* layout800 */
.layout800 #container.sitemap .container-wrap{padding:0 10px;margin-top:10px}
.layout800 #container.sitemap h2{visibility:hidden;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0}
.layout800 #container.sitemap .wrap{padding:0 5px;margin:0 0 50px 0;width:50%;height:auto;box-sizing:border-box}
.layout800 #container.sitemap .wrap h3{visibility:inherit;overflow:inherit;padding:20px 0 10px 20px;margin:0;position:relative;top:auto;left:auto;width:auto;height:auto;line-height:22px;font-size:18px;color:#fff;background:#222 url('/www/@resource/images/common/bg_tit_01.png') 5px 5px no-repeat}
.layout800 #container.sitemap .wrap.nth-child-5,
.layout800 #container.sitemap .wrap.nth-child-6{height:395px}
.layout800 #container.sitemap .wrap ul li{padding:0 10px;height:40px;line-height:40px;font-size:13px}

/* 공통 요소 */
/* article-list */
.article-list{position:relative;color:#222;border-top:2px solid #222;background-color:#fff}
.article-list:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#222}
.article-list li{position:relative;padding:0 130px 0 183px;width:100%;height:34px;line-height:34px;border-top:1px solid #ddd;box-sizing:border-box}
.article-list li:first-child{border:0 none}
.article-list li .btn-prev,
.article-list li .btn-next{display:block;position:absolute;top:0;left:0;padding-left:53px;width:165px;background-color:#f9f9f9;background-image:url('/www/@resource/images/common/bg_atc_list.png');background-repeat:no-repeat;box-sizing:border-box}
.article-list li .btn-prev{background-position:140px 0}
.article-list li .btn-next{background-position:140px -50px}
.article-list li .subject{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;box-sizing:border-box}
.article-list li .date{position:absolute;top:0;right:0;display:block;padding:0 40px 0 20px}
.article-list + .btn-aside{text-align:right;margin-top:25px}
/* layout800 */
.layout800 .article-list li{padding:0 80px 0 83px;height:28px;line-height:28px}
.layout800 .article-list li .btn-prev, .layout800 .article-list li .btn-next{padding-left:10px;width:80px; font-size: 12px;background-image:url('/www/@resource/images/common/bg_atc_list_02.png');background-size:8px auto}
.layout800 .article-list li .btn-prev{background-position:55px 0px}
.layout800 .article-list li .btn-next{background-position:55px -25px}
.layout800 .article-list li .date{padding:0 10px 0 10px}
.layout800 .article-list + .btn-aside{margin-top:18px}

/* board-read */
.board-read .header:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.board-read .body{clear:both}
.board-read .body:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.board-read .body .board-content{padding:30px 0 55px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fff}
.board-read .body .export{float:right;margin-top:13px}
.board-read + .article-list{margin-top:20px}


.board-write .header:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.board-write .body{clear:both}
.board-write .body:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.board-write .body .board-content{padding:30px 0 55px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fff}
.board-write .body .export{float:right;margin-top:13px}
.board-write + .article-list{margin-top:20px}
.board-write .header{overflow:hidden;display:block;position:relative;width:100%;height:100%;color:#222;border-top:2px solid #222;box-sizing:border-box}
.board-write .header:before{content:"";display:block;visibility:inherit;position:absolute;top:0;left:0;width:90px;height:100%;background-color:#f9f9f9}
.board-write .header>div{position: relative;width: 100%; margin-top: -1px;border-top: 1px solid #dddddd;}
.board-write .header .label{display:block;position:absolute;top:13px;left:auto; width: 90px; text-align: center;z-index:1}
.board-write .header .txt{display:block;padding:13px 10px 12px 100px;font-weight:normal;}
.board-write+.btn-aside{margin: 20px 0; text-align: right;}
.board-write .text-area{height: 300px; margin: 0 10px}
.board-write textarea{resize: none;}

/* layout800 */
.layout800 .board-read .body .export{margin-top:10px}
.layout800 .board-read + .article-list{margin-top:25px}
/* .board-read.st1 */

.board-read.st1 .header{position:relative;padding-bottom:16px}
.board-read.st1 .header .tit{margin-bottom:10px;font-size:35px;line-height:39px;color:#222}
.board-read.st1 .header .date{font-size:15px;line-height:19px;color:#222}
.board-read.st1 .header .export{position:absolute;bottom:13px;right:0}
.board-read.st1 .body .board-content .thumb{position:relative;padding-right:270px}
.board-read.st1 .body .board-content .thumb .thumb-img{border:1px solid #ddd}
.board-read.st1 .body .board-content .thumb .thumb-img img{display:block;width:100%;height:auto}
.board-read.st1 .body .board-content .description{position:absolute;bottom:0;right:10px;width:240px}
.board-read.st1 .body .board-content .author{display:block}
.board-read.st1 .body .board-content .author em{color:#d12038}
.board-read.st1 .body .board-content .txt{display:block}
.board-read.st1 .body .board-content .summary{margin-top:60px}
.board-read.st1 .body .board-content .summary strong{font-size:15px;line-height:9px;color:#333}
/* layout800 */
.layout800 .board-read.st1 .header{padding-bottom:7px}
.layout800 .board-read.st1 .header .tit{margin-bottom:4px;font-size:24px;line-height:28px}
.layout800 .board-read.st1 .header .date{font-size:12px;line-height:16px}
.layout800 .board-read.st1 .body .board-content .thumb{padding:0}
.layout800 .board-read.st1 .body .board-content .thumb .thumb-img{width:100%;height:auto}
.layout800 .board-read.st1 .body .board-content .thumb .thumb-img img{width:100%;height:auto}
.layout800 .board-read.st1 .body .board-content{padding:10px 0 34px 0}
.layout800 .board-read.st1 .body .board-content .description{position:relative;bottom:auto;right:auto;margin-top:12px;width:100%;font-size:9px;line-height:13px;text-align:right}
.layout800 .board-read.st1 .body .board-content .description:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 .board-read.st1 .body .board-content .description .txt{padding-left:50%}
.layout800 .board-read.st1 .body .board-content .summary{margin-top:20px}
.layout800 .board-read.st1 .body .board-content .summary strong{font-size:14px;line-height:18px}
/* .board-read.st2 */
.board-read.st2 .header{overflow:hidden;display:block;position:relative;width:100%;height:100%;color:#222;border-top:2px solid #222;box-sizing:border-box}
.board-read.st2 .header:after{content:"";display:block;visibility:inherit;position:absolute;top:0;left:0;width:80px;height:100%;background-color:#f9f9f9}
.board-read.st2 .header:before{content:"";display:block;position:absolute;top:0;left:70%;width:80px;height:100%;background-color:#f9f9f9}
.board-read.st2 .header .tag01{display:none;padding:0 4px;margin-bottom:8px;height:17px;line-height:19px}
.board-read.st2 .header .tag02{display:none;padding:0 4px;margin-bottom:8px;height:17px;line-height:19px}
.board-read.st2 .header .label{display:block;position:absolute;top:13px;left:0;z-index:1}
.board-read.st2 .header .txt{display:block;float:left;padding:13px 10px 12px 90px;font-weight:normal}
.board-read.st2 .header .subject{float:left;position:relative;width:70%}
.board-read.st2 .header .subject:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.board-read.st2 .header .subject .label{left:28px}
.board-read.st2 .header .date{float:right;position:relative;width:30%}
.board-read.st2 .header .date:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.board-read.st2 .header .date .label{left:23px}
.board-read.st2 + .btn-aside{position:absolute;bottom:0;left:0}
/* layout800 */
.layout800 .board-read.st2 .header{padding:0 5px 6px 5px;border-top:0 none;border-bottom:2px solid #222}
.layout800 .board-read.st2 .header:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 .board-read.st2 .header:before{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 .board-read.st2 .header .tag01{display:inline-block}
.layout800 .board-read.st2 .header .tag02{display:inline-block}
.layout800 .board-read.st2 .header .label{padding:0;background-color:transparent;visibility:hidden;overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;font-size:0;line-height:0}
.layout800 .board-read.st2 .header .txt{padding:0}
.layout800 .board-read.st2 .header .subject{float:none;padding:0;width:100%;font-size:18px;line-height:22px}
.layout800 .board-read.st2 .header .subject .txt{font-weight:bold}
.layout800 .board-read.st2 .header .date{float:none;padding:0;margin-top:2px;width:100%;font-size:12px;color:#767676}

/* btn */
.btn{display:inline-block;text-align:center;vertical-align:top;box-sizing:border-box}
.btn.small{padding:0 20px;min-width:70px;height:27px;line-height:27px;font-size:12px}
.btn.medium{padding:0 20px;min-width:70px;height:36px;line-height:36px;font-size:15px}
.btn.large{padding:0 20px;min-width:70px;height:50px;line-height:50px;font-size:16px}
.btn.st1{color:#222;background-color:#fff;border:2px solid #222}
.btn.st2{color:#fff;background-color:#767676}
.btn.st3{color:#fff;background-color:#222}
.btn.st4{color:#fff;background-color:#ca001c}
.btn-more{display:block;position:relative;width:15px;height:15px}
.btn-more a{display:block;position:absolute;top:0;left:0;width:15px;height:15px;background:#fff url('/www/@resource/images/common/btn_more.png') 0 0 no-repeat}
.btn-play a{display:block;width:68px;height:68px;background:url('/www/@resource/images/common/ico_play_02.png') 0 0 no-repeat}
.btn-close a{display:block;width:16px;height:15px;background:url('/www/@resource/images/common/btn_close.png') 0 0 no-repeat}
.btn-download{display:inline-block;padding:0 6px 0 12px;height:30px;line-height:32px;border:1px solid #222;box-sizing:border-box}
.btn-download a{display:block;padding-right:30px;color:#222;background:url('/www/@resource/images/common/ico_download.gif') 100% 5px no-repeat}
.btn-play-voice{display:inline-block;padding:0 6px 0 12px;height:30px;line-height:32px;border:1px solid #222;box-sizing:border-box}
.btn-play-voice a{display:block;padding-right:30px;color:#222;background:url('/www/@resource/images/common/ico_play.gif') 100% 5px no-repeat}
/* layout800 */
.layout800 .btn.medium{height:30px;line-height:30px;font-size:13px}
.layout800 .btn-download{display:inline-block;padding:0;width:100%;text-align:center;border:0 none;background-color:#222222}
.layout800 .btn-download a{display:block;padding:0;width:100%;color:#fff;background-image:none}

/* data-table */
.data-table{table-layout:fixed;width:100%;border:0 none;border-spacing:0;border-collapse:collapse}
.data-table caption{margin:0;padding:0;width:1px;height:1px;line-height:0;font-size:0;visibility:hidden}
.data-table th,
.data-table td{border-width:0}
.data-table.vert{text-align:center;border-top:2px solid #222;border-bottom:1px solid #767676}
.data-table.vert th{padding:14px 0 10px 0;font-size:15px;font-weight:normal;line-height:20px;color:#222;border-bottom:1px solid #767676;background-color:#f9f9f9}
.data-table.vert td{padding:20px;font-size:14px;line-height:18px;border-top:1px solid #ddd;background-color:#fff}
.data-table.vert tr:first-child td{border-top:0 none}
.data-table.vert+.btn-aside{margin: 20px ; text-align: right;}
.data-table.hori{border-top:2px solid #222;border-bottom:2px solid #222;text-align:left}
.data-table.hori th{padding:14px 0 10px 20px;font-size:15px;font-weight:normal;line-height:20px;text-align:left;color:#222;border-top:1px solid #ddd;background-color:#f9f9f9}
.data-table.hori th .star{margin-left:-8px;color:#ca001c}
.data-table.hori td{padding:5px 20px 5px 20px;font-size:15px;line-height:24px;vertical-align:middle;border-top:1px solid #ddd;background-color:#fff}
.data-table.hori tr:first-child th,
.data-table.hori tr:first-child td{border-top:0 none}
.data-table.hori td .insert{margin:0;padding:0;height:auto !important;line-height:auto !important}
.data-table.hori td .insert:after{content:"";display:block;clear:both;height:0;visibility:hidden}
/* layout800 */
.layout800 .data-table th .star{color:#ca001c}
.layout800 .data-table.hori th{padding:8px 0 6px 10px;font-size:12px}
.layout800 .data-table.hori td{padding:5px 10px;font-size:12px}
.layout800 .data-table.vert th{padding:4px 0;font-size:12px}
.layout800 .data-table.vert td{padding:0 5px;font-size:12px;line-height:16px}

/* export */
.export:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.export a.sns{display:block;float:left;position:relative;margin-left:10px;width:40px;height:40px}
.export a.sns span.ir,
.export a.sns:after{content:"";display:block;position:absolute;top:0;width:40px;height:40px;background-image:url('/www/@resource/images/common/ico_sns.gif');background-repeat:no-repeat}
.export a.facebook span.ir,
.export a.facebook:after{background-position:0 0}
.export a.twitter span.ir,
.export a.twitter:after{background-position:0 -40px}
/* layout800 */
.layout800 .export a.sns{margin-left:5px;width:30px;height:30px}
.layout800 .export a.sns span.ir, .export a.sns:after{width:30px;height:30px;background-size:30px auto}
.layout800 .export a.twitter span.ir, .export a.twitter:after{background-position:0 -30px}

/* fieldset */
.fieldset:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.fieldset .field:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.fieldset .field .insert{width:100%}
.fieldset .field:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.fieldset .field .label{float:left;display:block;width:103px;min-height:38px;line-height:38px;box-sizing:border-box}
.fieldset .field .insert{float:left;display:block;padding:0 10px;min-height:38px;line-height:38px;box-sizing:border-box}
.fieldset .star{display:inline-block;margin-top:-3px;vertical-align:top}
.fieldset .insert .at{display:inline-block;padding-top:3px;font-size:10px;vertical-align:top;zoom:1}
.fieldset .insert .hyphen{display:inline-block;padding:5px 1px 0 1px;vertical-align:top;zoom:1}
.fieldset .insert .input-text + .selector{margin-left:4px}
.fieldset .insert .input-text + button{margin-left:4px}
.fieldset .insert .input-text + .txt{margin-left:4px}
.fieldset .insert .txt + .input-text{margin-left:8px}
.fieldset .insert .text-area{margin:5px 0}
.fieldset .insert .text-area .placeholder{top:13px}
.fieldset .insert .radio-box + .radio-box{margin-left:20px}
.fieldset .insert .selector{vertical-align:top;border:1px solid #ddd}
.fieldset .insert .selector .selectric .label{padding:0 5px;height:25px;line-height:27px}
.fieldset .insert .selector .selectric .button{top:10px;background:url('/www/@resource/images/common/select_arrow_03.png') no-repeat}
.fieldset .insert .post{margin-bottom:8px}
.fieldset .insert .post,#notie8#hack{margin-bottom:0px\0}
.fieldset .insert .address .input-text{max-width:473px}
.fieldset .insert .address .input-text input{width:463px}
.fieldset .insert .address .input-text:first-child{display:block}
.fieldset .insert .address .input-text + .input-text{margin-top:8px}
.fieldset .insert .address .input-text + .txt{display:inline-block;margin-top:12px;font-size:13px;vertical-align:top}

/* form 요소 */
input[type="tel"],
input[type="text"],
input[type="file"],
input[type="search"],
input[type="password"]{display:block;width:100%;height:100%;font-size:13px;color:#767676;border:0 none}
select{padding:0 10px;height:100%}
textarea{width:100%;height:100%;border:0 none;resize:none}
.input-text input:focus,
textarea:focus{outline:0 none}
.input-text{display:inline-block;position:relative;padding:0 8px;height:27px;line-height:27px;border:1px solid #d6d6d6;background-color:#fff;box-sizing:border-box}
.input-text .placeholder{position:absolute;top:0;left:8px;color:#767676;z-index:1}
.input-text.disabled,
.input-text.disabled input{background-color:#ebebe4 !important}
.input-file{display:block;width:100%;height:27px}
.input-file + .input-text{margin-top:8px}
.input-file label{display:inline-block;vertical-align:top}
.input-file input[type="text"]{width:300px;padding:0 8px;height:27px;line-height:27px;font-size:13px;color:#767676;border:1px solid #d6d6d6;background-color:#fff;box-sizing:border-box}
.input-file .btn-file{display:inline-block;overflow:hidden;position:relative;width:80px;height:27px}
.input-file .btn-file input.file{position:absolute;top:0;right:0;opacity:0;filter:alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}
.input-file .btn-file button{padding:0;width:80px}
/* text-area */
.text-area{position:relative;display:block}
.text-area:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.text-area textarea{padding:12px;width:100%;height:100%;border:1px solid #ddd;resize:none;box-sizing:border-box}
.text-area .placeholder{position:absolute;top:3px;left:13px;z-index:1}
/* check-box */
.check-box{display: inline-block;position:relative;height:22px;line-height:22px}
.check-box input{position:absolute;top:0;top:-5px\9;left:0;width:22px;height:22px;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=100)";border:none;vertical-align:top}
.check-box input:focus{outline: 1px dotted #767676;}
.check-box label{position: relative;display:inline-block;font-size:15px;color:#222; z-index: 1}
.check-box label:after{content: ''; display: block;clear: both}
.check-box label em{display:inline-block;float:left;margin:0 11px 0 0;width:22px;height:22px;background:url('/www/@resource/images/common/input_check.gif') 0 0 no-repeat;background:none\9}
.check-box.checked label em{background-position:100% 0}
/* radio-box */
.radio-box{display: inline-block;position:relative;height:13px;line-height:14px}
.radio-box input{position:absolute;top:0;top:1px\9;left:0;width:14px;height:13px;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=100)";border:none;vertical-align:middle}
.radio-box input:focus{outline: 1px dotted #767676;}
.radio-box label{display:inline-block; position: relative;}
.radio-box label:after{content: ''; display: block;clear: both}
.radio-box label em{display:inline-block;float:left;margin:-1px 8px 0 0;width:14px;height:13px;background:url('/www/@resource/images/common/input_radio.png') 0 0 no-repeat;background:none\9}
.radio-box.checked label em{background-position:100% 0}
/* layout800 */
input[type="tel"],
input[type="text"],
input[type="file"],
input[type="search"],
input[type="password"]{font-size:12px}

/* modal layer */
.modal-layer #mask{display:none;position:absolute;top:0;left:0;background-color:#000;z-index:9000}
.modal-layer .layer{display:none;position:absolute;top:50%;left:50%;margin:-200px 0 0 -260px;width:500px;height:auto;border:10px solid #222;background-color:#fff;z-index:10000}
.modal-layer .layer .wrap .thumb{width:100%;height:auto}
.modal-layer .layer .wrap .thumb img{width:100%;height:auto}
.modal-layer .layer .wrap .summary{padding:20px}
.modal-layer .layer-close{display:block;position:absolute;top:0px;right:0px;width:30px;height:30px;background:#222 url('/www/@resource/images/common/btn_close_02.png') 10px 5px no-repeat}

/* 2018-05-04 컨텐츠 내 삽입 이미지 깨지는 문제 임시 조치 */
.modal-layer .wrap {padding:20px;}
.modal-layer .wrap img {width:100% !important; height:auto !important}

/*pagenation*/
.pagination{height:24px;line-height:24px;text-align:center;width: 303px; margin: 0 auto}
.pagination:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.pagination .page{display:inline-block;overflow:hidden;margin:0 7px}
.pagination a{text-decoration:none;}
.pagination .page a,
.pagination .page strong{display:inline-block;height: 24px;padding:0 8px;font-size:12px;font-family:'Tahoma'}
.pagination .page a:hover{color:#222}
.pagination .page strong{color:#CA001C;text-decoration:underline}
.pagination .btn-prev,
.pagination .btn-next{display:inline-block;overflow:hidden;position:relative;width:25px;height:25px}
.pagination .btn-prev span.ir,
.pagination .btn-prev:after,
.pagination .btn-next span.ir,
.pagination .btn-next:after{content:"";display:block;position:absolute;top:0;width:25px;height:25px;background-image:url('/www/@resource/images/common/pagination.gif');background-repeat:no-repeat}
.pagination .btn-prev span.ir,
.pagination .btn-prev:after{background-position:0 0}
.pagination .btn-next span.ir,
.pagination .btn-next:after{background-position:right 0}
.layout800 .pagination {width: 293px; margin: 0 auto}
.layout800 .pagination .page{margin:0 2px}
/* page-control */
.page-control:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.page-control a{display:block;float:left;position:relative;padding:0;margin:0 3px;min-width:auto;width:11px;height:10px;line-height:auto;font-size:10px;color:transparent}
.page-control a:after{content:"";display:block;position:absolute;top:0;left:0;width:11px;height:10px;background-image:url('/www/@resource/images/common/page_control.png');background-repeat:no-repeat}
.page-control a.active:after{background-position:0 100%}


/* select */
.selector{display:inline-block;*display:inline;zoom:1;border:3px solid #ddd;background-color:#fff;}
.selector select{padding:5px 0; width:110px;}
.selectricWrapper{position:relative;margin:0;cursor:pointer}
.selectricWrapper.selectricOpen{z-index:202 !important}
.selectricResponsive{width:100%}
.selectric{background:#fff;position:relative}
.selectric .label{display:block;white-space:nowrap;overflow:hidden;margin:0 21px 0 5px;padding:7px 5px 2px 5px;font-size:12px;line-height:19px;color:#333;min-height:19px;text-align:left}
.selectric .button{display:block;position:absolute;right:9px;top:14px;width:10px;height:5px;background:url('/www/@resource/images/common/select_arrow.png') no-repeat;font-size:0}
.selectricOpen{z-index:9999}
.selectricOpen .selectric{border-color:#d6d6d6;background:#fff}
.selectricOpen .selectricItems{display:block}
.selectricDisabled{cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectricDisabled .selectric{border:1px solid #d4d4d4;background:#e7e7e7;position:relative;border-radius:2px}
.selectricDisabled .selectric .label{color:#9e9e9e}
.selectricDisabled .selectric .button{background:url('/www/@resource/images/common/select_arrow.png') no-repeat}
.selectricHideSelect{position:relative;overflow:hidden;width:0;height:0}
.selectricHideSelect select{position:absolute;left:-100%;display:none}
.selectricInput{position:absolute !important;top:0 !important;left:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;outline:none !important;border:none !important;*font:0/0 a !important;background:none !important}
.selectricTempShow{position:absolute !important;visibility:hidden !important;display:block !important}
.selectricItems{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #adadad;border-radius:2px;z-index:-1}
.selectricItems .selectricScroll{height:100%;overflow:auto}
.selectricAbove .selectricItems{top:auto;bottom:100%}
.selectricItems ul{border:1px solid #eaeaea;border-radius:2px}
.selectricItems ul, .selectricItems li{list-style:none;padding:0;margin:0;font-size:12px;line-height:20px;min-height:20px;text-align:left}
.selectricItems li{display:block;padding:5px;color:#666;cursor:pointer;border-top:1px solid #eaeaea}
.selectricItems li:first-child{border-top:none;border-radius:2px 2px 0 0}
.selectricItems li:last-child{border-radius:0 0 2px 2px}
.selectricItems li.selected{background:#888;color:#fff}
.selectricItems li:hover{background:#f0f0f0;color:#444}
.selectricItems li.disabled{background:#f5f5f5;color:#bbb;border-top-color:#fafafa;cursor:default}
/* selector black */
.selector.black{border:0 none;background-color:#222; }
.selector.black .selectric{background-color:#222}
.selector.black .selectric select{color: #ffffff}
.selector.black .selectric .label{padding:9px 5px 6px 5px;margin:0 32px 0 5px;font-size:13px;color:#fff}
.selector.black .selectric .button{right:14px;top:15px;background:url('/www/@resource/images/common/select_arrow_02.png') no-repeat;font-size:0}
.selector.black .selectricDisabled .selectric .button{background:url('/www/@resource/images/common/select_arrow_02.png') no-repeat}
/* layout800 selector */
.layout800 .selector select{border: 0 none; height: 21px; width:95%; margin-right:5%; padding:0 2.5% !important; box-sizing: border-box;background-color: #ffffff;-webkit-appearance: none; background:url('/www/@resource/images/common/select_arrow.png') right center no-repeat; background-size: 6px auto; font-size: 12px;}
.layout800 .selector.black select{height: 34px;background:url('/www/@resource/images/common/select_arrow_02.png') right center no-repeat; background-size: 8px auto}
.layout800 .selector.preface-body-select select{height: 40px;background:url('/www/@resource/images/common/select_arrow_03.png') right center no-repeat; background-size: 14px auto }

/* search-form */
.search-form:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.search-form .search-select{float:left}
.search-form .search-select .selector{/*min-width:130px*/}
.search-form .search-input{float:left;margin:0 0 0 10px;width:238px}
.search-select:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.search-input{display:block;position:relative; right: 0; top: 0;width: 240px;padding-right:24px;height:34px;line-height:34px;border-bottom:2px solid #ddd;background-color:#ffffff;/* z-index: 201 */}
.search-input fieldset{position: relative;}
.search-input:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.search-input .input-text{padding:0 8px;width:100%;height:30px;line-height:34px;border:0 none;background-color:#fff;box-sizing:border-box}
.search-input .input-text input{width:100%;height:30px;line-height:34px;border:0 none;outline:0 none;background-color:transparent;box-sizing:border-box}
.search-input button{position:absolute;top:8px;right:1px;background-color:#ffffff; width: 20px; height: 20px}
/* layout800 */
.layout800 .search-form{margin-top:30px;position:relative;padding:0 60px 0 90px;}
.layout800 .search-form .search-select{float:none;position:absolute;top:0;left:0;height:25px;box-sizing:border-box;}
.layout800 .search-form .search-select .selector{display: block;float:none;width:80px;min-width:initial;height:25px;border:2px solid #ddd;box-sizing:border-box;}
.layout800 .search-form .search-select .selectric .label{padding:2px 5px 0 5px;min-height:auto}
.layout800 .search-form .search-select .selectric .button{top:8px;right:6px}
.layout800 .search-form .search-input{float:none;position: static;width: auto;padding:0;margin:0;height:25px;line-height:25px;border-bottom:0 none}
.layout800 .search-form .search-input .input-text{height:25px;line-height:25px;border:1px solid #ddd; padding: 0; font-size: 11px;}
.layout800 .search-form .search-input .input-text input{height:25px;line-height:25px;width: 100%; padding:0 2.5%;}
.layout800 .search-form .search-input button{position:absolute;top:0;right:0;width:53px;height:25px;line-height:27px;font-size:12px;background-color:#222}
.layout800 .search-form .search-input button:after{content:"검색";display:block;position:absolute;top:0;top:-11px\9;left:0;width:53px;height:25px;color:#fff;text-align:center}
.layout800 .search-form .search-input button img{display:none}

/* tab */
.tab{position:relative;text-align:center}
.tab:after{content:"";display:block;clear:both;height:0;visibility:hidden}
/* tab st1 */
.tab.st1:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ddd}
.tab.st1 li{display:inline-block;position:relative;margin:0 30px 0 0}
.tab.st1 li a{display:block;padding-bottom:10px;font-size:14px;line-height:18px;color:#767676}
.tab.st1 li.active:after{content:"";display:block;position:absolute;bottom:0;width:100%;height:4px;border-bottom:4px solid #222}
.tab.st1 li.active a{color:#222;font-weight:bold}
/* layout800 */
.layout800 .tab.st1 li{display:block;float:left;margin:0}
.layout800 .tab.st1 li a{padding-bottom:7px;font-size:13px}
.layout800 .tab.st1 li.active:after{border-bottom:2px solid #222}
/* tab st2 */
.tab.st2{border:1px solid #ddd;box-sizing:border-box}
.tab.st2 li{display:block;float:left;position:relative;width:50%;height:44px;line-height:44px;text-align:center;background-color:#fff;box-sizing:border-box}
.tab.st2 li + li{border-left:1px solid #ddd}
.tab.st2 li.active{background-color:#222}
.tab.st2 li a{display:block;font-size:20px}
.tab.st2 li.active:after{content:"";display:block;position:absolute;bottom:0;width:100%;height:4px;border-bottom:4px solid #222}
.tab.st2 li.active a{color:#fff}

/* tabs */
.tabs-cont{display:none}
.tabs-cont:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.tabs-cont.active{display:block}

/* tag */
.tag01{display:inline-block;color:#fff;text-align:center;background-color:#029bc4}
.tag02{display:inline-block;color:#fff;text-align:center;background-color:#ca001c}
.tag03{display:inline-block;color:#fff;text-align:center;background-color:#222}
.tag04{display:inline-block;color:#fff;text-align:center;background-color:#fcaf17}

/* toggle-type1 */
.toggle-type1{border-top:1px solid #222;border-bottom:1px solid #222}
.toggle-type1 .toggle-wrap{position:relative}
.toggle-type1 .toggle-wrap + .toggle-wrap{border-top:1px solid #ddd}
.toggle-type1 .toggle-wrap .ico-toggle{cursor:pointer;height:63px}
.toggle-type1 .toggle-wrap .item-tit .subject{padding:17px 0 0 23px;line-height:63px;font-size:24px;color:#222;background:url('/www/@resource/images/common/bg_tit_01.png') 0 7px no-repeat}
.toggle-type1 .toggle-wrap .aside{position:absolute;top:31px;right:22px;width:16px;height:8px;background:url('/www/@resource/images/common/btn_tgl_01.png') 0 0 no-repeat}
.toggle-type1 .toggle-wrap.active .aside{background-position:0 -8px}
.toggle-type1 .toggle-wrap .toggle-cont{display:none;position:relative;padding:0 60px 30px 18px}
.toggle-type1 .toggle-wrap .toggle-cont .btn-close{position:absolute;top:34px;right:33px}
/* toggle-type2 */
.toggle-type2{position:relative;margin-left:0.1%;width:100%; border:1px solid #ddd; border-left: 0 none;}
.toggle-type2:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.toggle-type2 .toggle-wrap{float:left;position:relative;width:33.3%;border-top: 1px solid #dddddd;margin-top: -1px;}
.toggle-type2 .toggle-wrap:after{content:"";display:block;position:absolute;top:0;left:0;width:1px;height:100%;background-color:#ddd}
.toggle-type2 .toggle-wrap .ico-toggle{position:relative;padding:33px 0 30px 0;cursor:pointer}
.toggle-type2 .toggle-wrap .ico-toggle.active{border-bottom:1px solid #f9f9f9;background-color:#f9f9f9}
.toggle-type2 .import-cont{border: 1px solid #dddddd; border-right: 0 none}

/* ie8 end */
.toggle-type2 .toggle-wrap .ico-toggle .thumb{padding:0 28px;height:144px;box-sizing:border-box}
.toggle-type2 .toggle-wrap .ico-toggle .thumb .thumb-img{overflow:hidden;width:100%;height:100%}
.toggle-type2 .toggle-wrap .ico-toggle .thumb .thumb-img a{display:block}
.toggle-type2 .toggle-wrap .ico-toggle .thumb .thumb-img img{display:block;width:100%;height:100%}
.toggle-type2 .toggle-wrap .ico-toggle .item-info{padding:0 28px;margin-top:20px;line-height:22px}
.toggle-type2 .toggle-wrap .ico-toggle .item-info .from{display:block;overflow:hidden; line-height: 1.4; height: 36px;margin-bottom: 5px;}
.toggle-type2 .toggle-wrap .ico-toggle .item-info .author{display:block;margin:6px 20px 0 0}
.toggle-type2 .toggle-wrap .ico-toggle .item-info .author em{display:block;width:100%;height:20px;font-size:18px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis}
.toggle-type2 .toggle-wrap .ico-toggle .item-info .author span{display:block;margin-top:4px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis}
.toggle-type2 .toggle-wrap .aside{position:absolute;bottom:10px;right:10px;width:33px;height:33px;background:url('/www/@resource/images/common/btn_tgl_02.png') 0 0 no-repeat}
.toggle-type2 .toggle-wrap.active .aside{background-position:0 -33px}
/* 가상 클래스 박스 */
.toggle-type2 .import-cont{clear:both;display:block;position:relative;width:100%;padding:40px 198px 30px 35px;background-color:#f9f9f9;box-sizing:border-box;z-index:1}
.toggle-type2 .import-cont:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.toggle-type2 .import-cont .subject{margin-bottom:32px;line-height:22px;font-size:18px;font-weight:bold;color:#222}
.toggle-type2 .import-cont .btn-close{position:absolute;top:34px;right:33px}
.toggle-type2 .import-cont.st1 .tabs{position:absolute;bottom:30px;right:120px}
.toggle-type2 .import-cont.st1 .tabs li{margin-top:9px;width:57px;height:57px;border:1px solid #ddd}
.toggle-type2 .import-cont.st1 .tabs li.active{border:1px solid #222}
.toggle-type2 .import-cont.st1 .tabs-cont{width:100%;height:100%;border:1px solid #dedede}
.toggle-type2 .import-cont.st1 .tabs-cont img{width:100%;height:auto}
.toggle-type2 .import-cont.st2{padding:73px 57px 50px 50px}
.toggle-type2 .import-cont.st2 .subject{padding-left:284px;margin-bottom:51px;font-size:30px;line-height:34px}
.toggle-type2 .import-cont.st2 .thumb{position:absolute;top:54px;left:50px;width:238px;height:156px}
.toggle-type2 .import-cont.st2 .thumb-img img{border:1px solid #dedede}
.toggle-type2 .import-cont.st2 .item-info{padding-left:284px}
.toggle-type2 .import-cont.st2 .item-info .author{font-size:18px}
.toggle-type2 .import-cont.st2 .item-info .summary{margin-top:20px}
/* .toggle-type2 .import-cont.st2 .item-info img{width: 100%} */
.toggle-type2 .import-cont.st2 .item-info img{width: 100% !important; height:auto !important;} /* 2018.05.전시작품 CSS 깨져서 수정  */

.toggle-type2 .import-cont.st2 .view-larger{position:absolute;bottom:-1px;right:-1px}
.toggle-type2 .import-cont.st2 .view-larger a{display:block}
/* layout800 */
.layout800 .toggle-type2 .toggle-wrap{width:50%}
.layout800 .toggle-type2 .toggle-wrap .ico-toggle{padding:6px 0 8px 0}
.layout800 .toggle-type2 .toggle-wrap .ico-toggle .thumb{padding:0 7px;height:60px}
.layout800 .toggle-type2 .toggle-wrap .ico-toggle .item-info{padding:0 7px;margin-top:8px;line-height:14px}
.layout800 .toggle-type2 .toggle-wrap .ico-toggle .item-info .from{font-size:9px; height: 30px}
.layout800 .toggle-type2 .toggle-wrap .ico-toggle .item-info .author{margin:0}
.layout800 .toggle-type2 .toggle-wrap .ico-toggle .item-info .author em{height:auto;font-size:13px}
.layout800 .toggle-type2 .toggle-wrap .ico-toggle .item-info .author span{margin:0;font-size:9px}
.layout800 .toggle-type2 .toggle-wrap .aside{display:none;right:7px;bottom:8px;width:14px;height:14px;background-size:14px auto}
.layout800 .toggle-type2 .toggle-wrap.active .aside{background-position:0 -14px}
.layout800 .toggle-type2 .import-cont.st1{padding:20px 10px 65px 10px}
.layout800 .toggle-type2 .import-cont .subject{margin-bottom:13px;font-size:14px;line-height:18px}
.layout800 .toggle-type2 .import-cont.st1 .tabs{bottom:15px;right:auto;left:10px}
.layout800 .toggle-type2 .import-cont.st1 .tabs:after{content:"";display:block;clear:both;height:0;visibility:hidden}
.layout800 .toggle-type2 .import-cont.st1 .tabs li{float:left;margin-right:5px;width:40px;height:40px}
.layout800 .toggle-type2 .import-cont.st2{padding:20px 10px 22px 10px}
.layout800 .toggle-type2 .import-cont.st2 .subject{padding:0}
.layout800 .toggle-type2 .import-cont.st2 .thumb{position:relative;top:auto;left:auto;width:100%;height:200px}
.layout800 .toggle-type2 .import-cont.st2 .thumb .thumb-img{width:100%;height:100%}
.layout800 .toggle-type2 .import-cont.st2 .thumb .thumb-img img{display:block;width:100%;height:100%}
.layout800 .toggle-type2 .import-cont.st2 .view-larger{width:20px;height:20px}
.layout800 .toggle-type2 .import-cont.st2 .view-larger img{width:20px;height:20px}
.layout800 .toggle-type2 .import-cont.st2 .item-info{padding:0;margin-top:22px}
.layout800 .toggle-type2 .import-cont.st2 .item-info .author{font-size:15px}
.layout800 .toggle-type2 .import-cont.st2 .summary{margin-top:18px}
.layout800 .toggle-type2 .import-cont .btn-close{top:10px;right:10px}
.layout800 .toggle-type2 .import-cont .btn-close a{width:8px;height:8px;background-size:8px auto}


/* 20160303_newCSS */
.header_lang{float:left; position:relative; z-index:202;}
.header_lang p{text-align:left; padding:9px 11px 2px;}
.header_lang p a{display:block; font-size:12px; color:#fff; min-height:19px;}
.header_lang p a span{display:inline-block; width:10px; height:9px; right:14px; top:15px; padding-left:10px; background:url('/www/@resource/images/common/select_arrow_07.png') right center no-repeat; font-size:0; vertical-align:middle;}
.header_lang ul{position:absolute; /* top:33px; */ top:-1000px; left:0; width:81px; background:#fff; border:1px solid #adadad;}
.header_lang ul.lang_on{top:29px;}
.header_lang ul li{border:1px solid #eaeaea; text-align:left;}
.header_lang ul li a:hover{background:#f0f0f0; color:#444 !important;}
.header_lang ul li a{font-size:12px; color:#666; display:block; padding:5px;}
.header_lang ul li.selected{background:#888;}
.header_lang ul li.selected a{color:#fff;}

/* 2017-03-09, 이종원, 웹접근성관련 css 수정 */
.searchicon{
	display: block;
	width: 16px;
	height: 16px;
	margin: 2px auto;
	background: url('/www/@resource/images/common/btn_search.png') no-repeat;
	text-indent: -9999em;
	overflow: hidden
}
.data-table.vert th.thborder_bottom1{
	border-bottom: 1px solid #ddd !important
}

div.gb-table-responsive {
	width:100%;
	overflow-x:auto;
	box-shadow:#a9a7a7 -5px 5px 10px 5px inset;
}