@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nanum+Gothic:wght@400;700&family=Noto+Sans+KR:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root{
	--color-secondary:#87D0D1;
}
*{
	margin:0;
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.fluid{
	width:100%;
}

/*
    Summernote 설정
*/
.note-editable p,
#passage p{
	margin-bottom:0rem;
}
.note-editable ul li,
#passage ul li{
	position:relative;
	padding-left:25px;
}
.note-editable ul li:before,
#passage ul li:before{
	content:'';
	width:.3rem;
	height:.3rem;
	display:inline-block;
	border-radius:50%;
	background-color:#121212;
	margin-right:.5rem;
	float:left;
	position:absolute;
	top:12px;
	left:1rem;
}



b{
    font-weight:bold;
}

select,
input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}
img{
	vertical-align:bottom;
}
div:after,
section:after,
figure:after{
    content:'';
    display:block;
    clear:both;
}
html{
    font-size:16px;
}
body{
    font-family:'Noto Sans KR',sans-serif;
    line-height:1.4;
}
table{
    width:100%;
    border-collapse:collapse;
}
.hide{
    display:none;
}
li{
    list-style:none;
}
.align-left{
    justify-content:flex-start;
    text-align:left!important;
}
.align-center{
    justify-content:center;
    text-align:center!important;
}
.align-right{
    justify-content:flex-end;
    text-align:right!important;
}
button{
    cursor:pointer;
    background-color:transparent;
    border:1px solid transparent;
}
.container{
    width:100%;
    min-width:1400px;
    max-width:1400px;
    margin:0 auto;
    padding:0 1rem;
}
strong{
    font-weight:700;
}

.link{
    color:var(--color-primary);
    text-decoration:none;
    display:inline-flex;
    align-items:center;
}
.link:hover{
    text-decoration:underline;
}
.link .material-symbols-outlined{
    font-size:1.4em;
    padding-right:.25rem;
    font-variation-settings:
    'wght' 400
}

.padding{
    padding:1rem!important;
}
.padding-left{
    padding-left:1rem!important;
}
.margin-top{
    margin-top:1rem!important;
}
.margin-top-x2{
    margin-top:2rem!important;
}
.margin-bottom{
    margin-bottom:1rem;
}
.margin-bottom-x2{
    margin-bottom:2rem;
}
.margin-right{
    margin-right:1rem!important;
}
.margin-bottom{
    margin-bottom:1rem;
}
.padding-none{
    padding:0!important;
}

.float-right{
    float:right;
}

/*
    Root Set
*/
:root{
    --color-primary:#314DC7;
    --color-primary-bg:rgba(28,120,200,.12);
    --color-primary-bg2:rgba(28,120,200,.05);
    --color-secondary:#848F98;
    --color-success:#58B259;
    --color-danger:#DB3645;
    --color-danger-bg:rgba(219,82,75,.2);
    --color-warning:#F59E0A;
    --color-tag:#2A6BA6;
}

/*
    Color
*/
.color-primary{
    color:var(--color-primary)!important;
}
.color-secondary{
    color:var(--color-secondary)!important;
}
.color-warning{
    color:var(--color-warning)!important;
}
.color-danger{
    color:var(--color-danger)!important;
}
.color-success{
    color:var(--color-success)!important;
}
.color-tag{
    color:var(--color-tag)!important;
}
/*
    Alert
*/
.alert{
    border-radius:.25rem;
    padding:1rem;
    text-align:center;
    background-color: #FCF8E3;
    border-color: #F7F0D6;
    color: #847142;
}

/*
    loading
*/
.ajax-result{
    position:relative;
}
.ajax-result::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:10;
    background-color:rgba(255,255,255,.9);
    text-align:center;
    display:none;
}
.ajax-result.active::before{
    display:block;
}
.ajax-result.active::after{
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:11;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*
    Heading
*/
.heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:1rem;
}
.heading .heading__col{
    white-space:nowrap;
    width:100%;
}
.heading .heading__col:last-child{
    display:flex;
    justify-content:flex-end;
    text-align:right;
}
.heading .heading__col .title,
.heading .heading__col h1,
.heading .heading__col h2,
.heading .heading__col h3,
.heading .heading__col h4,
.heading .heading__col h5{
    margin:0;
}

/*
    more
*/
.more{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:1rem;
    background-color:rgba(255,255,255,.6);
    z-index:8000;
    background:red;
    width:100%;
    display:none;
}

/*
    Input
*/
.input,
.select,
.textarea{
    border:1px solid #dfdfdf;
    padding:1rem;
    font-size:1rem;
    background-color:#fff;
    border-radius:.25rem;
    display:inline-flex;
    width:100%;
}
input[type="checkbox"]{
    width:1rem;
    height:1rem;
    border:1px solid #dfdfdf;
    border-radius:.2rem;
    line-height:1;
    position:relative;
    transition:.3s;
}
input[type="checkbox"]:checked{
    background-color:var(--color-primary);
    border:1px solid var(--color-primary);
    color:#fff;
    text-align:center;
    border-radius:.2rem;
}
input[type="checkbox"]:checked::after{
    content:'';
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23ffffff'><path d='M383-214 130-467l86.5-86.5L383-387l360.5-360.5L830-661 383-214Z'/></svg>");
    background-size:cover;
    position:absolute;
    text-align:center;
    width:100%;
    height:100%;
    display:inline-flex;
    align-items:center;
    left:0;
    top:0;
    justify-content:center;
}
.select{
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'><path d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/></svg>");
    background-repeat:no-repeat;
    background-position:calc(100% - 1rem) center;
    min-width:100px;
}
input[type="button"]{
    cursor:pointer;
}
[disabled="disabled"] + label{
    opacity:.8;
    cursor:not-allowed!important;
}

label em{
    color:var(--color-danger);
    padding-left:.25rem;
    font-size:.6em;
    font-weight:400;
    position:relative;
    top:-.25rem;
}

input[type="radio"]{
    width:1rem;
    height:1rem;
    border:1px solid #dfdfdf;
    border-radius:50%;
    background-color:#fff;
}
input[type="radio"]:checked{
    background-color:var(--color-primary);
    border-color:var(--color-primary);
    position:relative;
}
input[type="radio"]:checked::after{
    content:'';
    width:calc(100% - 6px);
    height:calc(100% - 6px);
    border-radius:50%;
    position:absolute;
    left:3px;
    top:3px;
    background:#fff;
}

