/* basic-set */
b { font-weight:700; }
.bt_txt { position:relative; display:inline-block; zoom:1; *display:inline; text-align:center; }
.bt_txt:hover { text-decoration:none; }
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
}
* { position:relative; transition:all ease-in-out 0.3s; word-break:keep-all; }
a.off { opacity:0.4; -webkit-opacity:0.4; pointer-events:none; cursor:default; }
.bt_view_detail { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; }

@media screen and (max-device-width: 1200px){
body { -webkit-text-size-adjust:none; }
}
.bt_block { display: block; text-align: center; }
.bt_block:hover { text-decoration: none; }
html.on { height: 100%; overflow: hidden; }
.swiper-slide { transition: none; }

.ov_box { overflow: hidden; }
.ov_box * { transition: none; }


/* layout */
#wrap { height:100%; min-width:360px; }

#header { position: fixed; top: 0; left: 0; right: 0; background: #141414; z-index: 20; }
#header.wh { background: #fff; }
#header.mp { background: #f5f1ee; }
#header.main { position: absolute; background: none; }
#header.main h1 { position: absolute; top: 20px; left: 20px; }
#header.main h1 img { height: 15px; }

#header h1 { font-size: 14px; color: #bfb3ae; font-weight: 700; text-align: center; line-height: 50px; text-transform: uppercase; }
#header.mp h1,
#header.wh h1 { color: #695446; }
#header .bt_back { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 10px; height: 17px; background: url(../images/bt_back.png) 0/100% 100%; text-indent: -9999px; z-index: 1; }
#header.wh .bt_back,
#header.mp .bt_back { background-image: url(../images/bt_back_br.png); }
.header_gap { height: 50px; }

