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

/* ¸ÞÀΰøÅë */
	html{overflow-x:hidden}
	#wrap{font-family:"Pretendard", sans-serif !important;color:#666;font-size:17px;font-weight:500;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:70px}
	#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}
	#head .logo a img{width:100%;max-width:194px;padding-top:5px}
	#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:600;padding:20px 22px}
	#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;font-weight:500;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;padding-top:7px}
	#head .memb ul{display:flex;align-items:center;justify-content:center}
	#head .memb li{position:relative}
	#head .memb li a{padding:9px}
	#head .memb li .numb{position:absolute;bottom:7px;right:3px;width:16px;height:16px;background:#db5432;color:#fff;border-radius:500px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;padding-top:1px}
	#head .memb .mb-open{display:none;cursor:pointer}

/* ÁÖ¹®¼­Çì´õ */
	.head-order{background:#fff}
	.head-order .top{max-width:1200px;width:100%;height:70px;padding:0 10px;margin:0 auto;display:grid;grid-template-columns:20% 60% 20%;gap:0;align-items:center}
	.head-order .top .log{text-align:center;padding:0 6px 3px 0}
	.head-order .top .mem{padding-top:9px}
	.head-order .top .mem ul{display:flex;align-items:center;justify-content:flex-end}
	.head-order .top .mem li{position:relative}
	.head-order .top .mem a{padding:9px}
	.head-order .top .mem .numb{position:absolute;bottom:7px;right:3px;width:16px;height:16px;background:#db5432;color:#fff;border-radius:500px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;padding-top:1px}
	.head-order .bot{background:#222;color:#fff;width:100%;height:60px;font-size:20px;font-weight:600;display:flex;justify-content:center;align-items:center}

/* ¸ð¹ÙÀϸ޴º */
	.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 ul{display:flex;align-items:center;justify-content:flex-end}
	.mb-menu .mb-member li{position:relative;margin-left:13px}
	.mb-menu .mb-member li a{width:100%;height:100%;display:block;padding-top:2px}
	.mb-menu .mb-member li .numb{position:absolute;bottom:0;right:-4px;font-size:12px;font-weight:600;color:#fff;background:#db5432;width:16px;height:16px;border-radius:500px;display:flex;align-items:center;justify-content:center;line-height:0;border:0}
	.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:"Pretendard", sans-serif !important;font-size:15px;font-weight:500}
	.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(/images/member-icon3.png) no-repeat center center;background-size:cover !important;cursor:pointer;font-size:0}
	.mb-menu .firs a{font-size:20px;font-weight:600;display:block;width:100%;padding:20px 10px 18px;border-bottom:1px solid #ddd;color:#000}
	.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;font-weight:500;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:"Pretendard", sans-serif !important;font-size:17px;font-weight:500}
		.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(/images/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-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 > div{max-width:1600px;width:100%;margin:0 auto}
	#foot .top{padding:27px 0}
	#foot .top ul{display:flex;align-items:center;justify-content:center}
	#foot .top li a{padding:10px 20px;color:#000;font-weight:600}
	#foot .top li a:hover{color:#db5432}
	#foot .top li a, #foot .top li a:hover{transition:all .3s ease-in-out}
	#foot .mid{padding:35px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
	#foot .mid a{color:#666;text-decoration:underline;text-underline-offset:4px}
	#foot .mid a:hover{color:#000}
	#foot .mid a, #foot .mid a:hover{transition:all .3s ease-in-out}
	#foot .bot{padding:27px 0;display:grid;grid-template-columns:20% 60% 20%;gap:0;align-items:center}
	#foot .bot .sns ul{margin-right:-5px;display:flex;align-items:center;justify-content:flex-end}
	#foot .bot .sns li{margin:0 5px}
	#foot .bot .sns li a{width:45px;height:45px;background:rgba(0,0,0,0.2);border-radius:500px;display:flex;align-items:center;justify-content:center}
	#foot .bot .sns li a:hover{background:rgba(0,0,0,1)}
	#foot .bot .sns li a, #foot .bot .sns li a:hover{transition:all .3s ease-in-out}
	#foot .bot .sns li a img{padding:0 0 1px 1px}
		.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:1600px;width:100%;padding:0 10px;margin:0 auto}
	.main h3{font-size:28px;font-weight:700;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:700;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:145px;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}
	.s-category{display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}
	.s-category li{margin-right:30px}
	.s-category li a{color:#aaa}
	.s-category li a:hover{text-decoration:underline;text-underline-offset:4px}
	.s-category li.on a{color:#000;text-decoration:underline;text-underline-offset:4px}
	.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}

/* üũ¹Ú½º */
	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('/images/check-on.jpg');background-repeat:no-repeat;background-position:50%;background-size:19px}

	.mbs 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}
	.mbs 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("/images/seclect.png") #fff no-repeat 98% 50% !important}
	select::-ms-expand{display:none}

/* Å×ÀÌºí½ºÅ¸ÀÏ */
	/* º£ÀÌÁ÷ */
		.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:600;vertical-align:top}
		.ta-type2 th{padding-top:10px}
		.ta-type2 td:last-child{text-align:right}
	/* º£ÀÌÁ÷ ¾÷±×·¹À̵å : ¿À½Ã´Â±æ */
		.ta-type3 th, .ta-type3 td{padding:13px 3px;font-size:16px}
		.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;line-height:0}
	/* º£ÀÌÁ÷ ¾÷±×·¹À̵å : ÄíÆù */
		.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:7px 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}

	/* ¸ð¹ÙÀÏ : °¡·Î½ºÅ©·Ñ */
		.tablebox{overflow-x:auto;position:relative}
		.tablebox:after{display:none;clear:both;content:'';position:absolute;top:0;left:50%;transform:translate(-50%, 0);margin-top:150px;width:140px;height:140px;background:url('/images/mb-scroll.png') no-repeat center center;background-size:cover !important}
		.tablebox::before{display:none;clear:both;content:'';position:absolute;top:0%;left:0;width:100%;height:100%;background:rgba(255,255,255,0.7)}
		.tablebox.off:after, .tablebox.off::before{display:none}
		.tablebox .inner{width:100%;min-width:900px}

