@charset "utf-8";
/* notification poup layer issue */
#body-wrap #layout_footer {
    z-index: 99999998;
}
#notification_area ._popview[open='true']:has(~ ._popview[open='true']) {
	z-index: 999999998;
}
#notification_area ._popview ._notification_popup._image {
	margin: auto;
}


html[lang='en'] #header_wrap .header_menu_area .header_menus li a {
    letter-spacing: -1px;
}
html[lang='vi'] #header_wrap .header_menu_area .header_menus li>a {
	letter-spacing: -1px;
	font-size: 0.9em
}

html[lang='en'] .basic_product_group_btns li a {
    letter-spacing: -1px;
    font-size: 1.4em;
}

html[lang='en'] #home_introduce_area .home_introduce_top .contents_msg .msg_title {
    white-space: break-spaces;
    font-size: 1.9em;
    min-height: 100px;
}

html[lang='th'] #home_introduce_area .home_introduce_top .contents_msg>div {
    padding: 2.7em;
}
html[lang='th'] #home_introduce_area .home_introduce_top .contents_msg .msg_title {
    white-space: break-spaces;
    font-size: 1.8em;
    min-height: 100px;
}
html[lang='kr'] #header_wrap .header_contents.support_lang {
    padding-right: 16em;
}
html[lang='kr'] #header_wrap .header_contents.support_lang .side_button_area {
    width: 16em;
}
html[lang='kr'] #header_wrap .side_button_area .search_button {
    display: block;
}
html:not([lang='kr']) #kakao_chat_link_popup .tab_content .chat a {
	padding: 0.5em 1em;
	font-size: 8px;
}
html #kakao_chat_link_popup .tab_content .chat a:not(:first-child) {
	display: none;
}
html:not([lang='kr']) #kakao_chat_link_popup .tab_content .chat a:not(:first-child) {
	margin-top: 1em;
	display: block;
}
html #kakao_chat_link_popup .tab_content .chat a._line {
	background: #3cc100;
	color: white;
}
html #kakao_chat_link_popup .tab_content .chat a._wechat {
	background: #00c70a;
	color: white;
}
html #kakao_chat_link_popup .tab_content .chat a._wechat[disabled] {
	cursor: default;
}
#body-wrap {
	overflow-x: hidden;
}
#body-wrap #layout_header {
	z-index: 999999999;
}

.popup[popupname="NOTI_INFLUENCER_INFO_EXPIRED"] .msg_wrap .msg {
    font-size: 2em;
    padding: 3em 1.5em 1.5em 1.5em;
}
.popup[popupname="NOTI_INFLUENCER_INFO_EXPIRED"] .msg_wrap .msg p {
    line-height: 240%;
}
.popup[popupname="NOTI_INFLUENCER_INFO_EXPIRED"] .msg_wrap .msg p:first-child {
    font-weight: 600;
}
.popup[popupname="NOTI_INFLUENCER_INFO_EXPIRED"] .msg_wrap .msg p:nth-child(2) {
    color: #ff3600;
    font-size: 0.9em;
}


#footer_wrap .branch_footer_area {
	width: fit-content;
	max-width: 95vw;
}
#footer_wrap .branch_footer_area .branch_info {
	width: 100%;
}
#footer_wrap .branch_footer_area .branch_info>* {
	padding: 0 0.5em;
}