input[type="checkbox"] + label{
    padding-left:.5rem;
    font-size:.9rem;
    font-weight:400;
    position:relative;
    top:-1px;
    display:inline-flex;
    align-items:center;
}
input[type="checkbox"] + label > span{
    font-size:1.4em;
}
input[type="checkbox"]:checked + label{
    color:var(--color-primary);
}

.input-group{
    display:flex;
    align-items:center;
    margin-left:-.25rem;
}
.input-group > *{
    margin:0 .25rem;
    flex:0 1 auto;
    white-space:nowrap;
}

.input-group--sidecar{
    border:1px solid #dfdfdf;
    border-radius:.25rem;
    display:flex;
    align-items:center;
}
.input-group--sidecar input{
    border:0;
}
.input-group--sidecar span{
    white-space:nowrap;
    background-color:#f1f1f1;
    border-left:1px solid #dfdfdf;
    text-align:center;
    padding:1rem 2rem;
    line-height:1;
}
.input-group--sidecar > span:first-child{
	border-left:0;
}
.input-group--box{
    display:inline-flex;
    align-items:center;
    margin:0 .25rem;
}
.input-group--box input[type="radio"]{
    display:none;
}
.input-group--box label{
    border-radius:.25rem;
    border:1px solid #dfdfdf;
    background-color:#fff;
    padding:1rem;
    min-width:60px;
    text-align:center;
    font-size:1rem;
    line-height:1;
    cursor:pointer;
}
.input-group--box input[type="radio"]:checked + label{
    background-color:#121212;
    border-color:#121212;
    color:#fff;
    font-weight:700;
}

.input-group .btn-group--same{
    margin-left:.25rem;
}


.form-group{
    display:flex;
    align-items:center;
    margin-left:-.25rem;
    margin-right:-.25rem;
}
.form-group .form-title{
    font-size:1rem;
}
.form-group .form-title span{
    font-size:1.5rem;
}

.field{
    clear:both;
    margin-bottom:1rem;
    width:100%;
}
.field label{
    display:block;
    margin-bottom:.75rem;
    font-weight:600;
    font-size:.9rem;
    color:rgba(0,0,0,.8);
}
.field .input{
    clear:both;
    width:100%;
}

/*
    Field Message
*/
.field-message{
    color:var(--color-danger);
    margin-top:.5rem;
    font-size:.8rem;
    display:flex;
    align-items:center;
    font-weight:600;
}
.field-message span{
    font-size:1rem;
    padding-right:.25rem
}

.form-group--no-label label{
    display:none;
}

/*
    Nav
*/
.nav > ul{
    display:flex;
    align-items:center;
}
.nav > ul > li{
    margin:0 .25rem;
}
.nav > ul > li > a{
    display:block;
    padding:.4rem 1rem;
    text-align:center;
    text-decoration:none;
    color:rgba(0,0,0,.7);
    border:1px solid transparent;
    border-radius:100px;
    font-size:.85rem;
    transition:.3s;
}
.nav > ul > li > a:hover{
    border-color:#dfdfdf;
}
.nav > ul > li.active > a{
    background-color:#121212;
    color:#fff;
}

/*
    Grid
*/
.grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    margin:0 -1rem;
    margin-bottom:2rem;
}
.grid > .grid__col{
    padding:0 1rem;
}
.grid.grid-1{
    grid-template-columns:100%;
}
.grid.grid-3{
    grid-template-columns:repeat(3,33.333%);
}
.grid.grid-4{
    grid-template-columns:repeat(4,1fr);
}
.grid.grid-5{
    grid-template-columns:repeat(5,1fr);
}
.grid.grid-10-2{
    grid-template-columns:calc(8.333% * 10) calc(8.333% * 2);
}
.grid.grid-4-8{
    grid-template-columns:calc(8.333% * 4) calc(8.333% * 8);
}
.grid.grid-5-7{
    grid-template-columns:calc(8.333% * 5) calc(8.333% * 7);
}
.grid.grid-12{
    grid-template-columns:100%;
    margin:0;
}
.grid.grid-12 .grid__col{
    padding:0;
}

.grid.grid-inline{
    grid-template-columns: repeat(auto-fit, minmax(20%, auto));
}

.grid__col.span-1{
    grid-column: span 1;
}
.grid__col.span-2{
    grid-column: span 2;
}
.grid__col.span-3{
    grid-column: span 3;
}

.grid.grid-gap-small{
    margin:0 -.5rem;
}
.grid.grid-gap-small > .grid__col{
    padding:0 .5rem;

}


/*
    Button
*/
.btn,
.btn.btn-primary{
    display:inline-flex;
    padding:1rem;
    text-align:center;
    border:1px solid var(--color-primary);
    font-size:1rem;
    text-decoration:none;
    background-color:var(--color-primary);
    color:#fff;
    font-weight:700;
    border-radius:.25rem;
    line-height:1;
    transition:.3s;
    align-items:center;
}
.btn > span{
    font-size:1.3em!important;
    position:relative;
    top:1px;
    padding-right:.25rem;
}
.btn.btn-outline{
    background-color:#fff;
    color:var(--color-primary);
    border-color:var(--color-primary);
}
.btn.btn-oval{
    border-radius:100px;
    padding-left:2rem;
    padding-right:2rem;
}
.btn.btn-small{
    font-size:.9rem;
    padding:.75rem 1rem;
}
.btn.btn-small > span{
    font-size:1rem;
    padding-right:.25rem;
}
.btn.btn-mini{
    font-size:.7rem;
    padding:.25rem .45rem;
}
.btn.btn-mini.btn-oval{
    padding-left:.45rem;
    padding-right:.6rem;
}
.btn.btn-mini > span{
    font-size:.9em;
}

.btn.disabled{
    opacity:.5;
}

.btn.btn-wide{
    padding-left:3rem;
    padding-right:3rem;
}

