.bottom_inquiry .logo img {height:auto;}

@media (max-width: 1200px) {
	.header-part.hp .navbar-part,
	.header-part.hp .header-logo {display:none;}
	.header-part.hp .header-media-group {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;}
}

/*추가*/
:root {
	--fsize48 : 48px;
	--fsize46 : 46px;
	--fsize44 : 44px;
	--fsize42 : 42px;
	--fsize40 : 40px;
	--fsize38 : 38px;
	--fsize36 : 36px;
	--fsize34 : 34px;
	--fsize32 : 32px;
	--fsize30 : 30px;
	--fsize28 : 28px;
	--fsize26 : 26px;
	--fsize24 : 24px;
	--fsize22 : 22px;
	--fsize20 : 20px;

	--conts-w: 1320px;
	--gutter-x : 15px;

	--red:#BE0000;
	--red2:#c8102e;
	--ink:#1a1a1a;
	--line:#e3e3e3;
	--bg:#f7f7f7;
	--primary:#BE0000;
}

@font-face {
  font-family: 'Wanted Sans Variable';
  src: url('/themes/utahx/pro/resources/fonts/wanted/woff2/WantedSansVariable.woff2') format('woff2-variations'),
       url('/themes/utahx/pro/resources/fonts/wanted/woff2/WantedSansVariable.woff2') format('woff2');
  font-weight: 100 900; /* variable weight 범위 */
  font-style: normal;
  font-display: swap; /* 폰트 로딩될 때 FOUT 최소화 */
}