.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg {
	width: 300px;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup {
	position: relative;
	display: block;
	width:auto;
	max-width: 100%;
	background: #f1f1f1;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	box-sizing: border-box;
	background: #f1f1f1;
	z-index: 2;
}
/* .popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_area + .button_area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area .button_wrap {
	display: block;
	padding: 5px;
	box-sizing: border-box;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area .button_wrap a {
	position: relative;
	display: flex;
	width: 150px;
	height: 120px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 1.4em;
	font-weight: 400;
	border: 1px solid #e2e2e2;
	border-radius:5px;
	background: white;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area .button_wrap a:hover {
	transform: scale(1.03);
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup:not(._on_list) .naver_reservation_branches_area,
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup._on_list .button_area {
	display: none;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .back_to_select_reservation_type {
	display: none;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup._on_list .back_to_select_reservation_type {
	display: block;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup._on_list._not_back .back_to_select_reservation_type {
	display: none;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_area {
	display: flex;
	min-width: 600px;
	min-height: 300px;
	padding: 20px;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: center;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_head {
	position: relative;
	display: flex;
	font-size: 1.9em;
	padding: 0 35px;
	margin-bottom: 20px;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_head button {
	position: absolute;
	left: 5px;
	top: 0;
	width: 30px;
	height: 30px;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_head button::before {
	content: "";
	display: block;
	margin-left: 5px;
	width: 15px;
	height: 15px;
	border-left: 2px solid #2e2e2e;
	border-top: 2px solid #2e2e2e;
	transform: rotate(-45deg);
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_head p {
	flex: 1 1 100%;
	font-weight: bolder;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_head p span.naver_icon {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2064%2064%22%20width=%2264px%22%20height=%2264px%22%3E%3Cpath%20fill=%22%233ec73c%22%20d=%22M50,13H14c-0.542,0-1,0.458-1,1v36%20c0,0.542,0.458,1,1,1h36c0.542,0,1-0.458,1-1V14C51,13.458,50.542,13,50,13z%20M41.59,41.633h-5.793L28.521,31.58v10.101H22.25%20V22.484c0,0.144,6.176-0.048,6.176-0.048l7.037,10.053V22.34h6.128V41.633z%22/%3E%3C/svg%3E");
	background-size: 170%;
	border-radius: 0.2em;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 0.5em;
	background-color: white;
}

.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap>* {
	flex: 0 0 33.3333%;
	padding: 10px 5px;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap>* a {
	position: relative;
	display: block;
	width: 100%;
	background: white;
	font-size: 1.8em;
	height: 45px;
	line-height: 45px;
	font-family: "BareunDotumPro1";
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.16);
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap>* a[disabled] {
	position: relative;
	background: #f2f2f2;
	pointer-events: none;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap>* a[disabled]>span {
	opacity: 0.4;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap>* a[disabled]::after {
	content: "미지원";
	position: absolute;
	background: orangered;
	color: white;
	border-radius: 3px;
    right: 0;
    bottom: 0;
    transform: translate(8px, 50%) scale(0.9);
    font-size: 10px;
    white-space: nowrap;
    line-height: 100%;
    z-index: 1;
    padding: 3px 5px;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap>* a .reservation_msg:not(:empty) {
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translate(8px,50%) scale(0.9);
	font-size: 10px;
	white-space: nowrap;
	line-height: 100%;
	z-index: 1;
	padding: 3px 5px;
	background: #3ec73c;
	color: white;
	border-radius: 3px;
	font-weight: bold;
}

.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area .button_wrap a::before {
    content: "";
	display: block;
	width: 5em;
	height: 5em;
	background-position: center;
	background-repeat: no-repeat;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area .button_wrap a._addreservation::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2248px%22%20viewBox%3D%220%20-960%20960%20960%22%20width%3D%2248px%22%20fill%3D%22%232e2e2e%22%3E%3Cpath%20d%3D%22M190-58q-37.18%200-64.09-27.61Q99-113.22%2099-149v-601q0-37.59%2026.91-64.79Q152.82-842%20190-842h59v-22q0-15.38%2012.28-27.19Q273.55-903%20288.88-903q17.14%200%2028.13%2011.81Q328-879.38%20328-864v22h304v-22q0-15.38%2011.58-27.19Q655.15-903%20671.38-903q16.65%200%2028.13%2011.81Q711-879.38%20711-864v22h59q37.59%200%2064.79%2027.21Q862-787.59%20862-750v601q0%2035.78-27.21%2063.39Q807.59-58%20770-58H190Zm0-91h580v-419H190v419Zm0-476h580v-125H190v125Zm0%200v-125%20125Zm290.4%20230q-18.82%200-32.11-13.18Q435-421.35%20435-439.88q0-18.52%2013.38-31.82t32.2-13.3q18.82%200%2031.62%2013.18%2012.8%2013.17%2012.8%2031.7%200%2018.52-12.89%2031.82T480.4-395Zm-160.28%200q-18.52%200-31.82-13.18-13.3-13.17-13.3-31.7%200-18.52%2013.18-31.82%2013.17-13.3%2031.7-13.3%2018.52%200%2031.82%2013.18%2013.3%2013.17%2013.3%2031.7%200%2018.52-13.18%2031.82-13.17%2013.3-31.7%2013.3Zm319.3%200q-17.42%200-30.92-13.18-13.5-13.17-13.5-31.7%200-18.52%2013.59-31.82T640.1-485q17.92%200%2031.41%2013.18Q685-458.65%20685-440.12q0%2018.52-13.38%2031.82t-32.2%2013.3ZM480.4-235q-18.82%200-32.11-13.59T435-280.1q0-17.92%2013.38-31.41Q461.76-325%20480.58-325t31.62%2013.38q12.8%2013.38%2012.8%2032.2%200%2017.42-12.89%2030.92T480.4-235Zm-160.28%200q-18.52%200-31.82-13.59T275-280.1q0-17.92%2013.18-31.41Q301.35-325%20319.88-325q18.52%200%2031.82%2013.38t13.3%2032.2q0%2017.42-13.18%2030.92-13.17%2013.5-31.7%2013.5Zm319.3%200q-17.42%200-30.92-13.59T595-280.1q0-17.92%2013.59-31.41Q622.18-325%20640.1-325t31.41%2013.38Q685-298.24%20685-279.42q0%2017.42-13.38%2030.92t-32.2%2013.5Z%22%2F%3E%3C%2Fsvg%3E");
	background-size: 70%;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area .button_wrap a._naver_reservation::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2064%2064%22%20width=%2264px%22%20height=%2264px%22%3E%3Cpath%20fill=%22%233ec73c%22%20d=%22M50,13H14c-0.542,0-1,0.458-1,1v36%20c0,0.542,0.458,1,1,1h36c0.542,0,1-0.458,1-1V14C51,13.458,50.542,13,50,13z%20M41.59,41.633h-5.793L28.521,31.58v10.101H22.25%20V22.484c0,0.144,6.176-0.048,6.176-0.048l7.037,10.053V22.34h6.128V41.633z%22/%3E%3C/svg%3E");
	background-size: 100%;
}
.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area .button_wrap a .event-msg:not(:empty) {
	position: absolute;
	bottom: -8px;
	font-size: 10px;
	line-height: 100%;
	background: #3ec73c;
	color: white;
	padding: 6px 8px;
	border-radius: 5px;
	margin-top: 5px;
}
.popuplayer .popup .title {
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    padding: 0 46px;
}
.popuplayer .popup .msg_wrap {
    margin: 46px auto 0 auto;
}
.popuplayer .popup .close {
	width: 45px;
	height: 45px;
}
@media (max-width: 914px) {
	#header_wrap .header_menu_area .header_menus div {
		padding-right: 3.5em;
	}
    html[lang='en'] #header_wrap .header_menu_area .header_menus a span {
        font-size: 0.9em;
        letter-spacing: -1px;
    }
    
    html[lang='en'] .basic_product_group_btns li a {
        letter-spacing: -1px;
        font-size: 1.4em;
    }
	
    html[lang='en'] #alter-reservation-popup .alter_popup_content_area .button_wrap {
        font-size: 0.7em;
        letter-spacing: -1px;
	}
    html[lang='en'] #fixed_menu_area>a>span {
	    font-size: 0.9em;
	    line-height: 1em;
	    white-space: normal;
	    min-height: 2.2em;
	}
    
    html[lang='en'] #home_introduce_area .home_introduce_top .contents_msg .msg_title {
        min-height: 53px;
    }
    
    html[lang='en'] #home_introduce_area .home_introduce_top .contents_msg>div {
        padding: 1.7em;
    }

    html[lang='en'] #home_introduce_area .home_introduce_top .contents_msg .msg_content {
        font-size: 1em;
        line-height: 120%;
    }
    
    html[lang='th'] #home_introduce_area .home_introduce_top .contents_msg>div {
        padding: 2.7em;
    }
    html[lang='th'] #home_introduce_area .home_introduce_top .contents_msg .msg_title {
        white-space: break-spaces;
        font-size: 1.8em;
        min-height: 100px;
    }
    html[lang='kr'] #header_wrap .header_contents.support_lang {
        padding-right: 0;
    }
    html[lang='kr'] #header_wrap .header_contents.support_lang .side_button_area {
        width: 50vw;
    }
    html[lang='kr'] #header_wrap .side_button_area .search_button {
        display: block;
    }
	#body-wrap #layout_header {
		z-index: 99999999;
	}

	.popup[popupname="NOTI_INFLUENCER_INFO_EXPIRED"] .msg_wrap .msg {
		font-size: 1.5em;
		padding: 2em 1em 1em 1em;
	}
	
	
	/* .popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area {
		flex-direction: column;
	}
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area .button_wrap {
		width: 100%;
	}
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area .button_wrap a {
		flex-direction: row;
		width: 100%;
	} */
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_area {
		min-width: auto;
		min-height: auto;
		width: 91vw;
		padding: 8px;
	}
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_head {
		font-size: 1.4em;
		padding: 0 25px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_head button {
	left: 5px;
	top: 0;
	width: 22px;
	height: 22px;
	}
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_head button::before {
		width: 10px;
		height: 10px;
		margin-left: 3px;
	}
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap>* {
		padding: 8px 5px;
	}
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap>* a {
		font-size: 1.4em;
		height: 30px;
		line-height: 30px;
	}
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap>* a .reservation_msg:not(:empty) {
		padding: 2px 3px;
		font-size: 11px;
		left: 50%;
		right: initial;
		transform: translate(-50%, 70%) scale(0.9);
	}
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .button_area .button_wrap a .event-msg:not(:empty) {
		font-size: 10px;
		bottom: -8px;
		padding: 3px 5px;
		border-radius: 3px;
	}
	.popup[popupname="ALART_RESERVATION_OVERWRITE_POPUP"] .msg_wrap .msg #alert_add_reservation_popup .naver_reservation_branches_btn_wrap>* a[disabled]::after {
		padding: 2px 3px;
		font-size: 11px;
		left: 50%;
		right: initial;
		transform: translate(-50%, 70%) scale(0.9);
	}
    .popuplayer .popup .title {
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        font-family: 'BareunDotumPro1';
        padding: 0 35px;
        font-weight: 400;
    }
    .popuplayer .popup .close {
        color: black;
        width: 35px;
        height: 35px;
    }
    .popuplayer .popup .msg_wrap {
        margin: 35px auto 0 auto;
    }
    .popuplayer .popup .btn {
        padding: 1.1em;
        padding-top: 0;
    }
    .popuplayer .popup .btn .btn_wrap {
        flex: 1 auto;
        padding: 4px !important;
    }
    .popuplayer .popup .btn .btn_wrap button{
        border: 0;
        width: 100%;
        font-size: 1.1em;
        line-height: 3.2em;
        border: 1px solid #ff3600;
        min-width: 0;
    }
}