html {height:100%;}
body {height:100%;}
#wrap {width:100%; min-height:100%; position:relative; background:#eee;}
.inner {width:90%; padding:0 5%;}
.overlay {background:url('/mc/images/common/bg_pager.png') repeat 0 0; position:fixed; width:100%; height:100%; z-index:99; top:0; display:none;}

#allMenuWrap {position:fixed; width:100%; top:0; left:-520px; background:#fff; z-index:100; height:100%;}
#allMenuWrap .sub_title {position:relative; width:100%; padding:0 5%; box-sizing:border-box; text-align:center; border-bottom:1px solid #0387db; line-height:52px;}
#allMenuWrap .sub_title h2 {font-size:4.7vw; font-weight:600;}
#allMenuWrap .sub_title .menuClose {display:block; position:absolute; right:5%; top:16px;}
#allMenuWrap .sub_title .menuClose img {width:4.7vw; vertical-align:middle; margin-top:-1px;}
#allMenuWrap .menuArea ul {border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; margin-top:-1px;}
#allMenuWrap .menuArea ul:after {content:''; display:block; clear:both;}
#allMenuWrap .menuArea ul li {float:left; box-sizing:border-box; width:25%; padding:3% 0; text-align:center; border-right:1px solid #dfdfdf;}
#allMenuWrap .menuArea ul li a {display:block; padding-top:50%;}
#allMenuWrap .menuArea ul li.menu01 a {background:url('/mc/images/main/ico_q6.png') no-repeat center top; background-size:55%;}
#allMenuWrap .menuArea ul li.menu02 a {background:url('/mc/images/main/ico_q1.png') no-repeat center top; background-size:55%;}
#allMenuWrap .menuArea ul li.menu03 a {background:url('/mc/images/main/ico_q3.png') no-repeat center top; background-size:55%;}
#allMenuWrap .menuArea ul li.menu04 a {background:url('/mc/images/main/ico_q7.png') no-repeat center top; background-size:55%;}
#allMenuWrap .menuArea ul li.menu05 a {background:url('/mc/images/main/ico_q2.png') no-repeat center top; background-size:55%;}
#allMenuWrap .menuArea ul li.menu06 a {background:url('/mc/images/main/ico_q4.png') no-repeat center top; background-size:55%;}
#allMenuWrap .menuArea ul li.menu07 a {background:url('/mc/images/main/ico_q5.png') no-repeat center top; background-size:55%;}
#allMenuWrap .menuArea ul li.menu08 a {background:url('/mc/images/main/ico_q8.png') no-repeat center top; background-size:55%;}
#allMenuWrap .menuArea ul li.menu09 a {background:url('/mc/images/main/ico_q8.png') no-repeat center top; background-size:55%;}
#allMenuWrap .menuArea ul li.active {background:#0387db; border-color:#0387db;}
#allMenuWrap .menuArea ul li.active a {color:#fff;}
#allMenuWrap .menuArea ul li.active.menu01 a {background:url('/mc/images/common/menu_icon01_on.png') no-repeat center top; background-size:40%;}
#allMenuWrap .menuArea ul li.active.menu02 a {background:url('/mc/images/common/menu_icon02_on.png') no-repeat center top; background-size:40%;}
#allMenuWrap .menuArea ul li.active.menu03 a {background:url('/mc/images/common/menu_icon03_on.png') no-repeat center top; background-size:40%;}
#allMenuWrap .menuArea ul li.active.menu04 a {background:url('/mc/images/common/menu_icon04_on.png') no-repeat center top; background-size:40%;}
#allMenuWrap .menuArea ul li.active.menu05 a {background:url('/mc/images/common/menu_icon05_on.png') no-repeat center top; background-size:40%;}
#allMenuWrap .menuArea ul li.active.menu06 a {background:url('/mc/images/common/menu_icon06_on.png') no-repeat center top; background-size:40%;}
#allMenuWrap .menuArea ul li.active.menu07 a {background:url('/mc/images/common/menu_icon07_on.png') no-repeat center top; background-size:40%;}
#allMenuWrap .menuArea ul li.active.menu08 a {background:url('/mc/images/common/menu_icon08_on.png') no-repeat center top; background-size:40%;}
#allMenuWrap .menuArea ul li.active.menu09 a {background:url('/mc/images/common/menu_icon09_on.png') no-repeat center top; background-size:40%;}
#allMenuWrap .submenuArea ul {background:#f3f3f3; display:none;}
#allMenuWrap .submenuArea ul:after {content:''; display:block; clear:both;}
#allMenuWrap .submenuArea ul li {width:50%; float:left; box-sizing:border-box; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
#allMenuWrap .submenuArea ul li a {color:#555; padding:5%; box-sizing:border-box; display:block;}
#allMenuWrap .submenuArea ul li:nth-child(even) {border-right:1px solid #f3f3f3;}

