@charset "utf-8";

.time-section01{padding:0 0 100px;}
.time-section01 .time-top{width:80%; margin:0 auto; height:480px;}
.time-section01 .time-top:after{clear:both; display:block; content:"";}
.time-section01 .time-top .img{width:57%; height:100%;float:left; background:url("../img/time_img.jpg") no-repeat center; background-size:cover;}
.time-section01 .time-top .txt{width:43%; height:100%;float:left; background:#2c72d0; color:#fff; position:relative; text-align:center;}
.time-section01 .time-top .txt div{width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
.time-section01 .time-top .txt div h1{font-size:36px; font-weight:800;}
.time-section01 .time-top .txt div ul{margin-top:30px;}
.time-section01 .time-top .txt div ul li{font-size:20px; margin:10px 0;}

.time-section02{padding:0 0 100px; background:#f8f8f8;}
.time-section03{padding:0 0 100px;}
.time-section ul{}
.time-section ul:after{clear:both; display:block; content:"";}
.time-section ul li{padding:0 10px; float:left;}
.time-section.time-section02 ul li{width:25%;}
.time-section.time-section03 ul li{width:100%;}
.time-section ul li .box{text-align:center;}
.time-section.time-section02 ul li .box h1{font-size:22px; font-weight:700; background:#2c72d0; border-radius:20px 20px 0 0; color:#fff; padding:20px;}
.time-section.time-section02 ul li .box .txt{background:#fff; border-radius:0 0 20px 20px; padding:50px 20px; height:170px; border:1px solid #dedede; border-top:none;}
.time-section.time-section02 ul li:last-child .box .txt{padding:40px 20px;}
.time-section.time-section02 ul li .box p{font-size:20px; line-height:1.5em; font-weight:600;}
.time-section.time-section02 ul li .box p span{font-size:0.85em; font-weight:400;}
.time-section.time-section03 ul li .box{background:#f8f8f8; border:1px solid #dedede; padding:60px 20px; border-radius:20px;}
.time-section.time-section03 ul li .box h1{font-size:24px; font-weight:800;}
.time-section.time-section03 ul li .box p{font-size:18px;margin-top:20px; font-weight:400;}

@media screen and (max-width:1140px){
	.time-section01 .time-top{width:100%; padding:0 20px;}
}

@media screen and (max-width:870px){
	.time-section01,
	.time-section02,
	.time-section03{padding:0 0 80px;}

	.time-section01 .time-top{height:auto;}
	.time-section01 .time-top .img{width:100%; height:380px;}
	.time-section01 .time-top .txt{width:100%; height:auto; padding:30px 10px;}
	.time-section01 .time-top .txt div{width:100%; top:0; -ms-transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); position:relative;}
	.time-section01 .time-top .txt div h1{font-size:30px;}
	.time-section01 .time-top .txt div ul{margin-top:20px;}
	.time-section01 .time-top .txt div ul li{font-size:18px;}

	.time-section ul li{padding:10px;}
	.time-section.time-section02 ul li{width:50%;}
	.time-section.time-section02 ul li .box h1{font-size:20px;}
	.time-section.time-section02 ul li .box .txt{padding:30px 10px; height:auto;}
	.time-section.time-section02 ul li .box p{font-size:18px;}
}

@media screen and (max-width:640px){
	.time-section01,
	.time-section02,
	.time-section03{padding:0 0 60px;}

	.time-section01 .time-top .img{height:300px;}
	.time-section01 .time-top .txt{padding:20px 10px;}
	.time-section01 .time-top .txt div h1{font-size:26px;}
	.time-section01 .time-top .txt div ul li{font-size:16px;}

	.time-section.time-section02 ul li{width:100%;}
	.time-section.time-section02 ul li .box .txt{padding:20px 10px;}
}

@media screen and (max-width:480px){
	.time-section01,
	.time-section02,
	.time-section03{padding:0 0 40px;}
	.time-section01 .time-top .img{height:240px;}
	.time-section01 .time-top .txt div h1{font-size:22px;}
}

.shop-find{margin-top:60px; padding:40px 0; text-align:center; border-top:2px solid #27244f; background:#f8f8f8;}
.shop-find select{width:150px; height:40px; padding:5px; font-weight:400; font-size:17px; color:#525252; border:1px solid #dedede; vertical-align:middle;}
.shop-find input{width:345px; height:40px; padding:0 10px; font-weight:400; font-size:17px; color:#525252; border:1px solid #dedede; vertical-align:middle;}
.shop-find a{width:80px; height:40px; font-weight:500; font-size:17px; line-height:40px; text-align:center; color:#fff; background:#27244f; display:inline-block; vertical-align:middle;}
.shop-find p{font-size:15px; text-align:center; margin-top:20px; font-weight:500; color:red;}
.shop-cont{margin-top:40px; padding-bottom:100px; border-top:1px solid #27244f;}
.shop-cont:after{clear:both; content:""; display:block;}
.shop-cont .shop-right{width:35.58%; height:750px; overflow-y:scroll; float:left;}
.shop-cont .shop-left{width:64.42%; float:right;}
.shop-cont .sinfo-top{padding:15px 10px; border-bottom:1px solid #dedede;}
.shop-cont .sinfo-top span{height:25px; margin-right:10px; padding-left:30px; font-weight:500; font-size:15px; line-height:25px; color:#727272; display:inline-block;}
.shop-cont .sinfo-top span:first-child{background:url("../img/shop_icon01.png") no-repeat;}
.shop-cont .sinfo-top span:last-child{background:url("../img/shop_icon02.png") no-repeat;}
.shop-cont .sinfo-cont{}
.shop-cont .sinfo-cont li{padding:25px 10px; border-bottom:1px solid #dedede; word-break:keep-all; word-wrap:break-word;}
.shop-cont .sinfo-cont li .txt01{padding-left:45px; font-weight:500; font-size:18px; color:#333;}
.shop-cont .sinfo-cont li .txt02{margin-top:20px; padding-left:45px;font-weight:400; font-size:15px; color:#525252; background:url("../img/shop_sicon01.png") no-repeat 25px 5px;}
.shop-cont .sinfo-cont li .txt03{margin-top:10px; padding-left:45px;font-weight:400; font-size:15px; color:#525252; background:url("../img/shop_sicon02.png") no-repeat 25px center;}
.shop-cont .sinfo-cont li .txt04{margin-top:10px; padding-left:45px;font-weight:400; font-size:15px; color:#525252; background:url("../img/shop_sicon03.png") no-repeat 25px 5px;}
.shop-cont .sinfo-cont li .empty{text-align:center;}
.shop-cont .sinfo-cont li span{font-size:11px; color:#777; display:block;}
.shop-cont .sinfo-cont .stype01{background:url("../img/shop_icon01.png") no-repeat 10px center;}
.shop-cont .sinfo-cont .stype02{background:url("../img/shop_icon02.png") no-repeat 10px center;}
.shop-cont .wshop-info{width:100%;}
.shop-cont .wshop-info h2{width:100%; padding:5px; font-weight:500; font-size:15px; border-bottom:1px solid #d9d9d9; background:#f7f7f7; display:block;}

@media screen and (max-width:1100px){
	.shop-cont .sinfo-cont li .txt01{font-size:16px; background-size:23px 23px;}
	.shop-cont .sinfo-cont li .txt02{margin-top:15px; font-size:15px;}
	.shop-cont .sinfo-cont li .txt03{margin-top:7px; font-size:14px;}
	.shop-cont .sinfo-cont li .txt04{margin-top:7px; font-size:14px;}
}

@media screen and (max-width:880px){
	.shop-find{margin-top:50px; padding:30px 0;}
	.shop-cont{margin-top:30px;}
	.shop-cont .sinfo-cont li{padding:25px 0;}
	.shop-cont .sinfo-cont li .txt02{margin-top:15px; font-size:13px;}
	.shop-cont .sinfo-cont li .txt03{margin-top:7px; font-size:13px;}
	.shop-cont .sinfo-cont li .txt04{margin-top:7px; font-size:13px;}
}

@media screen and (max-width:780px){
	.shop-find{margin-top:40px; padding:25px 0;}
	.shop-cont{margin-top:20px;}
}

@media screen and (max-width:680px){
	.shop-find{margin-top:30px; padding:20px 0;}
	.shop-find select{width:120px; height:35px; font-size:15px;}
	.shop-find input{width:300px; height:35px; font-size:15px;}
	.shop-find a{width:70px; height:35px; font-size:15px; line-height:35px;}

	.shop-cont .sinfo-cont li{padding:25px 0;}
	.shop-cont .sinfo-cont li .txt02{margin-top:15px; font-size:13px;}
	.shop-cont .sinfo-cont li .txt03{margin-top:7px; font-size:13px;}
	.shop-cont .sinfo-cont li .txt04{margin-top:7px; font-size:13px;}
}

@media screen and (max-width:650px){
	.shop-cont .shop-left{width:100%; height:350px; float:none;}
	.shop-cont #map{width:100%; height:350px !important;}
	.shop-cont .shop-right{width:100%; height:450px; float:none;}
}

@media screen and (max-width:550px){
	.shop-find{margin-top:20px; padding:17px 20px;}
	.shop-find:after{clear:both; content:""; display:block;}
	.shop-find select{width:49%; display:inline-block; float:left;}
	.shop-find input{width:49%; display:inline-block; float:right;}
	.shop-find a{width:100%; margin-top:10px; display:block; float:left;}
	.shop-find p{clear:both; font-size:14px; padding-top:15px;}
}

.shop_iwrap{width:350px; height:152px; left:0; bottom:30px; margin-left:-175px; text-align:left; overflow:hidden; position:absolute;}
.shop_iwrap .info{width:350px;height:140px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.shop_iwrap .info:nth-child(1){border:0; box-shadow: 0px 1px 2px #888;}
.shop_iwrap .info .title{height:35px; padding:5px 0 0 10px; font-weight:500; font-size:16px; border-bottom:1px solid #ddd; background:#eee;}
.shop_iwrap .info .close{position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.shop_iwrap .info .close:hover{cursor: pointer;}
.shop_iwrap .info .cont{position:relative; white-space:normal;}
.shop_iwrap .info .addr{margin-top:10px; padding-left:35px; padding-right:10px; font-weight:400; font-size:14px; color:#525252; background:url("../img/shop_sicon01.png") no-repeat 15px center;}
.shop_iwrap .info .tel{margin-top:5px; padding-left:35px; padding-right:10px; font-weight:400; font-size:14px; color:#525252; background:url("../img/shop_sicon02.png") no-repeat 15px center;}
.shop_iwrap .info .work{margin-top:5px; padding-left:35px; padding-right:10px; font-weight:400; font-size:14px; color:#525252; background:url("../img/shop_sicon03.png") no-repeat 15px center;}
.shop_iwrap .info:after{width:22px; height:12px; left:50%; bottom:0; margin-left:-12px; background: url("../img/shop_barrow.png") no-repeat; content:''; position:absolute;}
