/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
	line-height:auto;
	vertical-align:top;
}
textarea { line-height: 165%; }
* { 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; text-align: left; }

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

@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; }

/*layout*/
#wrap { min-width: 640px; }

#header { position: fixed; top: 0; left: 0; right: 0; height: 139px; border-bottom: 1px solid #dcdcdc; background: #fff; z-index: 20; }
#header h1 { position: absolute; top: 31px; left: 80px; }
#header h1 img { width: 372px; }
.header_gap { height: 140px; }

#tm { position: absolute; top: 20px; right: 80px; }
#tm li { float: left; margin-left: 30px; } 
#tm li a { display: block; line-height: 40px; font-size: 14px; font-weight: 700; }
#tm li a:hover { text-decoration: none; }
#tm li a.bt_block { width: 160px; border-radius: 5px; color: #fff; }
#tm li a.bt_block.bt_rv { background: #695446; }
#tm li a.bt_block.bt_d_rv { background: #1d1d1d; }
#tm li a.bt_ic { background: no-repeat 0 center; }
#tm li a.bt_ic.bt_my { padding-left: 22px; background-image: url(../images/ic_my.png); }
#tm li a.bt_ic.bt_login { padding-left: 25px; background-image: url(../images/ic_login.png); }
#tm li a.bt_ic.bt_logout { padding-left: 25px; background-image: url(../images/ic_logout.png); }

#gnb { position: absolute; top: 90px; left: 0; right: 0; padding: 0 60px; }
#gnb>li { position: static; float: left; padding: 0 20px; }
#gnb>li:last-child { margin: 0; }
#gnb>li>a { display: block; line-height: 50px; font-size: 16px; color: #000; }
#gnb>li:hover>a { color: #937a67; text-decoration: none; }
#gnb>li>a::before { content: ''; position: absolute; bottom: 0; left: 50%; right: 50%; height: 5px; background: #937a67; transition: all 0.3s; }
#gnb>li:hover>a::before { left: 0; right: 0; }
#gnb>li>a.bt_open { display: none; }
#gnb li .sub { position: absolute; top: 100%; left: 0; right: 0; height: 400px; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.1); display: none; visibility: hidden; transition: all 0.2s; opacity: 0; z-index: -10; }
#gnb li:hover .sub { display: block; visibility: visible; opacity: 1; z-index: 0; }
#gnb li .sub > * { float: left; box-sizing: border-box; }
#gnb li .sub .m_tit { width: 480px; padding: 57px 30px 0 80px; }
#gnb li .sub .m_tit .name { font-size: 42px; color: #000; font-weight: 700; margin-bottom: 11px; }
#gnb li .sub .m_tit .guide { font-size: 15px; color: #969696; }
#gnb li .sub>ul { width: 448px; height: 400px; padding: 45px 32px; border: 1px solid #dcdcdc; border-width: 0 1px; }
#gnb li .sub>ul>li { margin-bottom: 37px; }
#gnb li .sub>ul>li:last-child { margin: 0; }
#gnb li .sub>ul>li a { font-size: 15px; }
#gnb li .sub>ul>li a:hover { color: #937a67; text-decoration: underline; }
#gnb li .sub>ul>li>ul { padding: 18px 17px; }
#gnb li .sub>ul>li>ul::after { content: ''; display: block; clear: both; }
#gnb li .sub>ul>li>ul>li { float: left; width: calc(50% - 24px); padding: 0 8px 0 16px; margin-bottom: 19px; }
#gnb li .sub>ul>li>ul>li::before { content: '└'; position: absolute; top: 0; left: 0; color: #787878; }
#gnb li .sub>ul>li>ul>li>a { display: inline-block; max-width: 100%; vertical-align: top; color: #787878; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#gnb li .sub .m_ph { width: 460px; padding: 32px 0 32px 40px; }
#gnb li .sub .m_ph .tit { font-size: 16px; color: #000; font-weight: 700; margin-bottom: 12px; }
#gnb li .sub .m_ph .ph { width: 351px; margin-bottom: 16px; }
#gnb li .sub .m_ph .ph div { padding-bottom: 65.879%; background: center center/cover; }
#gnb li .sub .m_ph .tx { font-size: 14px; color: #969696; line-height: 1.285; }

#bt_menu { display: none; }
@media screen and (max-width:1400px) {
#gnb { padding: 0 70px; }
#gnb>li { padding: 0 10px; }
#gnb li .sub .m_tit { width: 35%; }
#gnb li .sub>ul { width: calc(30% - 66px); }
#gnb li .sub .m_ph { width: 35%; max-width: 420px; }
#gnb li .sub .m_ph .ph img { width: 100%; }
}
@media screen and (max-width:1200px) {
a:hover { text-decoration: none; }
#header { height: 60px; }
#header h1 { top: 50%; left: 20px; transform: translateY(-50%); }
#header h1 img { height: 24px; }
.header_gap { height: 60px; }

#menu { position: fixed; top: 0; bottom: 0; left: 100%; right: -100%; background: #fff; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); z-index: 10; padding: 60px 30px 0; overflow: hidden; overflow-y: auto; }
#menu.on { left: 0; right: 0; }

#tm { position: relative; top: auto; right: auto; margin-bottom: 35px; }
#tm:after { content:''; clear:both; display:block; }
#tm li { margin: 0 15px 0 0; } 
#tm li a.bt_block { width: 120px; }

#gnb { position: relative; top: auto; left: auto; right: auto; padding: 0; }
#gnb>li { position: relative; float: none; padding: 0; border-bottom: 1px solid #ebebeb; }
#gnb>li:hover>a { color: #000; }
#gnb>li.on>a { color: #937a67; }
#gnb>li>a::before { display: none; }
#gnb>li>a.bt_open { display: block; position: absolute; top: 0; right: 0; width: 35px; height: 50px; background: url(../images/ar_r_type.png) no-repeat center center/15px 8px; transition: all 0.3s; text-indent: -9999px; }
#gnb>li.on>a.bt_open { transform: rotate(180deg); }
#gnb li:hover .sub { display: none; }
#gnb li .sub { position: relative; top: auto; left: auto; right: auto; height: auto; box-shadow: none; visibility: visible; opacity: 1; z-index: 0; display: none; background: #937a67; padding: 20px; }
#gnb li.on .sub { display: block; }
#gnb li .sub > * { float: none; }
#gnb li .sub .m_tit { display: none; }
#gnb li .sub>ul { width: auto; height: auto; padding: 0; border: 0; }
#gnb li .sub>ul>li { margin-bottom: 15px; }
#gnb li .sub>ul>li a { color: #fff !important; }
#gnb li .sub>ul>li a:hover { color: #fff; text-decoration: none; }
#gnb li .sub>ul>li>ul { padding: 15px 15px 0; }
#gnb li .sub>ul>li>ul>li:last-child { margin: 0; }
#gnb li .sub>ul>li>ul>li::before { color: #fff; }
#gnb li .sub .m_ph { display: none; }

#bt_menu { position:absolute; text-indent: -9999px; top: 50%; right: 15px; width: 20px; height: 16px; margin-top: -8px; z-index: 11; display: block; }
#bt_menu i { position: absolute; left: 0; right: 0; height: 2px; background: #937a67; font-size: 0; line-height: 0; border-radius: 2px; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
#bt_menu i:nth-child(1) { top: 0; }
#bt_menu i:nth-child(2),
#bt_menu i:nth-child(3) { top: 7px; right: 5px; }
#bt_menu i:nth-child(4) { top: 14px; }
#bt_menu i:nth-child(1),
#bt_menu i:nth-child(4) { transition: opacity 0.8s; -webkit-transition: opacity 0.8s; }
#bt_menu.on i:nth-child(1),
#bt_menu.on i:nth-child(4) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
#bt_menu.on i:nth-child(2),
#bt_menu.on i:nth-child(3) { right: 0; opacity: 0.7; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
#bt_menu.on i:nth-child(2) { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
#bt_menu.on i:nth-child(3) { transform: rotate(-495deg); -webkit-transform: rotate(-495deg); }
}

#fixed_btns { position: fixed; bottom: 80px; right: 80px; width: 70px; z-index: 10; }
#fixed_btns.on { transform: translateY(115px); }
#fixed_btns a { display: block; height: 70px; cursor: pointer; border-radius: 100%; box-shadow: 0 10px 20px rgba(0,0,0,0.4); text-indent: -9999px; margin-top: 15px; }
#bt_kakao { background: #fddc3f url(../images/ic_kakao.png) no-repeat center center/cover; }
#bt_quick_hotel { background: #45655A url(../images/ic_quick_hotel.png) no-repeat center center/cover; }
#bt_top { background: #fff url(../images/ic_top.png) no-repeat center center/auto 55%; }

#footer { background: #1d1d1d; padding: 49px 80px 58px; }
#footer .f_sns { margin-bottom: 35px; }
#footer .f_sns:after { content:''; clear:both; display:block; }
#footer .f_sns li { float: left; margin-right: 25px; }
#footer .f_sns li a { display: block; width: 26px; height: 30px; background: no-repeat center center/100% auto; text-indent: -9999px; }
#footer .f_sns li:nth-child(1) a { background-image: url(../images/f_sns01.png); }
#footer .f_sns li:nth-child(2) a { background-image: url(../images/f_sns02.png); }
#footer .f_sns li:nth-child(3) a { background-image: url(../images/f_sns03.png); }
#footer .f_sns li:nth-child(4) a { background-image: url(../images/f_sns04.png); }
#footer .info { font-size: 14px; line-height: 174%; color: #a49a9a; font-weight: 500; margin-bottom: 32px; }
#footer .fm:after { content:''; clear:both; display:block; }
#footer .fm li { float: left; margin-right: 30px; }
#footer .fm li:last-child { margin: 0; }
#footer .fm li a { font-size: 14px; color: #fff; font-weight: 700; }
#footer .logo { position: absolute; bottom: 69px; right: 80px; }
#footer .logo img { width:193px; }

@media screen and (max-width:1200px) {
#fixed_btns { bottom: 30px; right: 30px; width: 60px; }
#fixed_btns.on { transform: translateY(60px); }
#fixed_btns a { height: 60px; box-shadow: 0 5px 10px rgba(0,0,0,0.4); margin-top: 10px; }
#bt_top { background-size: auto 55%; }

#footer { padding: 50px 30px; text-align: center; }
#footer .f_sns { margin-bottom: 30px; }
#footer .f_sns li { float: none; display: inline-block; margin: 0 7px; }
#footer .info { font-size: 13px; margin-bottom: 30px; }
#footer .fm { margin-bottom: 30px; }
#footer .fm li { float: none; display: inline-block; margin: 0 7px; }
#footer .fm li a { font-size: 13px; }
#footer .logo { position: relative; bottom: auto; right: auto; }
#footer .logo img { height: 95px; }
}


