/* BASIC css start */
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 700;src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
url('/design/hwawon6311/font/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/design/hwawon6311/font/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 500;src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
url('/design/hwawon6311/font/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/design/hwawon6311/font/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 300;src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
url('/design/hwawon6311/font/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('/design/hwawon6311/font/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}

/* ¿ÞÂʸ޴º */
#aside .smenu_menu li { display:block; width:100%; padding:13px 18px; box-sizing:border-box; font-weight: 600; cursor: pointer; } 
#aside .smenu_menu li a { font-size:14px; color:#6c6c6c; } 
#aside .smenu_menu li a:hover { color:#d81a2e; } 
#aside .smenu_menu li a:hover:after { content:'>'; position:absolute; right:20px; font-size:14px; font-weight:bold; } 
#aside .smenu_menu li.current a { color:#d81a2e; } 
#aside .smenu_menu li.current a:after { content:'>'; position:absolute; right:20px; font-size:14px; font-weight:bold; } 

/* ÅÇ¿µ¿ª */
.tabcontent { display:none; } 
.tabcontent.current { display:block; } 
.tabcontent * { font-family:'Gmarket Sans'; } 



/* ¿¹¾à¾È³» */
#tab1 .sub_cont { position:relative; margin-bottom: 70px; } 
#tab1 .sub_cont .sub_bnr { position:relative; } 
#tab1 .sub_cont .sub_bnr img { width:100%; } 
#tab1 .sub_cont .sub_bnr span { position:absolute; left:0; bottom: -7px; font-size:60px; color:#fff; line-height:1; } 
#tab1 .sub_cont .reserve_wrap { display:flex; justify-content: space-between; } 
#tab1 .sub_cont .reserve_wrap .reserve_cnt { position:relative; width: 227px; font-size:36px; padding-top:18px; white-space:pre; } 
#tab1 .sub_cont .reserve_wrap .reserve_cnt:before { content:''; width:36px; height:3px; background:#000; position:absolute; top:0; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont { position:relative; width: 850px; margin-top: 22px; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont dl { margin-bottom: 60px; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont dl dt { font-size: 24px; margin-bottom: 18px; color: #000; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont dl dd { font-size: 18px; font-weight: 300; line-height: 1.5; margin-left: 28px; color: #000; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont p { font-size:18px; font-weight:300; margin-bottom:25px; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont p b { display:block; font-size:24px; font-weight:500; margin-bottom:11px; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont p b span { font-size:16px; color:#d81a2e; margin-left: 10px; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .img_cont { display:flex; justify-content:space-between; width: 100%; flex-wrap: wrap; margin-bottom: 50px; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .img_cont img { display: inline-block; line-height: 1; font-size: 0; margin-bottom: 17px; height: auto; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .toggle_tit { font-size: 24px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 33px 0 20px; margin-bottom: 35px; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .toggle_tit:after { content:'´Ý±â-'; position:absolute; right:0; font-size: 18px; color: #999999; font-weight: 300; cursor: pointer; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .toggle_tit.fold:after { content:'¿­±â+'; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .toggle_cont { padding-left: 28px; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .toggle_cont dl { margin-bottom: 40px; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .toggle_cont dl dt {font-size: 18px;margin-bottom: 13px;color: #000;font-weight: 300; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .toggle_cont dl dt b { font-weight:500; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .toggle_cont dl dd {font-size: 18px; font-weight: 300; line-height: 1.5; margin-left: 28px; color: #000; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .toggle_cont a.btn_booking { position:relative; display: inline-block; font-size: 18px; color: #fff; background: #d81a2e; padding: 23px 150px 18px 40px; font-weight: 500; margin-top: 10px; } 
#tab1 .sub_cont .reserve_wrap .reserve_cont .toggle_cont a.btn_booking:after { content:'>'; position:absolute; right:40px; } 

#tab2 .sub_cont { position:relative; margin-bottom: 70px; } 
#tab2 .sub_cont .sub_bnr { position:relative; } 
#tab2 .sub_cont .sub_bnr img { width:100%; } 
#tab2 .sub_cont .sub_bnr span { position:absolute; left:0; bottom: -7px; font-size:60px; color:#fff; line-height:1; } 
#tab2 .sub_cont .reserve_wrap { display:flex; justify-content: space-between; } 
#tab2 .sub_cont .reserve_wrap .reserve_cnt { position:relative; width: 227px; font-size:36px; padding-top:18px; white-space:pre; } 
#tab2 .sub_cont .reserve_wrap .reserve_cnt:before { content:''; width:36px; height:3px; background:#000; position:absolute; top:0; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont { position:relative; width: 850px; margin-top: 22px; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont dl { margin-bottom: 60px; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont dl dt { font-size: 24px; margin-bottom: 18px; color: #000; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont dl dd { font-size: 18px; font-weight: 300; line-height: 1.5; margin-left: 28px; color: #000; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont p { font-size:18px; font-weight:300; margin-bottom:25px; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont p b { display:block; font-size:24px; font-weight:500; margin-bottom:11px; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont p b span { font-size:16px; color:#d81a2e; margin-left: 10px; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .img_cont { display:flex; justify-content:space-between; width: 100%; flex-wrap: wrap; margin-bottom: 50px; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .img_cont img { display: inline-block; line-height: 1; font-size: 0; margin-bottom: 17px; height: auto; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .toggle_tit { font-size: 24px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 33px 0 20px; margin-bottom: 35px; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .toggle_tit:after { content:'´Ý±â-'; position:absolute; right:0; font-size: 18px; color: #999999; font-weight: 300; cursor: pointer; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .toggle_tit.fold:after { content:'¿­±â+'; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .toggle_cont { padding-left: 28px; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .toggle_cont dl { margin-bottom: 40px; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .toggle_cont dl dt {font-size: 18px;margin-bottom: 13px;color: #000;font-weight: 300; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .toggle_cont dl dt b { font-weight:500; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .toggle_cont dl dd {font-size: 18px; font-weight: 300; line-height: 1.5; margin-left: 28px; color: #000; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .toggle_cont a.btn_booking { position:relative; display: inline-block; font-size: 18px; color: #fff; background: #d81a2e; padding: 23px 150px 18px 40px; font-weight: 500; margin-top: 10px; } 
#tab2 .sub_cont .reserve_wrap .reserve_cont .toggle_cont a.btn_booking:after { content:'>'; position:absolute; right:40px; } 

.red { color:#d81a2e !important; margin-top:7px; } 
.green { color:#24a26a !important; } 
.gray { color:#777777 !important; margin-top:7px; } 



.tab { margin: 0 0 10px; padding: 0; zoom: 1; } 
.tab li { float: left; list-style: none; } 
.tab li a { display: block; height: 48px; font-size: 16px; color: #858585; text-align: center; line-height: 3em; background: none; border: 1px solid #e9e9e9; padding: 0 15px; } 
.tab:after { display: block; visibility: hidden; clear: both; content: ""; } 
.tab li.current a { background: #da2128; color: #fff; text-decoration: none; } 
.tab li:hover a { background: #da2128; color: #fff; text-decoration: none; } 
/* BASIC css end */