@charset "utf-8";
#search_container { height: calc(100% - 120px); }

/* 검색영역 헤더 */
.search-header-area { padding-bottom: 15px; border-bottom: 1px solid #dee3eb; background: #fff; position: fixed; z-index: 999; left: 0; top: 115px; width: 100%; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1); }

/* 국가선택 */
.search-header-area .country-select-area { height: 55px; }
.search-header-area .country-select-area .country-select { height: 100%; width: 1240px; margin: 0 auto; padding: 0 20px; }
.search-header-area .country-select-area .country-select a { float: left; height: 100%; width: 20%; line-height: 16px; letter-spacing: 0; background: #e7ecf4; text-align: center; padding: 20px 0; font-weight: 400; color: #666; }
.search-header-area .country-select-area .country-select a img {  width: 16px; height: 16px; display: inline-block; margin-right: 8px; filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); opacity: .7; }
.search-header-area .country-select-area .country-select a.select { background: #fff; color: #222; font-weight: 500; }
.search-header-area .country-select-area .country-select a.select img { filter: grayscale(0); -ms-filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1; }

/* 퀵서치바 */
.quick-search-area .quick-search { margin: 0 auto; width: 1240px; margin-top: 20px; padding: 0 20px; }
.quick-search-area .quick-search .search-bar { width: 100%; height: 50px; border-radius: 4px; position: relative; }
.quick-search-area .quick-search .search-bar input[type=text] { height: 100%; width: 100%; border: none; background: none; outline: 0; padding: 0 55px 0 20px; font-size: 16px; letter-spacing: 0; background: #f8f8f8; border-radius: 4px; overflow: hidden; transition: background .25s ease,border-color .25s ease; border: 1px solid #dee3eb; }
.quick-search-area .quick-search .search-bar input[type=text]:focus,
.quick-search-area .quick-search .search-bar input[type=text]:active { background: #fff; border-color: #9CA4B1; }
.quick-search-area .quick-search .search-bar .btn-quick-search { width: 55px; height: 100%; position: absolute; z-index: 2; top: 0; right: 0; background: none; border: none; padding: 10px; opacity: .5; outline: 0; transition: opacity .25s ease; }
.quick-search-area .quick-search .search-bar input[type=text]:focus + .btn-quick-search,
.quick-search-area .quick-search .search-bar input[type=text]:active + .btn-quick-search { opacity: .8; }
.quick-search-area .quick-search .search-bar .btn-quick-search:hover { opacity: 1; }
.quick-search-area .quick-search .search-bar input[type=text]:focus + .btn-quick-search:hover,
.quick-search-area .quick-search .search-bar input[type=text]:active + .btn-quick-search:hover { opacity: 1; }
.quick-search-area .quick-search .search-bar .btn-quick-search img { height: 100%; width: auto; }

/* 툴 버튼 */
.tool-btn { font-size: 1.1rem; background: #7c83ff; border: none; border-radius: 4px; color: #fff; font-weight: 300; padding: 2px 5px; outline: 0; }

/* 서치 히스토리 */
.search-history { margin: 15px 0 0; }
.search-history .head { float: left; font-weight: bold; font-size: 1.2rem; color: #1652f0; margin-right: 10px; }
.search-history .history { float: left; font-size: 1.2rem; letter-spacing: 0; width: 1040px; overflow: hidden; text-overflow: ellipsis; display: block; color: #666; }
.search-history .tool-btn { float: right; }

/* 검색버튼 */
.search-btn-area.bottom-btn { margin-top: 30px; }
.search-btn-area .right-wrap { float: right; }
.clear-btn { background: #fff; border: 1px solid #dee3eb; letter-spacing: 0; font-size: 1.2rem; height: 35px; width: 95px; border-radius: 4px; outline: 0; }
.search-btn { background: #1652f0; color: #fff; border: none; letter-spacing: 0; font-size: 1.2rem; height: 35px; width: 95px; border-radius: 4px; outline: 0; }
.search-btn-area .right-wrap .search-btn { margin-left: 5px; }

/* 상세 */
.complex-search-area { background: #f8f8f8; min-height: 100%; padding-top: 300px; padding-bottom: 100px; }
.complex-search-area .complex-search { margin: 0 auto; width: 1240px; padding: 10px 20px; }
.wrap { padding: 5px 0 10px; border-bottom: 1px solid #dee3eb; margin-bottom: 5px; }
.wrap .category-name { font-size: 1.3rem; padding-left: 25px; width: 140px; height: 100%; position: relative; margin-bottom: 5px; cursor: default; }
.wrap .category-name img { position: absolute; z-index: 1; left: 0; top: 2px; width: 18px; height: 18px; }

.wrap .category-name .category-toggle { padding: 0 8px 0 17px; margin-left: 10px; height: 17px; font-size: 1rem; color: #666; background: #dee3eb; border: none; border-radius: 3px; position: relative; }
.wrap.on .category-name .category-toggle .on { display: block; }
.wrap.on .category-name .category-toggle .off { display: none; }
.wrap.off .category-name .category-toggle .on { display: none; }
.wrap.off .category-name .category-toggle .off { display: block; }
.wrap.on .category-name .category-toggle:before { position: absolute; content: ''; border-bottom: 3px solid #666; border-left: 3px solid transparent; border-right: 3px solid transparent; left: 7px; top: 7px; }
.wrap.off .category-name .category-toggle:before { position: absolute; content: ''; border-top: 3px solid #666; border-left: 3px solid transparent; border-right: 3px solid transparent; left: 7px; top: 7px; }

.wrap .search-content-area .column { float: left; }
.wrap .search-content-area.column-1 .column { width: 100%; }
.wrap .search-content-area.column-2 .column { width: 50%; }
.wrap .search-content-area .column .row { margin-top: 5px; }
.wrap .search-content-area .column .sub-row-wrap { margin-top: 5px; display: none; padding: 0 0 5px; position: relative; }
.wrap .search-content-area .column .sub-row-wrap:after { z-index: 1; position: absolute; content: ''; left: 8px; bottom: 10px;  border-left: 1px dashed #C3CAD5; width: 0; height: calc(100% - 10px); }
.wrap .search-content-area .column .row.sub-on + .sub-row-wrap { display: block; }
.wrap .search-content-area .column .row:first-of-type { margin-top: 0; }
.wrap .search-content-area .column .row .row-header { font-size: 1.2rem; color: #555; float: left; width: 195px; padding: 2px 10px 0 25px; position: relative; cursor: default; }
.wrap .search-content-area .column .row .row-header button.toggle { background: #dee3eb; width: 17px; height: 17px; border-radius: 3px; border: none; position: absolute; outline: 0; transition: background .25s ease; left: 1px; top: 4px; }
.wrap .search-content-area .column .row .row-header button.toggle .ico { position: relative; display: block; width: 100%; height: 100%; }
.wrap .search-content-area .column .row .row-header button.toggle .ico:after { position: absolute; z-index: 2; top: 50%; margin-top: -2px; left: 50%; margin-left: -3.5px; content: ''; border-top: 4px solid #666; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; }
.wrap .search-content-area .column .row .row-header button.toggle:hover { background: #C6CEDB; }
.wrap .search-content-area .column .row.sub-on .row-header button.toggle .ico:after { margin-top: -3px; border-top:none; border-bottom: 4px solid #666; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent;  }


.wrap .search-content-area .column .row .input-area { float: left; width: calc(100% - 195px); }
.wrap .search-content-area .column .row .input-area.input-box { width: calc(100% - 270px); }
.wrap .search-content-area .column .row .option-select-box { width: 70px; float: right; height: 25px; position: relative; }
.wrap .search-content-area .column .row .option-select-box:after { position: absolute; content: ''; right: 8px; top: 11px; border-top:  4px solid #666; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; }
.wrap .search-content-area .column .row .option-select-box select { width: 100%; height: 100%; font-size: 1.1rem; letter-spacing: 0; padding: 0 10px; border: 1px solid #dee3eb; border-radius: 4px; cursor: pointer; transition: border-color .25s ease; }
.wrap .search-content-area .column .row .option-select-box select:hover { border-color: #9CA4B1; }
.wrap .search-content-area .column .row .option-select-box select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.wrap .search-content-area .column .row .option-select-box select::-ms-expand { display: hidden; }
.wrap .search-content-area .column .row .option-select-box select option { font-size: 1.1rem; letter-spacing: 0; }

/* 인풋 */
.row .input-area { position: relative; }
.row .input-area input[type=text] { width: 100%; height: 25px; border: 1px solid #dee3eb; border-radius: 4px; padding: 0 10px; font-size: 1.1rem; letter-spacing: 0; transition: border-color .25s ease; }
.row .input-area input[type=text]:active,
.row .input-area input[type=text]:focus { border-color: #9CA4B1; }
.row .input-area .btn-text-input { position: absolute; right: 3px; top: 3px; height: 19px; width: 0; border-radius: 4px;  transition: width .25s ease,opacity .25s ease; outline: 0; z-index: 2; overflow: hidden; border: none; opacity: 0; }
.row .input-area .btn-text-input.on { background: url(../img/search/ico_input_toggle.svg) no-repeat; background-position: center; background-color: #CFDFFF; background-size: 16px; }
.row .input-area .btn-text-input.off {  background: url(../img/search/ico_input_toggle_off.svg) no-repeat; background-position: center; background-color: #CFDFFF; background-size: 16px; }
.row .input-area input[type=text]:active + .btn-text-input,
.row .input-area input[type=text]:focus + .btn-text-input,
.row .input-area .btn-text-input:focus { width: 30px; border: 1px solid #B6CAF1; opacity: 1; }

.row .input-area.wide-text input[type=text] { border-color: #608BE0; }
.row .input-area.wide-text .btn-text-input { width: 30px; opacity: 1; border: 1px solid #B6CAF1; }
.row .input-area .wide-text-area { position: absolute; z-index: 3; background: #fff; width: 100%; height: 100px; border: 1px solid #608BE0; top: 24px; border-radius: 4px; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1); }
.row .input-area .wide-text-area textarea { width: 100%; border: none; width: 100%; height: 100%; resize: none; background: none; font-size: 1.2rem; padding: 5px 10px; }

.row .input-area.range-input:after { clear: both; height: 0; display: block; content: ''; }
.row .input-area.range-input input[type=text] { float: left; width: calc(50% - 15px); }
.row .input-area.range-input .unit { float: left; width: 30px; text-align: center; height: 25px; font-size: 1.2rem; color: #999999; font-weight: bold; display: inline-block; line-height: 25px; }
.row .input-area.range-input-small,
.wrap .search-content-area .column .row .input-area.range-input-small { width: calc(100% - 270px); }
.row .input-area.range-input-small input[type=text] { float: left; width: calc(50% - 15px); }
.row .input-area.range-input-small .unit { float: left; width: 30px; text-align: center; height: 25px; font-size: 1.2rem; color: #999999; font-weight: bold; display: inline-block; line-height: 25px; }

/* 헤더 버튼 */
.btn-question { display: inline-block; position: relative; width: 17px; height: 17px; line-height: 17px; background: #dee3eb; padding: 0 5px; font-size: 1.05rem; font-family: 'Arial'; font-weight: 800; border-radius: 50%; margin-left: 3px; color: #666; }
.btn-question:hover { background: #1652f0; color: #fff; }
.btn-question .answer-layer-wrap { z-index: 3; position: absolute; height: auto; bottom: 23px;display: none; }
.btn-question .answer-layer-wrap.right { right: -4px; }
.btn-question .answer-layer-wrap.left { left: -4px; }
.btn-question:hover .answer-layer-wrap { display: block; }
.btn-question .answer-layer-wrap .answer-layer { background: #fff; display: block; width: 230px; border: 1px solid #dee3eb; border-radius: 4px; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1); color: #666; font-size: 1.1rem; font-family: 'Dotum','Arial'; font-weight: normal; padding: 10px; position: relative; line-height: 17px; }
.btn-question .answer-layer-wrap.right .answer-layer:after { width: 10px; height: 7px; background: url(../img/search/bg_answer_tail.png) no-repeat; position: absolute; bottom: -7px; right: 7px; content: ''; }
.btn-question .answer-layer-wrap.left .answer-layer:after { width: 10px; height: 7px; background: url(../img/search/bg_answer_tail.png) no-repeat; position: absolute; bottom: -7px; left: 7px; content: ''; }

.btn-alert { display: inline-block; position: relative; width: 6px; height: 6px; vertical-align: top; background: #d32f2f; font-size: 1.05rem; font-family: 'Arial'; font-weight: 800; border-radius: 50%; margin-left: 3px; color: #666; }
.btn-alert:hover { background: #d32f2f; color: #fff; }
.btn-alert .alert-layer-wrap { z-index: 3; position: absolute; height: auto; bottom: 13px; right: -9px; display: none; }
.btn-alert .alert-layer-wrap.right { right: -9px; }
.btn-alert .alert-layer-wrap.left { left: -9px; }
.btn-alert:hover .alert-layer-wrap { display: block; }
.btn-alert .alert-layer-wrap .alert-layer { background: rgba(211,47,47,0.9); display: block; width: 200px; border-radius: 4px; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1); color: #fff; font-size: 1.1rem; font-family: 'Dotum','Arial'; font-weight: normal; padding: 5px 7px; position: relative; line-height: 17px; }
.btn-alert .alert-layer-wrap.right .alert-layer:after { width: 10px; height: 7px; background: url(../img/search/bg_alert_tail.png) no-repeat; position: absolute; bottom: -7px; right: 7px; content: ''; }
.btn-alert .alert-layer-wrap.left .alert-layer:after { width: 10px; height: 7px; background: url(../img/search/bg_alert_tail.png) no-repeat; position: absolute; bottom: -7px; left: 7px; content: ''; }

/* 분류 찾기 레이어 */
.btn-search { display: inline-block; position: relative; top: 4px; width: 17px; height: 17px; border-radius: 50%; margin-left: 3px; background: url(../img/svg/quick_btn.svg) no-repeat bottom;background-size: 17px 34px; overflow: hidden; }
.btn-search:hover { background-position: top;}

/* 멀티셀렉트 레이어 */
.wrap .search-content-area .column .row .input-area .multi-select-box { position: relative; cursor: pointer; }
.wrap .search-content-area .column .row .input-area .multi-select-box input[type=text] { cursor: pointer; }
.multi-select-box:after { position: absolute; content: ''; right: 8px; top: 11px; border-top: 4px solid #666; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; }
.multi-select-layer { position: absolute; z-index: 2; left: 0; width: 100%; top: 25px; background: #fff; border: 1px solid #dee3eb; border-radius: 4px; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1); display: none; }
.multi-select-layer:hover,
.wrap .search-content-area .column .row .input-area .multi-select-box input[type=text]:active + .multi-select-layer,
.wrap .search-content-area .column .row .input-area .multi-select-box input[type=text]:focus + .multi-select-layer { display: block; } 
.multi-select-layer .all-check-input { border-bottom: 1px solid #dee3eb; padding: 3px 10px 2px; }
.multi-select-layer .check-list { padding: 5px; max-height: 90px; overflow-y: auto; }
.multi-select-layer .check-list ul li { display: block; padding: 0 5px; }

/* 일반 셀렉트 */
.normal-check-list ul { padding-top: 3px; }
.normal-check-list ul li { float: left; margin-right: 10px; }

/* 일반 라디오 */
.normal-radio-list ul { padding-top: 3px; }
.normal-radio-list ul li { float: left; margin-right: 10px; }

/* 커스텀 체크 */
input[type=checkbox],
input[type=radio] { display: none; }

/* 작은 체크 */
input[type=checkbox] + label.custom-check-s { font-size: 1.1rem; color: #666; letter-spacing: 0; padding-left: 17px; position: relative; vertical-align: top; }
input[type=checkbox] + label.custom-check-s:before { width: 12px; height: 12px; position: absolute; content: ''; background: url(../img/search/pop_check_box.png) no-repeat; background-size: 12px; left: 0; top: 3px; background-position: 0 0; }
input[type=checkbox]:checked + label.custom-check-s:before { width: 12px; height: 12px; position: absolute; content: ''; background: url(../img/search/pop_check_box.png) no-repeat; background-size: 12px; left: 0; top: 3px; background-position: 0 -12px; }
input[type=checkbox] + label.custom-check-n { font-size: 1.2rem; color: #222; letter-spacing: 0; padding-left: 20px; position: relative; vertical-align: top; }
input[type=checkbox] + label.custom-check-n:before { width: 15px; height: 15px; position: absolute; content: ''; background: url(../img/search/pop_check_box.png) no-repeat; background-size: 15px; left: 0; top: 2px; background-position: 0 0; }
input[type=checkbox]:checked + label.custom-check-n:before { width: 15px; height: 15px; position: absolute; content: ''; background: url(../img/search/pop_check_box.png) no-repeat; background-size: 15px; left: 0; top: 2px; background-position: 0 -15px; }

/* 커스텀 라디오 */
input[type=radio] + label.custom-radio-n { font-size: 1.2rem; color: #222; letter-spacing: 0; padding-left: 20px; position: relative; vertical-align: top; }
input[type=radio] + label.custom-radio-n:before { width: 15px; height: 15px; position: absolute; content: ''; background: url(../img/search/radio_box.png) no-repeat; background-size: 15px; left: 0; top: 2px; background-position: 0 0; }
input[type=radio]:checked + label.custom-radio-n:before { width: 15px; height: 15px; position: absolute; content: ''; background: url(../img/search/radio_box.png) no-repeat; background-size: 15px; left: 0; top: 2px; background-position: 0 -15px; }

/* 버튼 컬럼 */
.btn-col { float: left; width: 100%; height: 25px; margin-bottom: 2px; padding-left: 195px; }
.btn-col .search-option { display: inline-block; margin-left: 20px; }