@charset "utf-8";

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(/fonts/Pretendard-Black.woff2) format('woff2'), url(/fonts/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(/fonts/Pretendard-ExtraBold.woff2) format('woff2'), url(/fonts/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/fonts/Pretendard-Bold.woff2) format('woff2'), url(/fonts/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/fonts/Pretendard-SemiBold.woff2) format('woff2'), url(/fonts/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/fonts/Pretendard-Medium.woff2) format('woff2'), url(/fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/fonts/Pretendard-Regular.woff2) format('woff2'), url(/fonts/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/fonts/Pretendard-Light.woff2) format('woff2'), url(/fonts/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(/fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(/fonts/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(/fonts/Pretendard-Thin.woff2) format('woff2'), url(/fonts/Pretendard-Thin.woff) format('woff');
}

* { margin: 0; padding: 0; position: relative; box-sizing: border-box; letter-spacing: -0.3px; -webkit-tap-highlight-color: transparent; outline: none; word-break: break-all; touch-action: pan-y; background: none; }
*::selection { background-color: #000; color: #FFF; }
*::placeholder { color: #BBB; }
html, body { width: 100%; float: left; background-color: #FFF; font-family: "Pretendard", sans-serif; font-weight: 400; font-size: 13px; color: #222; }
body { overflow-x: hidden; height: var(--app-height); }
body.on { overflow: hidden; }
img { vertical-align: middle; -webkit-perspective: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100%; }
ul, li { list-style: none; }
a { text-decoration: none; color: inherit; }
input, select, button, textarea { -webkit-border-radius: 0; border: 0; font-family: "Pretendard", sans-serif; font-weight: 400; font-size: 15px; color: #222; }
textarea { resize: vertical; }
input[type="file"], input[type="checkbox"], input[type="radio"] { cursor: pointer; }
button, label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
table { width: 100%; float: left; table-layout: fixed; border-collapse: collapse; }
i { vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ui-loader { display: none !important; }

html.on { overflow: hidden; height: 100%; --app-height: auto !important; }

.commonBox { width: 100%; float: left; }
.commonBox > div { width: 600px; margin: 0 auto; }
.commonBox > div > div { width: 100%; float: left; }

.swiper-pagination, .swiper-button-next, .swiper-button-prev { z-index: 3 !important; }

#wrapSlide { width: 100%; float: left; }
#wrapSlide > div { width: 100%; float: left; }
#wrapSlide > div > div { width: 100%; float: left; }
#wrapSlide > div > div > img { width: 50px; position: absolute; left: 50%; top: 30px; transform: translateX(-50%); }

.popupBox { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9; left: 0; top: 0; overflow-y: auto; }
.popupBox > div > div { padding: 16px; padding-bottom: 80px; }
.popupBox > div > div > .box { width: 100%; float: left; border-radius: 12px; overflow: hidden; }
.popupBox.center > div { height: 100%; }
.popupBox.center > div > div { height: 100%; }
.popupBox.center > div > div > .box { top: 50%; transform: translateY(-50%); }
.popupBox > div > div > .box > .title { width: 100%; height: 50px; line-height: 50px; float: left; padding: 0 25px; background-color: #333; }
.popupBox > div > div > .box > .title > span { color: #FFF; font-weight: 700; font-size: 18px; }
.popupBox > div > div > .box > .title > .closeBtn { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); cursor: pointer; height: 13px; }
.popupBox > div > div > .box > .menu_main { width: 100%; height: 50px; line-height: 50px; float: left; background-color: #DC0B02; text-align: center; padding: 0 10px; }
.popupBox > div > div > .box > .menu_main > li { float: left; text-align: center; height: 40px; line-height: 40px; cursor: pointer; font-size: 16px; font-weight: 500; color: #FFF; border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; top: 11px; }
.popupBox > div > div > .box > .menu_main > li:nth-of-type(1) { width: 20%; }
.popupBox > div > div > .box > .menu_main > li:nth-of-type(2) { width: 30%; }
.popupBox > div > div > .box > .menu_main > li:nth-of-type(3) { width: 30%; }
.popupBox > div > div > .box > .menu_main > li:nth-of-type(4) { width: 20%; }
.popupBox > div > div > .box > .menu_main > li.on { font-weight: 700; background-color: #FFF; color: #000; }
.popupBox > div > div > .box > .menu_sub { width: 100%; float: left; }
.popupBox > div > div > .box > .menu_sub > ul { width: 100%; float: left; background-color: #FFF; border-bottom: 1px solid #EAEAEA; text-align: center; display: none; }
.popupBox > div > div > .box > .menu_sub > ul { width: 100%; height: 40px; line-height: 39px; float: left; }
.popupBox > div > div > .box > .menu_sub > ul > li { display: inline-block; height: 18px; line-height: 18px; font-weight: 400; font-size: 15px; padding: 0 10px; cursor: pointer; }
.popupBox > div > div > .box > .menu_sub > ul > li.on { font-weight: 700; color: #EC1B23; }
.popupBox > div > div > .box > .menu_sub > ul > li::after { position: absolute; content: ""; width: 1px; height: 10px; right: 0; top: 50%; transform: translateY(-50%); background-color: #999; }
.popupBox > div > div > .box > .menu_sub > ul > li:first-of-type { padding-left: 0; }
.popupBox > div > div > .box > .menu_sub > ul > li:last-of-type { padding-right: 0; }
.popupBox > div > div > .box > .menu_sub > ul > li:last-of-type::after { display: none; }
.popupBox > div > div > .box > .contents { width: 100%; float: left; background-color: #FFF; }
.popupBox > div > div > .box > .closeBtn { width: 100%; height: 50px; float: left; background-color: #DC0B02; font-size: 16px; font-weight: 700; color: #FFF; }
#mainEventPopup.popupBox > div > div > .box > .closeBtn { width: 50%; }
#mainEventPopup.popupBox > div > div > .box > .closeBtn:first-of-type { border-right: 1px solid #9C0107; }

#lifeStyleSwiper { height: calc(100% - 140px); overflow-y: auto; overflow-x: hidden; }

#lifeStylePopup { opacity: 0; overflow: hidden; }
#lifeStylePopup > div { height: var(--app-height); }
#lifeStylePopup > div > div { height: var(--app-height); padding: 0 16px; overflow: hidden; }
#lifeStylePopup > div > div > .box { height: calc(var(--app-height) - 150px); top: 50%; transform: translateY(-50%); margin-top: -30px; }
#lifeStylePopup .swiper-slide { overflow-y: hidden; }
#lifeStylePopup .swiper-slide > img { width: 100%; float: left; }
#lifeStylePopup .swiper-button { position: fixed; top: 50%; transform: translateY(-50%); z-index: 10; background: none; font-size: 16px; color: #999; height: 16px; line-height: 16px; display: none; }
#lifeStylePopup .swiper-button-next { right: 5px; text-align: right; }
#lifeStylePopup .swiper-button-prev { left: 5px; text-align: left; }
#lifeStylePopup .visualBtmImg { margin-top: 30px; }
#lifeStylePopup .lifeStyleContents { width: 100%; float: left; }
#lifeStylePopup .lifeStyleContents > * { width: 100%; float: left; }
#lifeStylePopup .lifeStyleContents > div { width: 100%; float: left; padding: 16px; }
#lifeStylePopup .lifeStyleContents > .mainsc { padding: 40px 16px; }
#lifeStylePopup .lifeStyleContents > .titleBox { background-color: #EEEDED; }
#lifeStylePopup .lifeStyleContents > .titleBox > .noti { width: 100%; float: left; text-align: center; font-size: 12px; color: #6C6C6C; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box { width: 100%; float: left; text-align: center; border-radius: 10px; border: 2px solid #FF0101; padding: 16px; margin-bottom: 10px; background-color: #FFF; box-shadow: 0px 2px 2px 0px #00000040; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .title { width: 220px; height: 35px; line-height: 35px; float: left; left: 50%; transform: translateX(-50%); border-radius: 30px; color: #FFF; font-weight: 700; background-color: #222; font-size: 15px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .title_img { width: 100%; float: left; text-align: center; margin: 25px 0; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .name { width: 100%; float: left; font-weight: 300; color: #222; font-size: 15px; margin-bottom: 10px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price { width: 100%; float: left; margin-top: 10px; padding: 0 10px; padding-bottom: 10px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price > p { width: 100%; float: left; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price > p .left { float: left; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price > p .right { float: right; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_month { border-bottom: 1px solid #D9D9D9; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_month span { height: 20px; line-height: 20px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_month .left { font-size: 14px; color: #4E4E4E; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_month .right { font-size: 16px; font-weight: 500; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_info { padding-top: 10px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_info > p { margin-bottom: 5px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_info > p:last-of-type { margin-bottom: 0; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_info span { height: 12px; line-height: 12px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_info .left { font-size: 12px; color: #6C6C6C; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_info .right { font-size: 12px; color: #ED1B23; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_sale { border-top: 1px solid #808080; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_sale span { height: 25px; line-height: 25px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_sale .left { font-size: 14px; color: #000; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_sale .right { font-size: 16px; font-weight: 500; color: #000; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_sale .right > b { font-size: 18px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_sale .right > img { position: absolute; width: 100%; top: 21px; right: 0; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_sale > p:nth-of-type(1) span { height: 45px; line-height: 45px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_sale > p:nth-of-type(2) .left { color: #FF0101; font-weight: 700; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > .price_sale > p:nth-of-type(2) .right > b { color: #FF0101; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap { width: 100%; float: left; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box { width: 100%; float: left; padding: 25px 16px; border: 1px solid #EBEBEB; border-radius: 10px; box-shadow: 0px 4px 8px 0px #60617029; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list { width: 100%; float: left; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list > a { width: calc(calc(100% - 20px) / 3); float: left; margin-right: 10px; height: 35px; line-height: 33px; border-radius: 5px; text-align: center; border: 1px solid #C2C1C1; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list > a > span { color: #6C6C6C; font-size: 16px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list > a > img { height: 18px; margin-right: 5px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list > a > img.off { display: inline-block; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list > a > img.on { display: none; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list > a.on { background-color: #ED1B23; border-color: #ED1B23; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list > a.on > span { color: #FFF; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list > a.on > img.off { display: none; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list > a.on > img.on { display: inline-block; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_list > a:nth-of-type(3n) { margin-right: 0; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con { width: 100%; float: left; margin: 25px 0; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div { width: 100%; float: left; display: none; text-align: center; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div.on { display: block; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div > .img { width: 100%; float: left; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div > .list { width: 100%; float: left; margin-top: 15px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div > .list > p { width: 100%; float: left; margin-top: 10px; height: 25px; line-height: 25px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div > .list > p > .left { float: left; font-size: 15px; font-weight: 600; letter-spacing: -1.2px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div > .list > p > .right { float: right; font-size: 14px; font-weight: 500; color: #7A7A7A; letter-spacing: -0.56px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div > .list > p > .right > b { color: #ED1B23; font-size: 16px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > a { width: 100%; float: left; height: 40px; line-height: 40px; color: #FFF; background-color: #ED1B23; font-size: 20px; font-weight: 600; text-align: center; box-shadow: 0px 4px 2px 0px #00000040; border-radius: 5px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > a > img { height: 16px; margin-right: 5px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box { width: 100%; float: left; text-align: center; border-radius: 10px; margin-bottom: -20px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .name { width: 100%; float: left; margin-top: 10px; font-weight: 300; color: #222; font-size: 13px; margin-bottom: 10px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price { width: 100%; float: left; margin-top: 10px; padding: 0 10px; padding-bottom: 10px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price > p { width: 100%; float: left; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price > p .left { float: left; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price > p .right { float: right; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_month { border-bottom: 1px solid #D9D9D9; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_month span { height: 20px; line-height: 20px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_month .left { font-size: 14px; color: #4E4E4E; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_month .right { font-size: 16px; font-weight: 500; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_info { padding-top: 10px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_info > p { margin-bottom: 5px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_info > p:last-of-type { margin-bottom: 0; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_info span { height: 12px; line-height: 12px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_info .left { font-size: 12px; color: #6C6C6C; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_info .right { font-size: 12px; color: #ED1B23; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_sale { border-top: 1px solid #808080; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_sale span { height: 25px; line-height: 25px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_sale .left { font-size: 14px; color: #000; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_sale .right { font-size: 16px; font-weight: 500; color: #000; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_sale .right > b { font-size: 18px; }
#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con .box > .price_sale > p:nth-of-type(1) span { height: 45px; line-height: 45px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > a { width: 100%; float: left; height: 40px; line-height: 40px; color: #FFF; background-color: #ED1B23; font-size: 20px; font-weight: 600; text-align: center; box-shadow: 0px 4px 2px 0px #00000040; border-radius: 5px; margin-top: 20px; }
#lifeStylePopup .lifeStyleContents > .titleBox > .box > a > img { height: 16px; margin-right: 5px; }
#lifeStylePopup .lifeStyleContents > .img { width: 100%; float: left; padding: 0 16px; padding-top: 30px; }
#lifeStylePopup .lifeStyleContents > .img > img { width: 100%; float: left; margin-bottom: 10px; }
#lifeStylePopup .lifeStyleContents > .table { width: 100%; float: left; padding: 40px 16px; padding-bottom: 10px; }
#lifeStylePopup .lifeStyleContents > .table > .title { width: 100%; float: left; text-align: center; margin-bottom: 25px; }
#lifeStylePopup .lifeStyleContents > .table > .title > p { float: left; color: #000; }
#lifeStylePopup .lifeStyleContents > .table > .title > p.small { width: 100%; font-size: 15px; margin-top: 5px; color: #4D4D4D; }
#lifeStylePopup .lifeStyleContents > .table > .title > p.big { height: 15px; line-height: 7px; font-size: 18px; font-weight: 600; background-color: #FFE500; left: 50%; transform: translateX(-50%); }
#lifeStylePopup .lifeStyleContents > .table > .title02 { width: 100%; float: left; text-align: center; border-top: 2px solid #222; background-color: #F8F8F8; }
#lifeStylePopup .lifeStyleContents > .table > .title02.margin { margin-top: 15px; }
#lifeStylePopup .lifeStyleContents > .table > .title02 > b { display: inline-block; width: 200px; height: 28px; line-height: 28px; background-color: #222; border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; color: #FFF; font-size: 15px; }
#lifeStylePopup .lifeStyleContents > .table > .title02 > b > img { height: 20px; margin-right: 5px; vertical-align: middle; top: -2px; }
#lifeStylePopup .lifeStyleContents > .table > table { width: 100%; float: left; text-align: center; }
#lifeStylePopup .lifeStyleContents > .table > table tr > * { border-bottom: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; padding: 5px; height: 50px; }
#lifeStylePopup .lifeStyleContents > .table > table tr > *:last-child { border-right: 0; }
#lifeStylePopup .lifeStyleContents > .table > table tr > th { background-color: #F8F8F8; color: #222; font-size: 13px; }
#lifeStylePopup .lifeStyleContents > .table > table tr > td { font-size: 14px; color: #222; line-height: 15px; }
#lifeStylePopup .lifeStyleContents > .table > table tr > td > b { color: #E13737; font-weight: 500; }
#lifeStylePopup .lifeStyleContents > .table > .memo { width: 100%; float: left; margin-top: 5px; color: #999; text-align: right; font-weight: 400; font-size: 12px; }
#lifeStylePopup .lifeStyleContents > .table > .noti { width: 100%; height: 30px; line-height: 28px; float: left; margin-top: 5px; color: #6C6C6C; text-align: center; font-weight: 300; font-size: 12px; background-color: #F5F5F5; border: 1px solid #D3D3D3; }
#lifeStylePopup .lifeStyleContents > .table > .type02 { border-top: 2px solid #222; }
#lifeStylePopup .lifeStyleContents > .table > .type02 .bg { background-color: #F8F8F8; }
#lifeStylePopup .lifeStyleContents > .table > .type02 .tbl { text-align: left; }
#lifeStylePopup .lifeStyleContents > .table > .type02 td > i { color: #EC1B23; }
#lifeStylePopup .lifeStyleContents > .for_info > .title { width: 100%; float: left; text-align: center; margin-bottom: 10px; }
#lifeStylePopup .lifeStyleContents > .for_info > .title > b { width: 220px; height: 40px; line-height: 40px; text-align: center; display: inline-block; vertical-align: middle; background-color: #EC1B23; font-size: 15px; color: #FFF; border-radius: 50px; }
#lifeStylePopup .lifeStyleContents > .for_info > p { width: 100%; float: left; margin-top: 5px; line-height: 18px; font-size: 14px; color: #222; padding-left: 10px; }
#lifeStylePopup .lifeStyleContents > .for_info > p > span { position: absolute; width: 4px; height: 4px; border-radius: 100%; background-color: #999; top: 7px; word-break: keep-all; left: 0; }

#csBtnBox { position: fixed; left: 0; bottom: 0; z-index: 10; }
#csBtnBox > div > div { border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; background-color: rgba(0, 0, 0, 0.7); }
#csBtnBox > div > div > .top { width: 100%; height: 30px; float: left; }
#csBtnBox > div > div > .top > p { width: calc(100% - 115px); float: left; line-height: 30px; height: 30px; font-weight: 500; padding-left: 15px; font-size: 14px; color: #FFE500; }
#csBtnBox > div > div > .top > p.center { width: 100%; text-align: center; }
#csBtnBox > div > div > .top > a { float: right; top: 50%; transform: translateY(-50%); margin-right: 15px; height: 16px; }
#csBtnBox > div > div > .top > a > img { height: 100%; }
#csBtnBox > div > div > .bottom { width: 100%; height: 60px; float: left; background: linear-gradient(180deg, #7A7A7A 0%, #252525 54.5%, #000000 99.99%); }
#csBtnBox > div > div > .bottom > a { width: calc(100% / 3); height: 60px; line-height: 60px; float: left; text-align: center; font-weight: 600; font-size: 22px; }
#csBtnBox > div > div > .bottom > a > img.icon { margin-right: 3px; height: 20px; }
#csBtnBox > div > div > .bottom > a:nth-of-type(1) { color: #FFF; }
#csBtnBox > div > div > .bottom > a:nth-of-type(2) { background-color: #FFF; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #E13737; font-weight: 600; font-size: 20px; top: 10px; line-height: 24px; }
#csBtnBox > div > div > .bottom > a:nth-of-type(3) { color: #FFE500; }

#hd { background-color: #FFF; }
#hd .top { width: 100%; height: 60px; line-height: 60px; float: left; padding: 0 16px; }
#hd .top > .logo > img { height: 35px; }
#hd .top > .tel { float: right; line-height: 18px; top: 50%; transform: translateY(-50%); }
#hd .top > .tel > span { color: #696969; font-size: 12px; }
#hd .top > .tel > b { color: #ED1B23; font-size: 22px; }
#hd #nav { width: 100%; float: left; overflow: hidden; padding: 0 16px; background-color: #333; color: #D0D0D0; }
#hd #nav .swiper-button { width: 60px; z-index: 2; color: #999; }
#hd #nav .swiper-button > i { color: #999; font-size: 16px; top: 50%; transform: translateY(-50%); position: absolute; }
#hd #nav .swiper-button-next { background: linear-gradient(270deg, #333333 0%, rgba(255, 255, 255, 0.984375) 0.01%, rgba(51, 51, 51, 0.984375) 0.02%, rgba(51, 51, 51, 0) 76.92%); right: 0; }
#hd #nav .swiper-button-next > i { right: 5px; }
#hd #nav .swiper-button-prev { background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.984375) 0.01%, rgba(51, 51, 51, 0.984375) 0.02%, rgba(51, 51, 51, 0) 76.92%); left: 0; }
#hd nav { width: 100%; height: 50px; line-height: 50px; float: left; }
#hd #nav .swiper-button-prev > i { left: 5px; }
#hd nav > a { font-size: 18px; font-weight: 500; color: #898989; margin: 0 10px; float: left; width: auto; }
#hd nav > a.on { font-weight: 700; color: #FFF; }
#hd nav.pc { text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; background-color: #333; }
#hd nav.pc > a { display: inline-block; float: none; }

.nav_sub { width: 100%; height: 45px; float: left; background-color: #F8F8F8; border-bottom: 1px solid #EAEAEA; text-align: center; display: none; }
.nav_sub.on { display: block; }
.nav_sub > div { float: left; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.nav_sub > div > a { float: left; height: 18px; line-height: 18px; vertical-align: middle; font-weight: 400; font-size: 17px; padding: 0 10px; }
.nav_sub > div > a::after { position: absolute; content: ""; width: 1px; right: 0; top: 50%; transform: translateY(-50%); height: 10px; background-color: #999; }
.nav_sub > div > a.on { font-weight: 700; color: #EC1B23; }
.nav_sub > div > a:first-of-type { margin-left: 0; }
.nav_sub > div > a:last-of-type { margin-right: 0; }
.nav_sub > div > a:last-of-type::after { display: none; }

#nav_sub { width: 100%; height: 45px; float: left; background-color: #F8F8F8; border-bottom: 1px solid #EAEAEA; text-align: center; display: none; }
#nav_sub.on { display: block; }
#nav_sub > div { float: left; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
#nav_sub > div > a { float: left; height: 18px; line-height: 18px; vertical-align: middle; font-weight: 400; font-size: 17px; padding: 0 10px; }
#nav_sub > div > a::after { position: absolute; content: ""; width: 1px; right: 0; top: 50%; transform: translateY(-50%); height: 10px; background-color: #999; }
#nav_sub > div > a.on { font-weight: 700; color: #EC1B23; }
#nav_sub > div > a:first-of-type { margin-left: 0; }
#nav_sub > div > a:last-of-type { margin-right: 0; }
#nav_sub > div > a:last-of-type::after { display: none; }

#ft { background-color: #303030; }
#ft > div > div { padding: 25px 16px; padding-bottom: 110px; }
#ft p { width: 100%; float: left; color: #AEAEAE; font-size: 13px; line-height: 18px; }
#ft p > a { color: #FFF; }
#ft p.copy { text-align: center; margin-top: 15px; }

/* 페이징 */
.sound_only, .msg_sound_only { display: none; }
.pg_wrap {clear:both;float:left;display:inline-block; width: 100%; text-align: center; margin-top: 20px; }
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#FFF;font-size:15px; }
.pg_page {color:#999;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;border:1px solid #EAEAEA;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #FFF;padding:0;border-color:#FFF;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #FFF;padding:0;border-color:#FFF;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #FFF;padding:0;border-color:#FFF;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #FFF;padding:0;border-color:#FFF;}

.pg_current {display:inline-block;background:#FF0000;border:1px solid #FF0000;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:25px;border-radius:3px}

.empty_table { width: 100%; float: left; text-align: center; color: #999; font-weight: 700; font-size: 13px; padding: 16px 0; }

#wrap > div > div { overflow-x: hidden; }

.imgfullBox { width: 100%; float: left; }
.imgfullBox a { width: 100%; float: left; }
.imgfullBox img { width: 100%; float: left; }

.icon_best01 { position: absolute; width: 38px; height: 38px; top: 5px; left: -19px; z-index: 2; background: url("../img/icon_best01.png") no-repeat; background-size: cover; background-position: top; }
.icon_best02 { position: absolute; width: 22px; height: 68px; top: -12px; left: -11px; z-index: 2; background: url("../img/icon_best02.png") no-repeat; background-size: cover; background-position: top; }
.icon_best03 { position: absolute; width: 35px; height: 34px; top: 3px; left: -17px; z-index: 2; background: url("../img/icon_best03.png") no-repeat; background-size: cover; background-position: top; }

.icon_01 { width: 44px; height: 45px; background: url("../img/icon_b01.png") no-repeat; background-size: cover; background-position: top; z-index: 2; position: absolute; }
.icon_01.icon_top { top: -10px; margin-left: -30px; }
.icon_02 { width: 38px; height: 38px; background: url("../img/icon_b02.png") no-repeat; background-size: cover; background-position: top; z-index: 2; position: absolute; }
.icon_02.icon_btm { position: absolute; bottom: -8px; margin-left: -15px; }
.icon_02.icon_top { position: absolute; top: -10px; margin-left: -22px; }
.icon_03 { width: 42px; height: 47px; background: url("../img/icon_b03.png") no-repeat; background-size: cover; background-position: top; z-index: 2; position: absolute; }
.icon_03.icon_top { position: absolute; top: -10px; margin-left: -20px; }
.icon_03.icon_btm { position: absolute; bottom: -15px; margin-left: -15px; }
.icon_04 { width: 22px; height: 68px; background: url("../img/icon_b04.png") no-repeat; background-size: cover; background-position: top; z-index: 2; position: absolute; }
.icon_05 { width: 35px; height: 34px; background: url("../img/icon_b05.png") no-repeat; background-size: cover; background-position: top; z-index: 2; position: absolute; }
.icon_05.icon_top { position: absolute; top: -10px; margin-left: -22px; }
.icon_06 { width: 76px; height: 22px; background: url("../img/icon_b06.png") no-repeat; background-size: cover; background-position: top; z-index: 2; position: absolute; top: -22px; right: 0; }

.mainsc { width: 100%; float: left; padding: 40px 16px; }
.mainsc > .title { width: 100%; float: left; text-align: center; margin-bottom: 25px; }
.mainsc > .title > p { width: 100%; float: left; color: #000; }
.mainsc > .title > p.small { font-size: 15px; margin-bottom: 5px; }
.mainsc > .title > p.big { font-size: 20px; font-weight: 600; letter-spacing:-0.8px; }

#mainSlide { width: 100%; float: left; overflow-x: hidden; }
#mainSlide > ul { width: 100%; float: left; }
#mainSlide > ul > li { width: 100%; float: left; }
#mainSlide > ul > li > img { width: 100%; float: left; }
#mainSlide .swiper-button { width: 20px; background: none; opacity: 0.5 !important; }
#mainSlide .swiper-button > i { color: #FFF; font-size: 30px; top: 50%; transform: translateY(-50%); position: absolute; }
#mainSlide .swiper-button-next { right: 15px; }
#mainSlide .swiper-button-next > i { right: 0; }
#mainSlide .swiper-button-prev { left: 15px; }
#mainSlide .swiper-button-prev > i { left: 0; }
#mainSlide .swiper-pagination { bottom: 2%; }
#mainSlide .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #FFF !important; opacity: 0.5; }
#mainSlide .swiper-pagination-bullet-active { opacity: 1; }

/* 메인배너 스타일 */

#weekdayBannerSwiper { width: 100%; float: left; overflow-x: hidden; }
#weekdayBannerSwiper > ul { width: 100%; float: left; }
#weekdayBannerSwiper > ul > li { width: 100%; float: left; }
#weekdayBannerSwiper > ul > li > img { width: 100%; float: left; }
#weekdayBannerSwiper .swiper-button { width: 20px; background: none; opacity: 0.5 !important; }
#weekdayBannerSwiper .swiper-button > i { color: #FFF; font-size: 30px; top: 50%; transform: translateY(-50%); position: absolute; }
#weekdayBannerSwiper .swiper-button-next { right: 15px; }
#weekdayBannerSwiper .swiper-button-next > i { right: 0; }
#weekdayBannerSwiper .swiper-button-prev { left: 15px; }
#weekdayBannerSwiper .swiper-button-prev > i { left: 0; }
#weekdayBannerSwiper .swiper-pagination { bottom: 2%; }
#weekdayBannerSwiper .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #FFF !important; opacity: 0.5; }
#weekdayBannerSwiper .swiper-pagination-bullet-active { opacity: 1; }


#weekdayNighttimeBannerSwiper { width: 100%; float: left; overflow-x: hidden; }
#weekdayNighttimeBannerSwiper > ul { width: 100%; float: left; }
#weekdayNighttimeBannerSwiper > ul > li { width: 100%; float: left; }
#weekdayNighttimeBannerSwiper > ul > li > img { width: 100%; float: left; }
#weekdayNighttimeBannerSwiper .swiper-button { width: 20px; background: none; opacity: 0.5 !important; }
#weekdayNighttimeBannerSwiper .swiper-button > i { color: #FFF; font-size: 30px; top: 50%; transform: translateY(-50%); position: absolute; }
#weekdayNighttimeBannerSwiper .swiper-button-next { right: 15px; }
#weekdayNighttimeBannerSwiper .swiper-button-next > i { right: 0; }
#weekdayNighttimeBannerSwiper .swiper-button-prev { left: 15px; }
#weekdayNighttimeBannerSwiper .swiper-button-prev > i { left: 0; }
#weekdayNighttimeBannerSwiper .swiper-pagination { bottom: 2%; }
#weekdayNighttimeBannerSwiper .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #FFF !important; opacity: 0.5; }
#weekdayNighttimeBannerSwiper .swiper-pagination-bullet-active { opacity: 1; }




#weekendBannerSwiper { width: 100%; float: left; overflow-x: hidden; }
#weekendBannerSwiper > ul { width: 100%; float: left; }
#weekendBannerSwiper > ul > li { width: 100%; float: left; }
#weekendBannerSwiper > ul > li > img { width: 100%; float: left; }
#weekendBannerSwiper .swiper-button { width: 20px; background: none; opacity: 0.5 !important; }
#weekendBannerSwiper .swiper-button > i { color: #FFF; font-size: 30px; top: 50%; transform: translateY(-50%); position: absolute; }
#weekendBannerSwiper .swiper-button-next { right: 15px; }
#weekendBannerSwiper .swiper-button-next > i { right: 0; }
#weekendBannerSwiper .swiper-button-prev { left: 15px; }
#weekendBannerSwiper .swiper-button-prev > i { left: 0; }
#weekendBannerSwiper .swiper-pagination { bottom: 2%; }
#weekendBannerSwiper .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #FFF !important; opacity: 0.5; }
#weekendBannerSwiper .swiper-pagination-bullet-active { opacity: 1; }


/* 메인배너 스타일 End*/


#mainsc01 { background-color: #383838; padding: 25px 0; }
#mainsc01 > .mainsc01title { width: 100%; float: left; text-align: center; margin-bottom: 20px; }
#mainsc01 > .mainsc01title > b { width: 100%; float: left; font-size: 24px; margin-bottom: 5px; color: #FFD700; }
#mainsc01 > .mainsc01title > span { width: 100%; float: left; font-size: 16px; color: #FFF; }
#mainsc01Slide { width: 100%; float: left; overflow: hidden; padding-top: 10px; }
#mainsc01Slide > ul > li { background-color: #FFF; border-radius: 8px; height: 65px; }
#mainsc01Slide > ul > li > .info { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); }
#mainsc01Slide > ul > li > .info > img { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); }
#mainsc01Slide > ul > li > .info > p { width: 100%; float: left; padding-left: 15px; }
#mainsc01Slide > ul > li > .info > p.small { font-size: 12px; color: #7A7A7A; }
#mainsc01Slide > ul > li > .info > p.big { font-size: 12px; color: #000000; }
#mainsc01Slide > ul > li > .info > p.big > b { font-size: 16px; }

#mainsc01Slide > ul > li.type_sk > .info { width: 215px; padding-left: 45px; }
#mainsc01Slide > ul > li.type_sk > .info > img { width: 43px; }
#mainsc01Slide > ul > li.type_kt > .info { width: 215px; padding-left: 35px; }
#mainsc01Slide > ul > li.type_kt > .info > img { width: 31px; }
#mainsc01Slide > ul > li.type_lg > .info { width: 215px; padding-left: 35px; }
#mainsc01Slide > ul > li.type_lg > .info > img { width: 33px; }

#mainsc01Slide .swiper-button { width: 20px; background: none; opacity: 1 !important; }
#mainsc01Slide .swiper-button > i { color: #717171; font-size: 20px; top: 50%; transform: translateY(-50%); position: absolute; }
#mainsc01Slide .swiper-button-next { right: 50%; margin-right: -35%; margin-top: -18px; }
#mainsc01Slide .swiper-button-next > i { right: 0; }
#mainsc01Slide .swiper-button-prev { left: 50%; margin-left: -35%; margin-top: -18px; }
#mainsc01Slide .swiper-button-prev > i { left: 0; }
#mainsc01Slide .swiper-slide { width: 60%; float: left; transition: opacity 0.5s, transform 0.5s; opacity: 0.5; }
#mainsc01Slide .swiper-slide { transition: transform 0.5s; transform: scale(0.8); }
#mainsc01Slide .swiper-slide-active { opacity: 1; } 
#mainsc01Slide .swiper-slide-active { transform: scale(1); z-index: 2; transform-origin: center; }

#mainsc02 { background-color: #FFC000; }
#mainsc02 ul { width: 100%; float: left; margin-bottom: -10px; }
#mainsc02 ul > li { width: calc(calc(100% - 10px) / 2); float: left; cursor: pointer; margin-bottom: 10px; margin-right: 10px; background-color: #FFF; border-radius: 10px; box-shadow: 6px 6px 10px rgba(77, 77, 77, 0.3); }
#mainsc02 ul > li:nth-of-type(2n) { margin-right: 0; }
#mainsc02 ul > li > .title { width: 100%; float: left; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #ED1B23; color: #FFF; height: 35px; line-height: 35px; padding-left: 15px; }
#mainsc02 ul > li > .title > span { font-size: 16px; font-weight: 600; }
#mainsc02 ul > li > .title > img { position: absolute; right: 5px; top: 50%;transform: translateY(-50%); height: 24px; }
#mainsc02 ul > li > .contents { width: 100%; float: left; padding: 15px; padding-bottom: 50px; }
#mainsc02 ul > li > .contents > img { position: absolute; bottom: 0; right: 10px; width: 105px; }
#mainsc02 ul > li > .contents > p { width: 100%; float: left; line-height: 22px; font-size: 16px; color: #4E4E4E; }
#mainsc02 ul > li > .contents > p > b { font-size: 22px; font-weight: 500; }
#mainsc02 ul > li:nth-of-type(2) > .contents > img { right: -5px; }
#mainsc02 ul > li:nth-of-type(4) > .contents > img { width: 140px; right: -15px; bottom: -35px; }

#mainsc02_02 { background-color: #FFC000; }
#mainsc02_02 ul { width: 100%; float: left; margin-bottom: -20px; }
#mainsc02_02 ul > li { width: 100%; float: left; cursor: pointer; margin-bottom: 20px; border-radius: 10px; box-shadow: 6px 6px 10px rgba(77, 77, 77, 0.3); background: linear-gradient(180deg, #FFFFFF 29%, #E9E7E7 100%); padding: 16px; overflow: hidden; }
#mainsc02_02 ul > li > img { position: absolute; right: 0; bottom: 0; }
#mainsc02_02 ul > li > .title { width: 100%; float: left; color: #000; height: 20px; line-height: 25px; padding-left: 14px; }
#mainsc02_02 ul > li > .title > span { font-size: 20px; font-weight: 600; }
#mainsc02_02 ul > li > .title > img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
#mainsc02_02 ul > li > .contents { width: 100%; float: left; margin-top: 5px; padding-left: 14px; }
#mainsc02_02 ul > li > .contents > p { width: 100%; float: left; line-height: 22px; font-size: 16px; color: #4E4E4E; letter-spacing: -0.3px; }
#mainsc02_02 ul > li > .contents > p > b { font-size: 20px; font-weight: 500; margin-left: 10px; letter-spacing: -0.3px; }
#mainsc02_02 ul > li > .contents > span { float: left; height: 28px; line-height: 28px; border-radius: 50px; padding: 0 16px; color: #FFF; background-color: #ED1B23; margin-top: 10px; font-size: 16px; font-weight: 600; }
#mainsc02_02 ul > li:nth-of-type(1) > img { width: 117px; right: 10px; }
#mainsc02_02 ul > li:nth-of-type(2) > img { width: 132px; }
#mainsc02_02 ul > li:nth-of-type(3) > img { width: 152px; right: 10px; }
#mainsc02_02 ul > li:nth-of-type(4) > img { width: 159px; bottom: -45px; }

#mainsc03 > .box { width: 100%; float: left; padding: 25px 16px; border: 1px solid #EBEBEB; border-radius: 10px; box-shadow: 0px 4px 8px 0px #60617029; }
#mainsc03 > .box > .tab_list { width: 100%; float: left; }
#mainsc03 > .box > .tab_list > a { width: calc(calc(100% - 20px) / 3); float: left; margin-right: 10px; height: 35px; line-height: 33px; border-radius: 5px; text-align: center; border: 1px solid #C2C1C1; }
#mainsc03 > .box > .tab_list > a > span { color: #6C6C6C; font-size: 16px; vertical-align: middle; }
#mainsc03 > .box > .tab_list > a > img { height: 18px; margin-right: 5px; }
#mainsc03 > .box > .tab_list > a > img.off { display: inline-block; }
#mainsc03 > .box > .tab_list > a > img.on { display: none; }
#mainsc03 > .box > .tab_list > a.on { background-color: #ED1B23; border-color: #ED1B23; }
#mainsc03 > .box > .tab_list > a.on > span { color: #FFF; }
#mainsc03 > .box > .tab_list > a.on > img.off { display: none; }
#mainsc03 > .box > .tab_list > a.on > img.on { display: inline-block; }
#mainsc03 > .box > .tab_list > a:nth-of-type(3n) { margin-right: 0; }
#mainsc03 > .box > .tab_con { width: 100%; float: left; margin: 25px 0; }
#mainsc03 > .box > .tab_con > div { width: 100%; float: left; display: none; text-align: center; }
#mainsc03 > .box > .tab_con > div.on { display: block; }
#mainsc03 > .box > .tab_con > div > .img { width: 100%; float: left; }
#mainsc03 > .box > .tab_con > div > .list { width: 100%; float: left; margin-top: 15px; }
#mainsc03 > .box > .tab_con > div > .list > p { width: 100%; float: left; margin-top: 10px; }
#mainsc03 > .box > .tab_con > div > .list > p > .left { float: left; font-size: 15px; font-weight: 700; height: 45px; line-height: 17px; padding-left: 50px; text-align: left; display: inline-block; letter-spacing: -0.08em; }
#mainsc03 > .box > .tab_con > div > .list > p > .left > span { font-size: 12px; font-weight: 700; color: #6C6C6C; margin-top: 12px; display: inline-block; letter-spacing: -0.04em; }
#mainsc03 > .box > .tab_con > div > .list > p > .left > .icon { position: absolute; width: 45px; height: 45px; border-radius: 100%; background-color: #F0F0F0; left: 0; top: 0; margin-top: 0; }
#mainsc03 > .box > .tab_con > div > .list > p > .left > .icon > img { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
#mainsc03 > .box > .tab_con > div > .list > p > .right { position: absolute; right: 0; bottom: 0; font-weight: 700; font-size: 14px; color: #7A7A7A; letter-spacing: -0.04em; }
#mainsc03 > .box > .tab_con > div > .list > p > .right > b { color: #ED1B23; font-size: 16px; letter-spacing: -0.04em; }
#mainsc03 > .box > a { width: 100%; float: left; height: 40px; line-height: 40px; color: #FFF; background-color: #ED1B23; font-size: 20px; font-weight: 600; text-align: center; box-shadow: 0px 4px 2px 0px #00000040; border-radius: 5px; }
#mainsc03 > .box > a > img { height: 16px; margin-right: 5px; }

#main03v { width: 100%; min-width: 360px; left: 50%; transform: translateX(-50%); float: left; overflow: hidden; }
#main03v > .bg { width: 100%; float: left; }
#main03v > .word { position: absolute; width: 48%; top: 30%; left: 11%; }
#main03v > .word > img { width: 100%; float: left; }
#main03v > .word > a { width: 82%; float: right; height: 25px; line-height: 25px; text-align: center; color: #FFF; background-color: #CB1C12; border-radius: 50px; font-size: 18px; font-weight: 600; }
#main03v > .word > a > img { height: 11px; margin-right: 3px; vertical-align: middle; }

#main03vv { background-color: #CB1C12; text-align: center; }
#main03vv > p { width: 100%; color: #000; font-size: 16px; margin-top: 20px; }
#main03vv > a { color: #FFF; font-size: 30px; margin-top: -10px; display: inline-block; margin-bottom: 5px; font-weight: 800; }

#mainsc04 > .box { width: 100%; float: left; padding: 25px 16px; border: 1px solid #EBEBEB; border-radius: 10px; box-shadow: 0px 4px 8px 0px #60617029; }
#mainsc04 > .box > .tab_list { width: 100%; float: left; }
#mainsc04 > .box > .tab_list > a { width: calc(calc(100% - 20px) / 3); float: left; margin-right: 10px; height: 35px; line-height: 33px; border-radius: 5px; text-align: center; border: 1px solid #C2C1C1; }
#mainsc04 > .box > .tab_list > a > span { color: #6C6C6C; font-size: 16px; }
#mainsc04 > .box > .tab_list > a.on { background-color: #ED1B23; border-color: #ED1B23; }
#mainsc04 > .box > .tab_list > a.on > span { color: #FFF; }
#mainsc04 > .box > .tab_list > a.on > img.off { display: none; }
#mainsc04 > .box > .tab_list > a.on > img.on { display: inline-block; }
#mainsc04 > .box > .tab_list > a:nth-of-type(3n) { margin-right: 0; }
#mainsc04 > .box > .tab_con { width: 100%; float: left; margin-top: 20px; }
#mainsc04 > .box > .tab_con > div { width: 100%; float: left; display: none; overflow: hidden; }
#mainsc04 > .box > .tab_con > div.on { display: block; }
#mainsc04 > .box > .tab_con > div > div { width: 100%; float: left; }
#mainsc04 > .box > .tab_con > div > div > ul { width: 100%; float: left; }
#mainsc04 > .box > .tab_con > div > div > ul > li { width: 50%; float: left; }
#mainsc04 > .box > .tab_con > div > div > ul > li > img { width: 100%; float: left; margin-bottom: 10px; }
#mainsc04 > .box > .tab_con > div > div > ul > li > .name { width: 100%; float: left; font-size: 15px; line-height: 18px; margin-bottom: 10px; font-weight: 600; color: #222; }
#mainsc04 > .box > .tab_con > div > div > ul > li > .info { width: 100%; float: left; font-size: 13px; line-height: 18px; color: #222; }
#mainsc04 > .box > .tab_con > div > div > ul > li > .info > b { width: 100%; float: left; }
#mainsc04 > .box > .tab_con > div > div > ul > li > .info > span { width: 100%; float: left; }
#mainsc04 > .box > .tab_con > div > div > ul > li > .info > span > span { color: #EC1B23; }

body.is_scroll #wrap { padding-top: 45px; }
body.is_scroll.is_sub_nav #wrap { padding-top: 100px; }
body.is_scroll #nav, body.is_scroll .nav_sub, body.is_scroll #nav_sub, body.is_scroll nav.pc { position: fixed; z-index: 8; left: 0; }
body.is_scroll #nav { top: 0; }
body.is_scroll nav.pc { top: 0; }
body.is_scroll .nav_sub { top: 45px; }
body.is_scroll #nav_sub { top: 45px; }

#tel_btm01box { width: 100%; height: 110px; float: left; background-color: #CB1C12; margin-top: 20px; }
#tel_btm01box > a { width: 316px; height: 134px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; margin-left: -10px; }
#tel_btm01box > a > img { height: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; }
#tel_btm01box > a > .word { position: absolute; width: 100%; left: 20px; top: 80px; text-align: center; color: #FFF; font-size: 16px; font-weight: 500; padding-left: 70px; height: 35px; line-height: 35px; background-color: #000; border-radius: 50px; }
#tel_btm01box > a > .word > img { height: 16px; margin-right: 3px; vertical-align: middle; }
#tel_btm01box > a > .word > b { font-size: 26px; vertical-align: middle; }
@media (max-width: 360px){
	#tel_btm01box > a { left: 5px; transform: none; margin-left: 0; }
}

#tel_btm02box { width: 100%; float: left; text-align: center; padding: 40px; margin-top: 40px; }
#tel_btm02box > .top { width: 100%; float: left; padding-left: 50px; }
#tel_btm02box > .top > img { position: absolute; left: 0; bottom: 0; z-index: 2; height: 187px; }
#tel_btm02box > .top > p { width: 100%; float: left; padding-left: 50px; font-size: 20px; font-weight: 400; line-height: 24px; }
#tel_btm02box > .top > p > b { font-size: 28px; font-weight: 600; color: #E13737; }
#tel_btm02box > .top > a { display: inline-block; width: 100%; height: 50px; line-height: 50px; border-radius: 50px; color: #FFF; background-color: #DC0B02; font-size: 22px; font-weight: 600; margin-top: 10px; padding-left: 50px; }
#tel_btm02box > .top > a.frmOpenBtn { background-color: #222; }
#tel_btm02box > .bottom { width: 100%; float: left; margin-top: 20px; font-size: 18px; font-weight: 500; line-height: 28px; color: #333; }
#tel_btm02box > .bottom > b { font-weight: 600; }

#tel_btm03box { margin-bottom: 40px; padding-top: 20px; }
#tel_btm03box > div { width: 100%; float: left; border-radius: 5px; background-color: #FFF7AB; padding: 15px 0; }
#tel_btm03box > div > div { width: 100%; float: left; padding-left: 115px; }
#tel_btm03box > div > .top { height: 39px; line-height: 39px; font-size: 16px; font-weight: 600; }
#tel_btm03box > div > .top > img { height: 39px; margin-right: 10px; vertical-align: text-bottom; top: 5px; }
#tel_btm03box > div > .middle { margin-top: 5px; font-size: 13px; font-weight: 400; }
#tel_btm03box > div > .bottom { margin-top: 10px; }
#tel_btm03box > div > .bottom > * { height: 30px; line-height: 30px; float: left; }
#tel_btm03box > div > .bottom > span { font-weight: 700; font-size: 24px; color: #ED1B23; margin-right: 10px; }
#tel_btm03box > div > .bottom > a { width: 80px; text-align: center; color: #FFF; background-color: #ED1B23; border-radius: 3px; font-weight: 600; font-size: 14px; }
#tel_btm03box > div > img { position: absolute; left: 15px; bottom: 0; height: 108px; }

#bo_wrap { width: 100%; float: left; padding: 16px; }
#bo_wrap img { max-width: 100%; }
#bo_title { width: 100%; float: left; font-size: 18px; font-weight: 700; margin-bottom: 20px; text-align: left; margin-top: 20px; height: 20px; line-height: 20px; }
#bo_title > img { margin-right: 10px; float: left; height: 100%; }
#bo_btns { width: 100%; float: left; padding-top: 15px; }
#bo_btns.list { margin-top: 10px; }
#bo_btns > div { width: 100%; float: left; }
#bo_btns > div > * { width: 100%; height: 45px; line-height: 43px; float: left; border-radius: 3px; text-align: center; border: 1px solid #EAEAEA; font-size: 15px; font-weight: 600; }
#bo_btns > div > *.red { background-color: #EC1B23; border-color: #EC1B23; color: #FFF; }
#bo_btns > div > *.gray { background-color: #999; border-color: #999; color: #FFF; }
#bo_btns > div > *.gray2 { background-color: #4A4A4A; border-color: #4A4A4A; color: #FFF; }
#bo_btns.cnt3 > div > * { width: calc(calc(100% - 10px) / 3); margin-right: 5px; }
#bo_btns.cnt3 > div > *:nth-child(3n) { margin-right: 0; }
#bo_sch { width: 100%; float: left; margin-bottom: 20px; }
#bo_sch > input { width: calc(100% - 105px); height: 40px; float: left; padding: 0 55px 0 15px; border: 1px solid #EAEAEA; border-radius: 6px; }
#bo_sch > select { width: 100px; margin-right: 5px; height: 40px; float: left; border: 1px solid #EAEAEA; border-radius: 6px; padding-left: 15px; }
#bo_sch > button { position: absolute; z-index: 2; right: 15px; top: 50%; transform: translateY(-50%); font-size: 20px; color: #BABFC5; margin-top: -1px; }
#bo_sch.onlytxt > input { width: 100%; }
#bo_cate { width: 100%; float: left; overflow: hidden; padding: 0 30px; margin-bottom: 10px; }
#bo_cate .swiper-button { width: 60px; z-index: 2; }
#bo_cate .swiper-button > i { color: #999; font-size: 13px; top: 50%; transform: translateY(-50%); position: absolute; }
#bo_cate .swiper-button-next { background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.984375) 0.01%, rgba(255, 255, 255, 0.984375) 0.02%, rgba(255, 255, 255, 0.984375) 32.05%, rgba(255, 255, 255, 0) 76.92%); right: 0; }
#bo_cate .swiper-button-next > i { right: 5px; }
#bo_cate .swiper-button-prev { background: linear-gradient(-270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.984375) 0.01%, rgba(255, 255, 255, 0.984375) 0.02%, rgba(255, 255, 255, 0.984375) 32.05%, rgba(255, 255, 255, 0) 76.92%); left: 0; }
#bo_cate .swiper-button-prev > i { left: 5px; }
#bo_cate { width: 100%; height: 25px; line-height: 25px; float: left; }
#bo_cate li { font-size: 13px; font-weight: 400; color: #999; padding-left: 10px; margin-right: 10px; float: left; width: auto; }
#bo_cate li::after { position: absolute; content: ""; right: -10px; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background-color: #999; }
#bo_cate li:first-of-type { padding-left: 0; }
#bo_cate li:last-of-type { margin-right: 0; }
#bo_cate li:last-of-type::after { display: none; }
#bo_cate #bo_cate_on { font-weight: 600; color: #EC1B23; }
#bo_list { border-top: 2px solid #EC1B23 !important; }
#bo_w { border-top: 2px solid #EC1B23 !important; }
#bo_v { border-top: 2px solid #EC1B23 !important; }

#privacyPopup { overflow: hidden; display: none; }
#privacyPopup > div { height: var(--app-height); }
#privacyPopup > div > div { height: var(--app-height); padding: 0 16px; overflow: hidden; }
#privacyPopup > div > div > .box { height: calc(var(--app-height) - 150px); top: 50%; transform: translateY(-50%); margin-top: -30px; }
#privacyPopup .contents { height: calc(100% - 100px); overflow-y: auto; overflow-x: hidden; padding: 16px; }
#privacyPopup ul { width: 100%; float: left; }
#privacyPopup ul > li { width: 100%; float: left; margin-bottom: 10px; }
#privacyPopup ul > li:last-of-type { margin-bottom: 0; }
#privacyPopup ul > li > .title { width: 100%; float: left; padding-bottom: 10px; border-bottom: 1px solid #EAEAEA; font-size: 15px; font-weight: 700; color: #EC1B23; }
#privacyPopup ul > li > .con { width: 100%; float: left; margin-top: 10px; padding-bottom: 15px; }
#privacyPopup ul > li:last-of-type > .con { padding-bottom: 0; }
#privacyPopup ul > li > .con > p { width: 100%; float: left; font-size: 13px; line-height: 20px; }
#privacyPopup ul > li > .con > p.tit { margin-top: 25px; margin-bottom: 10px; font-weight: 600; }
#privacyPopup ul > li > .con > table { width: 100%; float: left; border-top: 1px solid #222; }
#privacyPopup ul > li > .con > table tr > * { border-bottom: 1px solid #EAEAEA; font-size: 13px; line-height: 20px; text-align: left; padding: 10px; }
#privacyPopup ul > li > .con > table tr > th { width: 100px; text-align: center; background-color: #F8F8F8; font-weight: 400; }

#frmPopup { display: none; }
#frmPopup .chk_box { float: left; height: 24px; line-height: 24px; }
#frmPopup .chk_box > input { display: none; }
#frmPopup .chk_box > b { display: inline-block; vertical-align: middle; border: 1px solid #EAEAEA; border-radius: 3px; width: 16px; height: 16px; margin-right: 5px; }
#frmPopup .chk_box > b::after { content: "\f00c"; font-weight: 900; font-family: "Font Awesome 6 Free"; font-size: 13px; color: #BDBDBD; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
#frmPopup .chk_box > input:checked + b { background-color: #EC1B23; border-color: #EC1B23; }
#frmPopup .chk_box > input:checked + b::after { color: #FFF; }
#frmPopup .chk_box > span { font-size: 15px; color: #222; display: inline-block; vertical-align: middle; }
#frmPopup .chk_box > span > span { color: #EC1B23; }
#frmPopup > div { height: var(--app-height); }
#frmPopup > div > div { height: var(--app-height); }
#frmPopup .box { position: absolute; width: 100%; left: 0; bottom: 0; border-radius: 20px; background-color: #FFF; padding: 30px 16px; padding-bottom: 110px; }
#frmPopup .box > form { width: 100%; float: left; }
#frmPopup .box > form > .frm_title { width: 100%; float: left; margin-bottom: 10px; }
#frmPopup .box > form > .frm_title > p { width: 100%; float: left; }
#frmPopup .box > form > .frm_title > p.big { font-size: 22px; font-weight: 600; margin-bottom: 5px; }
#frmPopup .box > form > .frm_title > p.small { font-size: 15px; font-weight: 500; color: #999; }
#frmPopup .box > form > .frm_title > .closeBtn { position: absolute; z-index: 2; right: 0; top: 0; }
#frmPopup .box > form > .frm_box { width: 100%; float: left; }
#frmPopup .box > form > .frm_box > .frm_input { width: calc(calc(100% - 5px) / 2); float: left; height: 40px; line-height: 38px; padding: 0 15px; border-radius: 6px; border: 1px solid #EAEAEA; font-size: 15px; margin-right: 5px; margin-bottom: 5px; }
#frmPopup .box > form > .frm_box > .frm_input:nth-child(2n) { margin-right: 0; }
#frmPopup .box > form > .privacyOpenBtn { float: left; margin-left: 10px; height: 24px; font-size: 15px; color: #999; }
#frmPopup .box > form > .submitBtn { width: 100%; height: 45px; float: left; border-radius: 5px; background-color: #EC1B23; color: #FFF; font-size: 20px; font-weight: 600; margin-top: 20px; box-shadow: 0px 4px 2px 0px #00000040; }
#frmPopup .box > form > .submitBtn > img { height: 20px; margin-right: 5px; }

#mainEventPopup > div > div > .box > .contents { max-height: calc(100vh - 250px); overflow-y: auto; }

#sub_page { width: 100%; float: left; }
#sub_page > div { width: 100%; float: left; }
#sub_page > .titleBox { background-color: #EEEDED; padding: 16px; }
#sub_page > .titleBox > .noti { width: 100%; float: left; text-align: center; font-size: 12px; color: #6C6C6C; }
#sub_page > .titleBox > .box { width: 100%; float: left; text-align: center; border-radius: 10px; border: 2px solid #FF0101; padding: 16px; margin-bottom: 10px; background-color: #FFF; box-shadow: 0px 2px 2px 0px #00000040; }
#sub_page > .titleBox > .box > .title { width: 220px; height: 35px; line-height: 35px; float: left; left: 50%; transform: translateX(-50%); border-radius: 30px; color: #FFF; font-weight: 700; background-color: #222; font-size: 15px; }
#sub_page > .titleBox > .box > .title > img { margin-right: 5px; }
#sub_page > .titleBox > .box > .title_img { width: 100%; float: left; margin: 25px 0; }
#sub_page > .titleBox > .box > .name { width: 100%; float: left; font-weight: 300; color: #222; font-size: 15px; margin-bottom: 10px; }
#sub_page > .titleBox > .box > .price { width: 100%; float: left; margin-top: 10px; padding: 0 10px; padding-bottom: 10px; }
#sub_page > .titleBox > .box > .price > p { width: 100%; float: left; }
#sub_page > .titleBox > .box > .price > p .left { float: left; }
#sub_page > .titleBox > .box > .price > p .right { float: right; }
#sub_page > .titleBox > .box > .price_month { border-bottom: 1px solid #D9D9D9; }
#sub_page > .titleBox > .box > .price_month span { height: 20px; line-height: 20px; }
#sub_page > .titleBox > .box > .price_month .left { font-size: 14px; color: #4E4E4E; }
#sub_page > .titleBox > .box > .price_month .right { font-size: 16px; font-weight: 500; }
#sub_page > .titleBox > .box > .price_info { padding-top: 10px; }
#sub_page > .titleBox > .box > .price_info > p { margin-bottom: 5px; }
#sub_page > .titleBox > .box > .price_info > p:last-of-type { margin-bottom: 0; }
#sub_page > .titleBox > .box > .price_info span { height: 12px; line-height: 12px; }
#sub_page > .titleBox > .box > .price_info .left { font-size: 12px; color: #6C6C6C; }
#sub_page > .titleBox > .box > .price_info .right { font-size: 12px; color: #ED1B23; }
#sub_page > .titleBox > .box > .price_sale { border-top: 1px solid #808080; }
#sub_page > .titleBox > .box > .price_sale span { height: 25px; line-height: 25px; }
#sub_page > .titleBox > .box > .price_sale .left { font-size: 14px; color: #000; }
#sub_page > .titleBox > .box > .price_sale .right { font-size: 16px; font-weight: 500; color: #000; }
#sub_page > .titleBox > .box > .price_sale .right > b { font-size: 18px; }
#sub_page > .titleBox > .box > .price_sale .right > img { position: absolute; width: 100%; top: 21px; right: 0; }
#sub_page > .titleBox > .box > .price_sale > p:nth-of-type(1) span { height: 45px; line-height: 45px; }
#sub_page > .titleBox > .box > .price_sale > p:nth-of-type(2) .left { color: #FF0101; font-weight: 700; }
#sub_page > .titleBox > .box > .price_sale > p:nth-of-type(2) .right > b { color: #FF0101; }
#sub_page > .titleBox > .box > a { width: 100%; float: left; height: 40px; line-height: 40px; color: #FFF; background-color: #ED1B23; font-size: 20px; font-weight: 600; text-align: center; box-shadow: 0px 4px 2px 0px #00000040; border-radius: 5px; margin-top: 20px; }
#sub_page > .titleBox > .box > a > img { height: 16px; margin-right: 5px; }
#sub_page > .imgfullBox { margin-top: 20px; }

#sub_page .priceBox { margin-top: 30px; padding: 0 16px; width: 100%; float: left; }
#sub_page .priceBox > .title { width: 100%; float: left; padding-bottom: 5px; border-bottom: 2px solid #EC1B23; }
#sub_page .priceBox > .title > .left { float: left; font-size: 18px; font-weight: 700; }
#sub_page .priceBox > .title > .right { float: right; font-size: 13px; font-weight: 400; color: #999; top: 4px; }
#sub_page .priceBox > .title > .right > i { font-size: 16px; }
#sub_page .priceBox > .title > .right > i.on { color: #EC1B23; display: none; }
#sub_page .priceBox > .title > .right > i.off { color: #EC1B23; display: block; }
#sub_page .priceBox > .title.titleBtn { cursor: pointer; }
#sub_page .priceBox > table { width: 100%; float: left; }
#sub_page .priceBox > table tr > * { height: 35px; border-right: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; text-align: center; line-height: 18px; padding: 10px 0; }
#sub_page .priceBox > table tr > *:last-child { border-right: 0; }
#sub_page .priceBox > table tr > *.line { border-right: 1px solid #EAEAEA; }
#sub_page .priceBox > table tr > * > img { max-width: 130px; }
#sub_page .priceBox > table tr > th { font-weight: 700; font-size: 15px; background-color: #F8F8F8; }
#sub_page .priceBox > table tr.height > * { height: 75px; }
#sub_page .priceBox > table tr > td { font-weight: 400; font-size: 15px; line-height: 22px; }
#sub_page .priceBox > table tr > td.bg { background-color: #F8F8F8; }
#sub_page .priceBox > table tr > td.red { color: #E13737; }
#sub_page .priceBox > table tr > td > i { font-size: 15px; }
#sub_page .priceBox > table tr > .tal { text-align: left; padding-left: 5px; }
#sub_page .priceBox > .noti { width: 100%; height: 30px; line-height: 28px; float: left; margin-top: 5px; color: #6C6C6C; text-align: center; font-weight: 300; font-size: 12px; background-color: #F5F5F5; border: 1px solid #D3D3D3; }
#sub_page .priceBox > ul { width: 100%; float: left; padding: 15px 10px; padding-left: 25px; background-color: #F8F8F8; display: none; }
#sub_page .priceBox > ul > li:first-of-type { margin-top: 0; }
#sub_page .priceBox > ul > li { width: 100%; float: left; color: #999; text-align: left; font-size: 13px; line-height: 16px; margin-top: 3px; list-style: disc; }
#sub_page .priceBox.on > .title > .right > i.on { display: block; }
#sub_page .priceBox.on > .title > .right > i.off { display: none; }
#sub_page .priceBox.on > ul { display: block; }
#sub_page .priceBox > .memo.type2 { background-color: #FFF; padding-left: 15px; display: block; }
#sub_page .priceBox > .memo.type2 > li { color: #6C6C6C; line-height: 18px; list-style: none; font-weight: 600; padding-left: 15px; }
#sub_page .priceBox > .memo.type2 > li > span { color: #6C6C6C; font-weight: 300; }
#sub_page .priceBox > .memo.type2 > li::before { content: "※"; position: absolute; left: 0; top: 0; }
#sub_page .priceBox .priceType { width: 100%; float: left; }
#sub_page .priceBox .priceType > span { width: 50%; height: 35px; line-height: 33px; float: left; background-color: #F8F8F8; color: #222; border: 1px solid #EAEAEA; text-align: center; font-size: 14px; font-weight: 600; cursor: pointer; }
#sub_page .priceBox .priceType > span.on { color: #FFF; background-color: #EC1B23; border-color: #EC1B23; }
#sub_page .priceBox .priceType > span:nth-of-type(1) { border-top-left-radius: 12px; }
#sub_page .priceBox .priceType > span:nth-of-type(2) { border-bottom-right-radius: 12px; }
#sub_page .priceBox > .priceType { margin-top: -40px; margin-bottom: 10px; }
#sub_page .priceBox > .priceType + table { border-top: 2px solid #222; }
#sub_page .priceBox > .title .priceType { margin-top: 10px; }
#sub_page .priceBox > .visual { width: 100%; float: left; text-align: center; margin-bottom: 50px; margin-top: 30px; }
#sub_page .priceBox > .visual > p { width: 100%; float: left; }
#sub_page .priceBox > .visual > p > b { float: left; height: 15px; line-height: 0; padding: 0 15px; background: #FFE500B5; font-size: 20px; color: #000; font-weight: 700; margin-bottom: 15px; transform: translateX(-50%); left: 50%; }

#sub_page > .tab_nav { width: 100%; float: left; margin-top: 40px; border-bottom: 2px solid #ED1B23; padding: 0 16px; }
#sub_page > .tab_nav > a { width: calc(calc(100% - 4px) / 3); margin-right: 2px; float: left; height: 40px; line-height: 39px; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid #C4C4C4; text-align: center; font-weight: 500; color: #4D4D4D; font-size: 14px; border-bottom: 0; }
#sub_page > .tab_nav > a:nth-of-type(3n) { margin-right: 0; }
#sub_page > .tab_nav.cnt02 > a { width: calc(calc(100% - 5px) / 2); }
#sub_page > .tab_nav.cnt02 > a:nth-of-type(2n) { margin-right: 0; }
#sub_page > .tab_nav > a.on { color: #FFF; background-color: #ED1B23; border-color: #ED1B23; font-weight: 700; }
#sub_page > .tab_con { width: 100%; float: left; }
#sub_page > .tab_con > div { width: 100%; float: left; display: none; }
#sub_page > .tab_con > div.on { display: block; }

#sub_page.kt_box .priceBox > table tr > th { background-color: #FEF5F6; }
#sub_page.kt_box .priceBox > .title { border-color: #ED1B23; }

#sub_page.sk_box .priceBox > table tr > th { background-color: #FDF1E9; }
#sub_page.sk_box .priceBox > .title { border-color: #EE7623; }
#sub_page.sk_box .priceBox > .title > .right > i { color: #EE7623; }
#sub_page.sk_box > .titleBox > .box { border-color: #EE7623; }
#sub_page.sk_box > .titleBox > .box > a { background-color: #EE7623; }
#sub_page.sk_box > .titleBox > .box > .title > img { top: -10px; }

#sub_page.lg_box .priceBox > table tr > th { background-color: #FEF0F8; }
#sub_page.lg_box .priceBox > .title { border-color: #E0007C; }
#sub_page.lg_box .priceBox > .title > .right > i { color: #E0007C; }
#sub_page.lg_box > .titleBox > .box { border-color: #E0007C; }
#sub_page.lg_box > .titleBox > .box > a { background-color: #E0007C; }

@media (max-width: 600px){
	.commonBox > div { width: 100%; float: left; }
}

@media (max-width: 340px){
	#mainsc03 > .box > .tab_con > div > .list > p > .left { font-size: 14px; }
	#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div > .list > p > .left { font-size: 14px; }
	#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div > .list > p > .right { font-size: 13px; }
	#lifeStylePopup .lifeStyleContents > .subTabBoxWrap > .box > .tab_con > div > .list > p > .right > b { font-size: 15px; }
}



/* 모달팝업 */

.modal {
	display: none; 
	position: fixed; 
	z-index: 1000; /* Ensure the modal is on top of other elements */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden; 
	background-color: rgba(0,0,0,0.4); /* Semi-transparent background */
}

.modal-content {
	position: absolute;
	background-color: transparent; /* Make the background of modal-content transparent */
	margin: auto;
	padding: 0;
	border: none; /* Remove any border */
	width: 80%;
	max-width: 600px;
	height: auto;
	top: 10%; /* Start at 10% from the top of the viewport */
	left: 50%;
	transform: translate(-50%, -100%); /* Start off-screen */
	animation: slideIn 0.5s forwards, fadeIn 0.5s forwards; /* Apply slide and fade animations */
	text-align: center;
}

#popup-image {
	width: 100%;
	height: auto;
	object-fit: cover;
	cursor: pointer;
	border: none;
	outline: none; /* Remove default outline on focus */
}

@media (max-width: 600px) {
	.modal-content {
		width: 90%;
		height: auto;
	}
}

/* Define the slide-in animation */
@keyframes slideIn {
	0% {
		transform: translate(-50%, -100%); /* Start from above the viewport */
	}
	100% {
		transform: translate(-50%, -10%); /* End at 10% from the top of the viewport */
	}
}

/* Define the fade-in animation */
@keyframes fadeIn {
	0% {
		opacity: 0; /* Start from transparent */
	}
	100% {
		opacity: 1; /* End at fully opaque */
	}
}
/* 모달팝업END */