@charset "utf-8";
/* CSS Document */

/* 메인곡톡 */
	html{overflow-x:hidden}
	#wrap{font-family:"Lexend", sans-serif !important;color:#666;font-size:17px;font-weight:400;line-height:32px}

/* ? λ°°λ„ˆ */
	.topbn{width:100%;height:45px;background:#222;display:flex;align-items:center;justify-content:center}
	.topbn a{color:#fff;font-size:15px;line-height:20px;text-align:center}

/* ?—€?” */
	#head{z-index:10;position:sticky;top:0;background:rgba(255,255,255,0.95)}
	#head.on{box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05)}
	#head.on .inner{height:75px}
	#head .inner{height:85px;display:grid;grid-template-columns:15% 70% 15%;gap:0;align-items:center;max-width:1600px;width:100%;padding:0 10px;margin:0 auto}
	#head .logo{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;line-height:0}
	#head .logo a img{width:100%;max-width:75px;padding-bottom:0}
	#head .menu{display:flex;align-items:center;justify-content:center}
	#head .menu > a{width:140px;height:50px;border:2px solid #db5432;color:#db5432;border-radius:600px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;margin-right:20px;padding:1px 0 0 2px}
	#head .menu .firs{display:flex;align-items:center;justify-content:center}
	#head .menu .firs > li{position:relative}
	#head .menu .firs > li:hover .seco{max-height:800px}
	#head .menu .firs > li > a{color:#000;font-weight:500;padding:20px 22px;text-transform:uppercase}
	#head .menu .firs > li:last-child > a{color:#888}
	#head .menu .seco{position:absolute;top:48px;right:50%;margin-right:-110px;width:220px;background:rgba(250,250,250,1);max-height:0;overflow:hidden;text-align:center;transition:all .3s ease-in-out}
	#head .menu .seco li a{font-size:16px;color:#888;padding:10px 5px;display:block}
	#head .menu .seco li a:hover{background:rgba(0,0,0,0.025)}
	#head .menu .seco li a, #head .menu .seco li a:hover{transition:all .3s ease-in-out}
	#head .memb{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end}
	#head .memb ul{display:flex;align-items:center;justify-content:center}
    #head .memb li{line-height:0}
	#head .memb .point-box{border:2px solid #db5432;color:#db5432;border-radius:500px;width:150px;height:43px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;margin-right:20px}
	#head .memb .serch-open{display:block}
	#head .memb .mb-open{display:none;line-height:0}

/* λͺ¨λ°”?Όλ©”뉴 */
	.mb-menu{z-index:200;position:fixed;top:0;right:-320px;width:320px;height:100%;background:#fff;padding:0 20px 150px}
	.mb-menu .mb-member{margin-top:20px;display:flex;align-items:center;justify-content:flex-end}
	.mb-menu .mb-member a.point-red{border:2px solid #db5432;color:#db5432;border-radius:500px;width:150px;height:43px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;text-decoration:none;margin-bottom:5px}
	.mb-menu .mb-search{position:Relative;margin:20px 0 10px}
	.mb-menu .mb-search input.s-bar{border:1px solid #ddd;background:#f5f5f5;padding:5px 30px 5px 60px;width:100%;height:60px;font-family:"Lexend", sans-serif !important;font-size:15px;font-weight:400}
	.mb-menu .mb-search input.s-bar::placeholder{color:#aaa}
	.mb-menu .mb-search input.s-ent{position:absolute;top:17px;left:20px;width:25px;height:25px;background:url(../img/member-icon3.png) no-repeat center center;background-size:cover !important;cursor:pointer;font-size:0}
	.mb-menu .firs a{font-size:18px;font-weight:500;display:block;width:100%;padding:20px 10px 18px;border-bottom:1px solid #ddd;color:#000}
	.mb-menu .firs a.point-gray{color:#aaa;text-transform:uppercase}
	.mb-menu .seco{background:#f5f5f5;display:none}
	.mb-menu .seco li:first-child{padding-top:10px}
	.mb-menu .seco li:last-child{padding-bottom:10px}
	.mb-menu .seco li a{font-size:15px;color:#666;border:none;padding:5px 30px}
		.mb-menu-bg{z-index:190;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);cursor:pointer}
		.mb-menu, .mb-menu-bg{display:none}

/* ?„œμΉ˜λ°” */
	.seach-bar{z-index:200;position:absolute;top:130px;left:0;background:#fff;border-top:1px solid #ddd;width:100%;height:90px}
	.seach-bar .inner{width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0 10px;display:grid;grid-template-columns:30% 40% 30%;gap:0;align-items:center}
		.seach-style{position:relative;padding-bottom:5px}
		.seach-style input.s-bar{border-bottom:2px solid #222;padding:5px;width:100%;height:60px;font-family:"Lexend", sans-serif !important;font-size:17px}
		.seach-style input.s-bar::placeholder{color:#aaa}
		.seach-style input.s-ent{position:absolute;top:12px;right:8px;width:31px;height:31px;background:url(../img/member-icon3.png) no-repeat center center;background-size:cover !important;cursor:pointer;font-size:0}
	.seach-bar .ri{text-align:right}
	.seach-bar .close{cursor:pointer}
		.seach-bar-bg{z-index:190;position:fixed;top:130px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);cursor:pointer}
		.seach-bar, .seach-bar-bg{display:none}

/* κ²??ƒ‰κ²°κ³Ό */
	.seach .seach-style{max-width:500px;margin:50px auto 80px}
	.seach .seach-none{width:100%;height:200px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#000}

/* ?Œ?—… */
	.popup{font-family:"Pretendard", sans-serif !important;color:#444;font-size:17px;font-weight:500;line-height:32px;z-index:200;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:800px;max-height:80vh;margin:0 auto;background:#fff;overflow-y:auto}
	.popup .tt{width:100%;height:80px;background:#f5f5f5;padding:0 15px}
	.popup .tt ul{display:grid;grid-template-columns:15% 70% 15%;gap:0;align-items:center;height:100%}
	.popup .tt ul:after{display:none}
	.popup .tt h3{text-align:center;color:#000;font-size:20px;font-weight:600;margin-top:3px}
	.popup .tt li:last-child{text-align:right}
	.popup .tt .close{cursor:pointer;margin-top:10px}
	.popup .tt .close img{width:25px}
	.popup .ct{padding:40px 50px 50px}
	.popup .ct p{text-align:center}
    .popup .ct input{width:100%;height:55px;display:flex;justify-content:center;align-items:center;border-radius:3px;font-size:15px;padding:10px;border:1px solid #888;color:#000;font-family:"Pretendard", sans-serif !important;font-weight:500}
	.popup-bg{z-index:190;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);cursor:pointer}
		.popup, .popup .in, .popup-bg{display:none}
	.popup .p-btn ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}
	.popup .p-btn ul:after{display:none}
	.popup .p-btn li a{width:100%;height:55px;display:flex;justify-content:center;align-items:center;border-radius:3px;font-size:16px;padding:1px 0 0 2px;border:1px solid #888;color:#000}
	.popup .p-btn li a.re{color:#db5432;border-color:#db5432}
	.popup .p-btn li a.bl{color:#fff;border-color:#222;background:#222}
	.popup .p-btn li a.no{color:#aaa;text-decoration:underline;border:none;justify-content:flex-end}
		.popup .p-return .p-btn ul{grid-template-columns:repeat(1, 1fr)}

	.popup textarea{font-family:"Pretendard", sans-serif !important;font-size:15px;line-height:25px;width:100%;height:300px;border:1px solid #ddd;padding:20px;outline:none}
	.popup .filebox{flex:1;display:relative;margin:15px 0}
	.popup .filebox .upload-name{display:inline-block;font-family:"Pretendard", sans-serif !important;font-size:15px;height:55px;padding:0 10px;vertical-align:middle;border:1px solid #dddddd;color:#999999;width:78%}
	.popup .filebox label{display:inline-block;padding:12px 5px;font-size:15px;color:#fff;vertical-align:middle;background:#ccc;cursor:pointer;width:21%;height:55px;text-align:center}
	.popup .filebox input[type="file"]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0}

	.main-popup{z-index:500;position:fixed;border:1px solid #222;background:#fff;font-family:"Pretendard", sans-serif !important;color:#000;font-size:16px;font-weight:500;line-height:32px}
	.main-popup .top img{width:100%}
	.main-popup .bot ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:0}
	.main-popup .bot ul:after{display:none}
	.main-popup .bot li:first-child{border-right:1px solid #222}
	.main-popup .bot li{text-align:center}
	.main-popup .bot li a{display:block;padding:6px}
	.main-popup .close-x{display:none !important}
		.main-popup1{top:60px;left:15px}
		.main-popup2{top:80px;left:115px}
	.p-cupon select{font-family:"Pretendard", sans-serif !important;font-size:17px;line-height:25px;font-weight:600;width:100%;height:60px;border:1px solid #aaa;padding:10px;outline:none;border-radius:3px}
	.p-cupon span{font-size:15px;line-height:22px;color:#aaa;padding:10px 10px 30px;display:inline-block}

/* ?‘Έ?„° */
	#foot{text-align:center;background:#f5f5f5;border-top:1px solid #ddd;padding:0 10px}
	#foot .top{padding:50px 0}
	#foot .top a{text-decoration:underline}
	#foot .bot{padding:27px 0;border-top:1px solid #ddd}
		.top-btn{z-index:10;position:fixed;bottom:0;right:0;font-size:15px;font-weight:300;color:#fff;width:50px;height:50px;background:rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0}
		.top-btn:hover{background:rgba(0,0,0,0.3)}
		.top-btn.on{opacity:1}
		.top-btn, .top-btn:hover, .top-btn.on{transition:all .3s ease-in-out}

/* ?„œλΈŒκ³΅?†΅ */
	.main .inner{max-width:1200px;width:100%;padding:0 10px;margin:0 auto}
	.main h3{font-size:27px;line-height:40px;font-weight:600;color:#000;margin-bottom:30px}
	.sub{max-width:1200px;width:100%;margin:0 auto;padding:0 10px}
	.sub h4{font-size:50px;line-height:50px;font-weight:600;color:#000;text-align:center}
	.s-tab{display:flex;align-items:center;justify-content:center;margin:40px 0 60px}
	.s-tab li{margin:0 5px}
	.s-tab li a{font-size:16px;width:170px;height:42px;border-radius:500px;background:#f5f5f5;color:#aaa;display:flex;align-items:center;justify-content:center}
	.s-tab li a:hover{color:#000}
	.s-tab li a, .s-tab li a:hover{transition:all .3s ease-in-out}
	.s-tab li.on a{background:#222;color:#fff}
	.pagenation{margin-top:100px}
	.pagenation ul{display:flex;align-items:center;justify-content:center}
	.pagenation li{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #ddd;margin-right:-1px;font-size:14px;font-weight:400;color:#888}
	.pagenation li.on{border:1px solid #000;z-index:1;color:#000}
	.pagenation li:hover{color:#000}
	.pagenation li, .pagenation li:hover{transition:all .3s ease-in-out}
	.pagenation li:first-child, .pagenation li:last-child{border:none}
	.same-tt{display:flex;align-items:flex-start;justify-content:flex-start}
	.same-tt h5{font-size:24px;font-weight:700;color:#000;margin:3px 0 0 12px}
	.point-red{color:#db5432;text-decoration:underline}
	.head-pd{height:100px}
	.foot-pd{height:240px}
	.p-100{height:100px}
	.p-50{height:50px}

/* ?Έ?’‹λ°•μŠ€ */
	.m-contact input, .m-contact textarea, .m-contact select{border:1px solid #ddd;border-radius:5px;height:65px;width:100%;outline:none;padding:0 20px;font-family:"Lexend", sans-serif !important;font-size:16px;line-height:28px;font-weight:400;margin-bottom:10px}
	.m-contact input::placeholder{color:#aaa}
	.m-contact textarea{padding:20px;height:365px}
    .m-contact .le > div{margin-bottom:0 !important}

	input[type="checkbox"]{display:none;width:auto}
	input[type="checkbox"] + label{cursor:pointer}
	input[type="checkbox"] + label > span{vertical-align:middle;padding-left:5px}
	input[type="checkbox"] + label:before{content:"";display:inline-block;width:14px;height:14px;border:1px solid #666;border-radius:3px;vertical-align:middle;margin:-2px 10px 0 0}
	input[type="checkbox"]:checked + label:before{content:"";border-color:#222;background-image:url('../img/check-on.jpg');background-repeat:no-repeat;background-position:50%;background-size:19px}

	input[type='radio']{flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid #222;border-radius:50%;outline:none;cursor:pointer;padding:0;margin-right:5px;position:relative;top:3px}
	input[type='radio']:checked{background-color:#222;border:3px solid #fff;box-shadow:0 0 0 1px #222}

	select{outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url("../img/select-b.png") #fff no-repeat 98% 50% !important}
	select::-ms-expand{display:none}

	.filebox{flex:1;display:relative}
	.filebox .upload-name{display:inline-block;font-family:"Lexend", sans-serif !important;font-size:16px;height:65px;padding:0 20px;vertical-align:middle;border:1px solid #dddddd;color:#999999;width:100%}
	.filebox label{font-size:16px;color:#fff;background:#ddd;cursor:pointer;width:100px;height:40px;text-align:center;display:flex;align-items:center;justify-content:center;float:right;position:relative;top:-62px;right:15px;border-radius:3px}
	.filebox input[type="file"]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0}

/* ?…Œ?΄λΈ”μŠ€????Ό */
	/* 베이� */
		.ta-type1{border-top:2px solid #222;width:100%;margin-top:10px}
		.ta-type1 th, .ta-type1 td{border:1px solid #ddd;padding:6px 3px;text-align:center;font-weight:500;line-height:26px}
		.ta-type1 td{color:#444}
		.ta-type1 th{color:#000;background:#f5f5f5}
		.ta-type1 a{color:#0c7eff;text-decoration:underline}
	/* ? œ?’ˆ?””?…Œ?Ό ?˜΅?…˜μͺ? */
		.ta-type2{width:100%}
		.ta-type2 th, .ta-type2 td{color:#000;padding:6px 3px;text-align:left;font-size:17px;font-weight:500;vertical-align:top}
		.ta-type2 th{padding-top:16px}
	/* 베이μ§? ?—…κ·Έλ ˆ?΄?“œ : ?˜€?‹œ?Š”κΈ? */
		.ta-type3 th, .ta-type3 td{padding:13px 3px}
		.ta-type3 td{text-align:left;padding-left:15px}
	/* 베이μ§? ?—…κ·Έλ ˆ?΄?“œ : ? œ?’ˆ?•œ?ˆˆ?—λ³΄κΈ° */
		.ta-type4 td img{width:100%}
		.ta-type4 th, .ta-type4 td{padding:10px 3px}
		.ta-type4 tr:first-child th, .ta-type4 tr:first-child td{padding:0;border:none}
	/* 베이μ§? ?—…κ·Έλ ˆ?΄?“œ : 쿠폰 */
		.ta-type5 th, .ta-type5 td{padding:13px 3px}
		.ta-type5 td:last-child{text-align:left;padding-left:15px}
	/*  ?ž₯바ꡬ?‹ˆ κ°?격μͺ½ */
		.ta-type6{width:100%}
		.ta-type6 th, .ta-type6 td{font-weight:600;color:#000;padding:11px 3px}
		.ta-type6 td{font-size:16px}
		.ta-type6 th{font-size:18px}
		.ta-type6 td:first-child, .ta-type6 th:first-child{text-align:left}
		.ta-type6 td:last-child, .ta-type6 th:last-child{text-align:right}
		.ta-type6 hr{width:100%;height:1px;background:#ddd}
		.ta-type6 .total th:last-child{font-size:22px;font-weight:700}
		.ta-type6 .total th:last-child span{font-size:16px;font-weight:600;margin-left:2px}

/* ΈήΐΞ½½ΆσΐΜ΅ε */
    .item-cont p{line-height:26px}

/* 메인 : ?•„?΄μ½˜μ˜?—­ */
	.m-btnbox{text-align:center;width:100%;max-width:550px;margin:50px auto 120px}
	.m-btnbox ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;align-items:center}
	.m-btnbox a{height:170px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;border-radius:20px;padding:22px 5px}
	.m-btnbox p{color:#000;margin-top:12px;font-weight:500;font-size:18px}
	.m-btnbox a img{position:relative}
	.m-btnbox a:hover img{animation:scoll-down 1.25s ease-in-out infinite}
		@keyframes scoll-down{
			0%{top:0}
			50%{top:10px}
			100%{top:0}
		}

/* 메인 : ?ΈκΈ°μƒ?’ˆ + μΆ”μ²œ? œ?’ˆ */
	.m-best{text-align:center}
	.m-best ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;row-gap:50px}
	.m-best ul:after{display:none}
	.m-best ul li .img{border-radius:30px;overflow:hidden;margin-bottom:15px;line-height:0}
	.m-best ul li .img img{width:100%}
	.m-best ul li .text h6{font-size:20px;line-height:28px;font-weight:500;color:#000}
	.m-best ul li .text p{font-size:18px;line-height:24px;font-weight:500;color:#db5432;margin-top:7px}

/* 메인 + ?„œλΈ? : 문의?•˜κΈ? */
	.m-contact{margin-top:130px;padding:130px 0 200px;text-align:center;background:url('../img/mc-bg.jpg') no-repeat center center;background-size:cover !important}
	.m-contact .tt{padding:0 10px}
	.m-contact .tt h3{margin-bottom:5px}
	.m-contact .tt p{color:#000}
	.m-contact .tt p.point-red{color:#db5432;text-transform:uppercase;font-size:18px;font-weight:600;margin-bottom:30px}
	.m-contact .ct{width:100%;max-width:1200px;margin:50px auto 0;padding:0 10px;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
	.m-contact .ct .le p{font-size:14px;color:#aaa;line-height:22px;text-align:left;margin-left:10px}
	.m-contact .ct .le p span{display:inline-block;text-decoration:underline}
	.m-contact input[type="submit"]{background:#313238;color:#fff;width:215px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:17px;border-radius:5px;cursor:pointer}
		#detail-cont9{position:relative;top:60px}
		#head  .memb .point-box.main-show{display:none}

/* ? œ?’ˆλ¦¬μŠ€?ŠΈ */
	.p-list .m-best ul{grid-template-columns:repeat(3, 1fr);gap:20px;row-gap:60px}
	.m-best li a:hover img{transform:scale(1.1, 1.1)}
	.m-best li a img, .m-best li a:hover img{transition:all .3s ease-in-out}

/* ? œ?’ˆ?””?…Œ?Ό : ?Έ?„€?Όμͺ? */
	.p-detail .top{display:flex;align-items:flex-start;justify-content:center;margin-bottom:150px}
	.p-detail .top .imgbox{width:50%}
	.p-detail .top .imgbox.on{position:sticky;top:160px}
		.p-detail .swiper{width:100%;height:100%}
		.p-detail .swiper-slide{border-radius:40px;overflow:hidden;text-align:center;display:flex;justify-content:center;align-items:center}
		.p-detail .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
		.p-detail .swiper-slide{background-size:cover;background-position:center}
		.p-detail .mySwiper2{height:80%;width:100%}
		.p-detail .mySwiper{height:20%;box-sizing:border-box;padding:10px 0}
		.p-detail .mySwiper .swiper-slide{width:25%;height: 100%;border:1px solid rgba(0,0,0,0.0)}
		.p-detail .mySwiper .swiper-slide-thumb-active{border:1px solid #000}
		.p-detail .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
		.p-detail .mySwiper .swiper-slide{width:19% !important}
		.p-detail .swiper-thumbs .swiper-slide{border-radius:20px;margin-right:7px !important}

/* ? œ?’ˆ?””?…Œ?Ό : ?˜΅?…˜μͺ? */
	.p-detail .orderbox{width:50%;padding:0 0 10px 50px}
	.p-detail .orderbox p.tt{font-size:22px;font-weight:600;color:#000}
	.p-detail .orderbox .red{font-size:16px;line-height:22px;color:#db5432;font-weight:500}
		.p-detail .d-title{margin-top:10px}
		.p-detail .d-title a{float:right;margin-top:5px}
		.p-detail .d-title h6{font-size:23px;line-height:30px;font-weight:600;color:#000}
		.p-detail .d-title p{color:#888;line-height:24px;margin:10px 0 6px}
		.p-detail .d-title div{display:flex;align-items:center;justify-content:flex-start}
		.p-detail .d-option .box{margin-top:30px}
		.p-detail .d-option .box .top-bar{border-top:2px solid #222;background:#f5f5f5;display:flex;align-items:center;justify-content:space-between;padding:10px;margin-bottom:10px}
		.p-detail .d-option .box .top-bar p{font-size:18px;color:#000;font-weight:500}
		.p-detail .d-option .box .top-bar a{width:80px;height:35px;border-radius:500px;border:2px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;color:#000}
		.p-detail .d-option th span{color:#db5432;margin-left:5px}
		.p-detail .d-option td .decimal{position:relative;top:-25px}
		.p-detail .d-option td .decimal li{text-align:left;font-size:15px;font-weight:400;line-height:25px;color:#666}
		.p-detail .d-option td .decimal li a{text-decoration:underline;color:#0c7eff}
		.p-detail .d-option hr.line{width:100%;height:2px;background:#222;margin:30px 0 10px}
		.p-detail .d-option input, .p-detail .d-option textarea,
		.p-detail .d-option select{border:1px solid #ddd;height:45px;width:100%;outline:none;padding:10px;font-family:"Lexend", sans-serif !important;font-size:15px;font-weight:500}
		.p-detail .d-option input::placeholder{color:#aaa}
		.p-detail .d-option input.opt-num::placeholder{color:#000}
		.p-detail .d-option textarea{height:120px}
		.p-detail .d-option td ul.half{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:10px}
		.p-detail .d-option td ul.half li{font-size:15px}
		.p-detail .d-option td ul.half li fieldset{margin:0;padding:0;border:none;min-inline-size:auto}
		.p-detail .d-option .filebox label{font-size:14px;width:80px;height:30px;top:-38px;right:10px}
		.p-detail .d-option .filebox input[type="file"]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0}
		.p-detail .d-option .addbox{border-top:2px solid #222;padding:20px 0;margin-top:20px}
		.p-detail .d-option .addbox a{width:220px;height:45px;background:#ddd;color:#fff;border-radius:50px;display:flex;align-items:center;justify-content:center;margin:0 auto}
			input.opt-num{text-align:right}
		.p-detail .d-table{margin:80px 0}
		.p-detail .d-table > div{display:flex;align-items:flex-end;justify-content:space-between}
		.d-buy{height:65px;margin:30px 0 10px}
		.d-buy .buy{cursor:pointer;width:100%;height:100%;font-size:17px;font-weight:500;background:#222;color:#fff;display:flex;align-items:center;justify-content:center}

/* ? œ?’ˆ?””?…Œ?Ό(?•˜?‹¨) : ?ƒ­ */
	.p-detail .detail-tab{display:grid;grid-template-columns:repeat(3, 1fr);gap:1px;cursor:pointer;z-index:1}
	.p-detail .detail-tab.on{position:sticky;top:75px}
	.p-detail .detail-tab li a{width:100%;height:60px;font-weight:500;background:#ddd;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;line-height:22px}
	.p-detail .detail-tab li.on a{background:#222;color:#fff}
		#detail-cont1{position:relative;top:-120px}
		#detail-cont2{position:relative;top:-30px}
		#detail-cont3{position:relative;top:-230px}

/* ? œ?’ˆ?””?…Œ?Ό(?•˜?‹¨) : ?ƒ?„Έ?Ž˜?΄μ§? */
	.p-detail .sangse{text-align:center;margin-top:30px}
	.p-detail .sangse img{max-width:100%}

/* ? œ?’ˆ?””?…Œ?Ό(?•˜?‹¨) : 주의?‚¬?•­ + μ£Όλ¬Έ λ°? 배솑?•ˆ?‚΄ */
	.p-detail .notes{margin:200px 0 100px}
	.p-detail .notes .line{width:100%;height:2px;background:#eee;margin:70px 0}
	.p-detail .notes .square li{margin-bottom:5px}
	.p-detail .shipping .ct-type6{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px}
	.p-detail .shipping .ct-type6:after{display:none}
	.p-detail .shipping .ct-type6 li{display:flex;align-items:center;justify-content:flex-start}
	.p-detail .shipping .ct-type6 li div{margin:3px 0 0 25px}
	.p-detail .shipping .ct-type6 li div h6{font-size:22px;font-weight:600;color:#000;margin-bottom:10px}
	.p-detail .chapter .tt{display:flex;align-items:flex-start;justify-content:flex-start}
	.p-detail .chapter .tt h5{font-size:24px;font-weight:600;color:#000;margin:3px 0 0 12px}
	.p-detail .chapter .numb{width:28px;height:28px;background:#db5432;border-radius:50px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;top:2px}
	.p-detail .chapter .notebox{display:flex;align-items:center;justify-content:center;width:100%;background:#f5f5f5;border:1px solid #db5432;padding:20px 5px;margin-top:20px}
	.p-detail .chapter .notebox p{font-size:18px;font-weight:500;color:#db5432;margin:3px 0 0 10px}
	.p-detail .chapter-all .tt{padding-bottom:20px}
	.p-detail .chapter-all ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}
	.p-detail .chapter-all ul:after{display:none}
	.p-detail .chapter-all li img{width:100%}
	.p-detail .chapter-all li > div{display:grid;grid-template-columns:40px 1fr;gap:0;margin-top:15px}
	.p-detail .chapter-200{display:grid;grid-template-columns:200px 1fr;gap:0}
	.p-detail .chapter-250{display:grid;grid-template-columns:250px 1fr;gap:0}
	.p-detail .chapter-300{display:grid;grid-template-columns:300px 1fr;gap:0}

/* ?žμ£Όλ¬»?Š”μ§ˆλ¬Έ */
	.faq .togglebox{border-top:2px solid #222}
	.faq .toggleitem .tt{background:#f5f5f5;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:25px 15px 23px 30px;border-bottom:1px solid #ddd}
	.faq .toggleitem .tt h6{font-size:19px;color:#000;font-weight:600}
	.faq .toggleitem .tt span{color:#000;font-size:25px;font-weight:300}
	.faq .toggleitem .tt.on{background:#fff;border-color:rgba(0,0,0,0)}
	.faq .toggleitem .ct{display:none;padding:0 50px 30px 32px;border-bottom:1px solid #ddd}

/* 곡μ???‚¬?•­ */
	.notibox .pc{display:block}
	.notibox .pc table{border-top:2px solid #222;width:100%}
	.notibox .pc td, .notibox .pc th{border-bottom:1px solid #ddd;padding:28px 5px;text-align:center;font-weight:600;font-size:18px;color:#222}
	.notibox .pc th{background:#f5f5f5}
	.notibox .pc td{font-weight:400}
	.notibox .pc td a{font-size:17px;color:#000;width:100%;height:100%;display:block}
	.notibox .pc td:nth-child(2){text-align:left}
	.notibox .mb{display:none}
	.notibox .mb .list{border-top:2px solid #222}
	.notibox .mb .list li{border-bottom:1px solid #ddd}
	.notibox .mb .list li a{font-size:18px;color:#000;padding:22px 5px 20px;display:block}
	.notibox .mb .list li a p{font-size:16px;font-weight:400;color:#aaa}
		.notibox .note{font-size:15px;color:#fff;background:#db5432;border-radius:2px;padding:2px 7px;margin-right:7px}
		.notibox .pagenation{margin:40px 0}
	.notibox .search{position:relative;text-align:center;left:3px}
	.notibox .search input.s-bar{border:1px solid #ddd;padding:5px 10px;width:100%;max-width:280px;height:55px;font-family:"Lexend", sans-serif !important;font-size:15px;font-weight:400}
	.notibox .search input.s-bar::placeholder{color:#aaa}
	.notibox .search input.s-ent{border:1px solid #ddd;background:#f5f5f5;color:#000;width:60px;height:55px;cursor:pointer;font-size:15px;font-weight:500;position:relative;top:0;left:-6px}

/* 곡μ???‚¬?•­ : ?””?…Œ?Ό */
	.noti-detail .tt{text-align:center;border-bottom:2px solid #eee}
	.noti-detail .tt h6{font-size:30px;line-height:40px;font-weight:700;color:#000}
	.noti-detail .tt p{color:#aaa;margin:10px 0 20px}
	.noti-detail .ct{width:100%;margin:20px 0;color:#000}
	.noti-detail .upload{border-top:2px solid #eee;padding:7px 0}
	.noti-detail .upload p{display:inline-block;padding:5px 12px 5px 0}
	.noti-detail .upload a{display:inline-block;padding:5px 12px;color:#0c7eff;text-decoration:underline;position:relative}
	.noti-detail .upload a:after{display:block;clear:both;content:'|';position:absolute;top:5px;left:-2px;color:#ddd;font-size:12px}
	.noti-detail .util{border-top:2px solid #eee;padding-top:30px}
	.noti-detail .util ul{display:grid;grid-template-columns:40% 20% 40%;gap:0;align-items:center}
	.noti-detail .util li a{display:flex;justify-content:center;align-items:center}
	.noti-detail .util li:nth-child(1) a{justify-content:flex-start}
	.noti-detail .util li:nth-child(1) .text{margin-left:20px}
	.noti-detail .util li:nth-child(3) a{justify-content:flex-end;text-align:right}
	.noti-detail .util li:nth-child(3) .text{margin-right:20px}
	.noti-detail .util .text span{color:#aaa}
	.noti-detail .util .text p{font-size:19px;font-weight:600;color:#000}
	.noti-detail .notice-content-body p{margin-bottom:0 !important}

/* ?””?ž?Έ?žλ£Œμ‹€ */
	.databox{border-top:2px solid #222}
	.databox ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:50px;row-gap:0}
	.databox ul:after{display:none}
	.databox li{display:grid;grid-template-columns:1fr 120px;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding:24px 10px 22px}
	.databox li p{color:#000;font-size:18px;font-weight:600;line-height:28px}
	.databox li a{width:120px;height:45px;color:#fff;background:#ddd;border-radius:3px;display:flex;align-items:center;justify-content:center;padding-top:1px}
	.databox li a:hover{background:#ccc}
	.databox li a, .databox li a:hover{transition:all .3s ease-in-out}

/* ?„œλΈ? : 컨텍?ŠΈ?–΄?Š€ */
	.contact .m-contact{margin:0;padding:0;background:none}
	.contact .m-contact .tt p.point-red{margin-top:-20px}

@media(max-width:1400px){
	#head .menu .firs, #head .memb ul{display:none}
	#head .memb .mb-open{display:block}
	#head .inner{height:80px;grid-template-columns:65% 1% 34%}
	#head .logo a img{padding-bottom:0}
	#foot .top li a{padding:10px 15px}
	#foot .bot{display:block;justify-items:center}
	#foot .bot .sns ul{margin-right:0;margin-top:15px}
	.seach-bar{top:120px}
	.seach-bar-bg{top:120px}
	.head-pd{height:80px}
	.foot-pd{height:200px}

	.sub h4{margin-bottom:30px;font-size:45px}
	.s-tab{display:none}
	.m-btnbox ul{gap:10px}
	.m-best ul{gap:10px;row-gap:40px}

	.p-detail .head-pd{height:50px}
}
@media(max-width:1200px){
	.m-best ul{grid-template-columns:repeat(2, 1fr);row-gap:40px}
	.p-list .m-best ul{gap:10px;row-gap:40px}
}
@media(max-width:900px){
	.seach-bar .inner{grid-template-columns:15% 70% 15%}
	.seach .seach-style{margin:35px auto 50px}
	.main-popup{width:95%}
	.main-popup1{top:60px;left:0}
	.main-popup2{top:120px;left:5%}
	.head-pd{height:60px}
	.foot-pd{height:150px}
	.main h3{margin-bottom:20px}
	.sub h4{font-size:40px}

	.m-btnbox{margin:50px auto 80px}
	.m-best ul li .img{border-radius:20px}
	.m-best ul{grid-template-columns:repeat(2, 1fr)}
	.m-best ul li .text h6{font-size:18px;line-height:24px}
	.m-best ul li .text p{font-size:16px;line-height:22px}
	.m-contact{padding:100px 0 150px}
	.m-contact .ct{grid-template-columns:repeat(1, 1fr)}
	.m-contact .ct textarea{height:450px;margin-bottom:30px}

	.s-category{display:block;text-align:center;max-width:300px;margin:0 auto 40px}
	.s-category li{display:inline-block}
	.faq .toggleitem .tt{padding:25px 15px 23px 10px}
	.faq .toggleitem .ct{padding:0 10px 30px 10px}

	.p-list .m-best ul{grid-template-columns:repeat(2, 1fr)}
	.p-detail .top{flex-direction:column}
	.p-detail .top .imgbox{width:100%}
	.p-detail .top .imgbox.on{position:relative;top:0}
	.p-detail .head-pd{height:0}
	.p-detail .orderbox{width:100%;padding-left:0;margin-top:30px}
	.p-detail .swiper-slide{border-radius:20px}
	.p-detail .swiper-thumbs .swiper-slide{border-radius:10px}
	.p-detail .shipping .ct-type6{grid-template-columns:repeat(1, 1fr);gap:30px}
	.p-detail .shipping .ct-type6 li img{width:90px}
	.p-detail .shipping .ct-type6 li div{margin:0 0 0 15px}
	.p-detail .chapter-200{display:block}
	.p-detail .chapter-250{display:block}
	.p-detail .chapter-300{display:block}
	.p-detail .chapter-200 .tt{margin-bottom:30px}
	.p-detail .chapter-250 .tt{margin-bottom:30px}
	.p-detail .chapter-300 .tt{margin-bottom:30px}
	.p-detail .chapter-all ul{grid-template-columns:repeat(2, 1fr);gap:5px;row-gap:50px}

	.notibox .pc{display:none}
	.notibox .mb{display:block}
	.databox ul{display:block}
	.databox li{padding:24px 0 22px}

    .item-cont h4{line-height:48px}
}
@media(max-width:600px){
	.m-best ul li .text .price{margin:0 6px 0 8px}
	.p-detail .detail-tab li a{font-size:15px;line-height:20px}
	.p-detail .d-option td ul.half{grid-template-columns:repeat(1, 1fr)}
	.p-detail .d-table > div{display:block}
	.p-detail .d-table .tt{margin-bottom:10px}
	.p-detail .d-upload > div{display:block}
	.p-detail .d-upload .tt{margin-bottom:10px}
	.p-detail .chapter-all ul{grid-template-columns:repeat(1, 1fr);gap:0;row-gap:50px}
	.p-detail .chapter .notebox .numb{display:none}
	.notibox .search input.s-bar{max-width:230px}

	.seach-bar .inner{grid-template-columns:1fr}
	.seach-bar .le, .seach-bar .ri{display:none}
	.popup .ct{padding:25px 30px 30px}
	.popup .filebox label{width:20%}
	.noti-detail .util ul{grid-template-columns:repeat(1, 1fr)}
	.noti-detail .util li:nth-child(1){order:1}
	.noti-detail .util li:nth-child(2){order:3}
	.noti-detail .util li:nth-child(3){order:2;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:20px 0;margin:20px 0}
}