@font-face {font-family: 'yg-jalnan';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');font-weight: normal;font-style: normal;}

h1,h2,h3,h4,h5,h6,p,div,section,td,th,label,adddress,a,body,li{letter-spacing:-1px} 
article, h1,h2,h3,h4,h5,h6 {font-family: 'NanumSquare', sans-serif; margin : 0; padding : 0;}
.page{max-width : 1200px; margin : 0 auto;}
.page ul, .page li, .page ol, .page dl, .page dd, .page dt{padding : 0; margin : 0; list-style: none;}
.page em, .page i{font-style: normal;}
.page section{ background-repeat: no-repeat;/*   border-top : solid 1px #222;  */}
.page section:first-child{border-top : none;}
.at-content{padding : 0;}
.page_01_intro{max-height: auto; width : 100%; padding : 150px 50px 113px; text-align: center; background-size: cover;}
.page_01_intro h1{font-size : 84px; text-align: center; font-weight: bold; }
.page_01_intro h1 em{ display: block; color :#ffedb2; margin-bottom : 10px;}
.page_01_intro h1 span{color : #d29936;}
.page_01_intro .rounded_box{ max-width : 550px; font-size : 30px; color : #000; margin : 40px auto 60px; background: linear-gradient(125deg, #bb9e63 40%, #dec28c 50%, #c19b6d 60%);  padding : 20px 0px; border-radius: 10px;}
.page_01_intro img {display: block; text-align: center; margin : 0 auto;}
.page_01_intro .btn_wrapper{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top : 40px;}
.page_01_intro .btn_wrapper a {width : calc(33% - 30px); font-size : 20px; margin: 20px 0px;}
.page_01_intro .gradient_btn{font-size : 30px; margin : 45px 0px; background: linear-gradient(125deg, #bb9e63 30%, #fff5e1 40%, #c19b6d 60%); padding : 10px 60px; display: inline-block; color : #330000; font-weight: bold; position: relative; transition : 0.3s ease-out; background-position: 20%;}
.page_01_intro .gradient_btn span {position: relative; z-index: 2;}
.page_01_intro .gradient_btn:hover{}
.page_01_intro .gradient_btn:after{content:''; position: absolute; width : 100%; height: 100%;background: linear-gradient(125deg, #bb9e63 20%, #ffffff 70%, #c19b6d 80%); left : 0 ;top : 0;  z-index: 1; opacity: 0; transition : 0.5s ease-out;}
.page_01_intro .gradient_btn:hover:after{opacity: 1; }

.page_01_reason{max-height: 1110px; padding : 30px 50px 85px; text-align: center;}
.page_01_reason h2 {color : #fadeb1; font-size : 36px; line-height: 62px; margin : 20px 0px 45px;}
.page_01_reason h2 b{font-size : 48px; font-weight: normal;}
.page_01_reason h2 strong{font-size : 58px; font-weight: normal;}
.page_01_reason .reason_box{}
.page_01_reason .reason_box ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.page_01_reason .reason_box ul li{width : calc(33.333% - 20px); position: relative; padding : 10px; border-radius: 10px;  background: linear-gradient(125deg, #ffefd1 5%, #d6b77a 55%, #c19b6d 69%); margin : 33px 0px;}
.page_01_reason .reason_box ul li>div{position: relative; z-index: 1; background-color: #1a1a1a; width : 100%; height: 100%; padding : 10px 0px 25px;}
.page_01_reason .reason_box ul li>div img{margin-bottom : 15px;}
.page_01_reason .reason_box ul li>div strong{display: block; font-size : 24px; color : #fce7c5; margin-bottom : 20px;}
.page_01_reason .reason_box ul li>div span{color : #ffffff; font-size : 17px;}
.page_01_iso{text-align: center;padding : 40px 50px 40px; position: relative;}
.page_01_iso:after{content:''; position: absolute; width : 50%; height: 100%; top : 0; left : 0; background: linear-gradient(95deg, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0) 69%);}
.page_01_iso h2 {font-size : 50px; color : #efc478;  margin-top : 20px;}
.page_01_iso .iso_item_box{margin : 30px 0px 35px;}
.page_01_iso .iso_item_box ul{display: flex; justify-content: space-between; max-width : 860px; margin : 0 auto;}
.page_01_iso .iso_item_box ul li{} 
.page_01_iso .iso_item_box ul li img{}
.page_01_iso .iso_bottom {position: relative; padding-left : 155px; color : #fff; max-width : 945px; text-align: left; font-size : 27px; line-height:  35px; margin : 0 auto; height: 150px; display: flex; align-items: center;}
.page_01_iso .iso_bottom>span {position: absolute; top : 0; left : 0; background-color: #ffcc33; border-radius: 100%; width : 140px; height: 140px; display: flex; align-items: center; justify-content: center;}
.page_01_sale{text-align: center; padding : 115px 50px 39px;}
.page_01_sale h2{ font-size : 72px; margin-bottom : 40px; font-weight: bold;}
.page_01_sale h2 em{display: block; color : #ffedb2;}
.page_01_sale h2 em i{font-size : 48px;}
.page_01_sale h2 span {color : #d29936;}
.page_01_sale .text_box{font-size : 23px; line-height: 40px; color : #fff;}
.page_01_sale .text_box strong {color : #ff0000; font-size : 35px;}
.page_01_sale .item_box{margin : 75px 0px 60px;}
.page_01_sale .sale_bottom{}
.page_01_sale .sale_bottom p{font-size : 23px; color : #fff;}
.page_01_cs{padding : 35px 50px 28px; color : #fff;}
.page_01_cs a {color : #fff;}
.page_01_cs a:hover {color : #fff;}
.page_01_cs .cs_box{background-color: #333; padding : 50px 0px 45px 100px; border-radius: 30px;}
.page_01_cs .cs_box:after{content:''; display: block; clear: both;}
.page_01_cs .cs_box>div>div{display: flex; align-items: center; flex-wrap:wrap; height: 90px;  margin-bottom : 30px;}
.page_01_cs .cs_box>div>ul{font-size : 14px; transform : skew(-0.1deg);}
.page_01_cs .cs_box .left{float: left; max-width : 260px; margin-right : 40px;}
.page_01_cs .cs_box .left>div{position: relative; padding-left : 90px; }
.page_01_cs .cs_box .left>div p{font-size : 18px; margin-bottom : -20px;}
.page_01_cs .cs_box .left>div h2{font-size : 40px; width : 100%;}
.page_01_cs .cs_box .left>div img {position: absolute; top : 0; left : 0;}
.page_01_cs .cs_box .right{float: left;}
.page_01_cs .cs_box .right>div{}
.page_01_cs .cs_box .right>div h1{font-size : 60px; font-weight: bold; }
.page_01_cs .cs_box .right ul{color : #ccc;}
.page_01_kakaoch{padding : 39px 50px 0px; text-align: center;}
.page_01_purchase{background-color: #000; padding : 50px 50px;}
.page_01_purchase h2 {color : #fff; font-size : 72px; text-align: center; font-weight: bold; margin-bottom : 45px;}
.page_01_purchase .purchase_box{ height: 300px;overflow: hidden; border-radius: 50px; background: linear-gradient(25deg, #f7c208 50%, #ff0000 51%); position: relative;}
.page_01_purchase .purchase_box:after{content:''; display: block; clear: both;}
.page_01_purchase .purchase_box>div{float: left; width : 50%; background-color: #f7c208; transform : skew(60deg); height: 100%; display: flex; align-items: center; justify-content: center;}
.page_01_purchase .purchase_box>div>span{transform : skew(-60deg); display: block; text-align: center;}
.page_01_purchase .purchase_box>div>span>i {background-color: #fff; border-radius: 100%; width : 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin : 0 auto 10px; font-size : 23px;}
.page_01_purchase .purchase_box>div>span>em {display: block; font-size : 17px; font-weight: bold;}
.page_01_purchase .purchase_box .arrow{position: absolute; top : 50%; left : 50%; transform : translate(-50%, -50%); width : 50px; height: 50px; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.page_01_purchase .purchase_box .left{border-right : solid 2px #000;}
.page_01_purchase .purchase_box .right{background-color: #ff0000;}
.page_01_purchase .text_box{margin-top : -55px;}
.page_01_purchase .text_box p {color : #fff; font-size : 13px; transform: skew(-0.1deg); text-align: center;}
.page_01_purchase .text_box p strong {color : #ff0000;}



.product .product_top{background-repeat: no-repeat; background-position: top; text-align: center; padding : 118px 0px 66px;color : #fff;}
.product .product_top h2{ font-size : 48px; font-family: 'yg-jalnan', sans-serif;}
.product .product_top h2 em{color : #af8d76; display: block;}
.product .product_top p{font-size : 17px; margin-top : 90px;}
.product .product_top p b{color : #ff0000; }
.product .product_box{min-height: 500px;}
.product .product_box ul{background-image: url(../img/page/bg_product_item.jpg); background-repeat: repeat-y; }
.product .product_box ul li{margin : 30px 5px; position: relative;  border : solid 5px #c2a562;}
.product .product_box ul li:first-child{margin-top: 0px;}
.product .product_box ul li:last-child{margin-bottom : 0px;}
.product .product_box ul li .marker{display: block; position: absolute; top : -20px; left : 20px; background-image: url(../img/page/item_product_marker.png); width : 98px;  height: 159px; font-size :  19px; color : #fff; text-align: center; font-weight: bold; padding-top : 50px; z-index: 9;}
.product .product_box ul li .marker em{font-size : 27px; display: block ; margin-top : 15px;}
.product .product_box ul li .img_con{position: relative;}
.product .product_box ul li .img_con img {max-width : 100%;}
.product .product_box ul li .img_con p {color : #fff; font-size : 17px; text-align: center; position: absolute; bottom : 3px;  margin : 0 auto; left : 0; right : 0; font-weight: bold;}
.product .product_box ul li .img_con p.black {color : #000;}
.product .product_box ul li .text_con{color : #fff; font-weight: bold; text-align: center; padding : 22px 0px 17px; background-color: #2f2f2f;}
.product .product_box ul li .text_con em {font-size : 24px; color : #af8d76;}
.product .product_box ul li .text_con h6 {font-size : 27px;}


@media all and (min-width:992px){
	.br-d{display: block;}
	.br-m{display: none;}
}
@media all and (max-width:991px){
	.br-d{display: none;}
	.br-m{display: block;}
	.page section{background-size: cover;}
	.page_01_intro{padding : 100px 50px 50px;}
	.page_01_intro h1{font-size : 40px;}
	.page_01_intro .rounded_box{font-size : 25px;}
	.page_01_reason{padding : 30px 20px 40px; max-height: none;}
	.page_01_reason h2{font-size : 25px;}
	.page_01_reason h2 b{font-size : 30px;}
	.page_01_reason h2 strong{font-size : 42px;}
	.page_01_reason .reason_box ul li{width : calc(50% - 10px); margin : 10px 0px;}
	.page_01_iso h2{font-size : 33px;}
	.page_01_iso .iso_item_box ul li{width : calc(50% - 10px); background-color: #fff;}
	.page_01_iso .iso_bottom{font-size : 20px; word-break : keep-all;}
	.page_01_sale{padding : 80px 20px 30px;}
	.page_01_sale h2{font-size : 40px;}
	.page_01_sale .text_box{font-size : 18px;}
	.page_01_sale .text_box strong{font-size : 30px;}
	.page_01_cs{padding : 30px 20px 20px;}
	.page_01_cs .cs_box{padding : 20px 20px;}
	.page_01_cs .cs_box>div>div{margin-bottom : 12px;}
	.page_01_kakaoch{padding : 20px 20px;}
	.page_01_purchase{padding : 20px 20px 50px;}
	.page_01_purchase h2{font-size : 40px; margin-bottom : 20px;}
	.page_01_purchase .purchase_box{height: 250px;}
	.product .product_top{padding : 50px 0px;}
	.product .product_top h2{font-size : 40px; line-height: 55px;}
	.product .product_top p{margin-top : 45px;}
}
@media all and (max-width:640px){
	.is-pc.responsive .at-body .at-container,
	.is-mobile.responsive .at-body .at-container
	{padding : 0 !important;}
	.page_01_intro{padding : 50px 20px 0px;}
	.page_01_intro h1{font-size : 28px;}
	.page_01_intro .rounded_box{font-size : 18px; padding : 15px 0px; width : 95%;}
	.page_01_intro .gradient_btn{font-size : 18px;}
	.page_01_reason{padding : 30px 10px 30px;}
	.page_01_reason>img{width : 40px;}
	.page_01_reason h2{font-size : 18px; line-height: 40px; margin : 20px 0px 30px;}
	.page_01_reason h2 b{font-size : 25px;}
	.page_01_reason h2 strong{font-size : 32px; }
	.page_01_reason .reason_box ul li{padding : 2px; border-radius: 2px; width : calc(50% - 5px); margin : 5px 0px;}
	.page_01_reason .reason_box ul li>div{padding : 20px 5px;}
	.page_01_reason .reason_box ul li>div img{width : 50px;}
	.page_01_reason .reason_box ul li>div strong{font-size : 15px; word-break : keep-all;}
	.page_01_reason .reason_box ul li>div span{font-size  : 12px;}
	.page_01_iso{padding : 20px 20px 30px;}
	.page_01_iso h2{font-size : 24px;}
	.page_01_iso>img{width : 40px;}
	.page_01_iso .iso_bottom{font-size : 14px; padding-left : 110px; height: auto; line-height: 22px; }
	.page_01_iso .iso_bottom>span{width : 100px; height: 100px;}
	.page_01_iso .iso_bottom>span img {max-width : 70%;}
	.page_01_sale{padding : 40px 20px 20px;}
	.page_01_sale h2{font-size : 28px;}
	.page_01_sale h2 em i{font-size : 20px;}
	.page_01_sale .text_box{font-size : 13px;}
	.page_01_sale .text_box strong{font-size : 18px;}
	.page_01_sale .item_box{margin : 30px 0px 20px;}
	.page_01_sale .sale_bottom p{font-size : 14px;}
	.page_01_cs{padding : 15px 10px 10px;}
	.page_01_cs .cs_box{padding : 10px 10px; border-radius: 20px;}
	.page_01_cs .cs_box .right>div h1{font-size : 40px;}
	.page_01_cs .cs_box .right ul{font-size : 12px;}
	.page_01_purchase h2{font-size: 28px;}
	.page_01_purchase .purchase_box{height: 200px; border-radius: 25px;}
	.page_01_purchase .purchase_box>div{margin-bottom : 10px;}
	.page_01_purchase .text_box{margin-top : 15px;}
	.page_01_purchase .purchase_box .arrow{width : 30px; height: 30px;}
	.page_01_purchase .purchase_box .arrow img {width : 80%;}
	.product .product_top h2{font-size : 28px;}
	.product .product_box ul li .text_con{padding : 10px;}
	.product .product_box ul li .text_con em{font-size : 18px;}
	.product .product_box ul li .text_con h6{font-size : 20px; margin : 0px 0px 0px; word-break : keep-all; line-height: 30px;}
	.product .product_box ul li .img_con p{font-size : 8px; line-height: 14px; transform : scale(0.8);}
	.product .product_box ul li .marker{background-size: contain; background-repeat: no-repeat; width : 70px; padding-top : 25px; font-size : 15px;}
	.product .product_box ul li .marker em{font-size : 23px;}
}
@media all and (max-width:480px){
	.page_01_iso .iso_bottom{ align-items: flex-start;}
}