html {
	height: 100%;
	overflow: auto;
}

html,
body {
	position: relative;
	font-family: 'NanumSquare', -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", "Roboto", helvetica, "Apple SD Gothic Neo", sans-serif;
	color: #000;
	font-size: 3.59vw;
	font-weight: 400;
	letter-spacing: -0.10vw;
	word-wrap: break-word;
	word-break: break-all;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	background: #fff;
}


/* Webfont Setting **************************************************/
@font-face {
	font-family: 'NanumSquare';
	font-weight: 300;
	src: url('./fonts/NanumSquareL.eot');
	src: local('☺'),
			url('./fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'),
			url('./fonts/NanumSquareL.woff2') format('woff2'),
			url('./fonts/NanumSquareL.woff') format('woff'),
			url('./fonts/NanumSquareL.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 400;
	src: url('./fonts/NanumSquareR.eot');
	src: local('☺'),
			url('./fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
			url('./fonts/NanumSquareR.woff2') format('woff2'),
			url('./fonts/NanumSquareR.woff') format('woff'),
			url('./fonts/NanumSquareR.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 700;
	src: url('./fonts/NanumSquareB.eot');
	src: local('☺'),
			url('./fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
			url('./fonts/NanumSquareB.woff2') format('woff2'),
			url('./fonts/NanumSquareB.woff') format('woff'),
			url('./fonts/NanumSquareB.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-weight: 800;
	src: url('/assets/css/fonts/NanumSquareEB.eot');
	src: local('☺'),
			url('/assets/css/fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
			url('/assets/css/fonts/NanumSquareEB.woff2') format('woff2'),
			url('/assets/css/fonts/NanumSquareEB.woff') format('woff'),
			url('/assets/css/fonts/NanumSquareEB.ttf') format('truetype');
}



* { box-sizing: border-box; }
img { width: 100%; }

.blind__txt { font-size: 0; }
.txt__dot {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
button { background: transparent; }

.dsp__none { display: none !important; }
.dsp__block { display: block !important; }
.ovflow__hid { overflow: hidden; }
.Yscroll { overflow-y: auto; }
.Xscroll { overflow-x: auto; }
.Yscroll_hidden { overflow-y: hidden; }


.abs__posi { position: absolute; }
.rel__posi { position: relative; }



.txt__al { text-align: left; }
.txt__ac { text-align: center; }
.txt__ar { text-align: right; }



.fw__300 { font-weight: 300; }
.fw__400 { font-weight: 400; }
.fw__700 { font-weight: 700; }
.fw__800 { font-weight: 800; }



.fs__8 { font-size: 2.05vw; }
.fs__9 { font-size: 2.31vw; }
.fs__10 { font-size: 2.56vw; }
.fs__11 { font-size: 2.82vw; }
.fs__12 { font-size: 3.08vw; }
.fs__13 { font-size: 3.33vw; }
.fs__14 { font-size: 3.59vw; }
.fs__15 { font-size: 3.85vw; }
.fs__16 { font-size: 4.10vw; }
.fs__17 { font-size: 4.36vw; }
.fs__18 { font-size: 4.62vw; }
.fs__19 { font-size: 4.87vw; }
.fs__20 { font-size: 5.13vw; }
.fs__21 { font-size: 5.38vw; }
.fs__22 { font-size: 5.64vw; }
.fs__23 { font-size: 5.90vw; }
.fs__24 { font-size: 6.15vw; }
.fs__25 { font-size: 6.41vw; }
.fs__26 { font-size: 6.67vw; }
.fs__27 { font-size: 6.92vw; }
.fs__28 { font-size: 7.18vw; }
.fs__29 { font-size: 7.44vw; }
.fs__30 { font-size: 7.69vw; }
.fs__31 { font-size: 7.95vw; }
.fs__32 { font-size: 8.21vw; }
.fs__33 { font-size: 8.46vw; }
.fs__34 { font-size: 8.72vw; }
.fs__35 { font-size: 8.97vw; }
.fs__36 { font-size: 9.23vw; }
.fs__37 { font-size: 9.49vw; }
.fs__38 { font-size: 9.74vw; }
.fs__39 { font-size: 10.00vw; }
.fs__40 { font-size: 10.26vw; }



.fc__black { color: #000; }
.fc__white { color: #fff; }
.fc__gdf { color: #dfdfdf; }
.fc__g666 { color: #666; }
.fc__g999 { color: #999; }
.fc__gccc { color: #ccc; }
.fc__gdf { color: #dfdfdf; }
.fc__green { color: #1AB53C; }
.fc__blue { color: #2381FF; }



.rowspace__18 { line-height: 4.62vw; }
.rowspace__20 { line-height: 5.13vw; }
.rowspace__22 { line-height: 5.64vw; }
.rowspace__24 { line-height: 6.15vw; }
.rowspace__26 { line-height: 6.67vw; }
.rowspace__28 { line-height: 7.18vw; }
.rowspace__30 { line-height: 7.69vw; }
.rowspace__32 { line-height: 8.21vw; }
.rowspace__34 { line-height: 8.72vw; }
.rowspace__36 { line-height: 9.23vw; }
.rowspace__38 { line-height: 9.74vw; }
.rowspace__40 { line-height: 10.26vw; }
.rowspace__42 { line-height: 10.77vw; }
.rowspace__44 { line-height: 11.28vw; }
.rowspace__46 { line-height: 11.79vw; }
.rowspace__48 { line-height: 12.31vw; }
.rowspace__50 { line-height: 12.82vw; }



.bg__white { background-color: #fff; }
.bg__black { background-color: #000; }
.bg__grayF1 { background-color: #f1f1f1; }
.bg__grayF5 { background-color: #f5f5f5; }
.bg__gray666 { background-color: #666; }
.bg__grayCCC { background-color: #ccc; }
.bg__blue { background-color: #2381FF; }
.bg_darkgray { background-color: #2C333E; }


.outline__1x { border: 0.26vw solid !important; }
.outline__2x { border: 0.51vw solid !important; }
.outline__3x { border: 0.77vw solid !important; }
.outline__4x { border: 1.03vw solid !important; }
.outline__5x { border: 1.28vw solid !important; }


.btmline_1x { border-bottom: 0.26vw solid; }


.line__gray_e5 { border-color: #e5e5e5 !important; }
.line__green { border-color: #2381FF !important; }



.circle { border-radius: 100%; }



.radius__2 { border-radius: 0.51vw; }
.radius__4 { border-radius: 1.03vw; }
.radius__6 { border-radius: 1.54vw; }
.radius__8 { border-radius: 2.05vw; }
.radius__10 { border-radius: 2.56vw; }
.radius__12 { border-radius: 3.08vw; }
.radius__14 { border-radius: 3.59vw; }
.radius__16 { border-radius: 4.10vw; }
.radius__18 { border-radius: 4.62vw; }
.radius__20 { border-radius: 5.13vw; }
.radius__22 { border-radius: 5.64vw; }
.radius__24 { border-radius: 6.15vw; }
.radius__26 { border-radius: 6.67vw; }
.radius__28 { border-radius: 7.18vw; }
.radius__30 { border-radius: 7.69vw; }



.radius__left_18 { border-radius: 4.62vw 0 0 4.62vw; }
.radius__right_18 { border-radius: 0 4.62vw 4.62vw 0; }



.shadow_y2_b_10 {
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21); 
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.21);
}

.shadow_y2_b_20 {
	-webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.3); 
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.3);
}
.shadow_b_10 {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); 
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.mt__13 { padding-top: 3.33vw; }
.mt__36 { padding-top: 9.23vw; }

.pt__6 { padding-top: 1.54vw; }
.pt__8 { padding-top: 2.05vw; }
.pt__46 { padding-top: 11.79vw; }

.pb__6 { padding-bottom: 1.54vw; }
.pb__8 { padding-bottom: 2.05vw; }
.pl__16 { padding-left: 4.10vw; }

.vh__100 { height: 100vh; }
.max_h490 { max-height: 125.64vw !important; }





.top__padding { padding-top: 15.38vw; }
/* .top__padding { padding-top: 15.38vw; padding-bottom: 25.64vw; } */
.top_header {
	position: fixed;
	top: 0;
	width: 100%;
	align-items: center;
	height: 15.38vw;
	border-bottom: 0.26vw solid #ddd;
	background: #fff;
	z-index: 100;
}
.top_header.mapbg {
	border-bottom: unset;
	background: rgba(255, 255, 255, 0);
}

.top_header .item:nth-child(1) { width: 15.38vw; }
.top_header .item:nth-child(2) { width: calc(100% - 30.77vw); }
.top_header .item:nth-child(3) { width: 15.38vw; }
.top_header .item button {
	display: block;
	width: 100%;
	height: 15.38vw;
	background-repeat: no-repeat;
	background-size: 6.15vw;
	background-position: center center;
}
.top_header .item .nav_back { background-image: url('../images/ico_navback_black.svg'); }
.top_header .item .nav_close { background-image: url('../images/ico_navclose_black.svg'); }
.top_header .item .nav_menu { background-image: url('../images/ico_navmenu_black.svg'); }


.ico_infocheck {
	display: inline-block;
	width: 4.10vw;
	height: 4.10vw;
	vertical-align: middle;
	border-radius: 100%;
	background-color: #000;
	background-image: url('../images/ico_infocheck.svg');
	background-repeat: no-repeat;
	background-size: 2.05vw 1.54vw;
	background-position: center center;
}

.card_select_list { padding: 5.13vw 5.13vw 30.77vw 5.13vw; }
.card_select_list .card_select {
	margin-top: 5.13vw;
	border-color: #e5e5e5 !important;
}
.card_select_list .card_select:first-child { margin-top: 0; }
.card_select_list .card_select.active { 
	background: #F6FAFF;
	border-color: #2381FF !important;
}

.ico_routearrow {
	display: inline-block;
	width: 5.13vw;
	height: 5.13vw;
	vertical-align: middle;
	background-image: url('../images/ico_routearrow.svg');
	background-repeat: no-repeat;
	background-size: 5.13vw;
	background-position: 0 0;
}

.route_info {
	position: relative;
	color: #666;
	font-size: 3.59vw;
	padding: 0 2.56vw 0 2.31vw;
}
.route_info:after {
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	width: 1.03vw;
	height: 1.03vw;
	margin-top: -0.51vw;
	border-radius: 100%;
	background: #000;
}
.route_info:before {
	position: absolute;
	top: 50%;
	right: 0;
	content: '';
	width: 0.26vw;
	height: 2.56vw;
	margin-top: -1.28vw;
	background: #ccc;
}

.post_hash span {
	color: #0091F0;
	font-size: 3.59vw;
	margin-right: 1.28vw;
	cursor: pointer;
}
.post_hash span:last-child { margin-right: 0; }

.no_image_wrap {
	position: relative;
	height: 100.000vw;
	background: #f8f8f8;
}
.no_image_item {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 38.462vw;
	height: 23.077vw;
	color: #999;
	font-size: 3.590vw;
	text-align: center;
	transform: translate(-50%, -50%);
	padding-top: 18.462vw;
	background-image: url('../images/img_nophoto.png');
	background-repeat: no-repeat;
	background-size: 15.897vw;
	background-position: center 0;
}

.post_accbtn {
	text-align: right;
}
.acc__btn {
	color: #333;
	font-size: 3.590vw;
	margin-right: 2.564vw;
}
.acc__btn:last-child { margin-right: 0; }
.ico__navi, .ico__docent, .ico__share {
    display: inline-block;
    width: 6.667vw;
    height: 6.667vw;
    vertical-align: middle;
    background: #ccc;
    border-radius: 100%;
    margin-right: 1.282vw;
    background-repeat: no-repeat;
    background-size: 6.667vw;
    background-position: 0 0;
}
.ico__navi { background-image: url('../images/ico__navi.png'); }
.ico__docent { background-image: url('../images/ico__docent.png'); }
.ico__share { background-image: url('../images/ico__share.png'); }

.post_btnbox button {
	display: inline-block;
	width: 15.38vw;
	margin-right: 12.82vw;
	text-align: center;
}
.post_btnbox button:last-child { margin-right: 0; }
.post_btnbox button i {
	display: inline-block;
	width: 12.82vw;
	height: 12.82vw;
	margin-bottom: 2.56vw;
	border: 0.26vw solid #ddd;
	border-radius: 4.62vw;
	background-repeat: no-repeat;
	background-size: 12.82vw;
	background-position: 0 0;
}
.post_btnbox button .acc_ico1 { background-image: url('../images/acc_ico1.svg'); }
.post_btnbox button .acc_ico2 { background-image: url('../images/acc_ico2.svg'); }
.post_btnbox button .acc_ico3 { background-image: url('../images/acc_ico3.svg'); }
.post_btnbox button .btn_name {
	color: #000;
	font-size: 3.59vw;
	text-align: center;
}

.photo_section {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 5.13vw;
}
.photo_section .item {
	display: inline-block;
	width: 1.54vw;
	height: 1.54vw;
	background: #ccc;
	margin-right: 1.03vw;
	border-radius: 100%;
}
.photo_section .item:last-child { margin-right: 0; }
.photo_section .item.active { background: #2381FF; }

.call_calendar {
	width: 100% !important;
	color: #000 !important;
	font-size: 3.59vw !important;
	font-weight: 700 !important;
	padding: 4.10vw 5.13vw !important;
	border: 0.26vw solid #E5E5E5 !important;
	border-radius: 6.41vw !important;
}
.call_calendar::placeholder { color: #000; }

.date_box .week_name {
	display: flex;
	flex-direction: row;
}
.date_box .week_name li {
	width: calc(100% / 7);
	height: 12.82vw;
	line-height: 12.82vw;
	color: #999;
	font-size: 4.10vw;
	font-weight: 700;
	text-align: center;
}
.date_box .date_num {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.date_box .date_num li {
	width: calc(100% / 7);
	height: 12.82vw;
	line-height: 12.82vw;
	font-size: 4.10vw;
	font-weight: 700;
	text-align: center;	
}
.date_box .date_num .another { color: #DFDFDF; }
.date_box .date_num li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
	line-height: 12.82vw;
}
.date_box .date_num .today {
	border-radius: 100%;
	background: #F1F1F1;
}
.date_box .date_num .select {
	border-radius: 100%;
	background: #2381FF;
}
.date_box .date_num .select a { color: #fff; }


.time__select {
	display: block;
	width: 100%;
	color: #999;
	font-size: 3.59vw;
	font-weight: 700;
	text-align: center;
	padding: 4.10vw 0;
	border: 0.26vw solid #E5E5E5 !important;
	border-radius: 6.41vw;
	background: #fff;
}
.time__select.disabled {
	color: #DFDFDF;
	background: #FBFBFB;
	border: 0.26vw solid #EEE !important;
}
.time__select.selected {
	color: #2381FF;
	background: #F6FAFF;
	border: 0.26vw solid #2381FF !important;
}




.absbtm_btnbox {
	position: fixed;
	bottom: 0;
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 17.95vw;
	z-index: 9998;
}


.absbtm_btnbox .col__full {
	display: block;
	width: 100%;
	height: 100%;
	color: #999;
	font-size: 5.13vw;
	font-weight: 700;
	background: #EEE;
}
.absbtm_btnbox .col__full.active {
	color: #fff;
	background: #2381FF;
}
.absbtm_btnbox .col__2 {
	width: 50%;
	color: #999;
	font-size: 5.13vw;
	font-weight: 700;
}
.absbtm_btnbox .col__2:first-child { 
	color: #fff;
	background: #666;
 }
 .absbtm_btnbox .col__2:last-child {
	color: #fff;
	background: #2381FF;
 }


.pop__stage {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100vh;
}
.calendar_popwrap {
	/* position: absolute;
	top: 48.72vw; */
	width: 100%;
	/* height: calc(100% - 48.72vw); */
	background: #fff;
	z-index: 1002;
	border-radius: 4.62vw 4.62vw 0 0;

	animation-name: calendar_popwrap;
    animation-duration: .6s;
    animation-fill-mode: both;
}
@keyframes calendar_popwrap {
	from {
		top: 58.97vw;
		opacity: 0;
	}
	to {
		top: 48.72vw;
		opacity: 1;
	}
}

.calendar_absbtn_box {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 17.95vw;
}
.calendar_absbtn_box .btn_datepick {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 5.13vw;
	font-weight: 700;
	background: #2381FF;
}

.calendar_popwrap .inner_stage { height: calc(100% - 17.95vw); }
.calendar_popwrap .inner_stage .print_date { padding: 8.97vw 0; }
.calendar_popwrap .inner_stage .print_date input[type="text"] {
	display: block;
	width: 100%;
	color: #000;
	font-size: 6.15vw;
	text-align: center;
	font-weight: 700;
	padding: unset;
	border: unset;
}
.calendar_popwrap .inner_stage .print_date input[type="text"]::placeholder { color: #000; }

.calendar_popwrap .inner_stage .scr_track {
	overflow-y: auto;
	height: 118.72vw;
	padding: 0 5.13vw;
}



.info__pop {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 10.26vw);
	transform: translate(-50%, -50%);
	background: #fff;
	z-index: 1002;
	padding: 12.82vw 5.13vw;
	border-radius: 4.62vw;
}

.info__pop .ico_checkbox {
	text-align: center;
	margin-bottom: 5.13vw;
}
.ico_check_green {
	display: inline-block;
	width: 20.51vw;
	height: 20.51vw;
	background-image: url('../images/ico_check_blue.svg');
	background-repeat: no-repeat;
	background-size: 20.51vw;
	background-position: 0 0;
	border: 0.26vw solid #2381FF;
	border-radius: 100%;
}
.info__pop .btnhouse {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 7.69vw;
}
.info__pop .btnhouse .btn__go {
	width: calc(50% - 2.56vw);
	font-size: 4.10vw;
	font-size: 700;
	text-align: center;
	border-radius: 6.41vw;
	margin-right: 2.56vw;
	padding: 3.85vw 0;
}
.info__pop .btnhouse .btn__go:last-child { margin-right: 0; }

.info__pop .btnhouse .btn__go.line {
	color: #2381FF;
	border: 0.26vw solid #2381FF;
}
.info__pop .btnhouse .btn__go.solid {
	color: #fff;
	background: #2381FF;
}

.alcf__pop {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 10.26vw);
	transform: translate(-50%, -50%);
	background: #fff;
	z-index: 1002;
	padding: 12.82vw 5.13vw;
	border-radius: 4.62vw;
}
.alcf__pop .btnhouse {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 7.69vw;
}
.alcf__pop .btnhouse .btn__alcf {
	width: calc(50% - 2.56vw);
	font-size: 4.10vw;
	font-size: 700;
	text-align: center;
	border-radius: 6.41vw;
	margin-right: 2.56vw;
	padding: 3.85vw 0;
}
.alcf__pop .btnhouse .btn__alcf:last-child { margin-right: 0; }
.alcf__pop .btnhouse .btn__alcf.close {
	color: #999;
	background: #eee;
}
.alcf__pop .btnhouse .btn__alcf.confirm {
	color: #fff;
	background: #2381FF;
}

.course_area {
	width: calc(50% - 2.56vw);
	text-align: left;
}
.course_ico {
	display: inline-block;
	width: 5.13vw;
	height: 12.31vw;
	margin-right: 25px;
	background-image: url('../images/ico_course_arrow.svg');
	background-repeat: no-repeat;
	background-size: 5.13vw;
	background-position: 0 bottom;
}

.btn_eqpick {
	display: block;
	width: 100%;
}

.btn_eqpick .ico_eq {
	height: 43.59vw;
	border: 0.26vw solid #E5E5E5;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 43.59vw 38.46vw;
	background-position: 0 0;
}
.btn_eqpick.active .ico_eq {
	border: 0.26vw solid #2381FF;
	background-color: #F6FAFF;
}
.btn_eqpick .ico_eq.bike { background-image: url('../images/bike_off.svg'); }
.btn_eqpick.active .ico_eq.bike { background-image: url('../images/bike_on.svg'); }
.btn_eqpick .ico_eq.board { background-image: url('../images/board_off.svg'); }
.btn_eqpick.active .ico_eq.board { background-image: url('../images/board_on.svg'); }

.btn_eqpick .ico_eq_small {
	height: 28.21vw;
	margin-right: 2.56vw;
	border: 0.26vw solid #E5E5E5;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 28.21vw;
	background-position: 0 0;
}
.btn_eqpick.active .ico_eq_small {
	border: 0.26vw solid #2381FF;
	background-color: #F6FAFF;
}
.btn_eqpick .ico_eq_small:last-child { margin-right: 0; }
.btn_eqpick .ico_eq_small.helmet { background-image: url('../images/helmet_off.svg'); }
.btn_eqpick.active .ico_eq_small.helmet { background-image: url('../images/helmet_on.svg'); }
.btn_eqpick .ico_eq_small.arglass { background-image: url('../images/arglass_off.svg'); }
.btn_eqpick.active .ico_eq_small.arglass { background-image: url('../images/arglass_on.svg'); }


.btn_eqpick .eq_label {
	color: #999;
	font-size: 3.59vw;
	font-weight: 700;
	line-height: 5.13vw;
}
.btn_eqpick.active .eq_label { color: #2381FF; }



.bullet_txt { position: relative; }
.bullet_txt:after {
	position: absolute;
	top: 2.05vw;
	left: 0;
	content: '';
	width: 1.54vw;
	height: 1.54vw;
	background: #000;
	border-radius: 100%;
}

.terms_popup {
	position: fixed;
	bottom: 17.95vw;
	width: 100%;
	height: 28.21vw;
	border-radius: 4.62vw 4.62vw 0 0;
	background: #fff;
	z-index: 1002;
}
.btn_terms { position: relative; }
.btn_terms:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	width: 6.41vw;
	height: 6.41vw;
	margin-top: -3.21vw;
	border-radius: 100%;
	border: 0.26vw solid #2381FF;
	background-image: url('../images/ico_terms_chk_b.svg');
	background-repeat: no-repeat;
	background-size: 6.41vw;
	background-position: 0 0;
}
.btn_terms:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: '';
	width: 1.79vw;
	height: 3.33vw;
	margin-top: -1.67vw;
	background-image: url('../images/ico_arrow_r.svg');
	background-repeat: no-repeat;
	background-size: 1.79vw 3.33vw;
	background-position: 0 0;
}

.btn_terms.active:before {
	background-color: #2381FF;
	background-image: url('../images/ico_terms_chk_w.svg');
}

.ico_terms_chk {
	display: inline-block;
	width: 6.41vw;
	height: 6.41vw;
	vertical-align: middle;
}

.point_list {
	overflow-x: hidden;
	position: absolute;
	/* top: 128.21vw; */
	min-height: 88.21vw;
	border-radius: 4.62vw 4.62vw 0 0;
	z-index: 1;
}

.list_nodata {
	width: 100%;
	min-height: 230px;
	color: #999;
	font-size: 3.59vw;
	text-align: center;
	padding-top: 110px;
	background-image: url('../images/ico_listnodata.svg');
	background-repeat: no-repeat;
	background-size: 12.82vw;
	background-position: center 12.82vw;
}

.point_list.show {
	/* top: 87.18vw; */
	animation-name: point_list_show;
	animation-duration: .3s;
	animation-fill-mode: both;
}
@keyframes point_list_show {
	from {
		top: 128.21vw;
	}
	to {
		top: 87.18vw;
	}
}
.point_list.hide {
	top: 128.21vw;
	animation-name: point_list_hide;
	animation-duration: .3s;
	animation-fill-mode: both;
}
@keyframes point_list_hide {
	from {
		top: 87.18vw;
	}
	to {
		top: 128.21vw;
	}
}

.btn_list_acc {
	position: relative;
	display: block;
	width: 100%;
	padding: 3.85vw 0;
}
.btn_list_acc:before {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 9.23vw;
	height: 1.03vw;
	margin: -0.51vw 0 0 -4.62vw;
	background: #e5e5e5;
	border-radius: 0.51vw;
}


.hash_track {
	position: absolute;
	top: 0;
	overflow-x: auto;
	display: flex;
	flex-direction: row;
	padding-left: 5.13vw;
}
.hash_track .btn_hash {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	color: #999;
	font-size: 3.59vw;
	padding: 0.77vw 3.85vw;
	margin-right: 2.56vw;
	border: 0.26vw solid #E5E5E5;
	background: #fff;
	border-radius: 5.13vw;
	white-space : nowrap;
}
.hash_track .btn_hash.active {
	color: #2381FF;
	border-color: #2381FF;
	background: #F6FAFF;
}
.hash_track .btn_hash .hash_icon {
	display: inline-block;
	width: 7.18vw;
	height: 7.18vw;
	margin-right: 1.28vw;
	background-repeat: no-repeat;
	background-size: 7.18vw;
	background-position: 0 0;
}
.hash_track .btn_hash .hash_icon.hash_ico_tour { background-image: url('../images/hash_ico_tour.svg'); }
.hash_track .btn_hash .hash_icon.hash_ico_cultural { background-image: url('../images/hash_ico_cultural.svg'); }
.hash_track .btn_hash .hash_icon.hash_ico_festival { background-image: url('../images/hash_ico_festival.svg'); }
.hash_track .btn_hash .hash_icon.hash_ico_course { background-image: url('../images/hash_ico_course.svg'); }
.hash_track .btn_hash .hash_icon.hash_img_leports { background-image: url('../images/hash_img_leports.svg'); }
.hash_track .btn_hash .hash_icon.hash_ico_stay { background-image: url('../images/hash_ico_stay.svg'); }
.hash_track .btn_hash .hash_icon.hash_ico_shopping { background-image: url('../images/hash_ico_shopping.svg'); }
.hash_track .btn_hash .hash_icon.hash_ico_restaurant { background-image: url('../images/hash_ico_restaurant.svg'); }

.map_cotroll {
	position: fixed;
	top: 109.23vw;
	right: 3.85vw;
	width: 11.28vw;
	height: 11.28vw;
	z-index: 0;
}
.map_cotroll .btn_current {
	display: inline-block;
	width: 11.28vw;
	height: 11.28vw;
	background: #fff;
	border-radius: 100%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); 
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	background-image: url('../images/ico_map_current.svg');
	background-repeat: no-repeat;
	background-size: 7.18vw;
	background-position: center center;
}

.map_reload {
	position: fixed;
	z-index: 1000;
	top: 16.410vw;
	left: 50%;
	width: 32.051vw;
	height: 7.692vw;
	margin-left: -16.154vw;
}
.map_reload .btn_reload {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 7.692vw;
	color: #fff;
	font-size: 3.077vw;
	background: #2381FF;
	border-radius: 3.846vw;
	-webkit-box-shadow: 0px 1.026vw 1.026vw 0px rgba(0,0,0,0.1); 
	box-shadow: 0px 1.026vw 1.026vw 0px rgba(0,0,0,0.1);
}
.map_reload .btn_reload .map_reload_img {
	width: 7.692vw;
	height: 7.692vw;
	background-size: cover;
	background-image: url('../images/ico_reload.png');
}

.ico_poi {
	position: absolute;
	width: 9.23vw;
	height: 9.23vw;
	border: 1px solid;

	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 9.23vw;
	background-position: center center;
	border-radius: 100%;
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);	
}

.ico_poi.img_tour {
	background-image: url('../images/img_tour.svg');
	border-color: #F8BD14;
}
.ico_poi.img_cultural {
	background-image: url('../images/img_cultural.svg');
	border-color: #00CEFF;
}
.ico_poi.img_festival {
	background-image: url('../images/img_festival.svg');
	border-color: #F4881B;
}
.ico_poi.img_course {
	background-image: url('../images/img_course.svg');
	border-color: #BC53D4;
}
.ico_poi.img_leports {
	background-image: url('../images/img_leports.svg');
	border-color: #00C66F;
}
.ico_poi.img_stay {
	background-image: url('../images/img_stay.svg');
	border-color: #FFA800;
}
.ico_poi.img_shopping {
	background-image: url('../images/img_shopping.svg');
	border-color: #FF4546;
}
.ico_poi.img_restaurant {
	background-image: url('../images/img_restaurant.svg');
	border-color: #2B5079;
}

.area_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.area_list .list_item {
	width: calc(50% - 1.28vw);
}
.area_list .list_item:nth-child(odd) { margin-right: 1.28vw; }
.area_list .list_item:nth-child(even) { margin-left: 1.28vw; }
.area_list .list_item:nth-child(1),
.area_list .list_item:nth-child(2) { margin-bottom: 2.56vw; }

.area_list .list_item img {
    width: 100%;
    border-radius: 4.62vw;
}
.area_list .list_item .name_txt {
    color: #000;
    font-size: 4.103vw;
    font-weight: 700;
    text-align: center;
    padding: 2.564vw 0;
}

.btn_list_hash {
	position: absolute;
	top: 50%;
	right: 5.13vw;
	width: 10.26vw;
	height: 10.26vw;
	font-size: 0;
	margin-top: -5.13vw;
	border-radius: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-size: 4.87vw;
	background-position: center center;
}
.btn_list_hash.close { background-image: url('../images/ico_hash_cross.svg'); }
.btn_list_hash.open {
	background-image: url('../images/ico_hash_cross.svg');
	transform: rotate(-45deg);
}
.list_hash {
	color: #999;
	font-size: 3.59vw;
	padding: 0.77vw 3.85vw;
	margin-right: 2.56vw;
	border: 0.26vw solid #E5E5E5;
	background: #fff;
	border-radius: 5.13vw;
	white-space : nowrap;
}
.list_hash:first-child { margin-left: 5.13vw; }

.list_hash.active {
	color: #2381FF;
	border-color: #2381FF;
	background: #F6FAFF;
}

.tag_cloud {
	display: none;
	position: absolute;
	/* top: 140px; */
	top: 35.90vw;
	left: 50%;
	width: calc(100% - 10.26vw);
	height: auto;
	padding: 3.85vw;
	background: #fff;
	border: 0.26vw solid #e5e5e5;
	transform: translate(-50%, 0);
	border-radius: 4.62vw;
}
.tag_cloud:before {
	position: absolute;
	top: -2.56vw;
	right: 3.85vw;
	content: '';
	width: 3.08vw;
	height: 2.56vw;
	background-image: url('../images/img_tagcloud.svg');
	background-repeat: no-repeat;
	background-size: 3.08vw;
	background-position: 0 0;
}
.tag_cloud.show { display: block; }
.tag_cloud .tag_item {
	color: #999;
	font-size: 3.59vw;
	font-weight: 700;
	padding: 2.56vw 3.85vw;
}
.tag_cloud .tag_item.active { color: #2381FF; }


.point_list_wrap {
	overflow-y: auto;
	height: calc(100vh - 35.90vw);
}

.ham_menu_wrap {
	position: absolute;
	top: 0;
	left: 23.08vw;
	width: 76.92vw;
	height: 100%;
	background: #fff;
	z-index: 1003;
}

.ham_menu_wrap.in {
	left: 30.77vw;
	animation-name: ham_menu_wrap_in;
	animation-duration: .6s;
	animation-fill-mode: both;
}
@keyframes ham_menu_wrap_in {
	from {
		left: 28.21vw;
		opacity: 0;
	}
	to {
		left: 23.08vw;
		opacity: 1;
	}
}
.ham_menu_wrap.out {
	animation-name: ham_menu_wrap_out;
	animation-duration: .2s;
	animation-fill-mode: both;
}
@keyframes ham_menu_wrap_out {
	from {
		left: 23.08vw;
		opacity: 1;
	}
	to {
		left: 30.77vw;
		opacity: 0;
	}
}


.user_info_box {
	position: relative;
	padding: 6.41vw 5.13vw;
}
.user_info_box:after {
	position: absolute;
	bottom: 0;
	content: '';
	width: 100%;
	height: 2.56vw;
	margin-left: -5.13vw;
	background: #f1f1f1;
}
.user_info_box .noti_box {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.user_info_box .noti_box button {
	position: relative;
	display: inline-block;
	width: 5.13vw;
	height: 5.13vw;
	margin-right: 5.13vw;
	background-repeat: no-repeat;
	background-size: 5.13vw;
	background-position: 0 0;
}
.user_info_box .noti_box button:last-child { margin-right: 0; }
.user_info_box .noti_box .btn_noti { background-image: url('../images/btn_bell.svg'); }
.user_info_box .noti_box .btn_close { background-image: url('../images/btn_x.svg'); }

.user_info_box .noti_box .btn_noti.alarm:before {
	position: absolute;
	top: -0.26vw;
	right: -0.26vw;
	content: '';
	width: 2.05vw;
	height: 2.05vw;
	background: #2381FF;
}
.user_info_box .user_info {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	padding: 3.85vw 0 6.15vw 0;
	margin-left: 1.28vw;
}
.user_info_box .user_info .photo {
	position: relative;
	overflow: hidden;
	width: 10.26vw;
	height: 10.26vw;
	margin-right: 2.56vw;
	background-color: #f5f5f5;
	border-radius: 100%;
}

.user_info_box .user_info .name {
	width: calc(100% - 10.26vw);
	color: #000;
	font-size: 3.59vw;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.user_info_box .menu_btnhouse {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.user_info_box .menu_btnhouse .btn_gnb {
	display: flex;
	flex-direction: column;
	width: 12.82vw;
	height: 17.18vw;
	background-repeat: no-repeat;
	background-size: 12.82vw 11.28vw;
	background-position: 0 0;
}
.user_info_box .menu_btnhouse .btn_gnb.menu_1 { background-image: url('../images/ico_gnb1.svg'); }
.user_info_box .menu_btnhouse .btn_gnb.menu_2 { background-image: url('../images/ico_gnb2.svg'); }
.user_info_box .menu_btnhouse .btn_gnb.menu_3 { background-image: url('../images/ico_gnb3.svg'); }
.user_info_box .menu_btnhouse .btn_gnb.menu_4 { background-image: url('../images/ico_gnb4.svg'); }
.user_info_box .menu_btnhouse .btn_gnb .menu_txt {
	display: block;
	width: 100%;
	margin-top: auto;
	color: #000;
	font-size: 3.08vw;
	text-align: center;
}

.user_menu_box {}
.user_menu_box li { border-bottom: 0.26vw solid #f1f1f1; }
.user_menu_box li .btn_mymenu {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	color: #000;
	font-size: 3.59vw;
	padding: 5.13vw 5.13vw;
}
.user_menu_box li .btn_mymenu:after {
	position: absolute;
	top: 50%;
	right: 5.13vw;
	content: '';
	width: 1.79vw;
	height: 3.33vw;
	transform: translate(0, -50%);
	background-image: url('../images/ico_mymenu_arrow.svg');
	background-repeat: no-repeat;
	background-size: 1.79vw 3.33vw;
	background-position: 0 0;
}
.user_menu_box li .btn_mymenu .menu_txt {
	color: #000;
	font-size: 3.59vw;
}
.user_menu_box li .btn_mymenu .num_txt {
	margin-left: auto;
	margin-right: 26px;
	color: #2381FF;
	font-size: 3.08vw;
	font-weight: 800;
}

.noti_list {}
.noti_list li { border-bottom: 0.26vw solid #f1f1f1; }
.noti_list li .btn_noti_list {
	display: block;
	width: 100%;
	text-align: left;
	padding: 5.13vw;
}
.noti_list li .btn_noti_list .noti_title { position: relative; }
.noti_list li .btn_noti_list .noti_title.new:before {
	position: absolute;
	top: 50%;
	left: -2.05vw;
	content: '';
	width: 1.28vw;
	height: 1.28vw;
	transform: translate(0, -50%);
	border-radius: 100%;
	background: #2381FF;
}

.cs_list li { border-bottom: 0.26vw solid #f1f1f1; }

.cs_list li .btn_mymenu {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	color: #000;
	font-size: 3.59vw;
	padding: 5.13vw 5.13vw;
}
.cs_list li .btn_mymenu:after {
	position: absolute;
	top: 50%;
	right: 5.13vw;
	content: '';
	width: 1.79vw;
	height: 3.33vw;
	transform: translate(0, -50%);
	background-image: url('../images/ico_mymenu_arrow.svg');
	background-repeat: no-repeat;
	background-size: 1.79vw 3.33vw;
	background-position: 0 0;
}

.svc_detail {
	position: absolute;
	top: 25.64vw;
	width: 100%;
	height: calc(100% - 25.64vw);
	background: #fff;
	border-radius: 4.62vw 4.62vw 0 0;
	z-index: 1002;
	animation-name: svc_detail;
	animation-duration: .6s;
	animation-fill-mode: both;
}
@keyframes svc_detail {
	from {
		top: 30.77vw;
		opacity: 0;
	}
	to {
		top: 25.64vw;
		opacity: 1;
	}
}

.svcpop_close {
	display: inline-block;
	width: 5.13vw;
	height: 5.13vw;
	background-image: url('../images/btn_x.svg');
	background-repeat: no-repeat;
	background-size: 5.13vw;
	background-position: 0 0;
}
.year_wrap { padding: 5.13vw; }
.year_wrap select {
	position: relative;
	width: 100%;
	height: 10.26vw;
	border: 0.26vw solid #E5E5E5;
	color: #000;
	font-size: 3.59vw;
	text-align: left;
	margin: 0;
	padding: 1.03vw 0 1.03vw 3.08vw;
	outline: 0 none;	
	background-image: url('../images/ico_selectarrow.svg');
	background-repeat: no-repeat;
	background-size: 9.49vw;
	background-position: 100% 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance : none;

}

.scr_track {
	height: calc(100vh - 35.90vw);
	overflow-y: auto;
}
.svc_contxt {
	color: #000;
	font-size: 3.59vw;
	line-height: 5.64vw;
	padding: 0 5.13vw 12.82vw 5.13vw;
}

.skeleton_item {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(223, 223, 223, 1);
	animation-name: skeleton_item;
	animation-duration: 1.6s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}
@keyframes skeleton_item {
	0% { background: rgba(223, 223, 223, 1); }
	50% { background: rgba(223, 223, 223, .3); }
	100% { background: rgba(223, 223, 223, 1); }
}

.myrv_box {
	padding: 6.41vw;
	margin-bottom: 5.13vw;
	background: #fff;
	border-radius: 4.62vw;
	border: 0.26vw solid #e5e5e5;
}
.myrv_box:last-child { margin-bottom: 0; }