@media (max-width: 1540px) {
.mainwr .businesswr, .mainwr .historywr, .mainwr .customerwr  {padding:0 40px;}
#fp-nav.left {left:0px !important;}
}
@media (max-width: 1430px) {
	.head-top {padding-left:30px;}
	.footer {padding-right:20px; padding-left:20px;}
}
@media (max-width: 1399px) {
	.totalWrap, .header, .wrap {min-width:100%; width:100%; max-width:100%;}
 	.header .head-navi .navi li a span {padding:0px 10px;}

 	.header .head-top {  max-width:100%;padding:0px 40px;}
 
	.mainwr .historywr .histwr 	{gap:30px;}
	.mainwr .customerwr .custwr	dl{gap:20px;    grid-template-columns: 1fr ;}
	.mainwr .customerwr .ctitle {   justify-content: center; }
	.mainwr .customerwr .cus-txt {   text-align: center; }
	.mainwr .customerwr .custwr dl dt {align-items: center;  }	
	.mainwr .customerwr .custwr dl dt ul {width:auto;display:grid;  grid-auto-flow: row;   grid-template-columns:repeat(2, 1fr);    justify-content: flex-start; align-items: flex-start; }
	.subcontents .subtopwr {height:320px;}
 
	.mvisualwr .mtxt { padding:0px 40px; }
	.mainwr .detailwr {padding:0px 40px;}
	.mainwr .detailwr .detawr {gap:30px;}
	.mvisualwr .mtxt .more a {padding:8px 50px;}
	.mainwr .servicewr .mcservice {padding:0px 40px !important;}
	.mainwr .customerwr .custwr dl dt ul li .txt{color:#000;  font-weight:bold; text-shadow: -1px -1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(255,255,255,0.1), 1px -1px 0 rgba(255,255,255,0.1), 1px 0 0 rgba(255,255,255,0.1), 1px 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1), -1px 1px 0 rgba(255,255,255,0.1), -1px 0 0 rgba(255,255,255,0.1); }
}
@media (max-width: 1200px) {
 
	.header .head-top {height:50px;}

	.mvisualwr .mtxt h4, 	.mvisualwr .mtxt h3 {word-break:keep-all; width:100%; padding:0px;}
	.mainwr .businesswr .busiwr {grid-template-columns: repeat(1, 1fr); gap:40px;}
	.mainwr .businesswr .busiwr li dl {grid-template-columns: 1fr 2fr; gap:40px;}
	.mainwr .historywr .histwr 	{gap:20px;}	
	.footer .ftcontent dt .finfo{-ms-flex-flow: row wrap;  flex-flow: row wrap;    }
	.mainwr .servicewr {padding:0px 0px 40px;}
	.mainwr .servicewr .mcservice {padding:0px 40px 40px !important;}	
	.mcservice .swiper-button-next, .mcservice .swiper-button-prev {display:none !important;}
	.mcservice .swiper-pagination	{display:block !important;}

	.mvisualwr .mtxt {font-size:0.9em; padding:0px 60px;}
	.mvisualwr .mtxt .more a {padding:8px 70px; margin-top:20px;}	
	.mctopban .swiper-slide { width:100vw  !important;}
	.mainwr .detailwr .detawr dl {grid-template-columns: 100px 1fr; gap:40px; padding:25px 40px;}
	.mainwr .detailwr .detawr dl dt {padding-left:0px;}
	.mainwr .detailwr .detawr {grid-template-columns: 1fr; gap:20px;}
	.mainwr .detailwr .detawr dl.detv3,	.mainwr .detailwr .detawr dl.detv4 {}
	.mainwr .section .fp-tableCell{padding-top:60px; padding-bottom:60px;}	
	.mainwr .section.fp-auto-height .fp-tableCell, 	.mainwr #section0  .fp-tableCell{padding-top:0px; padding-bottom:0px;}	
	.fp-responsive .header .head-top {background:#fff;box-shadow: 0 1px 4px rgba(0, 0, 0, .15); }
	/*.fp-responsive.fp-viewing-main  .header .head-top {background:transparent; box-shadow: none; }	*/
}
 
@media (max-width: 991px) {
	.mainwr .ctitle h4 { font-size:2.5em;}

	.header {height:auto;    z-index: 9;}

	.header .head-top {width:100%; height:auto;  padding:0px; position:relative;display: flex;  flex-direction: column;   align-items: flex-start;  justify-content: flex-start;   }
	.header .head-top .ht-logo {height:50px; width:100%; padding:0px 20px 0px;}
 
	.contents {padding-top:50px; min-height:auto;}
 
	.subcontents .subtopwr {padding:60px 0px 0px; height:auto; position:relative;display:block;}
	.subcontents .subtopwr .title {font-size:2em; padding:0px 20px 0px; height:85px;}
	.subcontents .subtopwr .smenuwr {display:none;}
	.subcontents .subtopwr .smenuwr.active {display:block; position: fixed; top:193px; right: 0; left: 0; z-index: 1000; margin: 0; padding: 0; height:auto;  background:#edeff3;}
	.subcontents .subtopwr .smenuwr.active .smenu {display:grid;  grid-auto-flow: row;   grid-template-columns:repeat(2, 1fr);    justify-content: flex-start; align-items: flex-start; position:relative; }
	.subcontents .subtopwr .smenuwr.active .smenu:after {position:absolute; bottom:0px; width:100%; height:1px; content:''; background:#c3cad6;}	
	.subcontents .subtopwr .smenuwr.active .smenu li {border:none; border-bottom:1px solid #d3d9e2;font-size:1.05em; height:46px; }
	.subcontents .subtopwr .smenuwr.active .smenu li:first-child, .subcontents .subtopwr .smenuwr.active .smenu li:nth-child(2n+1) {border-right:1px solid #d3d9e2;  }
	.subcontents .subtopwr .smenuwr.active .smenu li a { justify-content: flex-start; padding:0px 20px; color:#69717c; }
	.subcontents .subtopwr .smenuwr.active .smenu li a:hover{background:#fff; color:#333;}
	.subcontents .subtopwr .smenuwr.active .smenu li.active a {font-size:1em; color:#fff; background:#8c95a5;}	
	.subcontents .subtopwr .btn-msmtoggle{width:100%; height:48px; font-size:1.15em; font-weight:500; display: flex;    align-items: center;   justify-content: flex-start;  border:1px solid rgba(0,0,0,0.1); background:#043b72; color:#fff; padding:0px 20px; position:relative; }
	.subcontents .subtopwr .btn-msmtoggle:after{content: '';    position: absolute;    top: 2px;    right: 15px;    bottom: 0;    width: 0;    height: 0;    margin: auto;    border: 8px solid transparent;    border-top-color: #043b72; }
	.subcontents .subtopwr .btn-msmtoggle:before {    content: '';    position: absolute;    top: 8px;    right: 15px;    bottom: 0;    width: 0;    height: 0;    margin: auto;    border: 8px solid transparent;    border-top-color: #ffffff; }
	.subcontents .subtopwr .btn-msmtoggle.active:before {    top: -10px;    border-top-color: transparent;    border-bottom-color: #ffffff;}
	.subcontents .subtopwr .btn-msmtoggle.active:after {    top: -4px;    border-top-color: transparent;    border-bottom-color: #043b72;}	
 
	.footer .ftcontent dt .finfo{display: flex;   justify-content: flex-start; align-items: flex-start;flex-direction: column; gap:5px;  }
	.mainwr .historywr .histwr {grid-template-columns: repeat(2, 1fr); gap:40px;}
	.mainwr .historywr .histwr li dl dt {width:120px; height:120px;}
	.mainwr .historywr .histwr li dl {padding:30px 20px 20px; gap:10px;}
	.mainwr .historywr .histwr li dl dd .txt {gap:0px;}
	.mainwr .customerwr .custwr dl dd .rowbox {grid-template-columns: repeat(1, 1fr);}
	.mainwr .customerwr .custwr dl dd	 {padding:30px;}
.mainwr .customerwr .custwr dl dd .rowbox.agreebtn{grid-template-columns: repeat(1, 1fr);}
	.mainwr .customerwr .ctitle h4 {font-size:2em;}
	.header .head-top .ht-menu .navi li .depth2 li a span {opacity:0.8;}
	.mainwr .section, 	.mainwr .section .fp-tableCell {height:auto !important;}	
	.mainwr #section0  {height:100vh !important;}	
	.mainwr #section0.fp-tableCell {height:100% !important;}	
	.mainwr .servicewr	 {padding-bottom:0;}
	.mainwr .customerwr .custwr dl dd .rowbox .group	 {grid-template-columns: 1fr; gap:0px;padding:10px 15px 0;}
	.mainwr .customerwr .custwr dl dd .rowbox .group .tt {  justify-content: flex-start;}
	.mainwr .customerwr .custwr dl dd .rowbox .group .frm-normal	 {height:auto; min-height:58px;}
	.mainwr .customerwr .custwr dl dd .rowbox .group.hasta {padding:10px 15px 10px; gap:8px;}
	.mainwr .customerwr .custwr dl dd .agreebtn .agreewr	 { flex-direction:row;  justify-content: flex-start;}
  .mainwr .servicewr .servtxt {gap:0px;}	
	.mvisualwr .mtxt	 {font-size:0.8em; padding:0px 50px;}  
	 .mvisualwr .mtxt .more a {font-size:2.2em;}	
	.mainwr .customerwr .custwr dl dt ul{grid-template-columns: repeat(1, 1fr); margin-top:20px;}	 
}

@media (max-width: 720px) {

 
	.mvisualwr .swiper-button-next, .mvisualwr .swiper-button-prev	{width:50px !important; height:50px !important; font-size:1.6em  !important;}
	.mvisualwr .swiper-button-prev, .mvisualwr .swiper-container-rtl .swiper-button-next	{right:50px  !important;}
 
	 .mvisualwr .mtxt .more a { min-width:40%;}
	.footer .ftcontent	 {padding-top:20px;}
	.footer .ftcontent dd .btn-kakaomove {padding:2px;}
	.footer .ftcontent dd .btn-kakaomove .txt {display:none; }
	.footer .ftcontent dd .btn-kakaomove .ic{width:48px; height:48px;display: flex;    align-items: center;   justify-content: center;}	
	.footer .ftcontent {grid-template-columns:  1fr 52px; gap:6px; font-size:0.9em; letter-spacing:-0.5px;}
	.mainwr .customerwr .custwr dl dd	 {padding:25px;}

	.mainwr .customerwr .custwr dl dt ul li {grid-template-columns: 40px 1fr;}
	.mainwr .historywr .histwr {gap:20px;}
	.mainwr .historywr .histwr li dl dd .txt { font-size:1.2em; }
	.mainwr .customerwr {font-size:0.95em;}
	.header .head-top .ht-menu .navi {font-size:0.95em;}
	.header .smnavbar .smlogo .logo img { height:35%; }
	.subcontents {min-height: calc(100vh - 169px); padding-bottom:30px;}
    .mainwr .detailwr .detawr dl {    grid-template-columns:  1fr; gap:12px; font-size:0.95em; padding:25px; }	
    .mainwr .detailwr .detawr dl dt  {width:100%;height:150px;   display:flex;  align-items: center; justify-content: center;}
    .mainwr .detailwr .detawr dl dt img {width:auto; height:100%;}	
	.mainwr .detailwr .detawr dl dd	 {gap:10px;}
	.mainwr .servicewr .mcservice	 {padding:0px 25px  40px !important; }
	.mcservice .swiper-wrapper, .mcservice .swiper-slide	{height:auto !important; }
	.mainwr .servicewr .mcservice .swiper-slide {padding:10px 20px  30px !important; display:flex; flex-direction:column; gap:10px;  justify-content: center; align-items: center; }
	.mainwr .servicewr .mcservice .swiper-slide .imgwr {height:150px;  align-items: flex-start; }
	.mainwr .servicewr .mcservice .swiper-slide .imgwr img {width:auto; height:100%;}	
	.mainwr .servicewr .mcservice .swiper-slide .txtwr { justify-content: flex-start;align-items: center; height:auto; gap:10px;}	
	.mainwr .servicewr .mcservice .mcserv1 .txtwr h4 {text-align:center; align-items:center;}
	.mainwr .servicewr .mcservice ul   { align-items:center; gap:5px;}	
	.mainwr .servicewr .mcservice ul li {width:100%; word-break:keep-all; line-height:1.3; border-radius:8px; padding:10px;}
	.mainwr .servicewr .mcservice .mcserv3 .txtwr h4,	.mainwr .servicewr .mcservice .mcserv4 .txtwr h4,	.mainwr .servicewr .mcservice .mcserv5 .txtwr h4  {text-align:center; align-items:center; word-break:keep-all;}
	.mainwr .servicewr	 {font-size:0.9em;}
	.mvisualwr .mtxt	 {font-size:0.7em; padding:0px 30px;}
 	.mainwr .servicewr .servtxt	 { font-size:1.8em; padding:0px 30px; }
	.footer .ftcontent dt .finfo .row { flex-direction:column; gap:5px; justify-content: flex-start; align-items: flex-start; }	
	.header .head-top .ht-logo img {    height: 35%;}
}
@media (max-width: 540px) {
	.mainwr .ctitle {margin-bottom:20px;}
	.mvisualwr .mtxt h4 {font-size:2.4em;}
	.mvisualwr .mtxt .more a { min-width:50%; padding:0px 30px; min-height:60px; font-size:2em;}
	.mainwr .customerwr { padding:0px 20px; }
 	.mainwr .ctitle h4 { font-size:2em;} 
	 .mainwr .customerwr .custwr dl dt {align-items: flex-start;  }
	.mainwr .customerwr .ctitle { justify-content: flex-start; font-size:0.85em;letter-spacing:-0.5px;}
	.mainwr .customerwr .cus-txt {text-align:left; word-break:keep-all; font-size:0.9em;letter-spacing:-0.5px;}
	.mainwr .customerwr .custwr dl dt ul li {grid-template-columns: 30px 1fr;font-size:0.9em; gap:8px;}
	.mainwr .customerwr .custwr dl dt ul li .ic img {  width:70%;}
	.mainwr .customerwr .custwr dl dt ul {gap:5px;}
	.mainwr .customerwr .custwr dl dd .rowbox .group {display: flex;   justify-content: flex-start; align-items: flex-start;   flex-direction: column; gap:0px; padding:10px 10px 0px 10px;}
	.mainwr .customerwr .custwr dl dd .rowbox .group .tt {justify-content:flex-start;}
	.mainwr .customerwr .custwr dl dd .rowbox .group.hasta {padding:10px 10px 0px 10px;}
	.mainwr .customerwr .custwr dl dd .rowbox .group.hasta .tt {padding-bottom:8px;}	
	.mainwr .customerwr .agreewr  {position:relative; width:100%; padding:0px 0px 0px 38px;}	
	.mainwr .customerwr .agreewr input[type="checkbox"] {position:absolute; top:0px; left:0px; width:26px; height:26px;}
	.mainwr .customerwr .agreewr input[type="checkbox"] + label {margin:0px;}
	.mainwr .customerwr .agreewr .btn-popopen {margin:5px 0 0px; line-height:24px; height:26px;padding:0px 15px;  }
	.footer .ftcontent dd .btn-kakaomove .ic{width:40px; height:40px; }	
	.footer .ftcontent {grid-template-columns:  1fr 40px; gap:6px;}	
	.header .head-top .ht-menu .navi {font-size:0.9em;}	
	.header .head-top .ht-menu .navi li .depth2 {padding:8px 0;}
	.header .head-top .ht-menu .navi li .depth2 li a span {padding:8px 0px 8px 16px;}
	.header .head-top .ht-menu .navi li a span {padding:18px 2px;}
	.mvisualwr .mtxt {font-size:0.65em; padding:0px 20px;}	
	.mvisualwr .mtxt h4 span	{font-weight:400;}
	.mainwr .servicewr .mcservice	{padding:0px 20px 30px !important;}
    .mainwr .servicewr .mcservice .swiper-slide .txtwr {font-size:0.8em; }
    .mainwr .servicewr .mcservice .swiper-slide .imgwr {height:100px;}
	.mainwr .servicewr .mcservice .swiper-slide {padding:10px 20px 25px !important;  }
    .mainwr .servicewr .mcservice .swiper-slide .txtwr  h4{gap:10px;}	
	.mainwr .servicewr .mcservice .mcserv3 .txtwr h4 span { font-size:0.8em;}
	.mainwr .servicewr .mcservice  .swiper-slide .txtwr h4 {line-height:1.5;}
	.mainwr .servicewr .mcservice .mcserv4 .txtwr h4	{line-height:1.4;}
	.mainwr .servicewr .servtxt	 {margin-top:25px; font-size:1.5em; line-height:1.5; padding:0px 20px; }
	.mainwr .detailwr .detawr dl{font-size:0.85em; gap:25px; padding:20px  ;}
	.mainwr .detailwr	{padding:0px 20px;}
	.mainwr .detailwr .detawr dl dt	{height:100px;}
	.mainwr .detailwr .detawr dl h4	 { font-size:1.8em;}
	.mainwr .detailwr .detawr dl ul	{gap:8px;}
	.mainwr .detailwr .detawr dl ul li:before	 {top:8px;}
	.mainwr .customerwr .custwr dl dd	 {padding:15px; border-radius:12px;}
.mainwr .customerwr .custwr dl dd .agreebtn .agreewr .btn-popopen {margin-left:5px;}
	
}