@charset "utf-8";


/* 온라인경매 */
@media (max-width: 640px) {
	.product-list01 > .listWrap.listType2 .listLineBox {position:relative;padding:20px 6px;}
	.product-list01 > .listWrap.listType2 .listLineBox .check{position:absolute;top:20px;right:20px;width:20px;height:20px;}
	.product-list01 > .listWrap.listType2 .listLineBox .thum{display:inline-block !important;width:150px;height:auto;margin:0;padding:5px 0 0 0;vertical-align:top;}
	.product-list01 > .listWrap.listType2 .listLineBox .thum a { display:inline-block !important;height:auto;}
	.product-list01 > .listWrap.listType2 .listLineBox .spec{display:inline-block !important;width:calc(100% - 160px);margin:0 0 20px;padding:0 0 0 20px;vertical-align:top;}
	.product-list01 > .listWrap.listType2 .listLineBox .spec .fs22{padding-right:20px;}
	.product-list01 > .listWrap.listType2 .listLineBox .spec .count p{width:49%;}
	.product-list01 > .listWrap.listType2 .listLineBox .spec .price{padding:7px 0;}
	.product-list01 > .listWrap.listType2 .listLineBox .bidding{margin:0;position:static;}
	.product-list01 > .listWrap.listType2 .listLineBox .bidding a{width: 49%;}
}
@media (max-width: 480px) {
	.product-list01 > .listWrap.listType2 .listLineBox .thum{display:inline-block !important;width:100px; }
	.product-list01 > .listWrap.listType2 .listLineBox .spec{display:inline-block !important;width:calc(100% - 110px);}
}


/* 삶의흔적경매 */



/* 쪽지보관함 */
.message_align{float: right;}
@media (max-width: 830px){
	.message_align{float: none;display:block;margin:10px 0;text-align:right;}
	.mobile-slide-info{background-size:70px 100%;}
}





/* 모바일메뉴 */

@media (max-width: 830px) {
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .dropdown > a:hover, 
	.navbar-default .navbar-nav > .dropdown > a:focus {padding-left: 20px;}
	.navbar-default .navbar-nav > li > a {padding-left: 20px;}
}



