@CHARSET "UTF-8";

@import url("/assets/css/board.css");
@import url("/assets/css/button.css");


.txt_red{color:#f00!important}
.txt_blue{color:#00f!important}
.txt_green{color:#28a987!important}

body{font-family:}
/* Layout */
.sublayout .lnb{width:200px}
.content{padding-left:30px;width:970px;}
.content *{box-sizing:border-box}
.content b{font-weight:700;color:#000}
.ctt-wrap{margin-top:20px}
.ctt-wrap:after{display:block;content:'';clear:both}
.ctt-left{float:left;width:760px;min-width:760px;padding-right:30px;box-sizing:border-box}
.ctt-right{float:right;width:210px;box-sizing:border-box;border-left:1px solid #ccd1d9;border-right:1px solid #ccd1d9;height:100%}

/* 해시태그  */
.sublayout.tag .content{width:100%;box-sizing:border-box}

/* 통합검색 */
.sublayout.sch_wrap .content{width:100%;box-sizing:border-box}

/*임시검색  */
.sublayout.sch_imsi .content{width:100%;box-sizing:border-box;padding-left:0}
.sublayout.sch_imsi .content .ctt-left{width:100%;box-sizing:border-box}
.sublayout.sch_imsi .sch_box input{width:100%;padding-right:70px}


/* 검색영역 */
.serchArea *{box-sizing:border-box}
.sch_box{position:relative}
.sch_box input{border:5px solid #1b4692;width:775px;height:60px;font-size:18px}
.sch_box .btn_search{background:url(/images/site/main/btn_total_search.png)0 0 no-repeat;width:64px;height:60px;text-indent:-99999px;margin-left: -3px;}


/* 자동완성 */
.auto_result{position:absolute;top:58px;left:0;border:2px solid #1b4692;width:770px;padding:10px 0;background:#fff;z-index:100}
.auto_result li{padding:0 0}
.auto_result li a{color:#000;display:block;padding:2px 10px}
.auto_result li a:hover{background:#e7ecf2}
.auto_result li a strong{color:#059eda}
.auto_result ul:nth-child(2){border-top:1px dashed #ccd1d9;margin-top:5px}


/*임시검색 검색영역  */
.sublayout.sch_imsi .sch_box input{border:5px solid #1b4692;width:100%;height:60px;font-size:18px;padding-right:64px}
.sublayout.sch_imsi .sch_box .btn_search{background:url(/images/site/main/btn_total_search.png)0 0 no-repeat;width:64px;height:60px;text-indent:-99999px;margin-left: -3px;position:absolute;top:0;right:0}
.sublayout.sch_imsi .serchArea input,.sublayout.sch_imsi .serchArea  button{vertical-align:top}

.btn_sch_option{border:5px solid #aab2bd;background:#fff;height:60px;width:120px;font-size:15px;font-weight:300;color:#aab2bd;position:relative;padding-right:20px}
.btn_sch_option:after{position:absolute;top:13px;right:10px;content:'\f107';display:block;  font-family: 'FontAwesome';font-size:23px;font-weight:bold}

.btn_sch_option.on{border:5px solid #5b80c0;background:#fff;height:60px;width:120px;font-size:15px;font-weight:300;color:#5b80c0;position:relative;padding-right:20px}
.btn_sch_option.on:after{position:absolute;top:13px;right:10px;content:'\f106';display:block;  font-family: 'FontAwesome';font-size:23px;font-weight:bold}


/* 검색옵션 */
.sch_option{border:1px solid #acb3ce;padding:10px 30px;position:relative;margin-top:20px;display:none; overflow:hidden;}
.sch_option:before{display:block;content:'';position:absolute;bottom:-4px;left:0;background:#eeeeee;width:100%;height:3px;clear:both}
.sch_option:after{display:block;content:'';clear:both}
.sch_option dl{float:left;width:40%;margin-bottom:10px}
.sch_option dl.opt_period{width:100%}
.sch_option dt,.sch_option dd,.sch_option dd li{display:inline-block}
.sch_option dt{background:url(/images/site/main/dot_bu.png)0 10px no-repeat;padding:0 10px 0;color:#000;font-weight:500;font-size:15px;}
.sch_option dd li button{border:1px solid #d3d7e8;background:#fff;width:90px;height:35px;text-align:center;margin-left:-5px;}
.sch_option dd li button.select{background:#8b90a4;color:#fff;font-weight:300;border:1px solid #8b90a4}
.sch_option dd li .rng_prd{display:none;position:absolute;top:56px;left:480px}
.sch_option .opt_period li button{width:62px}
.sch_option dd li .rng_prd button{width:40px;border:1px solid #d3d7e8;background:#e3e8ef;margin-left:3px}
.sch_option dd li .rng_prd input{width:120px;background:url(/images/site/main/ic_sch_cldr.png)right center no-repeat;}


/* 검색결과 화면 */
.result_all{font-size:18px;font-weight:500;border-bottom:2px solid #000;padding:20px 0}
.result_all b{color:#059edb;}
.result_all span{color:#e33d22;}

.section{position: relative; overflow: hidden; padding: 25px 0 0;    border-bottom: 1px solid #000;}
.section h3{font-size:18px;font-weight:500;border-bottom:1px dashed #ccc;padding-bottom:20px;margin-bottom:25px}
.section h3 span{color:#656d78;font-size:14px;font-weight:300}
.section ul li a{color:#444a54;font-size:15px;font-weight:300}
.section ul li:after{display:block;content:'';clear:both}
.section ul li a:hover{text-decoration:underline;color:#059edb}
.section ul li a:hover b{color:#059edb}


.section.total {padding-bottom:0}
.section.total h3{margin-bottom:0}
.section.total ul{overflow:hidden;background:#f7f8fa;padding:25px 20px}
.section.total ul li{float:left;width:33.3%;margin-bottom:15px}

.section ul{}
.section ul li{margin-bottom:20px}
.section dl{margin-bottom:40px}
.section dl dt a{font-weight:500;color:#0b9edb}
.section dl dt a:hover,
.section dl dt a:focus {text-decoration:underline;}
.section dl dd{font-size:14px;padding:5px 0}
.section dl dd .ic_dwn{background:url(/images/cms/comm/ic_sch_dwn.png)0 3px no-repeat;color:#1a4692;padding-left:20px}
.section dl dd.info_etc{color:#8f9eb4;font-size:13px}
.section ul li table th,.section ul li table td{font-size:13px}
.section ul li img{float:left;padding-right:20px;width:270px;height:150px}

.result_more{text-align: right;  height: 27px;  padding: 0 20px 0 0;}

.result_more a{font-size:14px;font-weight:500;color:#444a54;position:relative;padding-right:20px}
.result_more a:after{content:'';display:block;position:absolute;top:5px;right:0;background:url(/images/site/main/btn_sch_more.png)0 0 no-repeat;width:11px;height:11px}

/* 오른쪽 */
.aside h3{background:#f7f8fa;padding:20px 10px;border-bottom:1px solid #ccd1d9;border-top:1px solid #ccd1d9}
.aside ol,.aside ul{padding:0 10px;margin:15px 0 30px;}
.aside li{position:relative}
.aside li a{font-size:13px;letter-spacing:-0.05em;font-weight:300;width:70%;display:inline-block;    display: inline-block;   overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis;
    -o-text-overflow: ellipsis;}
.aside ol li> em{border:1px solid #ccd1d9;width:18px;height:18px;text-align:center;display:inline-block;font-size:12px;letter-spacing:-0.08em;margin-right:8px;    vertical-align: top;}

.aside li a:focus {
	text-decoration:underline;
}
.aside  li span{display: block; position: absolute; top: 2px;  right: 0;  width:25px;  height: 15px;  padding-left: 12px;  overflow: hidden;  color: #555;  font-family: Verdana;  font-size: 10px;   background: url(/images/site/main/ic_sch_aside.png) no-repeat 0 0;}
.aside  li span em{position:absolute; top:-2000px; right:-2000px;}

.aside ol li span.up {background-position:0 0;color:#e82828;}
.aside ol li span.dw {background-position:0 -22px;color:#0b9edb}
.aside ol li span.df {background-position:0 -45px;}
.aside ol li span.new { background:none; padding-left:2px;  font-weight:bold; color:#e82828;}
.aside:last-child{border-bottom:1px solid #ccd1d9}

.aside ul li a{width:90% }
.aside ul li button{text-indent:-9999em;width:8px;height:12px; background:url(/images/site/main/ic_sch_aside.png) 0 -70px no-repeat;   vertical-align: top;margin-top:5px}
.aside ul li button:focus {border:1px solid gold}