@import url('https://fonts.googleapis.com/css2?family=Handlee&family=Nanum+Gothic&family=Noto+Sans+KR:wght@100..900&display=swap');


:root{
	--main-color:#ffcc4a;
	--font-grey:#888;
	--light-grey:#eaeaea;
	--border-grey:#d1d1d1;
	--red:#d80003
}

html, body, div, ul, li, ol, p, h1, h2, h3, h4, h5, h6, header, nav, main, footer, a, th, td, button{font-family: "Noto Sans KR", sans-serif; font-size:14px; color:#202020; box-sizing: border-box; margin:0; padding:0;}

html{min-width:1260px;}

body{height:auto; font-smoothing: antialiased; -webkit-font-smoothing: antialiased;}
.clearfix{clear:both; overflow:hidden;}
.wrap1260{width:1260px; margin:0 auto;}
.center_alignment{margin:40px auto;}/* Àüü ¸®´º¾ó Àü¿¡ ¸ÞÀÎ ¸®´º¾ó½Ã top ¿µÇâÀ¸·Î ±úÁö´Â Áß¾ÓÁ¤·ÄÀ» Àâ´Â class */

:is(header, main, footer) is(ul, li, div, p){box-sizing: border-box; text-decoration:none; font-size:14px;}
:is(header, main, footer) img{border:0; background:none;}
:is(header, main, footer) a{font-family: "Noto Sans KR", sans-serif; color:inherit; font-size:inherit;}
:is(header, main, footer) a:hover{color:inherit;}


.top_banner{height:40px; background:#0f1586; text-align:center; color:#fff;}
.top_banner a{display:inline-block; height:100%; line-height:40px; width:100%;  font-size:16px; font-weight:700;}
.top_banner:hover{background:#ffcc4a;}
.top_banner img{padding-top: 14px;}

.top_convernience{height:30px;}
.top_convernience ul{height:30px; float:left;}
.top_convernience ul:last-child{float:right}
.top_convernience ul li{float:left; line-height:30px;}
.top_convernience ul li a{display:inline-block; height:100%; padding:0 7px; font-size:12px; color:#888; vertical-align: top;}

.top_num{width:200px; padding-top:54px; float:left;}
.top_num li{color:var(--font-grey);}
.top_num li:last-child{font-size:30px; font-weight:700; line-height:1; margin-top:4px;color:var(--red);}

.logo_elle{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

form[name="sch"]{float:right; padding-top:75px;}
form[name="sch"] fieldset{border-bottom:1px solid #000;}
form[name="sch"] fieldset #Search.bar{border:none; height:25px; outline:none;}

.gnbLine{height: 60px; border-bottom:1px solid var(--main-color); transition:all 0.5s; 
	position:sticky; top:0; left:0; z-index:100000;
	backdrop-filter: saturate(180%) blur(20px);
	background-color: rgba(255, 255, 255, 0.8);

	box-shadow: 0px 4px 4px -1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 4px 4px -1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 4px 4px -1px rgba(0,0,0,0.1);
}
.gnbLine:hover{background:#fff;}
.gnbLine.gnbLine_on{height:auto; background:#fff;}

.gnb_home{display:inline-block; height:59px; width:110px; float:left; text-align:center; margin-right:10px; padding-top:16px;}
.gnb_home img{width:110px;}
.gnbLine .gnb_elle{height:60px; float:left;}
:nth-child(2 of .gnb_elle){float:right;}
.gnbLine .gnb_elle li{float:left;}
.gnbLine .gnb_elle li a{display:block; padding:0 9px; height:100%; line-height:60px; font-weight:700; font-size:16px;}
.gnbLine .gnb_elle li:first-child a{padding-left:0;}
.gnbLine .gnb_elle li a:hover{color:var(--main-color);}



.gnb_Btn{float:right; width:32px; height:32px; border-radius:50%; border:1px solid var(--border-grey); margin-top:12px; position: relative; cursor:pointer; background:#fff;
	box-shadow: 1px 4px 4px -1px rgba(0,0,0,0.1);
	-webkit-box-shadow:1px 4px 4px -1px rgba(0,0,0,0.1);
	-moz-box-shadow:1px 4px 4px -1px rgba(0,0,0,0.1);
}

.gnb_Btn span{display: inline-block; width:16px; height:2px; background:var(--main-color); transition: all .4s; box-sizing: border-box; width:12px;
	position: absolute; left:50%; transform:translateX(-50%);}


.gnb_Btn span:nth-of-type(1) {
  -webkit-transform: translateX(-2px) translateY (6px) rotate (-45deg);
  transform: translateX(-2px) rotate(-45deg); top: 14px
}
.gnb_Btn span:nth-of-type(2) {
  -webkit-transform: translateX(-10px) translateY(-4px) rotate(45deg);
  transform: translateX(-10px) rotate(45deg); top: 14px
}


.gnb_Btn_on span:nth-of-type(1) {
  -webkit-transform: translateX(-2px) translateY (6px) rotate (-45deg);
  transform: translateX(-2px) rotate(45deg);
}
.gnb_Btn_on span:nth-of-type(2) {
  -webkit-transform: translateX(-10px) translateY(-4px) rotate(45deg);
  transform: translateX(-10px) rotate(-45deg);
}
.gnb_event{position:relative;}
.gnb_event .gnb_submenu{display:none; position:absolute; top:60px; left:50%; transform:translateX(-50%); background:#202020; transition: .3s all; z-index:1000000;
	border: 1px solid var(--main-color); border-radius:8px; overflow:hidden; width:180px; padding:5px 0;
	backdrop-filter: saturate(180%) blur(20px);
    box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 4px -1px rgba(0,0,0,0.1);
}
.gnb_event:hover .gnb_submenu{display:block;}
.gnb_event .gnb_submenu li{height:40px; line-height:40px; text-align:center; width:100%;}
.gnb_event .gnb_submenu li a{display:block; padding:0 !important; line-height:40px; width:100%;}

/* quick Äü¸Þ´º */
.top_quick{position:fixed; top:280px; z-index:999; width:85px;}

.quick_customer{width:110px; height:80px; border:1px solid var(--border-grey); background:var(--light-grey); margin-top:5px;
	border-radius:5px; padding:14px 0;}
.quick_customer div{float:left; width:50%; text-align:center;}
.quick_customer div span{font-size:10px; display:block; margin-top:5px; font-weight:600; color:#555;}
.quick_customer div:hover span{color:#202020;}

.top_quick ul.recently_view li{border-radius:50%; border: 1px solid var(--border-grey); width:85px; height:85px; overflow:hidden; margin:5px 0; transition:all .3s;}
.top_quick ul.recently_view li:hover{border: 1px solid var(--main-color);}
.top_quick ul.recently_view li img{width:84px; height:84px; transition:all .3s;}
.top_quick ul.recently_view li:hover img{transform:scale(1.1);}
.top_quick ul.recently_view_v2{width:110px; border:1px solid var(--border-grey); border-radius:5px; margin:5px 0; padding: 10px 0;
	background:#fff;}
.top_quick ul.recently_view_v2 li{width:85px; margin:5px auto;}
.top_quick ul.recently_view_v2 .recent_title{font-size:13px; font-weight:700; text-align:center; margin-bottom:10px; color:#555;
	letter-spacing:-1px;}

.top_quick ul.quick_consult{height:52px; margin-top:5px;}
.top_quick ul.quick_consult li{background:#ffe100; width:40px; height:52px; float:left; margin-right:5px;}
.top_quick ul.quick_consult li:last-child{background:#39ad40; margin-right:0;}
.top_quick ul.quick_consult li span span{font-size:10px; display:block; margin-top:-5px;}

.submenu_wrap{opacity:0; transition:all .5s; display:none; height:0px;}
.submenu_wrap.on{opacity:1; display:block; height:132px;}
.submenu_elle{padding-top:15px; overflow:hidden;}
.submenu_elle li{width:140px; height:100px; background:#f0f0f0; float:left; margin-right:20px; border-radius: 10px; position:relative; overflow:hidden; transition:all .3s;}
.submenu_elle li:last-child{margin-right:0px;}
.submenu_elle li a{display:block; width:100%; height:100%; text-align: right;}
.submenu_elle li a span{position:absolute; top:10px; right:10px; font-weight:700;}
.submenu_elle li a img{position:absolute;bottom:0px; left:0px;}
.submenu_elle li:hover span{color:#000;}
.submenu_elle li:hover{background:#fceec9;}

.main_purpose{margin-top:40px; height:150px;}
.main_purpose li{width:140px; height:120px; background:#f0f0f0; float:left; margin-right:20px; border-radius: 10px; position:relative; transition:all .3s;}
.main_purpose li:last-child{margin-right:0px;}
.main_purpose li:hover{background:#fceec9;}
.main_purpose li a{display:block; width:100%; height:100%; text-align:right;}
.main_purpose li a span{position:absolute; top:10px; right:10px; font-weight:700;}
.main_purpose li a img{position:absolute; bottom:0; left:0;}

h1.main_title{font-size:24px; font-weight:700; margin-bottom:20px;}
h1.main_title small{font-size:16px; font-weight:400; color:#aeaeae;}



/* swiper slide ---------------------------------------------------------------------------------*/
/* mainBanner */
.mainBanner{margin-top:25px;}
.mainBanner .swiper-slide { width:840px; height:400px;
  text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;
  border-radius:18px; overflow:hidden;
}
.mainBanner .swiper-slide img {width:840px; height:400px;
  display: block; object-fit: cover;
}
.mainBanner :is(.swiper-button-prev, .swiper-button-next){width:50px; height:50px; background:#fff; border-radius:50%;}
.mainBanner :is(.swiper-button-prev, .swiper-button-next):after{font-size: 16px; color: #000; font-weight: bolder;}
.mainBanner :is(.swiper-button-prev, .swiper-button-next):hover{box-shadow: 1px 2px 3px 3px rgba(0,0,0,0.1);}
.mainBanner :is(.swiper-button-prev, .swiper-button-next):hover:after{color:#ffcc4a;}
.mainBanner .swiper-button-prev{left:50%; transform:translateX(-450px);}
.mainBanner .swiper-button-next{right:50%; transform:translateX(450px);}

/* Recommended Ãßõ»óÇ°*/
.Recommended .swiper-slide{width:300px !important; height:380px !important; background: #fff; }
.avg_img {display: block; width: 300px; height: 300px;}
.Recommended :is(.swiper-button-prev, .swiper-button-next):after{font-size: 16px; color: #fff; font-weight: bold;}
.Recommended [class^="swiper-button"]{background:#202020; width:50px; height:50px;
	border-radius:50%;}
.Recommended .swiper-button-prev{left:50%; transform:translateX(-630px);}
.Recommended .swiper-button-next{right:50%; transform:translateX(630px);}

.pd_name{font-size:16px; padding:15px 0 10px; font-weight:700; border-bottom:1px solid var(--light-grey)}
.main_pd_txt{margin-top:10px; color:var(--font-grey); word-break: break-all; line-height: 20px;}
.pd_price{font-size:14px; color:var(--font-grey); text-decoration:line-through; text-decoration-color:currentColor; margin-right:15px;}
.price_sale{font-size:16px; color:var(--red); font-weight:700; margin-top:10px;}

.icon_box{margin-bottom:5px;}
.icon_box img{margin-left:2px; vertical-align:bottom;}
/* .Recommended .pd_name{border-bottom:1px solid var(--light-grey);} */
/* .Recommended ul li:last-child{margin-top:10px;} */

.main_wreath_twin{width:625px; height:420px; float:left; overflow:hidden;
	background:  290px 0px url("/images/renew/twin_ban01.png"), linear-gradient(#fff 26px, #ffe7e7 26px);
	background-repeat: no-repeat, no-repeat;
}

.main_wreath_twin:last-child{ float:right;
	background:  38px 0px url("/images/renew/twin_ban02.png"), linear-gradient(#fff 26px, #ededed 26px);
	background-repeat: no-repeat, no-repeat;
	}
.main_wreath_twin a{display:block; width:625px;; height:420px; padding:50px;}
.main_wreath_twin h3{font-size:24px; font-weight:700; margin:90px 0 40px;}
.main_wreath_twin p{font-size:16px; color:#888; line-height: 1.8; margin-bottom:100px;}
.main_wreath_twin:nth-child(2){text-align:right;}

.cate_title{height:100px; line-height:100px; font-size:24px; margin-top:20px;}
.cate_title a{display:block; width:100%; height:100%; padding:0 40px;}
.cate_title a img{float:right; margin-top:50px;}

.main_cate_wrap{width:1260px; height:930px; position:relative; background:#fafafa; border:1px solid var(--light-grey); border-top:none;}
.main_cate_wrap ul{width:300px; position:absolute;}
.main_cate_wrap ul.cate_main_img{left:50%; top:50%; transform:translate(-50%,-50%); width:400px;}
.main_cate_wrap ul.cate_main_img :is(.pd_name, .price_sale){font-size:18px;}
.main_cate_wrap ul.cate_main_img .pd_price{font-size:16px;}
.img400{width:400px; height:400px;}
.main_cate_wrap ul:nth-child(2){left:50px; top:50px;}
.main_cate_wrap ul:nth-child(3){left:50px; top:480px;}
.main_cate_wrap ul:nth-child(4){right:50px; top:50px;}
.main_cate_wrap ul:nth-child(5){right:50px; top:480px;}
.main_cate_wrap ul li{overflow:hidden;}
.main_cate_wrap ul li:nth-of-type(1){border:1px solid var(--light-grey); }
.main_cate_wrap ul li:nth-of-type(1) img{transition: all .4s;}
.main_cate_wrap ul:hover li:nth-of-type(1){border:1px solid var(--main-color);}
.main_cate_wrap ul:hover li:nth-of-type(1) img{transform:scale(1.08);}

.main_cate div:nth-of-type(3) .cate_title a, .main_cate div:nth-of-type(4) .cate_title a{color:#fff;}

.main_orchid{width:620px; float:left;}
.main_orchid .cate_title{color:#000; margin-bottom:5px;}

.main_orchid .avg_img a{display:block; width:300px; height:300px; float:left;}
.main_orchid .main_pd{height:300px; overflow:hidden;}
.main_orchid .main_pd img{float:left; border-top:1px solid var(--light-grey); border-left:1px solid var(--light-grey); width:298px; height:298px;}
.main_orchid .main_pd > ul{text-align:center; padding:45px 40px 40px; float:left; width:320px; height:300px; border:1px solid var(--light-grey);}
.main_orchid .main_pd > ul > li:nth-child(1){font-size:20px; font-weight:700; margin-bottom:35px; transition:all .4s;}
.main_orchid .main_pd > ul > li:nth-child(2){font-size:12px; font-weight:700; color:var(--red); margin-bottom:15px;}
.main_orchid .main_pd > ul > li:nth-child(3){ display:inline-block; margin:0 auto 30px;
	font-size:12px; font-weight:700; color:var(--font-grey); line-height:1.8; text-align:left;}
.main_orchid .main_pd:hover > ul > li:nth-child(1){transform: scale(1.08); color:var(--main-color);}


.main_orchid .pd_price{margin-right:0;}
.main_orchid .orchid_price ul{padding-right:10px; padding-left:5px; float: left;}
.main_orchid .orchid_price ul li:first-child{background:var(--font-grey); color:#fff; font-size:12px; padding:5px;}
.main_orchid .orchid_price ul:last-child{padding-right:5px; padding-left:10px; float:right;}
.main_orchid .orchid_price ul:last-child li:first-child{background:var(--red);}
.main_orchid .orchid_price .pd_price{font-size:16px; margin-top:12px;}
.main_orchid .orchid_price .price_sale{font-size:20px;}

.main_orchid > div> .orchid_list{border:1px solid var(--light-grey); float:left; padding:7.6px; margin-top:-1px; height:325px; width:207px;}
.main_orchid > div> .orchid_list:nth-of-type(2){margin-left:-1px;}
.main_orchid > div> .orchid_list:nth-of-type(3){margin-left:-1px;}

.main_orchid > div> .orchid_list li:nth-of-type(1){border:1px solid var(--light-grey); overflow:hidden;}
.main_orchid > div> .orchid_list:hover li:nth-of-type(1){border:1px solid var(--main-color);}
.main_orchid > div> .orchid_list:hover li:nth-of-type(1) img{transform:scale(1.08);}
.main_orchid > div> .orchid_list li.pd_name{border:none; padding:15px 5px 10px; white-space: nowrap; overflow:hidden; 
	text-overflow: ellipsis;}
.main_orchid > div> .orchid_list li.price_sale{margin-top:8px;}
.main_orchid > div> .orchid_list :is(.pd_price, .price_sale){padding-left:5px;}

.main_orchid > div> .orchid_list li span{display:inline-block; padding:5px; font-size:12px; color:#fff; text-align:center; width:45px;
	margin-right:8px;}
.main_orchid > div> .orchid_list li.pd_price span{background:var(--font-grey);}
.main_orchid > div> .orchid_list li.price_sale span{background:var(--red);}
.main_orchid > div> .orchid_list img{width:190px; height:190px; transition:all .4s;}


/* ¹è¼Û»çÁø ¼­ºñ½º .gallery_slide */
.gallery{margin-top:60px;}
.gallery h1 a{display:inline-block; color:var(--font-grey); border:1px solid var(--border-grey); font-size:14px; font-weight:400;
	height:34px; line-height:34px; float:right; margin-top: 10px; padding:0 8px; transition:all .3s; background:#fff;}
.gallery h1 a:hover{background:var(--main-color); color:#fff; border:1px solid var(--main-color);}
.gallery_slide img{width:280px; height:280px;}
.gallery_slide .swiper-slide{width:305px; height:360px; border:1px solid var(--border-grey); padding:12px;}
.gallery_slide ul{margin-top:15px;}
.gallery_slide ul li{margin-bottom:5px;}
.gallery_slide ul li:last-child{font-size:12px;}
.swiper-pagination-bullet-active{background:var(--main-color);}


/* footer */
.footer_elle{clear:both;}
.card_wrap{margin-top:60px;}
.card_wrap .foot_card .swiper-wrapper{height:110px;}
.card_wrap .foot_card .swiper-slide{width:180px; height:90px; border-radius:8px; padding:22px 30px;}
.card_wrap .foot_card .swiper-slide h6{margin-top:10px; font-size:16px; font-weight:800;}
.card_wrap .foot_card .swiper-pagination-progressbar{top:105px;}
.card_wrap .foot_card .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--main-color);}

.customer_center{height:270px; margin:40px auto 20px;}
.customer_ct01{ width:625px; height:240px; }
.customer_ct01 > div{float:left;}
.customer_ct01 p{font-size:32px; color:var(--red); margin-bottom:15px;}
.customer_ct01 p strong{font-weight:900;}
.customer_ct01 ul li{font-weight:700; margin-bottom:5px;}
.customer_ct01 ul li.grey{color:var(--font-grey); font-size:12px; margin-top:10px;} 
.customer_ct01 ul li span{margin:0 8px 0 2px; font-weight:800;}
.customer_ct01 > div:nth-of-type(2) ul li{margin-bottom:15px;}
.customer_ct01 ul li img{height:16px;}

[class^="customer_ct"]{padding:45px 60px; float:left; border:1px solid var(--light-grey); height:100%;}
[class^="customer_ct"] h4{font-size:18px; margin-bottom:20px;}

.customer_ct02, .customer_ct03{width:305px; height:100%; margin-left:12px;}

.customer_ct02 ul{margin-bottom:20px;}
.customer_ct02 ul li:nth-of-type(1){font-size:12px; color:#888; margin-bottom:5px;}
.customer_ct02 ul li:nth-of-type(2){font-weight:700; line-height:20px;}
.customer_ct02 ul li img{width:20px; margin-right:5px;}
.customer_ct03{padding:30px 30px;}
.customer_ct03 ul{margin-bottom:10px;}
.customer_ct03 ul li{border:1px solid var(--border-grey); font-size:14px; margin-top:-1px;
	font-weight:700; }
.customer_ct03 ul li a{display:block; width:100%; height:44px; padding:12px 24px; line-height:22px;}
.customer_ct03 ul li img{width:20px; margin-right:10px;}

.foot_nav ul{overflow:hidden; padding:10px 0; border-bottom:1px solid var(--border-grey);}
.foot_nav ul li{float:left; font-size:12px; color:var(--font-grey);}
.foot_nav ul li a{display:inline-block; padding:10px;}
.foot_nav ul li:nth-of-type(1) a{padding-left:0px;}

.foot_logo{display:inline-block; padding:20px 0; margin:45px 0; float:left;}
address{float:left; margin-left:30px;}
address ul{margin:20px 0; overflow:hidden;}
address ul li{font-size:12px; color:var(--font-grey); font-weight:400; font-style:normal; margin-bottom:5px;}
address ul li span{padding-right:15px;}
address ul li span .foot_btn{display:inline-block; padding:5px; border:1px solid var(--border-grey); font-size:11px; 
	background:var(--light-grey); transition:all .3s;}
address ul li span .foot_btn:hover{background:var(--border-grey);}

/* ÃÖ»ó´Ü ¿Ã¶ó°¡±â ¹öÆ° topBtn */
.topBtn{background:#fff;	 border:1px solid #d1d1d1; margin-top:5px; height:32px; line-height:32px; text-align:center; font-weight:bold;
	cursor:pointer; transition:all .3s;}
.topBtn:hover{background:#202020; color:#fff;}
/* .topBtn span:nth-of-type(1){transform:rotate(-45deg); left:13px;}
.topBtn span:nth-of-type(2){transform:rotate(45deg); left:22px;}
.topBtn:hover{border:1px solid #eaeaea;}
.topBtn:hover span{background:var(--main-color);} */
.quick_bot{margin-top:5px; clear: both; overflow: hidden;}
.quick_bot > a{float:left;}
.quick_bot > img{float:right; cursor:pointer;}


/* ÅøÆÁ TOOLTIP */
[data-tooltip]{position:relative;}
[data-tooltip]:before,
[data-tooltip]:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:12px;letter-spacing:-1px;}
[data-tooltip]:before{content:attr(data-tooltip); height:13px;position:absolute;top:-20px;padding:5px 10px;
	border-radius:5px;color:#fff;background:#082567;box-shadow:2px 3px 3px rgba(0, 0, 0, 0.4); 
	font-family:dotum;}
[data-tooltip]:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid #082567;}
[data-tooltip]:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px}
[data-tooltip]:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

.tool-tip-box{position:relative; }
.tool-tip{position:absolute; width:200px; left:-100px; top:-80px; background:#d7e9f7; border-radius:8px;  font-size:12px; padding:10px; text-align:left; border:1px solid #b1c9dd; font-weight:normal; display:none; z-index:99999;}
.tool-tip-box:hover .tool-tip{display:block;}

/* ¸®º» Ä«µå ¹®±¸ */

.rb-pop-wrap { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .6);
    z-index: 999999; 
	opacity: 0; visibility: hidden;}
#popup-ribbon{width: 720px; height: 500px; box-sizing: border-box; border: 5px solid var(--main-color);
	font-size:16px; background: #fff; position: absolute; top: 50%; left: 50%; z-index: 9999999; 
	transform: translate(-50%, -50%); overflow-x: hidden; overflow-y: scroll;}
#popup-ribbon h6{margin: 20px 0 10px 0; text-align: center; font-weight: 800; font-size: 18px;}
#popup-ribbon table{border-collapse: collapse; width: 660px; margin: 20px; box-sizing: border-box; background: #fff;}
#popup-ribbon table tr th, #popup-ribbon table tr td{border: 1px solid var(--light-grey);
    padding: 10px 12px; text-align: left; box-sizing: border-box; letter-spacing: -.5px;
	}
#popup-ribbon table tr th{font-weight:500; color:#000;}
#popup-ribbon table a{color: #888; font-size:16px; }
#popup-ribbon table a:hover{color:var(--main-color);}
.show-rb-pop{visibility: visible; opacity: 1;}

/* ¼­ºêÆäÀÌÁö */
.sub_title{margin:40px auto 20px; font-size:24px; width:1260px; position:relative;height:40px; line-height:40px;
	padding-left:15px;}
.sub_title:before{content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--main-color);
	position:absolute; top:50%; left:0; transform:translateY(-50%);}
.sub_title:after{content:''; display:block; position:absolute; bottom:-3px; left:0; width:100%; height:3px;
	background: rgb(234,234,234);background: linear-gradient(90deg, rgba(175,175,175,1) 0%, rgba(234,234,234,1) 100%);}
.sub_title small{font-size: 16px; font-weight: 400; color: #aeaeae;}

.classfy_pd{ line-height: 40px;}
.classfy_pd span a{padding:10px 15px;}
.classfy_pd span a:hover{color:var(--main-color); }

/* ¼­ºêÆäÀÌÁö Ä«Å×°í¸® */
.subCateBtn{width:1260px; margin:0 auto; overflow:hidden;}
.subCateBtn a{display:block; width:240px; margin:0 5px; height:100px; line-height:92px; background:#feffc6; color:#202020; float:left; 
	border-radius:8px; border:2px solid #f3f4bc; text-align:right; padding-right:25px; font-size:18px; font-weight:600;
	background-position:18px;}
.subCateBtn a:hover{border:none; background:#9eb37b; color:#feffc6; line-height:97px;  padding-right:27px;}

:is(.subCateBtn01, .subCateBtn02, .subCateBtn03, .subCateBtn04) a{background-repeat: no-repeat;}
/* °ü¿±È­ºÐ Ä«Å×°í¸® */
.subCateBtn01 a:nth-of-type(1){background-image:url('/images/renew/subCateBtn01_a.png');}
.subCateBtn01 a:nth-of-type(2){background-image:url('/images/renew/subCateBtn01_b.png');}
.subCateBtn01 a:nth-of-type(3){background-image:url('/images/renew/subCateBtn01_c.png'); background-position:18px;}
.subCateBtn01 a:nth-of-type(3):hover{background-position:20px;}
.subCateBtn01 a:nth-of-type(4){background-image:url('/images/renew/subCateBtn01_d.png');}
/* °³¾÷ÀÌÀü Ä«Å×°í¸® */
.subCateBtn02 a:nth-of-type(1){background-image:url('/images/renew/subCateBtn02_a.png');}
.subCateBtn02 a:nth-of-type(2){background-image:url('/images/renew/subCateBtn02_b.png');}
.subCateBtn02 a:nth-of-type(4){background-image:url('/images/renew/subCateBtn02_c.png');}
.subCateBtn02 a:nth-of-type(3){background-image:url('/images/renew/subCateBtn02_d.png'); background-position:11px;}
.subCateBtn02 a:nth-of-type(3):hover{background-position:13px;}
.subCateBtn02 a:nth-of-type(5){background-image:url('/images/renew/subCateBtn01_d.png');}
/* ½ÂÁø¿µÀüÃëÀÓ Ä«Å×°í¸® */
.subCateBtn03 a:nth-of-type(1){background-image:url('/images/renew/subCateBtn02_d.png'); background-position:11px;}
.subCateBtn03 a:nth-of-type(1):hover{background-position:13px;}
.subCateBtn03 a:nth-of-type(2){background-image:url('/images/renew/subCateBtn02_c.png');}
.subCateBtn03 a:nth-of-type(3){background-image:url('/images/renew/subCateBtn02_b.png');}
.subCateBtn03 a:nth-of-type(4){background-image:url('/images/renew/subCateBtn03_d.png');}
.subCateBtn03 a:nth-of-type(5){background-image:url('/images/renew/subCateBtn01_d.png');}
/* 5¸¸¿ø¼¼ÀÏÁ¸ */
.subCateBtn04 a:nth-of-type(1){background-image:url('/images/renew/subCateBtn01_a.png');}
.subCateBtn04 a:nth-of-type(2){background-image:url('/images/renew/subCateBtn04_b.png');background-position:14px;}
.subCateBtn04 a:nth-of-type(2):hover{background-position:16px;}
.subCateBtn04 a:nth-of-type(3){background-image:url('/images/renew/subCateBtn04_c.png');background-position:10px;}
.subCateBtn04 a:nth-of-type(3):hover{background-position:12px;}


:is(.subCateBtn01, .subCateBtn02, .subCateBtn03, .subCateBtn04) a:hover{background-position:20px; background-repeat: no-repeat;}


/* sub_detail »ó¼¼ ÆäÀÌÁö */
.price_table{width:100%; border-collapse: collapse;}

.price_table_in{ border-collapse: collapse; border:1px solid var(--border-grey); margin:5px 0; background:#f1f1f1;}
.price_table_in :is(th, td){height:36px;}
.price_table_in th{border-bottom:1px solid var(--border-grey);}
.price_table_in tr td{text-align:right; padding:0 15px; width:138px;}
.price_table_in tr > td:nth-of-type(1){border-right:1px solid var(--border-grey); width:64px; text-align:center; padding:0;}

.price_table_in tr td label{line-height: 25px; cursor:pointer;}
.price_table_in input[type="radio"]{float:left;}

.price_table_in02 td:nth-of-type(2){padding:0 82px;}

input[type='radio'].price-radio {
  -webkit-appearance: none; /* À¥Å¶ ºê¶ó¿ìÀú¿¡¼­ ±âº» ½ºÅ¸ÀÏ Á¦°Å */
  -moz-appearance: none; /* ¸ðÁú¶ó ºê¶ó¿ìÀú¿¡¼­ ±âº» ½ºÅ¸ÀÏ Á¦°Å */
  appearance: none; /*±âº» ºê¶ó¿ìÀú¿¡¼­ ±âº» ½ºÅ¸ÀÏ Á¦°Å*/
  width: 18px;
  height: 18px;
  border: 2px solid var(--border-grey); /* üũµÇÁö ¾Ê¾ÒÀ» ¶§ÀÇ Å׵θ® »ö»ó*/
  border-radius:4px;
  outline: none; /* focus ½Ã¿¡ ³ªÅ¸³ª´Â ±âº» ½ºÅ¸ÀÏ Á¦°Å */
  cursor: pointer;
}

input[type='radio'].price-radio:checked {
  background-color: var(--main-color); /* üũ ½Ã ³»ºÎ ¿øÀ¸·Î Ç¥½ÃµÉ »ö»ó */
  border: 3px solid white; /* Å׵θ®°¡ ¾Æ´Ñ, Å׵θ®¿Í ¿ø »çÀÌÀÇ »ö»ó */
  box-shadow: 0 0 0 1.6px var(--main-color); /* Å׵θ® */
  border-radius:4px;
}


/* sub_detail »ó¼¼ÆäÀÌÁö */
.category_msg{width:500px; margin:20px auto 0; padding-top:15px; border-top:1px solid var(--light-grey);}
.category_msg p{line-height:1.4; color:#202020; word-break:keep-all;}
.category_msg .purple{color:#561ac1;}
.category_msg p span.red{color:var(--red); font-weight:700;}

.detail_list{width:900px; height:100px; padding-top:60px;}
.detail_list li{float:left; border:1px solid var(--border-grey); background:var(--light-grey); 
	border-radius:10px 10px 0 0; width:225px; height:40px; line-height:40px; border-bottom:2px solid var(--main-color);}
.detail_list li:hover{background:#dadada; border-color:#afafaf; border-bottom:1px solid var(--main-color);}
.detail_list li a{display:block; height:100%; font-size:14px;}
.detail_list li a:hover{color:#202020;}
.detail_list li.on{border-bottom:none; border-width:2px; font-weight:700; background:#fff; border-color:var(--main-color);}
.detail_list li.on a{font-size:16px;}
.detail_img_wrap{width:900px; margin:20px auto 0;}


.detail_img{margin-top:40px; width:900px;}
.detail-table{border-collapse:collapse; margin-top:20px; width:900px;}
.detail-table :is(th, td){border:1px solid var(--border-grey); padding:15px;}
.detail-table th{background:#f9f9f9;}
.detail-table p{margin:5px 0; word-break:keep-all; line-height:1.4;}
.detail-table ul li{padding-left:15px; margin:5px 0; position:relative; line-height:1.4; word-break:keep-all;}
.detail-table ul li:before{content:''; display:block; width:8px; height:8px; position:absolute; top:4px; left:0;
	background:var(--main-color); border-radius:50%;}
.detail-table .red{color:var(--red); font-weight:700;}

:is(.pay_red, .sub_point_fund) img{vertical-align:middle;}


/* Ä«µå°áÁ¦°á°ú */
table.order_result{width:600px; border:1px solid var(--border-grey);border-collapse:collapse;}
table.order_result :is(th, td){height:36px; border:1px solid var(--border-grey); padding:10px;}
table.order_result th{width:180px; background:#f5f5f5;}
table.order_result td button{ width:160px; height:32px; background:#202020; color:#fff;}

/* ¸¶ÀÌÆäÀÌÁö ¿ÞÆí ¸Þ´º */
.mypage_menu{width:200px; float:left; margin-right:80px; background:#fff; overflow:hidden;}
.mypage_menu ul li{border-bottom:1px solid var(--border-grey);}
.mypage_menu ul li a{display:block; padding:15px 0px; font-size:16px; position:relative;}
.mypage_menu ul li a:hover{color:var(--main-color);}
.mypage_info{margin-top:20px; font-size:16px;}
.mypage_menu .mypage_info h2{padding:10px;}
.mypage_menu .mypage_info .red{color:var(--red); font-weight:800; font-size:18px; padding-left:5px;}
.mypage_menu .mypage_info p{margin-bottom:5px;}
.mypage_menu .mypage_info p span{color:#202020; font-weight:600; margin-right:5px;}

.mypage_right{width:980px; float:right; padding:40px 0; overflow:hidden;}
.point_box{height:200px; background:url('/images/renew/point_shop_bg.jpg'); position:relative; margin-bottom:40px;}
.point_box .point_r{position:absolute; right: 100px; top:70px;}

.point_box .point_l{position:absolute; left:80px; top:75px;}
.point_box .point_l p:first-child{font-size:18px; font-weight:700; padding-bottom:10px; border-bottom:2px solid #fff; margin-bottom:10px;}
.point_box .point_l p:first-child small{color:var(--font-grey); font-weight:600;}
.point_box .point_l small{font-size:14px; font-weight:500;}
.point_box .point_l small span{font-weight:bold;}
.point_box .point_l small .mem_lv{font-size:16px; color:#ffc718;}

.point_box .point_non_mem{padding:50px 80px;}
.point_box .point_non_mem p{font-size:16px; margin-bottom:10px;}
.point_box .point_non_mem span{font-weight:500; color:var(--red);}

.point_box .point_r .point{height:60px; line-height:62px; padding:0 40px; background:#fff; border-radius:32px; display:inline-block;
	font-size:18px; font-weight:600; box-shadow: inset 0px 3px 2px 1px #d1d1d1}
.point_box .red{color:var(--red); font-weight:900; padding-left:10px;}

.mypage_right .gift_wrap{display:flex; justify-content: space-between; flex-wrap: wrap; /* padding:0 140px; */}
.mypage_right .gift_wrap .gift_card{flex-basis: 280px; margin:40px 0; height:400px;}
.mypage_right .gift_wrap .gift_card img{width:278px; height:278px;}
.mypage_right .gift_wrap .gift_card li:nth-of-type(1){border:1px solid var(--light-grey); width:280px; height:280px; overflow:hidden;}
.mypage_right .gift_wrap .gift_card li:nth-of-type(2){font-weight:800;}
.mypage_right .gift_wrap .gift_card li{width:280px; margin:0 auto 10px; text-align:right;}
.mypage_right .gift_wrap .gift_card a.gift_card_btn{display:block; height:50px; line-height:50px; background:#202020; color:#fff; text-align:center; transition:all .2s}
.mypage_right .gift_wrap .gift_card .gift_card_btn:hover{background:var(--main-color);}

.buy_giftcard{margin-top:40px;}
.buy_giftcard .point_detail_img{float:left; border:1px solid var(--light-grey); width:280px; height:280px; overflow:hidden;}
.buy_giftcard .point_detail_info{float:right;}

.point_price{font-size:14px; text-align:right; margin-bottom:40px;}
.point_price .num{font-size:24px; color:#d80003; font-weight:bold; padding-left:10px;}
.point_btn{border-radius:8px; display:block; background:var(--main-color); color:#fff; padding:15px; font-size:16px; width:200px; margin:0 auto; text-align:center;}

.point_detail_table{width:100%; border-collapse: collapse; border:1px solid var(--border-grey);}
.point_detail_table th{background:#f8f8f8; border:1px solid var(--border-grey); padding:20px; }
.point_detail_table td{border:1px solid var(--border-grey); padding:20px;}

.mem_benefit{width:500px; height:502px; background:url('/images/renew/sign02_on.jpg') no-repeat; background-position:center; background-size:500px; margin:0 auto 40px;}
.mem_benefit .benefit_txt{width:500px; margin:0 auto; padding:140px 45px;}
.mem_benefit .benefit_txt p{margin-bottom:10px; font-size:16px; text-shadow: 2px 2px 2px #fff;}
.mem_benefit .benefit_txt p span{animation-name:flick-words; animation-duration: 3s; animation-iteration-count: infinite;
	animation-direction: alternate;}
@keyframes flick-words{
	0%{color: var(--main-color);}
	50%{color:#d80003;}
	100%{color:#1a9bff;}
}

.mem_table_box{width:50%; float:left; margin-bottom:40px; margin-top:40px;}
.mem_table_box h3{height:50px; padding:10px 20px; font-size:20px; position:relative;}
.mem_table_box h3:before{content:''; display:block; background:var(--border-grey); width:4px; height:24px; position:absolute; left:6px; top:14px;}
.mem_table{width:100%; border-collapse:collapse; }
.mem_table .hd th{background:#e1e1e1; height:50px; border:5px solid #fff;}
.mem_table .hd td{height:100px; border:5px solid #fff;}
.mem_table th{background:#eaf2f8; height:80px; border:5px solid #fff;}
.mem_table td{height:100px; border:5px solid #fff; background:#f8f8f8; color:var(--red); text-align:center; font-size:16px;}
.mem_table td:nth-of-type(3){color: #1a9bff;}

/* Æ÷ÀÎÆ®¸ô buy */
#BUY_Box table{width:100%; border-collapse:collapse; border:1px solid var(--border-grey); margin-bottom:10px;}
#BUY_Box th{background:#f8f8f8; border:1px solid var(--border-grey);}
#BUY_Box td{padding:10px; border:1px solid var(--border-grey);}
#BUY_Box input{border: 1px solid #cdcdcd; padding: 5px; border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); color: #262626;}
#BUY_Box span.blet{color:var(--red);}
.J_BuBox{text-align: center; margin-top:40px;}
.J_BuBox .point_btn{display:inline-block;}

.sign_btn{border-radius:8px; display:block; background:var(--main-color); color:#202020; padding:15px; font-size:16px; width:200px; margin:0 auto; text-align:center;}
.sign_btn:hover{background:#202020; color:var(--main-color);}

.hidden{display:none;}

/* ¾î¹öÀ̳¯ À̺¥Æ® ÆäÀÌÁö µðÀÚÀÎ & ÄÚ¸£»çÁÖ ¾ÆÀÌÄÜ */

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

.pricetag_0508{position: relative; width:100%; height:80px; border-radius:40px; margin:10px 0;line-height: 39px;
	text-align:center; 	border: 1px solid transparent;
	background-image: linear-gradient(#fff, #fff), 
    linear-gradient(to right, #fff 0%, #ffe4e4 40%, #ffd1d1 55%);
    background-origin: border-box;
    background-clip: content-box, border-box;
	}
.pd_img0508{ border: 1px solid #ffd1d1; transition:all .3s; overflow:hidden;}
.pd_img0508 img{transition:all .3s;}
.pd_img0508:hover{border: 1px solid #de3b40;}
.pd_img0508:hover img{transform:scale(1.02);}
.pd_name0508{font-size:16px;font-weight:bold; font-family: 'Pretendard-Regular'; padding: 5px 0 0 40px; height: 45px;
    line-height: 45px;}
.event_price0508{color:#ff707b; font-weight:bold; padding-left:40px; font-size:16px; font-family: 'Pretendard-Regular';
	height: 20px; line-height: 20px;}
.corsage{position: absolute; left: -6px; top: -4px; width: 90px;}

/* buy.php °áÁ¦Çϱ⠹öÆ° °­Á¶ ÁÖÀÇ */
.buy_btn_caution{padding-left:35px; font-weight:bold; font-size:16px;margin-bottom:15px;}
.buy_btn_caution span{color:red; font-size:18px;}