/*main*/
.mt_slider .swiper-slide img { width: 100%; }
.mt_slider .tx { position: absolute; top: 50%; left: 50%; margin-top: -85px; width: 100%; max-width: 1000px; transform: translate(-50%,-50%); z-index: 10; color: #fff; text-align: center; }
.mt_slider .tx .tit { font-size: 62px; margin-bottom: 32px; animation: 0.8s fadeInDown; }
.mt_slider .tx p { font-size: 18px; line-height: 175%; animation: 0.8s fadeInUp; }
.mt_slider .swiper-button-prev,
.mt_slider .swiper-button-next { width: 32px; height: 98px; transform: translateY(-50%); margin-top: -85px; }
.mt_slider .swiper-button-prev { left: 80px; background-image: url(../images/mt_slider_prev.png); }
.mt_slider .swiper-button-next { right: 80px; background-image: url(../images/mt_slider_next.png); }
.mt_slider .t_img > img { width: 100%; }
.m_reservation { position: absolute; bottom: 155px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1460px; z-index: 5; }
.m_reservation .form { margin-right: 257px; }
.m_reservation .form::after { content: ''; display: block; clear: both; }
.m_reservation dl { float: left; height: 80px; background: #fff; margin-right: 8px; }
.m_reservation dl dd::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); }
.m_reservation dl.date dd::after { right: 70px; width: 28px; height: 28px; background: url(../images/ic_cal.png) 0/100% 100%; }
.m_reservation dl:nth-child(1) { width: calc(49% - 8px); }
.m_reservation dl:nth-child(2) { width: calc(15% - 8px); }
.m_reservation dl:nth-child(3) { width: calc(18% - 8px); }
.m_reservation dl:nth-child(4) { width: calc(18% - 8px); }
.m_reservation dl dt { position: absolute; top: 0; left: 0; padding: 0 30px; font-size: 16px; color: #969696; line-height: 80px; z-index: 1; }
.m_reservation dl:nth-child(3) dt,
.m_reservation dl:nth-child(4) dt { padding:0 45px; }
.m_reservation dl dd input { width: 100%; height: 79px; padding-bottom: 1px; border: 0; text-align: right; font-size: 16px; font-weight: 700; text-align: right; outline: 0; vertical-align: top; background: none; z-index: 1; }
.m_reservation dl.date dd input { padding-right: 140px; }
.m_reservation dl.date dd span { position: absolute; top: 0; right: 65px; line-height: 80px; font-size: 16px; font-weight: 700; }
.m_reservation dl.p_num dd { padding-right: 40px; }
.m_reservation dl.p_num dd input { padding-right: 40px; }
.m_reservation dl.p_num dd .btns { position: absolute; top: 0; right: 0; bottom: 0; width: 39px; border-left: 1px solid #dcdcdc; }
.m_reservation dl.p_num dd .btns::after { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #dcdcdc; }
.m_reservation dl.p_num dd .btns a { display: block; height: 50%; text-indent: -9999px; background: no-repeat center center; }
.m_reservation dl.p_num dd .btns a.off { opacity: 0.15; }
.m_reservation dl.p_num dd .btns a:nth-child(1) { background-image: url(../images/ar_p_num_up.png); }
.m_reservation dl.p_num dd .btns a:nth-child(2) { background-image: url(../images/ar_p_num_down.png); }
.m_reservation .bt_rv { position: absolute; top: 0; right: 0; width: 257px; line-height: 80px; background-color: #695446; font-size: 18px; color: #fff; letter-spacing: 2px; font-weight: 700; }
.m_reservation dl.night dd { background: #e5e3e2; font-size: 16px; font-weight: 700; line-height: 80px; text-align: center; }

.heapBox { position:relative; clear:both; vertical-align: middle; display:inline-block; *zoom:1; *display:inline; }
.heapBox a,
.heapBox a:hover { text-decoration:none; }
.heapBox * { margin:0; padding:0; transition: none; }
.heapBox .holder, .heapBox .handler { position:relative; }
.heapBox .heap { position:absolute; display:none; overflow: hidden; overflow-y: scroll; }
.heapBox .heap a { display:block; }
.heapBox .heap .heapOptions { display:block; }
.heapBox .heap .heapOptions .heapOption { position:relative; display:block; }

.heapBox.ds_sel { width: 100%; height:80px; }
.heapBox.ds_sel .holder { display:block; height:80px; line-height:80px; font-size: 16px; color: #000; text-align: right; font-weight: 700; padding: 0 62px 0 30px; background:none; }
.heapBox.ds_sel .heap { top:calc(100% + 2px); left:0; right:0; z-index:9999; background:#fff; border: 1px solid #695446; }
.heapBox.ds_sel .heap a { font-size: 16px; color:#000; padding:0 20px; line-height:80px; border-bottom: 1px solid #ddd; }
.heapBox.ds_sel .heap a:last-child { border: 0; }
.heapBox.ds_sel .selected { background:#695446; color:#fff !important; }
.heapBox.ds_sel .handler { position:absolute; top:0; right:0; bottom:0; width:62px; background: url(../images/ar_r_type.png) no-repeat center center; }
@media screen and (max-width:1520px) {
.m_reservation { bottom: 65px; left: 30px; right: 30px; transform: none; width: auto; max-width: none; }
.m_reservation .form { margin-right: 210px; }
.m_reservation dl { height: 60px; margin-right: 6px; }
.m_reservation dl.date dd::after { right: 15px; width: 24px; height: 24px; }
.m_reservation dl:nth-child(1) { width: calc(49% - 6px); }
.m_reservation dl:nth-child(2) { width: calc(15% - 6px); }
.m_reservation dl:nth-child(3) { width: calc(18% - 6px); }
.m_reservation dl:nth-child(4) { width: calc(18% - 6px); }
.m_reservation dl dt { padding: 0 15px !important; font-size: 14px; line-height: 60px; }
.m_reservation dl dd input { height: 59px; font-size: 14px; }
.m_reservation dl.date dd input { padding-right: 60px; }
.m_reservation dl.date dd span { right: 55px; line-height: 60px; font-size: 14px; }
.m_reservation dl.p_num dd { padding-right: 35px; }
.m_reservation dl.p_num dd input { padding-right: 15px; }
.m_reservation dl.p_num dd .btns { width: 34px; }
.m_reservation .bt_rv { width: 210px; line-height: 60px; font-size: 16px; }
.m_reservation dl.night dd { font-size: 14px; line-height: 60px; }

.heapBox.ds_sel { height:60px;  }
.heapBox.ds_sel .holder { height:60px; line-height:60px; font-size: 14px; padding: 0 40px; }
.heapBox.ds_sel .heap a { font-size: 14px; padding:0 15px; line-height:60px; }
.heapBox.ds_sel .handler { width:42px; background-size: 16px auto; }
}
@media screen and (max-width:1300px) {
.mt_slider .tx { margin-top: 0; left: 100px; right: 100px; width: auto; transform: translateY(-50%); }
.mt_slider .tx .tit { font-size: 45px; margin-bottom: 20px; }
.mt_slider .tx p { font-size: 14px; }
.mt_slider .swiper-button-prev,
.mt_slider .swiper-button-next { width: 25px; height: 70px; margin: 0; background-size: 100% 100%; }
.mt_slider .swiper-button-prev { left: 30px; }
.mt_slider .swiper-button-next { right: 30px; }

.m_reservation { position: relative; bottom: auto; left: auto; right: auto; transform: none; width: auto; max-width: none; padding: 20px; border-bottom: 1px solid dcdcdc; background: #1d1d1d; }
.m_reservation .form:after { content:''; clear:both; display:block; }
.m_reservation dl:nth-child(1) { width: calc(60% - 6px); margin-bottom: 6px; }
.m_reservation dl:nth-child(2) { width: calc(40% - 6px); margin-bottom: 6px; }
.m_reservation dl:nth-child(3) { width: calc(50% - 6px); }
.m_reservation dl:nth-child(4) { width: calc(50% - 6px); }
.m_reservation .bt_rv { top: 20px; right: 20px; }
}
@media screen and (max-width:1000px) {
.mt_slider .tx p br { display: none; }

.m_reservation * { font-size: 13px !important; }
.m_reservation .form { margin-right: 0; }
.m_reservation .bt_rv { position: relative; display: block; top: auto; right: auto; width: auto; margin-top: 10px; line-height: 50px; font-size: 14px; }
}

.bt_learn_more { font-size: 16px; line-height: 100%; font-weight: 700; padding-bottom: 7px; }
.bt_learn_more:hover { text-decoration: none; }
.bt_learn_more::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #000; }
.bt_learn_more::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #937a67; transition: all 0.3s; }
.bt_learn_more:hover { color: #937a67; }
.bt_learn_more:hover::after { width: 100%; }
@media screen and (max-width:1200px) {
.bt_learn_more { font-size: 14px; padding-bottom: 5px; }
}

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

.m_se { padding: 140px 30px; }
.m_se h2 { font-size: 64px; text-align: center; margin-bottom: 30px; }
.m_se .btn { text-align: center; margin-bottom: 45px; }
.m_se .slider { max-width: 1620px; margin: 0 auto; }
.m_se .slider .ph { padding-bottom: 71.4%; margin-bottom: 34px; background: no-repeat center center/cover; }
.m_se .slider .tx .tit { font-size: 26px; color: #000; font-weight: 700; line-height: 100%; margin-bottom: 32px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_se .slider .tx dl { line-height: 135%; margin-bottom: 15px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_se .slider .tx dl:last-child { margin: 0; }
.m_se .slider .tx dl dt { display: inline-block; margin-right: 27px; }
.m_se .slider .tx dl dd { display: inline; color: #787878; }

.m_se .swiper-pagination { position:relative; bottom: auto; left: auto; right: auto; margin-top: 75px; }
.m_se .swiper-pagination-bullet { width:15px; height:15px; opacity: 1; background: #dcdcdc; border-radius: 8px; vertical-align: top; }
.m_se .swiper-pagination-bullet-active { width: 60px; background: #695446; }
@media screen and (max-width:1200px) {
.m_se { padding: 70px 30px; }
.m_se h2 { font-size: 40px; margin-bottom: 20px; }
.m_se .btn { margin-bottom: 35px; }
.m_se .slider .ph { margin-bottom: 20px; }
.m_se .slider .tx .tit { font-size: 18px; margin-bottom: 20px; }
.m_se .slider .tx dl { margin-bottom: 10px; font-size: 12px; }
.m_se .slider .tx dl dt { margin-right: 15px; }

.m_se .swiper-pagination { margin-top: 40px; }
.m_se .swiper-pagination-bullet { width:10px; height:10px; }
.m_se .swiper-pagination-bullet-active { width: 35px; }
}

.m_house { margin-bottom: 185px; }
.m_house .gallery-top { margin-right: 680px; }
.m_house .swiper-slide .ph img { width: 100%; }
.m_house .gallery-thumbs { position: absolute; top: 0; right: 0; bottom: 0; box-sizing: border-box; width: 680px; padding: 0 75px; }
.m_house .swiper-slide { background: #fff; height: 100%; }
.m_house .swiper-slide .tx { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
.m_house .swiper-slide .tx .cate { font-size: 20px; color: #937a67; font-weight: 700; line-height: 100%; margin-bottom: 17px; }
.m_house .swiper-slide .tx .name { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 64px; color: #000; font-weight: 300; line-height: 100%; margin-bottom: 40px; }
.m_house .swiper-slide .tx p { font-size: 16px; color: #787878; line-height: 150%; margin-bottom: 70px; }
.m_house .swiper-button-prev,
.m_house .swiper-button-next { width: 43px; height: 110px; transform: translateY(-50%); background: no-repeat center center/100% 100%; }
.m_house .swiper-button-prev { left: 72px; background-image: url(../images/m_house_bt_prev.png); }
.m_house .swiper-button-next { right: 72px; background-image: url(../images/m_house_bt_next.png); }
.m_house .swiper-pagination { position: absolute; bottom: 15px; left: auto; right: 75px; width: auto; font-size: 60px; color: #c8c8c8; font-family:NanumGothicLight; }
.m_house .swiper-pagination i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/m_house_dash.png) no-repeat center center; }
.m_house .swiper-pagination-current,
.m_house .swiper-pagination-total { display: inline-block; vertical-align: middle; }
.m_house .swiper-pagination-current { margin: -45px 0 0 0; color: #000; }
.m_house .swiper-pagination-total { margin: 0 0 -15px 0; }
@media screen and (max-width:1600px) {
.m_house .gallery-top { margin-right: 500px; }
.m_house .gallery-thumbs { width: 500px; padding: 0 40px; }
.m_house .swiper-slide .tx .cate { font-size: 18px; }
.m_house .swiper-slide .tx .name { font-size: 56px; }
.m_house .swiper-slide .tx p { font-size: 14px; margin-bottom: 50px; }
.m_house .swiper-button-prev { left: 30px; }
.m_house .swiper-button-next { right: 30px; }
}
@media screen and (max-width:1200px) {
.m_house { margin-bottom: 100px; }
.m_house .gallery-top { margin-right: 400px; }
.m_house .gallery-thumbs { width: 400px; padding: 0 25px; }
.m_house .swiper-slide .tx .cate { font-size: 16px; margin-bottom: 10px; }
.m_house .swiper-slide .tx .name { font-size: 36px; margin-bottom: 20px; }
.m_house .swiper-slide .tx p { font-size: 14px; margin-bottom: 30px; }
.m_house .swiper-slide .tx p br { display: none; }
.m_house .swiper-button-prev,
.m_house .swiper-button-next { width: 30px; height: 80px; }
.m_house .swiper-pagination { bottom: 20px; right: 30px; font-size: 35px; }
.m_house .swiper-pagination i { background-size: 60% auto; }
.m_house .swiper-pagination-current { margin: -25px 0 0 0; }
.m_house .swiper-pagination-total { margin: 0 0 -15px 0; }
}
@media screen and (max-width:900px) {
.m_house { margin-bottom: 75px; }
.m_house .gallery-top { margin-right: 0; }
.m_house .gallery-thumbs { position: relative; top: auto; right: auto; width: auto; transform: none; padding: 30px; }
.m_house .swiper-slide .tx { position: relative; top: auto; left: auto; right: auto; transform: none; min-height: 190px; }
.m_house .swiper-button-prev,
.m_house .swiper-button-next { top: 0; transform: none; width: 30px; height: calc(860/1270*100vw); background-size: 100% auto; }
}

.m_ms { padding: 0 30px; margin-bottom: 173px; }
.m_ms .wrap { max-width: 1760px; margin: 0 auto; }
.m_ms .m_magazine { position: absolute; top: 0; left: 0; bottom: 0; width: 710px; background: url(../images/m_mg_ph.png) center center/cover; }
.m_ms .m_magazine h2 { position: absolute; left: 56px; bottom: 60px; font-size: 64px; color: #fff; }
.m_ms .m_magazine h2 span { display: block; font-size: 24px; line-height: 100%; margin-bottom: 7px; }
.m_ms .m_sm { margin-left: 750px; padding-top: 90px; }
.m_ms .m_sm h2 { font-size: 64px; text-align: center; margin-bottom: 26px; }
.m_ms .m_sm .t_guide { font-size: 16px; text-align: center; margin-bottom: 100px; }
.m_ms .slider { padding: 0 46px; }
.m_ms .slider .ph { padding-bottom: 98.24%; background: no-repeat center center/cover; margin-bottom: 29px; }
.m_ms .slider .tx .tit { font-size: 20px; color: #000; font-weight: 700; line-height: 100%; margin-bottom: 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_ms .slider .tx p { font-size: 16px; color: #787878; line-height: 145%; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.m_ms .swiper-button-prev,
.m_ms .swiper-button-next { width: 21px; height: 280px; top: 0; background: no-repeat center center/100% auto; }
.m_ms .swiper-button-prev { left: 0; background-image: url(../images/m_sm_prev.png); }
.m_ms .swiper-button-next { right: 0; background-image: url(../images/m_sm_next.png); }
@media screen and (max-width:1820px) {
.m_ms .m_magazine { width: 39%; }
.m_ms .m_magazine h2 { left: 40px; bottom: 45px; font-size: 56px; }
.m_ms .m_magazine h2 span { font-size: 20px; margin-bottom: 5px; }
.m_ms .m_sm { margin-left: calc(39% + 30px); padding-top: 50px; }
.m_ms .m_sm h2 { font-size: 56px; margin-bottom: 20px; }
.m_ms .m_sm .t_guide { font-size: 15px; margin-bottom: 70px; }
.m_ms .slider { padding: 0 30px; }
.m_ms .swiper-button-prev,
.m_ms .swiper-button-next { width: 15px; height: calc(280/1920*100vw); }
}
@media screen and (max-width:1200px) {
.m_ms { margin-bottom: 100px; }
.m_ms .m_magazine { width: 50%; }
.m_ms .m_magazine h2 { left: 30px; bottom: 35px; font-size: 40px; }
.m_ms .m_magazine h2 span { font-size: 15px; }
.m_ms .m_sm { margin-left: calc(50% + 20px); padding-top: 30px; }
.m_ms .m_sm h2 { font-size: 40px; margin-bottom: 15px; }
.m_ms .m_sm .t_guide { font-size: 14px; margin-bottom: 50px; }
.m_ms .slider .ph { margin-bottom: 15px; }
.m_ms .slider .tx .tit { font-size: 16px; margin-bottom: 10px; }
.m_ms .slider .tx p { font-size: 14px; }
.m_ms .swiper-button-prev,
.m_ms .swiper-button-next { height: calc(320/1920*100vw); }
}
@media screen and (max-width:900px) {
.m_ms .m_magazine { position: relative; top: auto; left: auto; bottom: auto; width: auto; height: 300px; }
.m_ms .m_sm { margin-left: 0; padding-top: 50px; }
.m_ms .swiper-button-prev,
.m_ms .swiper-button-next { height: calc(470/1920*100vw); }
.m_ms .slider .tx .tit { font-size: 14px; }
.m_ms .slider .tx p { font-size: 12px; }
}

.m_gd { margin-bottom: 179px; padding: 0 30px; }
.m_gd h2 { font-size: 64px; text-align: center; margin-bottom: 50px; }
.m_gd .wrap { max-width: 1540px; margin: 0 auto; }
ul.tab_m_gb { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; }
ul.tab_m_gb li { float:left; width: 25%; }
ul.tab_m_gb li a { display:block; line-height: 80px; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 23px; color: #fff; background: #000; opacity: 0.3; text-align:center; }
ul.tab_m_gb li a:hover { text-decoration:none; }
ul.tab_m_gb li.active a { color:#62534c; background: rgba(255,255,255,0.77); opacity: 1; }
.tab_m_gb_content { display:none; }
.tab_m_gb_content::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%); }
.tab_m_gb_content a { z-index: 1; }
.tab_m_gb_content.on { display:block; }
.tab_m_gb_content img { width: 100%; }
.tab_m_gb_content .bt_learn_more { position: absolute; bottom: 101px; left: 50%; transform: translateX(-50%); color: #fff; }
.tab_m_gb_content .bt_learn_more::before,
.tab_m_gb_content .bt_learn_more::after { background: #fff; }
@media screen and (max-width:1200px) {
.m_gd { margin-bottom: 100px; }
.m_gd h2 { font-size: 40px; margin-bottom: 20px; }
ul.tab_m_gb li a { line-height: 60px; font-size: 18px; }
}

.m_mbs { padding: 165px 30px 155px; background: url(../images/m_mbs_bg.png) no-repeat center center/cover; }
.m_mbs .con { width: 100%; min-height: 360px; max-width: 1000px; margin: 0 auto; box-sizing: border-box; padding: 30px; background: #fff; }
.m_mbs .con .ph { position: absolute; top: 30px; left: 30px; bottom: 30px; width: 460px; background: url(../images/m_mbs_img.png) no-repeat center center/cover; }
.m_mbs .con .tx { margin-left: 460px; padding: 32px 0 32px 68px; }
.m_mbs .con .tx .cate { font-size: 14px; color: #937a67; font-weight: 700; margin-bottom: 10px; }
.m_mbs .con .tx h2 { font-size: 46px; margin-bottom: 30px; }
.m_mbs .con .tx p { font-size: 16px; color: #787878; line-height: 175%; margin-bottom: 80px; }
.m_mbs .con .tx .bt_app_counsel { display: block; width: 244px; line-height: 58px; border: 1px solid #62534c; border-radius: 5px; font-size: 16px; color: #62534c; font-weight: 700; letter-spacing: 1px; }
@media screen and (max-width:1060px) {
.m_mbs { padding: 100px 30px; }
.m_mbs .con .ph { width: 50%; }
.m_mbs .con .tx { margin-left: 50%;  padding: 25px 0 25px 65px; }
.m_mbs .con .tx .cate { font-size: 13px; margin-bottom: 7px; }
.m_mbs .con .tx h2 { font-size: 40px; margin-bottom: 20px; }
.m_mbs .con .tx p { font-size: 14px; margin-bottom: 50px; }
.m_mbs .con .tx .bt_app_counsel { width: 180px; line-height: 48px; font-size: 14px; }
}
@media screen and (max-width:800px) {
.m_mbs { padding: 80px 30px; }
.m_mbs .con .ph { position: relative; top: auto; left: auto; bottom: auto; width: auto; height: 0; padding-bottom: 78.26%; }
.m_mbs .con .tx { margin-left: 0;  padding: 25px 0 0; }
.m_mbs .con .tx h2 { margin-bottom: 10px; }
.m_mbs .con .tx p { margin-bottom: 35px; }
}


/*01resort*/
.po_resort .section { height: 1080px; 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.jpg); overflow: hidden; }
.po_resort .section.p03 { background-image: url(../images/p03_bg.jpg); }
.po_resort .section.p05 { background-image: url(../images/p05_bg.jpg); }*/
.section.p06 { background: #f2ede9; }

.po_resort .p01 { height: 940px; }
.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: 46px; background: url(../images/p01_mountain.png) no-repeat center 0/auto 100%; margin-bottom: 15px; }
.po_resort .p01 .tx h2 { font-size: 64px; color: #fff; margin-bottom: 35px; }
.po_resort .p01 .tx h2 span { display: inline-block; transition: none; }
.po_resort .p01 .tx p { font-size: 19px; line-height: 168%; color: #fff; }
.po_resort .p01 .scroll { position: absolute; bottom: 47px; left: 0; right: 0; padding-bottom: 103px; text-align: center; font-size: 14px; color: #fff; font-weight: 700; background: url(../images/ar_po_resort_scroll.png) no-repeat center bottom; }

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

@media screen and (max-width:1200px) {
.po_resort .p01 .tx { left: 40px; right: 40px; }
.po_resort .p01 .tx:before { height: 36px; margin-bottom: 12px; }
.po_resort .p01 .tx h2 { font-size: 45px; line-height: 130%; margin-bottom: 25px; }
.po_resort .p01 .tx p { font-size: 16px; }
.po_resort .p01 .scroll { padding-bottom: 95px; font-size: 13px; }
.po_resort .p01 .scroll:before { height: 85px; }
}

.po_resort .p02 .tx { position: absolute; top: 50%; left: 0; width: calc(37.5% - 150px); transform: translateY(-50%); padding: 0 50px 0 100px; }
.po_resort .p02 .tx h2 { font-size: 42px; line-height: 133%; margin-bottom: 38px; }
.po_resort .p02 .tx h2 span { color: #937a67; }
.po_resort .p02 .tx p { font-size: 16px; color: #787878; line-height: 175%; padding-left: 3px; }
.po_resort .p02 .bg { position: absolute; top: 0; left: 37.5%; right: 0; bottom: 0; }
/*.po_resort .p02 .bg { position: absolute; top: 0; left: 37.5%; right: 0; bottom: 0; background: url(../images/p02_bg.jpg) center center/cover; }*/
@media screen and (max-width:1200px) {
.po_resort .p02 .tx { width: calc(50% - 80px); padding: 0 40px; }
.po_resort .p02 .tx h2 { font-size: 32px; margin-bottom: 25px; }
.po_resort .p02 .tx p { font-size: 14px; padding-left: 2px; }
.po_resort .p02 .tx p br { display: none; }
.po_resort .p02 .bg { left: 50%; }
}

.po_resort .p03 .tx { position: absolute; bottom: 115px; left: 100px; }
.po_resort .p03 .tx h2 { font-size: 42px; color: #fff; line-height: 133%; margin-bottom: 38px; }
.po_resort .p03 .tx p { font-size: 16px; color: #fff; line-height: 175%; padding-left: 3px; }
@media screen and (max-width:1200px) {
.po_resort .p03 .tx { bottom: 50px; left: 40px; right: 40px; }
.po_resort .p03 .tx h2 { font-size: 32px; margin-bottom: 25px; }
.po_resort .p03 .tx p { font-size: 14px; padding-left: 2px; }
}

.po_resort .p04 .ph { position: absolute; top: calc(170/1080*100vh); background: center center/cover; }
.po_resort .p04 .ph.ph01 { left: 0; bottom: calc(170/1080*100vh + 275px); width: calc(45% - 83px); }
.po_resort .p04 .ph.ph02 { right: 0; bottom: calc(170/1080*100vh); width: calc(55% - 83px); }
/*.po_resort .p04 .ph.ph01 { left: 0; bottom: calc(170/1080*100vh + 275px); width: calc(45% - 83px); background-image: url(../images/p04_ph01.jpg); }
.po_resort .p04 .ph.ph02 { right: 0; bottom: calc(170/1080*100vh); width: calc(55% - 83px); background-image: url(../images/p04_ph02.jpg); }*/

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

.po_resort .p04 .tx { position: absolute; bottom: calc(170/1080*100vh + 10px); left: 100px; max-width: 43%; }
.po_resort .p04 .tx h2 { font-size: 42px; color: #000; line-height: 133%; margin-bottom: 38px; }
.po_resort .p04 .tx h2 span { color: #937a67; }
.po_resort .p04 .tx p { font-size: 16px; color: #787878; line-height: 175%; padding-left: 3px; }
@media screen and (max-width:1200px) {
.po_resort .p04 .ph { top: calc(150/1080*100vh); }
.po_resort .p04 .ph.ph01 { bottom: calc(150/1080*100vh + 265px); width: calc(55% - 40px); }
.po_resort .p04 .ph.ph02 { bottom: calc(150/1080*100vh); width: calc(45% - 40px); }
.po_resort .p04 .tx { bottom: calc(150/1080*100vh + 10px); left: 40px; right: 45%; max-width: none; }
.po_resort .p04 .tx h2 { font-size: 32px; margin-bottom: 25px; }
.po_resort .p04 .tx p { font-size: 14px; padding-left: 2px; }
.po_resort .p04 .tx p br { display: none; }
}
@media screen and (max-width:640px) {
.po_resort .p04 .ph { top: 75px; }
.po_resort .p04 .ph.ph01 { bottom: auto; height: 30%; width: 80%; }
.po_resort .p04 .ph.ph02 { top: calc(30% + 95px); bottom: 230px; width: 85%; }
.po_resort .p04 .tx { bottom: 20px; left: 20px; right: 20px; }
.po_resort .p04 .tx h2 { font-size: 24px; margin-bottom: 20px; }
.po_resort .p04 .tx p { font-size: 13px; }
}

.po_resort .p05 .tx { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-52%); text-align: center; }
.po_resort .p05 .tx h2 { font-size: 62px; color: #fff; margin-bottom: 22px; }
.po_resort .p05 .tx h2 span { color: #ffe8cd; transition: none; }
.po_resort .p05 .tx h2 em { display: inline-block; transition: none; }
.po_resort .p05 .tx p { font-size: 18px; line-height: 155%; color: #fff; }
@media screen and (max-width:1200px) {
.po_resort .p05 .tx { left: 40px; right: 40px; }
.po_resort .p05 .tx h2 { font-size: 45px; line-height: 130%; margin-bottom: 25px; }
.po_resort .p05 .tx p { font-size: 16px; margin: 0 50px; }
.po_resort .p05 .tx p br { display: none; }
}

.po_resort .p06 { height: auto; }
.contact_us { padding: 110px 40px 60px;}
.contact_us h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 56px; font-weight: 300; text-align: center; margin-bottom: 110px; }
.contact_us .wrap { max-width: 1240px; margin: 0 auto; background: #fff; padding: 90px 180px; }
.contact_us .t_guide { font-size: 18px; text-align: center; margin-bottom: 100px; }
.contact_us .form { margin: 0 -55px; padding-bottom: 40px; }
.contact_us .form dl { float: left; width: calc(50% - 110px); margin: 0 55px 40px; }
.contact_us .form dl dt { font-size: 16px; 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: 52px; border: 0; background: none; border-bottom: 2px solid #dcdcdc; font-size: 18px; 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%; left: 0; transform: translateY(-50%); width: 90px; line-height: 32px; border-radius: 16px; background: #937a67; font-size: 12px; color: #fff; font-weight: 500; text-align: center; }
.contact_us .form dl dd .bt_find_adr:hover { text-decoration: none; }
.contact_us .form dl.paths { width: calc(100% - 110px); }
.contact_us .form dl.paths dt { margin-bottom: 10px; }
.contact_us .form dl.paths dd .cb { margin: 0 0 0 13px; }
.contact_us .form dl.paths dd .cb li { float: left; width: 12.5%; line-height: 52px; }
.contact_us .form dl.paths dd .cb li:last-child { width: calc(50% - 95px); padding-left: 95px; }
.contact_us .form dl.paths dd .cb li:last-child input[type=radio] + label { position: absolute; top: 0; left: 0; }
.contact_us .form dl.inquiry { width: calc(100% - 110px); }
.contact_us .form dl.inquiry dt { margin-bottom: 14px; }
.contact_us .form dd textarea { width: 100%; height: 260px; border: 2px solid #dcdcdc; outline: 0; padding: 20px; font-size: 16px; font-weight: 700; }
.contact_us .agree dl { margin-bottom: 80px; color: #6d5743; }
.contact_us .agree dl dt { font-size: 16px; line-height: 100%; font-weight: 700; letter-spacing: 0.5px; border-bottom: 2px solid #937a67; padding-bottom: 18px; margin-bottom: 35px; }
.contact_us .agree dl dt span { color: #937a67; }
.contact_us .agree dl dd { font-size: 14px; color: #000; line-height: 178%; }
.contact_us .agree dl dd b { font-size: 16px; }
.contact_us .agree dl dd .info_way li { padding-left: 95px; line-height: 28px; margin-bottom: 25px; }
.contact_us .agree dl dd .info_way li em { position: absolute; top: 0; left: 0; font-size: 18px; color: #937a67; font-weight: 700; }
.contact_us .cb { margin-top: 45px; font-size: 14px; font-weight: 700; color: #000; }
.contact_us .cb span { margin-right: 65px; }
.cb input[type=radio],
.cb input[type=checkbox] { display: none; }
.cb input + label:before { content: ''; display: inline-block; width: 28px; height: 28px; border-radius: 100%; vertical-align: middle; margin: -3px 10px 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: 17px; color: #000; margin-bottom: 15px; }
.contact_us .b_btns a { display: inline-block; width: 246px; line-height: 60px; border-radius: 5px; font-size: 16px; 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: 22px; height: 16px; 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; }
@media screen and (max-width:1200px) {
.contact_us { padding: 45px 30px 30px;}
.contact_us h2 { font-size: 45px; margin-bottom: 42px; }
.contact_us .wrap { padding: 45px 30px; }
.contact_us .t_guide { font-size: 16px; margin-bottom: 45px; }
.contact_us .form { margin: 0 -10px; padding-bottom: 40px; }
.contact_us .form dl { width: calc(50% - 20px); margin: 0 10px 20px; }
.contact_us .form dl dt { font-size: 14px; }
.contact_us .form dl:nth-child(1) dt,
.contact_us .form dl:nth-child(2) dt { font-size: 12px; }
.contact_us .form input[type=text] { height: 45px; font-size: 14px; }
.contact_us .form dl dd.adr input[type=text] { padding-left: 90px; }
.contact_us .form dl dd.check:after { right: 5px; width: 14px; height: 8px; background-size: 100% 100%; }
.contact_us .form dl dd .bt_find_adr { width: 80px; line-height: 28px; border-radius: 14px; }
.contact_us .form dl.paths { width: calc(100% - 20px); }
.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 { float: left; width: 25%; line-height: 45px; }
.contact_us .form dl.paths dd .cb li:last-child { width: calc(100% - 95px); padding-left: 95px; }
.contact_us .form dl.paths dd .cb li:last-child input[type=radio] + label { position: absolute; top: 0; left: 0; }
.contact_us .form dl.inquiry { width: calc(100% - 20px); }
.contact_us .form dl.inquiry dt { margin-bottom: 12px; }
.contact_us .form dd textarea { height: 200px; padding: 15px; font-size: 15px; }
.contact_us .agree dl { margin-bottom: 60px; }
.contact_us .agree dl dt { font-size: 14px; padding-bottom: 15px; margin-bottom: 25px; }
.contact_us .agree dl dd { font-size: 13px; }
.contact_us .agree dl dd .info_way li { padding-left: 85px; line-height: 24px; margin-bottom: 20px; }
.contact_us .agree dl dd .info_way li em { font-size: 16px; }
.contact_us .cb { margin-top: 30px; }
.contact_us .cb span { margin-right: 30px; }
.cb input + label:before { width: 24px; height: 24px; margin: -3px 7px 0 0; }
.contact_us .b_btns a { width: 210px; line-height: 54px; font-size: 15px; margin: 0 12px; }
.contact_us .b_btns a:after { margin: -3px 0 0 12px; }
.contact_us .b_btns a.bt_send:after { width: 21px; height: 15px; }
.contact_us .b_btns a.bt_download:after { width: 17px; height: 17px; }
.contact_us .b_btns a.bt_regi,
.contact_us .b_btns a.bt_cancel { width: 160px; }
}

.magazine .t_area { height: 820px; }
/*.magazine .t_area { height: 820px; background: url(../images/ta_bg_magazine.png) no-repeat center center/cover; }*/
.magazine .t_area .option { position: absolute; top: 80px; right: 80px; display: none; }
.magazine .t_area .option span { float: left; width: 160px; margin-left: 6px; }
.magazine .t_area .option span::after { content: ''; position:absolute; top:0; right:0; bottom:0; width:54px; background: url(../images/ar_magazine_sel.png) no-repeat center center; }
.magazine .t_area .option select { width: 100%; height: 47px; background: #fff; border: 0; border-radius: 5px; font-size: 16px; color: #000; font-weight: 700; padding: 0 18px; appearance: none; }

.heapBox.mg_sel { width: 160px; height: 47px; background: #fff; border-radius: 5px; margin-left: 4px; }
.heapBox.mg_sel .holder { display:block; height: 47px; line-height: 47px; font-size: 16px; color: #000; font-weight: 700; padding: 0 18px; background:none; }
.heapBox.mg_sel .heap { top:calc(100% - 5px); padding-top: 5px; left:0; right:0; z-index:9999; background:#fff; padding-bottom: 12px; border-radius: 0 0 5px 5px; }
.heapBox.mg_sel .heap a { font-size: 16px; color:#000; font-weight: 700; padding:0 18px; line-height:29px; }
.heapBox.mg_sel .heap a:last-child { border: 0; }
.heapBox.mg_sel .selected { color:#695446 !important; }
.heapBox.mg_sel .handler { position:absolute; top:0; right:0; bottom:0; width:54px; background: url(../images/ar_magazine_sel.png) no-repeat center center; }

.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: 32px; color: #f6e6bf; margin-bottom: 53px; }
.magazine .t_area .tx .tit { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 72px; color: #fff; }
.magazine .t_area .tx .tit span.s_tx { display: block; font-size: 32px; margin-top: 30px; }
.magazine .t_area::after { content: ''; position: absolute; bottom: 74px; left: 0; right: 0; height: 84px; background: url(../images/ar_mg_scroll.png) no-repeat center 0; }
.magazine .wrap { padding: 110px 30px 132px; }
.magazine .wrap .con { max-width: 1160px; margin: 0 auto; }
.magazine .wrap .con .slider { max-width: 700px; padding: 0 80px; margin: 0 auto 70px; }
.magazine .wrap .con .slider .ph { margin-bottom: 15px; }
.magazine .wrap .con .slider .ph img { width: 100%; }
.magazine .wrap .con .slider .tx { font-size: 14px; color: #000; line-height: 140%; }
.magazine .wrap .con .slider .tx .writer { text-align: right; margin-top: 18px; }
.magazine .wrap .con .slider .swiper-button-prev,
.magazine .wrap .con .slider .swiper-button-next { top: 0; width: 20px; height: 700px; background: no-repeat center center; }
.magazine .wrap .con .slider .swiper-button-prev.swiper-button-disabled,
.magazine .wrap .con .slider .swiper-button-next.swiper-button-disabled { opacity: 0; }
.magazine .wrap .con .slider .swiper-button-prev { left: 0; background-image: url(../images/magazine_slider_bt_prev.png); }
.magazine .wrap .con .slider .swiper-button-next { right: 0; background-image: url(../images/magazine_slider_bt_next.png); }
.magazine .wrap .con .con_tx { font-size: 16px; color: #000; line-height: 187.5%; }
.magazine .wrap .con .con_tx dl { margin-bottom: 90px; }
.magazine .wrap .con .con_tx dl:last-child { margin: 0; }
.magazine .wrap .con .con_tx dl dt { font-size: 30px; line-height: 145%; font-weight: 700; margin-bottom: 20px; }
.magazine .wrap .con .con_tx img { max-width: 100%; }
@media screen and (max-width:1200px) {
.magazine .t_area { height: 600px; }
.magazine .t_area .option { top: 30px; right: 30px; }

.magazine .t_area .option span { width: 140px; margin-left: 5px; }
.magazine .t_area .option span::after { width:42px; background-size: 13px auto; }
.magazine .t_area .option select { height: 42px; font-size: 14px; padding: 0 12px; }

.heapBox.mg_sel { width: 140px; height: 42px; }
.heapBox.mg_sel .holder { height: 42px; line-height: 42px; font-size: 14px; padding: 0 12px; }
.heapBox.mg_sel .heap { padding-bottom: 7px; }
.heapBox.mg_sel .heap a { font-size: 14px; padding:0 12px; line-height:25px; }
.heapBox.mg_sel .handler { width:45px; background-size: 13px auto; }

.magazine .t_area .tx h2 { font-size: 24px; }
.magazine .t_area .tx .tit { font-size: 54px; }
.magazine .t_area .tx .tit span { font-size: 24px; margin-top: 20px; }
.magazine .t_area::after { bottom: 35px; height: 60px; background-size: auto 100%; }
.magazine .wrap { padding: 80px 30px; }
.magazine .wrap .con .slider { padding: 0 50px; margin: 0 auto 50px; }
.magazine .wrap .con .slider .ph { margin-bottom: 10px; }
.magazine .wrap .con .slider .tx { font-size: 12px; }
.magazine .wrap .con .slider .tx .writer { margin-top: 12px; }
.magazine .wrap .con .slider .swiper-button-prev,
.magazine .wrap .con .slider .swiper-button-next { height: 74vw; }
.magazine .wrap .con .con_tx { font-size: 14px; }
.magazine .wrap .con .con_tx dl { margin-bottom: 50px; }
.magazine .wrap .con .con_tx dl dt { font-size: 20px; margin-bottom: 15px; }
}

/*facility common*/
.fc_list { padding: 130px 30px; }
.fc_list h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 100px; color: #cabfb8; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 135px; }
.fc_list ul { max-width: 1760px; margin: 0 auto; }
.fc_list ul li { margin-bottom: 180px; }
.fc_list ul li:last-child { margin: 0; }
.fc_list ul li .ph { margin-left: 47.2%; }
.fc_list ul li .ph img { width: 100%; }
.fc_list ul li .tx { position: absolute; top: 50%; left: 150px; width: 100%; max-width: calc(47.2% - 270px); transform: translateY(-50%); }
.fc_list ul li .tx span { display: block; font-size: 18px; color: #937a67; font-weight: 700; margin-bottom: 10px; padding-left: 2px; }
.fc_list ul li .tx .name { font-size: 52px; color: #000; font-weight: 700; margin-bottom: 30px; }
.fc_list ul li .tx p { font-size: 16px; color: #787878; line-height: 175%; margin-bottom: 150px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }

.fc_list ul li.even .ph { margin: 0 47.2% 0 0; }
.fc_list ul li.even .tx { left: auto; right: 150px; }
@media screen and (max-width:1760px) {
.fc_list ul li .tx { left: 0; max-width: calc(47.2% - 120px); }
.fc_list ul li.even .tx { left: auto; right: 0; }
}
@media screen and (max-width:1450px) {
.fc_list ul li .tx { max-width: calc(47.2% - 70px); }
}
@media screen and (max-width:1200px) {
.fc_list { padding: 70px 30px 100px; max-width: 930px; margin: 0 auto; }
.fc_list h2 { font-size: 54px; margin-bottom: 70px; }
.fc_list ul li { margin-bottom: 70px; }
.fc_list ul li .ph,
.fc_list ul li.even .ph { margin: 0 0 20px; }
.fc_list ul li .tx { position: relative; top: auto; left: auto; right: auto; width: auto; max-width: none; transform: none; }
.fc_list ul li .tx span { font-size: 16px; margin-bottom: 8px; }
.fc_list ul li .tx .name { font-size: 38px; margin-bottom: 15px; }
.fc_list ul li .tx p { font-size: 14px; margin-bottom: 20px; }
}

.fc_detail .t_area .swiper-slide img { width: 100%; }
.fc_detail .t_area .swiper-button-prev,
.fc_detail .t_area .swiper-button-next { width: 32px; height: 98px; transform: translateY(-50%); background: no-repeat center center/100% auto; }
.fc_detail .t_area .swiper-button-prev { left: 80px; background-image: url(../images/mt_slider_prev.png); }
.fc_detail .t_area .swiper-button-next { right: 80px; 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 h2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 240px); font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 100px; color: #fff; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; z-index: 1; }
.fc_detail .t_area h2.shadow { text-shadow: 0 0 20px rgba(0,0,0,0.5); }
.fc_detail .t_area .t_img img { width: 100%; }
@media screen and (max-width:1200px) {
.fc_detail .t_area .swiper-button-prev,
.fc_detail .t_area .swiper-button-next { width: 24px; }
.fc_detail .t_area .swiper-button-prev { left: 30px; }
.fc_detail .t_area .swiper-button-next { right: 30px; }
.fc_detail .t_area.bg_w .swiper-button-prev,
.fc_detail .t_area.bg_w .swiper-button-next { width: 32px; }
.fc_detail .t_area.bg_w .swiper-button-prev { left: 27px; }
.fc_detail .t_area.bg_w .swiper-button-next { right: 27px; }
.fc_detail .t_area h2 { font-size: 48px; }
}

.fc_detail .contents { max-width: 1760px; margin: 0 auto; padding: 130px 30px; }
.fc_detail .contents h3 { font-size: 52px; color: #000; text-align: center; margin-bottom: 20px; }
.fc_detail .contents .bt_rv { display: block; width: 190px; line-height: 60px; background: #7d6c5f; border-radius: 5px; font-size: 16px; color: #fff; font-weight: 700; text-align: center; margin: 0 auto 30px; }
.fc_detail .contents .bt_rv:hover { text-decoration: none; }
.fc_detail .contents .t_guide { font-size: 16px; color: #787878; line-height: 168%; text-align: center; letter-spacing: -0.5px; margin: 0 70px 85px; padding-top: 15px; }
.fc_detail .contents .information { padding: 72px 100px 72px 450px; border: 1px solid #000; border-width: 1px 0; margin: 0 150px 35px; }
.fc_detail .contents .information h4 { position: absolute; top: 100px; left: 80px; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 30px; color: #000; line-height: 100%; font-weight: 300; }
.fc_detail .contents .information dl { margin-bottom: 62px; font-size: 18px; line-height: 24px; padding: 3px 0; }
.fc_detail .contents .information dl:nth-last-child(2) { margin: 0; }
.fc_detail .contents .information dl dt { position: absolute; top: 0; left: 0; padding: 3px 0 3px 50px; background: no-repeat 2px center; color: #787878; }
.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 { margin-left: 160px; }
.fc_detail .contents .information dl dd i { margin: 0 5px; }
.bt_view_fp { position: absolute; top: calc(100% + 41px); right: 0; width: 220px; line-height: 60px; background: #7d6c5f; border-radius: 5px; font-size: 16px; color: #fff; font-weight: 700; text-align: center; }
.bt_view_fp:hover { text-decoration: none; }
.bt_view_fp::before { content: ''; display: inline-block; width: 15px; height: 15px; background: url(../images/ic_view_fp.png) 0/100%; vertical-align: middle; margin: -3px 14px 0 0; }
.fc_detail .contents .im_d_guide { margin: 0 400px 70px 150px; font-size: 16px; color: #787878; line-height: 175%; }
.fc_detail .contents .im_d_guide li { padding-left: 14px; }
.fc_detail .contents .im_d_guide li::before { content: '·'; position: absolute; top: 0; left: 0; }
@media screen and (max-width:1760px) {
.fc_detail .contents .information { margin: 0 0 35px; }
.fc_detail .contents .im_d_guide { margin: 0 400px 70px 0; }
}
@media screen and (max-width:1200px) {
.fc_detail .contents { padding: 70px 30px; }
.fc_detail .contents h3 { font-size: 36px; margin-bottom: 15px; }
.fc_detail .contents .bt_rv { width: 150px; line-height: 50px; font-size: 14px; margin-bottom: 15px; }
.fc_detail .contents .t_guide { font-size: 14px; margin: 0 30px 45px; padding-top: 5px; }
.fc_detail .contents .t_guide br { display: none; }
.fc_detail .contents .information { padding: 30px; margin: 0 0 25px; }
.fc_detail .contents .information h4 { position: relative; top: auto; left: auto; font-size: 24px; margin-bottom: 30px; }
.fc_detail .contents .information dl { margin-bottom: 20px; font-size: 14px; line-height: 24px; }
.fc_detail .contents .information dl:nth-last-child(2) { margin: 0; }
.fc_detail .contents .information dl dt { padding-left: 35px; background-size: auto 22px; }
.fc_detail .contents .information dl dd { margin-left: 110px; }
.fc_detail .contents .information dl dd i { margin: 0 2px; }
.bt_view_fp { top: calc(100% + 26px); width: 150px; line-height: 50px; font-size: 14px; }
.bt_view_fp::before { width: 12px; height: 12px; margin-right: 8px; }
.fc_detail .contents .im_d_guide { margin: 0 180px 60px 0; font-size: 14px; }
.fc_detail .contents .im_d_guide li { padding-left: 10px; }
}

.fc_detail .contents .gallery { margin-bottom: 100px; }
.fc_detail .contents .gallery:last-child { margin-bottom: 30px; }
.fc_detail .contents .gallery.sn_menu { max-width: 1580px; margin: 0 auto 100px; }
.fc_detail .contents .gallery h4 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 60px; color: #000; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 40px; }
.fc_detail .contents .gallery .swiper-slide img { width: 100%; }
.fc_detail .contents .gallery .swiper-slide .tx { font-size: 16px; color: #787878; text-align: center; max-width: 1165px; margin: 25px auto 0; }
.fc_detail .contents .gallery .swiper-slide .tx b { display: block; font-size: 26px; color: #000; font-weight: 800; margin-bottom: 15px; }
.fc_detail .contents .gallery .swiper-button-prev,
.fc_detail .contents .gallery .swiper-button-next { top: 0; width: 32px; height: 760px; background: no-repeat center center/100% auto; }
.fc_detail .contents .gallery .swiper-button-prev { left: 60px; background-image: url(../images/mt_slider_prev.png); }
.fc_detail .contents .gallery .swiper-button-next { right: 60px; background-image: url(../images/mt_slider_next.png); }

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

.fc_detail .contents .other h4 { font-size: 52px; color: #000; line-height: 100%; text-align: center; margin-bottom: 40px; }
.fc_detail .contents .other .slider { padding: 0 90px; }
.fc_detail .contents .other .ph { margin-bottom: 35px; padding-bottom: 68%; background: no-repeat center center/auto 100%; }
.fc_detail .contents .other .ph img { width: 100%; }
.fc_detail .contents .other .ph a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: -9999px; }
.fc_detail .contents .other .swiper-slide:hover .ph { background-size: auto 110%; }
.fc_detail .contents .other .tx .name { font-size: 26px; color: #000; font-weight: 700; line-height: 100%; margin-bottom: 13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.fc_detail .contents .other .tx p { font-size: 16px; color: #787878; line-height: 162.5%; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.fc_detail .contents .other .swiper-button-prev,
.fc_detail .contents .other .swiper-button-next { width: 32px; height: 340px; top: 0; background: no-repeat center center/100% auto; }
.fc_detail .contents .other .swiper-button-prev { left: 0; background-image: url(../images/other_bt_prev.png); }
.fc_detail .contents .other .swiper-button-next { right: 0; background-image: url(../images/other_bt_next.png); }
@media screen and (max-width:1820px) {
.fc_detail .contents .gallery .swiper-button-prev,
.fc_detail .contents .gallery .swiper-button-next { height: 40vw; }
.fc_detail .contents .gallery.sn_menu .swiper-button-prev,
.fc_detail .contents .gallery.sn_menu .swiper-button-next { height: 45vw; }
.fc_detail .contents .other .swiper-button-prev,
.fc_detail .contents .other .swiper-button-next { height: 19vw; }
}
@media screen and (max-width:1200px) {
.fc_detail .contents .gallery { margin-bottom: 80px; }
.fc_detail .contents .gallery h4 { font-size: 48px; margin-bottom: 30px; }
.fc_detail .contents .gallery .swiper-slide .tx { margin-top: 20px; font-size: 14px; }
.fc_detail .contents .gallery .swiper-slide .tx b { font-size: 20px; margin-bottom: 10px; }
.fc_detail .contents .gallery .swiper-button-prev,
.fc_detail .contents .gallery .swiper-button-next { width: 24px; }
.fc_detail .contents .gallery .swiper-button-prev { left: 30px; }
.fc_detail .contents .gallery .swiper-button-next { right: 30px; }
.fc_detail .contents .gallery.sn_menu .swiper-button-prev,
.fc_detail .contents .gallery.sn_menu .swiper-button-next { height: 43vw; }

.fc_detail .contents .other h4 { font-size: 42px; margin-bottom: 30px; }
.fc_detail .contents .other .slider { padding: 0 60px; }
.fc_detail .contents .other .ph { margin-bottom: 20px; }
.fc_detail .contents .other .tx .name { font-size: 22px; margin-bottom: 10px; }
.fc_detail .contents .other .tx p { font-size: 14px; }
.fc_detail .contents .other .swiper-button-prev,
.fc_detail .contents .other .swiper-button-next { width: 24px; height: 26.5vw; }
}

.use_guide { padding: 60px 0 60px 410px; max-width: 1050px; border: 1px solid #000; border-width: 1px 0; margin: 0 auto 110px; }
.use_guide.g_box { padding: 0; max-width: 1460px; }
.use_guide:last-child { margin-bottom: 0; }
.use_guide.gb { margin-bottom: 120px; }
.use_guide .unit { padding: 60px 0 60px 410px; border-bottom: 1px solid #dbdcdd; }
.use_guide .unit:last-child { border: 0; }
.use_guide h4 { position: absolute; top: 66px; left: 0; font-size: 30px; line-height: 100%; }
.use_guide dl { line-height: 30px; margin-bottom: 38px; }
.use_guide dl:last-child { margin: 0; }
.use_guide dl dt { font-size: 16px; font-weight: 700; }
.use_guide dl dd { font-size: 16px; }
.use_guide dl dd .mld { padding-left: 58px; }
.use_guide dl dd .mld.price { padding-left: 125px; }
.use_guide dl dd .mld span { position: absolute; top: 0; left: 0; }
.use_guide .g_tx { color: #787878; }
.use_guide .b_guide { font-size: 16px; line-height: 30px; margin-bottom: 40px; }
.use_guide .menu_download a { display: inline-block; width: 228px; line-height: 58px; border: 1px solid #695446; border-radius: 5px; font-size: 16px; color: #695446; font-weight: 700; text-align: center; margin: 0 26px 10px 0; }
.use_guide .menu_download a:last-child { margin-right: 0; }
.use_guide .menu_download a:hover { text-decoration: none; }
.use_guide .menu_download a::before { content: ''; display: inline-block; width: 16px; height: 20px; background: url(../images/ic_menu_download.png) 0/100% 100%; vertical-align: middle; margin: -3px 12px 0 0; }

.use_guide .dot_list li { padding-left: 14px; color: #787878; font-size: 16px; line-height: 28px; }
.use_guide .dot_list li::before { content: '·'; position: absolute; top: 0; left: 0; }
.use_guide .g_info { font-size: 16px; color: #000; line-height: 30px; }
.use_guide .g_info .dot_list { margin: 0 0 3px 17px; }
.use_guide .g_info .dot_list:last-child { margin-bottom: 0; }
@media screen and (max-width:1200px) {
.use_guide { padding: 30px 20px; margin-bottom: 70px; }
.use_guide.gb { margin-bottom: 80px; }
.use_guide .unit { padding: 30px 20px; }
.use_guide h4 { position: relative; top: auto; left: auto; font-size: 24px; margin-bottom: 25px; }
.use_guide dl { line-height: 24px; margin-bottom: 24px; }
.use_guide dl dt { font-size: 14px; }
.use_guide dl dd { font-size: 14px; }
.use_guide dl dd .mld { padding-left: 45px; }
.use_guide dl dd .mld.price { padding-left: 110px; }
.use_guide dl dd .mld i { margin: 0 5px; }
.use_guide .b_guide { font-size: 14px; line-height: 24px; margin-bottom: 25px; }
.use_guide .menu_download a { width: 148px; line-height: 48px; font-size: 14px; margin: 0 10px 5px 0; }
.use_guide .menu_download a::before { width: 12px; height: 15px; margin-right: 8px; }

.use_guide .dot_list li { padding-left: 10px; font-size: 14px; line-height: 22px; }
.use_guide .g_info { font-size: 14px; line-height: 24px; }
.use_guide .g_info .dot_list { margin: 0 0 2px 14px; }
}

.fc_detail .other .rt_list { max-width: 1620px; margin: 0 auto; }
.fc_detail .other .rt_list:after { content:''; clear:both; display:block; }
.fc_detail .other .rt_list li { float: left; width: calc(33.3333% - 40px); margin: 0 20px; }
.fc_detail .other .rt_list li .ph { margin-bottom: 35px; }
.fc_detail .other .rt_list li .ph:hover { background-size: auto 110%; }
.fc_detail .other .rt_list li .tx b { display: block; font-size: 26px; margin-bottom: 15px; }
.fc_detail .other .rt_list li .tx p { font-size: 16px; color: #787878; }
@media screen and (max-width:1200px) {
.fc_detail .other .rt_list li { width: calc(50% - 20px); margin: 0 10px; }
.fc_detail .other .rt_list li .ph { margin-bottom: 20px; }
.fc_detail .other .rt_list li .tx b { font-size: 20px; margin-bottom: 10px; }
.fc_detail .other .rt_list li .tx p { font-size: 14px; }
}

.special_exp { padding: 100px 10px; background: #f1ebe8; }
.special_exp h4 { font-size: 52px; color: #000; line-height: 100%; text-align: center; margin-bottom: 20px; }
.special_exp .btn { text-align: center; margin-bottom: 58px; }
.special_exp ul { max-width: 1800px; margin: 0 auto; }
.special_exp ul:after { content:''; clear:both; display:block; }
.special_exp ul li { float: left; width: calc(25% - 40px); margin: 0 20px; background: #fff; }
.special_exp ul li .ph { padding-bottom: 69.56%; background: no-repeat center center/cover; }
.special_exp ul li .tx { box-sizing: border-box; padding: 32px 40px; }
.special_exp ul li .tx .tit { font-size: 18px; color: #000; font-weight: 700; margin-bottom: 18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.special_exp ul li .tx .info { overflow: hidden; }
.special_exp ul li .tx dl { height: 28px; font-size: 14px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.special_exp ul li .tx dl dt { display: inline-block; margin-right: 15px; }
.special_exp ul li .tx dl dd { display: inline; color: #787878; }
@media screen and (max-width:1800px) {
.special_exp ul li { width: calc(25% - 40/1880*100vw); margin: 0 calc(20/1880*100vw); }
.special_exp ul li .tx { height: auto; padding: 25px 30px; }
}
@media screen and (max-width:1200px) {
.special_exp { padding: 70px 10px; }
.special_exp h4 { font-size: 42px; margin-bottom: 15px; }
.special_exp .btn { margin-bottom: 40px; }
.special_exp ul li { width: calc(50% - 20px); margin: 0 10px 20px; }
.special_exp ul li .tx { height: auto; padding: 20px 25px; }
}

.mbs_info_download { text-align: center; margin: -40px 0 60px; }
.mbs_info_download a { display: inline-block; font-size: 17px; line-height: 100%; font-weight: 700; letter-spacing: -0.5px; padding-bottom: 7px; }
.mbs_info_download a:hover { text-decoration: none; }
.mbs_info_download a::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #000; }
.mbs_info_download a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #937a67; transition: all 0.3s; }
.mbs_info_download a:hover { color: #937a67; }
.mbs_info_download a:hover::after { width: 100%; }
.mbs_info_download i { display: inline-block; width: 16px; height: 16px; background: url(../images/ic_mbs_info_download.png) 0/100% 100%; vertical-align: middle; margin: -3px 0 0 8px; }
.mbs_info_download:hover i { background-image: url(../images/ic_mbs_info_download_ov.png); }
.bt_view_fn_program { display: block; width: 264px; line-height: 58px; border: 1px solid #62534c; border-radius: 5px; font-size: 16px; color: #62534c; font-weight: 700; letter-spacing: 1px; margin-top: 35px; letter-spacing: -0.5px; }
@media screen and (max-width:1200px) {
.mbs_info_download { margin: -10px 0 40px; }
.mbs_info_download a { font-size: 15px; padding-bottom: 5px; }
.bt_view_fn_program { width: 224px; line-height: 48px; font-size: 14px; margin-top: 20px; }
}

.st_menu { margin-bottom: 40px; padding-left: 1px; }
.st_menu:after { content:''; clear:both; display:block; }
.st_menu li { float: left; width: 33.3333%; }
.st_menu li a { display: block; line-height: 78px; border: 1px solid #dcdcdc; font-size: 18px; color: #787878; font-weight: 700; text-align: center; margin-left: -1px; }
.st_menu li a:hover { text-decoration: none; }
.st_menu li.on a { border: 2px solid #695446; line-height: 76px; color: #695446; z-index: 1; }

.fc_detail_program .contents { max-width: 1460px; margin: 0 auto; padding: 130px 30px; }
.fc_detail_program h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 100px; color: #cabfb8; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 75px; }
.fc_detail_program .t_img { margin-bottom: 35px; }
.fc_detail_program .t_img img { width: 100%; }
.fc_detail_program h3 { font-size: 62px; text-align: center; margin-bottom: 30px; }
.fc_detail_program h3 span { display: block; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 20px; color: #695446; line-height: 100%; font-weight: 300; padding-top: 7px; }
.fc_detail_program .t_guide { font-size: 16px; color: #787878; line-height: 168%; text-align: center; letter-spacing: -0.5px; margin: 0 70px 60px; }
.fc_detail_program .bt_qt_instagram { display: block; width: 298px; line-height: 58px; border: 1px solid #695446; font-size: 15px; color: #695446; font-weight: 700; text-align: center; margin: 0 auto 24px; }
.fc_detail_program .bt_qt_instagram.ty2 { background: #695446; color: #fff; margin-bottom: 60px; }
.fc_detail_program .bt_qt_instagram:hover { text-decoration: none; }
@media screen and (max-width:1200px) {
.st_menu { margin-bottom: 30px; }
.st_menu li a { line-height: 58px; font-size: 15px; letter-spacing: -0.5px; }
.st_menu li.on a { line-height: 56px; }

.fc_detail_program .contents { padding: 75px 30px; }
.fc_detail_program h2 { font-size: 48px; margin-bottom: 75px; }
.fc_detail_program .t_img { margin-bottom: 25px; }
.fc_detail_program h3 { font-size: 36px; margin-bottom: 25px; }
.fc_detail_program h3 span { font-size: 16px; }
.fc_detail_program .t_guide { font-size: 14px;  margin: 0 30px 45px; }
.fc_detail_program .bt_qt_instagram { width: 238px; line-height: 48px; font-size: 13px; margin-bottom: 16px; }
.fc_detail_program .bt_qt_instagram.ty2 { margin-bottom: 30px; }
}

.st_tab { margin-bottom: 40px; }
.st_tab .swiper-container { padding-right: 1px; } 
.st_tab .swiper-slide a { display: block; height: 78px; border: 1px solid #dcdcdc; font-size: 18px; color: #787878; font-weight: 700; margin-right: -1px; }
.st_tab .swiper-slide a:hover { text-decoration: none; }
.st_tab .swiper-slide.on a { height: 76px; border: 2px solid #695446; color: #695446; z-index: 1; transition: none; margin: 0 0 0 1px; }
.st_tab .swiper-slide a span { position: absolute; top: 50%; left: 60px; right: 60px; transform: translateY(-50%); text-align: center; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.st_tab .swiper-button-prev,
.st_tab .swiper-button-next { width: 22px; height: 66px; transform: translateY(-50%); transition: none; background: 0/100% 100%; }
.st_tab .swiper-button-prev { left: -38px; background-image: url(../images/sb_tab_bt_prev.png); }
.st_tab .swiper-button-next { right: -38px; 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; }
@media screen and (max-width:1540px) {
.st_tab .swiper-button-prev { left: -30px; }
.st_tab .swiper-button-next { right: -30px; }
}
@media screen and (max-width:1200px) {
.st_tab { margin-bottom: 30px; }
.st_tab .swiper-slide a { height: 58px; font-size: 15px; letter-spacing: -0.5px; }
.st_tab .swiper-slide.on a { height: 56px; }
.st_tab .swiper-slide a span { left: 10px; right: 10px; }
.st_tab .swiper-button-prev,
.st_tab .swiper-button-next { width: 17px; height: 45px; }
.st_tab .swiper-button-prev { left: -25px; }
.st_tab .swiper-button-next { right: -25px; }
}

.fc_detail_program .t_points { text-align: center; margin-bottom: 75px; }
.fc_detail_program .t_points ul { display: inline-block; text-align: left; }
.fc_detail_program .t_points ul li { padding-left: 18px; font-size: 18px; line-height: 24px; margin-bottom: 24px; }
.fc_detail_program .t_points ul li:last-child { margin: 0; }
.fc_detail_program .t_points ul li::before { content: ''; position: absolute; top: 9px; left: 0; width: 7px; height: 7px; background: #cabfb8; border-radius: 100%; }
@media screen and (max-width:1200px) {
.fc_detail_program .t_points { margin-bottom: 45px; }
.fc_detail_program .t_points ul li { padding-left: 12px; font-size: 15px; line-height: 18px; margin-bottom: 18px; }
.fc_detail_program .t_points ul li::before { top: 6px; width: 5px; height: 5px; }
}

.fc_detail_program .im_d_guide { margin-top: -75px; font-size: 16px; color: #787878; line-height: 175%; }
.fc_detail_program .im_d_guide li { padding-left: 14px; }
.fc_detail_program .im_d_guide li::before { content: '·'; position: absolute; top: 0; left: 0; }
@media screen and (max-width:1200px) {
.fc_detail_program .im_d_guide { margin-top: -45px; font-size: 14px; }
.fc_detail_program .im_d_guide li { padding-left: 10px; }
}

/*special_experience*/
.special_experience { padding: 110px 30px; max-width: 1460px; margin: 0 auto; overflow: hidden; }
.special_experience h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 100px; color: #cabfb8; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 60px; }
.special_experience .st_menu { margin-bottom: 80px; }
.special_experience .st_menu li { width: 20%; }
.special_experience .list { margin: 0 -40px; }
.special_experience .list li { float: left; width: calc(50% - 80px); margin: 0 40px 60px; }
.special_experience .list li .ph { padding-bottom: 69.5%; background: no-repeat center center/cover; margin-bottom: 35px; }
.special_experience .list li .tx .cate { font-size: 15px; font-weight: 700; margin-bottom: 15px; }
.special_experience .list li .tx .cate.c01 { color: #a07558; }
.special_experience .list li .tx .cate.c02 { color: #4d804d; }
.special_experience .list li .tx .cate.c03 { color: #c05c7a; }
.special_experience .list li .tx .cate.c04 { color: #732c26; }
.special_experience .list li .tx .tit { font-size: 26px; font-weight: 700; margin-bottom: 32px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.special_experience .list li .tx .s_tx { font-size: 16px; line-height: 28px; height: 56px; margin-bottom: 24px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.special_experience .list li .tx .d_info { min-height: 150px; }
.special_experience .list li .tx .d_info dl { font-size: 14px; line-height: 30px; width: 100%; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.special_experience .list li .tx .d_info dl dt { display: inline; margin-right: 27px; }
.special_experience .list li .tx .d_info dl dd { display: inline; color: #787878; }
.special_experience .list li .tx .bt_like { position: absolute; top: -8px; right: 0; width: 31px; height: 28px; background: url(../images/ic_like.png) 0/100% 100%; text-indent: -9999px; }
.special_experience .list li .tx .bt_like.on { background-image: url(../images/ic_like_on.png); }

.pagination { text-align: center; }
.pagination a { display: inline-block; min-width: 30px; padding: 0 10px; height: 50px; line-height: 50px; vertical-align: top; }
.pagination .bt_pn { background: no-repeat center center; 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 28px; }
.pagination span a { font-size: 18px; }
.pagination span a.on { background: #695446; border-radius: 25px; color: #fff; font-weight: 700; }
.pagination span a.on:hover { text-decoration: none; }
@media screen and (max-width:1520px) {
.special_experience .list { margin: 0 -30px; }
.special_experience .list li { width: calc(50% - 60px); margin: 0 30px 90px; }
.special_experience .list li .ph { margin-bottom: 25px; }
}
@media screen and (max-width:1200px) {
.special_experience { padding: 75px 30px; }
.special_experience h2 { font-size: 48px; margin-bottom: 40px; }
.special_experience .st_menu { margin-bottom: 40px; }
.special_experience .list { margin: 0 -15px; }
.special_experience .list li { width: calc(50% - 30px); margin: 0 15px 60px; }
.special_experience .list li .ph {margin-bottom: 20px; }
.special_experience .list li .tx .cate { font-size: 13px; margin-bottom: 10px; }
.special_experience .list li .tx .tit { font-size: 20px; margin-bottom: 25px; }
.special_experience .list li .tx .s_tx { font-size: 14px; line-height: 24px; height: 48px; margin-bottom: 20px; }
.special_experience .list li .tx .d_info { min-height: 100px; }
.special_experience .list li .tx .d_info dl { font-size: 12px; line-height: 24px; }
.special_experience .list li .tx .d_info dl dt { margin-right: 15px; }
.special_experience .list li .tx .bt_like { top: -4px; width: 24px; height: 22px; }

.pagination a { min-width: 26px; padding: 0 7px; height: 40px; line-height: 40px; }
.pagination .bt_pn { background-size: 18px auto; }
.pagination span { padding: 0 20px; }
.pagination span a { font-size: 14px; }
}

.se_detail { max-width: 1460px; margin: 0 auto; padding: 80px 30px 230px; text-align: center; }
.se_detail .cate { font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.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: 52px; line-height: 115%; font-weight: 700; letter-spacing: -1px; margin-bottom: 55px; }
.se_detail .ph { text-align: center; margin-bottom: 55px; }
.se_detail .ph img { max-width: 100%; }
.se_detail .s_tx { font-size: 18px; line-height: 168%; margin-bottom: 25px; }
.se_detail .t_btns { text-align: center; margin-bottom: 50px; }
.se_detail .t_btns .bt_block { display: inline-block; width: 188px; line-height: 58px; border-radius: 5px; font-size: 16px; font-weight: 700; margin: 0 5px; }
.se_detail .bt_like { border: 1px solid #c8c8c8; }
.se_detail .bt_like::before { content: ''; display: inline-block; width: 23px; height: 20px; background: url(../images/ic_like.png) 0/100% 100%; vertical-align: middle; margin: -3px 8px 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 #7e6c60; background: #7e6c60; color: #fff; }

.se_detail .information { text-align: left; margin: 0 0 80px; padding: 68px 100px 68px 450px; border-bottom: 1px solid #000; border-top: 1px solid #dcdcdc; }
.se_detail .information h4 { position: absolute; top: 65px; left: 80px; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 30px; color: #000; line-height: 100%; font-weight: 300; }
.se_detail .information dl { line-height: 30px; margin-bottom: 38px; }
.se_detail .information dl:last-child { margin: 0; }
.se_detail .information dl dt { font-size: 18px; font-weight: 700; margin-bottom: 5px; }
.se_detail .information dl dd { font-size: 16px; }
.se_detail .information dl dd .g_tx { color: #787878; }
.se_detail .information .g_info { font-size: 16px; line-height: 30px; }

.se_detail .bt_list { display: block; width: 290px; line-height: 80px; background: #695446; border-radius: 5px; font-size: 18px; color: #fff; font-weight: 700; margin: 0 auto; }
@media screen and (max-width:1200px) {
.se_detail { padding: 60px 30px 150px; }
.se_detail .cate { font-size: 16px; margin-bottom: 12px; }
.se_detail .tit { font-size: 36px; margin-bottom: 35px; }
.se_detail .ph { margin-bottom: 35px; }
.se_detail .s_tx { font-size: 15px; margin-bottom: 20px; }
.se_detail .bt_like { width: 160px; line-height: 48px; font-size: 14px; margin-bottom: 35px; }
.se_detail .bt_like::before { width: 20px; height: 18px; margin-right: 6px; }

.se_detail .information { padding: 30px 20px; margin-bottom: 50px; }
.se_detail .information h4 { position: relative; top: auto; left: auto; font-size: 24px; margin-bottom: 30px; }
.se_detail .information dl { line-height: 24px; margin-bottom: 24px; }
.se_detail .information dl dt { font-size: 16px; margin-bottom: 3px; }
.se_detail .information dl dd { font-size: 14px; }
.se_detail .information .g_info { font-size: 14px; line-height: 24px; }

.se_detail .bt_list { width: 220px; line-height: 65px; font-size: 16px; }
}

.bbq_download { margin: 0 -100px 0 -450px; text-align: center; }
.bbq_download a { display: inline-block; width: 228px; line-height: 58px; border: 1px solid #695446; border-radius: 5px; font-size: 16px; color: #695446; font-weight: 700; text-align: center; }
.bbq_download a:hover { text-decoration: none; }
.bbq_download a::before { content: ''; display: inline-block; width: 16px; height: 20px; background: url(../images/ic_menu_download.png) 0/100% 100%; vertical-align: middle; margin: -3px 12px 0 0; }
@media screen and (max-width:1200px) {
.bbq_download { margin: 0; }
.bbq_download a { width: 188px; line-height: 48px; font-size: 14px; }
.bbq_download a::before { width: 12px; height: 15px; margin-right: 8px; }
}

.c_benefit { padding-top: 25px; }
.c_benefit li { margin-bottom: 40px; }
.c_benefit li:after { content:''; clear:both; display:block; }
.c_benefit li:last-child { margin: 0; }
.c_benefit li .b_ph { float: left; width: 390px; height: 270px; background: center center/cover; }
.c_benefit li .b_tx { float: left; width: calc(100% - 450px); margin-left: 60px; line-height: 175%; }
.c_benefit li .b_tx .tit { font-size: 20px; font-weight: 700; line-height: 175%; margin-bottom: 25px; }
.c_grey { color: #787878 !important; }
@media screen and (max-width:1200px) {
.c_benefit { padding-top: 15px; }
.c_benefit li { margin-bottom: 30px; }
.c_benefit li .b_ph { width: 270px; height: 186px; }
.c_benefit li .b_tx { width: calc(100% - 290px); margin-left: 20px; }
.c_benefit li .b_tx .tit { font-size: 16px; margin-bottom: 15px; }
}

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

.thumbs_gallery .gallery-top { margin-right: 49%; }
.thumbs_gallery .gallery-top .swiper-slide { height: 640px; background: no-repeat center center/cover; }
.thumbs_gallery .gallery-top .swiper-slide .tx { position: absolute; bottom: 40px; left: 50px; color: #fff; }
.thumbs_gallery .gallery-top .swiper-slide .tx span { display: block; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 20px; line-height: 100%; font-weight: 300; text-transform: uppercase; margin-bottom: 12px; }
.thumbs_gallery .gallery-top .swiper-slide .tx h4 { font-size: 46px; color: #fff; }
.thumbs_gallery .thumbs { position: absolute; bottom: 40px; right: 0; width: calc(49% - 155px); padding: 0 50px; }
.thumbs_gallery .gallery-thumbs .swiper-slide .ph { height: 330px; background: no-repeat center center/cover; margin-bottom: 32px; }
.thumbs_gallery .gallery-thumbs .swiper-slide .tx b { display: block; font-size: 18px; color: #000; font-weight: 700; margin-bottom: 12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.thumbs_gallery .gallery-thumbs .swiper-slide .tx p { font-size: 15px; line-height: 24px; color: #787878; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.thumbs_gallery .thumbs .swiper-button-prev,
.thumbs_gallery .thumbs .swiper-button-next { width: 21px; height: 330px; top: 0; background: no-repeat center center/100% auto; }
.thumbs_gallery .thumbs .swiper-button-prev { left: 0; background-image: url(../images/m_sm_prev.png); }
.thumbs_gallery .thumbs .swiper-button-next { right: 0; background-image: url(../images/m_sm_next.png); }
@media screen and (max-width:1760px) {
.thumbs_gallery .gallery-top .swiper-slide { height: calc(620/1760*100vw); }
.thumbs_gallery .gallery-thumbs .swiper-slide .ph { height: calc(300/1760*100vw); }
.thumbs_gallery .thumbs .swiper-button-prev,
.thumbs_gallery .thumbs .swiper-button-next { height: calc(300/1760*100vw); }
}
@media screen and (max-width:1200px) {
.bt_mb_inquiry { width: 220px; line-height: 75px; font-size: 15px; margin: 0 auto 70px; }
.bt_mb_inquiry::before { width: 18px; height: 17px; margin-right: 8px; }

.thumbs_gallery .gallery-top { margin: 0 0 30px; }
.thumbs_gallery .gallery-top .swiper-slide { height: calc(600/1200*100vw); }
.thumbs_gallery .gallery-top .swiper-slide .tx { bottom: 30px; left: 40px; }
.thumbs_gallery .gallery-top .swiper-slide .tx span { font-size: 16px; margin-bottom: 10px; }
.thumbs_gallery .gallery-top .swiper-slide .tx h4 { font-size: 40px; }
.thumbs_gallery .thumbs { position: relative; bottom: auto; right: auto; width: auto; padding: 0 50px; }
.thumbs_gallery .gallery-thumbs .swiper-slide .ph { height: calc(300/1000*100vw); margin-bottom: 20px; }
.thumbs_gallery .gallery-thumbs .swiper-slide .tx b { font-size: 16px; margin-bottom: 10px; }
.thumbs_gallery .gallery-thumbs .swiper-slide .tx p { font-size: 13px; line-height: 20px; }
.thumbs_gallery .thumbs .swiper-button-prev,
.thumbs_gallery .thumbs .swiper-button-next { height: calc(300/1000*100vw); }
}

.tb_mb_data { width: 100%; border: 1px solid #000; border-width: 1px 0; font-size: 14px; text-align: center; }
.tb_mb_data th { height: 58px; background: #ebebeb; }
.tb_mb_data td { border-bottom: 1px solid #dcdcdc; padding: 15px 10px; }
.tb_mb_data tr:last-child td { border-color: #000; }
.tb_mb_data td span { display: block; font-size: 12px; }
@media screen and (max-width:1200px) {
.tb_mb_data { font-size: 13px; }
.tb_mb_data th { height: 52px; }
.tb_mb_data td { padding: 13px 8px; }
}

/*11prana_owners_membership*/
.mem_step { margin: 0 -25px; }
.mem_step dl { float: left; width: calc(25% - 50px); margin: 0 25px !important; padding: 150px 0 0; }
.mem_step dl::after { content: ''; position: absolute; top: 0; left: 100%; width: 50px; height: 110px; background: url(../images/mem_step_arrow.png) no-repeat center center; }
.mem_step dl:last-child::after { display: none; }
.mem_step dl::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 110px; background: no-repeat center center; }
.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); }
.mem_step dl:nth-child(4)::before { background-image: url(../images/mem_step_ill04.png); }
.mem_step dl dt { position: relative; top: auto; left: auto; height: 56px; margin-bottom: 30px; }
.mem_step dl dt span { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); font-size: 20px; line-height: 28px; font-weight: 700; text-align: center; }
.mem_step dl dd { text-align: center; margin: 0; }
.mem_step dl dd ul { display: inline-block; text-align: left; }
.mem_step dl dd ul li { padding-left: 15px; font-size: 16px; line-height: 200%; color: #787878; }
.mem_step dl dd ul li::before { content: '-'; position: absolute; top: 0; left: 0; }
@media screen and (max-width:1200px) {
.mem_step { margin: 0 -15px; }
.mem_step dl { width: calc(25% - 30px); margin: 0 15px !important; padding: 120px 0 0; }
.mem_step dl::after { width: 30px; height: 80px; background-size: 12px auto; }
.mem_step dl::before { height: 80px; }
.mem_step dl:nth-child(1)::before { background-size: 70px auto; }
.mem_step dl:nth-child(2)::before { background-size: 66px auto; }
.mem_step dl:nth-child(3)::before { background-size: 59px auto; }
.mem_step dl:nth-child(4)::before { background-size: 52px auto; }
.mem_step dl dt { height: 48px; margin-bottom: 15px; }
.mem_step dl dt span { font-size: 15px; line-height: 24px; }
.mem_step dl dd ul li { padding-left: 12px; font-size: 14px; }
}

/*membership*/
.membership { background: url(../images/membership_bg.png) no-repeat center 0/cover; }
.membership.su { background: #f5f1ee; }
.membership h1 { position: absolute; top: 35px; left: 80px; z-index: 1; }
.membership h1 img { height: 18px }
.membership .contents { padding: 110px 30px 250px; max-width: 1160px; margin: 0 auto; }
.membership.su .contents { padding: 140px 30px; }
.membership .contents>h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 68px; color: #fff; line-height: 100%; font-weight: 300; text-align: center; margin-bottom: 20px; }
.membership .contents>.t_guide { font-size: 20px; color: #fff; font-weight: 700; text-align: center; margin-bottom: 38px; }
.membership .contents .login { padding-right: 50%; }
.membership .contents .login .l_area { padding: 50px 80px; background: #fff; }

ul.tab_login { margin-bottom: 25px; }
ul.tab_login:after { content:''; clear:both; display:block; }
ul.tab_login li { float: left; width: 100%; }
ul.tab_login li a { display: block; line-height: 52px; border: 1px solid #dcdcdc; font-size: 16px; 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: 50px; color: #695446; font-weight: 700; z-index: 1; border: 0; }
.tab_login_content { display:none; }
.tab_login_content.on { display:block; }
.tab_login_content .form { height: 311px; }
.membership .form { text-align: left; }
.membership .form>dl { margin-bottom: 19px; }
.membership .form>dl>dt { font-size: 14px; font-weight: 700; margin-bottom: 5px; }
.membership .form input[type=text],
.membership .form input[type=password] { width: 100%; height: 60px; padding: 0 19px; border: 1px solid #dcdcdc; border-radius: 5px; font-size: 16px; outline: 0; }
.membership .form input[type=text]:read-only { background: #f8f7f5; }
.membership .form .b_check { padding-top: 8px; font-size: 14px; line-height: 27px; font-weight: 700; }
.membership .form .b_check .r_btns { position: absolute; top: 8px; right: 0; }
.membership .form .b_check .r_btns > * { float: left; }
.membership .form .b_check .r_btns a { display: inline-block; }
.membership .form .b_check .r_btns i { margin: 0 5px; }
.membership .form .cb { font-size: 14px; font-weight: 700; }
.membership .form>dl dd.checkin::after { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 23px; height: 23px; background: url(../images/ic_cal2.png) 0/100% 100%; }
.bt_b_block { display: block; line-height: 70px; background: #695446; border-radius: 5px; font-size: 16px; color: #fff; font-weight: 700; text-align: center; }
.bt_b_block.c_grey { background: #969696; }
.bt_b_block.c_grey_w { background: #969696; }
.bt_b_block.h60 { line-height: 60px; }
.bt_b_block:hover { text-decoration: none; }

.membership .contents .login .r_area { position: absolute; top: 0; right: 0; bottom: 0; width: calc(50% - 120px); padding: 72px 60px 50px; background: rgba(0,0,0,0.7); text-align: center; }
.membership .contents .login .r_area .logo { margin-bottom: 45px; }
.membership .contents .login .r_area .logo img { height: 60px; }
.membership .contents .login .r_area .tx { font-size: 14px; color: #b4b4b4; }
.membership .contents .login .r_area .tx p { font-size: 20px; color: #fff; font-weight: 700; margin-bottom: 18px; }
.membership .contents .login .r_area .bt_join { position: absolute; bottom: 50px; left: 80px; right: 80px; background: #fff; color: #695446; }


@media screen and (max-width:1220px) {
.membership h1 { top: 25px; left: 30px; }
.membership .contents { padding: 100px 30px 150px; }
.membership .contents>h2 { font-size: 52px; }
.membership .contents>.t_guide { font-size: 16px; margin-bottom: 30px; }
.membership .contents .login .l_area { padding: 40px; }

ul.tab_login { margin-bottom: 20px; }
ul.tab_login li a { line-height: 45px; font-size: 14px; }
ul.tab_login li.active a { line-height: 43px; }
.tab_login_content .form { height: 280px; }
.membership .form>dl { margin-bottom: 15px; }
.membership .form input[type=text],
.membership .form input[type=password] { height: 50px; padding: 0 14px; font-size: 14px; }
.membership .form .b_check { padding-top: 6px; font-size: 13px; line-height: 24px; }
.membership .form .cb { font-size: 13px; }
.membership .form>dl>dd.checkin::after { right: 15px; width: 20px; height: 20px; }
.bt_b_block { line-height: 60px; font-size: 14px; }
.bt_b_block.h60 { line-height: 50px; }

.membership .contents .login .r_area { width: calc(50% - 100px); padding: 50px 50px 40px; }
.membership .contents .login .r_area .logo { margin-bottom: 35px; }
.membership .contents .login .r_area .logo img { height: 110px; }
.membership .contents .login .r_area .tx { font-size: 13px; }
.membership .contents .login .r_area .tx p { font-size: 16px; margin-bottom: 15px; }
.membership .contents .login .r_area .bt_join { bottom: 40px; left: 40px; right: 40px; }
}
@media screen and (max-width:900px) {
.membership .contents .login { padding-right: 0; }

.membership .contents .login .r_area { position: relative; top: auto; right: auto; bottom: auto; width: auto; padding-bottom: 150px; }
.membership .contents .login .r_area .logo { margin-bottom: 35px; }
.membership .contents .login .r_area .logo img { height: 110px; }
.membership .contents .login .r_area .tx { font-size: 13px; }
.membership .contents .login .r_area .tx p { font-size: 16px; margin-bottom: 15px; }
.membership .contents .login .r_area .bt_join { bottom: 40px; left: 40px; right: 40px; line-height: 60px; }
}

.membership .find { background: #fff; padding: 85px 30px; text-align: center; }
.membership .find h3 { font-size: 46px; line-height: 100%; margin-bottom: 40px; }
.membership .cf .t_tx { font-size: 17px; margin-bottom: 50px; }
.membership .cf .w_tx { font-size: 15px; color: #787878; margin-bottom: 62px; }
.membership .cf .w_tx::before { content: ''; display: inline-block; width: 19px; height: 19px; background: url(../images/ic_warning.png) 0/100% 100%; vertical-align: middle; margin: -3px 8px 0 0; }
.membership .cf .bt_phone_cf { width: 420px; margin: 0 auto 70px; }
.membership .cf .result { line-height: 70px; font-size: 42px; color: #695446; font-weight: 700; margin-bottom: 70px; }
.membership .cf .b_btns { font-size: 14px; font-weight: 700; }
.membership .cf .b_btns i { margin: 0 7px; }

.membership .find_pw .t_guide { font-size: 16px; color: #787878; margin-bottom: 24px; }
.membership .find_pw .form { max-width: 420px; margin: 0 auto; padding-bottom: 6px; }
.membership .find_pw .form dl { margin-bottom: 30px; }
.membership .form>dl dd.b_guide { padding-top: 10px; font-size: 13px; color: #695446; }
.membership .form>dl dd.pw::after { display: none; content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 26px; height: 26px; background: url(../images/ic_pw.png) 0/100% 100%; }
.membership .find_pw .bt_confirm { width: 160px; margin: 0 auto; }
@media screen and (max-width:1220px) {
.membership .find { padding: 70px 30px; }
.membership .find h3 { font-size: 36px; margin-bottom: 35px; }
.membership .cf .t_tx { font-size: 15px; margin-bottom: 40px; }
.membership .cf .w_tx { font-size: 13px; margin-bottom: 50px; }
.membership .cf .w_tx::before { width: 17px; height: 17px; margin-right: 6px; }
.membership .cf .bt_phone_cf { width: 320px; margin-bottom: 60px; }
.membership .cf .result { line-height: 70px; font-size: 35px; margin-bottom: 60px; }
.membership .cf .b_btns { font-size: 13px; }

.membership .find_pw .t_guide { font-size: 14px; margin-bottom: 20px; }
.membership .find_pw .form dl { margin-bottom: 25px; }
.membership .form>dl dd.b_guide { padding-top: 8px; font-size: 12px; }
.membership .form>dl dd.pw::after { right: 15px; width: 23px; height: 23px; }
.membership .find_pw .bt_confirm { width: 140px; }
}

.membership .sign_up { background: #fff; padding: 80px 30px 75px; text-align: center; }
.membership .sign_up h2 { font-size: 20px; line-height: 100%; margin-bottom: 90px; }
.membership .sign_up h2 span { display: block; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 68px; line-height: 100%; font-weight: 300; margin-bottom: 15px; }
.membership .sign_up .step { margin-bottom: 84px; }
.membership .sign_up .step li { display: inline-block; margin: 0 42px; font-size: 20px; 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: 87px; background: url(../images/ar_su_step.png) no-repeat center center; }
.membership .sign_up .step li:last-child::before { display: none; }
.membership .sign_up .t_tx { margin-bottom: 27px; }
.membership .sign_up .bt_phone_cf { margin: 0 auto; }

.membership .sign_up .form { max-width: 540px; margin: 0 auto; }
.membership .sign_up .form .r_btn { padding-right: 170px; }
.membership .sign_up .form .r_btn .bt_b_block { position: absolute; top: 0; right: 0; width: 160px; line-height: 60px; }
.membership .sign_up.step02 .form .cb { padding-top: 12px; }

.membership .sign_up .user_info { border: 1px solid #000; border-width: 1px 0; padding: 50px 150px; margin-bottom: 58px; }
.membership .sign_up .user_info dl { margin-bottom: 40px; }
.membership .sign_up .user_info dl:last-child { margin-bottom: 0; }
.membership .sign_up .user_info dl dt { position: absolute; top: 0; left: 0; font-size: 14px; color: #787878; }
.membership .sign_up .user_info dl dd { font-size: 16px; font-weight: 700; margin-left: 97px; }
.membership .sign_up.step03 dl { margin-bottom: 30px; }
@media screen and (max-width:1220px) {
.membership .sign_up { padding: 70px 30px; }
.membership .sign_up h2 { font-size: 16px; margin-bottom: 70px; }
.membership .sign_up h2 span { font-size: 52px; margin-bottom: 10px; }
.membership .sign_up .step { margin-bottom: 70px; }
.membership .sign_up .step li { margin: 0 30px; font-size: 17px; }
.membership .sign_up .step li::before { width: 63px; background-size: 35% auto; }

.membership .sign_up .form { max-width: 480px; }
.membership .sign_up .form .r_btn { padding-right: 140px; }
.membership .sign_up .form .r_btn .bt_b_block { width: 130px; line-height: 50px; }
.membership .sign_up.step02 .form .cb { padding-top: 10px; }

.membership .sign_up .user_info { padding: 30px 100px; margin-bottom: 45px; }
.membership .sign_up .user_info dl { margin-bottom: 30px; }
.membership .sign_up .user_info dl dt { font-size: 13px; }
.membership .sign_up .user_info dl dd { font-size: 15px; margin-left: 70px; }
.membership .sign_up.step03 dl { margin-bottom: 20px; }
}


/*reservation*/
.reservation .t_area { background: #f5f1ee; border-bottom: 1px solid #e6e1de; padding: 0 30px; }
.reservation .t_area .wrap { max-width: 1460px; padding: 100px 0 60px; margin: 0 auto; }
.reservation .t_area .wrap h2 { font-size: 46px; line-height: 100%; margin-bottom: 25px; }
.reservation .t_area .wrap .guide { font-size: 16px; color: #787878; line-height: 175%; margin-bottom: 40px; }
.reservation .t_area .wrap .op_select { padding-right: 148px; margin-bottom: 50px; }
.reservation .t_area .wrap .op_select .box > div { float: left; background: #fff; line-height: 78px; height: 78px; border: 1px solid #dcdcdc; margin: 0 1px; font-size: 16px; font-weight: 700; text-align: center; }
.reservation .t_area .wrap .op_select .period { width: calc(44.5% - 4px); }
.reservation .t_area .wrap .op_select .period span { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); color: #787878; }
.reservation .t_area .wrap .op_select .period input { width: 100%; height: 78px; border: 0; background: none; padding-right: 147px; text-align: right; font-size: 16px; font-weight: 700; outline: 0; }
.reservation .t_area .wrap .op_select .period::before { content: ''; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); width: 28px; height: 28px; background: url(../images/ic_cal.png) 0/100% 100%; }
.reservation .t_area .wrap .op_select .period em { position: absolute; top: 50%; transform: translateY(-50%); margin-top: 2px; font-size: 16px; font-weight: 700; }
.reservation .t_area .wrap .op_select .period em.in { right: 347px; }
.reservation .t_area .wrap .op_select .period em.out { right: 80px; }
.reservation .t_area .wrap .op_select .nights { width: calc(12.5% - 4px); background: #f8f6f5 !important; }
.reservation .t_area .wrap .op_select .p_num { width: calc(21.5% - 4px); }
.reservation .t_area .wrap .op_select .p_num input { width: 100%; height: 78px; border: 0; background: none; font-size: 16px; font-weight: 700; text-align: center; outline: 0; }
.reservation .t_area .wrap .op_select .p_num a { position: absolute; top: 0; bottom: 0; width: 95px; background: no-repeat center center; text-align: left; text-indent: -9999px; z-index: 1; }
.reservation .t_area .wrap .op_select .p_num a.bt_minus { left: 0; background-image: url(../images/bt_minus.png); }
.reservation .t_area .wrap .op_select .p_num a.bt_plus { right: 0; background-image: url(../images/bt_plus.png); }
.reservation .t_area .wrap .op_select .p_num .c_age { position: absolute; top: calc(100% + 10px); right: 0; font-size: 14px; line-height: 100%; color: #695446; font-weight: 700; }
.reservation .t_area .wrap .op_select .bt_lottery_rv { position: absolute; bottom: calc(100% + 45px); right: 0; font-size: 16px; font-weight: 700; line-height: 100%; padding-right: 33px; background: url(../images/arr_lottery_rv.png) no-repeat right center; }
.reservation .t_area .wrap .bt_confirm { position: absolute; top: 0; right: 0; width: 140px; line-height: 80px; }
@media screen and (max-width:1520px) {
.reservation .t_area .wrap .op_select .period { width: calc(75% - 4px); }
.reservation .t_area .wrap .op_select .nights { width: calc(25% - 4px); }
.reservation .t_area .wrap .op_select .p_num { width: calc(50% - 4px); margin-top: 2px !important; }
}
@media screen and (max-width:1200px) {
.reservation .t_area .wrap { padding: 50px 0 40px; }
.reservation .t_area .wrap h2 { font-size: 38px; margin-bottom: 20px; }
.reservation .t_area .wrap .guide { font-size: 14px; margin-bottom: 40px; }
.reservation .t_area .wrap .op_select { padding: 0; }
.reservation .t_area .wrap .op_select .box > div { line-height: 68px; height: 68px; font-size: 14px; }
.reservation .t_area .wrap .op_select .period span { left: 15px; }
.reservation .t_area .wrap .op_select .period input { height: 68px; padding-right: 80px; font-size: 14px; }
.reservation .t_area .wrap .op_select .period::after { right: 15px; width: 24px; height: 24px; }
.reservation .t_area .wrap .op_select .period em { display: none; }
.reservation .t_area .wrap .op_select .p_num input { height: 68px; font-size: 14px; }
.reservation .t_area .wrap .op_select .p_num a { width: 75px; background-size: 14px auto; }
.reservation .t_area .wrap .op_select .p_num .c_age { top: calc(100% + 8px); font-size: 13px; }
.reservation .t_area .wrap .op_select .bt_lottery_rv { bottom: calc(100% + 20px); font-size: 14px; padding-right: 28px; background-size: 20px auto; }
.reservation .t_area .wrap .bt_confirm { position: relative; top: auto; right: auto; width: auto; line-height: 68px; margin-top: 35px; }
}

.reservation .t_area .wrap .selected_op { padding-left: 14px; margin-bottom: 10px; }
.reservation .t_area .wrap .selected_op dl { float: left; line-height: 54px; padding-right: 43px; margin-right: 43px; font-size: 16px; }
.reservation .t_area .wrap .selected_op dl::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 29px; background: #dcdcdc; }
.reservation .t_area .wrap .selected_op dl:nth-child(3)::after { display: none; }
.reservation .t_area .wrap .selected_op dl dt { float: left; color: #695446; margin-right: 35px; }
.reservation .t_area .wrap .selected_op dl dd { float: left; font-size: 18px; color: #000; font-weight: 700; }
.reservation .t_area .wrap .selected_op dl dd .a_guide { position: absolute; top: calc(100% + 18px); right: 0; width: 210px; font-size: 14px; color: #695446; text-align: right; font-weight: 700; line-height: 100%; }
.reservation .t_area .wrap .selected_op .bt_re_search { float: left; width: 205px; line-height: 54px; }
@media screen and (max-width:1200px) {
.reservation .t_area .wrap .selected_op { padding-left: 0; margin: 0 -20px; }
.reservation .t_area .wrap .selected_op dl { line-height: 45px; padding: 0 20px; margin: 0; width: calc(18% - 40px); font-size: 14px; }
.reservation .t_area .wrap .selected_op dl:nth-child(1) { width: calc(64% - 40px); }
.reservation .t_area .wrap .selected_op dl::after { height: 20px; }
.reservation .t_area .wrap .selected_op dl dt { position: absolute; top: 0; left: 20px; margin: 0; }
.reservation .t_area .wrap .selected_op dl dd { float: none; text-align: right; font-size: 15px; }
.reservation .t_area .wrap .selected_op dl dd .a_guide { top: auto; bottom: calc(100% + 5px); font-size: 12px; }
.reservation .t_area .wrap .selected_op .bt_re_search { width: calc(100% - 40px); margin: 5px 20px 0; line-height: 45px; }
}

.reservation .list { padding: 80px 30px 50px; max-width: 1460px; margin: 0 auto; }
.reservation .list h3 { font-size: 24px; line-height: 100%; margin-bottom: 30px; }
.reservation .list ul { margin: 0 -27px 0 -28px; }
.reservation .list ul li { float: left; width: calc(33.3333% - 55px); margin: 0 27px 100px 28px; }
.reservation .list ul li .ph { padding-bottom: 75.5%; background: center center/cover; margin-bottom: 36px; }
.reservation .list ul li .tx { padding: 0 10px; }
.reservation .list ul li .tx .tit { font-size: 26px; font-weight: 700; margin-bottom: 20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.reservation .list ul li .tx .g_info { font-size: 16px; line-height: 30px; color: #787878; padding-bottom: 12px; border-bottom: 2px 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: 92px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.reservation .list ul li .tx .price { font-size: 24px; line-height: 68px; font-weight: 700; text-align: right; margin-bottom: 15px; }
.reservation .list .no_result { height: 360px; }
.reservation .list .no_result p { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; font-size: 24px; }
.reservation .list .no_result p::before { content: ''; display: inline-block; width: 23px; height: 23px; background: url(../images/ic_warning_bk.png) 0/100% 100%; vertical-align: middle; margin: -3px 12px 0 0; }
@media screen and (max-width:1520px) {
.reservation .list ul { margin: 0 -15px; }
.reservation .list ul li { width: calc(33.3333% - 30px); margin: 0 15px 70px 15px; }
.reservation .list ul li .tx { padding: 0; }
}
@media screen and (max-width:1200px) {
.reservation .list { padding: 50px 30px; }
.reservation .list h3 { font-size: 20px; margin-bottom: 20px; }
.reservation .list ul { margin: 0 -10px; }
.reservation .list ul li { width: calc(50% - 20px); margin: 0 10px 50px; }
.reservation .list ul li .ph { margin-bottom: 25px; }
.reservation .list ul li .tx { padding: 0; }
.reservation .list ul li .tx .tit { font-size: 20px; margin-bottom: 15px; }
.reservation .list ul li .tx .g_info { font-size: 14px; line-height: 24px; padding-bottom: 6px; }
.reservation .list ul li .tx .g_info dl dd { margin-left: 70px; }
.reservation .list ul li .tx .price { font-size: 20px; line-height: 58px; margin-bottom: 10px; }
.reservation .list .no_result { height: 280px; }
.reservation .list .no_result p { font-size: 18px; }
.reservation .list .no_result p::before { width: 20px; height: 20px; margin-right: 8px; }
}

.rv_info { max-width: 1460px; padding: 90px 30px 150px; margin: 0 auto; }
.rv_info .t_info { margin-bottom: 74px; }
.rv_info .t_info h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 52px; line-height: 100%; font-weight: 300; margin-bottom: 42px; }
.rv_info .t_info .g_info { font-size: 20px; }
.rv_info .t_info .g_info span { display: inline-block; }
.rv_info .t_info .g_info span em { color: #787878; margin-right: 3px; }
.rv_info .t_info .g_info i { margin: 0 12px; color: #9c9c9c; }
.rv_info .t_info .price { position: absolute; bottom: -12px; right: 0; font-size: 46px; line-height: 100%; }
.rv_info .t_info .price dt { position: absolute; top: 0; left: 0; font-size: 18px; color: #969696; }
.rv_info .t_info .price dd { margin-left: 130px; }
.rv_info .d_info { border: 1px solid #000; border-width: 1px 0; margin-bottom: 60px; }
.rv_info .d_info .unit { padding: 70px 0 70px 48%; border-bottom: 1px solid #dcdcdc; }
.rv_info .d_info .unit:last-child { border: 0; }
.rv_info .d_info .unit .tit { position: absolute; top: 80px; left: 0; width: calc(48% - 160px); }
.rv_info .d_info .unit .tit h3 { font-size: 30px; margin-bottom: 28px; }
.rv_info .d_info .unit .tit p { font-size: 14px; line-height: 170%; color: #787878; }
.rv_info .d_info .unit dl { margin-bottom: 20px; line-height: 60px; }
.rv_info .d_info .unit dl:last-child { margin: 0; }
.rv_info .d_info .unit dl dt { position: absolute; top: 0; left: 0; font-size: 16px; font-weight: 700; padding-left: 14px; }
.rv_info .d_info .unit dl dt i { position: absolute; top: 0; left: 0; color: #ff0000; }
.rv_info .d_info .unit dl dd { margin-left: 170px; }
.rv_info .d_info .unit.coupon_ap { padding-left: 0; }
.rv_info .d_info .unit.coupon_ap::after { content: ''; display: block; clear: both; }
.rv_info .d_info .unit.coupon_ap .tit { position: relative; top: auto; left: auto; float: left; }
.rv_info .d_info .unit.coupon_ap dl { margin-left: 48%; }
.rv_info .d_info .unit.coupon_ap dl dd { padding-right: 205px; }
.rv_info .d_info .unit.coupon_ap dl dd .bt_coupon_ap { position: absolute; top: 0; right: 0; width: 174px; line-height: 60px; border-radius: 5px; font-size: 16px; color: #fff; font-weight: 700; text-align: center; background: #695446; }
.rv_info .d_info .unit.coupon_ap dl dd .bt_coupon_ap:hover { text-decoration: none; }
.rv_info .d_info .unit dl dd input[type=text] { width: 100%; height: 60px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 19px; font-size: 16px; 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: 140px; padding: 15px 19px; border: 1px solid #dcdcdc; border-radius: 5px; font-size: 16px; }
.reservation .b_btns { text-align: center; }
.reservation .b_btns a { display: inline-block; margin: 0 10px; width: 230px; }

.rv_info .d_info .unit dl dd select { width: 100%; height: 60px; background: #f8f6f5; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 19px; font-size: 16px; outline: 0; appearance: none; }
.rv_info .d_info .unit dl .sel::after { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 23px; height: 13px; background: url(../images/ar_r_type.png) 0/100% 100%; }
.rv_info .d_info .unit dl dd .cb li { display: inline-block; margin-right: 27px; font-size: 16px; font-weight: 700; }
.rv_info .agree { padding-bottom: 24px; }
.rv_info .agree h3 { font-size: 30px; line-height: 100%; margin-bottom: 50px; }
.rv_info .agree dl { margin-bottom: 36px; }
.rv_info .agree dl dt { margin-bottom: 10px; font-size: 16px; font-weight: 700; }
.rv_info .agree dl dt span { color: #937a67; }
.rv_info .agree dl dd { box-sizing: border-box; height: 150px; border: 1px solid #dcdcdc; font-size: 14px; line-height: 178%; }
.rv_info .agree dl dd .mCSB_container { padding: 20px 30px; }

.rv_done { padding: 30px 30px 130px; text-align: center; }
.rv_done.cancel { padding-bottom: 30px; }
.rv_done p { font-size: 40px; font-weight: 700; line-height: 100%; padding-top: 131px; background: url(../images/ic_rv_done.png) no-repeat center 0; margin-bottom: 60px; }
.rv_done.cancel p { padding-top: 113px; background-image: url(../images/ic_rv_cancel_done.png); }
.rv_house_info { padding: 60px; min-height: 340px; border: 1px solid #e6e1de; background: #f5f1ee; }
.rv_house_info .ph { position: absolute; top: 60px; left: 60px; width: 450px; }
.rv_house_info .ph img { width: 100%; }
.rv_house_info .tx { margin-left: 526px; }
.rv_house_info .tx .name { padding-top: 32px; font-size: 46px; font-weight: 700; margin-bottom: 30px; }
.rv_house_info .tx dl { font-size: 16px; line-height: 50px; }
.rv_house_info .tx dl dt { position: absolute; top: 0; left: 0; font-weight: 700; }
.rv_house_info .tx dl dd { margin-left: 102px; color: #787878; }
.rv_house_info .bt_rv_cancel { position: absolute; bottom: 60px; right: 60px; font-size: 16px; font-weight: 700; line-height: 100%; padding-right: 33px; background: url(../images/arr_lottery_rv.png) no-repeat right center; }
@media screen and (max-width:1200px) {
.rv_info { padding: 50px 30px; }
.rv_info .t_info { margin-bottom: 35px; }
.rv_info .t_info h2 { font-size: 45px; margin-bottom: 30px; }
.rv_info .t_info .g_info { font-size: 16px; margin-bottom: 20px; }
.rv_info .t_info .g_info i { margin: 0 8px; }
.rv_info .t_info .price { position: relative; bottom: auto; right: auto; font-size: 32px; max-width: 50%; }
.rv_info .t_info .price dt { position: relative; top: auto; left: auto; display: inline-block; font-size: 14px; vertical-align: middle; }
.rv_info .t_info .price dd { display: inline-block; margin-left: 30px; }
.rv_info .d_info { margin-bottom: 40px; }
.rv_info .d_info .unit { padding: 50px 0; }
.rv_info .d_info .unit .tit { position: relative; top: auto; left: auto; width: auto; margin-bottom: 25px; }
.rv_info .d_info .unit .tit h3 { font-size: 24px; margin-bottom: 10px; }
.rv_info .d_info .unit .tit p { font-size: 13px; }
.rv_info .d_info .unit dl { margin-bottom: 15px; line-height: 50px; }
.rv_info .d_info .unit dl dt { font-size: 14px; padding-left: 11px; }
.rv_info .d_info .unit dl dd { margin-left: 150px; }
.rv_info .d_info .unit.coupon_ap .tit { float: none; width: auto; }
.rv_info .d_info .unit.coupon_ap dl { margin: 0; }
.rv_info .d_info .unit.coupon_ap dl dd { padding-right: 150px; }
.rv_info .d_info .unit.coupon_ap dl dd .bt_coupon_ap { width: 130px; line-height: 50px; font-size: 14px; }
.rv_info .d_info .unit dl dd input[type=text] { height: 50px; padding: 0 14px; font-size: 14px; }
.rv_info .d_info .unit textarea { height: 110px; padding: 9px 14px; font-size: 14px; }
.reservation .b_btns a { margin: 0 6px; width: 180px; }

.rv_info .d_info .unit dl dd select { height: 50px; padding: 0 14px; font-size: 14px; }
.rv_info .d_info .unit dl dd.sel::after { right: 15px; width: 20px; height: 12px; }
.rv_info .d_info .unit dl dd .cb li { margin-right: 20px; font-size: 14px; }
.rv_info .agree { padding-bottom: 15px; }
.rv_info .agree h3 { font-size: 24px; margin-bottom: 35px; }
.rv_info .agree dl { margin-bottom: 25px; }
.rv_info .agree dl dt { margin-bottom: 8px; font-size: 14px; }
.rv_info .agree dl dd { height: 120px; font-size: 13px; }
.rv_info .agree dl dd .mCSB_container { padding: 15px 20px; }

.rv_done { padding: 30px 30px 100px; }
.rv_done.cancel { padding-bottom: 80px; }
.rv_done p { font-size: 30px; padding-top: 100px; background-size: auto 60px; margin-bottom: 40px; }
.rv_done.cancel p { padding-top: 80px; background-size: auto 42px; }
.rv_house_info { padding: 40px; min-height: none; text-align: center; max-width: 450px; margin: 0 auto; }
.rv_house_info .ph { position: relative; top: auto; left: auto; width: auto; margin: 0 auto 30px; }
.rv_house_info .tx { margin: 0 0 30px; }
.rv_house_info .tx .name { padding-top: 0; font-size: 32px; line-height: 125%; margin-bottom: 20px; }
.rv_house_info .tx dl { font-size: 14px; line-height: 35px; text-align: left; }
.rv_house_info .tx dl dd { margin-left: 80px; }
.rv_house_info .bt_rv_cancel { position: relative; bottom: auto; right: auto; font-size: 14px; padding-right: 28px; background-size: 20px auto; }
}

.lottery_rv_view { max-width: 1460px; margin: 0 auto; padding: 20px 30px 150px; }
.lottery_rv_view .viewer { margin-bottom: 100px; }
.lottery_rv_view .viewer dt { padding: 45px 0; font-size: 20px; line-height: 150%; font-weight: 700; cursor: pointer; }
.lottery_rv_view .viewer dt::after { content: ''; display: inline-block; width: 22px; height: 13px; background: url(../images/arr_lottery_view.png); vertical-align: middle; margin: -3px 0 0 17px; }
.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%; }
.lottery_rv_view .tb_mb_data td { height: 50px; padding: 15px 10px; font-size: 18px; }
.lottery_rv_view .tb_mb_data td.tit { text-align: left; }
@media screen and (max-width:1200px) {
.lottery_rv_view { padding: 20px 30px 100px; }
.lottery_rv_view .viewer { margin-bottom: 70px; }
.lottery_rv_view .viewer dt { padding: 30px 0; font-size: 16px; }
.lottery_rv_view .viewer dt::after { width: 18px; height: 11px; margin-left: 10px; }
.lottery_rv_view .tb_mb_data td { height: 40px; padding: 12px 10px; font-size: 14px; }
}

.rv_info.lottery .t_info h2 { font-family: Pretendard, Sans-serif;  font-size: 46px; font-weight: 700; line-height: 135%; margin-bottom: 25px; }
.rv_info.lottery .t_info .period { font-size: 16px; line-height: 36px; margin-bottom: 40px; }
.rv_info.lottery .d_info .unit { padding-left: 13.35%; }
.rv_info.lottery .d_info .unit .db_form p { float: left; margin-right: 20px; width: calc(55% - 20px); }
.rv_info.lottery .d_info .unit .db_form p.sel { margin: 0; width: 45%; }
.rv_info.lottery .d_info .unit .db_form p::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.rv_info.lottery .d_info .unit .db_form p.cal::after { width: 28px; height: 28px; background: url(../images/ic_cal.png) 0/100% 100%; }
.rv_info.lottery .d_info .unit .db_form p.sel::after { right: 20px; width: 23px; height: 13px; background: url(../images/ar_r_type.png) 0/100% 100%; }
.rv_info.lottery .d_info .unit .db_form p input[type=text],
.rv_info.lottery .d_info .unit .db_form p select { background: #fff; font-weight: 700; }
.rv_info.lottery .b_guide { font-size: 15px; text-align: center; margin: -15px 0 58px; }
@media screen and (max-width:1200px) {
.rv_info.lottery .t_info h2 {  font-size: 32px; margin-bottom: 20px; }
.rv_info.lottery .t_info .period { font-size: 14px; line-height: 30px; margin-bottom: 30px; }
.rv_info.lottery .d_info .unit { padding-left: 0; }
.rv_info.lottery .d_info .unit dl { margin-bottom: 20px; }
.rv_info.lottery .d_info .unit dl:last-child { margin: 0; }
.rv_info.lottery .d_info .unit dl dt { position: relative; top: auto; left: auto; line-height: 100%; margin-bottom: 10px; }
.rv_info.lottery .d_info .unit dl dd { margin-left: 0; }
.rv_info.lottery .d_info .unit .db_form p { margin-right: 10px; width: calc(50% - 10px); }
.rv_info.lottery .d_info .unit .db_form p.sel { width: 50%; }
.rv_info.lottery .d_info .unit .db_form p::after { right: 15px; }
.rv_info.lottery .d_info .unit .db_form p.cal::after { width: 24px; height: 24px; }
.rv_info.lottery .d_info .unit .db_form p.sel::after { width: 20px; height: 11px; }
.rv_info.lottery .b_guide { font-size: 13px; margin: -12px 0 40px; }
}


/*mypage*/
.mypage { background: #f5f1ee; padding: 70px 30px 150px; }
.mypage .wrap { max-width: 1460px; margin: 0 auto; min-height: 640px; padding-top: 60px; }
.mypage .wrap .lnb { position: absolute; top: 0; left: 0; width: 240px; }
.mypage .wrap .lnb h2 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 52px; line-height: 100%; font-weight: 300; margin-bottom: 43px; }
.mypage .wrap .lnb ul { font-size: 16px; line-height: 60px; }
.mypage .wrap .lnb ul li a { display: block; padding: 0 20px 0 60px; }
.mypage .wrap .lnb ul li a:hover { text-decoration: none; }
.mypage .wrap .lnb ul li.on a { background: #695446; border-radius: 5px; color: #fff; }
.mypage .wrap .lnb ul li a::before { content: ''; position: absolute; top: 0; left: 19px; bottom: 0; width: 26px; background: no-repeat center center; }
.mypage .wrap .lnb ul li:nth-child(1) a::before { background-image: url(../images/ic_mp_lnb01.png); }
.mypage .wrap .lnb ul li:nth-child(2) a::before { background-image: url(../images/ic_mp_lnb02.png); }
.mypage .wrap .lnb ul li:nth-child(3) a::before { background-image: url(../images/ic_mp_lnb03.png); }
.mypage .wrap .lnb ul li:nth-child(4) a::before { background-image: url(../images/ic_mp_lnb04.png); }
.mypage .wrap .lnb ul li:nth-child(5) a::before { background-image: url(../images/ic_mp_lnb05.png); }
.mypage .wrap .lnb ul li:nth-child(6) a::before { background-image: url(../images/ic_mp_lnb06.png); }
.mypage .wrap .lnb ul li:nth-child(7) a::before { background-image: url(../images/ic_mp_lnb07.png); }
.mypage .wrap .lnb ul li:nth-child(8) a::before { background-image: url(../images/ic_mp_lnb08.png); }
.mypage .wrap .lnb ul li:nth-child(9) a::before { background-image: url(../images/ic_mp_lnb09.png); }
.mypage .wrap .lnb ul li:nth-child(1).on a::before { background-image: url(../images/ic_mp_lnb01on.png); }
.mypage .wrap .lnb ul li:nth-child(2).on a::before { background-image: url(../images/ic_mp_lnb02on.png); }
.mypage .wrap .lnb ul li:nth-child(3).on a::before { background-image: url(../images/ic_mp_lnb03on.png); }
.mypage .wrap .lnb ul li:nth-child(4).on a::before { background-image: url(../images/ic_mp_lnb04on.png); }
.mypage .wrap .lnb ul li:nth-child(5).on a::before { background-image: url(../images/ic_mp_lnb05on.png); }
.mypage .wrap .lnb ul li:nth-child(6).on a::before { background-image: url(../images/ic_mp_lnb06on.png); }
.mypage .wrap .lnb ul li:nth-child(7).on a::before { background-image: url(../images/ic_mp_lnb07on.png); }
.mypage .wrap .lnb ul li:nth-child(8).on a::before { background-image: url(../images/ic_mp_lnb08on.png); }
.mypage .wrap .lnb ul li:nth-child(9).on a::before { background-image: url(../images/ic_mp_lnb09on.png); }
.mypage .wrap .lnb ul li a .ic_new { display: inline-block; font-size: 14px; color: #d93705; font-weight: 800; vertical-align: middle; margin: -6px 0 0 4px; }
.mypage .wrap .lnb ul li.on a .ic_new { display: none; }
#bt_lnb { display: none; }
.lnb_tb { display: none; }

.mypage .wrap .contents { margin-left: 360px; background: #fff; padding: 80px 100px 100px; }
.mypage .wrap .mp_main { border: 1px solid #e6e1de; border-width: 1px 0 0 1px; margin-top: 20px; }
.mypage .wrap .mp_main dl { float: left; width: calc(50% - 1px); height: 182px; border: 1px solid #e6e1de; border-width: 0 1px 1px 0; text-align: center; padding-top: 36px; }
.mypage .wrap .mp_main dl.cp { width: calc(33.3333% - 1px); }
.mypage .wrap .mp_main dl dt { font-size: 18px; color: #787878; margin-bottom: 32px; }
.mypage .wrap .mp_main dl dd { font-size: 34px; }
.mypage .wrap .mp_main dl dd a:hover { text-decoration: none; }
.mypage .wrap .mp_main dl dd .bt_mbs_view_all { display: inline-block; font-size: 15px; font-weight: 700; padding-right: 18px; background: url(../images/ar_mbs_view_all.png) no-repeat right center; margin-top: 34px; }
.mypage .mem_number { font-size: 16px; font-weight: 700; line-height: 100%; margin-bottom: 20px; }
@media screen and (max-width:1600px) {
.mypage .wrap .lnb { width: 210px; }
.mypage .wrap .lnb h2 { font-size: 46px; }
.mypage .wrap .lnb ul { font-size: 15px; letter-spacing: -0.5px; }
.mypage .wrap .contents { margin-left: 240px; }
.mypage .mem_number { font-size: 14px; margin-bottom: 16px; }
}
@media screen and (max-width:1200px) {
.mypage { padding: 100px 30px 100px; }
.mypage .wrap { padding-top: 0; min-height: 600px; }
.mypage .wrap .lnb { position: relative; top: auto; left: auto; width: auto; z-index: 5; }
.mypage .wrap .lnb h2 { font-size: 42px; text-align: center; padding: 30px 0; margin: 0; }
.mypage .wrap .lnb ul { display: none; }
/*.mypage .wrap .lnb ul { position: absolute; top: 100%; left: -300px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 30px; font-size: 14px; line-height: 55px; border-radius: 0 10px 10px 0; }
.mypage .wrap .lnb.on ul { left: -30px; }
#bt_lnb { display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 30px; height: 30px; border: 2px solid #695446; text-indent: -9999px; }
#bt_lnb i { position: absolute; left: 5px; right: 5px; height: 2px; background: #695446; font-size: 0; line-height: 0; border-radius: 2px; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
#bt_lnb i:nth-child(1) { top: 7px; }
#bt_lnb i:nth-child(2),
#bt_lnb i:nth-child(3) { top: 14px; right: 9px; }
#bt_lnb i:nth-child(4) { top: 21px; }
#bt_lnb i:nth-child(1),
#bt_lnb i:nth-child(4) { transition: opacity 0.8s; -webkit-transition: opacity 0.8s; }
#bt_lnb.on i:nth-child(1),
#bt_lnb.on i:nth-child(4) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
#bt_lnb.on i:nth-child(2),
#bt_lnb.on i:nth-child(3) { right: 5px; opacity: 0.7; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
#bt_lnb.on i:nth-child(2) { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
#bt_lnb.on i:nth-child(3) { transform: rotate(-495deg); -webkit-transform: rotate(-495deg); }*/

.lnb_tb { display: block; position: fixed; top: 61px; left: 0; right: 0; background: #fff; border-bottom: 1px solid #dcdcdc; }
.lnb_tb .swiper-slide { width: 110px; }
.lnb_tb .swiper-slide a { display: block; padding: 38px 0 8px; font-size: 12px; letter-spacing: -0.5px; text-align: center; }
.lnb_tb .swiper-slide a:hover { text-decoration: none; }
.lnb_tb .swiper-slide.on a { background: #695446; color: #fff; }
.lnb_tb .swiper-slide a::before { content: ''; position: absolute; top: 5px; left: 0; right: 0; height: 30px; background: no-repeat center center; }
.lnb_tb .swiper-slide.m01 a::before { background-image: url(../images/ic_mp_lnb01.png); background-size: auto 22px; }
.lnb_tb .swiper-slide.m02 a::before { background-image: url(../images/ic_mp_lnb02.png); background-size: auto 20px; }
.lnb_tb .swiper-slide.m03 a::before { background-image: url(../images/ic_mp_lnb03.png); background-size: auto 14px; }
.lnb_tb .swiper-slide.m04 a::before { background-image: url(../images/ic_mp_lnb04.png); background-size: auto 23px; }
.lnb_tb .swiper-slide.m05 a::before { background-image: url(../images/ic_mp_lnb05.png); background-size: auto 23px; }
.lnb_tb .swiper-slide.m06 a::before { background-image: url(../images/ic_mp_lnb06.png); background-size: auto 22px; }
.lnb_tb .swiper-slide.m07 a::before { background-image: url(../images/ic_mp_lnb07.png); background-size: auto 22px; }
.lnb_tb .swiper-slide.m08 a::before { background-image: url(../images/ic_mp_lnb08.png); background-size: auto 22px; }
.lnb_tb .swiper-slide.m09 a::before { background-image: url(../images/ic_mp_lnb09.png); background-size: auto 22px; }
.lnb_tb .swiper-slide.m01.on a::before { background-image: url(../images/ic_mp_lnb01on.png); }
.lnb_tb .swiper-slide.m02.on a::before { background-image: url(../images/ic_mp_lnb02on.png); }
.lnb_tb .swiper-slide.m03.on a::before { background-image: url(../images/ic_mp_lnb03on.png); }
.lnb_tb .swiper-slide.m04.on a::before { background-image: url(../images/ic_mp_lnb04on.png); }
.lnb_tb .swiper-slide.m05.on a::before { background-image: url(../images/ic_mp_lnb05on.png); }
.lnb_tb .swiper-slide.m06.on a::before { background-image: url(../images/ic_mp_lnb06on.png); }
.lnb_tb .swiper-slide.m07.on a::before { background-image: url(../images/ic_mp_lnb07on.png); }
.lnb_tb .swiper-slide.m08.on a::before { background-image: url(../images/ic_mp_lnb08on.png); }
.lnb_tb .swiper-slide.m09.on a::before { background-image: url(../images/ic_mp_lnb09on.png); }

.mypage .wrap .contents { margin: 0; padding: 40px; }
.mypage .wrap .mp_main { margin: 0; }
.mypage .wrap .mp_main dl { height: 152px; padding-top: 24px; }
.mypage .wrap .mp_main dl dt { font-size: 16px; margin-bottom: 24px; }
.mypage .wrap .mp_main dl dd { font-size: 28px; }
.mypage .wrap .mp_main dl dd .bt_mbs_view_all { font-size: 13px; padding-right: 16px;  background-size: 8px auto; margin-top: 26px; }
}

.tb_mp_data { width: 100%; border-top: 1px solid #000; font-size: 14px; 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: 49px; background: #f5f1ee; }
.tb_mp_data td { border: 1px solid #dcdcdc; border-width: 0 1px 1px 0; padding: 15px 20px; line-height: 20px; height: 40px; }
.tb_mp_data.nl td { border-right: 0; }
.tb_mp_data tr:last-child td { border-bottom: 0; }
.tb_mp_data .lottery_result { color: #969696; }
.tb_mp_data .lottery_result.win { color: #000; font-weight: 700; }
.tb_mp_data .tit { text-align: left; }
.tb_mp_data td.lb { border-bottom-color: #000; }
@media screen and (max-width:1200px) {
.tb_mp_data { font-size: 13px; }
.tb_mp_data th { height: 45px; }
.tb_mp_data td { height: 45px; padding: 10px 15px; }
}

ul.tab_mp { max-width: 800px; margin: -20px 0 40px; }
ul.tab_mp:after { content:''; clear: both; display:block; height: 0; visibility: hidden; }
ul.tab_mp li { float: left; width: 25%; border-bottom: 1px solid #dcdcdc; }
ul.tab_mp li a { display:block; font-size: 16px; color: #969696; text-align:center; line-height: 56px; }
ul.tab_mp li a:hover { text-decoration:none; }
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; }
.tab_mp_content.on { display:block; }
.rv_manage>li { border: 1px solid #e6e1de; margin-bottom: 10px; padding: 38px 40px 26px; }
.rv_manage>li .d_day { font-size: 16px; color: #695446; font-weight: 700; margin-bottom: 14px; }
.rv_manage>li .name { font-size: 26px; font-weight: 700; margin-bottom: 31px; }
.rv_manage>li .d_info { margin-right: 70px; }
.rv_manage>li .d_info:after { content:''; clear:both; display:block; }
.rv_manage>li .d_info dl { float: left; width: calc(50% - 20px); margin: 0 20px 10px 0; font-size: 14px; line-height: 20px; }
.rv_manage.dc>li .d_info dl { float: none; width: auto; }
.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 { padding-right: 180px; margin-bottom: 30px; }
.rv_manage_options:after { content:''; clear:both; display:block; }
.rv_manage_options > * { float: left; }
.rv_manage_options .period { width: calc(62% - 30px); margin-right: 30px; }
.rv_manage_options .period::after { content: ''; position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); width: 10px; height: 1px; background: #000; }
.rv_manage_options .period dl { float: left; width: calc(50% - 15px); }
.rv_manage_options .period dl:last-child { float: right; }
.rv_manage_options .period input[type=text] { width: 100%; height: 50px; border: 1px solid #dcdcdc; padding: 0 19px; font-size: 15px; }
.rv_manage_options .period dl dd::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 28px; height: 28px; background: url(../images/ic_cal.png) 0/100% 100%; }
.rv_manage_options dl dt { font-size: 14px; font-weight: 700; margin-bottom: 8px; line-height: 100%; }
.rv_manage_options .bt_inquiry { position: absolute; bottom: 0; right: 0; }
.rv_manage_options .quick { width: 38%; }
.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: 48px; font-size: 15px; 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; }
.rv_manage_options .bt_bk { display: block; width: 150px; line-height: 50px; background: #695446; font-size: 14px; color: #fff; font-weight: 700; text-align: center; }
.rv_manage_options .bt_bk:hover { text-decoration: none; }

@media screen and (max-width:1200px) {
.mypage .wrap .contents.rv_manage { padding-top: 30px; }

ul.tab_mp { margin: 0 0 30px; }
ul.tab_mp li a { font-size: 14px; line-height: 40px; }
.tab_mp_content { display:none; }
.tab_mp_content.on { display:block; }
.rv_manage>li { padding: 28px 30px 16px; }
.rv_manage>li .d_day { font-size: 14px; margin-bottom: 10px; }
.rv_manage>li .name { font-size: 22px; margin-bottom: 25px; }
.rv_manage>li .d_info { margin-right: 60px; }
.rv_manage>li .d_info dl { font-size: 13px; line-height: 18px; }
.rv_manage>li .d_info dl dd { margin-left: 85px; }
.rv_manage>li .bt_rv_change { position: absolute; bottom: 30px; right: 30px; font-size: 14px; padding-right: 28px; background-size: 20px auto; }
}
@media screen and (max-width:950px) {
.rv_manage_options { padding-right: 0; }
.rv_manage_options .period { width: calc(65% - 20px); margin-right: 20px; }
.rv_manage_options .period::after { bottom: 20px; width: 5px; }
.rv_manage_options .period dl { width: calc(50% - 5px); }
.rv_manage_options .period input[type=text] { height: 40px; padding: 0 9px; font-size: 13px; }
.rv_manage_options .period dl dd::after { right: 10px; width: 20px; height: 20px; }
.rv_manage_options dl dt { font-size: 13px; margin-bottom: 5px; }
.rv_manage_options .bt_inquiry { position: relative; bottom: auto; right: auto; width: 100%; margin-top: 20px; }
.rv_manage_options .quick { width: 35%; }
.rv_manage_options .quick ul li input + label { line-height: 38px; font-size: 13px; }
}
@media screen and (max-width:900px) {
ul.tab_mp li a { letter-spacing: -0.5px; }
.rv_manage>li .d_info dl { float: none; width: auto; margin: 0 0 10px; }
}

.coupon li { border: 1px solid #e6e1de; margin-bottom: 10px; padding: 47px 200px 47px 50px; }
.coupon li .name { font-size: 24px; font-weight: 700; margin-bottom: 27px; }
.coupon li .period { font-size: 16px; color: #787878; }
.coupon li .discount { position: absolute; top: 50%; right: 46px; transform: translateY(-50%); font-size: 30px; color: #695446; }
.coupon li .discount em { font-size: 60px; }
.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: 24px; font-weight: 700; }
.coupon li .done.use span { color: #fff; }
.coupon li .done.pd span { color: #787878; }
.coupon li .barcode { margin-top: 15px; }
.coupon li .barcode img { height: 50px; }
@media screen and (max-width:1200px) {
.coupon li { padding: 37px 120px 37px 40px; }
.coupon li .name { font-size: 20px; margin-bottom: 20px; }
.coupon li .period { font-size: 14px; }
.coupon li .discount { right: 30px; font-size: 20px; }
.coupon li .discount em { font-size: 40px; }
.coupon li .done span { font-size: 20px; font-weight: 700; }
}

.mypage .sp_exp { margin: 0 -15px; }
.mypage .sp_exp:after { content:''; clear:both; display:block; }
.mypage .sp_exp li { float: left; width: calc(33.3333% - 30px); margin: 0 15px 45px; }
.mypage .sp_exp li .ph { height: 195px; background: no-repeat center center/cover; margin-bottom: 24px; }
.mypage .sp_exp li .tx .cate { font-size: 14px; font-weight: 700; margin-bottom: 19px; }
.mypage .sp_exp li .tx .cate.c01 { color: #a07558; }
.mypage .sp_exp li .tx .cate.c02 { color: #4d804d; }
.mypage .sp_exp li .tx .cate.c03 { color: #c05c7a; }
.mypage .sp_exp li .tx .tit { font-size: 20px; font-weight: 700; margin-bottom: 8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.mypage .sp_exp li .tx .s_tx { font-size: 14px; line-height: 28px; margin-bottom: 19px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.mypage .sp_exp li .tx .d_info { min-height: 120px; }
.mypage .sp_exp li .tx .d_info dl { font-size: 14px; line-height: 30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.mypage .sp_exp li .tx .d_info dl dt { display: inline-block; position: relative; margin-right: 15px; }
.mypage .sp_exp li .tx .d_info dl dd { display: inline; color: #787878; }
.mypage .sp_exp li .tx .bt_like { position: absolute; top: -4px; right: 0; width: 21px; height: 19px; background: url(../images/ic_like.png) 0/100% 100%; text-indent: -9999px; }
.mypage .sp_exp li .tx .bt_like.on { background-image: url(../images/ic_like_on.png); }

@media screen and (max-width:1520px) {
.mypage .sp_exp li .ph { height: 0; padding-bottom: 69.6%; margin-bottom: 25px; }
}
@media screen and (max-width:1200px) {
.mypage .sp_exp { margin: 0 -10px; }
.mypage .sp_exp li { float: left; width: calc(50% - 20px); margin: 0 10px 45px; }
.mypage .sp_exp li .ph { margin-bottom: 20px; }
.mypage .sp_exp li .tx .cate { font-size: 13px; margin-bottom: 15px; }
.mypage .sp_exp li .tx .tit { font-size: 16px; margin-bottom: 6px; }
.mypage .sp_exp li .tx .s_tx { font-size: 13px; margin-bottom: 15px; }
.mypage .sp_exp li .tx .d_info { min-height: 96px; }
.mypage .sp_exp li .tx .d_info dl { font-size: 13px; line-height: 24px; }
}

.mp_certification { text-align: center; padding-top: 60px; }
.mp_certification .guide { font-size: 18px; line-height: 175%;  margin-bottom: 85px; }
.mp_certification .pw { max-width: 538px; margin: 0 auto 116px; }
.mp_certification .pw input[type=password] { width: 100%; height: 60px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 19px; font-size: 16px; outline: 0; }
.mp_certification .pw::after { display: none; content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 26px; height: 26px; background: url(../images/ic_pw.png) 0/100% 100%; }
.mypage .bt_b_block { width: 230px; margin: 0 auto; }
@media screen and (max-width:1200px) {
.mp_certification { padding: 30px 0; }
.mp_certification .guide { font-size: 16px; margin-bottom: 60px; }
.mp_certification .pw { max-width: 450px; margin: 0 auto 70px; }
.mp_certification .pw input[type=password] { height: 50px; padding: 0 14px; font-size: 14px; }
.mp_certification .pw::after { right: 15px; width: 23px; height: 23px; }
.mypage .bt_b_block { width: 180px; }
}

.mypage .sign_up { padding: 0 !important; }
.mypage .sign_up h3 { font-size: 40px; text-align: center; margin-bottom: 55px; }
.mypage .sign_up .gap { height: 40px; }
.mypage .sign_up dl.adr { margin-bottom: 0; padding-bottom: 45px; }
.mypage .sign_up dl.adr dd { margin-bottom: 15px; }
@media screen and (max-width:1200px) {
.mypage .sign_up h3 { font-size: 28px; margin-bottom: 40px; }
.mypage .sign_up .gap { height: 25px; }
.mypage .sign_up dl.adr { padding-bottom: 30px; }
.mypage .sign_up dl.adr dd { margin-bottom: 10px; }
}

.mp_use_guide h3 { font-size: 40px; line-height: 100%; margin-bottom: 25px; }
.mp_use_guide .t_guide { font-size: 18px; margin-bottom: 60px; }
.mp_use_guide .tab_mp { margin-bottom: 58px; }
.mp_use_guide .tab_mp_content { padding-left: 30px; font-size: 14px; }
.mp_use_guide .tab_mp_content h4 { display: none; }
.mp_use_guide .tab_mp_content h5 { font-size: 18px; margin: 0 0 18px -30px; padding-left: 30px; }
.mp_use_guide .tab_mp_content h5::before { content: ''; position: absolute; top: 7px; left: 10px; width: 8px; height: 8px; background: #695446; border-radius: 100%; }
.mp_use_guide .unit { margin-bottom: 48px; }
.mp_use_guide .unit:last-child { 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 { padding: 19px 19px 19px 300px; line-height: 20px; min-height: 20px; border: 1px solid #dcdcdc; margin-bottom: 10px; }
.mp_use_guide .step_list li span { position: absolute; top: 19px; left: 39px; font-size: 16px; font-weight: 700; }
.mp_use_guide .c_red { color: #cb013f; }
.mp_use_guide h6 { font-size: 14px; color: #695446; margin: 0 0 8px; }
.mp_use_guide .bs_guide li { line-height: 171%; 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: 16px; margin-bottom: 13px; }
.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; }
@media screen and (max-width:1200px) {
.mp_use_guide h3 { font-size: 32px; margin-bottom: 20px; }
.mp_use_guide .t_guide { font-size: 15px; margin-bottom: 40px; }
.mp_use_guide .tab_mp { margin-bottom: 38px; }
.mp_use_guide .tab_mp_content { padding-left: 20px; font-size: 13px; }
.mp_use_guide .tab_mp_content h5 { font-size: 16px; margin: 0 0 15px -20px; padding-left: 20px; }
.mp_use_guide .tab_mp_content h5::before { top: 6px; left: 6px; width: 6px; height: 6px; }
.mp_use_guide .unit { margin-bottom: 38px; }
.mp_use_guide .tb_mp_data { margin-bottom: 12px; }
.mp_use_guide .step_list li { padding: 14px 14px 14px 250px; line-height: 18px; min-height: 18px; margin-bottom: 5px; }
.mp_use_guide .step_list li span { top: 14px; left: 14px; font-size: 15px; }
.mp_use_guide .online_app_rv h6 { font-size: 13px; margin: 0 0 5px; }
.mp_use_guide .bs_guide li { padding-left: 14px; }
.mp_use_guide .dot_list li { padding-left: 14px; margin-bottom: 10px; }
}
.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 tbody tr:nth-child(3n-2) td:nth-child(5)::after { content: ''; position: absolute; top: -50px; left: -1px; bottom: 0; width: 1px; background: #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 { padding-left: 180px; }
.mp_use_guide .car_regi h5 { position: absolute; top: 0; left: 0; }
.mp_use_guide .car_regi h6 { font-size: 14px; color: #695446; margin: 0 0 15px; }
.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: 20px; margin: 0 -23px; }
.docu_download:after { content:''; clear:both; display:block; }
.docu_download li { float: left; width: calc(33.3333% - 46px); margin: 0 23px 20px; }
.docu_download li a { display: block; padding: 0 55px 0 20px; border: 1px solid #695446; border-radius: 5px; font-size: 14px; color: #695446; font-weight: 700; line-height: 48px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.docu_download li a::after { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 16px; height: 15px; background: url(../images/ic_docu_downlad.png) 0/100% 100%; }
@media screen and (max-width:1200px) {
.tb_mp_data.gd tbody tr:nth-child(3n-2) td:nth-child(5)::after { top: -48px; }
.mp_use_guide .car_regi { padding-left: 0; }
.mp_use_guide .car_regi h5 { position: relative; top: auto; left: auto; }
.mp_use_guide .car_regi h6 { font-size: 13px; margin-bottom: 12px; }
.mp_use_guide .car_regi .tb_mp_data { margin-bottom: 25px; }
.tb_mp_data.ov_tx { font-size: 12px; letter-spacing: -0.5px; }

.docu_download { padding-bottom: 10px; margin: 0 -10px; }
.docu_download li { width: calc(50% - 20px); margin: 0 10px 10px; }
.docu_download li a { padding: 0 45px 0 12px; font-size: 13px; line-height: 42px; letter-spacing: -0.5px; }
.docu_download li a::after { right: 12px; width: 14px; height: 13px; }
}

.inquiry_write { padding-bottom: 20px; }
.inquiry_write dl { margin-bottom: 20px; }
.inquiry_write dl dt { position: absolute; top: 0; left: 0; font-size: 16px; line-height: 60px; font-weight: 700; }
.inquiry_write dl dt i { color: #ff0000; }
.inquiry_write dl dd { margin-left: 110px; }
.inquiry_write dl dd input { width: 100%; height: 60px; border: 1px solid #dcdcdc; border-radius: 5px; font-size: 16px; padding: 0 19px; }
.inquiry_write dl dd textarea { width: 100%; height: 300px; border: 1px solid #dcdcdc; border-radius: 5px; font-size: 16px; padding: 17px 19px; }
@media screen and (max-width:1200px) {
.inquiry_write { padding-bottom: 15px; }
.inquiry_write dl { margin-bottom: 15px; }
.inquiry_write dl dt { font-size: 14px; line-height: 50px; }
.inquiry_write dl dd { margin-left: 90px; }
.inquiry_write dl dd input { height: 50px; font-size: 14px; padding: 0 14px; }
.inquiry_write dl dd textarea { height: 250px; font-size: 14px; padding: 12px 14px; }
}

.inquiry_list li { padding: 35px 40px; line-height: 28px; border: 1px solid #dcdcdc; border-radius: 5px; margin-bottom: 10px; font-size: 16px; }
.inquiry_list li span { position: absolute; top: 30px; left: 40px; width: 118px; line-height: 38px; border: 1px solid #dcdcdc; border-radius: 20px; text-align: center; font-size: 15px; }
.inquiry_list li.done span { border-color: #695446; background: #695446; color: #fff; }
.inquiry_list li p { margin-left: 160px; padding-left: 36px; }
.inquiry_list li p em { position: absolute; top: 0; left: 0; font-size: 24px; color: #695446; }
@media screen and (max-width:1200px) {
.inquiry_list li { padding: 25px 30px; line-height: 24px; margin-bottom: 8px; font-size: 14px; }
.inquiry_list li span { top: 21px; left: 30px; width: 98px; line-height: 30px; font-size: 13px; }
.inquiry_list li p { margin-left: 120px; padding-left: 28px; }
.inquiry_list li p em { font-size: 20px; }
}

.tb_mp_data.notice td { height: 30px; }
.tb_mp_data.notice td span { display: inline-block; width: 56px; line-height: 30px; background: #695446; color: #fff; font-weight: 700; border-radius: 15px; }
.tb_mp_data.notice td.tit a.new::after { content: 'new'; position: absolute; top: -8px; left: calc(100% + 5px); line-height: 100%; color: #d93705; font-weight: 800; }

.notice_view { margin-bottom: 40px; }
.notice_view .tit { font-size: 26px; line-height: 125%; font-weight: 700; margin-bottom: 24px; }
.notice_view .tit span { display: inline-block; width: 56px; line-height: 30px; background: #695446; border-radius: 15px; font-size: 14px; color: #fff; text-align: center; vertical-align: middle; margin-top: -3px; }
.notice_view .g_info { margin-bottom: 37px; }
.notice_view .g_info dl { display: inline-block; margin-right: 28px; font-size: 15px; }
.notice_view .g_info dl dt { display: inline-block; margin-right: 12px; font-weight: 700; }
.notice_view .g_info dl dd { display: inline-block; }
.notice_view .con_tx { padding: 20px 20px 45px; border-top: 1px solid #000; font-size: 16px; 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; font-size: 16px; line-height: 60px; font-weight: 700; }
.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: 32px; color: #969696; }
.notice_view .pn_write dl dd { margin: 0 20px 0 142px; }
.notice_view .pn_write dl dd a { display: inline-block; max-width: 100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align: top; }
@media screen and (max-width:1200px) {
.tb_mp_data.notice td span { width: 45px; line-height: 24px; font-size: 13px; }
.tb_mp_data.notice td.tit a.new::after { top: -6px; left: calc(100% + 4px); }

.notice_view { margin-bottom: 30px; }
.notice_view .tit { font-size: 22px; margin-bottom: 20px; }
.notice_view .tit span { width: 45px; line-height: 24px; font-size: 13px; }
.notice_view .g_info { margin-bottom: 30px; }
.notice_view .g_info dl { margin-right: 20px; font-size: 13px; }
.notice_view .g_info dl dt { margin-right: 8px; }
.notice_view .con_tx { padding: 20px 0 25px; font-size: 14px; }
.notice_view .con_tx .file { margin-top: 22px; }
.notice_view .pn_write { font-size: 14px; line-height: 50px; }
.notice_view .pn_write dl dt { left: 24px; }
.notice_view .pn_write dl dd { margin: 0 0 0 120px; }
}

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

.terms { padding: 205px 40px 150px; max-width: 1400px; margin: 0 auto; }
.terms * { transition: none; }
.terms h2 { font-size: 65px; line-height: 1.2; font-weight: 300; letter-spacing: 1px; margin-right: 300px; }
.terms .con { font-size: 18px; line-height: 1.8; font-weight: 300; color: #424242; padding-top: 165px; }
.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: 27px; }
.terms .con dl dd>ul>li>ul>li:before { content: ''; position: absolute; top: 6px; left: 0; width: 18px; height: 18px; line-height: 18px; border: 1px solid #292929; border-radius: 100%; font-size: 13px; 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: 30px 40px; border: 1px solid #ebebeb; font-size: 16px; line-height: 2; margin-bottom: 50px; }
.terms .con > p { margin-bottom: 35px; }
.terms .con dl dd p { margin-bottom: 15px; }

.tb_terms { width: 100%; 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: 15px; 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; font-size: 16px; line-height: 2; margin-top: 10px; }

.tb_ov { width: 100%; overflow: hidden; overflow-x: auto; }
.tb_ov .tb_terms { min-width: 1000px; }
@media screen and (max-width:1200px) {
.terms { padding: 100px 40px 100px; }
.sel_menu { position:relative; top: auto; right: auto; margin-bottom: 60px; text-align: right; }
.sel_menu select { width: 100%; }
.terms h2 { font-size: 50px; margin: 0; }
.terms .con { font-size: 16px; padding-top: 40px; }
.terms .con dl { margin-bottom: 30px; }
.terms .con dl dt { margin-bottom: 13px; }
.terms .con dl dd>ul>li { margin-bottom: 13px; }
.terms .con dl dd>ul>li>ul>li { padding-left: 25px; }
.terms .con dl dd>ul>li>ul>li:before { top: 5px; width: 17px; height: 17px; line-height: 17px; border-color: #555; }

.terms .con dl ul.hg>li>ul { padding: 8px 0 0 22px; }
.terms .con dl ul.dash>li:before { top: 5px; font-size: 16px; }

.policy_list { padding: 20px 30px; font-size: 14px; margin-bottom: 30px; }
.terms .con > p { margin-bottom: 20px; }
.terms .con dl dd p { margin-bottom: 12px; }

.tb_terms.last { margin: -10px 0 30px; }
.tb_terms th,
.tb_terms td { padding: 10px; }

.s_guide { padding: 12px 15px !important; font-size: 14px; margin-top: 8px; }
}


/*popup*/
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); 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: 40px; right: 40px; width: 42px; height: 42px; background: url(../images/bt_pu_close.png) 0/100% 100%; text-indent: -9999px; }
@media screen and (max-width:1200px) {
.pu .bt_close { top: 30px; right: 30px; width: 30px; height: 30px; }
}

.pu_view_fp { width: 100%; max-width: 1064px; padding: 40px 0 80px; }
.pu_view_fp h3 { font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 40px; line-height: 100%; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 60px; }
.pu_view_fp .pf { padding: 0 30px; text-align: center; }
.pu_view_fp .pf img { max-width: 100%; }
@media screen and (max-width:1200px) {
.pu_view_fp {  width: calc(100% - 60px); padding: 30px 0; }
.pu_view_fp h3 { font-size: 32px; margin-bottom: 40px; }
}

.pu_mb_inquiry { top: 30px; bottom: 30px; transform: translateX(-50%); width: 100%; max-width: 984px; padding: 45px 40px 40px; }
.pu_mb_inquiry.for_member { top: 50%; bottom: auto; transform: translate(-50%,-50%); }
.pu_mb_inquiry h3 { font-size: 36px; text-align: center; margin-bottom: 40px; }
.pu_mb_inquiry .contact_us { position: absolute; top: 120px; left: 40px; right: 40px; bottom: 40px; padding: 0; overflow: hidden; overflow-y: auto; }
.pu_mb_inquiry.for_member .contact_us { position: relative; top: auto; left: auto; right: auto; bottom: auto; }
.pu_mb_inquiry .contact_us .mCSB_container { padding: 20px 60px; }
.pu_mb_inquiry .contact_us .agree dt { color: #787878; }
.pu_mb_inquiry .contact_us .form dd textarea { height: 160px; }
@media screen and (max-width:1200px) {
.pu_mb_inquiry h3 { font-size: 30px; margin-bottom: 25px; }
.pu_mb_inquiry { max-width: calc(100% - 120px); padding: 30px 40px; }
.pu_mb_inquiry .contact_us { top: 75px; left: 20px; right: 20px; bottom: 40px; }
.pu_mb_inquiry .contact_us .mCSB_container { padding: 10px 20px; }
}

.pu_rv_cancel { width: 904px; padding: 100px 30px; text-align: center; }
.pu_rv_cancel h3 { font-size: 42px; margin-bottom: 35px; }
.pu_rv_cancel .t_tx { font-size: 20px; font-weight: 700; line-height: 175%; margin-bottom: 50px; }
.pu_rv_cancel .info { display: inline-block; margin-bottom: 60px; text-align: left; }
.pu_rv_cancel .info li { font-size: 18px; line-height: 222%; }
.pu_rv_cancel .info li i { color: #ff0000; }
.pu .b_btns { text-align: center; }
.pu .b_btns .bt_b_block { display: inline-block; width: 230px; margin: 0 10px; }
@media screen and (max-width:1200px) {
.pu_rv_cancel { width: 650px; max-width: calc(100% - 120px); padding: 70px 30px; }
.pu_rv_cancel h3 { font-size: 36px; margin-bottom: 25px; }
.pu_rv_cancel .t_tx { font-size: 16px; margin-bottom: 35px; }
.pu_rv_cancel .info { margin-bottom: 40px; }
.pu_rv_cancel .info li { font-size: 15px; }
.pu .b_btns .bt_b_block { width: 180px; }
}

.pu_mbs_view_all { width: 824px; padding: 70px 30px 80px; text-align: center; }
.pu_mbs_view_all h3 { margin-bottom: 40px; font-size: 18px; color: #787878; }
.pu_mbs_view_all h3 span { display: block; font-family: 'EB Garamond', Georgia, Cambria, 'Times New Roman', Times, serif; font-size: 46px; color: #000; line-height: 100%; font-weight: 300; text-transform: uppercase; margin-bottom: 14px; }
.pu_mbs_view_all .list { max-width: 640px; margin: 0 auto 40px; }
.pu_mbs_view_all .list li { float: left; width: calc(50% - 20px); margin: 0 10px 20px; }
.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: 30px; width: 25px; height: 33px; 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: 30px; }
.pu_mbs_view_all .list dl dt { bottom: 63px; font-size: 14px; line-height: 100%; color: rgba(0,0,0,0.5); }
.pu_mbs_view_all .list dl dd { bottom: 30px; font-size: 24px; 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; }
@media screen and (max-width:1200px) {
.pu_mbs_view_all { max-width: calc(100% - 120px); padding: 60px 30px 70px; }
.pu_mbs_view_all h3 { margin-bottom: 30px; font-size: 16px; }
.pu_mbs_view_all h3 span { font-size: 38px; margin-bottom: 10px; }
.pu_mbs_view_all .list { max-width: 640px; margin: 0 auto 30px; }
.pu_mbs_view_all .list dl dt,
.pu_mbs_view_all .list dl dd { left: 25px; }
.pu_mbs_view_all .list dl dt { bottom: 55px; font-size: 13px; }
.pu_mbs_view_all .list dl dd { bottom: 25px; font-size: 20px; }
}

.pu_available_inquiry { width: 824px; padding: 80px 70px 70px; }
.pu_available_inquiry h3 { font-size: 40px; text-align: center; line-height: 100%; margin-bottom: 40px; }
.pu_available_inquiry .year { margin-bottom: 41px; }
.pu_available_inquiry .year dt { position: absolute; top: 0; left: 0; font-size: 16px; font-weight: 700; color: #695446; line-height: 60px; }
.pu_available_inquiry .year dd { margin-left: 156px; }
.pu_available_inquiry .year dd::after { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 23px; height: 13px; background: url(../images/ar_r_type.png) 0/100% 100%; }
.pu_available_inquiry .year dd select { width: 100%; height: 60px; background: #f8f6f5; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 19px; font-size: 16px; outline: 0; appearance: none; }
.pu_available_inquiry .mem_number { font-size: 16px; font-weight: 700; line-height: 100%; margin-bottom: 20px; }
@media screen and (max-width:1200px) {
.pu_available_inquiry { max-width: calc(100% - 120px); padding: 60px 30px 30px; }
.pu_available_inquiry h3 { font-size: 32px; margin-bottom: 30px; }
.pu_available_inquiry .year { margin-bottom: 31px; }
.pu_available_inquiry .year dt { font-size: 14px; line-height: 50px; }
.pu_available_inquiry .year dd { margin-left: 100px; }
.pu_available_inquiry .year dd::after { right: 15px; width: 18px; height: 11px; }
.pu_available_inquiry .year dd select { height: 50px; padding: 0 14px; font-size: 14px; }
.pu_available_inquiry .mem_number { font-size: 14px; margin-bottom: 16px; }
}

.pu_inquiry { width: 724px; padding: 80px; }
.pu_inquiry h3 { font-size: 40px; line-height: 100%; padding-bottom: 30px; border-bottom: 1px solid #dcdcdc; text-align: center; margin-bottom: 30px; }
.pu_inquiry .state { width: 118px; line-height: 38px; border: 1px solid #dcdcdc; border-radius: 20px; text-align: center; margin-bottom: 40px; font-size: 15px; }
.pu_inquiry .state.done { border-color: #695446; background: #695446; color: #fff; }
.pu_inquiry dl { line-height: 28px; font-size: 16px; margin-bottom: 18px; }
.pu_inquiry dl:last-child { margin: 0; }
.pu_inquiry dl dt { position: absolute; top: 0; left: 0; font-weight: 700; padding-left: 50px; }
.pu_inquiry dl dt b { position: absolute; top: -1px; left: 0; font-size: 30px; font-weight: 700; color: #695446; }
.pu_inquiry dl dd { margin-left: 140px; }
.pu_inquiry dl.answer dt b { color: #969696; }
.pu_inquiry dl.answer dd textarea { width: 100%; height: 216px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 14px 19px; outline: 0; font-size: 16px; }
@media screen and (max-width:1200px) {
.pu_inquiry { max-width: calc(100% - 140px); width: 600px; padding: 40px; }
.pu_inquiry h3 { font-size: 30px; padding-bottom: 20px; margin-bottom: 20px; }
.pu_inquiry .state { width: 98px; line-height: 30px; margin-bottom: 25px; font-size: 13px; }
.pu_inquiry dl { line-height: 24px; font-size: 14px; margin-bottom: 12px; }
.pu_inquiry dl dt { padding-left: 40px; }
.pu_inquiry dl dt b { font-size: 24px; }
.pu_inquiry dl dd { margin-left: 100px; }
.pu_inquiry dl.answer dd textarea { height: 180px; padding: 10px 14px; font-size: 14px; }
}

.pu_rv { width: 100%; max-width: 864px; padding: 45px 100px 40px; }
.pu_rv h3 { font-size: 36px; text-align: center; line-height: 100%; margin-bottom: 65px; }
.pu_rv .form { margin: 0 -42px 100px; }
.pu_rv .form dl { float: left; width: calc(50% - 84px); margin: 0 42px 40px; }
.pu_rv .form dl:last-child { width: calc(100% - 84px); margin-bottom: 0; }
.pu_rv .form dl dt { font-size: 16px; color: #787878; line-height: 100%; font-weight: 700; letter-spacing: 0.5px; }
.pu_rv .form dl:last-child dt { border-bottom: 1px solid #dcdcdc; padding-bottom: 14px; margin-bottom: 17px; }
.pu_rv .form .bar { float: left; width: 100%; }
.pu_rv .form input[type=text] { width: 100%; height: 52px; border: 0; background: none; border-bottom: 2px solid #dcdcdc; font-size: 18px; color: #000; font-weight: 700; outline: 0; }
.pu_rv .form dl dd p { font-size: 16px; line-height: 115%; color: #787878; margin-top: 5px; }
.pu_rv .form dl:last-child dd { font-size: 16px; line-height: 150%; color: #070707; }
.pu_rv .form dl:last-child dd .cb { margin-top: 40px; font-size: 14px; font-weight: 700; }
@media screen and (max-width: 1064px){
.pu_rv { max-width: calc(100% - 160px); padding: 35px 50px 30px; }
.pu_rv h3 { font-size: 24px; margin-bottom: 40px; }
.pu_rv .form { margin: 0 -20px 40px; }
.pu_rv .form dl { width: calc(50% - 20px); margin: 0 10px 30px; }
.pu_rv .form dl:last-child { width: calc(100% - 20px); }
.pu_rv .form dl dt { font-size: 14px; }
.pu_rv .form dl:last-child dt { padding-bottom: 10px; margin-bottom: 10px; }
.pu_rv .form input[type=text] { height: 45px; font-size: 14px; }
.pu_rv .form dl dd p { font-size: 14px; }
.pu_rv .form dl:last-child dd { font-size: 14px; }
.pu_rv .form dl:last-child dd .cb { margin-top: 25px; }
}

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

#tg_contact_us { position: absolute; top: -139px; 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; }