/*******************
********************  메인 
********************/
.city-name{width:789px;margin:0 auto;}
.city-name>div{float:left;width:163px;text-align:center;height:163px;margin:0 50px;font-size:25px;font-weight:600; color:#fff;border-radius:50%;box-shadow: 3px 3px 80px 10px #000;position:relative; font-size: 0;}
.city-name>div p.store_location{position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}

.city-name>div:nth-child(1) {background: url(/html/images/main/jeonju.png) no-repeat center;}
.city-name>div:nth-child(2) {background: url(/html/images/main/gunsan.png) no-repeat center;}
.city-name>div:nth-child(3) {background: url(/html/images/main/iksan_.png) no-repeat center;}
.city-name>div:nth-child(1):hover {background: url(/html/images/main/jeonju-over.png) no-repeat center;}
.city-name>div:nth-child(2):hover {background: url(/html/images/main/gunsan-over.png) no-repeat center;}
.city-name>div:nth-child(3):hover {background: url(/html/images/main/iksan-over.png) no-repeat center;}



/**********************************************************
******************* 타이어 소개 *******************************
***********************************************************/



h3{margin-bottom:20px;font-size:28px important;}

/* 회사소개 > 인사말 */
.greeting{font-size:15px;line-height:2;}
.greeting div span{display:block;}
.greeting .ceo-message{word-break:keep-all;}
.ceo-message::after{content: ''; clear:both; display:block; word-break:keep-all;}
.ceo-message {margin-bottom: 80px;font-size:18px;}
.ceo-jo{float:right;width:260px; padding:30px 0;font-weight:600;background:url('/html/images/ceo_sign.png') no-repeat right center;background-size: 100px;}
.ceo-jo img{width:80px;}
.ceo-photo {height:100%; overflow:hidden;}
.message_01{line-height:1.3; margin-bottom:0.7em;}
.message_02{font-weight:540;line-height:1.5;margin-bottom:1.5em;}



/*오시는 길*/

.map-address{
    background-color: #f9f9f9;
	border-radius:0 0 20px 20px ;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
}
.map-address::after{content:'';display:block;clear:both;}
.map-address dl{width:37%;}
.map-address dl:nth-child(1){border-right:1px solid #fff; margin-right:90px;}
.map-address dl dt{font-weight:600; margin-bottom:0.5em;}
.map img{width:100%;}
.map h3 {margin-bottom: 23px;}

@media (max-width:1200px) {
.mobile-none{display:none;}
}

@media (min-width:1200px){
.pc-none{display:none;}
.map article{margin-bottom:80px;}
.map-address{padding:50px 80px;}

}
@media (min-width:700px) and (max-width:1200px){
.map-address{padding:30px;}
.map-address dl{width:50%;}
.map article{margin-bottom:80px;}
}
@media (max-width:700px){
.map article{margin-bottom:42px;}
.map-address dl{width:100%;font-size:14px;padding:10px;}
}


/**********************************************************
******************* 매장 서비스 *******************************
***********************************************************/

/* 전주점 */
.shop-wrap .shop{margin-bottom:70px;}
.shop-wrap .shop:after{content:'';clear:both; display:block;}
.shop-wrap .shop .shop-photo{margin-left:0;padding:0; position: relative;width:600px;overflow:hidden;}
.shop-wrap .shop .map{}
.shop-wrap .shop .shop-photo .shop-info{position: absolute;  top: 0; left: 0; right: 0; bottom:50px; opacity: 0;color:#181818;text-align:left;padding:9em 0; transition: all 1s ease-in-out;}  
.shop-wrap .shop .shop-photo .shop-info:hover{background: rgba(0,0,0,0.5); opacity: 1;}
.shop-wrap .shop .shop-photo img{width:100%;height:100%;  transition: all 0.8s ease-in-out; }
.shop-wrap .shop .shop-photo:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.shop-wrap .shop .shop-photo .shop-info p{margin-bottom:10px;font-size:25px; color:#fff; font-weight:600; text-align:center;}
.shop-wrap .shop .shop-photo .shop-info dl{width:320px; margin:0 auto;}
.shop-wrap .shop .shop-photo .shop-info dl dt{display:inline-block;float:left;width:25%; padding:5px 0;margin:5px 0;font-weight:600;text-align:center;color:#181818;background: rgba(255,255,255,0.9); opacity: 1;border-radius:50px 0 0 50px;}
.shop-wrap .shop .shop-photo .shop-info dl dd{display:inline-block;float:right;width:74%; padding:5px 0 5px 15px;margin:5px 0;font-weight:600;letter-spacing:0.1rem;text-align:left;color:#fff;background: rgba(56,93,223,0.9); opacity: 1;border-radius:0 50px 50px 0;}

/**서비스안내**/
.service_info{text-align:center; margin-bottom:60px;}



/**********************************************************
******************* 타이어정보 *******************************
***********************************************************/

/* .tire_container{background-color:yellow;} */
/* .tire{width:1400px;border:2px solid red;margin:0 auto;}
.tire ul li{float:left; width:200px; height:300px;background-color:blue;border:3px solid green;} */


/**타이어상식**/
.tire-sence{text-align:center;}




/**********************************************************
******************* 이벤트 *******************************
***********************************************************/
.event{width:700px; margin:0 auto;}