/* ¸ÞÀÎ : ½½¶óÀ̵å */
    .m-slide .owl-carousel .item-bg{width:100%;height:100%}

/* ¸ÞÀÎ : ¾ÆÀÌÄÜ¿µ¿ª */
	.m-btnbox{display:grid;grid-template-columns:55% 45%;gap:0;align-items:center;border:2px solid #eee;border-radius:20px;margin:50px auto 150px;padding:20px}
	.m-btnbox .le{display:grid;grid-template-columns:45% 55%;gap:0;align-items:center}
	.m-btnbox .le li{padding-right:20px}
	.m-btnbox .le li:first-child{padding-left:50px}
	.m-btnbox .le li:first-child h5{padding-bottom:10px}
	.m-btnbox .le h5{font-size:28px;font-weight:700;color:#000}
	.m-btnbox .le p{color:#666}
	.m-btnbox .le a{height:170px;display:flex;align-items:center;justify-content:center;width:100%;background:#f5f5f5;border-radius:20px;padding:22px 5px}
	.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-btnbox .le a div{margin-left:25px}
	.m-btnbox .le a div p{margin:-3px 0 8px;line-height:24px}
	.m-btnbox .ri{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;align-items:center}
	.m-btnbox .ri:after{display:none}
	.m-btnbox .ri 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 .ri p{color:#000;margin-top:12px}

/* ¸ÞÀÎ : Àαâ»óÇ° + ÃßõÁ¦Ç° */
	.m-best{text-align:center}
	.m-best ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}
	.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:600;color:#000;white-space:normal !important}
	.m-best ul li .text p{color:#888;line-height:24px;margin:10px 0 6px;height:auto !important}
	.m-best ul li .text div{display:flex;align-items:center;justify-content:center}
	.m-best ul li .text .percent{font-weight:600;color:#db5432;margin-top:4px}
	.m-best ul li .text .price{font-size:25px;font-weight:600;color:#000;margin:0 10px 0 12px}
	.m-best ul li .text .price span{font-size:18px;position:relative;top:2px}
	.m-best ul li .text .cost{font-weight:600;color:#aaa;margin-top:4px;text-decoration:line-through;padding:0 5px}

/* ¸ÞÀÎ : À̺¥Æ® + °øÁö»çÇ× */
	.m-half{margin:150px 0 180px;display:flex;align-items:center;justify-content:center}
	.m-event{width:50%;position:relative;margin-top:3px}
	.m-event .swiper{width:100%}
	.m-event .swiper-slide, .m-event .swiper-wrapper{height:auto !important}
    .m-event .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center}
    .m-event .swiper-slide img{display:block;width:100%;object-fit:cover;border-radius:30px}
	.m-event .swiper-pagination{bottom:-40px !important}
	.m-event .swiper-pagination-bullet{opacity:0.1;margin:0 5px !important}
	.m-event .swiper-pagination-bullet-active{background:#000;opacity:1}
	.m-notice{width:50%;padding-left:100px}
	.m-notice .tt{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #444;padding:0 10px 20px}
	.m-notice .tt h3{margin-bottom:0}
	.m-notice .ct li a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding:21px 10px 19px}
	.m-notice .ct li a:hover{background:#f9f9f9}
	.m-notice .ct li a, .m-notice .ct li a:hover{transition:all .3s ease-in-out}
	.m-notice .ct li p{font-size:18px;color:#000;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.m-notice .ct li span{color:#aaa}

/* Á¦Ç°¸®½ºÆ® */
	.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-title .percent{font-weight:600;color:#db5432;margin-top:4px}
		.p-detail .d-title .price{font-size:25px;font-weight:600;color:#000;margin:0 10px 0 12px}
		.p-detail .d-title .price span{font-size:18px;position:relative;top:2px}
		.p-detail .d-title .cost{font-weight:600;color:#aaa;margin-top:4px;text-decoration:line-through;padding:0 5px}
		.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:20px 10px;margin-bottom:10px}
		.p-detail .d-option .box .top-bar p{font-size:20px;color:#000;font-weight:600}
		.p-detail .d-option .box .top-bar a{width:60px;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 hr.line{width:100%;height:2px;background:#222;margin:30px 0 10px}
		.p-detail .d-option input,
		.p-detail .d-option select{border:1px solid #ddd;height:40px;width:100%;outline:none;padding:0 10px;font-family:"Pretendard", 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 .price{font-size:25px;font-weight:600;color:#000}
		.p-detail .d-option .price span{font-size:18px;margin-left:3px}
		.p-detail .d-option .addbox{border-top:2px solid #222;padding:20px 0}
		.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-total{border-top:2px solid #222;display:flex;align-items:center;justify-content:space-between;padding:15px 3px 0}
		.p-detail .d-total li{width:50%}
		.p-detail .d-total li:nth-child(1){font-size:20px;font-weight:600;color:#000}
		.p-detail .d-total li:nth-child(2){font-size:24px;font-weight:600;color:#000;text-align:right}
		.p-detail .d-total li span{font-size:18px;margin-left:3px}
		.p-detail .d-table{margin:80px 0}
		.p-detail .d-table > div{display:flex;align-items:flex-end;justify-content:space-between}
		.p-detail .d-upload > div{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
		.p-detail .d-upload p.tt{width:140px}
		.p-detail .d-upload a{color:#0c7eff;text-decoration:underline}
		.p-detail .d-upload .filebox{flex:1;display:relative}
		.p-detail .d-upload .filebox .upload-name{display:inline-block;font-family:"Pretendard", sans-serif !important;font-size:15px;height:50px;padding:0 10px;vertical-align:middle;border:1px solid #dddddd;color:#999999;width:78%}
		.p-detail .d-upload .filebox label{display:inline-block;padding:9px 5px;font-size:15px;color:#fff;vertical-align:middle;background:#ccc;cursor:pointer;width:22%;height:50px;margin-left:-10px;text-align:center}
		.p-detail .d-upload .filebox input[type="file"]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0}
		.p-detail .d-check{margin:80px 0}
		.p-detail .d-check p{display:inline-block;margin-right:10px}
		.p-detail .d-check ul{margin-top:20px}
		.p-detail .d-check li{margin-bottom:10px}
		.d-buy{display:grid;grid-template-columns:1fr 65px;gap:10px;height:65px}
		.d-buy .buy{cursor:pointer;width:100%;height:100%;background:#222;color:#fff;display:flex;align-items:center;justify-content:center}
		.d-buy .cart{cursor:pointer;width:100%;height:100%;border:2px solid #ddd;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:70px}
	.p-detail .detail-tab li a{width:100%;height:60px;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:700;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:600;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:grid;grid-template-columns:220px 1fr 30px;gap:0;align-items:center;cursor:pointer;padding:25px 5px 23px;border-bottom:1px solid #ddd}
	.faq .toggleitem .tt p{font-size:16px;color:#aaa;text-align:center;margin-top:2px}
	.faq .toggleitem .tt h6{font-size:18px;color:#000;font-weight:600}
	.faq .toggleitem .tt span{color:#000;font-size:25px;font-weight:100}
	.faq .toggleitem .ct{display:none;padding:0 50px 30px 225px;border-bottom:1px solid #ddd}
	.faq .toggleitem .tt.on{background:#fff;border-color:rgba(0,0,0,0)}

/* °øÁö»çÇ× */
	.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:21px 5px;text-align:center;font-weight:600;font-size:18px;color:#000}
	.notibox .pc th{background:#f5f5f5}
	.notibox .pc td{font-weight:500}
	.notibox .pc td a{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;margin-top:30px}
	.notibox .search input.s-bar{border:1px solid #ddd;padding:5px 10px;width:100%;max-width:280px;height:55px;font-family:"Pretendard", sans-serif !important;font-size:15px;font-weight:500}
	.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:2px;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;padding-right:25px}
	.databox li a{width:120px;color:#fff;background:#ddd;border-radius:3px;padding:5px 30px}
	.databox li a:hover{background:#ccc}
	.databox li a, .databox li a:hover{transition:all .3s ease-in-out}

/* ºÎ¼­º°¿¬¶ôó */
	.telbox ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
	.telbox ul:after{display:none}
	.telbox li{display:grid;grid-template-columns:160px 1fr;align-items:center;background:#f5f5f5;padding:30px 50px}
    .telbox li .img{line-height:0}
	.telbox li .text span{color:#888;font-size:19px;margin-bottom:5px;display:block}
	.telbox li .text p{color:#000;font-size:24px;font-weight:700;line-height:38px}

/* ¿À½Ã´Â±æ */
	.root_daum_roughmap{width:100% !important;height:500px !important;border-bottom:1px solid #ddd;margin:15px 0 25px !important}
	.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont{display:none !important}
	.wrap_map{height:100% !important}
    .locationbox iframe{height:500px !important;margin:10px 0 25px !important;border-bottom:1px solid #ddd !important}

/* Á¦Ç°ÇÑ´«¿¡º¸±â */
	.tabl .note{text-align:right;color:#aaa;margin-top:15px}
	.tablbox-in{display:grid;grid-template-columns:40% 60%;gap:0}
	.tablbox-in .le{padding-right:25px}
	.tablbox-in .ri{padding-left:25px}
	.tablbox-in .le ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}
	.tablbox-in .ri ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}
	.tablbox-in .same-tt p{display:inline-block;margin:5px 0 0 5px}
	.tablbox-in ul{border-top:2px solid #222;margin-top:15px;padding-top:15px}
	.tablbox-in li img{width:100%}
	.tablbox-in li p{text-align:center;color:#000;margin-top:10px}

/* ¸â¹ö½Ê + ¸¶ÀÌÆäÀÌÁö °øÅë */
	.mbs{max-width:1200px;width:100%;margin:0 auto;padding:0 10px}
	.mbs h4{font-size:40px;line-height:40px;font-weight:700;color:#000;text-align:center;margin-bottom:35px}
	.mbs p{color:#000}
	.mbs a.lgou{font-size:16px;color:#aaa;text-decoration:underline;display:block;position:absolute;top:-65px;right:0}
		.in360{width:100%;max-width:380px;margin:0 auto}
		.in800{width:100%;max-width:800px;margin:0 auto;position:relative}
		.w100{width:100%}
	.mbs input, .mbs select{border:1px solid #ddd;height:55px;width:100%;background:#fff;margin-bottom:20px;outline:none;padding:0 10px;font-family:"Pretendard", sans-serif !important;font-size:15px;font-weight:500;border-radius:3px}
	.mbs input::placeholder{color:#aaa}
	.mbs input[type="submit"], .mbs input[type="button"]{border:none;background:#222;color:#fff;cursor:pointer;font-size:16px}
		.mbs .tab2{display:grid;grid-template-columns:repeat(2, 1fr);gap:0;margin-bottom:35px}
		.mbs .tab2 li a{display:block;width:100%;height:50px;border-bottom:1px solid #ddd;display:flex;justify-content:center;align-items:center;color:#aaa;cursor:pointer}
		.mbs .tab2 li.on a{color:#000;border-bottom:2px solid #000}
		.mbs .tab3{display:grid;grid-template-columns:repeat(3, 1fr);gap:0;margin-bottom:35px}
		.mbs .tab3 li a{display:block;width:100%;height:50px;border-bottom:1px solid #ddd;display:flex;justify-content:center;align-items:center;color:#aaa;cursor:pointer}
		.mbs .tab3 li.on a{color:#000;border-bottom:2px solid #000}
        .mbs .odl .mp-btn{margin-bottom:50px}
	.mbs .result{border-top:2px solid #222;border-bottom:2px solid #222;padding:25px 0}
	.mbs .result hr{width:100%;height:1px;background:#ddd;margin:25px 0}
	.mbs .result td{color:#000;font-size:17px;line-height:25px;font-weight:500;padding:5px 0}
		.mbs .btn{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:50px}
		.mbs .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}
		.mbs .btn li a.wh{border:1px solid #888;color:#000}
		.mbs .btn li a.bl{background:#222;color:#fff}
	.mbs h6{font-size:22px;font-weight:600;color:#000;text-align:center;margin-bottom:15px}
	.mbs hr.mp-line{width:100%;height:1px;background:#ddd}
	.mbs hr.bold{width:100%;height:2px;background:#222}
	.mbs .red{color:#db5432 !important}
		.mbs .mp-info{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
		.mbs .mp-info p{font-size:16px;line-height:24px;color:#000}
		.mbs .mp-info a{font-size:16px;color:#aaa;text-decoration:underline}
		.mbs .mp-info a:hover{color:#000}
		.mbs .mp-info a, .mbs .mp-info a:hover{transition:all .3s ease-in-out}
	.mbs .mp-list{display:grid;grid-template-columns:160px 1fr;gap:0;padding:25px 0 10px}
	.mbs .mp-list .img{padding-right:30px}
	.mbs .mp-list .img img{width:100%}
	.mbs .mp-list .text h5{font-size:20px;font-weight:600;color:#000}
	.mbs .mp-list .text h5 span{margin:0 0 0 2px}
	.mbs .mp-list .text span{font-size:16px;line-height:24px;color:#aaa;display:inline-block;margin:10px 0;padding-right:20px}
	.mbs .mp-list .text p{font-size:20px;font-weight:600;color:#000}
	.mbs .mp-list .text p span{font-size:16px;color:#000;margin-left:2px}
		.mbs .mp-btn ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;margin-top:25px}
		.mbs .mp-btn ul:after{display:none}
		.mbs .mp-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}
		.mbs .mp-btn li a.re{color:#db5432;border-color:#db5432}
		.mbs .mp-btn li a.bl{color:#fff;border-color:#222;background:#222}
		.mbs .mp-btn li a.no{color:#aaa;text-decoration:underline;border:none;justify-content:flex-end}

/* ¸â¹ö½Ê */
	.login input{margin-bottom:15px}
	.login .find{display:flex;justify-content:center;align-items:center;margin-bottom:60px}
	.login .find li{padding:0 12px;position:relative}
	.login .find li:after{display:block;clear:both;content:'|';color:#ddd;font-size:14px;position:absolute;top:1px;left:-2px}
	.login .find li:first-child:after{display:none}
	.login .find li a{color:#aaa;font-size:16px;padding:5px 0}
	.login .find li a:hover{color:#000}
	.login .find li a, .login .find li a:hover{transition:all .3s ease-in-out}
		.register input{margin-bottom:0}
		.register input:disabled{background:#f5f5f5 !important;color:#000}
		.register label{color:#000;font-weight:500}
		.register hr{width:100%;height:2px;background:#222;margin:25px 0}
		.register .box{border-top:2px solid #222;padding-top:10px}
		.register .box p{margin-top:18px}
		.register .box p span{font-size:18px;margin-left:5px}
		.register .box span{font-size:14px;line-height:20px;color:#aaa;margin-top:5px;display:inline-block}
		.register .box span.red{color:#db5432}
	.register .adr{margin-bottom:40px}
	.register .adr input{margin-bottom:10px}
	.register .adr ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}
	.register .adr ul:after{display:none}
	.register .adr li input{border:1px solid #ddd;background:#fff;color:#222}
	.register .agr li{display:grid;grid-template-columns:1fr 50px;gap:0;margin-bottom:10px}
	.register .agr li span{position:relative;top:-4px;left:-3px}
	.register .agr li a{text-align:right;color:#aaa;font-size:14px;text-decoration:underline}

/* ¸¶ÀÌÆäÀÌÁö */
	.mypage .dsg{border:1px solid #000}
	.mypage .dsg .top{border-bottom:1px solid #ddd;padding:30px 15px 15px}
		.mypage .dsg .bot{padding:15px}
		.mypage .dsg .bot ul{margin-top:0 !important}
	.mypage .hlo ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
	.mypage .hlo li{border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;padding:25px 5px 20px}
	.mypage .hlo li p{font-size:20px;font-weight:600;color:#000}
	.mypage .hlo li span{font-size:16px;line-height:24px;color:#000;display:inline-block}
	.mypage .hlo li p span{margin-left:2px}
		.mypage .odp hr{width:100%;height:1px;background:#ddd;margin:15px 0 40px}
		.mypage .odp p.ri{text-align:right;font-size:16px;line-height:24px;color:#aaa;margin-top:-35px}
		.mypage .odp ul{display:grid;grid-template-columns:repeat(6, 1fr);gap:30px}
		.mypage .odp ul:after{display:none}
		.mypage .odp li{text-align:center}
		.mypage .odp li p{font-size:40px;font-weight:800;color:#000;margin-bottom:15px}
		.mypage .odp li span{font-size:16px;line-height:24px;color:#000}

/* ÄíÆù */
	.mycupon h6{text-align:left;margin-bottom:10px}
	.mycupon h6 span{font-size:16px;line-height:24px;color:#000;display:inline-block;margin-left:10px}
	.mycupon .box span{font-size:16px;color:#aaa;margin-top:15px;display:inline-block}
	.mycupon .top{padding:35px 60px;border:1px solid #ddd;border-top:2px solid #222;background:#f5f5f5;display:grid;grid-template-columns:75% 25%;gap:0}
	.mycupon .top input{margin:0}
	.mycupon .top input[type="text"]{width:98%}

/* ÁÖ¹®³»¿ªÁ¶È¸ */
	.myorder p.gr{font-size:16px;line-height:24px;color:#aaa;margin-top:15px}
	.myorder .filter 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 #ddd;color:#000;background:#fff}
	.myorder .filter a.re{color:#db5432;border-color:#db5432}
	.myorder .filter a.bl{color:#fff;border-color:#222;background:#222}
	.myorder .filter a.on{border-color:#222}
	.myorder .filter{border:1px solid #ddd;background:#f5f5f5;padding:30px}
	.myorder .filter .top ul{display:grid;grid-template-columns:28% 18% 18% 18% 18%;gap:0}
	.myorder .filter .top ul:after{display:none}
	.myorder .filter .top li{padding:5px}
	.myorder .filter .top select{width:100%;height:55px;display:flex;justify-content:center;align-items:center;border-radius:3px;font-size:15px;font-weight:500;padding:1px 0 0 10px;border:1px solid #ddd;color:#000;background:#fff}
	.myorder .filter .bot ul{display:grid;grid-template-columns:39% 4% 39% 18%;gap:0}
	.myorder .filter .bot ul:after{display:none}
	.myorder .filter .bot li{padding:5px;display:flex;justify-content:center;align-items:center}
	.myorder .filter .bot li input{margin-bottom:0}
		.myorder .date-field{width:100%;position:relative;display:inline-block}
		.myorder .date-text{width:100%;padding:5px 10px;font-size:15px;box-sizing:border-box}
		.myorder .date-real{position:absolute;font-weight:400;inset:0;opacity:0;cursor:pointer}

/* ÁÖ¹®³»¿ª»ó¼¼ */
	.mydetail h6{text-align:left;margin-bottom:10px}
	.mydetail h6 span{font-size:16px;line-height:24px;color:#000;display:inline-block;margin-left:10px}

/* ȸ¿øÁ¤º¸¼öÁ¤ */
	.myinfo .box{display:grid;grid-template-columns:repeat(2, 1fr);gap:60px;border-top:none;padding:0;margin-top:-20px}
	.myinfo .box:after{display:none}
	.myinfo input::placeholder{color:#000}
	.myinfo .yeno{display:grid;grid-template-columns:40% 30% 30%;align-items:center;margin:20px 0 5px}
	.myinfo .yeno p{margin-top:0;}

/* Àå¹Ù±¸´Ï */
	.mycart .box{display:grid;grid-template-columns:65% 35%;gap:0}
	.mycart .box .le{border-top:1px solid #222}
	.mycart .box .le label{display:flex}
	.mycart .box .le label:before{margin-top:80px}
	.mycart .box .le .item{position:relative}
	.mycart .box .le .close{position:absolute;top:28px;right:0;cursor:pointer}
	.mycart .box .le .close img{width:20px}
	.mycart .box .ri{padding-left:60px}
	.mycart .box .ri .fix{position:sticky;top:120px}
	.mycart .box .ri .pay{border:1px solid #222;border-radius:3px;padding:20px;background:#fff}
	.mycart .box .ri .mp-btn ul{grid-template-columns:repeat(2, 1fr)}
	.mycart .tab3 a{cursor:default !important}
	.mycart .mp-list{flex:1}

/* ÁÖ¹®¼­ÀÛ¼º + ÁÖ¹®¿Ï·á */
	.myorder h4{font-weight:700;color:#000}
	.myorder h6{text-align:left;margin-bottom:8px}
	.myorder .le label{align-items:center;color:#000}
	.myorder .le label:before{margin-top:0 !important}
	.myorder .le{border-top:none !important}
	.myorder .ri .fix{position:sticky;top:50px !important}
	.myorder .ri .cent{text-align:center;font-size:16px;width:100%;margin-top:10px;font-weight:400}
		.myorder .mp-btn-one ul{display:block}
		.myorder .tab2{margin-bottom:15px}
	.myorder .wh{background:#fff;border-radius:3px;padding:10px 30px 20px}
	.myorder .wh.register p{margin-top:15px}
	.myorder .wh.register select{margin:0}
	.myorder .wh.register .adr{margin-bottom:-10px;position:relative}
	.myorder .wh.register .adr ul{grid-template-columns:1fr 100px}
	.myorder .wh.register .adr .close{top:18px;right:125px}
	.myorder .wh.register .adr input[type="text"]{padding:0 40px 0 10px}
	.myorder .delivery{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
	.myorder .delivery li{width:50%;color:#000;font-weight:600}
	.myorder .delivery li:last-child{text-align:right}
		.myorder .wh.register .pay{padding-left:20px;border-left:2px solid #eee}
		.myorder .wh.register .pay p{margin-top:12px}
		.myorder .wh.register .pay .inner{display:grid;grid-template-columns:115px 1fr;gap:0;margin-top:15px}
		.myorder .wh.register .pay .inner-box{padding-top:12px}
		.myorder .wh.register .pay .inner-box .item{}
		.myorder .wh.register .pay .inner-box .item > span{font-size:16px;line-height:26px;color:#aaa;margin:10px 0 20px;display:inline-block}
		.myorder .wh.register .pay .daps1{display:inline-block}
		.myorder .wh.register .pay .daps1 label{display:inline-block;margin-right:30px}
		.myorder .wh.register .pay .daps2{display:grid;grid-template-columns:130px 1fr;gap:0;margin-top:10px}
		.myorder .wh.register .pay .daps2 label{display:inline-block;margin-right:30px}
		.myorder .wh.register .pay .daps2-box-radio{padding:12px 0 10px}
		.myorder .wh.register .paymargin{margin:20px 0}

/* ÀÌ¿ë¾à°ü(3p) */
	.terms .box{width:100%;height:600px;overflow-y:auto;border:1px solid #ddd;font-size:16px;line-height:28px;font-weight:500;padding:50px}
	.guide .box{border-top:1px solid #222;margin-top:40px}
	.guide .item{border-bottom:1px solid #ddd}
	.guide .item .tt{font-size:19px;line-height:33px;color:#000;font-weight:700;padding:20px 10px;position:relative;cursor:pointer}
	.guide .item .tt span{position:absolute;top:18px;right:8px;font-size:22px;font-weight:100}
	.guide .item .ct{display:none;font-size:16px;line-height:28px;color:#666;font-weight:500;padding:0 10px 30px}

@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%;padding-top:5px}
	#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}
	.mbs h4{font-size:35px}
	.s-tab{display:none}
	.m-btnbox{grid-template-columns:repeat(1, 1fr);padding:10px}
	.m-btnbox .le{grid-template-columns:repeat(2, 1fr);gap:10px}
	.m-btnbox .le li{padding-right:0}
	.m-btnbox .le a{height:150px}
	.m-btnbox .le a div{margin-left:25px}
	.m-btnbox .ri{gap:10px}
	.m-btnbox .ri a{height:150px;}
	.m-btnbox .ri p{margin-top:8px}
	.m-best ul{gap:10px}
	.m-notice{padding-left:50px}
	.p-detail .head-pd{height:50px}
	.telbox li{grid-template-columns:110px 1fr;padding:30px}
	.telbox li .img img{width:90px}
	.tablbox-in .le ul{gap:5px}
	.tablbox-in .ri ul{gap:5px}
}
@media(max-width:1200px){
	.m-best ul{grid-template-columns:repeat(2, 1fr);row-gap:40px}
	.m-half{display:block}
	.m-event{width:100%;margin-top:0}
	.m-notice{width:100%;padding-left:0;margin-top:120px}
	.p-list .m-best ul{gap:10px;row-gap:40px}
	.mycart .box .ri{padding-left:20px}
	.myorder .wh{padding:10px 20px 20px}
}
@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}
	.sub h4{font-size:40px}
	.mbs h4{font-size:30px;margin-bottom:25px}
	.tablebox:after, .tablebox::before{display:block}
	.m-btnbox{margin:30px auto 120px}
	.m-btnbox .le{grid-template-columns:repeat(1, 1fr);gap:10px}
	.m-btnbox .le li:first-child{text-align:center;padding:20px 0 10px}
	.m-btnbox .le li:first-child h5{padding-bottom:5px}
	.m-btnbox .le h5{font-size:24px}
	.m-btnbox .le a{border-radius:10px}
	.m-btnbox .le a div{margin-left:20px}
	.m-btnbox .le a img{width:90px}
	.m-btnbox .ri a{border-radius:10px}
	.m-best ul li .img{border-radius:20px}
	.m-half{margin:100px 0 120px}
	.m-event .swiper-slide img{border-radius:20px}
	.m-notice .ct li a{padding:19px 10px 18px}
	.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}
	.s-category{display:block;text-align:center;max-width:300px;margin:0 auto 40px}
	.s-category li{display:inline-block}
	.faq .toggleitem .tt{display:grid;grid-template-columns:10px 1fr 20px}
	.faq .toggleitem .tt p{font-size:0}
	.faq .toggleitem .ct{padding:0 10px 30px 16px}
	.notibox .pc{display:none}
	.notibox .mb{display:block}
	.databox ul{display:block}
	.databox li{padding:24px 0 22px}
	.telbox ul{grid-template-columns:repeat(1, 1fr);gap:10px}
	.telbox li{grid-template-columns:105px 1fr;padding:30px 15px}
	.telbox li .text p{font-size:22px}
	.tablbox-in{display:block}
	.tablbox-in .le{padding-right:0;margin-bottom:100px}
	.tablbox-in .ri{padding-left:0}
	.tablbox-in .ri ul{grid-template-columns:repeat(2, 1fr);row-gap:30px}
	.root_daum_roughmap{height:400px !important}
	.mbs .mp-list{grid-template-columns:120px 1fr;padding-right:15px}
	.mypage .dsg .top{padding:20px 10px 10px}
	.mypage .dsg .bot{padding:10px}
	.myorder .filter{padding:20px 10px}
	.myorder .filter .top ul{grid-template-columns:repeat(4, 1fr)}
	.myorder .filter .top li:nth-child(1){grid-column:1 / -1}
	.myorder .filter .top li{padding:5px 2px}
	.myorder .filter .bot ul{grid-template-columns:45% 10% 45%}
	.myorder .filter .bot li:nth-child(4){grid-column:1 / -1}
	.myorder .filter .bot li{padding:5px 2px}
	.myinfo .box{gap:20px}
	.myinfo .yeno{grid-template-columns:repeat(2, 1fr)}
	.myinfo .yeno p{grid-column:1 / -1;margin-bottom:10px}
	.mycart .box{display:block}
	.mycart .box .le .close{top:10px}
	.mycart .box .le label:before{margin-top:60px}
	.mycart .box .ri{padding-left:0;margin-top:100px}
	.terms .box{padding:40px 20px}
}
@media(max-width:600px){
	.head-order .top .bac a, .head-order .top .mem ul{display:none}
	.m-best ul li .text .price{margin:0 6px 0 8px}
	.m-btnbox .ri{grid-template-columns:repeat(2, 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}
	.tablbox-in .ri .n6{display:none}
	.tablbox-in .ri .note{margin-top:0}
	.mbs .mp-info{display:block;text-align:center;padding-bottom:10px}
	.mbs .mp-list .img{padding-right:20px}
	.mbs .mp-list .text span{padding-right:0}
	.mbs .mp-btn ul{grid-template-columns:repeat(2, 1fr);margin-top:15px}
	.mypage .mp-btn li:nth-child(1){grid-column:1 / -1}
	.mypage .mp-btn li:nth-child(2){display:none}
	/* .mypage .dsg .top{padding:10px;grid-template-columns:repeat(1, 1fr)}
	.mypage .dsg .top .img{padding-right:0;margin-bottom:20px} */
	.mypage .hlo ul{grid-template-columns:repeat(1, 1fr)}
	.mypage .odp p.ri{text-align:center;margin-top:-15px}
	.mypage .odp ul{grid-template-columns:repeat(3, 1fr)}
	.myinfo .box{grid-template-columns:repeat(1, 1fr)}
	.myinfo .mp-btn li:nth-child(1){grid-column:1 / -1}
	.myinfo .mp-btn li:last-child{grid-column:1 / -1}
	.mycupon .top{padding:30px 20px;display:block}
	.mycupon .top input[type="text"]{width:100%;margin-bottom:10px}
	.mycart .le .mp-btn li:nth-child(2), .mycart .le .mp-btn li:nth-child(3){display:none}
	.myorder h4{margin-bottom:50px}
	.myorder .wh{padding:10px 10px 20px}
	.myorder .wh.register .pay .inner{display:block}
	.myorder .wh.register .pay .daps2{display:block}
	.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}
}