/* 공통 */
.tit { text-align: center; }
.main_color1 { color: #cc3333; }
.main_color2 { color: #9e282b; }
.main_back_color1 { background: #cc3333; } 
.main_back_color2{background-color: #9e282b;}
.main_back_color3{background-image: url(/images/bg_hanmaeum.jpg); background-position: center; background-repeat: no-repeat;}
.point_font{font-family: 'vitrocore'; color: #cc3333;; font-weight: bold;}
.point_bold{font-family: 'swgi'; font-weight: bold;}

/* floating */
#floating { position: fixed; right: 0; top: 250px; width: 125px; height: 300px; z-index: 9999; text-align: center; color: #fff; }
.floating_top { width: 100%; float: left; height: 140px; border-radius: 15px 0 0 15px; background-color:#1e1e24; }
.floating_top ul { padding: 16.5px 0; font-size: 16px; }
.floating_top li:last-child { margin-top: 10px; font-family: "swgi"; }
.floating_middle { width: 100%; float: left; height: 160px; background: #92140c; padding: 22px 15px; border-radius: 15px 0 0 15px; }
.floating_middle li { font-size: 28px; line-height: 30px; font-weight: 700; font-family: "GmarketSansBold"; letter-spacing: 1px; margin-top:20px; }
.floating_middle li:last-child { margin-top: 12px; line-height: 18px; }
.floating_middle li:last-child i { float: left; width: 28px; line-height: 28px; font-weight: bold; border-radius: 5px; font-size: 14px; }
.floating_middle li:last-child span { float: left; font-size: 14px; text-align: left; margin-left: 10px;  margin-top: 2px;}
.floating_bottom { float: left; width: 100%; height: 40px; color: #fff; background-color: #333; line-height: 40px; font-family: ggs; font-size: 12px; font-weight: 600; cursor: pointer; border-radius: 15px 0 0 15px; }

/* 헤더 */
.header { background: #230e0e; line-height: 125px; opacity: 90%; position: absolute; z-index: 999; }
.header .header_menu:hover { color: #cc3333; font-weight: bold; }
.header .main_logo { width: 20%; float: left; }
.header .menu_box { width: 70%; float: right; }
.header .menu_box ul { width: 100%; float: left; }
.header .menu_box ul li { width: 25%; float: left; text-align: center; color: #fff; font-size: 18px; }
/* 헤더 서브메뉴 */
.header_sub { width: 100%; float: left; height: 250px; overflow: hidden; position: absolute; z-index: 998; top: -250px; }
.header_sub > div { width: 100%; }
.header_sub .subMenu { height: 250px; background: rgba(158, 40, 43, .9); }
.header_sub .subMenu > div { width: 1200px; margin: 0 auto; }
.subMenu .box { width: 70%; float: right; padding: 45px 0 50px 0; }
.subMenu .sub_menu > ul { width: 25%; float: left; text-align: center; }
.subMenu .sub_menu > ul li.tit { font-size: 17px; color: #fff; line-height: 70px; }
.subMenu .sub_menu > ul li { line-height: 40px; font-size: 15px; color: rgba(255, 255, 255, 0.5); }
.subMenu .sub_menu > ul li a:hover { color: #fff; transition: all 0.4s; }

/* visual */
.visual { width: 100%; float: left; }
.visual_image { width: 100%; float: left; height: 800px; background: #ccc; }
.visual_text { position: absolute; left: 50%; top: 60%; transform: translate(-50%, -56%); }

.visual_text .vi_image { width: 100%; float: left; }
.visual_text .vi_image img { left:50%; transform: translateX(-50%); }

.visual_text .vi_text { width: 100%; float: left; }
.visual_text p { color: #fff; text-align: center; }
.visual_text p:first-child { font-size: 35px; font-weight: 700; font-family: "swgi";}
.visual_text p:last-child { font-size: 14px; opacity: 25%; margin-top: 10px; letter-spacing: 2px; }

/* section1 */
.section1 { color: #fff; }
.section1_box { width: 50%; float: left; height: 235px; padding: 46px 0; }
.se1_left_box > div { width: 600px; float: right; padding-left: 5%; }
.se1_left_box li span:first-child { font-size: 23px; font-weight: 100; font-family: "swgi";}
.se1_left_box li span:last-child { font-size: 38px; font-weight: 900; font-family: "swgi"; margin-top: 10px; display: inline-block;}
.se1_left_box li:last-child { margin-top: 20px; }

/*.search_box { background: #1a1a1a; }*/
.search_box > div { width: 600px; float: left; }
.search_text > div { float: right; text-align: right; }
.search_text > div p:first-child { font-size: 30px; font-weight: 700; font-family: "swgi"; }
.search_text > div p:last-child { font-size: 15px; font-weight: 100; font-family: "swgi"; margin-top: 10px;}
.search_text { padding-right: 6%; }
.search { margin-top: 20px; }
.search input { width: 450px; line-height: 55px; border-radius: 10px; padding-left: 20px; font-weight: 100; font-family: "swgi"; }
.search i { font-size: 26px; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); color: #333333; cursor: pointer; }
.search input::placeholder { font-size: 15px; color: #cccccc; }

/* section3 */
.section3 { height: 525px; }
.section3 .se3_text { width: 100%; float: left; margin-top: 100px; }
.section3 p { text-align:center; }
.section3 p:first-child { color: white; font-weight: 900; font-family: "swgi"; letter-spacing: 0px; font-size: 28px; }
.counting {
	background: #A1712A;
	/*background: linear-gradient(to bottom right, #A1712A 10%, #FCF9E3 47%, #A1712A 80%);
	background: linear-gradient(to bottom right, #A1712A 39%, #FCF9E3 54%, #A1712A 78%);*/
	background: linear-gradient(to bottom right, #ecc44b 39%, #fff8c7 54%, #ecc44b 78%);

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 130px;
	font-weight: bold;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.14);
}

.section3 .item_box { width: 715px; float: left; left: 50%; transform: translateX(-50%); margin-top: 40px; z-index: 10; }
.item_box .item { width: 255px; height: 255px; float: left; text-align: center; color: #fff; border-radius: 50%; box-shadow: 2px 2px 17px 0px #000; transition: 1s; position: absolute; right: -570px; opacity: 0; }
.item_box .item1 { background: #cc9933; }
.item_box .item2 { background: #e65326; z-index: 2; }
.item_box .item3 { background: #333333; z-index: 3; }

.item ul { width: 100%; float: left; }
.item ul li:first-child { font-size: 20px; font-weight: lighter; margin-top: 60px; font-family: "GmarketSansTTFLight"; }
.item ul li:last-child { font-size: 30px; font-family: "ggs"; font-weight: 500; margin-top: 27px;}
.item ul li:last-child b{ font-family: "ggs";}


/* section4 */
.section4 { height: 820px; overflow: hidden; }
.section4 img { top: -600px; max-width: 1920px; left: -360px; }

.sales_ment { position: absolute; z-index: 1; margin-top: 15%; width: 100%; color: white; }
.sales_ment > div { width: 100%; float: left; text-align: center; }
.sales_ment .ment_1 { font-size: 25px; font-family: "swgi"; font-weight: 100; }
.sales_ment .ment_2 {  font-size: 62px; margin-top: 15px; font-weight: 900; line-height: 62px; font-weight: 900; font-family: "swgi";}
/*.sales_ment .ment_2 span{ font-family: "swgi"; font-weight: 900; }*/
.sales_ment .ment_3 { margin-top: 90px; text-align: center; }
.sales_ment .ment_3 > span { padding-top: 3px; width: 445px; display: inline-block; line-height: 55px; font-size: 29px; font-family: "ggs"; font-weight: 500; font-weight: 500; letter-spacing: 0px;}
.sales_ment .ment_3 > span span { font-weight: 900; font-family: "ggs"; letter-spacing: 0px;}

.sales_slide { margin-top: 77px; }
.sales_slide > div { width: 100%; }
.sales_slide .arrow { float: left; top: 50px; }
.sales_slide .arrow > span { width: 60px; line-height: 80px; font-size: 30px; display: inline-block; border: 1px solid #59504c; color: #59504c; cursor: pointer; }
.sales_slide .arrow_right { float: right; }
.sales_slide .slide_items { width:82%; float:left; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); vertical-align: middle; overflow:hidden; padding:0 2%; }
.section4 .slide_item:not(.main_item) { margin-top: 185px; }

.sales_slideBox { width: 100%; float: left; }
.sales_slideBox .slide_item { width: 33.33%; float: left; padding: 0 8px; }
.sales_slideBox .slide_item > div { width: 100%; float: left; height: 210px; padding-top: 85px; }
.sales_slideBox .slide_item > div:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 20px; 
	padding: 1px; 
	/*background:linear-gradient(to bottom right, #A1712A 10%, #FCF9E3 47%, #A1712A 80%); */
	background: linear-gradient(to bottom, #A1712A 39%, #999 54%, #A1712A 78%);
	-webkit-mask: 
		linear-gradient(#fff 0 0) content-box, 
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude; 
}
.sales_slide .slide_item .slide_item_container { position: absolute; top: -10px; left: 15px; width: 130px; height: 80px; }
.sales_slide .slide_item .slide_item_img { position: absolute; top: 0px; left: 0px; width: 130px; height: 80px; }
.sales_slide .slide_item .slide_item_textbox { padding-top: 10px; text-align: center; }
.sales_slide .slide_item .slide_item_textbox .best { font-size: 12px; font-weight: 600; text-shadow: 0px 1px 6px black; }
.sales_slide .slide_item .slide_item_textbox .rank { padding-top: 5px; font-size: 30px; color: #660000; font-family: 'ggs'; font-weight: 900; }
.sales_slide .slide_item .store_name { font-size: 28px; background: #A1712A;
	/*background: linear-gradient(to bottom right, #A1712A 10%, #FCF9E3 47%, #A1712A 80%);*/
	background: linear-gradient(to bottom right, #A1712A 39%, #FCF9E3 54%, #A1712A 78%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; font-weight:900; font-family: "ggs"; }
.sales_slide .slide_item .store_price { font-size: 40px; font-weight:900; font-family: "ggs"; letter-spacing: 1px; margin-top: 15px;}

/* section5 */
/*.section5 { margin-top: 80px; height: 880px; overflow: hidden; }

.section5 .tit { font-size: 23px; color: #999999; }
.section5 .tit p{ font-weight: 100; font-family: "swgi"; }
.section5 .tit span { font-weight: 700; color: #666666; font-family: "swgi"; }
.section5 .tit p:last-child { font-size: 50px; color: #333333; font-weight: 900; margin-top: 15px; }

.se5_box1 { width: 100% !important; float: left; height: 490px; position: absolute; top: 0; }
.se5_box2 { width: 100% !important; float: left; background: #e8e9e9; height: 390px; position: absolute; top: 490px; }

.se5_ani { width: 100%; float: left; margin-top: 70px; z-index: 10; }
.se5_left { width: 890px; height: 556px; float: left; border: 10px solid #cc3333; background: #ccc; }
.se5_left > div.se5_left_box { width: 100%; height: 536px; }
/*.se5_left_image { width: 870px; height: 100%; position: absolute; left: 0px; transition: 1s; }*/
/*.se5_left_image { width: 870px; height: 100%; position: absolute; left: -1240px; opacity: 0; top : 10px;}
.se5_left_image.active {left : 10px; z-index: 3; opacity: 1; transition: 1s;}
.se5_left_image.active2 {left : 10px; z-index: 1 !important; opacity: 1; }

.se5_right { width: 515px; position: absolute; right: 0; margin-top: 85px; }
.se5_right > div.se5_right_box { width: 515px; height: 402px; }
.se5_right > div.se5_right_box > div { width: 100%; height: 100%; }
/*.se5_right_image { width: 515px; height: 100%; float: left; background: #fff; position: absolute; right: 0; transition: 1s; box-shadow: 0 0 10px -5px #000; }*/
/*.se5_right_image { width: 515px; height: 100%; background: #fff; position: absolute; right: -900px; box-shadow: 0 0 10px -5px #000; opacity: 0; top: 0; }
.se5_right_image.active { right : 0; z-index: 4; opacity: 1; transition: 1s;}
.se5_right_image.active2 { right : 0; z-index: 2 !important; opacity: 1; box-shadow: 0 0; transition: right box-shadow 2s; }

.right_btns { position: absolute; right: 15px; margin-top: 20px; top: 100%; }
.right_btns ul li { cursor: pointer; width: 18px; float: left; height: 18px; border-radius: 100%; background: #999999; }
.right_btns ul li:not(:last-child) { margin-right: 5px; }
.right_btns ul li.active { background: #cc3333; }

.se5_right_image ul { width: 100%; float: left; height: 100%; padding: 15px 15px 90px 65px; }
.se5_right_image ul li { width: 100%; float: left; }
.se5_right_image ul li:first-child { float: right; width: 54px; line-height: 54px; background: #000; color: #fff; }
.se5_right_image ul li:first-child span { width: 100%; float: left; text-align: center; font-size: 25px; font-weight: 900; font-family: "ggs"; font-style: italic; padding-top: 3px; margin-bottom: -3px; margin-left: -1px; }
.se5_right_image ul li:nth-child(2) { font-size: 30px; color: #333333; line-height: 38px; margin-top: 25px; font-family: "swgi"; font-weight: 100;}
.se5_right_image ul li:nth-child(2) span { font-size: 38px; font-weight: 900; font-family: "swgi"; margin-top: 5px; display: inline-block;}
.se5_right_image ul li:nth-child(3) { font-size: 72px; font-weight: 900; font-family: "ggs"; line-height: 72px; margin-top: 40px; letter-spacing: -4px;}
.se5_right_image ul li:last-child { font-size: 18px; color: #999999; line-height: 18px; margin-top: 10px; font-weight: 100; font-family: "swgi"; }


/* section5 수정*/
.section5 {background-image: url(/images/bg_se5.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; padding-top: 80px; padding-bottom: 150px;}
.section5 .tit { font-size: 23px; color: #999999; }
.section5 .tit p{ font-weight: 100; font-family: "swgi"; }
.section5 .tit span { font-weight: 700; color: #666666; font-family: "swgi"; }
.section5 .tit p:last-child { font-size: 50px; color: #333333; font-weight: 900; margin-top: 15px; }

.section5 .se5_box{width: 100%; float: left; margin-top: 70px;}
.section5 .se5_box .se5_left, .section5 .se5_box .se5_right{width: 600px; float: left; height: 550px;}
.section5 .se5_box .se5_right{padding: 90px; box-shadow: 2px 2px 9px 1px #f3f3f3; background-color: #fff;}
.section5 .se5_box .se5_right ul{width: 100%; float: left; height: 100%;}
.section5 .se5_box .se5_right li{width: 100%; float: left;}
.section5 .se5_box .se5_right li:first-child {width: 54px; line-height: 54px; color: #000; border-bottom: 2px solid #000;}
.section5 .se5_box .se5_right li:first-child span { width: 100%; float: left; text-align: center; font-size: 25px; font-weight: 900; font-family: "ggs"; font-style: italic; padding-top: 3px; margin-bottom: -3px; margin-left: -1px; }
.section5 .se5_box .se5_right li:nth-child(2) { font-size: 30px; color: #333333; line-height: 38px; margin-top: 25px; font-family: "swgi"; font-weight: 100;}
.section5 .se5_box .se5_right li:nth-child(2) span { font-size: 38px; font-weight: 900; font-family: "swgi"; margin-top: 5px; display: inline-block;}
.section5 .se5_box .se5_right li:nth-child(3) { font-size: 66px; line-height: 72px; margin-top: 40px; letter-spacing: -4px;}
.section5 .se5_box .se5_right li:last-child { font-size: 18px; color: #999999; line-height: 18px; margin-top: 20px; font-weight: 100; font-family: "swgi"; }



/* section6 */
.section6 { height: 745px; background-image: url(/images/bg_se6.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}

.se6_text { width: 50%; float: left; height: 745px; text-align: left; padding: 97px 60px 0 0; }
/*.se6_text li:nth-child(1) { font-size: 20px; color: #202020; font-weight: 900; font-family: "ggs";}*/
.se6_text li:nth-child(1) { font-size: 46px; font-weight: bold; line-height: 50px; margin-top: 60px; font-weight: 900; font-family: "swgi"; line-height: 55px;}
/*.se6_text li:nth-child(1) span{  font-weight: 900; font-family: "swgi"; }
.se6_text li:nth-child(1) span:last-child { color: #1a1a1a; }*/
.se6_text li:nth-child(2) { font-size: 20px; color: #333333; margin-top: 50px; }
.se6_text li:nth-child(2) span { font-size: 30px; font-weight: 100; font-family: "swgi";}
.se6_text li:nth-child(2) p { margin-top: 20px; font-weight: 500; }
.se6_text li:nth-child(3) { margin-top: 75px; }
.se6_text li:nth-child(3) button { width: 240px; line-height: 50px; background: #202020; color: #fff; font-size: 20px; }

.hm_slide { width: 550px; float: right; height: 570px; }
.hm_slider { margin-top: 100px; }
.hm_slide > div { width:100%; float:left; }

.hm_slide .arrow { position:absolute; z-index:2; top:50%; transform:translateY(-50%); }
.hm_slide .arrow > span { width: 60px; line-height: 60px; border-radius: 100%; background: #fff; color: #cccccc; text-align: center; cursor: pointer; font-size: 30px; display: inline-block; }
.hm_slide .arrow.arrow_left { left: -30px; }
.hm_slide .arrow.arrow_right { right: -30px; }

.hm_slide .slide_items { width:100%; float:left; overflow:hidden; }
.hm_slide .hm_sliderBox { width:100%; float:left; }
.hm_slide .hm_sliderBox > div { width: 100%; float:left; height: 570px; }
.hm_slide .hm_sliderBox .hm_slide { width:550px; float:left; }

/* section7 */
.section7 { height: 530px; background-image: url(/images/bg_se7.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.section7 > div > div { top: 42px; }

.se7_tit { width: 270px; height: 350px; z-index: 1; top: 47px; }
.se7_tit ul { left: 50%; top: 50%; transform: translate(-50%, -50%); }
/*.se7_tit li:nth-child(1) p:first-child { font-size: 65px; font-family: "ggs"; font-weight: 100; line-height: 65px; }*/
.se7_tit li:nth-child(1) p:last-child { font-size: 55px; line-height: 55px; color: #fff; font-weight: 900; font-family: "ggs";  margin-top: 10px; }
.se7_tit li:nth-child(1) span{ font-weight: 900; font-family: "ggs"; }
.se7_tit li:nth-child(2) { width: 80px; height: 1px; background: #fff; opacity: 8%; margin-top: 25px; }
.se7_tit li:nth-child(3) { font-size: 28px; font-weight: bold; color: #fff; margin-top: 30px;}
.se7_tit li:nth-child(3) p{  font-weight: 900; font-family: "ggs"; }

.se7_box { width: 1140px; height: 450px; position: absolute; right: 0; top: 0; background-image: url(/images/box_se7.png); background-position: center; background-repeat: no-repeat;}
/*.se7_box:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 10px; 
	padding: 3px; 
	/*background:linear-gradient(to bottom right, #A1712A 10%, #FCF9E3 47%, #A1712A 80%); 
	background: linear-gradient(to bottom, #A1712A 2%, #fff6d3 50%, #A1712A 100%);
	-webkit-mask: 
		linear-gradient(#fff 0 0) content-box, 
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude; 
}*/

.se7_box .award_slide .slide_items { width: 883px; overflow: hidden; float: left; }

.se7_box > div { width: 850px; float: left; left: 80%; top: 50%; transform: translate(-80%, -50%); }
.se7_item { width: 185px; height: 265px; float: left; text-align: center; }
.se7_item li{width: 100%; float: left;}
.se7_item li p {text-align: center; display: inline-block; }
.se7_item li img { width: 120px; height: 100%; }
.se7_item .con{font-size: 15px; height: 85px; padding: 15px 0; line-height: 20px; color: #fff; font-family: 'ggs'; font-weight: lighter;  background-color: rgba(0,0,0,0.3); border-radius: 10px; margin-top: 30px; }
.se7_item .con span{font-weight: bold; font-family: 'ggs';}
.se7_item:not(:last-child) { margin-right: 12px; }

.se7_box .arrow { position: absolute; top: 50%; color: #fff; font-size: 30px; transform: translateY(-50%); line-height: 50px; border-radius: 100%; width: 50px; height: 50px; text-align: center; cursor: pointer; background: rgba(255,255,255,0.5); }
.se7_box .arrow_left { left: -50px; width: 40px; height: 40px;}
.se7_box .arrow_left i{transform: translate(0px, -2px); font-size: 22px; position: absolute; top: 10px; left: -8px;}
.se7_box .arrow_right { right: -50px; width: 40px; height: 40px;}
.se7_box .arrow_right i{transform: translate(0px, -2px); font-size: 22px; position: absolute; top: 10px; left: -4px;}


/* section8 */
.section8 { margin-bottom: -74px; }
.section8 .tit { margin-top: 60px; }
.section8 .tit p:first-child { font-size: 38px; font-weight: 900; color: #000; font-family: "vitrocore";}
.section8 .tit p:last-child { font-size: 16px; color: #999999; margin-top: 10px; }
.section8 .tit p span{ letter-spacing: 0px; }
.section8 .tit p span:not(:last-child) { margin-right: 8px; }

.section8 > img { position: absolute; z-index: -1; }
.section8 > img.back_images1 {left: 80px; bottom: -30px; }
.section8 > img.back_images2 { right: 50px; top: 0; }

.se8_box { width: 100%; float: left; margin-top: 40px; text-align: center; padding: 0 25px; }

.se8_item { width: 175px; height: 175px; margin-right: 17.8px; display: inline-block; margin-bottom: 20px; }
.se8_item:nth-child(6n) { margin-right: 0; }
.se8_item > a { width: 100%; height: 100%; overflow:hidden; float: left; }