@charset "utf-8";


.salonpay {position:relative;} 
.salonpay img{vertical-align:middle; width:100%;} 
.salonpay .text {background:#352d44; padding:30px; color:#fff; font-size:16px; line-height:25px;} 
.salonpay .text.benefit {background:#5d442c;} 
.salonpay .text.process {background:#aa3055;} 
.salonpay .text.hair {background:#6969bd;} 

.salonpay .text div.box {margin:15px 0px;}
.salonpay .text div.box .common_ul_t1 {overflow:hidden;}
.salonpay .text div.box .common_ul_t1 li{float:left; width:33.333333333%;}
.salonpay .text div.box .common_ul_t1 li .list {display:block; margin:10px; background:#302215; height:120px; line-height:120px; text-align:center; font-size:18px; color:#c3ece8;}
.salonpay .text div.box .common_ul_t1 li .list:hover {background:#c3ece8;color:#302215;}




.salonpay .text div.box .common_ul_t2 {overflow:hidden;}
.salonpay .text div.box .common_ul_t2 li{float:left; width:50%;}
.salonpay .text div.box .common_ul_t2 li .list {display:block; margin:10px; background:#7f203d; height:90px;  padding-top:30px;  text-align:center; font-size:16px; color:#f9f9f9; line-height:18px;}
.salonpay .text div.box .common_ul_t2 li .list strong {font-size:25px;margin-bottom:5px; font-weight:normal; line-height:25px;  display:block; }
.salonpay .text div.box .common_ul_t2 li .list:hover {background:#f9f9f9;color:#7f203d;}


.salonpay .text div.box .common_ul_t3 {overflow:hidden;}
.salonpay .text div.box .common_ul_t3 li{float:left; width:20%;}
.salonpay .text div.box .common_ul_t3 li .list {display:block; margin:10px; background:#4e4e93; height:120px; line-height:120px; text-align:center; font-size:18px; color:#faf7e7;}
.salonpay .text div.box .common_ul_t3 li .list:hover {background:#faf7e7;color:#4e4e93;}






/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}


.map_wrap {border:1px #ddd solid; padding:20px;}


@media all and (max-width:1024px) {



.salonpay .text {font-size:13px; line-height:18px; padding:10px;} 




.salonpay .text div.box .common_ul_t1 li{width:50%;}
.salonpay .text div.box .common_ul_t1 li .list {margin:5px; font-size:12px;}






.salonpay .text div.box .common_ul_t2 li{ width:100%;}
.salonpay .text div.box .common_ul_t2 li .list { height:90px; font-size:12px;}
.salonpay .text div.box .common_ul_t2 li .list strong {font-size:18px;}




.salonpay .text div.box .common_ul_t3 li{float:left; width:50%;}
.salonpay .text div.box .common_ul_t3 li .list {font-size:13px;}




/*오시는길*/
.company_map dl { margin:0px;}
.company_map dt {font-size:14px; margin:0px; }
.company_map dd {font-size:12px; line-height:16px;}
.company_map dl+ dl {display:none;}
.company_map {padding:10px; height:auto; }
.company_map .btn_box {display:none;}
#naver_map {height:200px !important;}


}