/* 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
html, fieldset, img, abbr, acronym{border:0 none;}
ol, ul, li, dl, dt, dd{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{font-weight:normal;}
address, caption, em{font-weight:normal; font-style:normal;}
caption{display:none;}
legend{display:none;}
html{}
body{margin:0; padding:0; font-size:16px;}
textarea, select{font-size:12px; border-radius:0; -webkit-border-radius:0; -webkit-appearance: none;}
select{height:24px; margin:0; padding:2px; border-radius:0; -webkit-border-radius:0; border:1px solid #d7d7d7; background:#fff;}
p{margin:0; padding:0; word-break:break-all;}
hr{display:none;}
pre{overflow-x:scroll; font-size:1.1em;}
a{color:#222; text-decoration:none;}
button{cursor:pointer;}
*, :after, :before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div,
p{word-break:keep-all; word-wrap:break-word;}
input{border-radius:0; -webkit-border-radius:0;}
input:focus{outline:none;}
textarea:focus{outline:none;}
label{margin:0 !important; font-weight:normal !important;}

.dn{display:none !important;}


#landscape{width:100%; height:100%; top:0; left:0; z-index:9999; color:#fff; background:#000; display:none; position:absolute;}
#landscape .box{top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); position:absolute;}
#landscape .box .icon{height:55px; text-align:center;}
#landscape .box .icon ion-icon{font-size:45px; -webkit-animation: iconMove 1.9s ease-out 75ms infinite; -moz-animation: iconMove 1.9s ease-out 75ms infinite; animation: iconMove 1.9s ease-out 75ms infinite; transform: rotate( -90deg );}
#landscape .box .txt{margin-top:15px; font-weight:bold; font-size:16px; text-align:center;}

#landscape.on{display:block;}

@keyframes iconMove{
	0%{ transform: rotate( -90deg ); }
	40%{ transform: rotate( -45deg ); }
	100%{ transform: rotate( 0 ); }
}

#header-box{height:50px; background:#fff; position:relative;}
#header-box .back-btn{width:50px; height:50px; top:0; left:0; text-align:center; display:block; position:absolute;}
#header-box .back-btn ion-icon{top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:25px; color:#222; position:absolute;}
#header-box h2{margin:0 0 0 55px; padding:0; font-size:20px; line-height:50px; color:#222;}

#back-header-box{z-index:9999;}
#back-header-box .leftMenu{top:15px; left:15px; z-index:9999; position:absolute;}
#back-header-box .leftMenu a{width:40px; height:40px; font-size:20px; text-align:center; color:#222; border-radius:50%; box-shadow:1px 1px 3px 1px rgba(0,0,0,.2); background:#fff; display:block; position:relative;}
#back-header-box .leftMenu a ion-icon{top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); position:absolute;}

.map-pin{width:15px; height:15px; position:relative;}
.map-pin .map-ipin{width:15px; height:15px; top:0; left:0; border-radius:50%; border:2px solid #fff; background:#d86b30; z-index:10000; position:absolute;}
.map-pin .iipin{width:15px; height:15px; z-index:1000; border-radius:50%; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7);  -webkit-animation: iconEffect 1.3s ease-out 75ms infinite; -moz-animation: iconEffect 1.3s ease-out 75ms infinite; animation: iconEffect 1.3s ease-out 75ms infinite;}

@keyframes iconEffect {
	0%{ opacity: 0.3; }
	40%{ opacity: 0.5; box-shadow:0 0 0 5px rgba(112,93,0,0.5), 0 0 0 5px #b89900, 0 0 0 5px rgba(112,93,0,0.5); }
	100%{ box-shadow: 0 0 0 2px rgba(112,93,0,0.5), 0 0 0 2px #b89900, 0 0 0 2px rgba(112,93,0,0.5); transform: scale(1.3); opacity: 0; }
}

.map-spin{width:50px; height:40px; z-index:100; position:relative;}
.map-spin .map-ipin{}
.map-spin .map-ipin:after{width:2px; height:100%; top:0; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); margin-left:-1px; z-index:10; background:#222; content:""; display:block; position:absolute;}
.map-spin .map-ipin span{width:50px; height:25px; z-index:100; font-size:12px; text-align:center; line-height:25px; color:#fff; border-radius:4px; background:#222; display:block; position:relative;}

.map-spin.cc .map-ipin:after{background:#ff4545;}
.map-spin.cc .map-ipin span{background:#ff4545;}

.map-dpin{width:40px; height:60px; z-index:100; position:relative;}
.map-dpin .map-ipin{width:42px; height:42px; border-radius:50%; border:1px solid #ddd; overflow:hidden; position:relative;}
.map-dpin:after{width:2px; height:20px; bottom:0; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); margin-left:-1px; z-index:10; background:#222; content:""; display:block; position:absolute;}

.map-tpin{width:30px; height:30px; position:relative;}
.map-tpin .map-ipin{width:30px; height:30px; top:0; left:0; text-align:center; color:#fff; border-radius:50%; border:2px solid #fff; background:#d86b30; z-index:10000; position:absolute;}
.map-tpin .map-ipin i{font-size:15px; line-height:26px;}
.map-tpin .iipin{width:30px; height:30px; z-index:1000; border-radius:50%; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7);  -webkit-animation: iconEffect 1.3s ease-out 75ms infinite; -moz-animation: iconEffect 1.3s ease-out 75ms infinite; animation: iconEffect 1.3s ease-out 75ms infinite;}

.addway-wrap ul{}
.addway-wrap ul li{padding:10px 0; position:relative;}
.addway-wrap ul li span{padding-bottom:10px; font-weight:bold; font-size:13px; color:#777; display:block;}
.addway-wrap ul li div{padding:15px 60px 15px 15px; font-size:14px; border-radius:4px; background:#f1f1f1; position:relative;}
.addway-wrap ul li a{top:10px; right:10px; padding:5px 10px; z-index:1000; font-size:12px; color:#777; border-radius:4px; border:1px solid #ddd; background:#fff; display:block; position:absolute;}


.myrecord-box .myrecord-list ul li div i{margin-right:3px; font-size:18px; color:#f1f1f1;}
.myrecord-box .myrecord-list ul li div i.on{color:#ffd400;}


.wrap_location{padding:0 20px 35px}
.tit_location{font-weight:bold;font-size:24px;line-height:30px;color:#000;text-align:center}
.tit_clause{margin-top:21px;font-size:15px;line-height:22px;color:#222}
.tit_emph{display:block;margin-top:15px;font-size:14px;color:#333}
.txt_location{margin-top:16px;font-size:14px;line-height:20px;color:#666}
.txt_location em{font-weight:bold;color:#222}
.list_location{padding-top:6px}
.list_location li{margin-top:10px;line-height:20px}
.list_location em{font-weight:bold;color:#333;text-decoration:underline}
.list_desc{overflow:hidden;padding:0 0 0 10px}
.list_desc li{margin-top:2px}
.list_about{padding-top:7px}
.list_about li{position:relative;margin-top:0;padding-left:15px}
.list_about li:before{position:absolute;top:7px;left:5px;width:3px;height:3px;background:#666;border-radius:3px;content:''}
.link_etc{display:inline-block;margin-top:33px;font-weight:bold;vertical-align:top;text-decoration:underline}

.main-slider a{
	width:100%;
}

.main-slider .swiper-pagination{
	left:0;
	padding-left:25px;
	text-align:left !important;
}

.main-slider .swiper-pagination-bullet{
	width:4px;
	height:4px;
}

.main-slider .swiper-pagination-bullet-active{
	width:22px !important;
	height:4px;
	border-radius:10px;
	opacity:1;
	background-color:#fff;
}


.main-bslider .swiper-pagination{
	display:none;
}

#road-section .cc1 em{color:#31818c;}
#road-section .cc1 ion-input{border:1px solid #cce1ec;}

#road-section .cc2 em{color:#b79c8f}
#road-section .cc2 ion-input{border:1px solid #ecd4c2;}

#road-section .wayAdd-list{margin-top:10px;}
#road-section .wayAdd-list ion-item{box-shadow:none;}
#road-section .wayAdd-list .box{width:100%; padding-right:25px; position:relative;}
#road-section .wayAdd-list em{width:50px; top:0; left:0; line-height:50px; font-weight:bold; font-size:16px; text-align:center; color:#777; z-index:10; position:absolute;}
#road-section .wayAdd-list .inputbox-layer{width:100%; position:relative;}
#road-section .wayAdd-list .inputbox-layer a.fia{width:100%; height:100%; z-index:100; display:block; position:absolute;}
#road-section .wayAdd-list .inputbox-layer ion-icon{top:9px; right:5px; z-index:200; font-size:20px; color:#d5d5d5; position:absolute;}
#road-section .wayAdd-list ion-input{--padding-start:55px; --padding-top:13px; --padding-bottom:13px; --padding-end:10px; --background:#f7f7f7; font-size:16px; border-radius:4px;}
#road-section .wayAdd-list ion-reorder{height:46px; top:0; right:0; line-height:46px; color:#999; position:absolute;}

.inquiry-view-tb{}
.inquiry-view-tb table{width:100%; border-top:2px solid #ddd;}
.inquiry-view-tb table th{width:80px; padding:10px 0; font-size:14px; color:#222; border-bottom:1px solid #ddd; background:#f1f1f1;}
.inquiry-view-tb table td{padding:10px; font-size:16px; color:#444; border-bottom:1px solid #ddd;}

.call-wrap .call-btm .box span{font-weight:bold; font-size:14px; color:#777;}

.date-list .sun{color:#ff0000;}
.date-list .sat{color:#0000ff;}
.date-list .dd{color:#444;}

.agree-txt-wrap { clear:both; padding:0 20px 20px 20px; }
.agree-txt-wrap h2 { font-weight:bold; font-size:18px; line-height:30px; margin-top:15px; }
.agree-txt-wrap h3 { font-size:15px; line-height:30px; margin-top:15px; }
.agree-txt-wrap ul {margin-left:0px;}
.agree-txt-wrap ul {margin-left:20px;}
.agree-txt-wrap ul.none {margin-left:0px;}
.agree-txt-wrap ul li { font-size:14px; line-height:1.6; color:#333; padding:0 0 5px 0; }
.agree-txt-wrap ul li span.num {margin : 0 5px 0 -20px }
.agree-txt-wrap ul li span.num2 {margin : 0 7px 0 -17px }
.agree-txt-wrap ul li span.dot {margin : 0 5px 0 -20px }

.agree-txt-wrap .d_table {border-collapse: collapse; border-top: 1px solid #6e7276; width: 100%; margin:0; text-align:center;font-size:14px;line-height: 1.6;}
.agree-txt-wrap .d_table caption {text-align: left; margin:0 0 5px}
.agree-txt-wrap .d_table thead tr th, .d_table tbody tr td {padding:8px 10px; border-left: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.agree-txt-wrap .d_table thead tr th.last, .d_table tbody tr td.last {border-right: 1px solid #ececec;}
.agree-txt-wrap .d_table thead tr th, .d_table tbody tr th {background: #f7f7f7; border-right: 1px solid #ececec;}
.agree-txt-wrap .d_table tbody td.nowarp{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.agree-txt-wrap .d_table tbody td.cont { text-overflow: unset;white-space: pre-wrap;overflow: auto;padding: 10px;line-height: 20px;text-align:left;height: auto;}
.agree-txt-wrap .d_table tbody td.contents {padding:10px;vertical-align:top;line-height:20px;}

.main-top-wrap .visual-page{bottom:20px; left:20px; position:absolute;}
.main-top-wrap .visual-page span{font-size:14px; line-height:100%; color:#fff;display:inline-block;}

.main-btm-wrap .box-banner{padding-bottom:15px;}
.main-btm-wrap .box-banner .slick-slide{width:280px; padding:0 0 0 15px;}
.main-btm-wrap .box-banner .slick-slide .box{width:280px;}
.main-btm-wrap .box-banner .slick-slide .box img{vertical-align:middle;}
.main-btm-wrap .box-banner .slider-page{padding:5px 15px 0 15px; text-align:left;}
.main-btm-wrap .box-banner .slider-page span{padding:4px 15px; font-size:12px; line-height:100%; color:#fff; border-radius:20px; background-color:#444; display:inline-block;}