.btn.btn-light{
    background-color:#fff;
    border-color:#ddd;
    color:#121212;
}
.btn.btn-dark{
    background-color:#121212;
    border-color:#121212;
    color:#fff;
}
.btn.btn-danger{
    border-color:#DB3645;
    background-color:#DB3645;
    color:#fff;
}
.btn.btn-secondary{
    border-color:var(--color-secondary);
    background-color:var(--color-secondary);
    color:#fff;
}
.btn.btn-success{
    border-color:var(--color-success);
    background-color:var(--color-success);
    color:#fff;
}
.btn.btn-fluid{
    width:100%;
    text-align:center;
    justify-content:center;
    padding-left:0;
    padding-right:0;
}
.btn.btn-accent{
    background-color:#fada3c;
    color:#1e1e1e;
    border-color:#1e1e1e;
    border-radius:100px;
    font-weight:600;
    font-size:.9rem;
    min-width:150px;
    text-align:center;
    justify-content:center;
    padding:1.2rem 1.5rem;
    position:relative;
    transition:.3s;
}
.btn.btn-accent::after{
    opacity:0;
    transition: .3s;
}
.btn.btn-accent:hover::after{
    content:'';
    border:2px solid #1e1e1e;
    width:calc(100% - 1px);
    height:calc(100% - 1px);
    display:block;
    position:absolute;
    left:-1px;
    top:-1px;
    opacity:1;
    z-index:21;
    border-radius:100px;
    transition:.3s;
}

.btn > span{
    font-size:2em;
}

.btn-group--same{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    margin:0 -.25rem;
}
.btn-group--same > .btn{
    margin:0 .25rem;
    min-width:100px;
    justify-content:center;
}

.btn.btn-no-outline{
    border-color:transparent;
}



/*
    LOGIN
*/
#login .input{
    
    border:0;
    transition:.3s;
}
#login .input:focus{
    background-color:#fff;
}
#login .login__body{
    padding-top:1rem;
}
#login .message{
    color:rgba(255,255,255,.5);
    font-size:.7rem;
}
#login .message a{
    color:#fff;
    display:inline-flex;
    align-items:center;
}
#login .message  span{
    font-size:1.3em;
    color:#fff;
    position:relative;
    top:3px;
    padding-right:.25rem;
}
#login .message .message__head{
    display:flex;
    align-items:center;
    color:var(--color-danger);
    padding-bottom:.5rem;
}
#login .message .message__head span{
    font-size:1.8em;
    color:var(--color-danger);
    padding-right:.5rem;
}
#login .message li{
    margin:0;
    padding:.2rem 0;
}
#login .message li u{
    text-decoration:underline;
    color:#fff;
}

/*
	Layout
*/
#header{
	padding:.5rem 0;
	border-bottom:2px solid #dfdfdf;
}
#header .container{
	display:flex;
}
#header .container .col{
	display:flex;
	width:50%;
	flex:0 1 auto;
	align-items:center;
}
#header .container .col:last-child{
	justify-content:flex-end;
	text-align:right;
}
#header .container .col button,
#header .container .col #account{
	font-size:1.5rem;
}
#header .container .col #account{
	border-radius:100px;
	border:1px solid #dfdfdf;
	padding:.25rem;
	margin-left:1rem;
	height:45px;
	display:flex;
	border-left:1px solid #dfdfdf;
	align-items:center;
	transition:.3s;
}
#header .container .col #account button{
	width:100px;
	text-align:left;
	font-size:2rem;
	color:rgba(0,0,0,.3);
	display:flex;
	align-items:center;
}
#header .container .col #account button span{
	font-size:.8rem;
	color:#333;
	padding-left:.4rem;
}
#header .container .col #account:hover{
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
	color:#121212;
}
#logo{
	height:50px;
}
#header__search{
	border:1px solid #121212;
	border-radius:100px;
	overflow:hidden;
	display:flex;
	align-items:center;
	margin-left:2rem;
}
#header__search input{
	border:0;
	padding:.5rem 1rem;
	font-weight:bold;
	font-size:1.1rem;
}
#header__search input:focus{
	outline:0;
}
#header__search input::placeholder{
	font-size:.9rem;
	font-weight:normal;
}
#header__search button{
	padding:0 1rem;
	position:relative;
	top:-3px;
}
#header__search button i{
	font-size:1rem;
}

#body{
	padding:1rem 0;
}

#footer{clear:both;background-color:#1f1f1f;color:rgba(255,255,255,.9);padding:5rem 0;text-align:center;}
#footer img{height:40px!important;}
#footer .copyright{display:block;margin-top:1rem}
#footer .footer-nav{margin-top:2rem;}
#footer .footer-nav > ul > li{display:inline-block;margin-right:1rem;}
#footer .footer-nav > ul > li > a{color:rgba(255,255,255,.8);text-decoration:none;}
#footer .footer-nav > ul > li > a:hover{text-decoration:underline;color:rgba(255,255,255,1);}

/*
	Dropdown
*/
.dropdown{
	position:relative;
}
.dropdown .dropdown__content{
	position:absolute;
	background-color:#fff;
	border-radius:1rem;
	padding:1rem;
	width:200px;
	top:70px;
	z-index:9998;
	margin-left:-3rem;
	display:none;
}
.dropdown .dropdown__content a{
	color:#121212;
	text-decoration:none;
	font-size:.9rem;
	transition:.3s;
	display:block;
	padding:1rem;
	border-radius:1rem;
}
.dropdown .dropdown__content a:hover{
	background-color:#f2f2f2;
}
.dropdown .dropdown__content ul{
	display:block;
}
.dropdown .dropdown__content ul > li{
	display:block;
	text-align:left;
}
.dropdown .dropdown__content ul > li span{
	padding-left:.5rem;
}

/*
	List Column
*/
.list-column-4{
	margin-left:-1rem;
	display:flex;
	flex-wrap:wrap;
}
.list-column-4 > li{
	padding-left:1rem;
	padding-bottom:1rem;
	width:25%;
}

