@charset "utf-8";

/* ===============================================
Date : 2016-02-22 ~
Description : 상품 정의
=============================================== */
/*css import*/
@import url("/resource/css/common.css?v=20240709");
@import url("/resource/css/table.css");
/*
 * @  상품안내
 * -------------------------------------
 */

/* 통합검색 */
.conts.serch{ position:relative; overflow:hidden; }
.search-cont{ width:760px; float:left; }
.search-cont.pro{ width:100%; float:none }
.top-search{ position:relative; width:590px; margin:0 auto 40px; height:80px; }
.top-search .srch-box{ position:relative; z-index:4; padding:3px; background:#cc2633; }
.top-search .srch-box .txt{ min-width:81%; height:35px; font-size:14px; color:#ff5000; border:0; padding:0 8px 0 8px; margin:4px; line-height:220%; background:#fff; }
.top-search .srch-box > button{ width:80px; padding:0; position:absolute; top:0; right:4px; border:0; background:none; cursor:pointer; }
.top-search .srch-box > button span{ display:block; height:51px; line-height:51px; color:#fff; text-align:center; font-size:17px; }
.top-search .srch-box .txtWs{ position:relative; height:45px; font-size:14px; color:#ff5000; border:0; margin:0 90px 0 0; line-height:220%; background:#fff; }
.top-search .srch-box .txtWs select{ width:120px; position:absolute; top:10px; left:20px; border:0 }
.top-search .srch-box .txtWs span{ display:block; margin-left:165px; }
.top-search .srch-box .txtWs span input{ width:100%; height:45px; line-height:45px; font-size:17px; padding:0; border:0; background:#fff; }
.top-search .srch-box .txtWs > button{ width:40px; height:35px; padding:0; font-size:0; position:absolute; top:0; right:4px; border:0 }
.top-search .dropList{ display:none; position:absolute; z-index:3; top:50px; right:92px; box-shadow:#eee 1px 1px 1px 1px }
.top-search .dropList .autocomplete{ border:1px solid #d72228; width:348px; background:#fff }
.top-search .dropList .autocomplete .ui-menu{ padding:2px 0; margin:5px 0 10px }
.top-search .dropList .autocomplete .ui-menu li{ overflow:hidden; margin:1px 0 }
.top-search .dropList .autocomplete .ui-menu li a{ display:block; height:28px; line-height:28px; text-indent:10px; font-size:13px; color:#666 }
.top-search .dropList .autocomplete .ui-menu li a em{ color:#c8212f }
.top-search .dropList .autocomplete .ui-menu li a:hover, .top-search .dropList .autocomplete .ui-menu li.on a{ background:#faf7f0 }
.top-search .dropList .banner{ padding:20px 20px 20px 106px; border-top:1px solid #dedede; /* background:url(/resource/img/ufs/ico_pig.png) no-repeat 26px 45%*/ }
.top-search .dropList .banner dt{ color:#916744; font-size:16px; font-weight:bold; margin-bottom:12px; }
.top-search .dropList .banner dd{ font-size:13px; line-height:140%; color:#666 }
.top-search .dropList .autocomplete .autocomplete-footer{ position:relative; background:#fbf9f9; padding:12px 10px; height:34px; }
.top-search .dropList .autocomplete .autocomplete-footer a{ position:absolute; right:10px; top:10px; display:block; font-size:12px; }
.top-search .dropList .autocomplete .autocomplete-footer a:first-child{ right:140px; }
.top-search .dropList .autocomplete .autocomplete-footer a:first-child:after{ content:""; display:block; position:absolute; top:2px; left:44px; width:1px; height:10px; background:#ccc }
.top-search .dropList .autocomplete .autocomplete-footer a + a{ padding-right:13px; background:url('/resource/img/ufs/ico_x.png') no-repeat 100% 2px }
.top-search .dropList > ul,
.top-search .dropList .btn-w{ display:none; }
.top-search .words{ position:absolute; left:0; top:64px; overflow:hidden; }
.top-search .words b{ display:block; float:left; color:#916744; margin-top:3px; margin-right:10px; font-weight:normal }
.top-search .words p{ float:left }
.top-search .words p span{ margin:0 3px; letter-spacing:-1px; }
.top-search .help{ position:absolute; right:0; top:67px; }
.top-search .help label{ margin-right:25px; }
.top-search .help a{ position:absolute; right:0; top:0; display:block; background:url(/resource/img/btn/btn_qus.png) no-repeat 0 0; width:18px; height:18px; text-indent:-5000px }
.ser-result{ margin-bottom:10px; overflow:hidden }
.ser-result h3{ margin:0 10px 0 0 !important; float:left; }
.search-cont.pro .h3-wrap{ margin-top:20px !important; }
.ser-result p{ float:left; font-size:18px; padding-bottom:1px }
.ser-result p em{ color:#d7191f }
.noResult{ font-weight:bold }
/* 우측메뉴 */
.search-menu{ float:right; width:160px; }
.search-menu dl{ position:relative; padding-top:20px; margin-top:15px; border-top:1px dashed #ccc }
.search-menu dl:first-child{ border:0; padding-top:0; margin-top:0 }
.search-menu dl + .guide{ margin-top:15px }
.search-menu dl dt{ margin-bottom:10px; font-weight:bold }
.search-menu dl dd.btn-w{ position:absolute; right:0; top:-3px; }
.search-menu dl dd.btn-w input{ background:url(/resource/img/ico/ico_set.png) no-repeat 0 50%; line-height:1; cursor:pointer; color:#916744; padding:5px 0 5px 15px; }
.opera .search-menu dl dd.btn-w input{ line-height:24px }
.search-menu ol li{ margin:2px 0; color:#666 }
.search-menu ol li a{ display:block; height:24px; line-height:24px; }
.search-menu ol li a span{ display:inline-block; width:20px; }
.search-menu .guide{ padding:10px; margin-bottom:30px; border:1px solid #e4ded8; background:#fbf9f5 }
.search-menu .guide strong{ display:block; font-size:15px; color:#d72228; margin-bottom:6px; }
.search-menu .quick-menu li{ margin-bottom:10px; }
.search-menu .quick-menu li a{ display:block; height:20px; background:url(/resource/img/ico/ico_search_z.png) no-repeat 0 0; padding-left:25px; }
.search-menu .quick-menu li:first-child + li a{ background-position:0 -30px; }
.search-menu .quick-menu li:first-child + li + li a{ background-position:0 -60px; }
.search-menu .quick-menu li:first-child + li + li + li a{ background-position:0 -90px; }
.search-menu .quick-menu li:first-child + li + li + li + li a{ background-position:0 -120px; }
.search-menu .quick-menu li:first-child + li + li + li + li + li a{ background-position:0 -149px; }
/* 검색결과 */
.h4-wrap-pro{ overflow:hidden; padding-bottom:12px; }
.h4-wrap-pro + .faq{ border-top:2px solid #b69981; margin-bottom:30px; }
.h3-wrap + .faq{ border-top:2px solid #b69981; margin-bottom:30px; }
.h4-wrap-pro h4{ float:left; margin:0 0 0 0 !important; padding:0 }
.h4-wrap-pro span{ display:block; float:left; font-size:18px; }
.h4-wrap-pro a{ display:block; float:right; padding-right:10px; margin-top:4px; font-size:14px; background:url(/resource/img/bg/bg_linemap.gif) no-repeat 100% 50% }
.tab-type02 + .h4-wrap-pro{ margin-top:40px; }
.tab-type02 + .h3-wrap{ margin-top:40px !important; }
.tab-type02 + .event-list{ margin-top:40px !important; }
.search-list{ position:relative; margin-bottom:40px; border-top:2px solid #b69981; border-bottom:1px solid #bbb; }
.search-list > li{ border-top:1px solid #d6d6d6; padding:20px 0; }
.search-list > li:first-child{ border-top:0; }
.search-list > li p{ margin-bottom:10px; }
.search-list > li p a{ font-size:16px; color:#000; line-height:150% }
.search-list > li em{ color:#d7191f }
.search-list > li p > img{ vertical-align:-3px }
.search-list > li p .btn-white-ss{ font-size:13px; font-weight:bold }
.pro-list{ position:relative; margin-bottom:40px; border-top:2px solid #b69981; border-bottom:1px solid #bbb; }
.pro-list > li{ border-top:1px solid #d6d6d6; }
.pro-list > li:first-child{ border-top:0; }
.pro-list > li .inner{ overflow:hidden; position:relative; padding:20px 0; }
.pro-list .inner dl{ margin-right:132px; }
.pro-list .inner dl dt{ font-size:16px; margin-bottom:8px; display:block; color:#000; font-weight:bold; letter-spacing:-1px }
.pro-list .inner dl dd{ font-size:13px; margin-bottom:14px; letter-spacing:-1px; line-height:140%; color:#666 }
.pro-label span{ position:relative; display:inline-block; padding:0 0 0 12px; margin:0 0 0 0; font-size:13px; }
.pro-label span:before{ content:""; position:absolute; left:5px; top:50%; margin-top:-6px; height:13px; border-left:1px solid #ccc; }
.pro-label span:first-of-type:before{ border-left:0; }
.pro-label span:first-of-type{ padding-left:0; }
.pro-label span.pro-new{ color:#d7191f }
.pro-btn{ position:absolute; top:50%; margin-top:-60px; margin-bottom:20px; right:0; width:122px; height:155px; display:table }
.pro-btn > span{ display:table-cell; height:120px; vertical-align:middle }
.pro-btn a, .pro-btn span{ display:block; width:122px; margin-top:8px; }
.store-list{ margin-bottom:40px; border-top:2px solid #b69981; border-bottom:1px solid #bbb; overflow:hidden }
.store-list > li{ display:table; width:100%; position:relative; border-top:1px solid #d6d6d6; min-height:45px; padding:20px 0; }
.store-list > li:first-child{ border-top:0; }
.store-list > li .word-map{ margin-top:12px }
.store-list > li div > dl{ display:table-cell; vertical-align:middle; width:390px; }
.store-list > li div > dl dt{ font-size:16px; color:#000; margin-bottom:8px; font-weight:bold }
.store-list > li div > dl dd{ font-size:14px; line-height:150% }
.store-list > li div > .tel{ display:table-cell; vertical-align:middle; padding-top:16px }
.store-list > li div > .btn-white-m{ position:absolute; right:0; top:50%; margin-top:-15px; min-width:85px; }
.event-list{ margin-bottom:40px; border-top:2px solid #b69981; border-bottom:1px solid #bbb; overflow:hidden }
.event-list > li{ position:relative; border-top:1px solid #d6d6d6; min-height:92px; padding:20px 0; }
.event-list > li:first-child{ border-top:0; }
.event-list > li .img-w{ position:absolute; top:50%; margin-top:-46px; width:145px; height:92px; }
.event-list > li .img-w img{ max-width:100%; }
.event-list > li > dl{ margin-left:165px; width:500px; }
.event-list > li > dl dt{ font-size:16px; color:#000; margin-bottom:5px; font-weight:bold }
.event-list > li > dl dt strong{ display:block; margin-bottom:5px; font-size:14px; background:url(/resource/img/ico/ico_cal.png) no-repeat 0 50%; padding-left:18px; color:#8d6a4e }
.event-list > li > dl dd{ font-size:14px; line-height:150% }
.event-list > li > dl dd + dd{ margin-top:10px }
.event-list > li > .btn-white-m{ position:absolute; right:0; top:50%; margin-top:-15px; min-width:85px; }
.text-cont, .text-cont a{ line-height:150%; }
.text-cont + .word-map{ margin-top:10px }
.word-map{ overflow:hidden; padding:1px 0 }
.word-map span{ display:block; float:left; padding-left:15px; margin-left:12px; font-size:13px; background:url(/resource/img/bg/bg_wordmap.gif) no-repeat 0 50%; }
.word-map span:first-child{ background:none; padding:0; margin:0 }
.word-map span em{ color:#d7191f }
.down-file{ margin-top:13px; }
.down-file a{ margin-right:15px }
.down-file a img{ vertical-align:middle }
.down-file + .word-map{ margin-top:15px; }
.fush-banner{ position:relative; padding:18px 0; min-height:100px; background:#efefd7 url('/resource/img/ufs/fush-banner.png') no-repeat 40px 50%; }
.fush-banner dl{ margin-left:150px }
.fush-banner dl dt{ font-size:16px; margin-bottom:5px; display:block; color:#000; font-weight:bold; letter-spacing:-1px }
.fush-banner dl dt + dd{ font-size:17px; margin-bottom:18px; color:#c16000; font-weight:bold; }
.banner-log2{ overflow:hidden; margin-top:40px; margin-bottom:40px; }
.banner-log2 li:first-child{ float:left; width:50%; }
.banner-log2 li + li{ float:right }
/*[class*="msgbox-logout"] .text.search{ width:400px; }*/
[class*="msgbox-logout"] .text.search p.tit{ line-height:130% !important }
[class*="msgbox-logout"] .text.search em{ color:#9a7b6a }
.pop-h + .bx-srch1{ margin:0 }
.tab-type02 li.on{ margin-left:0; }
.msgbox-logout{ margin-top:40px; }