@charset "utf-8";

/***************************************************************************/
/*                                             레이아웃 설정					 	  		             /
/***************************************************************************/

/* 전체공통 */
#wrap {position: relative;width: 100%;height: 100%;}

/* header */
header {position: fixed;top: 0;left: 0;width: 100%;background:#fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);z-index:500;}

/* menu */
.header-inner-m {display:none;}

nav {position: relative;width:1200px;margin:0 auto;height:100px;display: flex;justify-content: space-between;} 
nav .top-logo {width:145px;margin:28px 0 0 10px;}
nav .top-logo a {width:145px;height:45px;display:block;background: url("../img/logo.png") no-repeat left top;background-size:145px 45px;cursor: pointer;color: transparent;text-indent: -9999px;}
nav > ul {display: flex;}
nav > ul > li {padding:0 25px;line-height:100px;text-align:center;font-size:1.1em;font-weight: 400;letter-spacing:-0.5px;}
nav > ul > li:last-child {padding:0 5px 0 25px;}
nav > ul > li a {display: block;color:#333;}
nav > ul > li a:hover {color:#b41d23;}
nav > ul > li + li {background: url('../img/mline.png') no-repeat 0 33px;}

/* 퀵메뉴 */
.quickmenu-m {position:absolute;width:60px;top:82vh;right:15px;z-index:999;}
.quickmenu-m ul {position:relative;float:left;width:100%;display:inline-block;*display:inline;}
.quickmenu-m ul li {float:left;width:100%;display:inline-block;*display:inline;}
.quickmenu-m ul li a {position:relative;float:left;width:100%;padding:2px 0;}
.quickmenu-m ul li img {width:60px;height:60px;}

/* footer */
#footer-area {width:100%;border-top:1px solid rgba(0, 0, 0, 0.1);}
.footer-inner {position:relative;width:1100px;margin:0 auto;padding:50px 0;display: flex;justify-content: center;} 
.footer-inner .logobox {width:25%;}
.footer-inner .logobox img {width:145px;height:45px;opacity:0.5;}
.footer-inner .cominfo {width:50%;color:#666;}
.footer-inner .cominfo:after {display: block;content: "";clear: both;}
.footer-inner .cominfo ul {float:left;padding:0 0 20px 0;}
.footer-inner .cominfo ul li {float:left;padding-right:30px;font-size:0.8em;line-height:1.6;}
.footer-inner .cominfo .copy {font-size:0.7em;}
.footer-inner .cominfo .wws {width:100%;padding-top:2px;font-size:0.7em;}
.footer-inner .cominfo .wws img {width:24px;height:8px;margin:8px 0 0 3px;opacity:0.55;}

 /* 메인이미지 */
.mimg-wrap {width:100%;background:#ebebeb;}
.mimg-inner {margin:100px auto 0;width:1124px;display: flex;justify-content: space-between;}
.mimgbox {position: relative;}
.bimg {opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
.middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
.dview {background-color: #d12a34;color:#fff;font-size:0.85em;line-height:1;padding:13px 34px;cursor:pointer;}

/* 메인 컨텐츠 */
.mc-wrap {width:1124px;margin: 0 auto;display: flex;justify-content: space-between;}
.mc-left {width:280px;padding:30px 20px 30px 0;}
.mlt-base {clear:both;width:100%;text-align:center;border-collapse: collapse;}
.mlt-base td {border:1px solid #ddd;}
.mlt-base td img {width:90%;object-fit:cover;}
.mc-right {width:1200px;padding:30px 0;}
.call-wrap {height:90px;background:#d12a34;color:#fff;display: flex;justify-content: center;}
.call-wrap > .icon {font-size:2em;line-height:97px;padding-right:3px;}
.call-wrap > .txt {font-size:1.2em;font-weight:500;line-height:90px;}
.call-wrap > .number {font-family: 'Paperlogy-8ExtraBold';font-size:1.8em;padding-left:15px;line-height:90px;}
.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400, 'GRAD' 0,'opsz' 24}
.mt-base {clear:both;width:100%;margin:30px 0 0 0;text-align:center;border-collapse: collapse;font-weight:400;font-size:1.1em;}
.mt-base thead th {padding:13px 0;background:#e8e8e8;border:1px solid #c3c2c2;}
.mt-base thead td {padding:13px 0;background:#e8e8e8;border:1px solid #c3c2c2;font-weight:500;font-size:1.3em !important;}
.mt-base tbody th {padding:10px 0;background:#f9f9f9;border:1px solid #ddd;}
.mt-base tbody td {padding:20px 10px;background:#fff;border:1px solid #ddd;}
.mt-base tbody td.bpic {color:#d12a34;padding:30px !important;}
.mt-base tbody td.bpic img {width:100%;object-fit:cover;}
.mt-base tbody td.logo {padding:15px !important;}
.mt-base tbody td.logo img {width:80%;object-fit:cover;}
.mt-btxt {margin:20px 0;}
.mt-btxt li {font-size:0.92em;color:#d12a34;}

/* 서브페이지 공통 */
.subtop-img {position:relative;width:100%;height:280px;background:url('../img/sub_top_img.jpg') no-repeat 0 0;background-size:1124px 280px;}
.subtop-img > .st-txt {width:100%;height:280px;padding-left:10px;display: flex;flex-direction: column;justify-content: center;}
.subtop-img > .st-txt > h2 {font-size:2.2em;font-weight:500;letter-spacing:-0.5px;}
.subtop-img > .st-txt > p {font-size:1em;}
.sub-left-call {width:100%;background:#d12a34;color:#fff;margin:20px 0 0 0;padding:20px 0;text-align:center;}
.sub-left-call > .calltit {width:100%;display: flex;justify-content: center;}
.sub-left-call > .calltit > .icon {font-size:1.2em;padding-right:3px;line-height:1.3;}
.sub-left-call > .calltit > .txt {font-size:0.9em;font-weight:400;line-height:1.7;}
.sub-left-call > .number {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.25em;letter-spacing:0.5px;}
.sub-left-call > .number2 {font-family: 'Roboto', sans-serif;line-height:1.4;}
.ban-blog {margin-top:20px;background:#03c75a;cursor:pointer;}
.ban-store {margin-top:8px;background:#10afa9;cursor:pointer;}

/* 서브페이지 */
.mc-right-sub {width:100%;padding:50px 0 50px 30px;max-width: 1200px; /* 최대 폭 설정 */ margin: 0 auto;   }
.mc-right-sub h3 {font-size:1.4em;font-weight:600;font-family: Pretendard;color: #222;line-height: 1.8em;}
.mc-right-sub h3 span {font-size:0.7em;color:#d12a34;padding-right:5px;}

.tabnav {width:100%;height:54px;display: flex;justify-content: space-between;margin-bottom:60px;}
.tabnav li {width:33.3%;font-weight:300;font-size:0.9em;font-weight:400;}
.tabnav li a {height:54px;line-height:54px;display:block;text-align:center;background:#e8e8e8;}
.tabnav li a.active {font-size:1.15em;background-color:#fff;border-top:1px solid #c3c2c2;border-left:1px solid #c3c2c2;border-right:1px solid #c3c2c2;border-bottom:1px solid #fff;}

.boiler-wrap {width:100%;display: flex;justify-content: space-between;margin:30px 0 0 0;}
.boiler-wrap > .leftimg {width:28%;height:205px;text-align:center;border:1px solid #ddd;}
/*.boiler-wrap > .leftimg img {object-fit: contain;}*/
.boiler-wrap > .righttxt {width:68%;margin-top:-30px;}
.boiler-wrap > .leftimg ul {font-size:1.1em;margin-top:20px;}
.boiler-wrap > .leftimg ul li span {font-weight:500;}
.boiler-wrap > .leftimg ul li span.red {color:#d12a34;}
.gt-base {clear:both;width:100%;margin:30px 0 0 0;text-align:center;border-collapse: collapse;font-weight:400;font-size:1.1em;}
.gt-base thead th {padding:16px 0;background:#e8e8e8;border:1px solid #c3c2c2;font-size:1.1em;}
.gt-base tbody th {padding:16px 0;background:#f9f9f9;border:1px solid #ddd;font-size:1.1em;}
.gt-base tbody td {padding:16px 0;background:#fff;border:1px solid #ddd;font-size:1.1em;}
.et-base {clear:both;width:100%;border-collapse: collapse;font-size:1.1em;}
.et-base tbody th {padding:2px 0;text-align:left;vertical-align:top;font-weight:300;}
.et-base tbody th span {font-size:0.3em;padding-right:7px;}
.et-base tbody td {padding:2px 0;vertical-align:top;}
.et-base tbody td span {font-weight:500;padding-left:13px;}
.et-base tbody td span.red {color:#d12a34;}

.system-tit {padding:20px 0 40px 0;text-align:center;font-size:1.5em;}
.system-tit span {font-size:0.7em;color:#d12a34;padding-right:5px;}
.system-tit b {font-weight:400;}
.systemimg img {width:100%;object-fit:cover;}
.both-box1 {width:100%;display: flex;justify-content:center;margin:30px 0 0 0;}
.both-box1 > .leftimg {width:50%;text-align:center;}
.both-box1 > .leftimg img {width:100%;object-fit:cover;}
.both-box1 > .righttxt {width:50%;display: flex;flex-direction: column;justify-content: center;padding:0 0 0 30px;}
.both-box1 > .righttxt > h3 {font-size:1.5em !important;font-weight:500 !important;}
.both-box1 > .righttxt > ul {margin-top:15px;}
.both-box1 > .righttxt > ul li {font-size:0.9em;}
.both-box1 > .righttxt > ul li span {padding-left:7px;}
.both-box2 {width:100%;display: flex;justify-content:center;margin:30px 0 0 0;padding:30px 0 0 0;border-top:1px solid #efefef;}
.both-box2 > .lefttxt {width:50%;display: flex;flex-direction: column;justify-content: center;padding:0 0 0 130px;}
.both-box2 > .lefttxt > h3 {font-size:1.5em !important;font-weight:500 !important;}
.both-box2 > .lefttxt > ul {margin-top:15px;}
.both-box2 > .lefttxt > ul li {font-size:0.9em;}
.both-box2 > .rightimg {width:50%;text-align:center;}
.both-box2 > .rightimg img {width:100%;object-fit:cover;}

.contact-wrap {width:70%;margin:0 auto;border-radius:10px;border:1px solid #efefef;box-shadow: 7px 7px 7px rgba(0,0,0,.05);padding:40px;}
.contact-wrap span {font-size:3.2em !important;}
.contact-wrap > .txt {font-weight:400;font-size:1.1em;padding:20px 0 0 0;}
.contact-wrap > .number {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.7em;letter-spacing:0.5px;line-height:1;padding:5px 0;color:#d12a34;}
.contact-wrap > .number2 {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.7em;letter-spacing:0.5px;line-height:1;}


hr {border:0; height:1px;background:#efefef;margin:60px 0;}







/***************************************************************************/
/*                                    모바일  Layout 설정                                            /
/***************************************************************************/
@media all and (max-width:479px) {

	img {width:100%;}
	input,button,textarea {border-radius:0;} 
	#wrap {font-size:14px;line-height:1.5;}

	/* header */
	nav {display:none;} 
	.header-inner-m {display:block;position: relative;width:100%;height: 110px;background-color: #fff;margin:0 auto;}
	.header-inner-m:after {display: block;content: "";clear: both;}

	/* menu */
	#menu-m {width:100%;}
	#menu-m .top-logo {width:120px;height:64px;margin:0 auto;padding:14px 0 0 0;}
	#menu-m .top-logo a {width:120px;height:37px;background:url('../img/logo.png') no-repeat 0 0;background-size:120px 37px;display:block;cursor: pointer;color: transparent;text-indent: -9999px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	.topnav {clear:both;background-color: #d12a34;height:46px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
	.topnav a {position: relative;float: left;color: #fff;text-align: center;width:24%;line-height:45px;text-decoration: none;font-size:0.9em;font-weight:400;border:1px solid rgba(0, 0, 0, 0.3);border-bottom:0;border-left:0;}
	.topnav a:hover {background-color: #e3e4e8;color:#333;border:1px solid #e3e4e8;border-bottom:0;border-left:0;}
	.topnav a.active {background-color: #aa3d29;color:#fff;font-weight:600;border:1px solid #aa3d29;border-bottom:0;border-left:0;}
	.topnav a.w28 {width:28%;}

	/* 퀵메뉴 */
	.quickmenu-m {position:absolute;width:60px;top:70vh;right:15px;z-index:999;}
	.quickmenu-m ul {position:relative;float:left;width:100%;display:inline-block;*display:inline;}
	.quickmenu-m ul li {float:left;width:100%;display:inline-block;*display:inline;}
	.quickmenu-m ul li a {position:relative;float:left;width:100%;padding:2px 0;}
	.quickmenu-m ul li img {width:60px;height:60px;}
	
	/* footer */
	.footer-inner {position:relative;width:100%;margin:0 auto;padding:20px 15px;display: flex;flex-direction: column;flex-wrap: wrap;} 
	.footer-inner .logobox {width:100%;}
	.footer-inner .logobox img {width:120px;height:37px;opacity:0.5;}
	.footer-inner .cominfo {width:100%;padding:5px 0 0 0;}
	.footer-inner .cominfo:after {display: block;content: "";clear: both;}
	.footer-inner .cominfo ul {float:left;padding:10px 0 15px 0;}
	.footer-inner .cominfo ul li {float:left;padding-right:20px;font-size:0.8em;line-height:1.6;color:#666;}
	.footer-inner .cominfo ul li:first-child {width:100%;padding:0;}
	.footer-inner .cominfo .copy {font-size:0.7em;color:#958f8d;}
	.footer-inner .cominfo .wws {width:100%;padding-top:2px;font-size:0.7em;color:#958f8d;}
	.footer-inner .cominfo .wws img {width:24px;height:8px;margin:4px 0 0 3px;opacity:0.55;}

	 /* 메인이미지 */
	.mimg-wrap {width:100%;background:#ebebeb;}
	.mimg-inner {margin:110px auto 0;width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.mimgbox {position: relative;width:50%;}
	.bimg {opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
	.middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
	.dview {background-color: #d12a34;color:#fff;font-size:0.85em;line-height:1;padding:10px 10px;cursor:pointer;}


	/* 메인 컨텐츠 */
	.mc-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;              /* flex로 변경 */
  justify-content: center;    /* 가운데 정렬 */
}
	
	.mc-wrap .mc-right {
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 50px 0 !important; /* 좌우 패딩 제거(기존 좌측 패딩 무효화) */
  float: none !important;     /* 혹시 남아있는 float 제거 */
  display: block;             /* 블록으로 확정 */
}
	.call-wrap {height:70px;background:#d12a34;color:#fff;display: flex;justify-content: center;}
	.call-wrap > .icon {font-size:1.4em;line-height:72px;padding-right:3px;}
	.call-wrap > .txt {font-size:1em;font-weight:500;line-height:70px;}
	.call-wrap > .number {font-family: 'Paperlogy-8ExtraBold';font-size:1.4em;padding-left:15px;line-height:70px;letter-spacing:1px;}
	.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400, 'GRAD' 0,'opsz' 24}
	.mt-base {clear:both;width:100%;margin:20px 0;text-align:center;border-collapse: collapse;font-weight:400;font-size:0.7em;}
	.mt-base thead th {padding:13px 0;background:#e8e8e8;border:1px solid #c3c2c2;}
	.mt-base thead td {padding:13px 0;background:#e8e8e8;border:1px solid #c3c2c2;font-weight:500;font-size:1.1em !important;}
	.mt-base tbody th {padding:10px 0;background:#f9f9f9;border:1px solid #ddd;}
	.mt-base tbody td {padding:10px 10px;background:#fff;border:1px solid #ddd;}
	.mt-base tbody td.bpic {color:#d12a34;padding:10px !important;}
	.mt-base tbody td.bpic img {width:100%;object-fit:cover;}
	.mt-base tbody td.logo {padding:5px !important;}
	.mt-base tbody td.logo img {width:100%;object-fit:cover;}
	.mt-btxt {margin:20px 15px}
	.mt-btxt li {font-size:0.82em;color:#d12a34;}


	/* 서브페이지 공통 */
	.subtop-img {position:relative;width:100%;height:140px;background:url('../img/sub_top_img.jpg') no-repeat 0 0;background-size:562px 140px;}
	.subtop-img > .st-txt {width:100%;height:140px;padding-left:15px;display: flex;flex-direction: column;justify-content: center;}
	.subtop-img > .st-txt > h2 {font-size:1.7em;font-weight:500;letter-spacing:-0.5px;}
	.subtop-img > .st-txt > p {font-size:0.9em;}
	.sub-left-call {display:none;}
	
	/* 서브페이지 */
	.mc-right-sub {width:100%;padding:30px 15px;}
	.mc-right-sub h3 {font-size:1.26em;font-weight:500;}
	.mc-right-sub h3 span {font-size:0.7em;color:#d12a34;padding-right:5px;}

	.tabnav {width:100%;height:40px;display: flex;justify-content: space-between;margin-bottom:30px;}
	.tabnav li {width:33.3%;font-weight:300;font-size:0.9em;font-weight:400;}
	.tabnav li a {height:40px;line-height:40px;display:block;text-align:center;background:#e8e8e8;}
	.tabnav li a.active {font-size:1.15em;background-color:#fff;border-top:1px solid #c3c2c2;border-left:1px solid #c3c2c2;border-right:1px solid #c3c2c2;border-bottom:1px solid #fff;}

	.boiler-wrap {width:100%;display: flex;justify-content: space-between;margin:20px 0 0 0;}
	.boiler-wrap > .leftimg {width:27%;padding:0;text-align:center;border:0;}
	.boiler-wrap > .leftimg img {width:100%;object-fit:cover;border:1px solid #ddd;height: auto; /* 비율 유지 */
    max-height: 250px; /* 세로 최대 크기 제한 */ }
	.boiler-wrap > .righttxt {width:68%;margin-top:-15px;}
	.boiler-wrap > .leftimg ul {font-size:0.9em;}
	.boiler-wrap > .leftimg ul li span {font-weight:500;}
	.boiler-wrap > .leftimg ul li span.red {color:#d12a34;}
	.gt-base {clear:both;width:100%;margin:15px 0 0 0;text-align:center;border-collapse: collapse;font-weight:400;font-size:0.86em;}
	.gt-base thead th {padding:4px 0;background:#e8e8e8;border:1px solid #c3c2c2;}
	.gt-base tbody th {padding:4px 0;background:#f9f9f9;border:1px solid #ddd;}
	.gt-base tbody td {padding:4px 0;background:#fff;border:1px solid #ddd;}
	.et-base {clear:both;width:100%;border-collapse: collapse;font-size:0.8em;}
	.et-base tbody th {padding:2px 0;text-align:left;vertical-align:top;font-weight:300;}
	.et-base tbody th span {font-size:0.3em;padding-right:4px;}
	.et-base tbody td {padding:2px 0;vertical-align:top;}
	.et-base tbody td span {font-weight:500;padding-left:6px;}
	.et-base tbody td span.red {color:#d12a34;}

	.system-tit {padding:0 0 20px 0;text-align:center;font-size:1.4em;}
	.system-tit span {font-size:0.7em;color:#d12a34;padding-right:5px;}
	.system-tit b {font-weight:400;}
	.systemimg img {width:100%;object-fit:cover;}
	.both-box1 {width:100%;display: flex;justify-content:center;margin:30px 0 0 0;}
	.both-box1 > .leftimg {width:40%;text-align:center;}
	.both-box1 > .leftimg img {width:100%;object-fit:cover;}
	.both-box1 > .righttxt {width:60%;display: flex;flex-direction: column;justify-content: center;padding:0;}
	.both-box1 > .righttxt > h3 {font-size:1.3em !important;font-weight:500 !important;}
	.both-box1 > .righttxt > ul {margin-top:10px;}
	.both-box1 > .righttxt > ul li {font-size:0.9em;}
	.both-box1 > .righttxt > ul li span {padding-left:7px;}
	.both-box2 {width:100%;display: flex;justify-content:center;margin:30px 0 30px 0;padding:30px 0 0 0;border-top:1px solid #efefef;}
	.both-box2 > .lefttxt {width:60%;display: flex;flex-direction: column;justify-content: center;padding:0 0 0 40px;}
	.both-box2 > .lefttxt > h3 {font-size:1.4em !important;font-weight:500 !important;}
	.both-box2 > .lefttxt > ul {margin-top:15px;}
	.both-box2 > .lefttxt > ul li {font-size:0.9em;}
	.both-box2 > .rightimg {width:40%;text-align:center;}
	.both-box2 > .rightimg img {width:100%;object-fit:cover;}

	.contact-wrap {width:86%;margin:0 auto;border-radius:10px;border:1px solid #efefef;box-shadow: 7px 7px 7px rgba(0,0,0,.05);padding:30px;}
	.contact-wrap span {font-size:3.2em !important;}
	.contact-wrap > .txt {font-weight:400;font-size:1.1em;padding:20px 0 0 0;}
	.contact-wrap > .number {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.6em;letter-spacing:0.5px;line-height:1;padding:5px 0;color:#d12a34;}
	.contact-wrap > .number2 {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.6em;letter-spacing:0.5px;line-height:1;}

	hr {border:0; height:1px;background:#efefef;margin:30px 0;}


}

/***************************************************************************/
/*          모바일 가로, 테블릿 세로 (해상도 480px ~ 767px)	   		             /
/***************************************************************************/
@media all and (min-width:480px) and (max-width:767px) {

	img {width:100%;}
	input,button,textarea {border-radius:0;} 
	#wrap {font-size:14px;}

	/* header */
	nav {display:none;} 
	.header-inner-m {display:block;position: relative;width:100%;height: 110px;background-color: #fff;margin:0 auto;}
	.header-inner-m:after {display: block;content: "";clear: both;}

	/* menu */
	#menu-m {width:100%;}
	#menu-m .top-logo {width:120px;height:64px;margin:0 auto;padding:14px 0 0 0;}
	#menu-m .top-logo a {width:120px;height:37px;background:url('../img/logo.png') no-repeat 0 0;background-size:120px 37px;display:block;cursor: pointer;color: transparent;text-indent: -9999px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	.topnav {clear:both;background-color: #d12a34;height:46px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
	.topnav a {position: relative;float: left;color: #fff;text-align: center;width:24%;line-height:45px;text-decoration: none;font-size:0.9em;font-weight:400;border:1px solid rgba(0, 0, 0, 0.3);border-bottom:0;border-left:0;}
	.topnav a:hover {background-color: #e3e4e8;color:#333;border:1px solid #e3e4e8;border-bottom:0;border-left:0;}
	.topnav a.active {background-color: #aa3d29;color:#fff;font-weight:600;border:1px solid #aa3d29;border-bottom:0;border-left:0;}
	.topnav a.w28 {width:28%;}

	/* 퀵메뉴 */
	.quickmenu-m {position:absolute;width:60px;top:70vh;right:15px;z-index:999;}
	.quickmenu-m ul {position:relative;float:left;width:100%;display:inline-block;*display:inline;}
	.quickmenu-m ul li {float:left;width:100%;display:inline-block;*display:inline;}
	.quickmenu-m ul li a {position:relative;float:left;width:100%;padding:2px 0;}
	.quickmenu-m ul li img {width:60px;height:60px;}
	
	/* footer */
	.footer-inner {position:relative;width:100%;margin:0 auto;padding:20px 15px;display: flex;flex-direction: column;flex-wrap: wrap;} 
	.footer-inner .logobox {width:100%;}
	.footer-inner .logobox img {width:120px;height:37px;opacity:0.5;}
	.footer-inner .cominfo {width:100%;padding:5px 0 0 0;}
	.footer-inner .cominfo:after {display: block;content: "";clear: both;}
	.footer-inner .cominfo ul {float:left;padding:10px 0 15px 0;}
	.footer-inner .cominfo ul li {float:left;padding-right:20px;font-size:0.8em;line-height:1.6;color:#666;}
	.footer-inner .cominfo ul li:first-child {width:100%;padding:0;}
	.footer-inner .cominfo .copy {font-size:0.7em;color:#958f8d;}
	.footer-inner .cominfo .wws {width:100%;padding-top:2px;font-size:0.7em;color:#958f8d;}
	.footer-inner .cominfo .wws img {width:24px;height:8px;margin:4px 0 0 3px;opacity:0.55;}

	 /* 메인이미지 */
	.mimg-wrap {width:100%;background:#ebebeb;}
	.mimg-inner {margin:110px auto 0;width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.mimgbox {position: relative;width:50%;}
	.bimg {opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
	.middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
	.dview {background-color: #d12a34;color:#fff;font-size:0.85em;line-height:1;padding:10px 10px;cursor:pointer;}


	/* 메인 컨텐츠 */
	
	
	.mc-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;              /* flex로 변경 */
  justify-content: center;    /* 가운데 정렬 */
}
	
	.mc-wrap .mc-right {
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 50px 0 !important; /* 좌우 패딩 제거(기존 좌측 패딩 무효화) */
  float: none !important;     /* 혹시 남아있는 float 제거 */
  display: block;             /* 블록으로 확정 */
}
	.call-wrap {height:70px;background:#d12a34;color:#fff;display: flex;justify-content: center;}
	.call-wrap > .icon {font-size:1.4em;line-height:72px;padding-right:3px;}
	.call-wrap > .txt {font-size:1em;font-weight:500;line-height:70px;}
	.call-wrap > .number {font-family: 'Paperlogy-8ExtraBold';font-size:1.4em;padding-left:15px;line-height:70px;letter-spacing:1px;}
	.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400, 'GRAD' 0,'opsz' 24}
	.mt-base {clear:both;width:100%;margin:20px 0;text-align:center;border-collapse: collapse;font-weight:400;font-size:0.7em;}
	.mt-base thead th {padding:13px 0;background:#e8e8e8;border:1px solid #c3c2c2;}
	.mt-base thead td {padding:13px 0;background:#e8e8e8;border:1px solid #c3c2c2;font-weight:500;font-size:1.1em !important;}
	.mt-base tbody th {padding:10px 0;background:#f9f9f9;border:1px solid #ddd;}
	.mt-base tbody td {padding:10px 10px;background:#fff;border:1px solid #ddd;}
	.mt-base tbody td.bpic {color:#d12a34;padding:10px !important;}
	.mt-base tbody td.bpic img {width:100%;object-fit:cover;}
	.mt-base tbody td.logo {padding:5px !important;}
	.mt-base tbody td.logo img {width:100%;object-fit:cover;}
	.mt-btxt {margin:20px 15px}
	.mt-btxt li {font-size:0.82em;color:#d12a34;}


	/* 서브페이지 공통 */
	.subtop-img {position:relative;width:100%;height:140px;background:url('../img/sub_top_img.jpg') no-repeat 0 0;background-size:562px 140px;}
	.subtop-img > .st-txt {width:100%;height:140px;padding-left:15px;display: flex;flex-direction: column;justify-content: center;}
	.subtop-img > .st-txt > h2 {font-size:1.7em;font-weight:500;letter-spacing:-0.5px;}
	.subtop-img > .st-txt > p {font-size:0.9em;}
	.sub-left-call {display:none;}
	
	/* 서브페이지 */
	.mc-right-sub {width:100%;padding:30px 15px;}
	.mc-right-sub h3 {font-size:1.26em;font-weight:500;}
	.mc-right-sub h3 span {font-size:0.7em;color:#d12a34;padding-right:5px;}

	.tabnav {width:100%;height:40px;display: flex;justify-content: space-between;margin-bottom:30px;}
	.tabnav li {width:33.3%;font-weight:300;font-size:0.9em;font-weight:400;}
	.tabnav li a {height:40px;line-height:40px;display:block;text-align:center;background:#e8e8e8;}
	.tabnav li a.active {font-size:1.15em;background-color:#fff;border-top:1px solid #c3c2c2;border-left:1px solid #c3c2c2;border-right:1px solid #c3c2c2;border-bottom:1px solid #fff;}

	.boiler-wrap {width:100%;margin:20px 0 0 0;}
	.boiler-wrap > .leftimg {width:100%;padding:0;text-align:center;border:0;height: auto;border:1px solid #ddd;}
	.boiler-wrap > .leftimg img {width:150px;object-fit:cover;height: auto; /* 비율 유지 */
    max-height: 250px; /* 세로 최대 크기 제한 */padding:10; }
	.boiler-wrap > .righttxt {width:100%;margin-top:-15px;}
	.boiler-wrap > .leftimg ul {font-size:0.9em;padding:10px;}
	.boiler-wrap > .leftimg ul li span {font-weight:500;}
	.boiler-wrap > .leftimg ul li span.red {color:#d12a34;}

	.boiler-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .boiler-wrap > .leftimg,
  .boiler-wrap > .righttxt {
    width: 100% !important;
    margin: 0 !important;
  }

  .boiler-wrap > .righttxt {
    margin-top: 20px !important;
  }
	.gt-base {clear:both;width:100%;margin:15px 0 0 0;text-align:center;border-collapse: collapse;font-weight:400;font-size:0.86em;}
	.gt-base thead th {padding:4px 0;background:#e8e8e8;border:1px solid #c3c2c2;}
	.gt-base tbody th {padding:4px 0;background:#f9f9f9;border:1px solid #ddd;}
	.gt-base tbody td {padding:4px 0;background:#fff;border:1px solid #ddd;}
	.et-base {clear:both;width:100%;border-collapse: collapse;font-size:0.8em;}
	.et-base tbody th {padding:2px 0;text-align:left;vertical-align:top;font-weight:300;}
	.et-base tbody th span {font-size:0.3em;padding-right:4px;}
	.et-base tbody td {padding:2px 0;vertical-align:top;}
	.et-base tbody td span {font-weight:500;padding-left:6px;}
	.et-base tbody td span.red {color:#d12a34;}

	

	.system-tit {padding:0 0 20px 0;text-align:center;font-size:1.4em;}
	.system-tit span {font-size:0.7em;color:#d12a34;padding-right:5px;}
	.system-tit b {font-weight:400;}
	.systemimg img {width:100%;object-fit:cover;}
	.both-box1 {width:100%;display: flex;justify-content:center;margin:30px 0 0 0;}
	.both-box1 > .leftimg {width:40%;text-align:center;}
	.both-box1 > .leftimg img {width:100%;object-fit:cover;}
	.both-box1 > .righttxt {width:60%;display: flex;flex-direction: column;justify-content: center;padding:0;}
	.both-box1 > .righttxt > h3 {font-size:1.3em !important;font-weight:500 !important;}
	.both-box1 > .righttxt > ul {margin-top:10px;}
	.both-box1 > .righttxt > ul li {font-size:0.9em;}
	.both-box1 > .righttxt > ul li span {padding-left:7px;}
	.both-box2 {width:100%;display: flex;justify-content:center;margin:30px 0 30px 0;padding:30px 0 0 0;border-top:1px solid #efefef;}
	.both-box2 > .lefttxt {width:60%;display: flex;flex-direction: column;justify-content: center;padding:0 0 0 40px;}
	.both-box2 > .lefttxt > h3 {font-size:1.4em !important;font-weight:500 !important;}
	.both-box2 > .lefttxt > ul {margin-top:15px;}
	.both-box2 > .lefttxt > ul li {font-size:0.9em;}
	.both-box2 > .rightimg {width:40%;text-align:center;}
	.both-box2 > .rightimg img {width:100%;object-fit:cover;}

	.contact-wrap {width:86%;margin:0 auto;border-radius:10px;border:1px solid #efefef;box-shadow: 7px 7px 7px rgba(0,0,0,.05);padding:30px;}
	.contact-wrap span {font-size:3.2em !important;}
	.contact-wrap > .txt {font-weight:400;font-size:1.1em;padding:20px 0 0 0;}
	.contact-wrap > .number {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.6em;letter-spacing:0.5px;line-height:1;padding:5px 0;color:#d12a34;}
	.contact-wrap > .number2 {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.6em;letter-spacing:0.5px;line-height:1;}

	hr {border:0; height:1px;background:#efefef;margin:30px 0;}
	

	
}

/***************************************************************************/
/*					       테블릿 세로 (해상도 768px ~ 1023px)			                 /
/***************************************************************************/
@media all and (min-width:768px) and (max-width:1023px) { 

	img {width:100%;}
	input,button,textarea {border-radius:0;} 
	#wrap {font-size:14px;}

	/* header */
	nav {display:none;} 
	.header-inner-m {display:block;position: relative;width:100%;height: 110px;background-color: #fff;margin:0 auto;}
	.header-inner-m:after {display: block;content: "";clear: both;}

	/* menu */
	#menu-m {width:100%;}
	#menu-m .top-logo {width:120px;height:64px;margin:0 auto;padding:14px 0 0 0;}
	#menu-m .top-logo a {width:120px;height:37px;background:url('../img/logo.png') no-repeat 0 0;background-size:120px 37px;display:block;cursor: pointer;color: transparent;text-indent: -9999px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	.topnav {clear:both;background-color: #d12a34;height:46px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
	.topnav a {position: relative;float: left;color: #fff;text-align: center;width:24%;line-height:45px;text-decoration: none;font-size:0.9em;font-weight:400;border:1px solid rgba(0, 0, 0, 0.3);border-bottom:0;border-left:0;}
	.topnav a:hover {background-color: #e3e4e8;color:#333;border:1px solid #e3e4e8;border-bottom:0;border-left:0;}
	.topnav a.active {background-color: #aa3d29;color:#fff;font-weight:600;border:1px solid #aa3d29;border-bottom:0;border-left:0;}
	.topnav a.w28 {width:28%;}

	/* 퀵메뉴 */
	.quickmenu-m {position:absolute;width:60px;top:70vh;right:15px;z-index:999;}
	.quickmenu-m ul {position:relative;float:left;width:100%;display:inline-block;*display:inline;}
	.quickmenu-m ul li {float:left;width:100%;display:inline-block;*display:inline;}
	.quickmenu-m ul li a {position:relative;float:left;width:100%;padding:2px 0;}
	.quickmenu-m ul li img {width:60px;height:60px;}
	
	/* footer */
	.footer-inner {position:relative;width:100%;margin:0 auto;padding:20px 15px;display: flex;flex-direction: column;flex-wrap: wrap;} 
	.footer-inner .logobox {width:100%;}
	.footer-inner .logobox img {width:120px;height:37px;opacity:0.5;}
	.footer-inner .cominfo {width:100%;padding:5px 0 0 0;}
	.footer-inner .cominfo:after {display: block;content: "";clear: both;}
	.footer-inner .cominfo ul {float:left;padding:10px 0 15px 0;}
	.footer-inner .cominfo ul li {float:left;padding-right:20px;font-size:0.8em;line-height:1.6;color:#666;}
	.footer-inner .cominfo ul li:first-child {width:100%;padding:0;}
	.footer-inner .cominfo .copy {font-size:0.7em;color:#958f8d;}
	.footer-inner .cominfo .wws {width:100%;padding-top:2px;font-size:0.7em;color:#958f8d;}
	.footer-inner .cominfo .wws img {width:24px;height:8px;margin:4px 0 0 3px;opacity:0.55;}

	 /* 메인이미지 */
	.mimg-wrap {width:100%;background:#ebebeb;}
	.mimg-inner {margin:110px auto 0;width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.mimgbox {position: relative;width:50%;}
	.bimg {opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
	.middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
	.dview {background-color: #d12a34;color:#fff;font-size:0.85em;line-height:1;padding:10px 10px;cursor:pointer;}


	/* 메인 컨텐츠 */
	.mc-wrap {width:100%;margin: 0 auto;display: flex;justify-content: space-between;}
	.mc-left {display:none;}
	.mc-right {width:100%;padding:0;}
	.call-wrap {height:70px;background:#d12a34;color:#fff;display: flex;justify-content: center;}
	.call-wrap > .icon {font-size:1.4em;line-height:72px;padding-right:3px;}
	.call-wrap > .txt {font-size:1em;font-weight:500;line-height:70px;}
	.call-wrap > .number {font-family: 'Paperlogy-8ExtraBold';font-size:1.4em;padding-left:15px;line-height:70px;letter-spacing:1px;}
	.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400, 'GRAD' 0,'opsz' 24}
	.mt-base {clear:both;width:100%;margin:20px 0;text-align:center;border-collapse: collapse;font-weight:400;font-size:0.7em;}
	.mt-base thead th {padding:13px 0;background:#e8e8e8;border:1px solid #c3c2c2;}
	.mt-base thead td {padding:13px 0;background:#e8e8e8;border:1px solid #c3c2c2;font-weight:500;font-size:1.1em !important;}
	.mt-base tbody th {padding:10px 0;background:#f9f9f9;border:1px solid #ddd;}
	.mt-base tbody td {padding:10px 10px;background:#fff;border:1px solid #ddd;}
	.mt-base tbody td.bpic {color:#d12a34;padding:10px !important;}
	.mt-base tbody td.bpic img {width:100%;object-fit:cover;}
	.mt-base tbody td.logo {padding:5px !important;}
	.mt-base tbody td.logo img {width:100%;object-fit:cover;}
	.mt-btxt {margin:20px 15px}
	.mt-btxt li {font-size:0.82em;color:#d12a34;}


	/* 서브페이지 공통 */
	.subtop-img {position:relative;width:100%;height:140px;background:url('../img/sub_top_img.jpg') no-repeat 0 0;background-size:562px 140px;}
	.subtop-img > .st-txt {width:100%;height:140px;padding-left:15px;display: flex;flex-direction: column;justify-content: center;}
	.subtop-img > .st-txt > h2 {font-size:1.7em;font-weight:500;letter-spacing:-0.5px;}
	.subtop-img > .st-txt > p {font-size:0.9em;}
	.sub-left-call {display:none;}
	
	/* 서브페이지 */
	.mc-right-sub {width:100%;padding:30px 15px;}
	.mc-right-sub h3 {font-size:1.26em;font-weight:500;}
	.mc-right-sub h3 span {font-size:0.7em;color:#d12a34;padding-right:5px;}

	.tabnav {width:100%;height:40px;display: flex;justify-content: space-between;margin-bottom:30px;}
	.tabnav li {width:33.3%;font-weight:300;font-size:0.9em;font-weight:400;}
	.tabnav li a {height:40px;line-height:40px;display:block;text-align:center;background:#e8e8e8;}
	.tabnav li a.active {font-size:1.15em;background-color:#fff;border-top:1px solid #c3c2c2;border-left:1px solid #c3c2c2;border-right:1px solid #c3c2c2;border-bottom:1px solid #fff;}

	.boiler-wrap {width:100%;justify-content: space-between;margin:20px 0 0 0;}
	.boiler-wrap > .leftimg {width:100%;padding:0;text-align:center;border:0;}
	.boiler-wrap > .leftimg img {width:100%;object-fit:cover;border:1px solid #ddd;}
	.boiler-wrap > .righttxt {width:100%;margin-top:-30px;}
	.boiler-wrap > .righttxt ul {font-size:0.9em;}
	.boiler-wrap > .righttxt ul li span {font-weight:500;}
	.boiler-wrap > .righttxt ul li span.red {color:#d12a34;}
	.gt-base {clear:both;width:100%;margin:15px 0 0 0;text-align:center;border-collapse: collapse;font-weight:400;font-size:0.86em;}
	.gt-base thead th {padding:4px 0;background:#e8e8e8;border:1px solid #c3c2c2;}
	.gt-base tbody th {padding:4px 0;background:#f9f9f9;border:1px solid #ddd;}
	.gt-base tbody td {padding:4px 0;background:#fff;border:1px solid #ddd;}
	.et-base {clear:both;width:100%;border-collapse: collapse;font-size:0.8em;}
	.et-base tbody th {padding:2px 0;text-align:left;vertical-align:top;font-weight:300;}
	.et-base tbody th span {font-size:0.3em;padding-right:4px;}
	.et-base tbody td {padding:2px 0;vertical-align:top;}
	.et-base tbody td span {font-weight:500;padding-left:6px;}
	.et-base tbody td span.red {color:#d12a34;}

	.system-tit {padding:0 0 20px 0;text-align:center;font-size:1.4em;}
	.system-tit span {font-size:0.7em;color:#d12a34;padding-right:5px;}
	.system-tit b {font-weight:400;}
	.systemimg img {width:100%;object-fit:cover;}
	.both-box1 {width:100%;display: flex;justify-content:center;margin:30px 0 0 0;}
	.both-box1 > .leftimg {width:40%;text-align:center;}
	.both-box1 > .leftimg img {width:100%;object-fit:cover;}
	.both-box1 > .righttxt {width:60%;display: flex;flex-direction: column;justify-content: center;padding:0;}
	.both-box1 > .righttxt > h3 {font-size:1.3em !important;font-weight:500 !important;}
	.both-box1 > .righttxt > ul {margin-top:10px;}
	.both-box1 > .righttxt > ul li {font-size:0.9em;}
	.both-box1 > .righttxt > ul li span {padding-left:7px;}
	.both-box2 {width:100%;display: flex;justify-content:center;margin:30px 0 30px 0;padding:30px 0 0 0;border-top:1px solid #efefef;}
	.both-box2 > .lefttxt {width:60%;display: flex;flex-direction: column;justify-content: center;padding:0 0 0 40px;}
	.both-box2 > .lefttxt > h3 {font-size:1.4em !important;font-weight:500 !important;}
	.both-box2 > .lefttxt > ul {margin-top:15px;}
	.both-box2 > .lefttxt > ul li {font-size:0.9em;}
	.both-box2 > .rightimg {width:40%;text-align:center;}
	.both-box2 > .rightimg img {width:100%;object-fit:cover;}

	.contact-wrap {width:86%;margin:0 auto;border-radius:10px;border:1px solid #efefef;box-shadow: 7px 7px 7px rgba(0,0,0,.05);padding:30px;}
	.contact-wrap span {font-size:3.2em !important;}
	.contact-wrap > .txt {font-weight:400;font-size:1.1em;padding:20px 0 0 0;}
	.contact-wrap > .number {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.6em;letter-spacing:0.5px;line-height:1;padding:5px 0;color:#d12a34;}
	.contact-wrap > .number2 {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.6em;letter-spacing:0.5px;line-height:1;}

	hr {border:0; height:1px;background:#efefef;margin:30px 0;}
	
}

/***************************************************************************/
/*                                           아이패드 프로									             /
/***************************************************************************/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {

	img {width:100%;}
	input,button,textarea {border-radius:0;} 
	#wrap {font-size:15px;}

	/* header */
	nav {display:none;} 
	.header-inner-m {display:block;position: relative;width:100%;height: 110px;background-color: #fff;margin:0 auto;}
	.header-inner-m:after {display: block;content: "";clear: both;}

	/* menu */
	#menu-m {width:100%;}
	#menu-m .top-logo {width:120px;height:64px;margin:0 auto;padding:14px 0 0 0;}
	#menu-m .top-logo a {width:120px;height:37px;background:url('../img/logo.png') no-repeat 0 0;background-size:120px 37px;display:block;cursor: pointer;color: transparent;text-indent: -9999px;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	.topnav {clear:both;background-color: #d12a34;height:46px;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
	.topnav a {position: relative;float: left;color: #fff;text-align: center;width:24%;line-height:45px;text-decoration: none;font-size:0.9em;font-weight:400;border:1px solid rgba(0, 0, 0, 0.3);border-bottom:0;border-left:0;}
	.topnav a:hover {background-color: #e3e4e8;color:#333;border:1px solid #e3e4e8;border-bottom:0;border-left:0;}
	.topnav a.active {background-color: #aa3d29;color:#fff;font-weight:600;border:1px solid #aa3d29;border-bottom:0;border-left:0;}
	.topnav a.w28 {width:28%;}

	/* 퀵메뉴 */
	.quickmenu-m {position:absolute;width:60px;top:70vh;right:15px;z-index:999;}
	.quickmenu-m ul {position:relative;float:left;width:100%;display:inline-block;*display:inline;}
	.quickmenu-m ul li {float:left;width:100%;display:inline-block;*display:inline;}
	.quickmenu-m ul li a {position:relative;float:left;width:100%;padding:2px 0;}
	.quickmenu-m ul li img {width:60px;height:60px;}
	
	/* footer */
	.footer-inner {position:relative;width:100%;margin:0 auto;padding:20px 15px;display: flex;flex-direction: column;flex-wrap: wrap;} 
	.footer-inner .logobox {width:100%;}
	.footer-inner .logobox img {width:120px;height:37px;opacity:0.5;}
	.footer-inner .cominfo {width:100%;padding:5px 0 0 0;}
	.footer-inner .cominfo:after {display: block;content: "";clear: both;}
	.footer-inner .cominfo ul {float:left;padding:10px 0 15px 0;}
	.footer-inner .cominfo ul li {float:left;padding-right:20px;font-size:0.8em;line-height:1.6;color:#666;}
	.footer-inner .cominfo ul li:first-child {width:100%;padding:0;}
	.footer-inner .cominfo .copy {font-size:0.7em;color:#958f8d;}
	.footer-inner .cominfo .wws {width:100%;padding-top:2px;font-size:0.7em;color:#958f8d;}
	.footer-inner .cominfo .wws img {width:24px;height:8px;margin:4px 0 0 3px;opacity:0.55;}

	 /* 메인이미지 */
	.mimg-wrap {width:100%;background:#ebebeb;}
	.mimg-inner {margin:110px auto 0;width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
	.mimgbox {position: relative;width:50%;}
	.bimg {opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
	.middle {transition: .5s ease;opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;}
	.dview {background-color: #d12a34;color:#fff;font-size:0.85em;line-height:1;padding:10px 10px;cursor:pointer;}


	/* 메인 컨텐츠 */
	.mc-wrap {width:100%;margin: 0 auto;display: flex;justify-content: space-between;}
	.mc-left {display:none;}
	.mc-right {width:100%;padding:0;}
	.call-wrap {height:70px;background:#d12a34;color:#fff;display: flex;justify-content: center;}
	.call-wrap > .icon {font-size:1.4em;line-height:72px;padding-right:3px;}
	.call-wrap > .txt {font-size:1em;font-weight:500;line-height:70px;}
	.call-wrap > .number {font-family: 'Paperlogy-8ExtraBold';font-size:1.4em;padding-left:15px;line-height:70px;letter-spacing:1px;}
	.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400, 'GRAD' 0,'opsz' 24}
	.mt-base {clear:both;width:100%;margin:20px 0;text-align:center;border-collapse: collapse;font-weight:400;font-size:0.7em;}
	.mt-base thead th {padding:13px 0;background:#e8e8e8;border:1px solid #c3c2c2;}
	.mt-base thead td {padding:13px 0;background:#e8e8e8;border:1px solid #c3c2c2;font-weight:500;font-size:1.1em !important;}
	.mt-base tbody th {padding:10px 0;background:#f9f9f9;border:1px solid #ddd;}
	.mt-base tbody td {padding:10px 10px;background:#fff;border:1px solid #ddd;}
	.mt-base tbody td.bpic {color:#d12a34;padding:10px !important;}
	.mt-base tbody td.bpic img {width:100%;object-fit:cover;}
	.mt-base tbody td.logo {padding:5px !important;}
	.mt-base tbody td.logo img {width:100%;object-fit:cover;}
	.mt-btxt {margin:20px 15px}
	.mt-btxt li {font-size:0.82em;color:#d12a34;}


	/* 서브페이지 공통 */
	.subtop-img {position:relative;width:100%;height:140px;background:url('../img/sub_top_img.jpg') no-repeat 0 0;background-size:562px 140px;}
	.subtop-img > .st-txt {width:100%;height:140px;padding-left:15px;display: flex;flex-direction: column;justify-content: center;}
	.subtop-img > .st-txt > h2 {font-size:1.7em;font-weight:500;letter-spacing:-0.5px;}
	.subtop-img > .st-txt > p {font-size:0.9em;}
	.sub-left-call {display:none;}
	
	/* 서브페이지 */
	.mc-right-sub {width:100%;padding:30px 15px;}
	.mc-right-sub h3 {font-size:1.26em;font-weight:500;}
	.mc-right-sub h3 span {font-size:0.7em;color:#d12a34;padding-right:5px;}

	.tabnav {width:100%;height:40px;display: flex;justify-content: space-between;margin-bottom:30px;}
	.tabnav li {width:33.3%;font-weight:300;font-size:0.9em;font-weight:400;}
	.tabnav li a {height:40px;line-height:40px;display:block;text-align:center;background:#e8e8e8;}
	.tabnav li a.active {font-size:1.15em;background-color:#fff;border-top:1px solid #c3c2c2;border-left:1px solid #c3c2c2;border-right:1px solid #c3c2c2;border-bottom:1px solid #fff;}

	.boiler-wrap {width:100%;display: flex;justify-content: space-between;margin:20px 0 0 0;}
	.boiler-wrap > .leftimg {width:27%;padding:0;text-align:center;border:0;}
	.boiler-wrap > .leftimg img {width:100%;object-fit:cover;border:1px solid #ddd;}
	.boiler-wrap > .righttxt {width:68%;}
	.boiler-wrap > .righttxt ul {font-size:0.9em;}
	.boiler-wrap > .righttxt ul li span {font-weight:500;}
	.boiler-wrap > .righttxt ul li span.red {color:#d12a34;}
	.gt-base {clear:both;width:100%;margin:15px 0 0 0;text-align:center;border-collapse: collapse;font-weight:400;font-size:0.86em;}
	.gt-base thead th {padding:4px 0;background:#e8e8e8;border:1px solid #c3c2c2;}
	.gt-base tbody th {padding:4px 0;background:#f9f9f9;border:1px solid #ddd;}
	.gt-base tbody td {padding:4px 0;background:#fff;border:1px solid #ddd;}
	.et-base {clear:both;width:100%;border-collapse: collapse;font-size:0.8em;}
	.et-base tbody th {padding:2px 0;text-align:left;vertical-align:top;font-weight:300;}
	.et-base tbody th span {font-size:0.3em;padding-right:4px;}
	.et-base tbody td {padding:2px 0;vertical-align:top;}
	.et-base tbody td span {font-weight:500;padding-left:6px;}
	.et-base tbody td span.red {color:#d12a34;}

	.system-tit {padding:0 0 20px 0;text-align:center;font-size:1.4em;}
	.system-tit span {font-size:0.7em;color:#d12a34;padding-right:5px;}
	.system-tit b {font-weight:400;}
	.systemimg img {width:100%;object-fit:cover;}
	.both-box1 {width:100%;display: flex;justify-content:center;margin:30px 0 0 0;}
	.both-box1 > .leftimg {width:40%;text-align:center;}
	.both-box1 > .leftimg img {width:100%;object-fit:cover;}
	.both-box1 > .righttxt {width:60%;display: flex;flex-direction: column;justify-content: center;padding:0;}
	.both-box1 > .righttxt > h3 {font-size:1.3em !important;font-weight:500 !important;}
	.both-box1 > .righttxt > ul {margin-top:10px;}
	.both-box1 > .righttxt > ul li {font-size:0.9em;}
	.both-box1 > .righttxt > ul li span {padding-left:7px;}
	.both-box2 {width:100%;display: flex;justify-content:center;margin:30px 0 30px 0;padding:30px 0 0 0;border-top:1px solid #efefef;}
	.both-box2 > .lefttxt {width:60%;display: flex;flex-direction: column;justify-content: center;padding:0 0 0 40px;}
	.both-box2 > .lefttxt > h3 {font-size:1.4em !important;font-weight:500 !important;}
	.both-box2 > .lefttxt > ul {margin-top:15px;}
	.both-box2 > .lefttxt > ul li {font-size:0.9em;}
	.both-box2 > .rightimg {width:40%;text-align:center;}
	.both-box2 > .rightimg img {width:100%;object-fit:cover;}

	.contact-wrap {width:86%;margin:0 auto;border-radius:10px;border:1px solid #efefef;box-shadow: 7px 7px 7px rgba(0,0,0,.05);padding:30px;}
	.contact-wrap span {font-size:3.2em !important;}
	.contact-wrap > .txt {font-weight:400;font-size:1.1em;padding:20px 0 0 0;}
	.contact-wrap > .number {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.6em;letter-spacing:0.5px;line-height:1;padding:5px 0;color:#d12a34;}
	.contact-wrap > .number2 {font-family: 'Paperlogy-8ExtraBold', sans-serif;font-size:1.6em;letter-spacing:0.5px;line-height:1;}

	hr {border:0; height:1px;background:#efefef;margin:30px 0;}

}