/*
	Item
*/
.item{
	cursor:pointer;
	padding:1rem;
	border:1px solid #dfdfdf;
	border-radius:1rem;
	background-color:#fff;
	transition:.3s;
}
.item .item__head{
	position:relative;
}
.item .item__head .badge{
	position:absolute;right:1rem;top:1rem;font-size:.8rem;border-radius:100px;background-color:var(--color-primary);color:#fff;display:inline-block;padding:.25rem .5rem;text-align:center;z-index:3;
}
.item .item__head img{
	width:100%;
	transition:1.3s;
	transform:scale(1);
	border-radius:1rem;
	min-height:197px;
	object-fit:cover;
}
@media(max-width:767px){
	.item .item__head img{
		min-height:2px;
	}
	.creditcard__head img{
		width:100%;
		height:auto;
	}
	.creditcard__head .col:last-child{
		display:none;
	}
}
.item .item__body{
	padding:1rem 0;
}
.item .item-price{
	padding-top:.5rem;
	display:block;
	font-size:.8rem;
}
.item .item-price strong{
	font-size:1.3rem;
}
.item .item-option{
	display:block;
	margin-top:.5rem;
}
.item .item-option i{
	display:inline-block;
	width:18px;
}
.item .item-option span{
	display:block;
	font-size:.8rem;
	padding:.5rem 0;
}
.item .item-grating{
	padding-bottom:1rem;
	font-size:.9rem;
}
.item .item-grating span{
	padding-left:.05rem;
	color:#999;
}
.item .item-grating i{
	color:var(--color-primary);
}
.item .item__body{

}
.item:hover{
	background-color:#f9f9f9;
	box-shadow:0 11px 30px -7px rgba(85,85,85,0.08),0 24px 30px 3px rgba(85,85,85,0.06),0 9px 40px 8px rgba(85,85,85,0.03);
}
.item:hover .item-title{
	text-decoration:underline;
}
.item:hover .item__head img{
	transform:scale(1.02);
}

/*
	Pages
*/
#promotion{
	height:600px;
}
#promotion .promote{
	background:url('https://www.gotokyo.org/kr/plan/tokyo-outline/images/main.jpg') no-repeat center bottom;
	background-size:cover;
	position:relative;
	height:100%;
	z-index:11;
	animation: zoomAnimation 22s infinite alternate ease-in-out;
}
#promotion .promote::before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	background-color:rgba(0,0,0,.5);
}
#promotion .textbox{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	text-align:center;
	z-index:13;
}
#promotion .textbox h1{
	font-size:4.2rem;
	letter-spacing:-1px;
	font-weight:700;
	text-shadow: 0 .25rem .625rem rgba(0,0,0,.25);
}
#promotion .textbox p{
	font-size:1.3rem;
}
@keyframes zoomAnimation {
    from {
        background-size: 100%;
    }
    to {
        background-size: 200%;
    }
}



#promotion .where{margin-top:4rem;display:flex;justify-content:center;}
#promotion .where .city{margin:0 2rem;transition:.3s;position:relative;z-index:2}
#promotion .where .city img{width:150px;height:150px;border-radius:50%;transition:1s;}
#promotion .where .city a{display:block;position:relative;border-radius:50%;border:3px solid rgba(255,255,255,.4);overflow:hidden;}
#promotion .where .city a::before{content:'';width:100%;height:100%;background-color:rgba(0,0,0,.6);position:absolute;left:0;top:0;z-index:1;transition:.3s;}
#promotion .where .city strong{font-size:1.6rem;display:block;margin-top:0rem;color:rgba(255,255,255,.6);transition:.3s;}
#promotion .where .city a:hover{border-color:#fff;}
#promotion .where .city a:hover::before{background-color:rgba(0,0,0,0)}
#promotion .where .city:hover strong{color:#fff;font-size:2rem;}
#promotion .where .city:hover img{width:170px;height:170px;}

#ourReviews{background-color:#f3f3f3;}
#ourReviews img{height:150px;width:150px;object-fit:cover;}
#ourReviews li{margin-bottom:1rem;}
#ourReviews .item{display:flex;align-items:center;}
#ourReviews .item .item-tour{display:block;margin-bottom:.5rem;color:#888;font-size:.9rem}
#ourReviews .item .item__head{padding:2rem;}
#ourReviews .item .item__body{padding-left:1rem;max-height:190px;overflow:hidden;color:rgba(0,0,0,.5)}
#ourReviews .item .item-title{font-weight:bold;font-size:1.2rem;display:block;margin-bottom:.5rem;color:#121212;}
#ourReviews .item .item-title span{padding-right:.5rem}

#main .section{padding:5rem 0;}
#main .section .section-title{font-size:3rem;display:block;text-align:center;margin-bottom:2rem;}
#main .section .section-desc{display:block;text-align:center;}
#main .grid{display:flex;flex-wrap:wrap;margin:0!important;margin-left:-2rem!important;}
#main .grid > .grid__3{padding-left:2rem;width:25%;}
#main #introduce .item .item__head{text-align:center;padding:2rem 0;}
#main #introduce .item .item__head i{font-size:3.5rem;}
#main #introduce .item .item__body{min-height:170px;}
#main #introduce .item .item-title{font-weight:bold;font-size:1.3rem;}
#main #introduce .item .item-desc{margin-top:.5rem;font-size:1rem;color:rgba(0,0,0,.8);}

#introduce .item .item__body{text-align:center;}
#keep{background-color:var(--color-primary-bg)}

#reco .item .item__body{min-height:250px;}


/*
	Tour view
*/
#meetingPoint .row{margin-top:2rem;}
#meetingPoint .row p{color:rgba(0,0,0,.7);font-size:.8rem;margin-top:.5rem;}

#meetingPoint .row.address{border-left:5px solid var(--color-primary);display:block;padding-left:1rem;font-size:1.2rem;}

.heading #images img{height:92.5px;object-fit:cover;}
#additional ul,
#additional ul li{list-style-type:disc;list-style-position: outside}

#additional ul{display:block;flex-wrap:wrap;padding-left:1.5rem;}
#additional ul li{width:45%;padding:.5rem 0;font-size:.9rem;}
#additional ul li:nth-child(odd){float:left;}
#additional ul li:nth-child(even){float:right;}
#additional ul li:nth-child(2n+1){clear:both;float:left;}

#expect{overflow:hidden;}
#expect ul{}
#expect ul > li{display:block;position:relative;padding-left:3rem;margin-bottom:3rem;}
#expect ul > li::before{content:'1';width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#fff;background-color:#121212;font-size:1rem;position:absolute;left:0rem;z-index:2;}
#expect ul > li::after{content:'';position:absolute;left:1rem;width:2px;background-color:#121212;height:130%;top:0;z-index:1;}
#expect ul > li strong{display:block;margin-bottom:.5rem;}
#expect ul > li .etc{margin-top:.5rem;color:#454545;font-size:.8rem;}

