@charset "utf-8";




/*------------------------- header -------------------------*/
header {position:relative; background:#fff; height:5rem; border-bottom:0.1rem solid #ccc;}
.step_num {position:absolute; left:4%; font-size:1.4rem; color:#999; line-height:5.1rem;}
.step_num span {color:#13426b;}
.step_close {display:block; width:1.5rem; height:1.5rem; position:absolute; right:4%; top:50%; margin-top:-0.75rem; background:url("../img/btn_mobile_reservation_close.png") no-repeat 0 0; background-size:1.5rem;}
header h1 {text-align:center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
header h1 a {position: relative;}
header h1 img {width:22.8rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
@keyframes fadeLogo1 {
  0%   { opacity: 1; }
  40%  { opacity: 1; }
  50%  { opacity: 0; }
  90%  { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeLogo2 {
  0%   { opacity: 0; }
  40%  { opacity: 0; }
  50%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { opacity: 0; }
}
.logo_en {animation: fadeLogo1 8s ease-in-out infinite;}
.logo_ko {animation: fadeLogo2 8s ease-in-out infinite;}
header .btn_menu {z-index:1; position:absolute; left:4%; top:50%; margin-top:-1rem;}
header .btn_menu img {width:1.9rem;}
header .btn_login {z-index:1; position:absolute; right:4%; top:50%; margin-top:-1.6rem; text-align:center; font-size:0.8rem; color:#999;}
header .btn_login img {width:2.3rem; height:2.0rem; margin-bottom:0.3rem;}







/*------------------------- nav -------------------------*/
nav.menu_wrap {position:fixed; top:0; left:-100%; width:100%; padding-right:5rem; height:100%; overflow:auto; background:rgba(0, 0, 0, 0.9); z-index:150;}
nav.menu_wrap.off {left:-100%; animation-name:menu_close; animation-duration:.5s; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@keyframes menu_close {
	from {left:0%;}
	to {left:-100%;}
}
nav.menu_wrap.on {left:0%; animation-name:menu_open; animation-duration:.5s; animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@keyframes menu_open {
	from {left:-100%;}
	to {left:0%;}
}
nav.menu_wrap .menu_header {position:relative; background:#fff; padding:2.5rem 4% 3rem 4%;}
nav.menu_wrap .menu_header img {width:22.4rem;}
nav.menu_wrap .menu_header .menu_header_btn {text-align:center; overflow:hidden; margin-top:1.5rem;}
nav.menu_wrap .menu_header .menu_header_btn a {display:block; float:left; width:calc(50% - 0.5rem); height:3.5rem; font-size:1.4rem; line-height:3.5rem; background:#fe8800; color:#fff;}
nav.menu_wrap .menu_header .menu_header_btn a + a {margin-left:1rem;}
nav.menu_wrap .menu_header .btn_menu {width:1.8rem; position:absolute; right:-3.4rem; top:1.1rem;}
nav.menu_wrap .menu_list { height:100%; background:url("../img/repeat_bg.png") repeat-y; background-size:100%; }
nav.menu_wrap .menu_list ul { background: url("../img/line_menu_bg.png") no-repeat 100% 75%; background-size:100%; height:100%;}
nav.menu_wrap .menu_list ul li {position:relative;}
nav.menu_wrap .menu_list ul li a {display:block; padding:0 4%; font-size:1.5rem; line-height:3.6rem;}
nav.menu_wrap .menu_list ul li .ico_dep {position:absolute; width:1.1rem; height:1.3rem; right:4%; top:1.25rem;}
nav.menu_wrap .menu_list ul.list_dep01 {overflow:hidden; border-top:0.1rem solid #c9c9c9; }
nav.menu_wrap .menu_list ul.list_dep01 > li { background:#fff; }
nav.menu_wrap .menu_list ul.list_dep01 > li > a {font-weight:700; border-bottom:0.1rem solid #c9c9c9; color:#111;}
nav.menu_wrap .menu_list ul.list_dep01 > li.on > a {color:#fe8800;}
nav.menu_wrap .menu_list ul.list_dep01 > li > .ico_dep {background:url("../img/menu_dep01_off.png") no-repeat center center; background-size:100%;}
nav.menu_wrap .menu_list ul.list_dep01 > li.on > .ico_dep {background:url("../img/menu_dep01_on.png") no-repeat center center; background-size:100%;}
nav.menu_wrap .menu_list ul.list_dep02 {display:none; overflow:hidden;}
nav.menu_wrap .menu_list ul.list_dep02 > li {}
nav.menu_wrap .menu_list ul.list_dep02 > li > a {background:#fffbf2; border-bottom:0.1rem solid #ffe2c0; font-size:1.4rem;}
nav.menu_wrap .menu_list .gangnam_cha_menu a { color:#111 !important; font-weight:400 !important; }
nav.menu_wrap .menu_list .gangnam_cha_menu a:after {content:''; position:absolute; width:1.1rem; height:1.3rem; right:4%; top:1.25rem; background:url("../img/icon_menu_link.png") no-repeat center center; background-size:100%;}
nav.menu_wrap .menu_list .menu_bottom_desc {padding:4rem 2.1rem;}







/*------------------------- 예약상담 reservation consultation -------------------------*/
.reservation_consultation_area {z-index:100; position:fixed; right:1.5rem; bottom:3.6rem;}
.reservation_consultation_area:before {z-index:90; width:5rem; height:5rem; transform:scale(1.0, 1.0); opacity:0; position:fixed; right:1.5rem; bottom:3.6rem; border-radius:100%; background:#000; content:''; transition:all 700ms;}
.reservation_consultation_area.on {}
.reservation_consultation_area.on:before {transform:scale(100, 100); opacity:0.9;}
.reservation_consultation_area .btn_top_area {z-index:50; margin-bottom:1rem; display:none;}
.reservation_consultation_area .btn_top_area .btn_top {position:relative; display:table-cell; width:7.2rem; height:7.2rem; border:0.1rem solid #d9d9d9; border-radius:100%; background:#fff; color:#666; font-size:1.4rem; font-weight:700; text-align:center; line-height:2.2rem; vertical-align:middle;} /* 2020-04-02 width:5rem; height:5rem; 수정 *//* 2020-04-06 width:6rem; height:6rem;  font-size:0.9rem; line-height:1.5rem; 수정 */
.reservation_consultation_area .btn_top_area .btn_top img {width:2.2rem;}/* 2020-04-06 width:6rem; height:6rem; 수정 */
.reservation_consultation_area .btn_reservation_consultation {z-index:100; position:relative; display:table-cell; width:7.2rem; height:7.2rem; border-radius:100%; background:#fe8800; color:#fff; font-size:1.8rem; font-weight:700; text-align:center; line-height:2.2rem; vertical-align:middle; transition:all 500ms; box-shadow:0.2rem 0.2rem 2rem rgba(0, 0, 0, 0.5);} /* 2020-04-02 width:5rem; height:5rem; 수정 *//* 2020-04-06 width:6rem; height:6rem; font-size:1.3rem; line-height:1.8rem; 수정 */
.reservation_consultation_area.on .btn_reservation_consultation {overflow:hidden; color:transparent;}
.reservation_consultation_area .btn_reservation_consultation:before {position:absolute; left:50%; top:50%; margin:-0.1rem 0 0 -1.5rem; content:''; width:3rem; height:0.2rem; background:#fff; transform:rotate(0deg); opacity:0; transition:all 500ms;}
.reservation_consultation_area .btn_reservation_consultation:after {position:absolute; left:50%; top:50%; margin:-0.1rem 0 0 -1.5rem; content:''; width:3rem; height:0.2rem; background:#fff; transform:rotate(0deg); opacity:0; transition:all 500ms;}
.reservation_consultation_area.on .btn_reservation_consultation:before {transform:rotate(45deg); opacity:1;}
.reservation_consultation_area.on .btn_reservation_consultation:after {transform:rotate(-45deg); opacity:1;}
.reservation_consultation_area .reservation_consultation_list {position:absolute; bottom:7.2rem; right:0; display:none;} /* 2020-04-02 bottom:5rem; 수정 */ /* 2020-04-06 bottom:6rem; 수정 */ 
.reservation_consultation_area.on .reservation_consultation_list {display:block;}
.reservation_consultation_area .reservation_consultation_list li {z-index:90; margin-bottom:1.5rem; position:absolute; bottom:-6.5rem; right:0; opacity:0; transition:all 500ms;}
.reservation_consultation_area.on .reservation_consultation_list li {bottom:0rem; opacity:1; transition-delay:500ms;}
.reservation_consultation_area.on .reservation_consultation_list li + li { bottom:8.7rem; transition-delay:550ms;} /* 2020-04-02 bottom:6.5rem; 수정 *//* 2020-04-06 bottom:7.5rem; 수정 */
.reservation_consultation_area.on .reservation_consultation_list li + li + li { bottom:17.4rem; transition-delay:600ms; } /* 2020-04-02 bottom:13rem; 수정 *//* 2020-04-06 bottom:15rem; 수정 */
.reservation_consultation_area.on .reservation_consultation_list li + li + li + li { bottom:26.1rem; transition-delay:650ms;} /* 2020-04-02 bottom:19.5rem; 수정 *//* 2020-04-06 bottom:22.5rem; 수정 */
.reservation_consultation_area.on .reservation_consultation_list li + li + li + li + li {bottom:34.8rem; transition-delay:700ms;} /* 2020-04-13 bottom:26.5rem; 수정 */
.reservation_consultation_area .reservation_consultation_list li a {position:relative;}
.reservation_consultation_area .reservation_consultation_list li a img { width:7.2rem; height:7.2rem; } /* 2020-04-02 width:5rem; height:5rem; 수정 *//* 2020-04-06 width:6rem; height:6rem; 수정 */
.reservation_consultation_area .reservation_consultation_list li a span {position:absolute; top:-0.2rem; font-size:1.4rem; color:#fff; right:8.2rem; display:block; width:10rem; text-align:right;} /* 2020-04-02 right:6.2rem;  수정 */ /* 2020-04-06 right:7.2rem;  수정 */ 







/*------------------------- footer -------------------------*/
footer { width:100%; height:auto; background:#fff; padding:0 0 2.7rem 0; }
footer .quick_button_area {}
footer .quick_button_area:after {display:block; content:''; clear:both;}
footer .quick_button_area > a {position:relative; display:block; float:left; width:50%; height:4.5rem; line-height:4.5rem; font-size:1.4rem; border:1px solid #ccc; text-align:center; }
footer .quick_button_area > a + a {border-left:0; border-right:0; }
footer .quick_button_area > a:first-child { border-left:0;}
footer .quick_button_area > a img {width:1.5rem; margin-right:0.3rem; margin-top:-0.3rem;}
footer .quick_link_area {margin-top:2rem; text-align:center;}
footer .quick_link_area .quick_link_list {display:inline-block;}
footer .quick_link_area .quick_link_list li {float:left; position:relative; padding-left:0.5rem; margin-left:0.5rem;}
footer .quick_link_area .quick_link_list li:after {content:''; display:block; width:0.2rem; height:0.2rem; background:#666; position:absolute; left:0; top:50%; margin-top:-0.1rem;}
footer .quick_link_area .quick_link_list li:first-child {margin-left:0; padding-left:0;}
footer .quick_link_area .quick_link_list li:first-child:after {display:none;}
footer .quick_link_area .quick_link_list li a {font-size:1.1rem; color:#666; font-weight:400; }
footer .quick_link_area .quick_link_list li a strong { color:#111; }
footer .footer_copy {font-size:1rem; color:#999; margin-top:1rem; text-align:center;}
footer .footer_copy {font-size:1rem; color:#999; margin-top:1rem; text-align:center; }
footer .sns_btn_wrap {margin-top:2rem; text-align:center;}
footer .sns_btn_wrap a {display:inline-block; margin-left:0.4rem;}
footer .sns_btn_wrap a:first-child {margin-left:0;}
footer .sns_btn_wrap a img {width:6.15rem;}






/* 2020-02-28 레이어팝업수정 */
.layer_popup {position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.6);z-index:99;align-items:center;display:none;}
.layer_popup.active{ display:flex; }
.layer_popup .popup_area{position:absolute;left:5%;width:90%;top:50px;z-index:999;padding:0;}
.layer_popup .popup_contents_area{overflow: hidden;}
.layer_popup .popup_contents_area a{display:block;}
.layer_popup .day_btn_area{border-top:1px solid #e0e0e0; overflow: hidden;}
.layer_popup .day_btn_area a{ font-size:13px; font-size:1.3rem; line-height:16px; line-height:1.6rem; color:#666; font-weight:400; width:50%; border-right:1px solid #e0e0e0; box-sizing: border-box; text-align: center; background-color:#fff; padding-top:0.8rem; padding-bottom:0.9rem; display:block; float:left;}
.layer_popup .day_btn_area a:last-child{border-right:none;}