.main header {position:fixed; width:100%; background:#fff; z-index:80; border-bottom:1px solid #dfdfdf; padding:17px 0 0 0; top:0;}
.sub header {position:fixed; width:100%; background:#fff; z-index:80; border-bottom:none; padding:0;}
header:after {content:''; display:block; clear:both;}
header .top_header {overflow:hidden; position:relative; float:left; width:45%;}
header h1 {width:66%; float:left; margin-top:0%;}
header .btn_menu {display:block; width:15%; float:left; margin:6% 5% 0 0;}
header #top_search {width:48%; padding:1% 3%; border:1px solid #dfdfdf; border-radius:5px; -webkit-box-shadow: 0px 0px 2px 2px rgba(208,208,208,0.5); -moz-box-shadow: 0px 0px 2px 2px rgba(208,208,208,0.5); box-shadow: 0px 0px 2px 2px rgba(208,208,208,0.5); float:right;}
header #top_search .text {width:85%; vertical-align:middle; border:none; margin-left:2%;}
header #top_search img {width:10%; vertical-align:middle; margin-top:-2px;}

header #sub_search {position:absolute; left:5%; top:8px; z-index:10; width:85%; padding:0 3%; border:1px solid #dfdfdf; border-radius:5px; -webkit-box-shadow: 0px 0px 2px 2px rgba(208,208,208,0.5); -moz-box-shadow: 0px 0px 2px 2px rgba(208,208,208,0.5); box-shadow: 0px 0px 2px 2px rgba(208,208,208,0.5); background:#fff; display:none;}
header #sub_search .text {width:80%; vertical-align:middle; border:none; margin-left:0;}
header #sub_search img {vertical-align:middle; margin-top:-2px; width:15px;}
header #sub_search .btn_sub_search {margin-top:-2px; width:17px; float:right; margin-top:9px;}
header #sub_search a {vertical-align:middle; float:right; margin:10px 0 0 10px;}

nav {margin:3% 0 0 0;}
nav ul {overflow:hidden; text-align:center; width:98%; margin:0 auto;}
nav ul li {float:left; margin:0 2.3%; min-width:0%;}
nav ul li:first-child {margin-left:0;}
nav ul li:last-child {margin-right:0;}
nav ul li a {color:#000; display:block; padding:9px 0; box-sizing:border-box; font-size:3.6vw;}
nav ul li.active a {color:#0387db; border-bottom:3px solid #0387db;}

#mainContents {background:#eee; padding:26% 0 5% 0;}

#mainVisual {margin-top:-0.5px; position:relative;}
#mainVisual .mainSlide li img {vertical-align:top;}
#mainVisual .bx-has-pager {position:absolute; width:100%; bottom:6%; z-index:55; text-align:center;}
#mainVisual .bx-has-pager .bx-pager-item {display:inline-block; margin:0 2px;}
#mainVisual .bx-has-pager .bx-pager-item a {text-indent:-9999px; overflow:hidden; display:block; border:1px solid #fff; border-radius:100px; width:7px; height:7px;}
#mainVisual .bx-has-pager .bx-pager-item a.active {background:#fff;}

#mainContents .quickMenu {}
#mainContents .quickMenu .menu {font-size:15px; text-align:center; padding: 15px; background:#eee;}
#mainContents .quickMenu ul {;overflow:hidden; background:#fff;}
#mainContents .quickMenu ul li {float:left; width:24%; box-sizing:border-box; text-align:center; padding:3% 0%;}
#mainContents .quickMenu ul li a {display:block; font-size:3.4vw;}
#mainContents .quickMenu ul li img {display:block; margin:0 auto 10%; width:90%;}

#mainContents .eventBanner {width:90%; margin:5% auto; border-bottom:2px solid #cbcbcb;}
#mainContents .eventBanner a {font-size:3vw;}
#mainContents .eventBanner img {vertical-align:top;}
#mainContents .eventBanner .more {display:block; background:#fff; text-align:right; padding:2% 5%; box-sizing:border-box;}
#mainContents .eventBanner .more img {vertical-align:middle; width:5px; margin-top:-1px;}
#mainContents .pdtWrap {background:#fff; width:90%; padding:0 5%;}
#mainContents .pdtWrap .bx-wrapper .bx-viewport ul li {width:82vmin !important; margin-right:10px;}
#mainContents .slideTitle {position:relative; font-weight:600; padding:6% 0 3% 0; font-size:4.4vw;}
#mainContents .slideTitle a {color:#888; font-size:3vw; position:absolute; right:0; top:0; margin-top:7%;}
#mainContents .slideTitle a img {height:2.8vw; vertical-align:middle; margin-top:-1px;}
#mainContents .pdtWrap dl dd {padding:5% 0;}

.pdtWrap dl {background:#fff; margin-top:4%;}
.pdtWrap dl:first-child {margin-top:0;}
.pdtWrap dl dt {position:relative;}
.pdtWrap dl dt .concierge_layer {display:none; background:url('/mc/images/common/bg_overlay.png') repeat 0 0; position:absolute; width:100%; height:100%; left:0; top:0;}
.pdtWrap dl dt .conciergeWrap {position:absolute; left:4%; top:10%; background:#fff; width:92%; padding:5% 0 0 0;}
.pdtWrap dl dt .concierge_layer p {width:90%; padding:0 5%;}
.pdtWrap dl dt .concierge_layer .cc_button {overflow:hidden; margin-top:8%;}
.pdtWrap dl dt .concierge_layer .cc_button a {width:50%; float:left; text-align:center; height:40px; line-height:40px;}
.pdtWrap dl dt .concierge_layer .cc_button a.btn_cc_red {background:#0387db; color:#fff;}
.pdtWrap dl dt .concierge_layer .cc_button a.btn_cc_gray {background:#ccc; color:#444;}
.pdtWrap dl dt img {vertical-align:top;}

.pdtWrap dl dd {padding:5%; box-sizing:border-box; position:relative;}
/*.pdtWrap dl dd .icon {margin-top:-11%;}*/
.pdtWrap dl dd .title {margin:0 0 3% 0; line-height:1.5em;}
.pdtWrap dl dd .title .small {font-size:3vw; color:#666; display:block; margin-top:3%;}
.pdtWrap dl dd .title .name {color:#111; display:block; font-size:4vw; font-weight:600;}
.pdtWrap dl dd .title .gfholes {width:100%; border: 1px solid #0f5da5; padding: 10px; top: 180px; margin:0 0 0 200px; right: 100px; display: inline-block; }
    
    
.pdtWrap dl dd .price {line-height:1.5em;}
.pdtWrap dl dd .price b {padding-left:5px;}


.pdtshop dl {background:#fff; margin-top:4%;}
.pdtshop dl:first-child {margin-top:0;}
.pdtshop dl dt {position:relative;}
.pdtshop dl dt .concierge_layer {display:none; background:url('/mc/images/common/bg_overlay.png') repeat 0 0; position:absolute; width:100%; height:100%; left:0; top:0;}
.pdtshop dl dt .conciergeWrap {position:absolute; left:4%; top:10%; background:#fff; width:92%; padding:5% 0 0 0;}
.pdtshop dl dt .concierge_layer p {width:90%; padding:0 5%;}
.pdtshop dl dt .concierge_layer .cc_button {overflow:hidden; margin-top:8%;}
.pdtshop dl dt .concierge_layer .cc_button a {width:50%; float:left; text-align:center; height:40px; line-height:40px;}
.pdtshop dl dt .concierge_layer .cc_button a.btn_cc_red {background:#0387db; color:#fff;}
.pdtshop dl dt .concierge_layer .cc_button a.btn_cc_gray {background:#ccc; color:#444;}
.pdtshop dl dt img {vertical-align:top;}
.pdtshop dl dd {padding:8%; box-sizing:border-box; position:relative;}
.pdtshop dl dd .icon {margin-top:-19%;}
.pdtshop dl dd .title {margin:0 0 3% 0; line-height:1.5em;}
.pdtshop dl dd .title .small {font-size:3vw; color:#666; display:block; margin-top:3%;}
.pdtshop dl dd .title .name {color:#111; display:block; font-size:4vw; font-weight:600;}
.pdtshop dl dd .price {line-height:1.5em;}
.pdtshop dl dd .price b {padding-left:5px;}






.fdtWrap ul {background:#fff; margin-top:4%; width:35%;}
.fdtWrap ul:first-child {margin-top:0;}
.fdtWrap ul li {position:relative;}
.fdtWrap ul li .concierge_layer {display:none; background:url('/mc/images/common/bg_overlay.png') repeat 0 0; position:absolute; width:100%; height:100%; left:0; top:0;}
.fdtWrap ul li .conciergeWrap {position:absolute; left:4%; top:10%; background:#fff; width:92%; padding:5% 0 0 0;}
.fdtWrap ul li .concierge_layer p {width:90%; padding:0 5%;}
.fdtWrap ul li .concierge_layer .cc_button {overflow:hidden; margin-top:8%;}
.fdtWrap ul li .concierge_layer .cc_button a {width:50%; float:left; text-align:center; height:40px; line-height:40px;}
.fdtWrap ul li .concierge_layer .cc_button a.btn_cc_red {background:#0387db; color:#fff;}
.fdtWrap ul li .concierge_layer .cc_button a.btn_cc_gray {background:#ccc; color:#444;}
.fdtWrap ul li img {vertical-align:top;}
.fdtWrap ul li {padding:5%; box-sizing:border-box; position:relative;}
.fdtWrap ul li .icon {margin-top:-11%;}
.fdtWrap ul li .title {margin:0 0 3% 0; line-height:1.5em;}
.fdtWrap ul li .title .small {font-size:3vw; color:#666; display:block; margin-top:3%;}
.fdtWrap ul li .title .name {color:#111; display:block; font-size:4vw; font-weight:600;}
.fdtWrap ul li .price {line-height:1.5em;}
.fdtWrap ul li .price b {padding-left:5px;}



/* .pdt_event {position:relative; margin-top:5%;}
.pdt_event img {vertical-align:top;}
.pdt_event .info {position:absolute; left:5%; top:0; margin-top:8%; line-height:1.5em;}
.pdt_event .info b.name {color:#be4b44; font-weight:600; font-size:5.6vw; display:block; margin-bottom:3%;}
.pdt_event .info p {margin-bottom:2%;} */
.fdtWrap .information {padding:3% 5%;}
.fdtWrap .information li {padding-left:7px; margin-top:3%; background:url('/mc/images/common/list_bullet.png') no-repeat left 7px; background-size:2px;}
.fdtWrap .information li:first-child {margin-top:0;}
.fdtWrap .information li .info_title {display:block; font-weight:600;  padding-left:7px; margin-left:-7px; margin-bottom:2px;}




.pdt_event {position:relative; margin-top:5%;}
.pdt_event img {vertical-align:top;}
.pdt_event .info {position:absolute; left:5%; top:0; margin-top:8%; line-height:1.5em;}
.pdt_event .info b.name {color:#be4b44; font-weight:600; font-size:5.6vw; display:block; margin-bottom:3%;}
.pdt_event .info p {margin-bottom:1%;}
.pdtWrap .information {padding:3% 5%;}
.pdtWrap .information li {padding-left:7px; margin-top:3%; background:url('/mc/images/common/list_bullet.png') no-repeat left 7px; background-size:2px;}
.pdtWrap .information li:first-child {margin-top:0;}
.pdtWrap .information li .info_title {display:block; font-weight:600;  padding-left:7px; margin-left:-7px; margin-bottom:2px;}

#eventBanner {position:relative; margin-top:5%;}
#eventBanner .eventSlide li img {vertical-align:top;}
#eventBanner .eventSlide li .pdt_event {position:absolute; z-index:55; left:0; top:0; width:100%;}
#eventBanner .eventSlide li .pdt_event * {color:#fff;}
#eventBanner .eventSlide li .pdt_event .info {margin-top:2%;}
#eventBanner .eventSlide li .pdt_event .btn_reservation {border-color:#fff;}
#eventBanner .bx-has-pager {position:absolute; width:100%; bottom:0%; z-index:55; padding:2% 0; text-align:center; background:url('/mc/images/common/bg_pager.png') repeat 0 0;}
#eventBanner .bx-has-pager .bx-pager-item {display:inline-block; margin:0 2px;}
#eventBanner .bx-has-pager .bx-pager-item a {text-indent:-9999px; overflow:hidden; display:block; border:1px solid #fff; border-radius:100px; width:7px; height:7px;}
#eventBanner .bx-has-pager .bx-pager-item a.active {background:#fff;}

#jehubanner {position:relative; margin-top:5%;}
#jehubanner .eventSlide li img {vertical-align:top;}
#jehubanner .eventSlide li .pdt_event {position:absolute; z-index:55; left:0; top:0; width:100%;}
#jehubanner .eventSlide li .pdt_event * {color:#fff;}
#jehubanner .eventSlide li .pdt_event .info {margin-top:2%;}
#jehubanner .eventSlide li .pdt_event .btn_reservation {border-color:#fff;}
#jehubanner .bx-has-pager {position:absolute; width:100%; bottom:0%; z-index:55; padding:2% 0; text-align:center; background:url('') repeat 0 0;}
#jehubanner .bx-has-pager .bx-pager-item {display:inline-block; margin:0 2px;}
#jehubanner .bx-has-pager .bx-pager-item a {text-indent:-9999px; overflow:hidden; display:block; border:1px solid #fff; opacity:0; border-radius:100px; width:7px; height:7px;}
#jehubanner .bx-has-pager .bx-pager-item a.active {}

#serviceBanner {position:relative; margin-top:5%; background:#98a0ac; padding:5% 0; overflow:hidden;}
#serviceBanner h3.title {text-align:center; color:#fff; font-weight:600; font-size:5vw; margin-bottom:5%;}
#serviceBanner h3.title .s_title {display:block; font-size:3.8vw; font-weight:400; margin-top:3px;}
#serviceBanner .bx-wrapper {margin-bottom:5%;}
#serviceBanner .bx-viewport {overflow:visible !important; left:7%;}
#serviceBanner .serviceSlide {overflow:hidden;}
#serviceBanner .serviceSlide li {text-align:center; width:85vmin !important;}
#serviceBanner .serviceSlide li img {vertical-align:top;}
#serviceBanner .serviceSlide li dl {line-height:1.5em; background:#fff; padding:5% 3%; box-sizing:border-box;}
#serviceBanner .serviceSlide li dt {font-weight:600; color:#121212; font-size:4vw;}
#serviceBanner .serviceSlide li dd {font-size:3.2vw; color:#777; margin-top:3px; letter-spacing:-0.5px;}
#serviceBanner .bx-has-pager {position:absolute; width:100%; bottom:1%; z-index:55; text-align:center; margin-bottom:3%;}
#serviceBanner .bx-has-pager .bx-pager-item {display:inline-block; margin:0 2px;}
#serviceBanner .bx-has-pager .bx-pager-item a {text-indent:-9999px; overflow:hidden; display:block; border:1px solid #fff; border-radius:100px; width:7px; height:7px;}
#serviceBanner .bx-has-pager .bx-pager-item a.active {background:#fff;}

/* 서브페이지 공통 */
#wrap.sub #contents {padding-top:52px; background:#eee;}
#wrap.sub .sub_title {position:relative; width:100%; padding:0 5%; line-height:52px; box-sizing:border-box; text-align:center; border-bottom:1px solid #d0d0d0;}
#wrap.sub .sub_title h2 {font-size:4.7vw; font-weight:600;}
#wrap.sub .sub_title .prevPage {position:absolute; left:5%; top:0; margin-top:0; display:block;}
#wrap.sub .sub_title .prevPage img {width:6vw; vertical-align:middle;}
#wrap.sub .sub_title .search {position:absolute; right:5%; top:0; margin-top:-1px;}
#wrap.sub .sub_title .search img {width:6vw; vertical-align:middle;}

.ta_calendar h2 {font-size:4.7vw; font-weight:600;}
.ta_calendar .prevPage {position:absolute; left:5%; top:0; margin-top:0; display:block;}
.ta_calendar .prevPage img {width:6vw; vertical-align:middle;}
.ta_calendar .search {position:absolute; right:5%; top:0; margin-top:-1px;}
.ta_calendar .search img {width:6vw; vertical-align:middle;}

.areathem_calendar h2 {font-size:4.7vw; font-weight:600;}
.areathem_calendar .prevPage {position:absolute; left:5%; top:0; margin-top:0; display:block;}
.areathem_calendar .prevPage img {width:6vw; vertical-align:middle;}
.areathem_calendar .search {position:absolute; right:5%; top:0; margin-top:-1px;}
.areathem_calendar .search img {width:6vw; vertical-align:middle;}

.onday_calendar h2 {font-size:4.7vw; font-weight:600;}
.onday_calendar .prevPage {position:absolute; left:5%; top:0; margin-top:0; display:block;}
.onday_calendar .prevPage img {width:6vw; vertical-align:middle;}
.onday_calendar .search {position:absolute; right:5%; top:0; margin-top:-1px;}
.onday_calendar .search img {width:6vw; vertical-align:middle;}

#wrap.sub .pdtWrap {background:#eee; padding:3% 0;}
#wrap.sub .pdtWrap icon{background:#eee; padding:3% 0;}
#wrap.sub .section {width:90%; padding:5%;}
#wrap.sub .section_wide {width:100%;}
#wrap.sub .section_wide2 {width:100%; padding-top:8%;}
#wrap.sub .section_w {width:90%; padding:5%; background:#fff;}
#wrap.sub .section2 {width:90%; padding:5%; background:#eee url('/mc/images/sub/bg_section.gif') no-repeat center top; background-size:3px 25px;}
#wrap.sub .section2 h3.title {text-align:center; color:#222; font-size:4.4vw; padding-top:5%; margin-bottom:3%;}
#wrap.sub .section2 .title2 {font-weight:600;  margin-bottom:3%;}
#wrap.sub .section2 p {color:#666;}
#wrap.sub .section3 {width:90%; padding:8% 6% 2% 6%; background:#eee;}
#wrap.sub .section3 h2 {font-weight:600; font-size:4.4vw; margin-bottom:2%;}
#wrap.sub .section3 p {color:#444;}
#wrap.sub .section3 img {vertical-align:middle; margin-top:-2px;}
#wrap.sub .inner_section {padding:5% 5% 0 5%; margin:5%; width:80%;}
#wrap.sub .inner_section:first-child {margin-top:0;}
#wrap.sub .inner_section:last-child {margin-bottom:0;}


#wrap.sub .inner_section10 {padding:0%; margin:0%; width:100%;}
#wrap.sub .inner_section10 p {width:90%; padding:5%;}
#wrap.sub .inner_section10 span {width:90%; padding:5%; color:#FC5400; font-size:3.5vw;}


.section_wide2 .imgArea:after {content:''; display:block; clear:both;}
.section_wide2 .imgArea {background:#f8f8f8; width:100%;}
.section_wide2 .imgArea p {clear:both; overflow:hidden; width:94%; padding:3% 3% 3% 3%;}
.section_wide2 .imgArea p .price {float:right;}
.section_wide2 .imgArea p .price b {color:#0387db}
.section_wide2 .imgArea .btn_room {display:block; text-align:center; color:#0387db; font-size:3.8vw; height:40px; line-height:40px; border-top:1px solid #dfdfdf; margin-left:-3%; width:106%;}
.section_wide2 .imgArea .btn_room img {width:5px; float:none; vertical-align:middle; margin-top:-2px;}
.section_wide2 .imgArea2 {background:#fff; width:100%;}
.section_wide2 .imgArea2 img {vertical-align:top; width:100%; margin-bottom:2%;}
.section_wide2 .imgArea2 img:nth-child(odd) {float:left;}
.section_wide2 .imgArea2 img:nth-child(even) {float:right;}
.section_wide2 .imgArea_caption ul:after {content:''; display:block; clear:both;}
.section_wide2 .imgArea_caption ul li {width:49%; margin-bottom:2%; text-align:center;}
.section_wide2 .imgArea_caption ul li:nth-child(odd) {float:left;}
.section_wide2 .imgArea_caption ul li:nth-child(even) {float:right;}
.section_wide2 .imgArea_caption ul li img {vertical-align:top; width:100%; max-height:140px; min-height:140px; object-fit: cover;}
.section_wide2 .imgArea_caption ul li span {background:#a4a4a4; display:block; padding:6% 0; color:#fff;}

.detailWrap .section_wide2 p {color:#666;}
.detailWrap .section_wide2 .title {color:#222; font-size:4.2vw; margin-bottom:2%;}
.detailWrap .section_wide2 .title2 {color:#6fc055; font-weight:600; font-size:3.8vw; margin-bottom:2%;}
.detailWrap .section_wide2 .title2 img {vertical-align:middle; width:3vw; margin-top:-1px;}
.detailWrap .section_wide2 .root_daum_roughmap_landing {width:100% !important;}



.section_wide3 .imgArea:after {content:''; display:block; clear:both;}
.section_wide3 .imgArea {background:#eee; width:100%;}
.section_wide3 .imgArea p {clear:both; overflow:hidden; width:94%; padding:3% 3% 3% 3%; background:#eee;}
.section_wide3 .imgArea p .price {float:right;}
.section_wide3 .imgArea p .price b {color:#0387db}

.section_wide3 .imgArea .btn_room {display:block; text-align:center; color:#0387db; font-size:3.8vw; height:40px; line-height:40px; border-top:1px solid #dfdfdf; margin-left:-3%; width:106%;}
.section_wide3 .imgArea .btn_room img {width:5px; float:none; vertical-align:middle; margin-top:-2px;}
.section_wide3 .imgArea2 {background:#fff; width:100%;}
.section_wide3 .imgArea2 img {vertical-align:top; width:48%; padding:0 1%; margin-bottom:2%;}
.section_wide3 .imgArea2 img:nth-child(odd) {float:left;}
.section_wide3 .imgArea2 img:nth-child(even) {float:right;}

.section_wide3 .imgArea_caption ul:after {content:''; display:block; clear:both;}
.section_wide3 .imgArea_caption ul li {width:49%; margin-bottom:2%; text-align:center;}
.section_wide3 .imgArea_caption ul li:nth-child(odd) {float:left;}
.section_wide3 .imgArea_caption ul li:nth-child(even) {float:right;}
.section_wide3 .imgArea_caption ul li img {vertical-align:top;}
.section_wide3 .imgArea_caption ul li span {background:#a4a4a4; display:block; padding:6% 0; color:#fff;}

.detailWrap .section_wide3 p {color:#666;}
.detailWrap .section_wide3 .title {color:#222; font-size:4.2vw; margin-bottom:2%;}
.detailWrap .section_wide3 .title2 {color:#6fc055; font-weight:600; font-size:3.8vw; margin-bottom:2%;}
.detailWrap .section_wide3 .title2 img {vertical-align:middle; width:3vw; margin-top:-1px;}
.detailWrap .section_wide3 .root_daum_roughmap_landing {width:100% !important;}




.areathem_calendar .section3 {width:90%; padding:5%; background:#eee;}
.areathem_calendar .section3 h2 {font-weight:600; font-size:4.4vw; margin-bottom:2%;}
.areathem_calendar .section3 p {color:#444;}
.areathem_calendar .section3 img {vertical-align:middle; margin-top:-2px;}


.onday_calendar .section3 {width:90%; padding:5%; background:#eee;}
.onday_calendar .section3 h2 {font-weight:600; font-size:4.4vw; margin-bottom:2%;}
.onday_calendar .section3 p {color:#444;}
.onday_calendar .section3 img {vertical-align:middle; margin-top:-2px;}


#wrap.sub .type1 .section {width:100%; padding:0; margin:0 0 5% 0;}
#wrap.sub .type1 .section .listType01 {padding:3%;}

.list_num li {padding-left:5%; margin-top:3%; color:#666;}
.list_num li:first-child {margin-top:0;}
.list_num li span.num {display:inline-block; margin-left:-5%; width:5%;}
.list_num li span.redfont {display:inline-block; margin-left:-5%; width:60%; font-weight:600; font-size:4vw; color:#DD3E5C;}
.tip {margin-top:3%; background:url('/mc/images/member/ico_tip.png') no-repeat 0 1px; background-size:13px; padding-left:20px;}
.tip {margin-top:3%; background:url('/mc/images/member/ico_tip.png') no-repeat 0 1px; background-size:13px; padding-left:20px;}

.cgWrap {background:#fff; width:90%; padding:5%;}
.category {position:relative;}
.category .current {display:block; background:url('/mc/images/sub/ico_select.png') no-repeat 97% center; background-size:7px; border:1px solid #666; border-radius:2px; height:40px; line-height:40px; width:100%; box-sizing:border-box; padding:0 3%; font-weight:600;;}
.category ul {display:none; position:absolute; left:0; top:42px; width:100%; box-sizing:border-box; background:#fff; border:1px solid #d0d0d0; border-radius:2px; z-index:1;}
.category ul li { height:40px; line-height:40px; border-top:1px dashed #d0d0d0;}
.category ul li:first-child {border-top:none;}
.category ul li a {display:block; padding:0 3%;}

/* Frame */
#wrap.sub .subMenu {padding:0 3%; background:#fff; border-bottom:1px solid #eee; margin-top:15%;}
#wrap.sub .subMenu > ul {width:100%; text-align:center;}
#wrap.sub .subMenu > ul:after {content:''; display:block; clear:both;}
#wrap.sub .subMenu > ul li {float:left; margin-right:3%; text-align:center; padding:3% 0; border-bottom:3px solid #fff;}
#wrap.sub .subMenu > ul li a {display:block; }
#wrap.sub .subMenu > ul li a img {vertical-align:top;}
#wrap.sub .subMenu > ul li.active {border-bottom:3px solid #0387db;}
#wrap.sub .subMenu > ul li.active a {color:#0387db; font-weight:600;}

.frame.crazy {overflow:hidden; padding:0 3%; background:#fff; position:fixed; left:0; top:53px; z-index:90; min-width:100%; border-bottom:1px solid #dfdfdf;}
.frame.crazy ul {overflow:hidden; min-width:100%; text-align:center;}
.frame.crazy ul li {float: left; color: #fff; text-align: center; cursor:pointer; padding:5% 0 4% 0; margin-right:20px;}
.frame.crazy ul li:last-child {margin-right:0px}
.frame.crazy ul li a {display:block; font-size:3.6vw;}
.frame.crazy ul li a img {vertical-align:top;}
.frame.crazy ul li.active {border-bottom:3px solid #0387db;}
.frame.crazy ul li.active a {color:#0387db; font-weight:600;}



/* shop */
#wrap.sub .subMenu2 {padding:8% 0% 0% 3%; background:#fff; border-bottom:1px solid #eee;}
#wrap.sub .subMenu2 > ul {width:100%; text-align:center;}
#wrap.sub .subMenu2 > ul:after {content:''; display:block; clear:both;}
#wrap.sub .subMenu2 > ul li {float:left; margin-right:3%; text-align:center; padding:3% 0; border-bottom:3px solid #fff;}
#wrap.sub .subMenu2 > ul li a {display:block; }
#wrap.sub .subMenu2 > ul li a img {vertical-align:top;}
#wrap.sub .subMenu2 > ul li.active {padding: 5px 10px; margin:7px; border: 1px solid #0387db;}
#wrap.sub .subMenu2 > ul li.active a {color:#0387db; font-weight:600;}
.shop.crazy {overflow:hidden; padding:0 3%; background:#fff; position:fixed; left:0; top:53px; z-index:90; min-width:100%; border-bottom:1px solid #dfdfdf;}
.shop.crazy ul {overflow:hidden; min-width:100%; text-align:center;}
.shop.crazy ul li {float: left; color: #fff; text-align: center; cursor:pointer; padding:5% 0 4% 0; margin-right:20px;}
.shop.crazy ul li a {display:block; font-size:3.6vw;}
.shop.crazy ul li a img {vertical-align:top;}
.shop.crazy ul li.active {border-bottom:3px solid #0387db;}
.shop.crazy ul li.active a {color:#0387db; font-weight:600;}



.selectDate {background:#fff; margin-top:3%; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
.selectDate:after {content:''; display:block; clear:both;}
.selectDate .local {padding:3%; border-right:1px solid #dfdfdf; width:50%; float:left; box-sizing:border-box; overflow:hidden; background:url('/mc/images/sub/ico_location.png') no-repeat 95% center; background-size:13px; line-height: 9vw;}
.selectDate .local select {width:130%; border:none; appearance:none; -webkit-appearance:none; background:transparent; font-size:3.6vw; height:28px;}
.selectDate .type {padding:3%; width:50%; float:left; box-sizing:border-box; overflow:hidden; background:url('/mc/images/common/ico_list.png') no-repeat 95% center; background-size:16px;}
.selectDate .type select {width:130%; border:none; appearance:none; -webkit-appearance:none; background:transparent; height:35px;}
.selectDate .date {padding:3%; line-height:7vw; float:right; width:50%; box-sizing:border-box; position:relative;}
.selectDate .date a {font-size:3.6vw;}
.selectDate .date a img {vertical-align:middle; float:right; margin-top:3%;}

.culture .selectDate .local {width:100%; float:none; border:none; background-position:98% center;}

/* 상품 상세보기 */
.pdtWrap#view {padding:0 !important; margin-top:3%;}
.pdtWrap#view .viewSlide {position:relative;}
.pdtWrap#view .viewSlide .bx-has-pager {position:absolute; width:100%; bottom:1%; z-index:55; text-align:center; margin-bottom:3%;}
.pdtWrap#view .viewSlide .bx-has-pager .bx-pager-item {display:inline-block; margin:0 2px;}
.pdtWrap#view .viewSlide .bx-has-pager .bx-pager-item a {text-indent:-9999px; overflow:hidden; display:block; border:1px solid #fff; border-radius:100px; width:7px; height:7px;}
.pdtWrap#view .viewSlide .bx-has-pager .bx-pager-item a.active {background:#fff;}
.pdtWrap#view dl {margin-bottom:3%;}
.pdtWrap#view dl dd.detail {border-top:1px solid #dfdfdf;}
.pdtWrap#view dl dd .icon {position:relative; z-index:60;}


.pdtWrap#view dl dd.detail .rm_facils {clear:both; padding-top:10px}
.pdtWrap#view dl dd.detail .rm_facils img {padding:7px 0 0 10px; width:42px; height:42px}
.pdtWrap#view dl dd.detail .rm_facils >div {width:25%; float:left; padding: 6px}
.pdtWrap#view dl dd.detail .rm_facils span {display:block; text-align: left}



.pdtWrap#view dl dd.detail .icons-kyword { padding-top:10px;  font-size:0; margin-left:-1.5px; margin-right:-1.5px; }
.pdtWrap#view dl dd.detail .icons-kyword span { display:inline-block; font-size:11px; color:#222; height:43px; line-height:43px; padding:0 10px; border-radius:3px; border:1px solid #9f9f9f; margin:1.5px;}
.pdtWrap#view dl dd.detail .icons-kyword span img {padding-top:7px; width:25px;}









.detailTab {background:#fff; height:40px; position:relative; top:0;}
.detailTab.fixed ul {position:fixed; width:100%; top:52px; background:#fff; z-index:10;}
.detailTab ul:after {content:''; display:block; clear:both;}
.detailTab ul li {float:left; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; box-sizing:border-box; text-align:center; height:40px; line-height:40px;}
.detailTab ul.list2 li {width:50%;}
.detailTab ul.list3 li {width:33.3%;}
.detailTab ul.list4 li {width:25%;}
.detailTab ul li.active {border-bottom:3px solid #0387db; color:#0387db;}
.detailTab ul li.active a {color:#0387db;}

.detailWrap {background:#fff; height:0; overflow:hidden;}
.detailWrap01 {height:auto;}

.detailWrap .section#roominfo {background:#eee;}
.detailWrap .section p {color:#666;}
.detailWrap .section .title {color:#222; font-size:4.2vw; margin-bottom:2%;}
.detailWrap .section .title2 {color:#6fc055; font-weight:600; font-size:3.8vw; margin-bottom:2%;}
.detailWrap .section .title2 img {vertical-align:middle; width:3vw; margin-top:-1px;}
.detailWrap .section .root_daum_roughmap_landing {width:100% !important;}

.healthTab {background:#fff; height:40px; position:relative; top:0;}
.healthTab.fixed ul {position:fixed; width:100%; top:52px; background:#fff; z-index:10;}
.healthTab ul:after {content:''; display:block; clear:both;}
.healthTab ul li {float:left; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; box-sizing:border-box; text-align:center; height:40px; line-height:40px;}
.healthTab ul.list2 li {width:50%;}
.healthTab ul.list3 li {width:33.3%;}
.healthTab ul.list4 li {width:50%;}
.healthTab ul li.active {border-bottom:3px solid #0387db; color:#0387db;}
.healthTab ul li.active a {color:#0387db;}

.healthWrap {background:#fff; height:0; overflow:hidden;}
.healthWrap01 {height:auto;}
.healthWrap .section#roominfo {background:#8f8585;}
.healthWrap .section p {color:#666;}
.healthWrap .section .title {color:#222; font-size:4.2vw; margin-bottom:2%;}
.healthWrap .section .title2 {color:#6fc055; font-weight:600; font-size:3.8vw; margin-bottom:2%;}
.healthWrap .section .title2 img {vertical-align:middle; width:3vw; margin-top:-1px;}
.healthWrap .section .root_daum_roughmap_landing {width:100% !important;}



.section.date_choice {position:relative; overflow:hidden;}
.section.date_choice a {float:right;}
.section.date_choice img {vertical-align:middle; margin-top:-1px;}

.section .imgArea:after {content:''; display:block; clear:both;}
.section .imgArea {margin-top:5%; background:#fff; width:94%; padding:3% 3% 0;}
.section .imgArea p {clear:both; overflow:hidden; width:100%; padding:3% 0;}
.section .imgArea p .price {float:right;}
.section .imgArea p .price b {color:#0387db}
.section .imgArea .btn_room {display:block; text-align:center; color:#0387db; font-size:3.8vw; height:40px; line-height:40px; border-top:1px solid #dfdfdf; margin-left:-3%; width:106%;}
.section .imgArea .btn_room img {width:5px; float:none; vertical-align:middle; margin-top:-2px;}
.section .imgArea2 {background:#fff; width:100%;}
.section .imgArea2 img {vertical-align:top; width:48%; margin-bottom:2%;}
.section .imgArea2 img:nth-child(odd) {float:left;}
.section .imgArea2 img:nth-child(even) {float:right;}
.section .imgArea_caption ul:after {content:''; display:block; clear:both;}
.section .imgArea_caption ul li {width:49%; margin-bottom:2%; text-align:center;}
.section .imgArea_caption ul li:nth-child(odd) {float:left;}
.section .imgArea_caption ul li:nth-child(even) {float:right;}
.section .imgArea_caption ul li img {vertical-align:top;}
.section .imgArea_caption ul li span {background:#a4a4a4; display:block; padding:6% 0; color:#fff;}

.tblType01 {}
.tblType01 table {width:100%;}
.tblType01 table th, .tblType01 table td {word-break:break-all; color:#666; text-align:center; padding:3% 0; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.tblType01 table th:last-child, .tblType01 table td:last-child {border-right:none;}
.tblType01 table thead .tbl_tt th {background:#d8d8d8; color:#222;}
.tblType01 table thead .tbl_tt2 th {background:#f3f3f3;}
.tblType01 table tbody del {display:block; color:#999; font-size:2.8vw;}

/* 예약하기 버튼 */
.choice {width:100%; background:#eee; box-sizing:border-box; padding:3%; position:fixed; bottom:0; z-index:99; border-top:1px solid #dfdfdf;}
.btn_choice {display:block; text-align:center; color:#fff; background:#0387db; height:40px; line-height:40px; font-size:3.8vw; border-radius:2px;}
.btn_soldout {display:block; text-align:center; color:#fff; background:#666; height:40px; line-height:40px; font-size:3.8vw; border-radius:2px;}

/* 예약하기 */
.rvWrap .section {background:#fff; margin-top:3%;}
.rvWrap .section:first-child {margin-top:0;}
.rvWrap .imgArea {padding:0; width:100%; margin:0;}
.rvWrap .imgArea a {display:block; overflow:hidden;}

.check_date {background:url('/mc/images/common/bg_calendar.gif') no-repeat center center; background-size:40px; position:relative; padding:5%; width:90%;}
.check_date ul {overflow:hidden;}
.check_date li {text-align:center; font-size:4.4vw; color:#777;}
.check_date li .date {display:block; color:#333; font-size:3.6vw;}
.check_date li.checkin {float:left;}
.check_date li.checkout {float:right;}
.tbl_calendar .month {text-align:center; position:relative; overflow:hidden; font-size:4.4vw; font-weight:600; margin-bottom:5%;}
.tbl_calendar .month .prev {float:left;}
.tbl_calendar .month .next {float:right;}
.tbl_calendar .month a img {vertical-align:middle; height:3.5vw; margin-top:-1px;}
.tbl_calendar table th, .tbl_calendar table td {text-align:center; padding:3% 2%;}
.tbl_calendar table .sat {color:#1661ea;}
.tbl_calendar table .sun {color:#0387db;}
.tbl_calendar table .past {opacity:0.3;}
.tbl_calendar table .active {background:url('/mc/images/sub/bg_active.png') no-repeat center center; background-size:47%; color:#fff;}
.tbl_calendar table .today {background:url('/mc/images/sub/bg_today.png') no-repeat center center; background-size:47%;}
.tbl_calendar table thead th {background:#f3f3f3; font-weight:300; border-bottom:1px solid #dfdfdf;}
.tbl_calendar#golf table tbody .sat, .tbl_calendar#golf table tbody .sun {opacity:0.3;}

.contentsArea.pay {background:#fff;}
.contentsArea.pay .section {border-bottom:1px solid #dfdfdf; position:relative;}
.contentsArea.pay .pdtWrap {padding:0 !important;}
.contentsArea.pay .pdtWrap .information {padding:0 5% 5%;}
.contentsArea.pay .rv_info {margin-top:3%; line-height:1.5em;}
.contentsArea.pay .rv_info dt {font-size:4.2vw; font-weight:600; color:#0387db;}
.contentsArea.pay .title {color:#222; font-size:4.2vw; margin-bottom:3%;}
.contentsArea.pay .info_input li {margin-top:3%;}
.contentsArea.pay .info_input li:first-child {margin-top:0;}
.contentsArea.pay .tt {display:inline-block; width:15%;}
.contentsArea.pay .total .title {margin-bottom:0;}
.contentsArea.pay .price {position:absolute; right:5%; top:0; margin-top:5%; font-weight:600; color:#0387db; line-height:4.2vw;}
.contentsArea.pay .price span {font-size:4.2vw;}
.contentsArea.pay .deliprice {position:absolute; right:5%; top:0; margin-top:5%; font-weight:600; color:#0387db; line-height:4.2vw;}
.contentsArea.pay .deliprice span {font-size:4.2vw;}

/* 결제하기 */
.section.rv_step03 {background:#eee; padding-top:0 !important;}
.section.rv_step03 .imgArea {padding:0; margin:0; text-align:center; width:94%; padding:3% 3% 0 3%; background:#fff; border-bottom:1px solid #d0d0d0;}
.section.rv_step03 .imgArea p {width:100%;}

/* 결제 레이어 */
#payLayer {display:none; position:fixed; width:90%; left:5%; top:20%; background:#fff; z-index:200;}
#payLayer ul {padding:5%;}
#payLayer ul li {line-height:6vw; margin-top:2%;}
#payLayer ul li:first-child {margin-top:0;}
#payLayer ul li span.name {display:inline-block; width:33%; font-weight:300;}
#payLayer ul li input.point {width:30%;}
#payLayer .pay_btnArea:after {content:''; display:block; clear:both;}
#payLayer .pay_btnArea {text-align:center;}
#payLayer .pay_btnArea a {display:block; width:50%; float:left; padding:3% 0;}
#payLayer .pay_btnArea a.btn_submit {background:#0387db; color:#fff;}
#payLayer .pay_btnArea a.btn_cancel {background:#ccc; color:#333;}

/* 생활/건강 리스트 */
.health_banner {padding-top:3%; background:#eee;}
.health_banner li {padding-bottom:3%;}
.health_banner li img {vertical-align:top;}

/* 이벤트 */
.contentsArea.event_list li {margin-top:5%; -webkit-box-shadow: 0px 2px 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 2px 3px 3px rgba(0, 0, 0, 0.1); box-shadow:0px 2px 3px 3px rgba(0, 0, 0, 0.1);}
.contentsArea.event_list li:first-child {margin-top:0;}
.contentsArea.event_list li a {display:block;}
.contentsArea.event_list li a img {vertical-align:top;}
.contentsArea.event_view img {vertical-align:top;}
.contentsArea.event_view .event_btn {overflow:hidden;}
.contentsArea.event_view .event_btn a {width:50%; float:left;}

/* 공지사항 */
.contentsArea.board {background:#fff;}
.contentsArea.board .boardWrap {margin:5% 0 0 0;}
.contentsArea.board .board_list li:first-child {border-top:1px solid #dfdfdf;}
.contentsArea.board .board_list li {padding:3%; border-bottom:1px solid #dfdfdf;}
.contentsArea.board .board_list li a.subject {display:block;}
.contentsArea.board .board_list li .info {display:block; font-size:3.2vw; color:#777; margin-top:1%;}
.contentsArea.board #faq .faq_subject {background:url('/mc/images/sub/arrow_faq_off.png') no-repeat 97% center; background-size:10px;}
.contentsArea.board #faq .faq_subject.active {background:url('/mc/images/sub/arrow_faq_on.png') no-repeat 97% center; background-size:10px;}
.contentsArea.board #faq .boardCon {padding:3%; background:#f7f7f7; display:none;}
.contentsArea.board .boardSearch {text-align:center; padding:0 0 5% 0; background:#eee;}
.contentsArea.board .boardSearch select {width:20%; height:9vw;}
.contentsArea.board .boardSearch .text {width:40%; height:9vw;}
.contentsArea.board .boardSearch .button {width:15%; background:#9b9b9b; height:9vw; color:#fff; border:none; border-radius:0; appearance:none; -webkit-appearance:none;}
#boardView .title {background:#f3f3f3; border-top:1px solid #d0d0d0; border-bottom:1px solid #dfdfdf; padding:3%; background:#fff;}
#boardView .title b {font-weight:400;}
#boardView .title .info {display:block; margin-top:1%; font-size:3.2vw; color:#777; font-weight:300;}
#boardView .boardCon {padding:3%; border-bottom:1px solid #dfdfdf; line-height:1.5em; font-weight:300; margin-bottom:3%;}
#boardView .boardCon img {max-width:100%;}
#boardView .btnArea {padding:0 3% 5% 3%;}

#paging {text-align:center; padding:5% 0; background:#eee;}
#paging a {display:inline-block; width:30px; height:30px; line-height:30px;}
#paging a.arrow {border:1px solid #d0d0d0; background:#fff;}
#paging a.active {border:1px solid #0387db; color:#0387db; background:#fff;}

/* 마이페이지&회원단 */
.contentsArea.mypage .complete {text-align: center;}
.contentsArea.mypage .complete dl, .contentsArea.mypage .complete dt, .contentsArea.mypage .complete dd {line-height: 1.5em;}
.contentsArea.mypage .complete dl {padding: 10% 0;}
.contentsArea.mypage .infoWrap {background:#dd4f4f; color:#fff; text-align:center;}
.contentsArea.mypage .infoWrap.non_mem {padding:12% 0;}
.contentsArea.mypage .infoWrap.non_mem p {margin-bottom:5%; color:#fff;}
.contentsArea.mypage .infoWrap.mem {padding:5% 0;}
.contentsArea.mypage .infoWrap.mem p {color:#fff; font-size:4vw; margin-bottom:2%;}
.contentsArea.mypage .infoWrap.mem .date {display:block; color:#ffdcdc;}
.contentsArea.mypage .infoWrap .btn_member {display:inline-block; color:#fff; border:1px solid #fff; border-radius:2px; height:35px; line-height:35px; text-align:center; padding:0 20px;}
.contentsArea.mypage .info_section {width:90%; padding:0 5%; margin:5% 0;}
.contentsArea.mypage .info_section:after {content:''; display:block; clear:both;}
.contentsArea.mypage .info_section dl {width:33%; box-sizing:border-box; float:left; text-align:center; line-height:1.8em; border-right:1px solid #e47272;}
.contentsArea.mypage .info_section dl:last-child {border-right:none;}
.contentsArea.mypage .info_section dl * {color:#fff;}
.contentsArea.mypage .info_section dt {font-size:3.2vw;}
.contentsArea.mypage .info_section dd b {font-size:5vw;}
.contentsArea.mypage .info_section .btn_white {margin-top:5%; display:inline-block; border:1px solid #fff; padding:0 10px; height:22px; line-height:22px; border-radius:2px; font-size:3.2vw;}
.contentsArea.mypage .info_section .btn_white img {vertical-align:middle;}
.contentsArea.mypage .mypage_menu ul {padding-bottom:3%; border-top:1px solid #d0d0d0;}
.contentsArea.mypage .mypage_menu ul:first-child {margin-top:3%;}
.contentsArea.mypage .mypage_menu li {background:#fff; line-height:3em; border-bottom:1px solid #d0d0d0;}
.contentsArea.mypage .mypage_menu li a {padding:0 3%; display:block; background:url('/mc/images/sub/arrow_gray.png') no-repeat 95% center; background-size:7px;}
.contentsArea.mypage .point {border-bottom:1px solid #dfdfdf;}
.contentsArea.mypage .point li {line-height:2em;}

/* 회원가입 */
.list_form li {position:relative; padding-left:20%; line-height:9vw;}
.list_form li:after {content:''; display:block; clear:both;}
.list_form li .form_title {position:absolute; width:15%; left:0;}
.list_form li .text {vertical-align:top; margin-bottom:5px;}
.list_form li .tel {width:28%; vertical-align:top;}
.list_form li .select.tel {width:29%;}
.list_form li .sms_num {display:inline-block; width:60%; height:33px; overflow:hidden; border:1px solid #d0d0d0; vertical-align:top;}
.list_form li .sms_num .text {width:80%; border:none; margin-bottom:0;}
.list_form li .sms_num b.time {color:#0387db;}

.contentsArea.mypage .step_title {position:relative; font-size:3.8vw; margin-bottom:3%;}
.contentsArea.mypage .step_title img {position:absolute; left:0; top:0;}
.contentsArea.mypage .agreeList {border:1px solid #d0d0d0; border-top:none;}
.contentsArea.mypage .agreeList li {border-top:1px solid #d0d0d0; line-height:3em; padding:0 3%; overflow:hidden;}
.contentsArea.mypage .agreeList li label {color:#444;}
.contentsArea.mypage .agreeList li .btn_lgray {float:right; margin-top:0.5em;}
.contentsArea.mypage .allCheck {padding:3% 3% 0 3%;}
.contentsArea.mypage .loginInput .text {margin-bottom:5px;}
.contentsArea.mypage .memberService {text-align:center; color:#999;}
.contentsArea.mypage .memberService a {display:inline-block; width:25%; text-align:center;}

.contentsArea .result {background:#fff; border:1px solid #dfdfdf; text-align:center; padding:15% 3%; margin-bottom:3%;}
.contentsArea .result p img {vertical-align:middle; margin-top:-2px;}
.contentsArea .find_phone, .contentsArea .find_mail {margin-top:3%;}
.contentsArea .extension {background:url('/mc/images/member/bg_extension.png') no-repeat center top; background-size:cover; text-align:center; padding:8% 5%;}
.contentsArea .extension h4 img {width:80%;}
.contentsArea .extension .userinfo {margin:5% 0; border:1px solid #8f85a6; border-radius:10px; padding:20px 0;}
.contentsArea .extension .userinfo dl {line-height:1.5em;}
.contentsArea .extension .userinfo dt {font-size:4vw; color:#fff; margin-bottom:5px;}
.contentsArea .extension .userinfo dd {color:#fff;}
.contentsArea .extension .userinfo dd.after {color:#fec9fe;}

.contentsArea .select_day {overflow:hidden;}
.contentsArea .select_day li {float:left; margin-left:1%; width:17%; text-align:center; border:1px solid #d0d0d0; background:#fff;}
.contentsArea .select_day li.custom {width:24%;}
.contentsArea .select_day li.on {border-color:#0387db;}
.contentsArea .select_day li.on a {color:#0387db;}
.contentsArea .select_day li:first-child {margin-left:0;}
.contentsArea .select_day li a {display:block; padding:10px 0;}
.contentsArea .datePick {text-align:center; display:none; border-top:1px solid #d0d0d0; margin-top:3%; padding-top:3%;}
.contentsArea .datePick .date {width:35%; background:#fff; position:relative; border:1px solid #d0d0d0; overflow:hidden; vertical-align:middle; float:left;}
.contentsArea .datePick > span {float:left; line-height:33px; margin:0 1%;}
.contentsArea .datePick .date .text {border:none; width:75%; height:33px;}
.contentsArea .datePick .date .button {width:15%; vertical-align:middle;}
.contentsArea .datePick ..btn_dgray {float:right; min-width:10%;}
.contentsArea .listType01 {border-bottom:1px solid #dfdfdf; line-height:1.7em; padding:3% 0;}
.contentsArea .listType01:first-child {padding-top:0;}
.contentsArea .listType01:after {content:''; display:block; clear:both;}
.contentsArea .listType01 dt {clear:both; float:left; width:23%;}
.contentsArea .listType01 dd {float:left; width:77%; font-weight:600;}

#policyLayer {position:absolute; width:90%; left:5%; top:5%; background:#fff; z-index:100; box-sizing:border-box; display:none;}
#policyLayer .policyInner { padding:3%;}
#policyLayer p {font-size:3.8vw; margin-bottom:3%;}
#policyLayer .textarea {background:#f9f9f9; width:100%; height:300px; resize:none; font-size:3.4vw; color:#666;}

#ticketLayer {position:absolute; width:90%; left:5%; top:5%; z-index:100; box-sizing:border-box; display:none;}
#ticketLayer a {position:absolute; right:0; top:0;}

/* G-Lounge 사용내역 */
#wrap.sub .type1.g_list .section {border-bottom:1px solid #dfdfdf; margin:0 0 3% 0;}
#wrap.sub .type1.g_list .date {width:94%; padding:3%; border-bottom:1px solid #dfdfdf; font-weight:600; position:relative;}
#wrap.sub .type1.g_list .date .btn_delete {position:absolute; right:3%; top:0; margin-top:3.5%; font-size:3.2vw;}
#wrap.sub .type1.g_list .date .btn_delete img {vertical-align:middle;}
#wrap.sub .type1.g_list .product {overflow:hidden; width:94%; padding:3% 3% 0 3%;}
#wrap.sub .type1.g_list .product img {float:left; width:35%;}
#wrap.sub .type1.g_list .product .info {float:left; width:63%; margin:1%; line-height:1.5em;}
#wrap.sub .type1.g_list .product .info b {display:block;}
#wrap.sub .type1.g_list .listType01 {border-bottom:1px dashed #d0d0d0;}
#wrap.sub .type1.g_list .listType01 dt {width:25%;}
#wrap.sub .type1.g_list .listType01 dd {width:75%;}
#wrap.sub .type1.g_list .process {padding:0 3%; position:relative; line-height:40px;}
#wrap.sub .type1.g_list .process .btn_cancel {display:inline-block; border:1px solid #888; border-radius:2px; padding:3px 5px; color:#666; line-height:normal;}
#wrap.sub .type1.g_list .process .price {position:absolute; right:3%; top:0;}

/* 푸터 공통 */
.customerCenter {background:#fff;}
.customerCenter h3.title {text-align:center; padding:5%; border-bottom:1px solid #dfdfdf; font-size:4.4vw;}
.customerCenter ul {border-bottom:1px solid #dfdfdf;}
.customerCenter ul:after {content:''; display:block; clear:both;}
.customerCenter ul li {float:left; width:50%; box-sizing:border-box;}
.customerCenter ul li a {display:block; box-sizing:border-box; padding:10%; font-size:3.8vw; background:url('/mc/images/common/ico_arrow_black.png') no-repeat 90% center; background-size:7px;}
.customerCenter ul li a img {width:5.2vw; vertical-align:middle;}
.customerCenter ul li.first a {border-right:1px solid #dfdfdf;}

footer {background:#eee; padding:5% 2%; text-align:center; font-weight:300; color:#444; line-height:1.5em; font-size:3.2vw; letter-spacing:-0.7px;}
footer a {color:#444;}
footer address {display:block; margin:3% 0;}
footer address a {color:#111; font-weight:400;}
footer .copy {font-size:3vw; color:#444; margin-bottom:15%;}

#wrap.sub footer {border-top:1px solid #dfdfdf;}

.btn_gotop {position:fixed; width:45px; right:3%; bottom:70px; z-index:98;}

.appControl {border-top:1px solid #dfdfdf; background:#f8f8f8; position:fixed; width:100%; bottom:0; left:0; z-index:98;}
.appControl ul {overflow:hidden;}
.appControl ul li {float:left; width:20%; text-align:center;}
.appControl ul li a {display:block; padding:12px 0;}
.appControl ul li a img {vertical-align:middle; height:20px;}

#sights_info {width:100%; height:auto;}
#sights_info h1 {margin-bottom: 15px; font-size:23px; font-weight:bold;}
#sights_info .accent {width:99%; color:#005da3; font-size:15px; font-weight:bold; display:block}

#sights_info li {width:98%; margin: 10px 0; font-size:15px;}

#tubebox {background:#Fff; padding-top:10%}
.tube_txt {text-align:center; font-size:3.8vw; padding:3%; line-height:4.5vw; border-bottom:1px solid #ddd}
.tube_logo {padding: 0 6% 3%}
#tubebox h4 {font-size:4.5vw; color:#AC3429; font-weight:bold}
.tube_how {font-size:3.65vw; line-height:5.8vw;text-align:left; padding-top:2%}
.tube_how span {color:#AC3429; font-weight:bold}
.tube_btns {margin-bottom:45px}









.rentner_apply {
    background: #fff
}

.rentner_apply p {
    text-align: center
}

.rentner_apply dl {
    border: 1px solid #ddd;
    padding: 10px 20px;
    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
   
}

.rentner_apply dl dt {
    display: inline-block;
    font-weight: bold;
    width: 20%
}

.rentner_apply dl dd {
    display: inline-block;
    width: 77%
}


.rentner_apply #btn_rentner {
    width: 50%;
    margin: 0 auto 30px;
    height: 45px;
    line-height: 45px;
    background: #005E09;
    color: white
}

#rent_mob {
    display: none;
}

.rent_tc {
    max-width: 1000px;
    margin: 30px auto;
    font-weight: 500
}

.rent_tc .tc_title {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

.rent_tc .tc_txt {
    border: 1px solid #eee;
    padding: 20px
}

.rent_tc .tc_txt span {
    display: block;
    padding: 15px 0 10px;
    font-weight: 500
}

.rent_tc .btn_tcTxt {
    display: inline-block;
    margin: 10px;
    border: 1px solid #ddd;
    padding: 3px 8px;
    font-size: 13px;
    border-radius: 6px
}

.rent_tc label {
    display: inline-block;
}



.rentner_apply dl dd input {
    width: 100%
}

.rentner_apply dl dd select {
    width: 100%;background:white; border:1px solid #ddd
}

#rent_mob {
    display: block;
}


/*온픽쳐스*/
#onPictures {
    background:#fff;
    padding-bottom: 5vw
}
#onpictures_tit {
    padding-top:7vw;
    background:#fff
}
#onpictures_tit .onpictures-txt {
    padding:10px;
    box-sizing:border-box
}
.onPicture_apply dl {
    border-bottom:0;
    display:flex;
    align-items:center;
}
.onPicture_apply dl dt {width:30%}
.onPicture_apply .dl-address input {
    margin-bottom:3px;
}
.onPicture_apply .dl-address #postCode {
    width:63%;
}
.onPicture_apply .dl-address #btn-postcode {
    width:35%;
    height:35px;
    border:0;
    background-color:#333;
    color:white;
}
#onPictures .onPicture_apply .age-check {
    display: inline-block;
    width: 100px;
    margin-bottom: 8px;
}

#onPictures .onPicture_apply .age-check input {
    width: 16px;
    height: 16px;
}

#onPictures .onPicture_apply .age-check label {
    position: unset;
    vertical-align: middle
}
#onPictures .btn_send {
    width:50%;
    height:40px;
    margin:2% auto 5%;
    border-radius:6px;
    background:#ba111c;
    color:#fff;
}
#onPictures .onp_notice {margin-bottom:2%}

#onPictures h3 {
    font-size:4vw;
    padding:3.3vw;
    text-align: center;
    font-weight:600;
}
#onPictures #onp_qna {width:96%;margin:0 auto;}
#onPictures #onp_qna h4.ui-state-active {
    background:rgb(161, 99, 107);
    border-color:rgb(161, 99, 107)
}

/* 서울메디컬 */
#seoulmedical {text-align: center;background:white;}
#seoulmedical .seoulmedi_main {
  width:100%
}
#seoulmedical .seoulmedi_howto h3 {
  font-size:25px; margin-bottom:30px;
}
#seoulmedical .seoulmedi_howto {
  margin:30px auto;
  background:white;
  border:1px solid black;
  padding:30px ;
}

#seoulmedical .seoulmedi_howto ol {
list-style: none;
margin-left: 1em;
counter-reset: line;
text-align: left;
}
#seoulmedical .seoulmedi_howto li{
  list-style-type: none;
  position: relative;
  margin-bottom: 1.5em;
}
#seoulmedical .seoulmedi_howto li::before {
	position: absolute;
	left: -2.25em;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 0.5em;
	background-color: rgb(30, 148, 196);
	border-radius: 50%;
	color: #fff;
	text-align:center;
  font-weight:bold;
	counter-increment: line;
	content: counter(line);
    line-height:25px;
}

#seoulmedical .howto_tit {
  font-size :18px;
  font-weight:600;
  margin-bottom:7px;
}
#seoulmedical .howto_txt span {
  display:block
}
#seoulmedical .howto_txt span a {
  background-color:rgb(30, 148, 196);
  color:white;
  padding:5px 10px;
  border-radius: 5px;
  line-height:33px
}
#seoulmedical p {
  color:#888;
  text-align:center;
}
#seoulmedical .seoulmedi_ex {
  display: flex;
  max-width:1000px;
  margin:30px auto;
  justify-content: space-evenly
}
#seoulmedical .seoulmedi_ex img {width:50%}
#seoulmedical .btn_area button {
    margin:20px auto;width:90%; height:40px; background:#005da3;
    color:white;
}
.seoulmed {margin-top:30px;}
.seoulmed h3 {
    font-size: 4vw;
    line-height: 9vw;
    border-radius: 4.5vw;
    color: #F3E3C1;
    background: #3d5a46;
    width: 50%;
    margin: 30px auto 20px;
}


.seoulmed_txt h4 {
    font-size: 18px;
}

.seoulmedi_bene a {
    margin-left: 20px;
    font-weight: bold;
    color: rgb(27, 121, 158)
}

.seoulmed_txt2 {

    margin-top: 10px;
}

.seoulmedi_bene li span {
    font-weight: 900;
    color: #4b855d;
    margin-right: 20px;
    display:block;
    margin-bottom:5px;
    font-size:4.1vw;
}

.seoulmedi_bene li {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    font-size: 3.4vw
}

.seoulmedi_bene li:first-child {
    border-top: 1px solid #ddd;
}

.seoulmedi_new ul li {
    text-align: Center;
}

.seoulmedi_new dl {
    border: 1px solid #ddd
}

.seoulmedi_new dl dt,
.seoulmedi_new dl dd {
    padding: 10px;
    text-align: left;
}

.seoulmedi_new dl dt {
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}


/* 2023.01.06 추가 */
.pay_info .info_input li {
    display: block
}

.pay_info .info_input li dl {
    display: flex;
    align-items: center;
}

.pay_info .info_input li dt {
    width: 17%
}

.pay_info .info_input li dd {
    width: 83%
}

.pay_info .info_input li input[type="text"] {
    width: 100%
}

.pay_info .info_input li #postCode {
    width: 40%
}

.pay_info .info_input li textarea {width:100%}