#expect ul > li:nth-child(1)::before{content:'1'}
#expect ul > li:nth-child(2)::before{content:'2'}
#expect ul > li:nth-child(3)::before{content:'3'}
#expect ul > li:nth-child(4)::before{content:'4'}
#expect ul > li:nth-child(5)::before{content:'5'}
#expect ul > li:nth-child(6)::before{content:'6'}
#expect ul > li:nth-child(7)::before{content:'7'}
#expect ul > li:nth-child(8)::before{content:'8'}
#expect ul > li:nth-child(9)::before{content:'9'}
#expect ul > li:nth-child(10)::before{content:'10'}

#expect ul.before > li:nth-child(2)::after,
#expect ul > li:last-child::after{height:0%;display:none;z-index:-1;}


.section{margin-bottom:1rem;}
.section .section__body .container{border-bottom:1px solid #dfdfdf;padding-bottom:2rem;}
.section .section-title{font-size:1.7rem;font-weight: bold;letter-spacing: -1px;}
.section .section-title i{color:var(--color-primary)}
.section .section__body{padding:2rem 0;line-height:1.7;}

#included ul li{display:block;line-height:2;padding-left:1rem;}
#included ul li i{padding-right:.5rem;font-size:1.3rem;}

.section#overview .section__body ul{margin-top:2rem;padding-left:2rem;}
.section#overview .section__body ul,
.section#overview .section__body li{list-style-position:outside;list-style-type: disc}
.section#overview .section__body li > div{line-height:1;font-size:0;display:none;}
.section#overview .section__body li > div + div{line-height:1.7;font-size:1rem;display:block;}

#tourView h1{display:flex;align-items:center;}
#tourView h1 div:last-child button{font-size:2rem;margin-top:.5rem;margin-left:1rem;}
#tourView .reviews ul{display:flex;flex-wrap:wrap;overflow:hidden;}
#tourView .reviews li{width:50%;margin:0 1rem;font-size:.9rem;box-shadow: 0 4px 10px rgba(0,0,0,.15);border-radius:1rem;}
#tourView .reviews .card{border:1px solid #dfdfdf;background-color:#fff;border-radius:1rem;padding:2rem;}
#tourView .reviews .card .card__head{padding-bottom:1rem;}
#tourView .reviews .card .card__head i{color:var(--color-primary)}
#tourView .reviews .card .card__head span{padding-left:1rem;color:#999}
#tourView .reviews .card .card__body{min-height:140px;max-height:140px;overflow:hidden;}
#tourView .reviewArea{padding:3rem 0;}
#tourView .titleArea{display:flex;align-items:center;margin-bottom:2rem;}
#tourView .titleArea .col{width:100%;}
#tourView .titleArea .col:last-child{text-align:right;}
#tourView .titleArea .col:last-child i{color:var(--color-primary)}
#tourView .titleArea .col a{color:#121212;}

#tourView .reviews .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:15;font-size:0;text-indent:-1000em;}
#tourView .reviews .slick-arrow::before{content:'\F284';font-family:'bootstrap-icons';font-size:1rem;width:2rem;height:2rem;border-radius:50%;background-color:#fff;display:inline-flex;text-align:center;align-items:center;box-shadow: 0 4px 10px rgba(0,0,0,.15);justify-content:center;transition:.3s;}
#tourView .reviews .slick-next{right:0;}
#tourView .reviews .slick-next::before{content:'\F285';}

#tourView .reviews .slick-arrow:hover::before{background-color:var(--color-primary);color:#fff;}
	
#tourView .container{min-width:980px;max-width:980px;}
#tourView .oneline{display:flex;align-items:center;}
#tourView .oneline .col{flex:0 1 auto}
#tourView .oneline .col:first-child{width:920px;border-bottom:1px solid #dfdfdf;padding-bottom:1rem;padding-top:1rem;}
#tourView .oneline .col:first-child ul > li{display:inline-flex;align-items:center;padding-right:1rem;}
#tourView .oneline .col:first-child ul > li i{display:inline-block;width:20px;color:var(--color-primary)}
#tourView .oneline .col:first-child ul > li span{padding-left:.5rem;}
#tourView .oneline .col:last-child{padding-left:1rem;width:453px;}
#tourView .oneline .col:last-child .box{background-color:#fff;border-radius:1rem;border:1px solid #dfdfdf;padding:1rem;width:100%;}

#tourView h1{font-size:2rem;font-weight:bold;letter-spacing:-1px}
#tourView .info{display:flex;margin-left:-1rem;padding:1rem 0;font-size:.8rem;}
#tourView .info .col{flex:0 1 auto;position:relative;padding-left:1rem;padding-right:1rem;}
#tourView .info .col::after{content:'|';position:absolute;right:0;top:50%;transform:translateY(-50%)}
#tourView .info .col.grating i{color:#87D0D1}
#tourView .info .col.grating a{color:#333;text-decoration:none;}
#tourView .info .col.grating a:hover{text-decoration:underline}

#tourView .heading{display:flex;padding-top:1rem;align-items:flex-start}
#tourView .heading .col:nth-child(1){width:165px!important;padding-right:1rem}
#tourView .heading img{border-radius:.5rem}
#tourView .heading .col:nth-child(1) ul > li{display:block;padding-bottom:1rem;}
#tourView .heading .col:nth-child(1) ul > li:last-child{padding-bottom:0;}

#tourView .heading .col:nth-child(2){width:55%;padding-right:1rem}
#tourView .heading .col:nth-child(2) img{width:100%;}

#tourView .heading .col:nth-child(3){width:32%;}

#tourView #images li{display:block;width:100%!important;margin-bottom:1rem;transition:.3s;position:relative;cursor:pointer}
#tourView #images li::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.6);border-radius:.5rem;}
#tourView #images li.slick-current{opacity:1;}
#tourView #images li.slick-current::before{display:none;}

#tourView #images li img{border:2px solid #121212;display:block;}

#mainImage{position:relative;}
#mainImage .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1000;font-size:0;text-indent:-1000em;}
#mainImage .slick-arrow::before{content:'';display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:rgba(255,255,255,.7);border-radius:50%;font-size:1rem;font-family:'bootstrap-icons';transition:.3s;}
#mainImage .slick-arrow:hover::before{background-color:#fff;}
#mainImage .slick-prev{left:1rem;}
#mainImage .slick-prev::before{content:'\F284';}
#mainImage .slick-next{right:1rem;}
#mainImage .slick-next::before{content:'\F285';}



#tourView #images li:last-child::after{content:'See More';letter-spacing:-.4px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background-color:#6F747B;font-weight:bold;border-radius:100px;display:inline-block;color:#fff;padding:.25rem .5rem;font-size:.7rem;}

#tourView .heading #mainImage img{height:528px;object-fit:cover;}

#priceArea{border:1px solid #dfdfdf;background-color:#fff;padding:1rem;box-shadow:0 4px 16px 1px rgba(0,0,0,.15);border-radius:.5rem;height:530px;}
#priceArea .row:first-child{font-size:1.5rem;}
#priceArea .row:first-child span{font-size:.9rem;}
#priceArea .row:nth-child(2){font-weight:bold;font-size:1.1rem;margin-top:1rem;}
#priceArea .row:nth-child(3){margin-top:1rem;}
#priceArea .row:nth-child(3) .input{border:1px solid #bfbfbf;border-radius:.5rem;height:auto;padding:.75rem 1rem;margin-bottom:1rem}
#priceArea .row:nth-child(3) .input span{padding-left:1rem;}

#open-calendar{cursor:pointer;}
#open-calendar input{border:0;width:100%;height:100%;font-size:1.1rem;cursor:pointer;}
#open-calendar input:focus{outline:0;}

#modal-person{position:absolute;background-color:#fff;box-shadow:0 4px 16px 1px rgba(0,0,0,.15);border-radius:.5rem;padding:2rem;z-index:9999;margin-top:-1rem;min-width:405px;display:none;}
#modal-person .mtt{font-size:.8rem;color:#333;}
#modal-person strong{font-size:.9rem;}
#modal-person small{font-size:.7rem;color:rgba(0,0,0,.5);display:block;margin-top:.25rem;}
#modal-person .flex{display:flex;align-items:center;width:100%;clear:both;margin-top:.5rem;}
#modal-person .flex .col{white-space:nowrap;display:flex;flex-wrap:wrap;}
#modal-person .flex .col:last-child{width:150px;justify-content:flex-end;}
#modal-person .qtybox{display:flex;align-items:center;}
#modal-person .qtybox input{border:0;padding:1rem;font-size:1rem;font-weight:bold;text-align:center;width:60px;}
#modal-person .qtybox input:focus{border:0;}
#modal-person .qtybox button{border-radius:50%;border:1px solid var(--color-primary);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;width:1.5rem;height:1.5rem;}
#modal-person .btnArea{margin-top:.5rem;}

.noticeArea{background-color:#E9EEF9;padding:1rem;border-radius:.5rem;margin-top:1rem;}
.noticeArea li{padding-bottom:1rem;font-size:.9rem;position:relative;padding-left:1.5rem}
.noticeArea li::before{content:'\F26A';font-family:'bootstrap-icons';position:absolute;left:0;top:.15rem;color:var(--color-primary)}
.noticeArea li:last-child{padding-bottom:1rem;}
.noticeArea li a{color:#121212;font-weight:bold;}

/* Review Info */
.reviewInfo{display:flex;border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:2rem;}
.reviewInfo .col:first-child{width:30%;text-align:center;}
.reviewInfo .col:first-child strong{font-size:3rem;}
.reviewInfo .col:first-child .reviewInfo-rating{display:block;font-size:1.5rem;}
.reviewInfo .col:first-child .reviewTotal{font-size:.9rem;}

.reviewInfo .col:last-child{width:70%}

.reviewInfo ul{margin-top:1rem;color:rgba(0,0,0,.7);}
.reviewInfo ul li{display:block;margin-bottom:.5rem;}
.reviewInfo .rating-area{display:flex;justify-content:space-between;font-size:.9rem;align-items:center;}
.reviewInfo .rating-area .r1,
.reviewInfo .rating-area .r2,
.reviewInfo .rating-area .r3{flex:0 1 auto;}
.reviewInfo .rating-area .r1{width:100px;}
.reviewInfo .rating-area .r2{width:100%;height:15px;background-color:#D9D9D9;border-radius:.5rem;position:relative;overflow:hidden}
.reviewInfo .rating-area .r2 span{position:absolute;display:block;left:0;top:0;width:50%;height:100%;background-color:var(--color-primary)}
.reviewInfo .rating-area .r3{width:150px;padding-left:1rem;}

.review{margin-bottom:3rem;}
.review .review-title{font-weight:bold;}
.review .review-info{font-size:.8rem;color:rgba(0,0,0,.6)}
.review .review__head{display:flex;justify-content:space-between;align-items:center;}
.review .review__head .col{flex:1 1 auto;}
.review .review__head .col:last-child{text-align:right;}
.review .review__head .col:last-child button i{font-size:1.3rem;color:rgba(0,0,0,.6)}
.review .review__head .col:last-child button:hover{font-size:1.3rem;color:rgba(0,0,0,1)}
.review .review__body{padding:1rem 0;max-height:120px;color:rgba(0,0,0,.7);overflow:hidden;}
.review .review__body.expanded{max-height:none;}
.review .read-more{margin-top:1rem;font-size:1rem;text-decoration:underline;padding:0;}

.review .review-images{display:flex;flex-wrap:wrap;margin:0 -.5rem;margin-top:2rem;display:none;}
.review .review-images > li{display:inline-block;width:20%;padding:0 .5rem;padding-bottom:1rem;}
.review .review-images > li img{width:100%;height:150px;object-fit:cover;border-radius:.5rem;}
.review .review__body.expanded .review-images{display:flex;}

li.emtpy{
	padding:5rem 0;
	text-align:center;
	color:rgba(0,0,0,.5);
	width:100%!important;
}

.reviewArea li.empty{box-shadow:none!important;width:100%!important;padding:5rem;text-align:center;color:#999;width:100%!important;}

/*
    Pagination
*/
.pagination{
    text-align:center;
}
.pagination > li{
    display:inline-flex;
    margin:0 .25rem;
}
.pagination > li > a{
    display:flex;
    padding:.25rem;
    width:38px;
    height:38px;
    line-height:1;
    justify-content:center;
    align-items:center;
    border-radius:.25rem;
    border:1px solid #dfdfdf;
    text-decoration:none;
    color:#888;
    background-color:#fff;
    transition:.3s;
}
.pagination > li > a.first,
.pagination > li > a.last{
    width:auto;
    padding-left:.5rem;
    padding-right:.5rem;
}
.pagination > li > a:hover{
    background-color:#f8f8f8;
}
.pagination > li.active > a{
    background-color:var(--color-primary);
    border-color:var(--color-primary);
    color:#fff;
    font-weight:600;
}

.travelers{margin-top:2rem;}
.travelers .traveler{margin-bottom:1rem;border-bottom:1px solid #dfdfdf;padding-bottom:1rem;}
.travelers .traveler .traveler-title{font-weight:bold;margin-bottom:1rem;}

.traveler.meeting .traveler-title{font-size:1.2rem;}
.traveler.meeting .traveler-title + p{font-size:1rem;margin-bottom:2rem;}

#checkout{position:relative;z-index:2;}
#checkout > .grid > .grid__6{padding:2rem 0;}

#checkout #form{background-color:#fff!important;padding-top:68px;position:relative;z-index:2;padding-right:3rem!important;}

#checkout #form .section{border:1px solid #ddd;border-radius:.5rem;padding:2rem;}
#checkout #form .section .section-title{font-weight:bold;font-size:1.3rem;letter-spacing:-.5px;}
#checkout #form .section .section-title i{color:#121212;padding-right:.25rem;}
#checkout #form .section .section-desc{font-size:.9rem;color:rgba(0,0,0,.8);margin-top:1rem;}
#checkout #form .grid{margin-left:-1rem;display:flex;flex-wrap:wrap;margin-bottom:1rem;}
#checkout #form .grid .grid__6{padding-left:1rem;width:50%;}
#checkout #form .input-group label{margin:0;}
#checkout #form .input-group input[type="checkbox"] + label{font-size:.85rem;}
#checkout #form .input-group input[type="checkbox"] + label + input{margin-left:1rem;}

.activity{display:flex;}
.activity .activity__head img{height:150px;border-radius:.5rem}
.activity .activity__body{padding-left:1rem;}
.activity .activity-info{margin-top:1rem}
.activity .activity-info > li{font-size:.9rem;color:rgba(0,0,0,.8)}
.activity .activity-info > li i{width:25px;display:inline-block}

#info{padding-left:3rem!important;height:100vh;background:#f3f3f3;padding:3rem!important;}
#info .card{background-color:#fff;border-radius:.5rem;padding:2rem;}
#info .card .activity .activity__head img{height:80px;}
#info .card .activity-info{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1rem;}
#info .card .activity-info li{width:100%;padding:.5rem 0;}
#info .card .activity-info li i{width:30px;display:inline-block;}
#info .totalPrice{display:flex;justify-content:space-between;margin-top:1rem;border-top:1px solid #dfdfdf;padding-top:1rem;align-items:center;}
#info .totalPrice div{width:100%;font-weight:bold;}
#info .totalPrice div:last-child{text-align:right;display:flex;justify-content:flex-end;font-size:1.3rem;}
#info .totalPrice div em{text-decoration:underline;}

em.only-pc{display:inline-block!important}

.creditcard{border:1px solid #dfdfdf;background-color:#f8f8f8;border-radius:1rem;padding:2rem;margin-bottom:1rem;}
.creditcard .creditcard__head{display:flex;justify-content:space-between;margin-bottom:1rem;align-items:center;background-color:#fff;padding:1rem;border:1px solid #121212;}
.creditcard .creditcard__head .col{width:100%;flex:1}
.creditcard .creditcard__head .col:last-child{text-align:right;font-weight:900;padding-right:1rem;}

.input-group-btn input{display:none;}
.input-group-btn label{display:inline-flex;margin-right:1rem;border:1px solid #ddd;border-radius:6px;padding:1rem;line-height:1;overflow:hidden;cursor:pointer;}
.input-group-btn input:checked + label{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:700;}
.input-group-btn input.danger + label{background-color:rgba(255,0,0,.04);color:rgba(255,0,0,.8);border-color:rgba(255,0,0,.2)}
.input-group-btn input.danger:checked + label{background-color:red!important;color:#fff!important;border-color:red!important}

.input-group-btn input.dark:checked + label{background-color:#333!important;color:#fff!important;border-color:#fff!important}
.input-group-btn input.success:checked + label{background-color:var(--color-success)!important;color:#fff!important;border-color:var(--color-success)!important}


.list-qa{display:table;border-top:1px solid #ddd;width:100%;border-collapse:collapse}
.list-qa li{display:table-row;border-bottom:1px solid #dfdfdf;}
.list-qa .q,
.list-qa .a{display:table-cell;vertical-align:middle;padding:1rem;}
.list-qa .q{background-color:#f3f3f3;font-weight:400;min-width:200px;width:200px;}
.list-qa .a{min-width:400px;}
.list-qa li.fluid .a{min-width:100%;max-width:100%;width:100%;}


#bookings .title{font-size:2rem;font-weight:700;display:block;margin-bottom:2rem;}
#bookings .list-block > li{margin-bottom:1rem;}

#bookings .item.item-media{display:flex;align-items:center;position:relative;cursor:pointer;}
#bookings .item.item-media .item__head{position:relative;}
#bookings .item.item-media .item__head .badge{position:absolute;right:1rem;top:1rem;background-color:var(--color-primary);color:#fff;padding:.5rem;border-radius:1rem;z-index:11;color:#fff;display:inline-flex;align-items:center;}
#bookings .item.item-media .item__head .badge strong{color:#fff!important;font-size:.8rem!important;line-height:1;}
#bookings .item.item-media .item__body{padding-left:2rem;flex:1;width:100%;position:relative}
#bookings .item.item-media .item-info{color:rgba(0,0,0,.7);font-size:.9rem;line-height:1.89}
#bookings .color-dark{color:#121212;font-size:1.1rem;}
#bookings .item.item-media .item__foot{flex:1;position:absolute;right:3rem;font-size:2.5rem;color:transparent;transition:.3s;opacity:0;}
#bookings .item.item-media:hover .item__foot{opacity:1;color:#121212;}
#bookings .item.item-media .status{position:absolute;right:1rem;top:1rem;}

#modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background-color:rgba(0,0,0,.5);overflow-y:auto;padding:5rem 0;display:none;}
#modal #modal-content{width:900px;margin:0 auto;background-color:#fff;border-radius:1rem;padding:2rem;position:relative;}
#modal.active{display:block;}
#modal_close{position:absolute;right:-1rem;top:-1rem;font-size:1rem;font-family:sans-serif;color:#fff;background-color:#121212;border-radius:50%;line-height:1;width:40px;height:40px;line-height:40px;cursor:pointer;}

@media(max-width:1280px){
	.container{min-width:980px;max-width:980px;}
}

.only-mb{display:none!important;}
.only-pc{display:block!important}

@media(max-width:980px){
	#body{overflow-x:hidden}
	.only-pc{display:none!important;}
	.only-mb{display:block!important;}
	em.only-pc{display:none;}
	button{color:#121212;}
	.container,
	#tourView .container,
	#footer .container,
	#body > .container,
	#header > .container,
	.section .container{min-width:100%!important;max-width:100%!important;}
	
	.dropdown .dropdown__content{position:fixed;right:0;width:100%;border-radius:0;top:60px;}
	.dropdown .dropdown__content i{display:inline-block;width:20px;}
	
	#mb-btn-lang{text-align:left;}
	#mb-lang{background-color:#f8f8f8;padding:1rem;border-radius:1rem;}
	
	#header__search{display:none}
	#footer img{height:20px!important;}
	
	#logo{height:45px;}
	#account button{width:auto!important;}
	#account button span{display:none;}
	#header .container .col #account{border:0;margin-left:.5rem;}
	
	.list-column-4 > li{width:100%;}
	#tourView .heading{display:block;}
	#tourView .heading .col:nth-child(1){display:none;}
	#tourView .heading .col:nth-child(2){width:100%;padding-right:0;}
	#tourView .heading #mainImage img{height:auto;}
	#tourView .heading .col:nth-child(3){width:100%;margin-top:2rem;}
	#priceArea{height:auto;}
	#tourView .oneline{flex-wrap:wrap;}
	#tourView .oneline .col:first-child,
	#tourView .oneline .col:last-child{width:100%;padding-left:0;margin-top:2rem;}
	#tourView .oneline .col:first-child{margin-top:0;}
	#tourView .oneline ul{padding:2rem;background:#f7f7f7;border:1px solid #dfdfdf;border-radius:.5rem;}
	#tourView .oneline li{width:100%;display:block;line-height:1.8}
	#tourView .titleArea{display:block;text-align:center;}
	#tourView .titleArea .col:last-child{text-align:center;padding-top:.5rem;}
	#tourView .titleArea .col:last-child i,
	#tourView .titleArea .col:last-child strong{font-size:3rem;}
	#tourView .titleArea .col:last-child i{font-size:2.5rem;position:relative;top:-5px;}
	#tourView .titleArea .col:last-child a{display:block;clear:both;margin-top:.5rem;text-decoration:none;}
	#tourView .reviews .card .card__body{min-height:10px;max-height:none;}
	
	#reco .item .item__body{min-height:10px;}
	
	#map{height:200px!important;}
	
	.reviewInfo .col:last-child{text-align:center;}
	
	.reviewInfo{flex-wrap:wrap;}
	.reviewInfo .col:first-child{width:100%;}
	.reviewInfo .col:last-child{width:100%;}
	.reviewInfo .rating-area .r1,
	.reviewInfo .rating-area .r2
	.reviewInfo .rating-area .r3{width:100%;}
	.reviewInfo .rating-area .r2{width:400%;}
	.review .review-images > li{width:33.333%;flex-wrap:wrap}
	.review .review-images > li img{height:auto;}
	
	#main .grid{margin-left:-1rem!important;}
	#main .grid > .grid__3{width:50%;padding-bottom:1rem;padding-left:1rem}
	
	#introduce .grid{margin-left:0!important;}
	#introduce .grid [class*=grid__]{padding-left:0;width:100%;}
	
	#promotion .promote{animation:none;}
	
	#promotion .where .city img{width:100px;height:100px;}
	#promotion .where .city:hover img{width:100px;height:100px;}
	

	#promotion .textbox h1{font-size:2rem;padding:1rem;}
	#promotion .where .city:first-child{display:none;}

	#main .section .section-title{font-size:2rem;}
	#ourReviews .item{display:block;}
	#ourReviews img{width:100%;height:auto;object-fit:cover;max-height:200px;}
	#ourReviews .item .item__body{max-height:auto;}
	
	#modal-person{min-width:100%;position:relative;}
	#modal-person .flex{display:block}
	#modal-person .qtybox input{width:100%;}
	
	#additional ul li{width:100%;float:none;clear:both;}
	
	#included .grid{display:block;}
	#included .grid > .grid__6:last-child{padding-top:2rem;}
	
	#checkout > .grid > .grid__6:last-child{display:none;}
	#checkout #form{padding-right:0!important;}
	#checkout .grid{display:block;}
	#checkout .input-group > *{white-space:normal}
	
	#checkout .activity{display:block}
	#checkout .activity .activity__head img{height:auto;width:100%;}
	#checkout .activity .activity__body{padding-left:0;padding-top:1rem}
	#checkout .activity .activity__body strong{font-size:1.1rem;}
	
	#ourReviews .item .item__head{padding:1rem;}
	
	#layout-login #header__brand{text-align:center;}
	
	#bookings .item.item-media{display:block;}
	#bookings .item.item-media .item__head img{width:100%!important;height:auto;}
	#bookings .item.item-media .item__body{padding-left:0;}
	#bookings .item.item-media .status{position:relative;right:auto;left:auto;top:auto;bottom:auto;}
	#bookings .item.item-media .item__foot{display:none;}
	
	#modal{padding:2rem 1rem;}
	#booking .box .box-title{font-size:1.1rem!important;}
	#modal #modal-content{width:100%;padding:1rem;}
	#modal #modal-content .list-qa .q,
	#modal #modal-content .list-qa .a{width:auto;min-width:50px;font-size:.7rem;padding:.5rem!important;}
	#modal #modal-content .list-qa .q{min-width:100px;}
	#modal_close{position:relative;top:-2rem;right:-2rem;float:right;}
}