.breadcrumb{margin-bottom:0;border-bottom:0}	
.store_wrap{overflow:hidden}
.sub_page.store_wrap{margin-bottom:200px}
.map_wrap{float:left;width:100%;height:540px;position:relative;overflow:hidden}
.map_wrap *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.naverMap{position:relative;float:left;width:130%;height:100%;left:-30%}
.searchBox{position:absolute;top:25px;right:15px;float:right;width:510px;height:510px;background-color:#fff;z-index:2}
.searchBox.hide{right:-510px}
.searchBox{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	-webkit-box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.40);
	-moz-box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.40);
	-ms-box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.40);
	-o-box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.40);
	box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.40);

	-webkit-transition:all 0.15s ease;
	-moz-transition:all 0.15s ease;
	-ms-transition:all 0.15s ease;
	-o-transition:all 0.15s ease;
	transition:all 0.15s ease;
}
.searchBox > .toggleSearchBox{position:absolute;z-index:1;top:50%;left:-25px;margin-top:-20px;float:left;width:25px;height:40px;font-size:20px;line-height:40px;background-color:#fff;text-align:center;border-radius:5px 0 0 5px}
.searchBox > .toggleSearchBox{
	-webkit-box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.40);
	-moz-box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.40);
	-ms-box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.40);
	-o-box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.40);
	box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.40);
}
.searchBox > .toggleSearchBox .fa{float:left;width:100%;font-size:inherit;line-height:inherit;padding-left:5px}
.searchBox > .toggleSearchBox .fa.fa-chevron-right{display:block}
.searchBox > .toggleSearchBox .fa.fa-chevron-left{display:none}
.searchBox.hide > .toggleSearchBox .fa.fa-chevron-right{display:none}
.searchBox.hide > .toggleSearchBox .fa.fa-chevron-left{display:block}
.searchBox > *{float:left;width:100%}
.searchBox *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.searchBox > .head{padding:15px 15px 0}
.searchBox > .head > *{float:left;line-height:30px}
.searchBox > .head > dt{font-size:18px;margin-right:15px;font-weight:500}
.searchBox > .head > dd{font-size:14px}
.searchBox > .areaSelect_wrap{display:inline-block;padding:0 15px;margin:10px 0 20px;position:relative;z-index:3;background-color:#fff}
.searchBox > .areaSelect_wrap > li{float:left}
.searchBox > .areaSelect_wrap > li.area{width:50%}
.searchBox > .areaSelect_wrap > li#s_area1.area{padding-right:5px}
.searchBox > .areaSelect_wrap > li#s_area2.area{padding-left:5px}
.searchBox > .areaSelect_wrap > li.text{width:70%;padding-right:5px;margin-top:9px}
.searchBox > .areaSelect_wrap > li.text > input{float:left;width:100%;height:34px;border:1px solid #d9d9d9;padding:7px 15px;font-size:12px;line-height:18px}
.searchBox > .areaSelect_wrap > li.button{width:30%;padding-left:5px;margin-top:9px}
.searchBox > .areaSelect_wrap > li .select_div{width:100%;height:34px;padding:0;margin:0}
.searchBox > .areaSelect_wrap > li .select-styled{font-size:12px;line-height:18px;border:1px solid #d9d9d9;padding:7px 15px;background:url(/shop/data/skin/standard_C/img/icon/sel_ico02.png) no-repeat 95% center / 10px auto}
.searchBox > .areaSelect_wrap > li .select-options{border:1px solid #d9d9d9;overflow-y:auto;max-height:300px}
.searchBox > .areaSelect_wrap > li .select-options > li:first-child{border-top:0}
.searchBox > .areaSelect_wrap > li .select-options > li{font-size:12px;line-height:18px;padding:5px 0}
.searchBox > .areaSelect_wrap > li .btn{width:100%;padding:7px 0;font-size:13px;line-height:20px;font-weight:400}
.searchBox > .item{padding:0 15px}
.searchBox > .item > *{float:left;width:100%;line-height:30px}
.searchBox > .item > dt{font-size:20px;margin-bottom:5px;font-weight:500}
.searchBox > .item > dd{padding-bottom:10px;border-bottom:3px solid #131415}
.searchBox > .item > dd > ul{float:left;width:100%}
.searchBox > .item > dd > ul > li{float:left}
/* 항목 7개 */
/*.searchBox > .item > dd > ul > li{width:14.28571428571429%}*/
/* 항목 6개 */
.searchBox > .item > dd > ul > li{width:16.66666666666667%}
.searchBox > .item > dd > ul > li > .checkbox{float:left;width:100%}
.searchBox > .item > dd > ul > li > .checkbox > input[type=checkbox]{display:none}
.searchBox > .item > dd > ul > li > .checkbox > input[type=checkbox] + label{display:inline-block;cursor:pointer;position:relative;padding-left:20px}
.searchBox > .item > dd > ul > li > .checkbox > input[type=checkbox] + label:before{content:"";display:inline-block;width:15px;height:15px;position:absolute;top:3px;left:0;background-color:#efefef;border-radius:2px}
.searchBox > .item > dd > ul > li > .checkbox > input[type=checkbox]:checked + label:before{content:"\2713";/* 체크모양 */;font-size:12px;font-weight:500;color:#fff;background:#131415;text-align:center;line-height:12px}
.searchBox > .item > dd > ul > li > .checkbox > input[type=checkbox] + label > span{float:left;width:100%;font-size:13px;line-height:20px}
.searchBox > .searchResult{position:relative;z-index:2;background-color:#fff}
.searchBox > .searchResult > *{float:left;width:100%}
.searchBox > .searchResult > span{padding:0 15px}
.searchBox > .searchResult > span > p{float:left;width:100%;font-size:12px;line-height:18px;border-bottom:1px solid #d3d3d3;padding:10px 0}
#storeList{height:235px;overflow-y:scroll;padding:0 3px 0 15px;margin-top:-1px}
.mapInfoBox{float:left;width:450px}
dl.storeInfo{float:left;width:100%;padding:10px;border-top:1px solid #d3d3d3;cursor:pointer}
dl.storeInfo.mapInfo{border-top:0;cursor:default}
dl.storeInfo.hide{display:none}
dl.storeInfo.show{display:block}
dl.storeInfo > dt,
dl.storeInfo > dd{float:left;width:100%}
dl.storeInfo > dd.ccm{width:calc(100% - 105px)}
dl.storeInfo > dd.ccm_img{width:105px}
dl.storeInfo > dd.ccm_img img{float:right}
dl.storeInfo > dt{font-size:16px;line-height:26px;font-weight:500}
dl.storeInfo > dd > p{font-size:14px;line-height:20px}
dl.storeInfo.on > dt
, dl.storeInfo.on > dd > p{color:#0057b7}

.section-container{padding-bottom:0}
#recruitInfo.section-container{padding-bottom:100px}
#recruitInfo.section-container .section{overflow:visible}
#collaboration.section-container{padding-bottom:100px}
.sub_page{display:block;width:1240px;margin:0 auto;padding:10px 0 0;position:relative}

#recruitInfo .section .process{margin-bottom:70px}
#recruitInfo .section .process > .box{display:block;color:#0057b7;width:150px;height:120px;padding:0 15px}
/*#recruitInfo .section .process > .box.blue{color:#0057b7}*/
/*#recruitInfo .section .process > .box.green{color:#009739}*/
#recruitInfo .section .process > .box > p{float:left;width:100%;font-size:17px;line-height:22px}
#recruitInfo .section .process > .box > p:first-child{font-size:15px;margin:10px 0 5px}
#recruitInfo .section .process > .box > p.caption{position:absolute;bottom:-40px;right:0;color:#404040;width:150%;text-align:right}

#collaboration .section .collaboration-contact-box .text-box p{text-align:left}

.yx-store-page .section-container{padding-bottom:0}
.yx-store-page .section-title .desc{margin-top:10px;color:#737a7e;font-size:16px}
.mapInfoBox .storeInfo{padding:8px 12px;min-width:180px}
.mapInfoBox .storeInfo dt{font-weight:600;margin-bottom:4px;font-size:14px}
.mapInfoBox .storeInfo dd p{margin:0;font-size:12px;line-height:1.4;color:#555}
#storeList > dl.hide{display:none !important}
#storeList > dl.show{display:block}
@media (max-width:1240px){
  .sub_page.store_wrap{width:100%;min-width:0}
  .searchBox{width:90%;max-width:510px;right:5%}
}
@media (max-width:768px){
  .map_wrap{height:70vh}
  .naverMap{width:100%;left:0}
  .searchBox{position:relative;top:auto;right:auto;width:100%;height:auto;max-height:50vh;margin-top:15px;box-shadow:none;border:1px solid #ddd}
  .searchBox.hide{right:auto}
  .searchBox > .toggleSearchBox{display:none}
  .searchBox > .item > dd > ul > li{width:33.333%}
}

/* Online specialty stores */
.yx-store-online-page .section-title .desc{margin-top:10px;color:#737a7e;font-size:16px;line-height:1.6}
.yx-store-online-page .section-title .desc > img{max-width:140px;height:auto;display:inline-block;margin-top:10px}
.yx-store-online-page .sub_page{display:block;width:1240px;max-width:100%;margin:0 auto;padding:0 0 140px}
.yx-store-online-page .sub_tit{font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #131415}
.yx-store-online-page article{display:inline-block;width:100%;margin-bottom:70px}
.yx-store-online-page article:last-child{margin-bottom:40px}
.yx-store-online-page .text-center{text-align:center}
.yx-store-online-page .text-center a{display:inline-block}
.yx-store-online-page .text-center img{max-width:100%;height:auto}
.yx-store-online-page .yx-online-list .bbs-list li > *:nth-child(1){width:22%;text-align:center}
.yx-store-online-page .yx-online-list .bbs-list li > *:nth-child(2){width:38%;text-align:left}
.yx-store-online-page .yx-online-list .bbs-list li.head > *:nth-child(2){text-align:center}
.yx-store-online-page .yx-online-list .bbs-list li > *:nth-child(3){width:15%;text-align:center}
.yx-store-online-page .yx-online-list .bbs-list li > *:nth-child(4){width:25%;text-align:left;word-break:break-all}
.yx-store-online-page .yx-online-list .bbs-list li.head > *:nth-child(4){text-align:center}
.yx-store-online-page .yx-online-list .bbs-list a{color:#0057b7;text-decoration:none}
.yx-store-online-page .yx-online-list .bbs-list a:hover{text-decoration:underline}
@media (max-width:1240px){
  .yx-store-online-page .sub_page{width:100%;padding-left:15px;padding-right:15px;box-sizing:border-box}
}
@media (max-width:768px){
  .yx-store-online-page .yx-online-list .bbs-list li{flex-wrap:wrap}
  .yx-store-online-page .yx-online-list .bbs-list li > *{width:100% !important;border-right:0;text-align:left !important}
  .yx-store-online-page .yx-online-list .bbs-list li.head{display:none}
}

/* Dealer opening guide */
.yx-store-open-page .section-title .desc{margin-top:10px;color:#737a7e;font-size:16px}
.yx-store-open-page #recruitInfo.section-container{padding-bottom:60px}
.yx-store-open-page #collaboration.section-container{padding-bottom:100px}
.yx-store-open-page #recruitInfo .section .process{margin-bottom:70px}
.yx-store-open-page #recruitInfo .section .process > .box{display:flex;flex-direction:column;color:#fff;width:150px;height:120px;padding:0 15px;box-sizing:border-box}
.yx-store-open-page #recruitInfo .section .process > .box > p{float:left;width:100%;font-size:17px;line-height:22px;margin:0}
.yx-store-open-page #recruitInfo .section .process > .box > p:first-child{font-size:15px;margin:10px 0 5px}
.yx-store-open-page #recruitInfo .section .process > .box > p.caption{position:absolute;bottom:-40px;right:0;color:#404040;width:150%;text-align:right;font-size:13px;line-height:18px}
.yx-store-open-page #collaboration .section .collaboration-contact-box .text-box p{text-align:left}
.yx-store-open-page .text-red{color:#e54b4b !important}
@media (max-width:1100px){
  .yx-store-open-page #recruitInfo .section .process{flex-wrap:wrap;gap:20px}
  .yx-store-open-page #recruitInfo .section .process > .angle{display:none}
  .yx-store-open-page #recruitInfo .section .process > .box > p.caption{position:static;width:100%;text-align:center;margin-top:8px;color:#fff}
}