/* 구매가이드 */
.circleStep{display:none;}
.circleStep .innerS {position:relative;}
.circleStep .innerS:before{display:block;content:'';position:absolute;top:33px;left:12.5%;width:75%;height:1px;background-color:#cbcbcb;z-index:-1;}
.circleStep .innerS:after{display:block;content:'';position:absolute;bottom:81px;left:12.5%;width:75%;height:1px;background-color:#cbcbcb;z-index:-1;}

.circleStep ol {margin:0;padding:0;}
.circleStep ol:after {display:block;content:'';clear:both;}

.circleStep ol li{width:12.5%;float:left;list-style:none;text-align:center;margin-bottom:20px;}
.circleStep ol li .step{position:relative;margin:0 auto;background-color:#114da5;width:65px;height:65px;border-radius:100%;line-height:65px;color:#fff;}
.circleStep ol li .step:after {display:block;content:'';position:absolute;top:27px;right:-5px;width: 0px;height: 0px;border-top: 7px solid transparent;border-left: 7px solid #114da5;border-bottom: 7px solid transparent;}
.circleStep ol li.active .step{background-color:#518add;}
.circleStep ol li.active .step:after{border-left: 7px solid #518add;}
.circleStep ol li .text{margin-top:10px;}
.circleStep ol li .text .ms_br{display:none;}

.bul-blue, .list-bul-blue li{background-size:auto 17px;min-height:25px;background-position:0 4px}

@media (max-width: 1230px) {
	.circleStep{display:block;}
	.circleStep_hidden{display:none;}
	.circleStep ol li{width:25%;}

}
@media (max-width: 830px) {
	.kobayGuideArea .stepBox{padding:15px;}
	.guideSection07 .subTitle2{background-position:left 2px;}
	.guideSection07 .subTitle2 a{display:block;margin:20px 0 0 -24px;}
}

@media (max-width: 400px) {
	.circleStep .innerS:before{top:28px;}
	.circleStep .innerS:after{bottom:96px;}

	.circleStep ol li .step{width:55px;height:55px;line-height:55px;}
	.circleStep ol li .step:after {top:22px;right:-5px;width: 0px;height: 0px;border-top: 7px solid transparent;border-left: 7px solid #114da5;border-bottom: 7px solid transparent;}
    .circleStep ol li .text .ms_br{display:block;}

}


/* 계좌안내 */





/* 질문과답변 */
@media (max-width: 830px){
	.boardList .customer-faq .bDetail .inner .answer {padding: 60px 10px 20px 20px;}
	.boardList .customer-faq .bDetail {overflow: auto;}
}



/* 회사소개 */
.aboutBtn{display:block;padding:15px;font-size:16px;width:100%;max-width:400px;margin-top:30px;}
.aboutBtn i{color:#fff;vertical-align:middle;display: inline-block;margin: -4px 0 0 5px;}


/* 사이트맵 */
  .sitemap-menu{display:block;}
  .sitemap-menu_mobile{display:none;}

@media (max-width: 992px){
  .sitemap-menu{display:none;}
  .sitemap-menu_mobile{display:block;}

}



/* ********************************************** *
 * 전체보기
 * ********************************************** */

#slide_map {display:block;}
.mobile_btns {/*display:none;*/}
#slide_map .inner .binds .toputil {position:relative; background:#16243f; padding:20px; box-sizing: border-box;}
#slide_map .inner .binds .toputil:after {content:""; display:block; clear:both;}
#slide_map .inner .binds .toputil .site_link {box-sizing: border-box;}
#slide_map .inner .binds .toputil a{color:#fff; display:block; font-size:14px; color:#fff; font-weight:400; text-decoration:none;}
#slide_map .inner .binds .toputil .site_link li{ display:inline-block; margin-right:20px;}
#slide_map .inner .binds .toputil .site_link li.dropdown { position: static;}
#slide_map .inner .binds .toputil .site_link li .dropdown-menu{ width:100%;margin-top:5px;}
#slide_map .inner .binds .toputil .site_link li .dropdown-menu .col-xs-6{ padding:10px;}
#slide_map .inner .binds .toputil .site_link li .dropdown-menu .col-xs-6:first-child{border-right:1px solid #ddd;}
#slide_map .inner .binds .toputil .site_link li .dropdown-menu .col-xs-6 .btn.btn_blue{background-color:#4880eel;}


#slide_map .inner .binds ul {width:100%;position: relative;}
#slide_map:after{content:"";display:block;position: absolute;left: 0;top:0;z-index:8;width: 35%;height:100%;background:#1a3159;}
#slide_map .inner .binds>ul>li{box-sizing: border-box;}
#slide_map .inner .binds>ul>li>a {display:table;table-layout:fixed;width: 35%;height:60px;line-height:21px;font-size: 17px; padding:0 5px;text-decoration:none;background:#1a3159;box-sizing: border-box;}
#slide_map .inner .binds>ul>li>a.on{background:#3785f3;}
#slide_map .inner .binds>ul>li>a.on span{color:#fff;font-weight: 400;}
#slide_map .inner .binds>ul>li>a span{display: table-cell;color: #444;vertical-align: middle;}
#slide_map .inner .binds>ul>li>a span:before{display: inline-block;position: absolute;right: 0;top:0;width:50px;height:100%;content: '';z-index: 10;}
#slide_map .inner .binds>ul>li>a span:after{display: inline-block;position: absolute;right: 12px;top:12px;width:25px;height:25px;content: '\e64b';color:#5a6a91;font-family: 'themify';z-index: 10;}
#slide_map .inner .binds>ul>li>a.on span:before,
#slide_map .inner .binds>ul>li>a.on span:after{display: none;}

#slide_map .inner .binds>ul>li>ul{display:none;position: absolute;top:0;left: 35%;width: 65%;padding: 0;}
#slide_map .inner .binds>ul>li>ul>li{margin:0 15px;}
#slide_map .inner .binds>ul>li>ul>li strong{margin:0 15px;font-size:2rem;}
#slide_map .inner .binds>ul>li>ul>li>a{position: relative; display:table; table-layout:fixed; height:50px; line-height:19px; width:100%;padding:0 15px;border-bottom:1px dashed #7397e6; box-sizing: border-box;text-decoration: none;}
#slide_map .inner .binds>ul>li>ul>li>a>span {display: table-cell;width:100%;height:100%;color:#fff; vertical-align: middle;word-break: break-all;}
#slide_map .inner .binds>ul>li>ul>li>a.child span{padding-right:25px; position: relative;}
#slide_map .inner .binds>ul>li>ul>li>a.child:after{content:""; position:absolute; top:50%; right:20px; display:block; margin-top:-6px; width:12px; height:12px;content:"\f107";font-family:'FontAwesome';color:#fff;}
#slide_map .inner .binds>ul>li>ul>li>a.child.on:after{margin-top:-1px; width:12px; height:2px; color:#fff;content:"\f106";font-family:'FontAwesome';}

#slide_map .inner .binds>ul li ul li ul{box-sizing:border-box;}
#slide_map .inner .binds>ul>li>ul>li>ul{display:none;position: relative; padding:20px; background:#fff; border-top:0; border-bottom:0;border-radius: 6px;}
#slide_map .inner .binds>ul>li>ul>li>ul>li{margin-top:6px;list-style: none;}
#slide_map .inner .binds>ul>li>ul>li>ul>li:first-child{margin-top:0px;}
#slide_map .inner .binds>ul>li>ul>li>ul>li>a{position: relative; display:inline-block; box-sizing:border-box;}
#slide_map .inner .binds>ul>li>ul>li>ul>li>a.child:after{content:""; display:inline-block; width:9px; height:9px; margin-left:6px; content:"\f107";font-family:'FontAwesome';color:#444; font-size: 10px;}
#slide_map .inner .binds>ul>li>ul>li>ul>li>a.child.on:after{content:"\f106";font-family:'FontAwesome';color:#444;}
#slide_map .inner .binds>ul>li>ul>li>ul>li>a>span{line-height:19px; font-weight:400; font-size:14px; color:#444;}
#slide_map .inner .binds>ul>li>ul>li>ul>li>a.child.on span{color:#f0494f;}

#slide_map .inner .binds ul li ul li ul li ul{display:none; margin-top:4px; padding:6px 18px;border-left: 1px solid #d0d7ea;}
#slide_map .inner .binds ul li ul li ul li ul li{margin-top:2px;list-style: none;}
#slide_map .inner .binds ul li ul li ul li ul li:first-child{margin-top:0;}
#slide_map .inner .binds ul li ul li ul li ul li a{display:inline-block; line-height:18px; font-size:13px;}
#slide_map .inner .binds ul li ul li ul li ul li a span{color:#a1a7b7;}
#slide_map .inner .binds ul li ul li ul li ul li a.on span{text-decoration:underline; text-underline-position:under;}


/* ********************************************** *
 * 웹반응형
 * ********************************************** */

@media screen and (min-width:1081px){

	#slide_map{position: relative;z-index: 300;}
	#slide_map:after{display: none;}

	#slide_map .inner .binds{position: absolute;left:0;top: 145px; width:100%; z-index: 100;}
	#slide_map .inner .binds .toputil{display: none;animation: slide-down 0.5s;}
    #slide_map .inner .binds>ul{overflow: hidden; position: fixed;left: 0;top:38px;width:400px;height:760px;padding:70px 20px 0 20px;background: #e8f0fd;box-shadow: -10px 5px 20px rgba(0,0,0,0.2);}
    #slide_map .inner .binds>ul>li>ul{overflow-y: auto; position: relative;top:0;left: 0;width: 100%;height:300px;background: #456fcc;transition: .5s;-webkit-transition: .5s;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
    #slide_map .inner .binds>ul>li>a{position: relative; width:100%;height:50px; padding:0 25px;margin:5px 0;background-color:#fff;box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);border-radius: 6px;}   
    #slide_map .inner .binds>ul>li>a.on{margin-bottom:0; font-size: 18px;color:#fff;font-weight: 500;background: #456fcc;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;}
}

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

	#slide_map {position: relative;display:block; width:100%; height:100%; overflow:hidden;box-sizing:border-box;}
	#slide_map:before {content:"";display:block;width: 100%;height:100%;position:absolute;left:0;top:0;z-index:2;background:#fff;}
	#slide_map .inner {width: 100%;float:left;box-sizing:border-box;height:100%;position:relative;z-index:10;}
    #slide_map .inner .binds {overflow-x: hidden; overflow-y:auto;height: 800px;}
    #slide_map .inner .binds.bg:before{display:inline-block;position:absolute;left:35%;top:100px;width:100%;height:100%;background:#011c60;content:'';}
    #slide_map .inner .binds>ul{padding:0;}
    
	#slide_map .inner .binds>ul>li>a span{text-align:center;color:#fff;}
	#slide_map .inner .binds>ul>li>a span:before,
	#slide_map .inner .binds>ul>li>a span:after{display:none;}
	#slide_map .inner .binds>ul>li>a.on span { color: #fff;	}

	#slide_map .inner .binds>ul>li>ul>li{margin:0;list-style: none;}
	#slide_map .inner .binds>ul>li>ul>li>a{height:60px; border-bottom:1px solid #e0e0e0;}
    #slide_map .inner .binds>ul>li>ul>li>a:before{right:27px; top:27px;}
    #slide_map .inner .binds>ul>li>ul>li>a span{color:#3e4454;}
    #slide_map .inner .binds>ul>li>ul>li>a.child:after,
    #slide_map .inner .binds>ul>li>ul>li>a.child.on:after{color:#444;}

	#slide_map .inner .binds>ul>li>ul>li>ul{background:#e8f0fd;border-radius:0;}
    #slide_map .inner .binds>ul>li>ul>li>ul>li>a.child.on span{color:#696969;}
    #slide_map .inner .binds>ul>li>ul>li>ul>li>a>span{padding-left:10px; color:#696969;}
    #slide_map .inner .binds>ul>li>ul>li>ul>li>a>span:before{content:""; display:block; position: absolute; left:0; top:9px; width:3px; height:3px; background:#69748e;}
    
    #slide_map .inner .binds ul li ul li ul li ul{background-color:#fff;border: none;}
    #slide_map .inner .binds ul li ul li ul li ul li a span{color:#696969;}



}

@media screen and (max-width: 480px){
    #slide_map .inner .binds .toputil .site_link{float: none;width:100%;}
	#slide_map .inner .binds .toputil .join{float: none;overflow: hidden;margin-top:10px;width:100%;}
	#slide_map .inner .binds .toputil .join li{position: static;float: left;}
	#slide_map .inner .binds .toputil .join li.language{position: static;float: left;}
    
}