@charset "utf-8";

/*Å¸ÀÌÆ²*/
.pageTitle-section{text-align:center;}
.pageTitle-section h1{font-size:40px; color:#1c1c1c; font-weight:700;}
.pageTitle-section h2{font-size:28px; color:#27244f; font-weight:500; margin:50px 0 20px;}
.pageTitle-section p{font-size:18px; color:#666; font-weight:400; line-height:28px;}

@media screen and (max-width:960px){
	.pageTitle-section h1{font-size:35px;}
	.pageTitle-section h2{font-size:20px;}
	.pageTitle-section p{margin-top:15px; font-size:18px;}
}

@media screen and (max-width:780px){
	.pageTitle-section h1{font-size:33px;}
	.pageTitle-section h2{font-size:18px;}
	.pageTitle-section p{font-size:16px;}
}

@media screen and (max-width:680px){
	.pageTitle-section h1{font-size:30px;}
	.pageTitle-section h1 span{font-weight:600;}
	.pageTitle-section h2{font-size:17px;}
	.pageTitle-section p{margin-top:10px; font-size:15px;}
}

@media screen and (max-width:580px){
	.pageTitle-section h1{font-size:28px;}
	.pageTitle-section h1 span{font-weight:500;}
	.pageTitle-section h2{font-size:16px;}
}

@media screen and (max-width:480px){
	.pageTitle-section h1{font-size:25px;}
	.pageTitle-section h2{font-size:15px;}
}

.wd-info{font-size:14px; color:#ff4545; display:none;}
#usage_time-section{width:100%; background:url('../img/usage_time_top_bg.jpg?v2212') no-repeat center; background-size:cover;}
#usage_time-section ul.usage_time_info{width:630px; margin:50px auto 0;}
#usage_time-section ul.usage_time_info:after{clear:both; content:""; display:block;}
#usage_time-section ul.usage_time_info li{float:left; text-align:center; background:rgba(255,255,255,.4); border-radius:50%; width:190px; height:190px; margin:0 10px;}
#usage_time-section ul.usage_time_info li p{font-size:20px; color:#fff; font-weight:400; line-height:26px; margin-top:45px;}
#usage_time-section ul.usage_time_info li:first-child p{margin-top:60px;}
#usage_time-section ul.usage_time_info li p span{font-weight:700;}
#usage_time-section ul.usage_time_info li p span span{font-style:italic;}

.usage_time-section02{margin-top:50px; padding-bottom:100px;}
.usage_time-section02 table{width:100%; border-top:2px solid #27244f;}
.usage_time-section02 table tr th:first-child{width:20%;}
.usage_time-section02 table tr th{width:40%; font-size:18px; font-weight:700; color:#333;}
.usage_time-section02 table tr th, .usage_time-section02 table tr td{text-align:center; padding:20px; border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
.usage_time-section02 table tr th.last, .usage_time-section02 table tr td.last{border-right:none;}
.usage_time-section02 table thead tr th{background:#f8f8f8;}
.usage_time-section02 table tr td{font-size:17px; color:#333; line-height:24px; font-weight:500;}
.usage_time-section02 table tr td span.small{font-size:15px;}
.usage_time-section02 table tr td span.blue{color:#1d5cb2;}
.usage_time-section02 table tr td span.green{color:#05958c;}
.usage_time-section02 table tr td h1{font-size:18px; font-weight:700; color:#4d4985;}
.usage_time-section02 table tr td h2{font-size:18px; font-weight:400; color:#333; line-height:28px; margin:25px 0 30px;}
.usage_time-section02 table tr td h2 span{font-weight:500; color:#1d5cb2;}
.usage_time-section02 table tr td p{font-size:18px; font-weight:500; color:#404040;}
.usage_time-section02 table tr td p span{font-weight:700; color:#686868; margin-right:10px;}

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

@media screen and (max-width:980px){
	.usage_time-section02{margin-top:40px;}
}

@media screen and (max-width:880px){
	.usage_time-section02{margin-top:30px;}
	.usage_time-section02 table tr th{padding:15px; font-weight:600; font-size:16px;}
	.usage_time-section02 table tr td{padding:15px; font-weight:400; font-size:15px;}
	.usage_time-section02 table tr td h1{font-size:16px; font-weight:600;}
	.usage_time-section02 table tr td h2{font-size:16px;}
	.usage_time-section02 table tr td p{font-size:16px; font-weight:400;}
	.usage_time-section02 table tr td p span{font-weight:600;}
}

@media screen and (max-width:780px){
	#usage_time-section ul.usage_time_info{width:480px; margin:30px auto 0;}
	#usage_time-section ul.usage_time_info li{width:150px; height:150px; margin:0 5px; padding:0 10px;}
	#usage_time-section ul.usage_time_info li p{font-size:17px; line-height:1.2em; margin-top:45px;}
	#usage_time-section ul.usage_time_info li p span{font-weight:500;}
	#usage_time-section ul.usage_time_info li:first-child p{margin-top:55px;}
}

@media screen and (max-width:680px){
	.usage_time-section01 div{padding:50px 0;}
	.usage_time-section01 h1{font-size:28px;}
	#usage_time-section ul.usage_time_info{width:400px; margin:30px auto 0;}
	#usage_time-section ul.usage_time_info li{width:120px; height:120px; margin:0 5px;}
	#usage_time-section ul.usage_time_info li p{font-size:15px; margin-top:25px;}
	#usage_time-section ul.usage_time_info li:first-child p{margin-top:40px;}

	.usage_time-section02 table tr th{padding:13px; font-weight:500; font-size:15px;}
	.usage_time-section02 table tr td{padding:13px; font-size:14px;}
	.usage_time-section02 table tr td h1{font-size:14px; font-weight:500;}
	.usage_time-section02 table tr td h2{font-size:14px;}
	.usage_time-section02 table tr td p{font-size:14px;}
}

@media screen and (max-width:540px){
	#usage_time-section ul.usage_time_info{display:none;}
	.wd-wrap{overflow-x:scroll;}
	.wd-info{display:block;}
	.wd-wrap table{width:700px; margin-top:10px;}
}

.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;}
