.sct_sub_txt { font-size:16px; color:#555; font-weight:300; padding:5px 0 10px 0}

/*메인배너*/
.main-carousel{padding:0; display:block; padding-bottom:150px}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.6;z-index:1}


.main-carousel .li .copy_area_wrap {max-width:1240px; margin:auto; padding:0 20px}
.main-carousel .li .copy_area{position: absolute; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#fff; z-index:2}

.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:80px;height:6px;display:inline-block;margin-left:10px; border:0}
.main-carousel .owl-dots .owl-dot.active{background:#6c6e70}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:60%}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

@media screen and (max-width:640px) {
	.main-carousel .li{height:100vh}
	.main-carousel .jarallax { height: 100vh;}
	.main-carousel .owl-nav { display:none}
	.main-carousel .li .copy_area { top:50%}
	.main-carousel .owl-dots .owl-dot.active{background:#fff}
}
/*메인배너*/




.topbanner { width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap;  max-width: 1260px; margin:0 auto; padding:0; border-top:1px solid #ddd}
.topbanner li { width: 32.3333%; }
.topbanner li .box01 { background: url(../img/main_box01_img.png); background-repeat: no-repeat; background-position: right 46px; height: 249px; padding: 50px;}
.topbanner li .box02 { background: url(../img/main_box02_img.png); background-repeat: no-repeat; background-position: right -45px; height: 249px; padding: 50px;}
.topbanner li .box03 { background: url(../img/main_box03_img.png); background-repeat: no-repeat; background-position: right -45px; height: 249px; padding: 50px;}
.topbanner li .box img {padding-top: 50px;}
.topbanner li dl dt {padding-bottom: 5px; color: #fff; font-size: 20px; font-weight: 600;}
.topbanner li dl dd {max-width: 400px; color: #fff; opacity: 0.8; font-size: 17px; font-weight: 400; line-height: 1.4; word-break: keep-all;margin-top: 5px;}

@media (max-width: 768px) {
.topbanner li {
    width: 50%;
    margin-bottom: 4%;
}
}

@media (max-width: 480px) {
	
.topbanner li {
    width: 100%;
    margin-bottom: 4%;
}
}


.cs_center .inner { width: 100%;display: flex; justify-content: flex-start; max-width: 1260px; margin: 150px auto;}
.cs_center .inner .cs01 { width: 27%; height:529px;  border: 1px solid #ddd; padding: 55px 50px; margin-bottom: 20px;}
.cs_center .inner .cs01 h1 {font-size: 32px; margin-bottom: 20px; color: #000;font-weight: bold;}
.cs_center .inner .cs01 h2 { font-size: 52px; font-weight: 600; color: #000; line-height: 1.0;font-weight: bold;}
.cs_center .inner .cs01 ul { margin-top: 20px;}
.cs_center .inner .cs01 ul li { font-size: 17px; color: #555;font-weight: 400;line-height: 1.5;}
.cs_center .inner .printer h2 {  font-size: 32px;font-weight: bold; color: #fff; padding: 370px 0 80px 40px;}
.cs_center .inner .printer span {display: block; font-size: 17px; color: #fff; opacity: 0.9;  font-weight: 400; padding: 10px 10px 10px 0;}


.cs_center .inner .cs02 ul {clear: both;}
.cs_center .inner .cs02 ul li {font-size: 17px; color: #555; font-weight: 400; line-height: 1.6; display: flex;}
.cs_center .inner .cs02 ul li.name { margin-left: 30px; color: #000; font-weight: 500;}

.cs_center .inner .cs02 { width:25%;height: 529px; border: 1px solid #ddd; margin-left: -1px; padding: 55px 45px;}
.cs_center .inner .cs02 h1 {font-size: 32px; margin-bottom: 40px; color: #000; font-weight: bold;}
.cs_center .inner .printer { width: 42.77%;  margin-left: 4.3%; height: 529px; display: flex; background-color: #000; position: relative;}
.cs_center .inner .printer img {  position: absolute;  top: -80px; right: 50px; width: 440px; height: 389px; z-index: 9;}

@media (max-width: 768px) {
	.cs_center .inner { display:inherit}
	.cs_center .inner .cs01 { width:100%}
	.cs_center .inner .cs02 { width:100%}
	.cs_center .inner .printer { width:100%; margin-left:0}
}




.community {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	max-width:1260px;
	margin:0 auto
}

.community .top {
    width: 100%;
    border: 1px solid #ddd;
    padding: 38px;
    display: flex;
}

.community .top .photo {
    width: 15%;
    display: flex;
    align-items: center;
}



.community .top h2 {
    width: 21%;
    font-size: 36px;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
}

.community .top p {
    display: flex;
    align-items: center;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    width: 30%;
}


.community .bottom {
    width: 100%;
    border: 1px solid #ddd;
    padding: 38px;
    margin-top: -1px;
}

.community .bottom ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.community .bottom ul li { font-size:17px}

.community .bottom {
    width: 100%;
    border: 1px solid #ddd;
    padding: 38px;
    margin-top: -1px;
}


@media (max-width: 768px) {
	.community .top {display: block;}
	.community .top .photo { width:100%}
	.community .top h2 {width: 100%;padding: 10px 0;}
	.community .top p {width: 100%; margin-top: 0; padding-bottom: 5px;}
	.community .bottom ul li {  text-align: left; padding:5px 5px; 0 0}
	
}




.main_title { display:flex; max-width:1260px; text-align:left; margin:0 auto 50px auto}


.main_title .main_title_txt01 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    color: #111;
}

.main_title .main_title_txt02 {
    margin-left: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #999;
}


.main_3dan_banner { width:100%; padding-bottom:150px}

.main_3dan_banner ul {
    width: 100%;  
	display: flex; 
	justify-content: space-between; 
	flex-wrap: wrap;
	max-width:1260px;
	margin:0 auto

}

.main_3dan_banner ul li {
	 width:33.3333%;
	box-sizing: border-box;
    padding: 0 10px;
}
   
  @media (max-width: 768px) {
	  .main_3dan_banner ul li { width:100%}
  }
   
   
   
.main_3dan_banner ul li a {
    font-size: 0;
    display: block;
    position: relative;
    text-align: center;
}

.main_3dan_banner_txt01 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #1a1a1a;
}
 .main_3dan_banner_txt {
    width: 100%;
    margin-top: 30px;
    text-align: left;
}

.main_3dan_banner_txt .main_banner_more {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #555;
    margin-top: 15px;
}




.main_title_inner { width:100%; padding: 150px 11%; background: url(../img/center_banner.png) no-repeat center;}

.main_title_inner .main_long_banner_txt {
	max-width:1260px; margin:0 auto
	
}
.main_long_banner_txt .main_title_txt01 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 1;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 50px;
}

 .main_long_banner_txt .main_title_txt02 {
    font-size: 17px;
    font-weight: 400;
    color: #000;
    opacity: 0.8;
    line-height: 1.5;
    padding-top: 5px;
    text-align: left;
}

.main_text .main_text_link a {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    padding: 0 0 5px 0;
    margin-top: 30px;
    border-bottom: 1px solid #555;
    color: #000;
}

.quick-menu {
    position: fixed;
    bottom: 0;
    right: 50px;
    width: 80px;
    z-index: 105;
}

.quick-menu-anchor {
    position: relative;
    display: block;
    height: 280px;
    background: #000 url(../img/shop-btn.png) 50% calc(100% - 30px) no-repeat;
    background-color: #000;
    white-space: nowrap;
}

 @media (max-width: 768px) {
  .quick-menu-anchor { display:none}
 }


.quick-menu-anchor span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(90deg) translate(-52%,65%);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.quick-menu-btn {
    width: 80px;
    height: 80px;
    background: #fff url(../ico-top.png) 50% / 16px 20px no-repeat;
}
 @media (max-width: 768px) {
  .quick-menu-btn { display:none}
 }