.bt_r_tx { position: absolute; top: 60px; border: 1px solid rgba(255,255,255,0.5); width: 90px; line-height: 25px; border-radius: 20px; font-size: 11px; color: #fff; font-weight: 700; text-align: center; }
.bt_r_tx.bt_mbs { left: 20px; }
.bt_r_tx.bt_ct_code { right: 20px; }
.bt_r_tx.bt_contact_us { left: 50%; transform: translateX(-50%); background: #fff; color: #695446; }

#fixed_btns { position: fixed; bottom: 125px; right: 20px; z-index: 10; }
#fixed_btns .dial_menu { margin-bottom: 15px; width: 50px; height: 50px; z-index: 1; }
#fixed_btns .dial_menu .bt_open { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; border-radius: 100%; background: #695446; text-indent: -9999px; z-index: 1; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
#fixed_btns .dial_menu .bt_open i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 2px; width: 2px; border-radius: 2px; background: #fff; }
#fixed_btns .dial_menu .bt_open i:nth-child(1) { width: 43%; }
#fixed_btns .dial_menu .bt_open i:nth-child(2) { height: 43%; }
#fixed_btns .dial_menu.on .bt_open { top: -35px; width: 70px; height: 70px; box-shadow: none; }
#fixed_btns .dial_menu.on .bt_open i { transform: translate(-50%,-50%) rotate(225deg); }
#fixed_btns .dial_menu.on .bt_open i:nth-child(1) { width: 35%; }
#fixed_btns .dial_menu.on .bt_open i:nth-child(2) { height: 35%; }
#fixed_btns .dial_menu .opened { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 0; height: 0; background: #fff; border-radius: 100%; transition-delay: 0.2s; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
#fixed_btns .dial_menu.on .opened { margin-top: -25px; width: 300px; height: 300px; }
#fixed_btns .dial_menu .opened li { position: absolute; width: 50px; transform: translate(-50%,-50%); left: 50%; top: 50%; opacity: 0; }
#fixed_btns .dial_menu.on .opened li { opacity: 1; }
#fixed_btns .dial_menu.on .opened li:nth-child(1) { top: 18%; left: 50%; transition-delay: 0.4s; }
#fixed_btns .dial_menu.on .opened li:nth-child(2) { top: 27%; left: 28%; transition-delay: 0.45s; }
#fixed_btns .dial_menu.on .opened li:nth-child(3) { top: 50%; left: 18%; transition-delay: 0.50s; }
#fixed_btns .dial_menu.on .opened li:nth-child(4) { top: 73%; left: 28%; transition-delay: 0.55s; }
#fixed_btns .dial_menu.on .opened li:nth-child(5) { top: 82%; left: 50%; transition-delay: 0.60s; }
#fixed_btns .dial_menu .opened li a { display: block; padding-top: 35px; font-size: 11px; line-height: 100%; color: #544338; text-align: center; background: no-repeat center 0/auto 25px; }
#fixed_btns .dial_menu.on .opened li:nth-child(1) a { background-image: url(../images/dm_ic01.png); }
#fixed_btns .dial_menu.on .opened li:nth-child(2) a { background-image: url(../images/dm_ic02.png); }
#fixed_btns .dial_menu.on .opened li:nth-child(3) a { background-image: url(../images/dm_ic03.png); }
#fixed_btns .dial_menu.on .opened li:nth-child(4) a { background-image: url(../images/dm_ic04.png); }
#fixed_btns .dial_menu.on .opened li:nth-child(5) a { background-image: url(../images/dm_ic05.png); }
#fixed_btns > a { display: block; width: 50px; height: 50px; border-radius: 100%; text-indent: -9999px; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
#fixed_btns #bt_kakao { background: #fddc3f url(../images/ic_kakao.png) no-repeat center center/cover; margin-bottom: 15px; }
#fixed_btns #bt_quick_hotel { background: #45655A url(../images/ic_quick_hotel.png) no-repeat center center/cover; margin-bottom: 15px; }
#fixed_btns #bt_top { background: #fff url(../images/bt_top.png) no-repeat center center/auto 22px; }

#fixed_btns .dial_menu.tem.on .opened li:nth-child(1) { top: 18%; left: 50%; transition-delay: 0.4s; }
#fixed_btns .dial_menu.tem.on .opened li:nth-child(2) { top: 33%; left: 22.5%; transition-delay: 0.45s; }
#fixed_btns .dial_menu.tem.on .opened li:nth-child(3) { top: 67%; left: 22.5%; transition-delay: 0.55s; }
#fixed_btns .dial_menu.tem.on .opened li:nth-child(4) { top: 82%; left: 50%; transition-delay: 0.60s; }
#fixed_btns .dial_menu.tem.on .opened li:nth-child(5) { display: none; }

#quick_menu { position: fixed; bottom: 0; left: 0; right: 0; background: #141414; border-top: 1px solid #414141; z-index: 15; }
#quick_menu li { float: left; width: 20%; }
#quick_menu li a { display: block; padding-top: 45px; height: 29px; color: #bfb3ae; font-size: 11px; font-weight: 700; text-align: center; }
#quick_menu li a::before { content: ''; position: absolute; top: 15px; left: 0; right: 0; height: 20px; background: no-repeat center center; }
#quick_menu li:nth-child(1) a::before { background-image: url(../images/qm_ic01.png); background-size: auto 17px; }
#quick_menu li:nth-child(2) a::before { background-image: url(../images/qm_ic02.png); background-size: auto 15px; }
#quick_menu li:nth-child(3) a::before { background-image: url(../images/qm_ic03.png); background-size: auto 19px; }
#quick_menu li:nth-child(4) a::before { background-image: url(../images/qm_ic04.png); background-size: auto 20px; }
#quick_menu li:nth-child(5) a::before { background-image: url(../images/qm_ic05.png); background-size: auto 13px; }
.qm_gap { height: 75px; }

#footer { background: #1d1d1d; text-align: center; padding: 35px 15px; z-index: 1; }
#footer .f_sns { margin-bottom: 30px; }
#footer .f_sns li { display: inline-block; width: 27px; margin: 0 12px; }
#footer .f_sns li a { display: block; height: 27px; background: no-repeat center center/100% auto; text-align: left; text-indent: -9999px; }
#footer .f_sns li:nth-child(1) a { background-image: url(../images/f_sns_ic01.png); }
#footer .f_sns li:nth-child(2) a { background-image: url(../images/f_sns_ic02.png); }
#footer .f_sns li:nth-child(3) a { background-image: url(../images/f_sns_ic03.png); }
#footer .f_sns li:nth-child(4) a { background-image: url(../images/f_sns_ic04.png); }
#footer .logo { margin-bottom: 30px; }
#footer .logo img { height: 15px; }
#footer .fm { margin-bottom: 22px; }
#footer .fm li { display: inline-block; line-height: 180%; margin: 0 10px; }
#footer .fm li a { color: #fff; font-weight: 700; }
#footer .info { font-size: 11px; color: #a49a9a; line-height: 190%; }
#footer .info span { letter-spacing: -0.5px; }
#footer .info a { color: #a49a9a; }

.menu_bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 29; display: none; }
#menu { position: fixed; top: 0; left: 100%; right: -100%; bottom: 0; z-index: 30; background: #fff; overflow: hidden; overflow-y: auto; padding-bottom: 100px; transition-delay: 0.2s; }
#menu.on { left: 0; right: 0; transition-delay: 0; }
#menu .bt_close { position: fixed; bottom: 25px; left: 150%; transform: translateX(-50%); width: 50px; height: 50px; background: #000; border-radius: 100%; text-indent: -9999px; z-index: 1; transition-delay: 0.2s; }
#menu.on .bt_close { left: 50%; transition-delay: 0; }
#menu .bt_close i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); height: 2px; width: 2px; border-radius: 2px; background: #fff; }
#menu .bt_close i:nth-child(1) { width: 40%; }
#menu .bt_close i:nth-child(2) { height: 40%; }
#menu .logo { padding: 20px; border-bottom: 1px solid #efefef; }
#menu .logo a { display: block; height: 15px; background: url(../images/logo_br.png) no-repeat 0 0/auto 100%; text-indent: -9999px; }
#menu .logo a img { height: 18px; }

#tm { padding: 20px; }
#tm:after { content:''; clear:both; display:block; }
#tm li { float: left; margin-right: 10px; }
#tm li a { font-weight: 700; color: #544338; display: block; line-height: 35px; }
#tm li a.bt_block { width: 100px; background: #695446; color: #fff; border-radius: 5px; }
#tm li a.bt_block.bt_d_rv { background: #1d1d1d; }

#gnb { border-top: 1px solid #efefef; }
#gnb>li>a { display: block; border-bottom: 1px solid #efefef; padding: 0 20px; font-size: 15px; font-weight: 700; line-height: 50px; }
#gnb>li>a.bt_open { position: absolute; top: 0; right: 0; width: 45px; height: 50px; border: 0; padding: 0; text-indent: -9999px; }
#gnb>li>a.bt_open i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 2px; width: 2px; border-radius: 2px; background: #695446; }
#gnb>li>a.bt_open i:nth-child(1) { width: 30%; }
#gnb>li>a.bt_open i:nth-child(2) { height: 30%; }
#gnb>li.on>a.bt_open i:nth-child(2) { transform: translate(-50%,-50%) rotate(-270deg); }
#gnb>li .sub { display: none; border-bottom: 1px solid #efefef; }
#gnb>li.on .sub { display: block; }
#gnb>li .sub>ul>li { border-bottom: 1px solid #efefef; padding: 0 20px; }
#gnb>li .sub ul li:last-child { border: 0; }
#gnb>li .sub ul li a { display: block; font-size: 13px; line-height: 45px; }
#gnb>li .sub>ul>li>a { padding: 0 10px; }
#gnb>li .sub ul li ul { border-top: 1px solid #efefef; background: #fff8f3; margin: 0 -20px; padding: 10px 40px; }
#gnb>li .sub ul li ul li { border: 0; margin-right: 20px; }
#gnb>li .sub ul li ul li a { font-size: 12px; line-height: 30px; color: #695446; font-weight: 700; }
#gnb>li .sub ul li ul li a { display: inline-block; max-width: 125px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#gnb>li .sub .m_ph .ph { padding-bottom: 65.879%; background: center center/cover; }
#gnb>li .sub .m_ph .ph::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }
#gnb>li .sub .m_ph .tx { position: absolute; bottom: 20px; left: 20px; right: 20px; color: #fff; font-size: 11px; line-height: 170%; }
#gnb>li .sub .m_ph .tx .tit { font-size: 14px; font-weight: 700; margin-bottom: 8px; }


/* main */
.mt_slider .swiper-slide { height: 100vh; background: center 0/cover; }
.mt_slider .swiper-pagination-progress { background: rgba(255, 255, 255, 0.3); border-radius: 2px; }
.mt_slider .swiper-pagination-progress .swiper-pagination-progressbar { background: #fff; border-radius: 2px; }
.mt_slider .swiper-container-horizontal > .swiper-pagination-progress { width: auto; height: 3px; left: 45px; right: 45px; top: auto; bottom: 105px; }
.mt_slider .tx { position: absolute; top: 50%; left: 20px; right: 20px; transform: translateY(-50%); font-size: 14px; color: #fff; text-align: center; z-index: 1; }
.mt_slider .tx .tit { font-size: 30px; font-weight: 700; margin-bottom: 25px; }
.mt_slider .tx p { line-height: 152%; }
.mt_slider .t_img { height: 100vh; background: center 0/cover; }

#main_container { background: #f6f0ec; }
#main_container h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 30px; line-height: 100%; font-weight: 300; }

.m_se { padding: 50px 20px; background: #f6f0ec; }
.m_se h2 { text-align: center; margin-bottom: 20px; }
.m_se .btn { text-align: center; margin-bottom: 25px; }
.m_se .btn a { color: #969696; font-weight: 700; }
.m_se .slider { overflow: hidden; margin: 0 -20px; padding: 0 20px; }
.m_se .slider .swiper-container { overflow: visible; }
.m_se .slider .swiper-slide { width: calc(100% - 30px); background: #fff; border-radius: 7px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.m_se .slider .ph { padding-bottom: 75%; background: no-repeat center center/cover; border-radius: 7px; }
.m_se .slider .tx { padding: 25px; overflow: hidden; }
.m_se .slider .tx .tit { font-size: 16px; color: #000; font-weight: 700; line-height: 100%; margin-bottom: 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_se .slider .tx dl { line-height: 200%; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_se .slider .tx dl dt { display: inline-block; font-weight: 700; margin-right: 12px; }
.m_se .slider .tx dl dd { display: inline; color: #787878; }
.m_se .swiper-pagination { position:relative; bottom: auto; left: auto; right: auto; margin-top: 25px; }
.m_se .swiper-pagination-bullet { width:7px; height:7px; opacity: 1; background: rgba(105,84,70,0.3); border-radius: 8px; vertical-align: top; margin: 0 5px !important; }
.m_se .swiper-pagination-bullet-active { width: 30px; background: #695446; }

.m_house .swiper-slide { padding-bottom: 155%; background: no-repeat center center/cover; }
.m_house .swiper-slide::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%); }
.m_house .swiper-slide .tx { position: absolute; bottom: 35px; left: 20px; right: 20px; z-index: 1; }
.m_house .swiper-slide .tx .cate { font-size: 11px; color: #efddd1; font-weight: 700; line-height: 100%; margin-bottom: 10px; }
.m_house .swiper-slide .tx .name { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 30px; color: #fff; font-weight: 300; line-height: 100%; margin-bottom: 15px; }
.m_house .swiper-slide .tx p { font-size: 12px; color: #fff; line-height: 175%; margin-bottom: 25px; }
.m_house .swiper-slide .tx .bt_learn_more { display: block; line-height: 55px; background: #695446; border-radius: 7px; font-size: 14px; color: #fff; font-weight: 700; text-align: center; }
.m_house .swiper-button-prev,
.m_house .swiper-button-next { width: 20px; height: 50px; transform: translateY(-50%); background: no-repeat center center/100% 100%; }
.m_house .swiper-button-prev { left: 13px; background-image: url(../images/m_house_bt_prev.png); }
.m_house .swiper-button-next { right: 13px; background-image: url(../images/m_house_bt_next.png); }

.m_magazine { padding: 40px 20px; }
.m_magazine .ph { padding-bottom: 95.83%; background: center center/cover; border-radius: calc(20/1080*100vw); overflow: hidden; }
.m_magazine .ph::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.1); }
.m_magazine .ph::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 30%; background: linear-gradient(to top, rgba(0,0,0,0.92) 0%,rgba(0,0,0,0) 100%); }
.m_magazine .flag { position: absolute; top: 0; right: calc(60/1080*100vw); width: calc(60/1080*100vw); height: calc(97/1080*100vw); background: url(../images/m_mg_flag.png) 0/100% 100%; }
.m_magazine h2 { position: absolute; left: 20px; bottom: 25px; font-size: 30px; color: #fff; }
.m_magazine h2 span { display: block; font-family: Pretendard; font-size: 11px; color: #efddd1; font-weight: 700; line-height: 100%; margin-bottom: 5px; }
.m_magazine .bt_learn_more { position: absolute; bottom: 30px; right: 20px; font-size: 12px; color: #fff; font-weight: 700; }

.m_sm { padding: 20px; }
.m_sm h2 { text-align: center; margin-bottom: 15px; }
.m_sm .t_guide { color: #787878; text-align: center; margin-bottom: 15px; }
.m_sm ul li { margin-bottom: 45px; }
.m_sm ul li .ph { padding-bottom: 67%; background: no-repeat center center/cover; border-radius: 7px; margin-bottom: 20px; }
.m_sm ul li .tx .tit { font-size: 16px; font-weight: 700; margin-bottom: 7px; }
.m_sm ul li .tx p { color: #787878; }

.m_gd h2 { position: absolute; bottom: 85px; left: 20px; color: #fff; z-index: 2; }
.m_gd .swiper-slide { padding-bottom: 124%; background: no-repeat center center/cover; }
.m_gd .swiper-slide .bt_view_detail { z-index: 1; }
.m_gd .swiper-slide::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 30%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 85%); }
.m_gd .swiper-button-pagination { position: absolute; bottom: 30px; left: 20px; right: 20px; z-index: 2; }
.m_gd .swiper-button-pagination span { float: left; width: auto; height: auto; background: none; margin: 0 20px 0 0 !important; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-weight: 300; font-size: 15px; color: rgba(255, 255, 255, 0.3); padding-bottom: 15px; }
.m_gd .swiper-button-pagination .swiper-pagination-bullet-active { color: #fff; }
.m_gd .swiper-button-pagination .swiper-pagination-bullet-active::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; background: #fff; border-radius: 100%; }
.m_gd .swiper-button-pagination span:nth-child(1):before { content: 'WOODY PLATE'; }
.m_gd .swiper-button-pagination span:nth-child(2):before { content: 'PARK689'; }
.m_gd .swiper-button-pagination span:nth-child(3):before { content: 'DELI'; }
.m_gd .swiper-button-pagination span:nth-child(4):before { content: 'IN-ROOM DINING'; }
.m_gd .swiper-button-prev,
.m_gd .swiper-button-next { width: 20px; height: 50px; transform: translateY(-50%); background: no-repeat center center/100% 100%; }
.m_gd .swiper-button-prev { left: 13px; background-image: url(../images/m_house_bt_prev.png); }
.m_gd .swiper-button-next { right: 13px; background-image: url(../images/m_house_bt_next.png); }

.m_mbs { padding: 55px 20px 75px; }
.m_mbs .ph { padding-bottom: 67.5%; background: url(../images/m_mbs_img.png) no-repeat center center/cover; border-radius: 7px; margin-bottom: 18px; }
.m_mbs .tx .cate { font-size: 11px; color: #937a67; font-weight: 700; margin-bottom: 7px; letter-spacing: 0.5px; }
.m_mbs .tx h2 { margin-bottom: 15px; }
.m_mbs .tx p { font-size: 12px; color: #787878; line-height: 175%; margin-bottom: 30px; }
.m_mbs .tx .bt_app_counsel { display: block; line-height: 55px; background: #695446; border-radius: 7px; font-size: 14px; color: #fff; font-weight: 700; }

.mobile_key { position: fixed; top: 50px; left: 0; right: 0; bottom: 75px; background: url(../images/mobilekey_bg.png) center center/cover; min-height: 550px; }
.mobile_key > * { position: absolute; left: 0; right: 0; }
.mobile_key .t_area { top: 0; height: 30%; }
.mobile_key .t_area .tx { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; }
.mobile_key .t_area .tx .hello { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 60px; color: #fff; line-height: 100%; font-weight: 300; }
.mobile_key .t_area .tx .b_tx { font-size: 12px; color: #bfb3ae; font-weight: 700; margin-top: 10px; }
.mobile_key .code_write { bottom: 0; height: calc(70% - 35px); max-height: 700px; }
.mobile_key .code_write > * { position: absolute; left: 0; right: 0; text-align: center; }
.mobile_key .code_write .guide { top: 0; font-size: 14px; line-height: 40px; color: #fff; font-weight: 700; text-align: center; }
.mobile_key .code_write .dots { top: 40px; padding: 12px 0; }
.mobile_key .code_write .dots li { display: inline-block; width: 14px; height: 14px; border-radius: 100%; background: rgba(255,255,255,0.2); margin: 0 18px; }
.mobile_key .code_write .dots li.on { background: rgba(255,255,255,1); }
.mobile_key .code_write .keypad { top: 85px; bottom: 85px; }
.mobile_key .code_write .keypad li { float: left; width: 33.3333%; height: 25%; }
.mobile_key .code_write .keypad li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: no-repeat center center/auto 22px; text-indent: -9999px; text-align: left; }
.mobile_key .code_write .keypad li a:active { background-color: rgba(255, 255, 255, 0.1); }
.mobile_key .code_write .keypad li a.n01 { background-image: url(../images/kp_num01.png); }
.mobile_key .code_write .keypad li a.n02 { background-image: url(../images/kp_num02.png); }
.mobile_key .code_write .keypad li a.n03 { background-image: url(../images/kp_num03.png); }
.mobile_key .code_write .keypad li a.n04 { background-image: url(../images/kp_num04.png); }
.mobile_key .code_write .keypad li a.n05 { background-image: url(../images/kp_num05.png); }
.mobile_key .code_write .keypad li a.n06 { background-image: url(../images/kp_num06.png); }
.mobile_key .code_write .keypad li a.n07 { background-image: url(../images/kp_num07.png); }
.mobile_key .code_write .keypad li a.n08 { background-image: url(../images/kp_num08.png); }
.mobile_key .code_write .keypad li a.n09 { background-image: url(../images/kp_num09.png); }
.mobile_key .code_write .keypad li a.n00 { background-image: url(../images/kp_num00.png); }
.mobile_key .code_write .keypad li a.bt_delete { background-image: url(../images/bt_mobilekey_delete.png); background-size: auto 15px; }
.mobile_key .code_write .bt_checkin { position: absolute; bottom: 15px; left: 13px; right: 13px; line-height: 55px; background: #6a5447; border-radius: 3px; color: #fff; font-weight: 700; text-align: center; }

.checkout { padding: 40px 20px 27px; }
.checkout h2 { font-size: 30px; text-align: center; margin-bottom: 50px; }
.checkout .guide { line-height: 135%; margin-bottom: 70px; }
.checkout .guide .name { font-size: 20px; font-weight: 700; margin-bottom: 10px; }

.checkout .pay_info { background: #f5f1ee; margin-bottom: 25px; }
.checkout .pay_info .t_area { padding: 15px 20px; border-bottom: 1px solid #dcdcdc; }
.checkout .pay_info .t_area h3 { font-size: 20px; padding-left: 35px; background: url(../images/ic_pay_info.png) no-repeat 0 center/auto 18px; margin-bottom: 12px; }
.checkout .pay_info .t_area p { font-size: 11px; line-height: 170%; }
.checkout .pay_info .total { padding: 12px 20px; font-size: 11px; color: #969696; }
.checkout .pay_info .total dt { position: absolute; top: 17px; left: 20px; }
.checkout .pay_info .total dd { text-align: right; }
.checkout .pay_info .total dd b { display: block; font-size: 20px; font-weight: 700; color: #000; margin-bottom: 5px; }

.check_io .agree_check { margin-bottom: 20px; font-weight: 700; }
.check_io .agree_check .bt_view_agreement_all { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding-right: 12px; background: url(../images/ar_mbs_view_all.png) no-repeat right center/6px auto; }
.check_io .bt_b_block.off { background: #c8c8c8; opacity: 1; }

.checkin { padding: 40px 20px 27px; }
.checkin h2 { font-size: 30px; text-align: center; margin-bottom: 50px; }
.checkin .t_guide { font-size: 11px; color: #787878; margin-bottom: 28px; }
.checkin .rv_con { margin-bottom: 140px; }
.checkin .rv_con dt { font-weight: 700; padding-left: 6px; margin-bottom: 6px; }
.checkin .rv_con dd { border: 1px solid #dcdcdc; padding: 20px; transition: none; }
.checkin .rv_con.c_br dd { background: #695446; border-color: #695446; color: #fff !important; }
.checkin .rv_con dd.c_br { background: #695446; border-color: #695446; color: #fff !important; }
.checkin .rv_con dd>* { transition: none !important; }
.checkin .rv_con dd .h_name { font-size: 20px; font-weight: 700; margin-bottom: 7px; }
.checkin .rv_con dd .state { position: absolute; top: 20px; right: 20px; width: 78px; border: 1px solid #695446; background: #695446; line-height: 28px; border-radius: 20px; font-size: 11px; color: #fff; font-weight: 700; text-align: center; }
.checkin .rv_con dd .state.wh { background: #fff; color: #695446; }
.checkin .rv_con dd .room { font-size: 14px; font-weight: 700; color: #695446; margin-bottom: 8px; }
.checkin .rv_con.c_br dd .room { color: #fff; }
.checkin .rv_con dd.c_br .room  { color: #fff; }
.checkin .rv_con dd .period { margin-bottom: 20px; }
.checkin .rv_con dd .bt_rv_info_confirm { display: inline-block; font-weight: 700; padding-right: 12px; background: url(../images/ar_mbs_view_all.png) no-repeat right center/6px auto; }
.checkin .rv_con.c_br dd .bt_rv_info_confirm { color: #fff;  background-image: url(../images/ar_mbs_view_all_wh.png); }
.checkin .rv_con dd.c_br .bt_rv_info_confirm { color: #fff;  background-image: url(../images/ar_mbs_view_all_wh.png); }
.checkin .rv_con dd.rv_con_item { margin-bottom: 15px; }

.pc_list { margin-bottom: 30px; }
.pc_list dt { font-weight: 700; margin-bottom: 10px; }
.pc_list dd li { padding-left: 10px; margin-bottom: 8px; }
.pc_list dd li::before { content: '·'; position: absolute; top: 0; left: 0; }
.pc_list dd li a { text-decoration: underline; }

.check_agree { padding: 40px 20px 30px; font-size: 11px; line-height: 190%; }
.check_agree .t_tx { font-weight: 700; margin-bottom: 12px; }
.check_agree dl { padding-bottom: 27px; border-bottom: 1px solid #dcdcdc; margin-bottom: 27px; }
.check_agree dl:last-child { border: 0; margin: 0; }
.check_agree dl dt { font-size: 13px; font-weight: 700; margin-bottom: 18px; }
.check_agree dl.etc dt { font-size: 11px; margin-bottom: 0; }
.check_agree dl dd b { display: block; }

.checkin_rv_info { padding: 40px 20px 100px; }
.checkin_rv_info dl { margin-bottom: 18px; }
.checkin_rv_info dl dt { position: absolute; top: 0; left: 0; }
.checkin_rv_info dl dd { text-align: right; font-weight: 700; }

.checkin_card_regi { padding: 45px 20px 75px; }
.checkin_card_regi .rv_g_info { margin-bottom: 33px; }
.checkin_card_regi .rv_g_info .rv_num { font-weight: 700; margin-bottom: 10px; }
.checkin_card_regi .rv_g_info .g_info { border: 1px solid #dcdcdc; font-size: 11px; padding: 20px; }
.checkin_card_regi .rv_g_info .g_info dl { margin-bottom: 13px; }
.checkin_card_regi .rv_g_info .g_info dl:last-child { margin: 0; }
.checkin_card_regi .rv_g_info .g_info dl dt { position: absolute; top: 0; left: 0; font-weight: 700; }
.checkin_card_regi .rv_g_info .g_info dl dd { margin-left: 70px; }
.checkin_card_regi .cus_info h2 { font-size: 14px; margin-bottom: 26px; }
.checkin_card_regi .cus_info dl { margin-bottom: 20px; }
.checkin_card_regi .cus_info dl:last-child { margin: 0; }
.checkin_card_regi .cus_info dl dt { font-size: 11px; font-weight: 700; margin-bottom: 7px; }
.checkin_card_regi .cus_info dl dt i { color: #ff0000; }
.checkin_card_regi .cus_info dl dd input[type=text] { width: 100%; height: 40px; padding: 0 15px; font-size: 11px; border: 1px solid #dcdcdc; font-weight: 700; }
.checkin_card_regi .cus_info dl dd.ty2 input[type=text] { border: 0; }
.checkin_card_regi .cus_info dl dd.ty2::after { content: ''; position: absolute; bottom: 0; left: 16px; right: 0; height: 1px; background: #000; }
.checkin_card_regi .line { height: 27px; border-bottom: 1px solid #dcdcdc; margin-bottom: 27px; }
.checkin_card_regi .car_regi h2 { font-size: 14px; margin-bottom: 7px; }
.checkin_card_regi .car_regi .t_guide { font-size: 11px; color: #969696; line-height: 175%; margin-bottom: 20px; }
.checkin_card_regi .car_regi dl { margin-bottom: 20px; }
.checkin_card_regi .car_regi dl:last-child { margin: 0; }
.checkin_card_regi .car_regi dl dt { font-size: 11px; font-weight: 700; margin-bottom: 7px; }
.checkin_card_regi .car_regi dl dd input[type=text] { width: 100%; height: 40px; padding: 0 15px; font-size: 11px; border: 1px solid #dcdcdc; font-weight: 700; }


/*resort*/
/*.po_resort .section { height: calc(100vh - 125px); background: center center/cover; }*/
.po_resort .section { background: center center/cover; }
.po_resort .section.p01 { overflow: hidden; }/*TODO 2023-03-01 : 프라나오너스 상단 영상 영역 사이즈 자동조절 및 하단 p02영역 사이즈 제대로 나옴.*/
/*.po_resort .section.p01 { background-image: url(../images/p01_bg.png); overflow: hidden; }
.po_resort .section.p03 { background-image: url(../images/p03_bg.png); }
.po_resort .section.p05 { background-image: url(../images/p05_bg.png); }*/
.section.p06 { background: #f2ede9; z-index: 1; }

#bg_video { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); overflow:hidden; width:auto; height:auto; min-width:100%; min-height:100%; }

.po_resort .p01 .tx { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-52%); text-align: center; }
.po_resort .p01 .tx:before { content: ''; display: block; height: 25px; background: url(../images/p01_mountain.png) no-repeat center 0/auto 100%; margin-bottom: 15px; }
.po_resort .p01 .tx h2 { font-size: 30px; line-height: 128%; color: #fff; margin-bottom: 25px; }
.po_resort .p01 .tx h2 span { display: block; transition: none; }
.po_resort .p01 .tx p { font-size: 12px; line-height: 168%; color: #fff; }
.po_resort .p01 .tx .bt_contact_us { display: block; width: 140px; line-height: 55px; background: #fff; border-radius: 30px; margin: 0 auto; font-size: 21px; color: #000; font-weight: 700; text-align: center; margin-top: 20px; }
.po_resort .p01 .scroll { position: absolute; bottom: 22px; left: 0; right: 0; padding-bottom: 57px; text-align: center; font-size: 12px; color: #fff; font-weight: 700; background: url(../images/ar_po_resort_scroll.png) no-repeat center bottom/auto 45px; }

.po_resort .p02 .tx { position: absolute; top: calc(100% - 230px); left: 0; right: 0; padding: 25px 20px; }
.po_resort .p02 .tx h2 { font-size: 20px; line-height: 133%; margin-bottom: 15px; }
.po_resort .p02 .tx h2 span { display: block; color: #937a67; }
.po_resort .p02 .tx p { font-size: 11px; color: #787878; line-height: 175%; }
.po_resort .p02 .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 230px; }
/*.po_resort .p02 .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 230px; background: url(../images/p02_bg.png) center center/cover; }*/

.po_resort .p03 .tx { position: absolute; bottom: 35px; left: 20px; }
.po_resort .p03 .tx h2 { font-size: 20px; color: #fff; line-height: 133%; margin-bottom: 15px; }
.po_resort .p03 .tx p { font-size: 11px; color: #fff; line-height: 175%; padding-left: 3px; }

.po_resort .p04 .ph { position: absolute; background: center center/cover; }
.po_resort .p04 .ph.ph01 { top: 20px; left: 0; bottom: auto; height: 35%; width: 80%; }
.po_resort .p04 .ph.ph02 { top: calc(35% + 35px); bottom: 200px; width: 85%; right: 0; }
/*.po_resort .p04 .ph.ph01 { top: 20px; left: 0; bottom: auto; height: 35%; width: 80%; background-image: url(../images/p04_ph01.png); }
.po_resort .p04 .ph.ph02 { top: calc(35% + 35px); bottom: 200px; width: 85%; right: 0; background-image: url(../images/p04_ph02.png); }*/

.po_resort .p04 .ph .tit { position: absolute; font-size: 11px; color: #7e7469; font-weight: 700; }
.po_resort .p04 .ph .tit span { color: #caa98b; }
.po_resort .p04 .ph.ph01 .tit { left: calc(100% - 137px); bottom: 145px; width: 300px; transform: rotate(-90deg); }
.po_resort .p04 .ph.ph02 .tit { left: 0; bottom: -20px; }

.po_resort .p04 .tx { position: absolute; bottom: 20px; left: 20px; right: 20px; }
.po_resort .p04 .tx h2 { font-size: 20px; color: #000; line-height: 133%; margin-bottom: 15px; }
.po_resort .p04 .tx h2 span { color: #937a67; }
.po_resort .p04 .tx p { font-size: 11px; color: #787878; line-height: 175%; }

.po_resort .p05 .tx { position: absolute; top: 50%; left: 20px; right: 20px; transform: translateY(-52%); text-align: center; }
.po_resort .p05 .tx h2 { font-size: 27px; color: #fff; margin-bottom: 15px; }
.po_resort .p05 .tx h2 span { color: #ffe8cd; transition: none; }
.po_resort .p05 .tx h2 em { display: block; transition: none; }
.po_resort .p05 .tx p { font-size: 11px; line-height: 200%; color: #fff; }

.po_resort .p06 { height: auto; padding: 30px 0; }
.po_resort .p06 .bt_contact_us { display: block; width: 140px; line-height: 55px; background: #937a67; border-radius: 30px; margin: 0 auto; font-size: 21px; color: #fff; font-weight: 700; text-align: center; }

.pu_contact_us { position: fixed; top: 200%; left: 0; right: 0; bottom: -200%; background: #f2ede9; overflow: hidden; overflow-y: auto; z-index: 99; }
.pu_contact_us.on { top: 0; bottom: 0; }
.pu_contact_us .bt_close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: url(../images/bt_pu_close.png) 0/100% 100%; text-indent: -9999px; }

.contact_us { padding: 40px 20px 20px; }
.contact_us h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 24px; font-weight: 300; text-align: center; margin-bottom: 40px; }
.contact_us .wrap { background: #fff; padding: 25px 20px; }
.contact_us .t_guide { font-size: 11px; line-height: 175%; text-align: center; margin-bottom: 35px; }
.contact_us .form dl { margin-bottom: 25px; }
.contact_us .form dl dt { font-size: 11px; color: #787878; line-height: 100%; font-weight: 700; letter-spacing: 0.5px; }
.contact_us .form dl dt span { color: #937a67; }
.contact_us .form input[type=text] { width: 100%; height: 40px; border: 0; background: none; border-bottom: 2px solid #dcdcdc; font-size: 12px; color: #000; font-weight: 700; outline: 0; }
.contact_us .form dl dd.adr input { padding-left: 110px; }
.contact_us .form dl dd.check:after { content: ''; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 16px; height: 10px; background: url(../images/form_check.png); }
.contact_us .form dl dd .bt_find_adr { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 70px; line-height: 30px; border-radius: 16px; background: #937a67; font-size: 11px; color: #fff; font-weight: 500; text-align: center; }
.contact_us .form dl.paths dt { margin-bottom: 10px; }
.contact_us .form dl.paths dd .cb { margin: 0; }
.contact_us .form dl.paths dd .cb li { line-height: 40px; font-size: 11px; }
.contact_us .form dl.inquiry dt { margin-bottom: 14px; }
.contact_us .form dd textarea { width: 100%; height: 135px; border: 2px solid #dcdcdc; outline: 0; padding: 20px; font-size: 16px; font-weight: 700; }
.contact_us .agree dl { margin-bottom: 45px; color: #6d5743; }
.contact_us .agree dl dt { font-size: 11px; line-height: 100%; font-weight: 700; letter-spacing: 0.5px; border-bottom: 2px solid #937a67; padding-bottom: 15px; margin-bottom: 15px; }
.contact_us .agree dl dt span { color: #937a67; }
.contact_us .agree dl dd { font-size: 11px; color: #000; line-height: 178%; }
.contact_us .agree dl dd .info_way { margin-top: 20px; }
.contact_us .agree dl dd .info_way li { padding-left: 55px; margin-bottom: 20px; }
.contact_us .agree dl dd .info_way li em { position: absolute; top: 0; left: 0; font-size: 11px; color: #937a67; font-weight: 700; }
.contact_us .cb { margin-top: 15px; font-size: 12px; font-weight: 700; color: #000; }
.contact_us .cb span { margin-right: 30px; }
.cb input[type=radio],
.cb input[type=checkbox] { display: none; }
.cb input + label:before { content: ''; display: inline-block; width: 23px; height: 23px; border-radius: 100%; vertical-align: middle; margin: -3px 7px 0 0; background: url(../images/cb.png) 0/100%; }
.cb input:checked + label:before { background-image: url(../images/cb_on.png); }
.contact_us .b_btns { text-align: center; }
.contact_us .b_btns p { font-size: 11px; color: #000; margin-bottom: 15px; }
.contact_us .b_btns a { display: inline-block; width: 175px; line-height: 50px; border-radius: 7px; font-size: 14px; color: #fff; font-weight: 700; text-align: center; margin: 0 10px; }
.contact_us .b_btns a:hover { text-decoration: none; }
.contact_us .b_btns a:after { content: ''; display: inline-block; vertical-align: middle; margin: -3px 0 0 7px; background-size: 100% 100%; }
.contact_us .b_btns a.bt_send { background: #62534c; }
.contact_us .b_btns a.bt_send:after { width: 17px; height: 14px; background-image: url(../images/ic_send.png); }
.contact_us .b_btns a.bt_regi { width: 206px; background: #62534c; }
.contact_us .b_btns a.bt_cancel { width: 206px; background: #c8c8c8; color: #646464; }

.magazine .t_area { height: calc(100vh - 125px); }
/*.magazine .t_area { height: calc(100vh - 125px); background: url(../images/ta_bg_magazine.png) no-repeat center center/cover; }*/
.magazine .t_area .option { position: absolute; top: 30px; left: 10px; right: 10px; display: none; }
.magazine .t_area .option span { float: left; width: calc(50% - 10px); margin: 0 5px; background: #fff; border-radius: 3px; }
.magazine .t_area .option span select { width: 100%; height: 36px; border-radius: 3px; border: 0; font-size: 14px; font-weight: 700; padding: 0 10px; background: none; appearance: none; }
.magazine .t_area .option span::before { content: ''; position: absolute; top: 50%; right: 14px; transform: translateY(-50%); width: 14px; height: 10px; background: url(../images/ar_magazine_sel.png) 0/100% 100%; }

.magazine .t_area .tx { position: absolute; top: 45%; left: 0; right: 0; transform: translateY(-50%); text-align: center; }
.magazine .t_area .tx h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-weight: normal; font-size: 16px; color: #f6e6bf; margin-bottom: 25px; }
.magazine .t_area .tx .tit { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 30px; color: #fff; }
.magazine .t_area .tx .tit span.s_tx { display: block; font-size: 18px; margin-top: 14px; }
.magazine .t_area::after { content: ''; position: absolute; bottom: 60px; left: 0; right: 0; height: 80px; background: url(../images/ar_mg_scroll.png) no-repeat center 0; }
.magazine .wrap { padding: 60px 20px; overflow: hidden; }
.magazine .wrap .con .slider { margin: 0 -20px 65px; padding: 0 20px; }
.magazine .wrap .con .slider .swiper-container { overflow: visible; }
.magazine .wrap .con .slider .swiper-slide { width: 305px; }
.magazine .wrap .con .slider .ph { padding-bottom: 85%; border-radius: 7px; background: no-repeat center center/cover; margin-bottom: 15px; }
.magazine .wrap .con .slider .tx { line-height: 140%; color: #787878; }
.magazine .wrap .con .slider .tx .writer { font-weight: 700; margin-top: 18px; color: #000; }
.magazine .wrap .con .con_tx { font-size: 14px; color: #000; line-height: 187.5%; }
.magazine .wrap .con .con_tx dl { margin-bottom: 80px; }
.magazine .wrap .con .con_tx dl:last-child { margin: 0; }
.magazine .wrap .con .con_tx dl dt { font-size: 18px; line-height: 145%; font-weight: 700; margin-bottom: 20px; }
.magazine .wrap .con .con_tx img { max-width: 100%; }


/*facility common*/
.fc_list { padding: 50px 20px; }
.fc_list h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 53px; color: #cabfb8; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; padding-bottom: 65px; }
.fc_list h2.mb { padding-bottom: 165px; }
.fc_list h2::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 54px; background: #cabfb8; }
.fc_list ul li { margin-bottom: 45px; }
.fc_list ul li:last-child { margin: 0; }
.fc_list ul li .ph { margin-bottom: 15px; border-radius: 10px; overflow: hidden; }
.fc_list ul li .ph img { width: 100%; }
.fc_list ul li .tx span { display: block; color: #937a67; font-weight: 700; margin-bottom: 4px; }
.fc_list ul li .tx .name { font-size: 22px; color: #000; font-weight: 700; margin-bottom: 12px; }
.fc_list ul li .tx p { color: #787878; line-height: 155%; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }

.fc_detail .t_area { position: fixed; top: 50px; left: 0; right: 0; transition: none; z-index: 1; }
.fc_detail .t_area.sm { top: 106px; }
.fc_detail .t_area_gap { padding-bottom: 98%; transition: none; }
.fc_detail .t_area_gap.sm { padding-bottom: calc(100% + 50px); }
.fc_detail .t_area .swiper-slide { padding-bottom: 100%; background: no-repeat center center/cover; }
.fc_detail .t_area .swiper-button-prev,
.fc_detail .t_area .swiper-button-next { width: 22px; height: 65px; transform: translateY(-50%); background: no-repeat center center/100% auto; }
.fc_detail .t_area .swiper-button-prev { left: 13px; background-image: url(../images/mt_slider_prev.png); }
.fc_detail .t_area .swiper-button-next { right: 13px; background-image: url(../images/mt_slider_next.png); }
.fc_detail .t_area.bg_w .swiper-button-prev,
.fc_detail .t_area.bg_w .swiper-button-next { width: 43px; height: 110px; }
.fc_detail .t_area.bg_w .swiper-button-prev { left: 74px; background-image: url(../images/m_house_bt_prev.png); }
.fc_detail .t_area.bg_w .swiper-button-next { right: 74px; background-image: url(../images/m_house_bt_next.png); }
.fc_detail .t_area .t_img { padding-bottom: 98%; background: no-repeat center center/cover; }
.fc_detail .t_area h2 { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 33px; color: #fff; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; }

.fc_detail .contents { background: #fff; border-radius: 20px 20px 0 0; padding: 40px 20px 0; margin-top: -20px; z-index: 1; }
.fc_detail .contents.no_banner { padding-top: 60px; }
.fc_detail .contents::before { content: ''; position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 22px; height: 9px; background: url(../images/ar_fc_detail_top.png) 0/100% 100%; }
.fc_detail .contents.no_banner::before { display: none; }
.fc_detail .contents h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 35px; color: #000; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; z-index: 1; margin-bottom: 10px; }
.fc_detail .contents h2.kr { font-family: Pretendard; font-size: 33px; font-weight: 700; }
.fc_detail .contents h3 { font-size: 14px; color: #695446; text-align: center; margin-bottom: 30px; }
.fc_detail .contents h3.eng { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-weight: 300; }
.fc_detail .contents .bt_rv { display: block; width: 176px; line-height: 50px; background: #695446; border-radius: 7px; font-size: 14px; color: #fff; font-weight: 700; text-align: center; margin: 0 auto 25px; }
.fc_detail .contents .bt_go_instagram { display: block; line-height: 43px; border: 1px solid #695446; color: #695446; font-weight: 700; text-align: center; margin: 0 auto 10px; }
.fc_detail .contents .bt_go_instagram.ty2 { background: #695446; color: #fff; margin-bottom: 25px; }
.fc_detail .contents .t_guide { color: #787878; line-height: 155%; text-align: center; margin-bottom: 35px; }
.fc_detail .contents .information { margin-bottom: 50px; }
.fc_detail .contents .information h4 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 23px; color: #000; line-height: 100%; font-weight: 300; text-align: center; margin-bottom: 18px; }
.fc_detail .contents .information .info { padding: 33px 0; border: 1px solid #000; border-width: 1px 0; margin-bottom: 50px; }
.fc_detail .contents .information dl { margin-bottom: 18px; line-height: 167%; }
.fc_detail .contents .information dl dt { background: no-repeat 0 center/auto 16px; color: #787878; padding-left: 30px; margin-bottom: 3px; }
.fc_detail .contents .information dl.area dt { background-image: url(../images/ic_im_area.png); }
.fc_detail .contents .information dl.limit dt { background-image: url(../images/ic_im_limit.png); background-position: 0 center; }
.fc_detail .contents .information dl.type dt { background-image: url(../images/ic_im_type.png); }
.fc_detail .contents .information dl.amenity dt { background-image: url(../images/ic_im_amenity.png); background-position: 4px center; }
.fc_detail .contents .information dl dd { padding-left: 30px; }
.fc_detail .contents .information dl dd i { margin: 0 5px; }
.fc_detail .contents .im_d_guide { font-size: 11px; color: #787878; line-height: 175%; margin-bottom: 18px; }
.fc_detail .contents .im_d_guide li { padding-left: 10px; }
.fc_detail .contents .im_d_guide li::before { content: '·'; position: absolute; top: 0; left: 0; }
.bt_view_fp { display: block; width: 172px; line-height: 46px; border: 2px solid #695446; border-radius: 7px; font-size: 14px; color: #695446; font-weight: 700; text-align: center; margin: 0 auto; }
.bt_view_fp:hover { text-decoration: none; }
.bt_view_fp::before { content: ''; display: inline-block; width: 13px; height: 13px; background: url(../images/ic_view_fp.png) 0/100%; vertical-align: middle; margin: -3px 7px 0 0; }

.fc_detail .contents .gallery { overflow: hidden; margin: 0 -20px; padding: 0 20px 45px; }
.fc_detail .contents .gallery h4 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 24px; color: #000; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 15px; }
.fc_detail .contents .gallery .swiper-container { overflow: visible; }
.fc_detail .contents .gallery .swiper-slide { width: calc(100% - 15px); }
.fc_detail .contents .gallery .swiper-slide .ph { padding-bottom: 85%; border-radius: 7px; background: no-repeat center center/cover; }
.fc_detail .contents .gallery .swiper-slide .tx { color: #787878; text-align: center; margin-top: 10px; }
.fc_detail .contents .gallery .swiper-slide .tx b { display: block; font-size: 14px; color: #000; font-weight: 800; margin-bottom: 5px; }

.fc_detail .contents .gallery .video { padding-bottom: 56.25%; }
.fc_detail .contents .gallery .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fc_detail .contents .other { margin: 0 -20px; }
.fc_detail .contents .other h4 { font-size: 22px; color: #000; line-height: 100%; text-align: center; margin-bottom: 15px; }
.fc_detail .contents .other .ph { padding-bottom: 107.4%; background: no-repeat center center/cover; }
.fc_detail .contents .other .ph::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 45%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); }
.fc_detail .contents .other .ph a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: -9999px; z-index: 1; }
.fc_detail .contents .other .tx { position: absolute; bottom: 55px; left: 20px; right: 20px; color: #fff; }
.fc_detail .contents .other .tx .name { font-size: 16px; font-weight: 700; line-height: 100%; margin-bottom: 15px; }
.fc_detail .contents .other .tx p { line-height: 155%; }
.fc_detail .contents .other .swiper-pagination { position: absolute; bottom: 30px; left: 0; right: 0; height: 7px; }
.fc_detail .contents .other .swiper-pagination-bullet { width:7px; height:7px; opacity: 1; background: #dcdcdc; border-radius: 4px; vertical-align: top; margin: 0 5px !important; }
.fc_detail .contents .other .swiper-pagination-bullet-active { width: 30px; background: #fff; }

.use_guide { padding-bottom: 50px; }
.use_guide .unit { padding: 33px 0; margin-bottom: 7px; }
.use_guide .unit:last-child { border-bottom: 1px solid #000; margin: 0; }
.use_guide .unit.last { border-bottom: 1px solid #000; margin: 0 0 25px; }
.use_guide h4 { font-size: 21px; line-height: 100%; text-align: center; padding-bottom: 17px; border-bottom: 1px solid #000; }
.use_guide dl { line-height: 172%; margin-bottom: 20px; }
.use_guide dl:last-child { margin: 0; }
.use_guide dl dt { font-weight: 700; }
.use_guide dl dd .mld { padding-left: 35px; }
.use_guide dl dd .mld.price { padding-left: 75px; }
.use_guide dl dd .mld span { position: absolute; top: 0; left: 0; }
.use_guide .g_tx { color: #787878; font-size: 11px; }
.use_guide .b_guide { font-size: 11px; color: #787878; line-height: 178%; }
.use_guide .menu_download { margin-top: 25px; text-align: center; }
.use_guide .menu_download a { display: block; width: 174px; line-height: 45px; border: 1px solid #695446; border-radius: 5px; font-size: 12px; color: #695446; font-weight: 700; text-align: center; margin: 0 auto 25px; }
.use_guide .menu_download a:last-child { margin-bottom: 0; }
.use_guide .menu_download a:hover { text-decoration: none; }
.use_guide .menu_download a::before { content: ''; display: inline-block; width: 13px; height: 15px; background: url(../images/ic_menu_download.png) 0/100% 100%; vertical-align: middle; margin: -3px 10px 0 0; }

.use_guide .dot_list li { font-size: 11px; padding-left: 8px; color: #787878; }
.use_guide .dot_list li::before { content: '·'; position: absolute; top: 0; left: 0; }
.use_guide .g_info { color: #000; line-height: 181%; }
.use_guide .g_info.c_grey { color: #787878; font-size: 11px; }
.use_guide .g_info .dot_list { margin: 0 0 3px 17px; }
.use_guide .g_info .dot_list:last-child { margin-bottom: 0; }

.special_exp { padding: 50px 20px; background: #f6f0ec; z-index: 1; }
.special_exp h4 { font-size: 22px; text-align: center; margin-bottom: 12px; }
.special_exp .btn { text-align: center; margin-bottom: 25px; }
.special_exp .btn a { color: #969696; font-weight: 700; }
.special_exp .slider { overflow: hidden; margin: 0 -20px; padding: 0 20px; }
.special_exp .slider .swiper-container { overflow: visible; }
.special_exp .slider .swiper-slide { width: calc(100% - 30px); background: #fff; border-radius: 7px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.special_exp .slider .ph { padding-bottom: 75%; background: no-repeat center center/cover; border-radius: 7px; }
.special_exp .slider .tx { padding: 25px; overflow: hidden; }
.special_exp .slider .tx .tit { font-size: 16px; color: #000; font-weight: 700; line-height: 100%; margin-bottom: 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.special_exp .slider .tx dl { line-height: 200%; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.special_exp .slider .tx dl dt { display: inline-block; font-weight: 700; margin-right: 15px; }
.special_exp .slider .tx dl dd { display: inline; color: #787878; }

.special_exp .swiper-pagination { position:relative; bottom: auto; left: auto; right: auto; margin-top: 25px; }
.special_exp .swiper-pagination-bullet { width:7px; height:7px; opacity: 1; background: rgba(105,84,70,0.3); border-radius: 8px; vertical-align: top; margin: 0 5px !important; }
.special_exp .swiper-pagination-bullet-active { width: 30px; background: #695446; }

.mbs_info_download { text-align: center; margin-bottom: 50px; }
.mbs_info_download a { display: inline-block; font-size: 14px; line-height: 100%; font-weight: 700; letter-spacing: -0.5px; padding-bottom: 10px; }
.mbs_info_download a::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #000; }
.mbs_info_download i { display: inline-block; width: 14px; height: 14px; background: url(../images/ic_mbs_info_download.png) 0/100% 100%; vertical-align: middle; margin: -3px 0 0 7px; }
.bt_view_fn_program { display: block; width: 225px; line-height: 50px; border: 1px solid #62534c; border-radius: 7px; font-size: 14px; color: #62534c; font-weight: 700; letter-spacing: 1px; margin-top: 35px; letter-spacing: -0.5px; }

.st_menu { position: fixed; top: 50px; left: 0; right: 0; background: #fff; padding: 13px 0; z-index: 10; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
.st_menu li { float: left; width: 33.3333%; text-align: center; }
.st_menu li a { display: inline-block; max-width: calc(100% - 60px); line-height: 30px; font-size: 14px; color: #695446; font-weight: 700; margin-left: -1px; padding: 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st_menu li.on a { background: #695446; color: #fff; border-radius: 15px; }

.st_tab { position: fixed; top: 50px; left: 0; right: 0; background: #fff; padding: 13px 0; z-index: 10; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
.st_tab .swiper-slide { text-align: center; }
.st_tab .swiper-slide a { display: inline-block; max-width: calc(100% - 60px); line-height: 30px; font-size: 14px; color: #695446; font-weight: 700; margin-left: -1px; padding: 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
.st_tab .swiper-slide.on a { background: #695446; color: #fff; border-radius: 15px; }
.st_tab .swiper-button-prev,
.st_tab .swiper-button-next { position: absolute; top: 50%; width: 9px; height: 15px; transform: translateY(-50%); transition: none; background: 0/100% 100%; margin: 0; }
.st_tab .swiper-button-prev { left: 5px; background-image: url(../images/sb_tab_bt_prev.png); }
.st_tab .swiper-button-next { right: 5px; background-image: url(../images/sb_tab_bt_next.png); }
.st_tab .swiper-button-prev.swiper-button-disabled,
.st_tab .swiper-button-next.swiper-button-disabled { opacity:0; }

.t_points { margin-bottom: 40px; text-align: center; }
.t_points ul { display: inline-block; text-align: left; }
.t_points li { padding-left: 9px; line-height: 18px; margin-bottom: 5px; }
.t_points li:last-child { margin: 0; }
.t_points li::before { content: ''; position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #cabfb8; border-radius: 100%; }

.pagination { text-align: center; margin-top: 55px; }
.pagination a { display: inline-block; min-width: 20px; padding: 0 5px; height: 30px; line-height: 30px; vertical-align: top; }
.pagination .bt_pn { background: no-repeat center center/18px auto; text-align: left; text-indent: -9999px; }
.pagination .bt_pn.bt_prev { background-image: url(../images/pn_bt_prev.png); }
.pagination .bt_pn.bt_next { background-image: url(../images/pn_bt_next.png); }
.pagination span { padding: 0 15px; }
.pagination span a.on { background: #695446; border-radius: 25px; color: #fff; font-weight: 700; }
.pagination span a.on:hover { text-decoration: none; }

.sp_exp_cate { position: fixed; top: 50px; left: 0; right: 0; background: #fff; z-index: 10; padding: 13px 3px; }
.sp_exp_cate .swiper-slide { width: auto; }
.sp_exp_cate .swiper-slide a { display: inline-block; line-height: 30px; font-size: 14px; color: #695446; font-weight: 700; margin-left: -1px; padding: 0 14px; margin: 0 7px; }
.sp_exp_cate .swiper-slide.on a { background: #695446; color: #fff; border-radius: 15px; }
.sp_exp_cate_gap { height: 33px; }

.sp_exp_list { padding: 50px 20px; }
.sp_exp_list ul li { margin-bottom: 40px; }
.sp_exp_list ul li:last-child { margin: 0; }
.sp_exp_list ul li .ph { padding-bottom: 83.3%; border-radius: 7px; background: no-repeat center center/cover; margin-bottom: 15px; }
.sp_exp_list ul li .tx .cate { display: block; font-weight: 700; margin-bottom: 4px; }
.sp_exp_list ul li .tx .cate.c01 { color: #a07558; }
.sp_exp_list ul li .tx .cate.c02 { color: #4d804d; }
.sp_exp_list ul li .tx .cate.c03 { color: #c05c7a; }
.sp_exp_list ul li .tx .cate.c04 { color: #732c26; }
.sp_exp_list ul li .tx .tit { font-size: 22px; color: #000; font-weight: 700; margin-bottom: 12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.sp_exp_list ul li .tx .s_tx { color: #787878; line-height: 155%; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }

.se_detail { background: #fff; border-radius: 20px 20px 0 0; padding: 40px 20px 100px; margin-top: -20px; z-index: 1; }
.se_detail .cate { font-weight: 700; text-align: center; margin-bottom: 10px; }
.se_detail .cate.c01 { color: #a07558; }
.se_detail .cate.c02 { color: #4d804d; }
.se_detail .cate.c03 { color: #c05c7a; }
.se_detail .cate.c04 { color: #732c26; }
.se_detail>.tit { font-size: 26px; line-height: 115%; font-weight: 700; letter-spacing: -1px; text-align: center; margin-bottom: 20px; }
.se_detail .s_tx { color: #787878; line-height: 168%; text-align: center; margin-bottom: 15px; }
.se_detail .t_btns { text-align: center; margin-bottom: 50px; }
.se_detail .t_btns .bt_block { display: inline-block; width: 106px; line-height: 36px; border-radius: 5px; font-size: 12px; font-weight: 700; margin: 0 5px; }
.se_detail .bt_like { border: 1px solid #695446; }
.se_detail .bt_like::before { content: ''; display: inline-block; width: 13px; height: 12px; background: url(../images/ic_like.png) 0/100% 100%; vertical-align: middle; margin: -3px 7px 0 0; transition: all 0.3s; }
.se_detail .bt_like.on::before { background-image: url(../images/ic_like_on.png); }
.se_detail .bt_rv { border: 1px solid #695446; background: #695446; color: #fff; }

.se_detail .information { margin-bottom: 30px; }
.se_detail .information h4 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 23px; color: #000; line-height: 100%; font-weight: 300; text-align: center; margin-bottom: 18px; }
.se_detail .information .info { padding: 33px 0; border: 1px solid #000; border-width: 1px 0; line-height: 181%; margin-bottom: 50px; }
.se_detail .information dl { margin-bottom: 18px; line-height: 167%; }
.se_detail .information dl:last-child { margin: 0; }
.se_detail .information dl dt { font-weight: 700; margin-bottom: 3px; }
.se_detail .information dl dd .g_tx { color: #787878; }

.se_detail .bt_list { display: block; width: 176px; line-height: 50px; background: #695446; border-radius: 7px; font-size: 14px; color: #fff; font-weight: 700; margin: 0 auto; }

.bbq_download { margin-top: 25px; text-align: center; }
.bbq_download a { display: inline-block; width: 174px; line-height: 45px; border: 1px solid #695446; border-radius: 5px; font-size: 12px; color: #695446; font-weight: 700; text-align: center; }
.bbq_download a::before { content: ''; display: inline-block; width: 13px; height: 15px; background: url(../images/ic_menu_download.png) 0/100% 100%; vertical-align: middle; margin: -3px 10px 0 0; }

.c_benefit li { margin-bottom: 30px; }
.c_benefit li:last-child { margin: 0; }
.c_benefit li .b_ph { padding-bottom: 68.75%; background: center center/cover; margin-bottom: 12px; }
.c_benefit li .b_tx .tit { font-weight: 700; margin-bottom: 10px; }
.c_benefit li .c_grey { color: #787878; }

.bt_mb_inquiry { display: block; width: 155px; line-height: 57px; background: #695446; border-radius: 5px; font-size: 13px; color: #fff; font-weight: 700; text-align: center; margin: 0 auto 25px; }
.bt_mb_inquiry.main { margin: -135px auto 78px; }
.bt_mb_inquiry:hover { text-decoration: none; }
.bt_mb_inquiry::before { content: ''; display: inline-block; width: 12px; height: 12px; background: url(../images/ic_inquiry.png) 0/100% 100%; vertical-align: middle; margin: -3px 3px 0 0; }

.tb_mb_data { width: 100%; border: 1px solid #4e4b48; font-size: 11px; text-align: center; }
.tb_mb_data th { height: 45px; background: #4e4b48; color: #fff; border-right: 1px solid #fff; }
.tb_mb_data th:last-child { border-right-color: #4e4b48; }
.tb_mb_data td { border: 1px dashed #dcdcdc; border-width: 0 1px 1px; padding: 10px 5px; }
.tb_mb_data tr:last-child td { border-bottom: 1px solid #4e4b48; }
.tb_mb_data td span { display: block; font-size: 12px; }


/*prana_owners_membership*/
.mem_step { padding: 40px 0; border-bottom: 1px solid #dcdcdc; }
.mem_step dl { margin-bottom: 50px; padding-top: 88px; text-align: center; }
.mem_step dl:nth-child(3) { padding-top: 73px; }
.mem_step dl::after { content: ''; position: absolute; top: calc(100% + 19px); left: 50%; transform: translateX(-50%); width: 27px; height: 8px; background: url(../images/mem_step_arrow.png) no-repeat center center/100% 100%; }
.mem_step dl:last-child::after { display: none; }
.mem_step dl::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 75px; background: no-repeat center center/auto 100%; }
.mem_step dl:nth-child(1)::before { background-image: url(../images/mem_step_ill01.png); }
.mem_step dl:nth-child(2)::before { background-image: url(../images/mem_step_ill02.png); }
.mem_step dl:nth-child(3)::before { background-image: url(../images/mem_step_ill03.png); height: 60px; }
.mem_step dl:nth-child(4)::before { background-image: url(../images/mem_step_ill04.png); }
.mem_step dl dt { font-weight: 700; margin-bottom: 10px; }
.mem_step dl dd ul { display: inline-block; text-align: left; padding-right: 10px; }
.mem_step dl dd ul li { padding-left: 10px; font-size: 11px; line-height: 175%; color: #787878; }
.mem_step dl dd ul li::before { content: '-'; position: absolute; top: 0; left: 0; }


/*membership*/
.membership { background: url(../images/membership_bg.png) no-repeat center 0/cover; }
.membership.su { background: #f5f1ee; }
.membership .contents { padding: 50px 20px 95px; }
.membership.su .contents { padding: 80px 20px 65px; }
.membership .contents>h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 36px; color: #fff; line-height: 100%; font-weight: 300; text-align: center; margin-bottom: 17px; }
.membership .contents>.t_guide { font-size: 11px; color: #fff; font-weight: 700; text-align: center; margin-bottom: 30px; }
.membership .contents .login { background: #fff; padding: 33px 33px 50px; }

ul.tab_login { margin-bottom: 30px; }
ul.tab_login:after { content:''; clear:both; display:block; }
ul.tab_login li { float: left; width: 50%; }
ul.tab_login li a { display: block; line-height: 45px; border: 1px solid #dcdcdc; font-size: 13px; color: #787878; text-align: center; }
ul.tab_login li a:hover { text-decoration: none; }
ul.tab_login li.active a { border: 2px solid #695446; line-height: 43px; color: #695446; font-weight: 700; z-index: 1; }
.tab_login_content { display:none; height: 320px; }
.tab_login_content.on { display:block; }
.membership .form { text-align: left; margin-bottom: 25px; }
.membership .form>dl { margin-bottom: 18px; }
.membership .form>dl:last-child { margin: 0; }
.membership .form>dl>dt { font-size: 13px; font-weight: 700; margin-bottom: 5px; }
.membership .form input[type=text],
.membership .form input[type=password] { width: 100%; height: 45px; padding: 0 14px; border: 1px solid #dcdcdc; border-radius: 3px; font-size: 12px; outline: 0; }
.membership .form input[type=text]:read-only { background: #f8f7f5; }
.membership .form .cb { font-weight: 700; padding-top: 8px; }
.membership .form .check_in::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/ic_cal.png) 0/100% 100%; }

.membership .b_btns { font-size: 13px; padding-top: 25px; line-height: 23px; font-weight: 700; text-align: center; }
.membership .b_btns a { display: inline-block; }
.membership .b_btns i { margin: 0 7px; font-weight: normal; }

.bt_b_block { display: block; line-height: 45px; background: #695446; border-radius: 3px; font-size: 12px; color: #fff; font-weight: 700; text-align: center; }
.bt_b_block.c_grey { background: #969696; }
.bt_b_block:hover { text-decoration: none; }

.membership .find { background: #fff; padding: 50px 33px; text-align: center; }
.membership .find h3 { font-size: 24px; line-height: 100%; margin-bottom: 25px; }
.membership .cf .t_tx { max-width: 300px; margin: 0 auto 25px; line-height: 175%; }
.membership .cf .w_tx { max-width: 280px; color: #787878; margin: 0 auto 95px; line-height: 175%; }
.membership .cf .w_tx::before { content: ''; display: inline-block; width: 12px; height: 12px; background: url(../images/ic_warning.png) 0/100% 100%; vertical-align: middle; margin: -3px 6px 0 0; }
.membership .cf .result { line-height: 100%; font-size: 30px; color: #695446; font-weight: 700; margin: -20px 0 50px; }

.membership .find_pw .t_guide { font-size: 11px; margin-bottom: 25px; }
.membership .find_pw .form { padding-bottom: 6px; }
.membership .find_pw .form dl { margin-bottom: 30px; }
.membership .form>dl dd.b_guide { padding-top: 7px; font-size: 11px; color: #695446; }

.membership .sign_up { background: #fff; padding: 50px 33px; text-align: center; }
.membership .sign_up h2 { font-size: 14px; line-height: 100%; margin-bottom: 40px; }
.membership .sign_up h2 span { display: block; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 36px; line-height: 100%; font-weight: 300; margin-bottom: 15px; }
.membership .sign_up .step { margin: 0 -25px 40px; }
.membership .sign_up .step li { display: inline-block; margin: 0 15px; font-size: 12px; line-height: 100%; color: #787878; font-weight: 700; }
.membership .sign_up .step li.on { color: #000; }
.membership .sign_up .step li::before { content: ''; position: absolute; top: 0; left: 100%; bottom: 0; width: 34px; background: url(../images/ar_su_step.png) no-repeat center center/15px auto; }
.membership .sign_up .step li:last-child::before { display: none; }
.membership .sign_up .t_tx { margin-bottom: 27px; }

.membership .sign_up.step02 .form .cb { padding-top: 12px; }

.membership .sign_up .user_info { border: 1px solid #000; padding: 30px 0; margin-bottom: 30px; }
.membership .sign_up .user_info dl { max-width: 140px; margin: 0 auto 17px; }
.membership .sign_up .user_info dl:last-child { margin-bottom: 0; }
.membership .sign_up .user_info dl dt { position: absolute; top: 0; left: 0; color: #787878; }
.membership .sign_up .user_info dl dd { font-weight: 700; margin-left: 50px; }


/*reservation*/
.reservation .t_area { background: #f5f1ee; border-bottom: 1px solid #e6e1de; padding: 40px 20px 50px; }
.reservation .t_area h2 { font-size: 30px; line-height: 100%; text-align: center; margin-bottom: 20px; }
.reservation .t_area .guide { font-size: 11px; color: #787878; line-height: 175%; text-align: center; margin-bottom: 25px; }
.reservation .t_area .guide:last-child { margin: 0; }
.reservation .t_area .op_select { padding-bottom: 10px; }
.reservation .t_area .op_select dl { margin-bottom: 20px; }
.reservation .t_area .op_select dl dt { font-size: 11px; font-weight: 700; margin-bottom: 6px; }
.reservation .t_area .op_select input { width: 100%; height: 45px; padding: 0 14px; border: 1px solid #dcdcdc; border-radius: 3px; font-size: 12px; outline: 0; }
.reservation .t_area .op_select select { width: 100%; height: 45px; padding: 0 11px; border: 1px solid #dcdcdc; background: none; border-radius: 3px; font-size: 12px; outline: 0; appearance: none; }
.reservation .t_area .op_select .sel { background: #fff; border-radius: 3px; }
.reservation .t_area .op_select .sel::before { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 14px; height: 8px; background: url(../images/ar_sel.png) 0/100% 100%; }
.reservation .t_area .op_select .period::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/ic_cal.png) 0/100% 100%; }
.reservation .t_area .op_select .gt_tx { position: absolute; bottom: calc(100% + 6px); right: 0; font-size: 11px; line-height: 100%; color: #695446; font-weight: 700; }
.reservation .t_area .bt_lottery_rv { display: inline-block; font-size: 12px; font-weight: 700; line-height: 100%; padding-right: 33px; background: url(../images/arr_lottery_rv.png) no-repeat right center/19px auto; margin-top: 25px; }

.reservation .list { padding: 27px 20px 25px; overflow: hidden; }
.reservation .list h3 { line-height: 100%; margin-bottom: 27px; }
.reservation .list ul li { margin: 0 calc(9.9% + 5px) 50px; }
.reservation .list ul li .ph { margin-bottom: 20px; }
.reservation .list ul li .swiper-container { overflow: visible; }
.reservation .list ul li .swiper-slide .ph { padding-bottom: 84.86%; border-radius: 7px; background: no-repeat center center/cover; }
.reservation .list ul li.ty02 { margin: 0 -70% 50px; }
.reservation .list ul li .tx .tit { font-size: 16px; font-weight: 700; margin-bottom: 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.reservation .list ul li .tx .g_info { font-size: 11px; line-height: 175%; color: #787878; padding-bottom: 10px; border-bottom: 1px dotted #e2e2e2; }
.reservation .list ul li .tx .g_info dl dt { position: absolute; top: 0; left: 0; }
.reservation .list ul li .tx .g_info dl dd { margin-left: 65px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.reservation .list ul li .tx .price { font-size: 16px; line-height: 40px; font-weight: 700; text-align: right; margin-bottom: 10px; }
.reservation .list .no_result { height: 240px; }
.reservation .list .no_result p { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; font-size: 12px; }
.reservation .list .no_result p::before { content: ''; display: inline-block; width: 18px; height: 18px; background: url(../images/ic_warning_bk.png) 0/100% 100%; vertical-align: middle; margin: -3px 8px 0 0; }

.rv_info { padding: 40px 20px 65px; }
.rv_info .t_info { margin-bottom: 50px; }
.rv_info .t_info h2 { font-size: 24px; line-height: 100%; margin-bottom: 20px; }
.rv_info .t_info .g_info { font-size: 11px; color: #787878; margin-bottom: 33px; }
.rv_info .t_info .g_info span { display: inline-block; }
.rv_info .t_info .g_info span em { color: #787878; margin-right: 2px; }
.rv_info .t_info .g_info i { margin: 0 8px; color: #9c9c9c; }
.rv_info .t_info .price { text-align: right; }
.rv_info .t_info .price dt { color: #787878; display: inline-block; vertical-align: middle; margin-right: 12px; }
.rv_info .t_info .price dd { font-size: 20px; display: inline-block; vertical-align: middle; }
.rv_info .d_info { border-top: 1px solid #000; padding-bottom: 13px; }
.rv_info .d_info .unit { padding: 27px 0; border-bottom: 1px solid #dcdcdc; }
.rv_info .d_info .unit:last-child { border: 0; }
.rv_info .d_info .unit.l_bot { border-bottom: 1px solid #000; }
.rv_info .d_info .unit .tit { margin-bottom: 30px; }
.rv_info .d_info .unit .tit h3 { font-size: 15px; margin-bottom: 8px; }
.rv_info .d_info .unit .tit p { font-size: 11px; line-height: 170%; color: #787878; }
.rv_info .d_info .unit dl { margin-bottom: 20px; }
.rv_info .d_info .unit dl:last-child { margin: 0; }
.rv_info .d_info .unit dl dt { font-size: 11px; font-weight: 700; margin-bottom: 5px; }
.rv_info .d_info .unit dl dt i { color: #f00; }
.rv_info .d_info .unit dl dd input[type=text] { width: 100%; height: 45px; padding: 0 14px; border: 1px solid #dcdcdc; border-radius: 3px; font-size: 12px; outline: 0; }
.rv_info .d_info .unit dl dd input[type=text]:read-only { border-color: transparent; }
.rv_info .d_info .unit textarea { width: 100%; height: 130px; border: 1px solid #dcdcdc; outline: 0; padding: 14px; }
.rv_info .b_btns a { margin-bottom: 13px; }
.rv_info .b_btns a:last-child { margin: 0; }

.rv_info .d_info .unit dl dd select { width: 100%; height: 45px; background: #f8f6f5; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 14px; font-size: 12px; font-weight: 700; outline: 0; appearance: none; }
.rv_info .d_info .unit dl .sel::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 14px; height: 8px; background: url(../images/ar_sel.png) 0/100% 100%; }
.rv_info .d_info .unit dl dd .cb { margin-top: 15px; }
.rv_info .d_info .unit dl dd .cb li { display: inline-block; margin-right: 20px; font-size: 12px; font-weight: 700; }
.rv_info .d_info .unit dl dd .bt_coupon_ap { display: block; line-height: 45px; background: #695446; border-radius: 5px; font-size: 11px; color: #fff; font-weight: 700; text-align: center; margin-top: 8px; }
.rv_info .agree { padding: 27px 0 24px; }
.rv_info .agree h3 { font-size: 14px; line-height: 100%; margin-bottom: 20px; }
.rv_info .agree dl { margin-bottom: 30px; }
.rv_info .agree dl dt { margin-bottom: 10px; font-size: 11px; font-weight: 700; }
.rv_info .agree dl dt span { color: #937a67; }
.rv_info .agree dl dd { box-sizing: border-box; max-height: 95px; border: 1px solid #dcdcdc; font-size: 11px; line-height: 178%; }
.rv_info .agree dl dd .mCSB_container { padding: 10px; }

.rv_done { padding: 60px 0 80px; text-align: center; }
.rv_done p { font-size: 20px; font-weight: 700; line-height: 160%; padding-top: 95px; background: url(../images/ic_rv_done.png) no-repeat center 0/70px; margin-bottom: 45px; }
.rv_done.cancel p { padding-top: 85px; background: url(../images/ic_rv_cancel_done.png) no-repeat center 0/auto 50px; }

.rv_house_info { padding: 40px 20px; margin: 0 -20px -65px; background: #f5f1ee; }
.rv_house_info .ph { padding-bottom: 67%; border-radius: 7px; background: no-repeat center center/cover; margin-bottom: 20px; }
.rv_house_info .tx .tit { font-size: 16px; font-weight: 700; margin-bottom: 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.rv_house_info .tx .g_info { font-size: 11px; line-height: 175%; padding-bottom: 25px; border-bottom: 1px dotted #e2e2e2; }
.rv_house_info .tx .g_info dl dt { position: absolute; top: 0; left: 0; font-weight: 700; }
.rv_house_info .tx .g_info dl dd { margin-left: 65px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.rv_house_info .tx .g_info dl dd { margin-left: 65px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.lottery_rv_view { padding: 10px 20px 65px; }
.lottery_rv_view .viewer { margin-bottom: 35px; }
.lottery_rv_view .viewer dt { padding: 13px 0; font-size: 12px; line-height: 150%; font-weight: 700; cursor: pointer; }
.lottery_rv_view .viewer dt::after { content: ''; display: inline-block; width: 13px; height: 7px; background: url(../images/arr_lottery_view.png) 0/100% 100%; vertical-align: middle; margin: -3px 0 0 7px; }
.lottery_rv_view .viewer dd { text-align: center; display: none; }
.lottery_rv_view .viewer.on dd { display: block; }
.lottery_rv_view .viewer dd img { max-width: 100%; }

.lt_list { border: 1px solid #000; border-width: 1px 0; }
.lt_list li { padding: 10px 0; border-bottom: 1px solid #dcdcdc; }
.lt_list li::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 78px; background: #ebebeb; }
.lt_list li:last-child { border: 0; }
.lt_list li dl { line-height: 27px; font-size: 11px; }
.lt_list li dl dt { position: absolute; top: 0; left: 17px; font-weight: 700; }
.lt_list li dl dd { margin-left: 95px; }
.lt_list li dl dd a { display: inline-block; vertical-align: top; max-width: 100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.rv_info.lottery .t_info h2 { font-family: Pretendard, Sans-serif;  font-size: 24px; font-weight: 700; line-height: 135%; margin-bottom: 18px; }
.rv_info.lottery .t_info .period { font-size: 11px; color: #787878; line-height: 175%; margin-bottom: 35px; }
.rv_info.lottery .d_info .db_form dl { margin-bottom: 40px; }
.rv_info.lottery .d_info .db_form dt { font-size: 14px; margin-bottom: 12px; }
.rv_info.lottery .d_info .db_form span { display: block; font-weight: 700; margin-bottom: 5px; }
.rv_info.lottery .d_info .db_form p { margin-bottom: 18px; }
.rv_info.lottery .d_info .db_form p::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.rv_info.lottery .d_info .db_form p.cal::before { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/ic_cal.png) 0/100% 100%; }
.rv_info.lottery .d_info .db_form p.sel::before { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 14px; height: 8px; background: url(../images/ar_sel.png) 0/100% 100%; }
.rv_info.lottery .d_info .db_form p input[type=text],
.rv_info.lottery .d_info .db_form p select { background: none; font-weight: 700; }
.rv_info.lottery .b_guide { font-size: 11px; line-height: 175%; text-align: center; margin: -50px 0 30px; }


/*mypage*/
.mypage .mp_menu { padding: 27px 20px; }
.mypage .mp_menu h2 { font-size: 11px; color: #969696; margin-bottom: 5px; }
.mypage .mp_menu ul { line-height: 45px; }
.mypage .mp_menu ul li a { display: block; font-weight: 700; padding-left: 33px; }
.mypage .mp_menu ul li a::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 20px; background: no-repeat center center/100% auto; }
.mypage .mp_menu ul li:nth-child(1) a::before { background-image: url(../images/ic_mp_lnb01.png); background-size: 90% auto; }
.mypage .mp_menu ul li:nth-child(2) a::before { background-image: url(../images/ic_mp_lnb02.png); background-size: 85% auto; }
.mypage .mp_menu ul li:nth-child(3) a::before { background-image: url(../images/ic_mp_lnb03.png); background-size: 75% auto; }
.mypage .mp_menu ul li:nth-child(4) a::before { background-image: url(../images/ic_mp_lnb04.png); background-size: 75% auto; }
.mypage .mp_menu ul li:nth-child(5) a::before { background-image: url(../images/ic_mp_lnb05.png); }
.mypage .mp_menu ul li:nth-child(6) a::before { background-image: url(../images/ic_mp_lnb06.png); }
.mypage .mp_menu ul li:nth-child(7) a::before { background-image: url(../images/ic_mp_lnb07.png); }
.mypage .mp_menu ul li:nth-child(8) a::before { background-image: url(../images/ic_mp_lnb08.png); background-size: 95% auto; }
.mypage .mp_menu ul li a .ic_new { display: inline-block; font-size: 11px; color: #d93705; font-weight: 800; vertical-align: middle; margin: -3px 0 0 3px; }
.mypage .mp_menu ul li.on a .ic_new { display: none; }

.mypage .main { background: #f5f1ee; padding: 27px 20px 20px; }
.mypage .main .user_name { padding-top: 45px; font-size: 20px; font-weight: 700; text-align: center; background: url(../images/ic_user.png) no-repeat center 0/33px; margin-bottom: 28px; }
.mypage .mp_board { background: #fff; border: 1px solid #e6e1de; border-width: 1px 0 0 1px; }
.mypage .mp_board dl { float: left; width: calc(50% - 1px); height: 108px; border: 1px solid #e6e1de; border-width: 0 1px 1px 0; text-align: center; padding-top: 22px; }
.mypage .mp_board dl.cp { width: calc(33.3333% - 1px); height: 80px; }
.mypage .mp_board dl dt { font-size: 11px; color: #787878; margin-bottom: 18px; }
.mypage .mp_board dl dd { font-size: 20px; font-weight: 700; }
.mypage .mp_board dl dd .bt_mbs_view_all { display: inline-block; font-size: 11px; font-weight: 700; padding-right: 10px; background: url(../images/ar_mbs_view_all.png) no-repeat right center/5px auto; margin-top: 18px; }

.lottery_rv_list { padding: 25px 20px 50px; }
.lottery_rv_list .mem_number { font-weight: 700; line-height: 100%; margin-bottom: 13px; }
.lottery_rv_list ul { border: 1px solid #000; border-width: 1px 0; }
.lottery_rv_list ul li { padding: 20px 7px; border-bottom: 1px solid #dcdcdc; }
.lottery_rv_list ul li:last-child { border: 0; }
.lottery_rv_list ul li dl { margin-bottom: 10px; }
.lottery_rv_list ul li dl dt { position: absolute; top: 0; left: 0; font-weight: 700; }
.lottery_rv_list ul li dl dd { margin-left: 65px; }
.lottery_rv_list ul li dl.result { line-height: 230%; margin-bottom: 0; }
.lottery_rv_list ul li dl.result dd { font-size: 14px; font-weight: 700; color: #969696; }
.lottery_rv_list ul li dl.result.win dd { color: #000; }
.lottery_rv_list ul li .btn { text-align: right; }
.lottery_rv_list ul li .btn .bt_delete { font-weight: 700; padding-right: 15px; background: url(../images/ic_delete.png) no-repeat right center/9px; }

.tb_mp_data { width: 100%; border-top: 1px solid #000; font-size: 11px; text-align: center; }
.tb_mp_data::after { content: ''; position: absolute; top: -1px; right: -1px; bottom: 0; width: 2px; background: #fff; }
.tb_mp_data::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #000; }
.tb_mp_data th { height: 40px; padding: 0 8px; background: #f5f1ee; border-right: 1px solid #dcdcdc; }
.tb_mp_data td { border: 1px solid #dcdcdc; border-width: 0 1px 1px 0; padding: 8px; line-height: 165%; height: 30px; }
.tb_mp_data.nl td { border-right: 0; }
.tb_mp_data tr:last-child td { border-bottom: 0; }
.tb_mp_data .tit { text-align: left; }
.tb_mp_data .lb { border-bottom-color: #000; }

ul.tab_mp { border-bottom: 1px solid #dcdcdc; }
ul.tab_mp:after { content:''; clear: both; display:block; height: 0; visibility: hidden; }
ul.tab_mp li { float: left; width: 33.3333%; }
ul.tab_mp li a { display:block; color: #969696; text-align:center; line-height: 40px; padding-top: 5px; }
ul.tab_mp li.active a { color:#000; font-weight: 700; }
ul.tab_mp li.active a::before { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: #000; }
.tab_mp_content { display:none; padding: 20px 20px 50px; }
.tab_mp_content.on { display:block; }

.rv_manage>li { border: 1px solid #e6e1de; margin-bottom: 13px; padding: 20px; }
.rv_manage>li .d_day { font-size: 11px; color: #695446; font-weight: 700; margin-bottom: 10px; }
.rv_manage>li .name { font-size: 20px; font-weight: 700; margin-bottom: 20px; }
.rv_manage>li .d_info { padding-bottom: 20px; }
.rv_manage>li .d_info:last-child { padding: 0; }
.rv_manage>li .d_info dl { font-size: 11px; margin-bottom: 10px; }
.rv_manage>li .d_info dl:last-child { margin: 0; }
.rv_manage>li .d_info dl dt { position: absolute; top: 0; left: 0; font-weight: 700; }
.rv_manage>li .d_info dl dd { margin-left: 95px; }
.rv_manage>li .bt_rv_change { position: absolute; bottom: 40px; right: 40px; font-size: 16px; font-weight: 700; line-height: 100%; padding-right: 33px; background: url(../images/arr_lottery_rv.png) no-repeat right center; }

.rv_manage_options { margin-bottom: 30px; }
.rv_manage_options dl dt { font-size: 11px; font-weight: 700; }
.rv_manage_options .period { margin-bottom: 20px; }
.rv_manage_options .period dd input { background: none; }
.rv_manage_options .period dd::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 20px; height: 20px; background: url(../images/ic_cal.png) 0/100% 100%; }
.rv_manage_options .quick { margin-bottom: 27px; }
.rv_manage_options .quick dt { margin-bottom: 13px; }
.rv_manage_options .quick ul { border: 1px solid #dcdcdc; }
.rv_manage_options .quick ul:after { content:''; clear:both; display:block; }
.rv_manage_options .quick ul li { float: left; width: 33.3333%; }
.rv_manage_options .quick ul li:last-child { border: 0; }
.rv_manage_options .quick ul li input { display: none; }
.rv_manage_options .quick ul li input + label { display: block; line-height: 33px; font-size: 11px; color: #969696; text-align: center; border-right: 1px solid #dcdcdc; }
.rv_manage_options .quick ul li:last-child input + label { border: 0; }
.rv_manage_options .quick ul li input:checked + label { background: #dcdcdc; color: #000; font-weight: 700; }
.rv_manage_options input[type=text] { width: 100%; height: 37px; background: none; border: 0; border-bottom: 1px solid #969696; font-size: 14px; color: #000; font-weight: 700; outline: 0; }
.rv_manage_options .b_btns a { display: block; line-height: 43px; border: 1px solid #695446; background: #695446; font-size: 12px; color: #ffff; font-weight: 700; text-align: center; }

.coupon li { border: 1px solid #e6e1de; margin-bottom: 13px; padding: 27px 20px; }
.coupon li .name { font-size: 20px; font-weight: 700; margin-bottom: 17px; }
.coupon li .period { font-size: 11px; color: #787878; margin-bottom: 20px; }
.coupon li .discount { text-align: right; font-size: 20px; color: #695446; }
.coupon li .discount em { font-size: 40px; }
.coupon li .done { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.coupon li .done.use { background: rgb(105, 84, 70, 0.8); }
.coupon li .done.pd { background: rgb(255, 255, 255, 0.8); }
.coupon li .done span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 20px; font-weight: 700; }
.coupon li .done.use span { color: #fff; }
.coupon li .done.pd span { color: #787878; }
.coupon li .barcode { position: absolute; bottom: 27px; left: 20px; }
.coupon li .barcode img { height: 50px; }

.sp_exp_cate_mp { position: fixed; top: 50px; left: 0; right: 0; background: #fff; z-index: 10; }
.sp_exp_cate_mp .swiper-slide { width: auto; }
.sp_exp_cate_mp .swiper-slide a { display: block; color: #969696; text-align:center; line-height: 40px; padding-top: 5px; padding: 0 10px; }
.sp_exp_cate_mp .swiper-slide.on a { color:#000; font-weight: 700; }
.sp_exp_cate_mp .swiper-slide.on a::before { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: #000; }
.ssp_exp_cate_mp_gap { height: 45px; }

.sp_exp_jjim_list { padding: 20px 20px 50px; }
.sp_exp_jjim_list li { background: #fff; border-radius: 7px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); margin-bottom: 13px; }
.sp_exp_jjim_list li .ph { padding-bottom: 75%; background: no-repeat center center/cover; border-radius: 7px; }
.sp_exp_jjim_list li .tx { padding: 17px 20px; overflow: hidden; }
.sp_exp_jjim_list li .tx .cate { display: block; font-weight: 700; margin-bottom: 15px; }
.sp_exp_jjim_list li .tx .cate.c01 { color: #a07558; }
.sp_exp_jjim_list li .tx .cate.c02 { color: #4d804d; }
.sp_exp_jjim_list li .tx .cate.c03 { color: #c05c7a; }
.sp_exp_jjim_list li .tx .bt_like { position: absolute; top: 15px; right: 20px; width: 20px; height: 18px; background: url(../images/ic_like.png) 0/100% 100%; text-indent: -9999px; }
.sp_exp_jjim_list li .tx .bt_like.on { background-image: url(../images/ic_like_on.png); }
.sp_exp_jjim_list li .tx .tit { font-size: 16px; font-weight: 700; line-height: 100%; margin-bottom: 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.sp_exp_jjim_list li .tx .s_tx { font-size: 11px; margin-bottom: 17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.sp_exp_jjim_list li .tx dl { line-height: 200%; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sp_exp_jjim_list li .tx dl dt { display: inline-block; font-weight: 700; margin-right: 15px; }
.sp_exp_jjim_list li .tx dl dd { display: inline; color: #787878; }

.mp_certification { padding: 20px 20px 100px; }
.mp_certification h2 { margin-bottom: 22px; }
.mp_certification .guide { line-height: 175%;  margin-bottom: 65px; }
.mp_certification .pw { margin-bottom: 65px; }
.mp_certification .pw input[type=password] { width: 100%; height: 45px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 14px; outline: 0; }

.pw .bt_pw_show { position: absolute; top: 0; right: 0; bottom: 0; width: 45px; position: absolute; background: url(../images/ic_pw_off.png) no-repeat center center/45% auto; text-indent: -9999px; }
.pw .bt_pw_show.on { background-image: url(../images/ic_pw.png); }

.mp_certification .form>dl { margin-bottom: 20px; }
.mp_certification .form>dl.adr { margin-bottom: 40px; }
.mp_certification .form>dl>dt { font-size: 13px; font-weight: 700; margin-bottom: 5px; }
.mp_certification .form>dl dd { margin-bottom: 5px; }
.mp_certification .form>dl dd:last-child { margin: 0; }
.mp_certification .form>dl dd.r_btn { padding-right: 90px; }
.mp_certification .form>dl dd.r_btn .bt_b_block { position: absolute; top: 0; right: 0; width: 85px; }
.mp_certification .form>dl dd.b_guide { padding-top: 5px; font-size: 11px; color: #695446; }
.mp_certification .form input[type=text],
.mp_certification .form input[type=password] { width: 100%; height: 45px; padding: 0 14px; border: 1px solid #dcdcdc; border-radius: 3px; font-size: 12px; outline: 0; }
.mp_certification .form input[type=text]:read-only { background: #f8f7f5; font-weight: 700; }

.mp_use_guide .tab_mp li { width: 25%; }
.mp_use_guide .tab_mp_content { padding: 27px 20px 50px; font-size: 11px; }
.mp_use_guide .tab_mp_content h2 { display: none; }
.mp_use_guide .tab_mp_content h3 { font-size: 13px; margin-bottom: 18px; padding-left: 10px; }
.mp_use_guide .tab_mp_content h3::before { content: ''; position: absolute; top: 5px; left: 0; width: 6px; height: 6px; background: #695446; border-radius: 100%; }
.mp_use_guide .unit { border-bottom: 1px solid #dcdcdc; padding-bottom: 30px; margin-bottom: 30px; }
.mp_use_guide .unit:last-child { border: 0; padding: 0; margin: 0; }
.mp_use_guide .tb_mp_data { margin-bottom: 15px; }
.mp_use_guide .tb_mp_data:last-child { margin: 0; }
.mp_use_guide .step_list { padding-bottom: 5px; }
.mp_use_guide .step_list li { margin-bottom: 15px; padding-left: 12px; line-height: 175%; }
.mp_use_guide .step_list li:last-child { margin: 0; }
.mp_use_guide .step_list li span { display: block; font-weight: 700; margin-left: -12px; }
.mp_use_guide .c_red { color: #cb013f !important; }
.mp_use_guide h4 { font-size: 12px; color: #695446; margin: 0 0 8px; }
.mp_use_guide .bs_guide li { line-height: 175%; padding-left: 16px; color: #787878; }
.mp_use_guide .bs_guide li::before { content: '※'; position: absolute; top: 0; left: 0; }
.mp_use_guide .dot_list li { line-height: 175%; padding-left: 10px; }
.mp_use_guide .dot_list li:last-child { margin: 0; }
.mp_use_guide .dot_list li::before { content: '·'; position: absolute; top: 0; left: 0; }
.mp_use_guide .dash_list li { line-height: 175%; padding-left: 10px; color: #695446; font-weight: 700; margin-bottom: 5px; }
.mp_use_guide .dash_list li:last-child { margin-bottom: 0; }
.mp_use_guide .dash_list li::before { content: '-'; position: absolute; top: 0; left: 0; }

.tb_mp_data.mb-1 { margin-bottom: -1px; }
.tb_mp_data.gd tbody tr:nth-child(3n) td { border-bottom: 1px solid #000; }
.tb_mp_data.gd tbody tr:nth-child(3n-2) td:nth-child(4n-3) { border-bottom: 1px solid #000; }
.tb_mp_data.gd th { width: 10%; }
.tb_mp_data.gd th.type { width: 15%; }
.tb_mp_data.gd th.theme { width: 15%; }

.mp_use_guide .car_regi h4 { font-size: 12px; color: #695446; margin: 0 0 10px; }
.mp_use_guide .car_regi .tb_mp_data { margin-bottom: 40px; }
.mp_use_guide .car_regi .tb_mp_data:last-child { margin: 0; }

.docu_download { padding-bottom: 10px; margin: 0 -4px; }
.docu_download:after { content:''; clear:both; display:block; }
.docu_download li { float: left; width: calc(50% - 8px); margin: 0 4px 8px; }
.docu_download li a { display: block; padding: 0 35px 0 10px; border: 1px solid #695446; border-radius: 3px; font-size: 11px; color: #695446; font-weight: 700; line-height: 40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.docu_download li a::after { content: ''; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); width: 13px; height: 13px; background: url(../images/ic_docu_downlad.png) 0/100% 100%; }

.inquiry_write { padding-bottom: 7px; }
.inquiry_write dl { margin-bottom: 20px; }
.inquiry_write dl dt { font-weight: 700; margin-bottom: 5px; }
.inquiry_write dl dt i { color: #ff0000; }
.inquiry_write dl dd input { width: 100%; height: 45px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 14px; }
.inquiry_write dl dd textarea { width: 100%; height: 230px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 12px 14px; line-height: 175%; }

.inquiry_list li { padding: 25px 13px; line-height: 20px; border: 1px solid #dcdcdc; margin-bottom: 7px; }
.inquiry_list li span { position: absolute; top: 20px; left: 13px; width: 65px; line-height: 28px; border: 1px solid #dcdcdc; border-radius: 20px; text-align: center; font-size: 11px; }
.inquiry_list li.done span { border-color: #695446; background: #695446; color: #fff; }
.inquiry_list li p { margin-left: 90px; padding-left: 20px; }
.inquiry_list li p em { position: absolute; top: 0; left: 0; font-size: 16px; color: #695446; }

.notice_list { padding: 20px 20px 50px; }
.notice_list ul { border-top: 1px solid #000; }
.notice_list ul li { padding: 15px 20px 15px 64px; border-bottom: 1px solid #dcdcdc; line-height: 25px; }
.notice_list ul li .num { position: absolute; top: 15px; left: 7px; width: 45px; font-size: 11px; text-align: center; }
.notice_list ul li.noti .num { background: #695446; border-radius: 20px; color: #fff; font-weight: 700; }
.notice_list ul li .tit { font-size: 14px; }
.notice_list ul li.noti .tit { font-weight: 700; }
.notice_list ul li span { display: block; color: #787878; margin-top: 8px; }
.notice_list ul li a .ic_new { display: inline-block; font-size: 11px; color: #d93705; font-weight: 800; vertical-align: middle; margin: -3px 0 0 3px; }

.notice_view { padding: 20px; margin-bottom: 40px; }
.notice_view .tit { font-size: 16px; line-height: 140%; font-weight: 700; margin-bottom: 14px; }
.notice_view .g_info span { display: inline-block; width: 50px; line-height: 30px; background: #695446; border-radius: 15px; font-size: 11px; color: #fff; text-align: center; font-weight: 700; vertical-align: middle; margin: -3px 15px 0 0; }
.notice_view .g_info { margin-bottom: 13px; }
.notice_view .g_info dl { display: inline-block; margin-right: 20px; }
.notice_view .g_info dl dt { display: inline-block; margin-right: 8px; font-weight: 700; }
.notice_view .g_info dl dd { display: inline-block; }
.notice_view .con_tx { padding: 20px 0 45px; border-top: 1px solid #000; line-height: 175%; }
.notice_view .con_tx img { max-width: 100%; }
.notice_view .con_tx .file { color: #695446; font-weight: 700; margin-top: 28px; }
.notice_view .con_tx .file a { color: #695446; }
.notice_view .pn_write { border: 1px solid #000; border-width: 1px 0; line-height: 50px; font-weight: 700; margin-bottom: 30px; }
.notice_view .pn_write dl { border-bottom: 1px solid #dcdcdc; }
.notice_view .pn_write dl:last-child { border: 0; }
.notice_view .pn_write dl dt { position: absolute; top: 0; left: 7px; color: #969696; }
.notice_view .pn_write dl dd { margin: 0 20px 0 60px; }
.notice_view .pn_write dl dd a { display: inline-block; max-width: 100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align: top; }

/*footer*/
.sel_menu { margin-bottom: 30px; }
.sel_menu select { border: 0; appearance: none; width: 100%; height: 45px; font-size: 12px; color:#5a5d5a; outline: 0; border: 0; border-bottom: 1px solid #333; background: none; }
.sel_menu:after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 8px; height: 6px; background: url(../images/sel_arrow.gif) 0/100% 100%; }

.terms { padding: 30px 20px 50px; }
.terms * { transition: none; }
.terms h2 { font-size: 22px; line-height: 150%; font-weight: 400; letter-spacing: 1px; }
.terms .con { line-height: 175%; color: #424242; padding-top: 35px; }
.terms .con dl { margin-bottom: 50px; }
.terms .con dl dt { margin-bottom: 15px; }
.terms .con dl dd>ul { padding-left: 20px; }
.terms .con dl dd>ul>li { list-style: decimal; margin-bottom: 15px; }
.terms .con dl dd>ul>li:last-child { margin-bottom: 0; }
.terms .con dl dd>ul>li>ul { padding: 10px 0 0 0; }
.terms .con dl dd>ul>li>ul>li { padding-left: 20px; }
.terms .con dl dd>ul>li>ul>li:before { content: ''; position: absolute; top: 2px; left: 0; width: 14px; height: 12px; line-height: 12px; padding-top: 2px; border: 1px solid #777; border-radius: 100%; font-size: 11px; text-align: center; }
.terms .con dl dd>ul>li>ul>li:nth-child(1):before { content: '1'; }
.terms .con dl dd>ul>li>ul>li:nth-child(2):before { content: '2'; }
.terms .con dl dd>ul>li>ul>li:nth-child(3):before { content: '3'; }
.terms .con dl dd>ul>li>ul>li:nth-child(4):before { content: '4'; }
.terms .con dl dd>ul>li>ul>li:nth-child(5):before { content: '5'; }
.terms .con dl dd>ul>li>ul>li:nth-child(6):before { content: '6'; }
.terms .con dl dd>ul>li>ul>li:nth-child(7):before { content: '7'; }
.terms .con dl dd>ul>li>ul>li:nth-child(8):before { content: '8'; }
.terms .con dl dd>ul>li>ul>li:nth-child(9):before { content: '9'; }
.terms .con dl dd>ul>li>ul>li:nth-child(10):before { content: '10'; }

.terms .con dl ul.dash>li { padding-left: 15px; }
.terms .con dl ul.dash>li:before { content: '-' !important; position: absolute; top: 6px; left: 0; border: 0; width: auto; height: auto; font-size: 18px; }

.terms .con dl ul.hg>li { padding-left: 0; margin-bottom: 7px; }
.terms .con dl ul.hg>li>ul { padding: 10px 0 0 27px; }
.terms .con dl ul.hg>li:last-child { margin-bottom: 0; }
.terms .con dl ul.hg>li:before { display: none; }

.policy_list { padding: 15px 20px; border: 1px solid #ebebeb; line-height: 2; margin-bottom: 30px; }
.terms .con > p { margin-bottom: 35px; }
.terms .con dl dd p { margin-bottom: 15px; }

.tb_terms { width: 100%; font-size: 11px; border-top: 1px solid #000; }
.tb_terms.last { margin: -20px 0 40px; }
.tb_terms th { text-align: center; background: #fafafa; }
.tb_terms th,
.tb_terms td { padding: 8px 10px; border: 1px solid #ccc; border-width: 0 1px 1px; vertical-align: top; }
.tb_terms tbody th { vertical-align: middle; }

.s_guide { background: #f6f6f6; padding: 15px 20px !important; line-height: 2; margin-top: 10px; }

.tb_ov { width: 100%; overflow: hidden; overflow-x: auto; }
.tb_ov .tb_terms { min-width: 800px; }


/*popup*/
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:98; display:none; transition:none; }
.pu { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; z-index:99; display:none; transition:none; }
.pu .bt_close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: url(../images/bt_pu_close.png) 0/100% 100%; text-indent: -9999px; }

.pu_view_fp { width: calc(100% - 40px); padding: 20px 0 25px; }
.pu_view_fp h3 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 20px; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 30px; }
.pu_view_fp .pf { padding: 0 15px; text-align: center; }
.pu_view_fp .pf img { max-width: 100%; }

.pu_inquiry { padding: 20px 20px 70px; }
.pu_inquiry .form dl { margin-bottom: 30px; }
.pu_inquiry .form dl dt { margin-bottom: 8px; font-weight: 700; }
.pu_inquiry .form input[type=text] { width: 100%; height: 30px; border: 0; background: none; border: 1px solid #dcdcdc; color: #000; outline: 0; padding: 0 7px; }
.pu_inquiry .form dd textarea { width: 100%; height: 170px; border: 1px solid #dcdcdc; outline: 0; padding: 7px; }
.pu_inquiry .agree dl { margin-bottom: 30px; }
.pu_inquiry .agree dl dt { line-height: 100%; font-weight: 700; border-bottom: 1px solid #937a67; padding-bottom: 17px; margin-bottom: 17px; }
.pu_inquiry .agree dl dd { color: #000; line-height: 175%; }
.pu_inquiry .agree dl dd b { font-size: 16px; }
.pu_inquiry .agree dl dd .info_way li { padding-left: 65px; line-height: 23px; margin-bottom: 20px; }
.pu_inquiry .agree dl dd .info_way li em { position: absolute; top: 0; left: 0; color: #937a67; font-weight: 700; }
.pu_inquiry .cb { margin-top: 25px; font-weight: 700; color: #000; }
.pu_inquiry .cb span { margin-right: 35px; }
.pu_inquiry .b_btns { text-align: center; padding-top: 20px; }
.pu_inquiry .b_btns p { color: #000; margin-bottom: 15px; }
.pu_inquiry .b_btns a { display: inline-block; width: 150px; max-width: calc(50% - 20px); line-height: 50px; border-radius: 7px; font-size: 14px; color: #fff; font-weight: 700; text-align: center; margin: 0 10px; }
.pu_inquiry .b_btns a:hover { text-decoration: none; }
.pu_inquiry .b_btns a:after { content: ''; display: inline-block; vertical-align: middle; margin: -3px 0 0 7px; background-size: 100% 100%; }
.pu_inquiry .b_btns a.bt_regi { background: #695446; }
.pu_inquiry .b_btns a.bt_cancel { background: #c8c8c8; color: #646464; }

.pu_rv_cancel { width: calc(100% - 80px); padding: 50px 20px 20px; text-align: center; }
.pu_rv_cancel h3 { font-size: 20px; margin-bottom: 20px; }
.pu_rv_cancel .t_tx { font-weight: 700; line-height: 175%; margin-bottom: 25px; }
.pu_rv_cancel .info { display: inline-block; margin-bottom: 30px; text-align: left; }
.pu_rv_cancel .info li { font-size: 11px; line-height: 222%; }
.pu_rv_cancel .info li i { color: #ff0000; }

.pu_mbs_view_all { width: calc(100% - 80px); padding: 50px 20px 20px; text-align: center; }
.pu_mbs_view_all h3 { margin-bottom: 20px; font-size: 14px; color: #787878; }
.pu_mbs_view_all h3 span { display: block; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 24px; color: #000; line-height: 100%; font-weight: 300; text-transform: uppercase; margin-bottom: 10px; }
.pu_mbs_view_all .list { max-width: 250px; margin: 0 auto 30px; }
.pu_mbs_view_all .list li { margin-bottom: 15px; }
.pu_mbs_view_all .list dl { padding-bottom: 63.33%; background: #f5f1ee; border: 1px solid #e6e1de; border-radius: 10px; font-weight: 700; text-align: left; cursor: pointer; }
.pu_mbs_view_all .list li.on dl { background: url(../images/card_bg.png) center center/cover; }
.pu_mbs_view_all .list li.on dl::after { content: ''; position: absolute; top: 0; right: 20px; width: 20px; height: 28px; background: url(../images/card_flag.png) 0/100% 100%; }
.pu_mbs_view_all .list dl dt,
.pu_mbs_view_all .list dl dd { position: absolute; left: 20px; }
.pu_mbs_view_all .list dl dt { bottom: 48px; font-size: 12px; line-height: 100%; color: rgba(0,0,0,0.5); }
.pu_mbs_view_all .list dl dd { bottom: 20px; font-size: 18px; line-height: 100%; }
.pu_mbs_view_all .list li.on dl dt { color: rgba(255,255,255,0.5); }
.pu_mbs_view_all .list li.on dl dd { color: #fff; }
.pu_mbs_view_all .list dl > * { transition: none; }

.pu_available_inquiry { width: calc(100% - 80px); padding: 50px 20px 20px; }
.pu_available_inquiry h3 { font-size: 16px; text-align: center; line-height: 100%; margin-bottom: 20px; }
.pu_available_inquiry .year { margin-bottom: 25px; }
.pu_available_inquiry .year dt { font-weight: 700; color: #695446; margin-bottom: 8px; }
.pu_available_inquiry .year dd::before { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 14px; height: 8px; background: url(../images/ar_sel.png) 0/100% 100%; }
.pu_available_inquiry .year dd { background: #f8f6f5; border-radius: 5px; }
.pu_available_inquiry .year dd select { width: 100%; height: 45px; background: none; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 12px; outline: 0; appearance: none; }
.pu_available_inquiry .mem_number { font-weight: 700; line-height: 100%; margin-bottom: 10px; }

.pu_mp_inquiry { width: calc(100% - 80px); padding: 40px 20px 20px; }
.pu_mp_inquiry h3 { font-size: 16px; line-height: 100%; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; text-align: center; margin-bottom: 20px; }
.pu_mp_inquiry .state { width: 65px; line-height: 28px; border: 1px solid #dcdcdc; border-radius: 20px; font-size: 11px; text-align: center; margin-bottom: 20px; }
.pu_mp_inquiry .state.done { border-color: #695446; background: #695446; color: #fff; }
.pu_mp_inquiry dl { line-height: 175%; margin-bottom: 18px; }
.pu_mp_inquiry dl:last-child { margin: 0; }
.pu_mp_inquiry dl dt { position: absolute; top: 0; left: 0; font-weight: 700; padding-left: 28px; }
.pu_mp_inquiry dl dt b { position: absolute; top: -1px; left: 0; font-size: 20px; font-weight: 700; color: #695446; }
.pu_mp_inquiry dl dd { margin-left: 80px; }
.pu_mp_inquiry dl.answer dt b { color: #969696; }
.pu_mp_inquiry dl.answer dd textarea { width: 100%; height: 150px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 14px 19px; outline: 0; line-height: 175%; }

.pu_m_evt { width: 270px; background: none; }
.pu_m_evt .slider .swiper-slide { background: #fff; border-radius: 7px; overflow: hidden; }
.pu_m_evt .slider .swiper-slide .ph { padding-bottom: 100%; background: no-repeat center center/cover; }
.pu_m_evt .slider .swiper-slide .tx { padding: 8px 15px; text-align: right; }
.pu_m_evt .slider .swiper-slide .tx .tit { font-size: 18px; font-weight: 700; margin-bottom: 15px; }
.pu_m_evt .slider .swiper-slide .tx .period { font-size: 14px; color: #787878; margin-bottom: 30px; }
.pu_m_evt .slider .swiper-slide .tx .bt_b_block { margin-bottom: 17px; border-radius: 7px; }
.pu_m_evt .slider .swiper-slide .tx .not_open a { color: #969696; font-weight: 700; }
.pu_m_evt .slider .swiper-pagination { margin-top: 13px; height: 7px; }
.pu_m_evt .slider .swiper-pagination-bullet { width: 7px; height: 7px; background: rgba(255,255,255,0.5); border-radius: 4px; margin: 0 5px; vertical-align: top; }
.pu_m_evt .slider .swiper-pagination-bullet-active { width: 30px; background: rgba(255,255,255,1); }
.pu_m_evt .bt_close { position: relative; top: auto; right: auto; display: block; width: 45px; height: 45px; background: url(../images/bt_m_evt_close.png) 0/100% 100%; text-indent: -9999px; margin: 23px auto 0; z-index: 10; }

.pu_mbs_card { width: 260px; background: none; }
.pu_mbs_card .card { height: 420px; }
.pu_mbs_card .card > div { position: absolute; width: 100%; height: 100%; border-radius: 28px; transition:all 0.5s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.pu_mbs_card .card .front { z-index: 3; cursor: pointer; background: #fff url(../images/pu_mbs_front_bg.png) no-repeat bottom center/100% auto; }
.pu_mbs_card .card .back { transform:rotateY(180deg);  background: #9d8a83 url(../images/pu_mbs_back_bg.png) no-repeat bottom center/100% auto; }
.pu_mbs_card .card.on .front { z-index:0; transform:rotateY(180deg); }
.pu_mbs_card .card.on .back { transform:rotateY(0); }
.pu_mbs_card .dot { width: 8px; height: 8px; background: #fff; border-radius: 100%; margin: 13px auto 20px; }
.pu_mbs_card .bt_close { position: relative; top: auto; right: auto; display: block; width: 45px; height: 45px; background: url(../images/bt_m_evt_close.png) 0/100% 100%; text-indent: -9999px; margin: 23px auto 0; z-index: 10; }

.pu_mbs_card .card > div > * { position: absolute; }
.pu_mbs_card .card .front .tit { top: 45px; left: 0; right: 0; text-align: center; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 27px; color: #826c52; line-height: 100%; font-weight: 300; }
.pu_mbs_card .card .front .tit span { display: block; font-size: 16px; }
.pu_mbs_card .card .front .ph { top: 132px; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; background: #f1ebe8 no-repeat center center/cover; border-radius: 100%; }
.pu_mbs_card .card .front .mbs_num { bottom: 170px; left: 0; right: 0; text-align: center; }
.pu_mbs_card .card .front .mbs_num dt { font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.pu_mbs_card .card .front .mbs_num dd { font-size: 11px; }
.pu_mbs_card .card .front .logo { left: 50%; bottom: 85px; transform: translateX(-50%); width: 101px; }
.pu_mbs_card .card .bt_b_bk { right: 20px; bottom: 20px; width: 37px; height: 37px; border-radius: 100%; background: 0/100% 100%; text-indent: -9999px; }
.pu_mbs_card .card .bt_qr { background-image: url(../images/bt_qr.png); }
.pu_mbs_card .card .bt_back { background-image: url(../images/bt_qr_back.png); }
.pu_mbs_card .card .back .mbs_num { top: 55px; left: 0; right: 0; color: #fff; text-align: center; }
.pu_mbs_card .card .back .mbs_num dt { font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.pu_mbs_card .card .back .mbs_num dd { font-size: 11px; }
.pu_mbs_card .card .back .qr { top: 130px; left: 50%; transform: translateX(-50%); width: 160px; }

.pu_sign { width: 320px; max-width: calc(100% - 80px); padding: 27px 20px 20px; }
.pu_sign h3 { font-size: 20px; text-align: center; padding-bottom: 13px; border-bottom: 1px solid #dcdcdc; }
.pu_sign .con .guide { font-size: 14px; font-weight: 700; text-align: center; line-height: 55px; }
.pu_sign .con .s_area { height: 265px; background: #f5f1ee; margin: 0 -7px 20px; }
.pu_sign .con .s_area span { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); font-size: 20px; color: #dcd5d0; text-align: center; font-weight: 700; }

.pu_check_msg { width: 320px; max-width: calc(100% - 80px); padding: 55px 20px 20px; }
.pu_check_msg .msg { font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 47px; }
.pu_check_msg .msg p { font-size: 14px; font-weight: normal; margin-top: 13px; line-height: 175%; }

#tg_contact_us { position: absolute; top: -50px; left: 0; }

.loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0,0,0,0.1); display:none; }
.loading svg { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.loading svg path,
.loading svg rect { fill: #695446; }