@charset "utf-8";
@import url("../font/NanumBarunGothic.css");
@import url("../font/Plain.css");



 .search_inner {position:relative; float:left;margin-top:5px; margin-right:55px; width:150px;}
 .search_inner .input_area {position:relative; width:100%; height:80px; border-bottom:2px solid #fff;}
 .search_inner .input_area .search_input {font-size:32px; width:100%; height:80px; line-height:80px; background:transparent; color:#fff; padding-right:60px; box-sizing: border-box;outline:none;border:none;}
 .search_inner .input_area .search_input::placeholder {color:rgba(255,255,255,0.2);}
 .search_inner .input_area a {display: block; position:absolute; bottom:30px; right:0;width:30px;}
 .search_inner .search_chain {position:relative; width:100%;}
 .search_inner .search_chain .chain_title {position:absolute; top:23px; left:0; font-size:18px;}
 .search_inner .search_chain .chain_nochain {display:none;position:absolute; top:25px; left:122px; font-size:15px;line-height:20px;color:rgba(255,255,255,0.5);}
 .search_inner .search_chain .chain_nochain.on {display: block;}
 .search_inner .search_chain .chain {width:100%;min-height:62px; padding: 12px 180px 0 104px; font-size:0; box-sizing: border-box;}
 .search_inner .search_chain .chain a {display: inline-block; font-size:16px; height:40px; line-height:40px; padding:0 20px; border:1px solid rgba(255,255,255,0.3); border-radius: 30px; margin:0 8px 8px 0;}
 .search_inner .search_chain .reSearch {position:absolute; top:25px; right:0; font-size:16px;}
 .search_inner .search_chain .reSearch label {cursor:pointer;}
 .search_inner .search_chain .reSearch label input {position:absolute; top:0; opacity:0;}
 .search_inner .search_chain .reSearch label .check_box {width:20px; height:20px; display: inline-block; vertical-align:top; margin-right:4px;}
 .search_inner .search_chain .reSearch label .check_box:before {content:""; display: block; position:relative; top:-2px; width:20px; height:20px; background:url("../images/btn_checkbox_research.png") no-repeat 0 0 / contain;}
 .search_inner .search_chain .reSearch label input:checked ~ .check_box:before {background:url("../images/btn_checkbox_research_on.png") no-repeat 0 0 / contain;}




 .gu_sort_area {display:inline-block;}
 .gu_sort_area .gu_sort_name:before {background:url("../images/ico_arrow_white_bottom.png") no-repeat 0 0 / contain;bottom:18px;}
 .gu_sort_area .gu_sort_name a {white-space:normal;overflow:visible;text-overflow:unset;color:#333;}
 .gu_sort_area .gu_sort_name a:before {background:rgba(0,0,0,0.3);}
 .gu_sort_area .gu_sort_name a:after {background:#39d59d;}
 .gu_sort_area .gu_selectbox {height:240px;max-height:240px;}
 .gu_sort_area .gu_selectbox .gu_selectbox_inner a {position:relative}
 .gu_sort_area .gu_selectbox .gu_selectbox_inner a span.count {position:absolute;top:10px; padding-left:4px; font-size:10px;}

/* =================================== 셀렉트박스 =================================== */
/* 셀렉트박스 */
.fclear .gu_sort_area {float:right;margin-bottom:40px;}
.gu_sort_area {font-size: 0; width:100%; position:relative;}
.gu_sort_area>div {display: inline-block;vertical-align: bottom;position: relative;}
.gu_sort_area .gu_sort_name {height: 100%; width:100%; position:relative;}

.gu_sort_area .gu_sort_name:before {content: '';position: absolute;width: 16px;height: 16px;right: 0;bottom:12px;background: url("../images/ico_arrow_black_bottom.png") no-repeat 0 0 / contain;}
.gu_sort_area .gu_sort_name a {display: block;font-size: 18px; text-align: left; text-indent:10px; 	position: relative;max-width:100%;height: 40px;color:#222;font-weight:500;white-space: nowrap; padding:8px 25px 17px 0;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.gu_sort_area .gu_sort_name a:before {content:''; position:absolute;width:100%;height:2px;left:0;bottom:0;background:#aaa;}
.gu_sort_area .gu_sort_name a:after {content:''; position:absolute;width:0;height:2px;left:0;bottom:0;background:#00ad83;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s;}
.gu_sort_area .gu_sort_name a:hover:after {width:100%;}

.gu_sort_area .gu_selectbox {position:absolute;top:0;left:0;z-index:2;min-width:100%;width:auto; height:120px; max-height:880px; background-color:#00ad83;color:#fff; visibility: hidden; opacity:0;}

.gu_sort_area .gu_selectbox.on {visibility: visible; opacity:1;}
.gu_sort_area .gu_selectbox .gu_selectbox_inner {position:relative; width:100%; height:100%;}
.gu_sort_area .gu_selectbox .gu_selectbox_inner a {font-size:16px; text-align:left; display: block; width:100%; height:40px; line-height:40px; padding-left:17px; font-weight:500;white-space:nowrap;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.gu_sort_area .gu_selectbox .gu_selectbox_inner a:hover {background:#39d59d;}
.gu_sort_area .gu_selectbox .gu_selectbox_inner a span {position:relative;display:inline-block;line-height:1;white-space:nowrap}
.gu_sort_area .gu_selectbox .gu_selectbox_inner a.on span:before {content:''; position:absolute; left:0;bottom:-6px;width:100%;height:1px;background:#fff;}

/* 스크롤 + 검색란 */
.gu_search_box .gu_sort_area .gu_selectbox {min-width:184px;}
.gu_sort_area .gu_inputbox .gu_inputbox_inner {border-bottom:2px solid #d9d9d9; margin-left:16px; width:200px; height:56px;display:inline-block; vertical-align:bottom; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gu_sort_area .gu_inputbox .gu_inputbox_inner input {width:100%; height:100%; font-size:16px;}
.gu_sort_area .gu_inputbox a.btn_search {width:48px; height:48px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;background:#333; display:inline-block; margin-left:24px;}
.gu_sort_area .gu_inputbox a.btn_search img {width:18px;height:18px; vertical-align:middle; padding:15px;}

/* 커스텀 내부 스크롤 */
.gu_custom_scroll {position:relative; width:100%; height:100%;min-height:48px; display:block;overflow:hidden;}
.gu_custom_scroll .custom_scroll_content {position:relative; overflow:scroll; overflow-x:hidden; top:0; right:0; bottom:0; left: 0;width:120%; height:100%;}
.gu_custom_scroll .custom_scroll_content::-webkit-scrollbar {visibility: hidden;}
.gu_custom_scroll .custom_scroll .has-scrollbar .custom_scroll_content::-webkit-scrollbar {visibility: visible;}
.gu_custom_scroll > .pane {position:absolute; width:5px; right:6px; top:0; bottom:0; visibility:hidden; opacity:0; -webkit-transition: .2s; -moz-transition : .2s; -o-transition : .2s; transition: .2s;}
.gu_custom_scroll > .pane > .slider {position: relative; margin: 0 1px; padding:5px 0;  box-sizing: border-box;}
.gu_custom_scroll > .pane > .slider:after {content:""; display: block; width:100%; height:96%; background:rgba(255,255,255,0.6);}
.gu_custom_scroll:hover > .pane, .pane.active, .pane.flashed {visibility : visible; opacity: 0.69;}

/* 페이징 */
.gu_table {position:relative;}
.gu_paging {text-align:center; font-size:0;font-family:"Plain", sans-serif;font-weight: 400; margin-top:56px;}
.gu_paging .btn_arrow {display:inline-block; width:8px; vertical-align:middle; margin-top:-10px; position:relative;}
.gu_paging .btn_arrow:before {content:'';background:url(../images/ico_arrow_black_right.png) no-repeat 0 0 / contain;width:10px;height:16px; display:inline-block;}
.gu_paging .btn_arrow.prev {margin-right:35px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);}
.gu_paging .btn_arrow.next {margin-left:35px;}
.gu_paging .btn_arrow.disabled {opacity:0.42;}
.gu_paging span {margin:0 12px; display:inline-block;}
.gu_paging span.paging_ellipsis {font-size:16px;color:#000;margin:0 11px;}
.gu_paging span>a {position:relative;display:inline-block; padding:0 2px 9px; font-size:16px;color:rgba(0,0,0,0.57);}
.gu_paging span>a:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 0;background: #00ad83;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;}
.gu_paging span>a:hover{color:#00ad83;}

.gu_paging span>a.on {color:#00ad83;}
.gu_paging span>a.on:before {height:2px;}

@media all and (max-width: 1080px) {


	.gu_sort_area .gu_sort_name a{font-size:16px;}
	.search_inner{margin-top:0px; margin-right:0;}
	
	
}

@media all and (max-width: 766px) {

	.search_inner{margin-top:-1px;     width: 38%; margin-right:0;}

	

}