@font-face {
  font-family: "Myriad Pro";
  src: url("/fonts/MyriadPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src: url("/fonts/MyriadPro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src: url("/fonts/MyriadPro-It.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}


html,
body {font-family: 'Noto Sans KR', 'Wanted Sans Variable', "Wanted Sans", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; letter-spacing:-1px; color:#525252; font-size:16px; background:var(--bg)}

img {max-width:100%;}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}

.header-right  {margin-left:40px;}
.header-right button {padding:10px 15px; background:#00A1FF; border-radius:100px; color:#fff; font-weight:700; font-size:16px;}
.hpdemo .backtop {bottom: 40px;}
.hpdemo .floating_bnr {position: fixed; right:20px; flex-direction: column; display: flex; align-items: center; justify-content: center; width:98px; height:84px;  padding:22px 20px 14px;  border-radius: 10px; font-size:18px; line-height: inherit; animation: mahmud 2s infinite; z-index:10; text-align:center ; font-weight:600;}
.floating_bnr.goinfor {bottom:10px; padding:14px 10px;  background:#8e9f09; color:#fff; font-weight:600;}

.header-top .row > div,
.header-top-list {height:auto;}
.header-top-list li:hover .navbar-position-list {top: 22px!important;}

.header-part.hp {border-bottom:3px solid #c8102e;}
.header-part.active {transition: all linear .1s;  -webkit-transition: all linear .1s;}
.header-top .container, 
.header-part.hp .header-content {width:100%; max-width:100%; padding:0 64px; }
.header-part.hp .navbar-content {justify-content:flex-end; gap:70px;}
.header-part.hp .header-content .navbar-item > .navbar-link {font-size:18px; font-weight:500;}
.header-logo {margin-right:70px;}

.hpdemo .footer-part {padding:0;}
.hpdemo .footer-part .container {flex-direction:column; align-items:center; gap:0; max-width:100%; padding:0;}
.hpdemo .footer-part .ft_left {padding:60px 20px; text-align:center;}
.hpdemo .footer-part .ft_logo {margin-bottom:20px;}
.hpdemo .footer-part .ft_left img {width:auto; filter:none; opacity:1;}
.footer-part .customer,
.hpdemo .footer-part a {color:var(--black);}
.footer-part .customer > strong {font-size:var(--fsize36);}
.footer-part .contact {margin-top:20px; font-size:var(--fsize22); }
.footer-part .sns {display:flex; justify-content:center; gap:10px; margin-top:40px;}
.hpdemo .footer-part .ft_right {display: flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 40px; width:100%; margin-left:0; padding:20px;  color:#666; font-size:var(--fsize16); border-top:1px solid #ddd;}
.hpdemo .footer-part .ft_right a {display:flex; align-items:center; gap:10px; color:#666;}
.hpdemo .footer-part .ft_right a:after {content:""; display:block; width:1px; height:calc(1rem - 5px); background:#666; }
.hpdemo .footer-part .ft_right a:last-child:after {display:none;}
.hpdemo .footer-part .com_info {display: flex; flex-wrap:wrap; justify-content: center; gap:10px; margin-bottom:0;}
.hpdemo .footer-part .copy {margin-top:0;}

.hpdemo .backtop {flex-direction: column; width: auto; height: auto;  padding:22px 20px 14px;  border-radius: 10px; background: #951010; font-size:18px; line-height: inherit;}
.hpdemo .backtop strong {display:block; color:#fff900;}
.hpdemo .backtop span {position: absolute; top: -12px; display: flex; align-items: center; justify-content: center; width:28px; height:28px; background: #ed7913; border-radius: 100%;}
.hpdemo .backtop svg {width:20px; height:20px;}

.nav-sidebar .nav-header {padding-left:20px; text-align:left;}
.nav-sidebar .nav-header a img {height:26px;}

/*==============================
	메인페이지
==============================*/
/* header */
.logo{display:flex;align-items:center;gap:12px;font-family:'Poppins',sans-serif}
.logo img {height:38px;}
.logo .u{width:44px;height:40px;background:var(--red);color:#fff;font-weight:700;font-size:34px;line-height:40px;text-align:center;border-radius:2px 2px 18px 18px}
.logo b{font-size:17px;font-weight:600;letter-spacing:.2px}
.logo i{font-style:normal;width:1px;height:20px;background:var(--red);margin:0 4px}
.logo span{font-size:15px;color:#444}
header nav{display:flex;gap:24px;font-family:'Poppins',sans-serif;font-size:14.5px}

/* hero */
.hero{position:relative;height:306px;color:#fff;padding:44px 64px; background:url('/themes/utahx/pro/resources/images/main_visual1.webp'); background-repeat: no-repeat; background-size: cover; }
.hero:after{position:absolute; top:0; left:0; content:""; background:linear-gradient(90deg,rgba(10,10,10,1) 0,rgba(10,10,10,.85) 25%,rgba(10,10,10,.35) 70%,rgba(10,10,10, 0) 100%)
/* radial-gradient(circle at 75% 60%,#8a7a68 0,#4a4036 40%,#1c1814 100%)*/; background-blend-mode: multiply; opacity:0.8; width:100%; height:100%;}
.hero h1{font-family:'Poppins',sans-serif;font-size:44px;line-height:1.08;font-weight:600;max-width:680px; z-index: 2; position: relative;}
.hero p{font-family:'Poppins',sans-serif;font-size:20px;line-height:1.3;margin:20px 0 22px;max-width:460px; z-index: 2; position: relative;}
.btn{display:inline-flex;align-items:center;gap:14px;background:var(--red);color:#fff;border:0;border-radius:3px;font-size:16px;font-weight:500}
.hero .btn{padding:14px 26px}

/* tab bar */
.acc_tabs{background:var(--red);height:59px;display:flex;justify-content:center;align-items:stretch;color:#fff;font-size:18px;font-weight:700}
.acc_tabs a{display:flex;align-items:center;justify-content:center;width:222px;position:relative}
.acc_tabs a+a::before{content:"";position:absolute;left:0;top:50%;height:16px;margin-top:-8px;width:1px;background:rgba(255,255,255,.35)}
.acc_tabs a.on::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:4px;width:132px;height:4px;background:#ff2a3d;border-radius:2px}
.acc_tabs a.on::before,.tabs a.on+a::before{display:none}

/* main */
main{max-width:1250px;margin:0 auto;padding:30px 0 30px}
.ttl{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.ttl h2{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:700}
.ttl h2::before{content:"";width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,#fff 0 5px,var(--red2) 6px)}
.view{display:flex;gap:28px;font-size:15px}
.view button{background:none;border:0;font-size:15px;padding-bottom:3px;color:#333}
.view .on{color:var(--red);font-weight:500;border-bottom:2px solid var(--red)}

.acc{margin-bottom:4px; background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.acc-h{display:flex;justify-content:space-between;align-items:center;width:100%;height:46px;padding:0 22px;background:#fff;border:0;font-size:18px;font-weight:500;text-align:left}
.acc-h svg{width:16px;height:16px;transition:transform .2s}
.acc.open{margin-top:12px;border-color:transparent}
.acc.open .acc-h{background:var(--red);color:#fff;height:48px;font-size:21px;font-weight:700}
.acc.open .acc-h svg{transform:rotate(180deg)}
.acc-b{display:none;padding:14px 34px 22px}
.acc.open .acc-b{display:block}
.acc-b h3{font-size:21px;font-weight:700;margin-bottom:10px; color:var(--black);}

.acc table{width:100%;border-collapse:collapse;border:1px solid var(--line);font-size:15px}
.acc thead tr th{background:#f4f4f4;font-weight:500;height:45px;color:#333; border-right:none; border-bottom:1px solid var(--line)}
.acc tbody tr td{height:auto; padding:5px 10px!important; border-right:none;  border-bottom:1px solid var(--line);color:#333; text-align:left;}
.acc tbody tr:last-child td{border-bottom:0}
.acc td.name{text-align:left; font-weight:700;color:var(--ink);}
.acc tbody tr td:last-child {text-align:center;}
.course-title-link{color:var(--ink);font-weight:500;transition:color .2s}
.course-title-link:hover{color:var(--red2)}
.course-table th,.course-table td{text-align:center}
.course-table td:nth-child(2){text-align:left}
.course-table .course-dates{white-space:nowrap}
.course-field-line{display:block}
.empty-course-row td,.empty-course-message{padding:28px 14px!important;text-align:center!important;color:#888}
.tag{display:inline-flex; gap:2px;vertical-align:middle;margin-left:14px}
.tag em{font-style:normal;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:2px;text-align:center;line-height:15px}
.st{display:inline-block;width:68px;height:36px;line-height:34px;border:1px solid #cfcfcf;border-radius:3px;color:#888;font-size:14px;background:#fff;  text-align:center;}
.st.go{width:80px;border-color:var(--red2);color:var(--red2);font-weight:500;cursor:pointer;}
.st.go:hover{background:var(--red2);color:#fff}
.st.go:disabled{cursor:wait;opacity:.6}

.more{display:flex;justify-content:center;margin-top:18px}
.more .btn{padding:0 44px;height:46px;font-size:16px}

.menu-btn{display:none;background:none;border:0;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.menu-btn span{width:22px;height:2px;background:var(--ink);transition:.2s}
.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero h1{font-size:clamp(28px,4.6vw,44px)}
.hero p{font-size:clamp(16px,2vw,20px)}
.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:1 1 0;min-width:130px;max-width:222px;white-space:nowrap}
:focus-visible{outline:2px solid var(--red2);outline-offset:2px}

/* ≤1280 */
@media(max-width:1280px){main{padding-inline:24px}}

/* tablet ≤1024: hamburger nav */
@media(max-width:1024px){
 /*필요없음 지움 header{position:relative;padding:0 24px}
 .menu-btn{display:flex}
 header nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;flex-direction:column;gap:0;background:#fff;border-bottom:3px solid var(--red);box-shadow:0 8px 16px rgba(0,0,0,.12)}
 header nav.open{display:flex}
 header nav a{padding:16px 24px;border-top:1px solid var(--line);font-size:15px}
 .hero{padding:36px 32px;height:auto;min-height:260px}*/
 .tabs{justify-content:flex-start;font-size:16px}
	.acc table{font-size:14.5px}
	.acc td.name{padding-left:20px!important; font-size:15.5px}
}

/* mobile ≤768: table → cards */
@media(max-width:768px){
 /* 필요없음 지움 header{height:60px;padding:0 14px}*/
 .logo .u{width:36px;height:34px;line-height:34px;font-size:28px}
 .logo b{font-size:14px}
 .hero{height:260px; padding:28px 18px 32px}
 .hero p{margin:14px 0 20px}
 .hero .btn{padding:12px 20px;font-size:15px}
 .tabs{height:52px;font-size:15px}
 .tabs a{flex:0 0 auto;min-width:0;padding:0 22px}
 .tabs a.on::after{width:calc(100% - 28px)}
 main{padding:22px 14px}
 .ttl h2{font-size:24px}.ttl h2::before{width:26px;height:26px}
 .view{gap:16px}.view button{font-size:14px}
 .acc-h{font-size:16px;padding:0 16px}
 .acc.open .acc-h{font-size:18px}
 .acc-b{padding:14px 12px 20px}
 .acc-b h3{font-size:18px}
 .acc table,tbody,tr,td{display:block;width:100%}
 .acc table{border:0}
 .acc thead{display:none}
 .acc tbody tr{border:1px solid var(--line);border-radius:6px;margin-bottom:12px;overflow:hidden}
 .acc tbody td{height:auto;display:flex; justify-content:flex-start;align-items:center;gap:16px;padding:10px 14px;text-align:right;border-bottom:1px dashed var(--line)}
 .acc tbody td::before{content:attr(data-label);color:#888;font-size:13px;flex:0 0 auto}
 .acc tbody td.name{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;padding:14px;background:#fafafa;font-size:16px;border-bottom:1px solid var(--line)}
 .acc tbody td.name::before{display:none}
 .course-table td:nth-child(2){text-align:right}
 .course-table .empty-course-row td{display:block}
 .course-table .empty-course-row td::before{display:none}
 .tag{flex-direction:row;margin-left:0}
 tbody td:last-child{border-bottom:0}
 .more .btn{width:100%;justify-content:center;padding:0 20px}
}

@media(max-width:380px){
 .logo b{font-size:12.5px}
 .hero h1{font-size:26px}
}

@media(prefers-reduced-motion:reduce){*{transition:none!important}}


.bottom_inquiry .conts_wrap {padding:10px 0;}
.bottom_inquiry .input_wrap {gap:6px;}
.bottom_inquiry input:not([type='radio'], 
.bottom_inquiry [type='checkbox']),
.bottom_inquiry select {height:34px; padding:2px 10px; border-radius:4px!important;}
.bottom_inquiry button {height:34px; padding:2px 20px;}
.bottom_inquiry .mb-2 {margin-bottom:0!important; margin-top:8px!important;}
.bottom_inquiry .agree a {margin-left:8px;}
.bottom_inquiry .agree span {display:inline-block; margin-left:20px; font-size:14px; color:#ddd;}
.bottom_inquiry .agree span svg {margin-left:10px;}
.bottom_inquiry .agree span a {margin-left:2px;}

/*서브*/
.item_detail .tabs {top:42px;}

.checkout-part .date_info .contents > div {display:flex; gap:10px;}
.checkout-part .place_dep .title {display:flex; align-items:center; justify-content:space-between; gap:12px;}
.checkout-part .place_dep .title h4 {margin-bottom:0;}
.checkout-part .place_dep .title button {flex:0 0 auto; line-height:1; margin-right:28px; height:36px; padding:0 12px; background: #858484; font-size:15px; }
.checkout-part .agree {margin-bottom:40px; padding:15px; border:1px solid var(--primary); border-radius:8px;}
.checkout-part .agree > div {display:flex; flex-direction:column; gap:10px;}
.checkout-part .agree .agreement-header {display:flex; padding:10px 0;}
.checkout-part .agree .agreement-header:first-child {border-bottom:1px solid #ebebeb;}
.checkout-part .agree strong {font-weight:400; color:var(--primary);}
.checkout-part .agree strong {font-weight:400; color:var(--primary);}
.checkout-part .agree .btn {margin-left:auto; padding: 6px 10px; background:none; border:1px solid var(--primary); color:var(--primary); font-size:14px;}
.checkout-part .btn_outline_gray {color:#fff;}
.prdbox .prdprice > div:first-child {margin-bottom:10px;}
.text-muted {margin-right:12px;}
.zipcode button {max-width:150px;}
.checkout-part .paymethod .tabs {height:auto; background:none;}
.checkout-part .paymethod .nav-link {max-width: 100%;}
.checkout-part .paymethod .nav-link.active, 
.checkout-part .paymethod .nav-link:hover {border:1px solid #cf8b8b;}
.checkout-part .paymethod .nav-link.active img, 
.checkout-part .paymethod .nav-link:hover img {filter: brightness(0) saturate(100%) invert(13%) sepia(99%) saturate(7494%) hue-rotate(358deg) brightness(73%) contrast(117%);}
.checkout-part .input_form dt {width:auto;}

.tabs {justify-content:flex-start; background:none;}
.tabs .nav-link {height:100%;}
.line-tabs li a.active {border:1px solid var(--primary); color:var(--primary);}
.line-tabs {border-bottom:1px solid var(--primary);}
.nav-link:focus, .nav-link:hover {color:var(--primary);}

.orderlist-part .terms .btn_search {border: 1px solid var(--primary);}

.member-update-action-btn {min-width:auto!important; background:#707271!important; border: 1px solid #707271!important;}
.account-title button:hover, .account-title a:hover {background:var(--primary);}

.item_detail .tab-link {font-size:18px;}
.item_detail .qna .list_head li,
.reveiwSort, 
.reviewGuide,
.tab-pane.refund *,
.pagination-first a, .pagination-prev a, .pagination-next a, .pagination-last a, .pagination-page a {font-size:16px; line-height:1;}

.faq-part .nav-tabs {gap:24px;}
.faq-part .nav-tabs .nav-link {font-size:var(--fsize24);}
.faq-part .faq-child {margin-bottom:10px; border:1px solid #e3bbbb;}
.faq-ans p {font-size:18px;}
.faq-ans span {background: #f9a0a0;}

.blog .top-filter {border-top:1px solid var(--primary);}
.member-card-toggle-btn:hover, .member-card-toggle-btn.is-open {background:none;}

.details-content {background:none;}
.item_detail .nav-tabs {background:var(--bg);}


@media (max-width:1600px) {
	.header-part {padding:0;}
	.header-part.hp .header-content {height:60px; padding:0 20px;}
	.header-part.hp .header-user i, 
	.header-part.hp .header-src i {color:var(--black);}
	
	.nav-header a img {height:36px;}

	.hpdemo .backtop {bottom: 100px;}
	
	/**/
	.hpdemo .footer-part,
	.bottom_inquiry .conts_wrap {padding-left:var(--gutter-x); padding-right:var(--gutter-x);}
	.main .inner-section {padding:100px var(--gutter-x);}

	/**/
	.item_detail .tabs {top:32px}
}

@media (max-width:1200px) {
	:root {
		--fsize-tit : 28px;
		--fsize-s : 12px;
		--fsize-txt3 : 18px;	
		--ftit-d2 : 20px;
		--fsize48 : 34px;
		--fsize46 : 32px;
		--fsize44 : 44px;
		--fsize42 : 42px;
		--fsize40 : 30px;
		--fsize38 : 38px;
		--fsize36 : 28px;
		--fsize34 : 34px;
		--fsize32 : 32px;
		--fsize30 : 30px;
		--fsize28 : 20px;
		--fsize26: 20px;
		--fsize24: 20px;
		--fsize22 : 18px;
		--fsize20: 18px;
		--fsize18:16px;
		--fsize14 : 12px;
	}

	html, 
	body {font-size:16px;}
}

@media (max-width:992px) {
	.hpdemo .floating_bnr {right:var(--gutter-x);}

	/*.header-part.hp {position:fixed;  padding:0;}*/
	.header-part.hp.active {background:#fff;}
    .header-top-select {width:auto;}

	.footer-part .pc_only {display:none;}
	.footer-part .mob_only {display:block;}

	.item_detail > .container > .row {top:125px;}

	.single-banner {padding-top:160px;}

}

@media (max-width:576px) {
	:root {
		--fsize-tit : 28px;
		--fsize-s : 12px;
		--fsize-txt3 : 18px;	
		--ftit-d2 : 20px;
		--fsize48 : 34px;
		--fsize46 : 28px;
		--fsize44 : 44px;
		--fsize42 : 42px;
		--fsize40 : 20px;
		--fsize38 : 38px;
		--fsize36 : 20px;
		--fsize34 : 16px;
		--fsize32 : 32px;
		--fsize30 : 18px;
		--fsize28 : 16px;
		--fsize26: 20px;
		--fsize24: 18px;
		--fsize22 : 20px;
		--fsize20: 18px;
		--fsize18:16px;
		--fsize14 : 12px;

		--border-radius : 20px;
	}

	.hpdemo .floating_bnr {right:calc(var(--gutter-x) - 5px); width:68px; height:64px; padding:8px; font-size: 1rem;}
	.hpdemo .backtop {bottom:90px; padding:20px 15px 15px;}
	.hpdemo .backtop span {width:22px; height:22px;}
	.hpdemo .backtop svg {width: 16px; height: 16px;}
	.floating_bnr.goinfor {bottom:20px;}
	
	.header-top {height:auto;}
	.header-top .container, 
	.header-part.hp .header-content {padding-left:var(--gutter-x); padding-right:var(--gutter-x);}
	.header-top .container {height:auto;}
	.header-part.hp .header-content {height:auto; padding:10px 0px;}

	.hpdemo .footer-part .ft_left {padding:40px 0;}
	.hpdemo .footer-part .ft_right {padding:20px 0;}

	.footer-part .contact {font-size:16px;}

	.bottom_inquiry .logo {margin:0; margin-right:10px;}
	.bottom_inquiry .logo img {height:20px; margin-right:0;}
	.bottom_inquiry .logo h3 {font-size:18px;}

	/**/
	.main_visual {margin-top: 128px;}
	.main_visual .img_slides .swiper-slide {display: flex; flex-direction: column; justify-content: space-between; min-height:460px;}
	.main_visual .img_slides .text_wrap {transform: translateY(60px);}
	.main_visual .img_slides h1 {font-size:20px;}
	.main_visual .img_slides h1 strong {margin-top:10px; margin-bottom:20px;  font-size:36px;}
	.main_visual .img_slides small {font-size:16px;}
	.main_visual img {height:100%;}
	.main_visual .text_wrap {padding-left:15px;}
	.main_visual .text_wrap img {height:42px;}
	.swiper-button-next,
	.swiper-button-prev {display:none;}

	.main_visual .thumb_slides {bottom:0/*140px*/; margin-left:0; font-size:14px;}
	.main_visual .thumb_slides .swiper-slide {width: calc(33.33% - 1px); padding:5px;}
	.main_visual .thumb_slides dt span {margin-bottom:4px; font-size:12px;}
	.main_visual .thumb_slides dt {font-size:12px;}
	.main_visual .thumb_slides dd {font-size:12px;}

	.main .inner-section {padding:60px var(--gutter-x);}
	/*필요없음 지움 .hpdemo .inner-section > * {padding-right:0; padding-left:0;}*/

	.single-banner {padding-top: 40px;}
	
	.zipcode button {font-size:14px;}

	.shop-part .products_list {margin-left:0; margin-right:0;}
	.shop-part .top-filter {padding:0 8px;}
	.inner-section.shop,
	.product_info_notice {padding-left:var(--gutter-x); padding-right:var(--gutter-x);}
	.shop.detail .row > div {padding-right:0; padding-left:0;}

	#bbs-list .top-filter {grid-template-columns: 1fr 1fr!important; grid-template-rows: auto;}
	#bbs-list .top-filter .blog_search {grid-column: span 2!important;}
	#bbs-list .top-filter .filter-short {justify-self:end!important;}

	.blog-details-desc video {width:100%!important;}

	.comments .top-filter {width:100%; border-top:none; padding-left:var(--gutter-x); padding-right:var(--gutter-x);}
	.comments .top-filter.mx-2 {margin-left:0!important; margin-right:0!important;}
	.comments .filter-show {width:auto;}

	.item_detail .tab-link {font-size:16px;}

	.faq-part .nav-tabs {flex-direction:row;}
	.faq-que button, 
	.faq-ans p {font-size:1rem;}

	/* 필요없음 지움*
	.m_sec1 .m_tit {margin-bottom:20px;}
	.m_sec1 .box_wrap {height: 240px;}
	.m_sec1 .box_wrap > div {height:100%; font-size:inherit;}
	.m_sec1 ul,
	.main .best .swiper-slide,
	.main .best .txt_wrap,
	.main .price .conts,
	.m_sec10 dl {border-radius:10px;}
	.m_sec1 ul {flex-direction:column;}
	.m_sec1 ul:first-of-type {border-bottom-left-radius:0; border-bottom-right-radius:0;}
	.m_sec1 ul:last-of-type {border-top-left-radius:0; border-top-right-radius:0;}
	.m_sec1 ul li {width:100%;}
	.m_sec1 li .box_wrap strong {display:block; text-align:center;}
	.m_sec1 li .box_wrap span {width:100%; min-height:auto; height:auto;}
	.m_sec1 .txt {margin-top:40px; font-size:1rem;}
	.m_sec1 .txt h2 {margin-bottom:20px; font-size:28px;}
	.m_sec1 .txt ul {flex-direction:column; border-radius:20px;}
	.m_sec1 .txt li {width:100%; padding:20px; border:none; border-bottom:1px solid #ddd; font-size:18px;}
	.m_sec1 .txt li:last-child {border-bottom:none;}
	.m_sec1 .txt li img {height:60px;}

	

	.m_sec3 .m_tit {margin-top:0; margin-bottom:20px;}
	.m_sec3 .m_tit h2 {margin-bottom:10px; font-size: 32px;}
	.m_sec3 .m_tit span {font-size: 20px;}
	.m_sec3 .outer {flex-direction:column;}
	.m_sec3 .txt_wrap,
	.m_sec3 .img_wrap {width:100%;}
	.m_sec3 .img_wrap {gap:10px;}

	

	

	.m_sec6 ul {flex-direction: column; align-items: center; gap: 10px; font-size:18px;}
	.m_sec6 li {padding:12px; height:auto;}
	.m_sec6 li .bi {margin-bottom:12px;}

	.m_tit h2 {font-size: 28px;}
	.m_sec7 .chart {padding:20px 10px;border-radius:20px;}
	.m_sec7 .chart h3 {padding:10px 20px; font-size:1rem;}
	.m_sec7 .chart h3 {margin-bottom: 20px;}
	.m_sec7 .chart > div {margin-top:20px; font-size:14px;}
	.m_sec7 .ph1 {margin-top:40px;}
	.m_sec7 .ph1 strong {font-size:26px;}	
	.m_sec7 .ph1 strong span {display:block;}
	.m_sec7 .ph1 p {font-size:16px;}
	.m_sec7 .ph1 p br {display:none;}
	.m_sec7 .diagram {flex-direction:column; gap:0; margin-top:40px;}
	.m_sec7 .diagram > div {width:100%; padding:10px 20px; font-size:18px;}
	.m_sec7 .diagram img {height:42px;}
	.m_sec7 .diagram span {margin-top:-10px; font-size: 50px; line-height:1;}

	.m_sec8 .headline {gap:8px; font-size: 22px;}
	.m_sec8 .headline .dot {font-size: 5px;}
    .m_sec8 .headline > div span img {height: 22px;}
	
		@keyframes zoom-in {
		from {
			transform:translate3D(-50%, -50%, 0) scale(1);
			opacity: 0;
		}
		to {
			transform:translate3D(-50%, -50%, 0) scale(0.5);
			opacity: 1;
		}
	}

	.m_sec8 .conts strong {margin-bottom: 20px;font-size: 32px;}
	.m_sec8 .conts strong img {height:42px;}
	.m_sec8 .conts {margin-bottom:20px; font-size:28px;}
	.m_sec8 th,
	.m_sec8 td {font-size:1rem;}
	.m_sec8 td:last-child strong {/*font-size: 24px;*//*}
	.m_sec8 small {font-size:12px;}

	

	.m_sec10 .conts {flex-direction:column;}
	.m_sec10 dl {width:100%; padding:20px;}
	.m_sec10 .num {width:40px; height:40px; font-size:1rem;}
	.m_sec10 dt {gap:12px;}
	.m_sec10 dd {margin-top:20px;}

	.m_sec11 .diagram {flex-direction:column; align-items:center; gap:40px;}
	.m_sec11 .diagram li {width:100%; border:none; gap:10px;}
	.m_sec11 .diagram span {width:120px; height:120px;}
	.m_sec11 .diagram span img {height:40px;}
	.m_sec11 .txt_box {margin-top:40px; padding:20px;}
	.m_sec11 .headline {font-size:28px;}
       
	.m_sec12 {background-color:#05030e; background-size:240% auto;}
	.m_sec12 .conts_wrap {padding-top:160px; font-size:16px}
	.m_sec12 .headline {padding:20px; font-size:24px;}

	.m_sec13 .seo {padding:20px;}
	.m_sec13 .conts h3 {font-size:18px;}
	.m_sec13 .seo .searchbox1 {gap:12px; padding:10px 20px;}
	.m_sec13 .seo h2 {font-size:36px;}
	.m_sec13 li {font-size:16px;}
	.m_sec13 li .up, 
	.m_sec13 li .down {display:inline-block;}
	.m_sec13 .conts_wrap {padding:0; border-top-left-radius:100px;}
	.m_sec13 .conts {padding:15px;}
	.m_sec13 .conts span {font-size:1rem;}
	.m_sec13 ul {flex-direction:column; align-items:center; margin-top:40px; border-top:1px solid #C4C397;}
	.m_sec13 li {width:100%; padding:10px 0; margin:0; border:none; border-bottom:1px solid #C4C397;}
	.m_sec13 li .up:after, 
	.m_sec13 li .down:after {transform: scale(0.5);}
	.m_sec13 small {margin-top:10px; font-size:12px;}
	.m_sec13 li strong {margin-top: -16px; font-size:22px;}
	*/
}


.blog-details-desc * {font-size:1rem!important;}