@media (min-width: 1200px) {
.container {
    width: 1230px;
    max-width: 1230px;
}
}

@media (max-width: 1200px){ 
    .txt-box .desc.withicon .item .txt{padding-top:10px}
    .txt-box .desc.withicon .item .tit-desc{font-size: 22px;line-height: 30px;}
.txt-box .desc.withicon .item .sub-desc{font-size: 16px;line-height: 24px;}

.txt-box.benefit .item .benefit-desc{max-width:285px;}
.txt-box.benefit .item .benefit-desc.right{margin-left:10px;}
.txt-box.benefit .item .benefit-desc ul li{font-size:16px;}
#sitemap-wrap .inner{max-width:100%;width:100%}
.contarea{max-width:100%;width:100%}
#cboxLoadedContent{width:100vw !important;height:760px !important;}
.product_info_pop{padding:30px 30px 50px}
.prd-detail-box{margin-top:20px;}
.cate-deatiltxt{margin-top:30px}
}
  
@media (max-width: 768px) {
    
    
.page-title-area {
text-align:center;
margin-bottom:50px;
}

.page-title-area .divder {
    margin:0px auto;
}
#cboxLoadedContent{width:100vw !important;height:960px !important;}
#colorbox{top:50px !important}
.tab-box {margin-top: 0px;height: auto; width: 100%;}
.tabs-style-bar ul li:nth-child(n+4){border-top:none}
.tabs-style-bar ul li:nth-child(n+1){border-left:1px solid #d8d8d8}
.tab-box.right .tabs-style-bar ul li{max-width:200px;width:50%;}
.tab-box.right2 .tabs-style-bar ul li{max-width:200px;width:50%;}
.tab-box.longs .tabs-style-bar ul li{max-width:200px;width:50%;font-size:15px;letter-spacing:-1px;height:50px;overflow:hidden}
.page-title-area{width:100%;max-width:100%;padding-right:0px;border-right:none}

.section-title{margin-top:20px;}
.txt-box{width:100%;max-width:100%;;border-left:none;padding-left:0px;margin-top:0px}
 .table-responsive-sm{width:100%;max-width:100%;overflow-x:scroll}
 .prd-table{width:100% !important;}  
 
.prd-detail-box .prd-img, .prd-detail-box .prd-info {float:left;width:100% !important}

.board-view .title-box {   line-height: 30px;font-family: "NanumSquareRound" !important;display:block;}
.board-view .title-box .tit{margin-bottom:10px}
.board-view .title-box .info-area{clear:both;float:none;border-top:1px solid #ccc;padding:5px 0px;}
.inquiry-box{padding-left:0px;margin-top:30px}
.inquiry-box .request-form .input-info .input-row input.form-control.short { width: 100%;}
.inquiry-box .request-form .input-info .input-row input.form-control.long { width: 100%;}
.inquiry-box .request-form .input-info .input-row input.form-control.phone { width: 30%;margin-right:7px;}

.product_info div.items-box{margin-top:30px;}
.product_info div.items-box .txt-area{margin-top:5px;}
.product_info  .second-div{margin-top:0px;}
 
.txt-box.benefit .item .benefit-desc.right{margin-left:30px;}

.howto.imgbox .items{width:50%;float:left;position:relative}
.howto.imgbox .items:not(:last-child):after {
    content: url(/assets/images/cs/arrow_01.png);
    /* top: 68px; */
    position: absolute;
    margin-left: 0px;
    top: 41%;
}
.timeline-img{padding-top: 50px;float: none;clear: both;width: 100%;}
.timeline-img .img-area{text-align:center;}
.timeline-img img{margin:0px auto;text-align: center;}
.certificate.vertical .img-area {
    width: 250px;
    height: 190px;
    display: block;
    float: left;
    margin-right: 10px;
}
.certificate.vertical img {
    max-width: 250px;
    max-height: 190px;
}
.certificate.horizon .img-area {
width: 224px;
height: 284px;
display: block;
float: left;
    margin-right: 8px;
}
.certificate.horizon img {
max-width: 224px;
max-height: 284px;
}

}
@media (max-width: 740px) {
.txt-box{width:100%;max-width:100%;;border-left:none;padding-left:0px;margin-top:30px}
}

@media (max-width: 600px) { 
.companyinfo2{padding:70px 0px 0px;}
.companyinfo3{padding:0px 0px 0px;}
.img-area_btm{margin-top:30px;}
.inquiry-box{padding:0 15px} 
.txt-box.benefit .item .benefit-desc{max-width:100%;}
.txt-box.benefit .item .benefit-desc.right{margin-left:0px;}
.txt-box .desc.withicon .item .tit-desc{font-size:20px;line-height:24px}
.txt-box .desc.withicon .item .sub-desc {font-size: 14px;line-height: 18px;}
.howto.desc{padding:0px 15px;}
.howto.desc li span{display:block;margin-left:15px;}
.howto.desc ul li span:last-child{margin-left:15px;} 
.timeline {width: 100%;} 

.timeline .contbox { min-height:60px;}
.timeline  .detail{width: 100%;margin-top:10px;} 

.timeline .right .content p span{padding-left:10px;width:calc(100% - 50px);}
.location-addr dl{height:auto;min-height:66px;padding:10px 0px;}
.location-addr dt,.location-addr dd{line-height:45px;}
.location-addr dl.addr dt,.location-addr dl.addr dd{line-height:30px !important;}
.location-addr dl.addr dt:after{top:0px;}
.companyinfo div .row> [class*='col-'] {
 margin-top:30px;
}
.txt-box.history{padding-right:0px;}
.timeline-img div.img-area:not(:nth-child(1)){display:none;} 

.certificate.vertical .img-area{
margin-right: 0px;    margin-bottom: 30px;}
.certificate.vertical img {
    max-width: 280px;
    max-height: 190px;
}
.certificate.horizon .img-area { 
margin-right: 0px;    margin-bottom: 30px;
}
.certificate.horizon img {
max-width: 233px;
max-height: 284px;
}
.button-area{text-align:center}
}

@media (max-width: 500px) {    
  
.button-area input:last-child{margin-left:20px;}
.inquiry-box .request-form .input-info .input-row .title-area{ display: block; float: left; width:100%; height:34px;border-bottom:none;} 
.inquiry-box .request-form .input-info .input-row.full .title-area {  height:34px; }   
.inquiry-box .request-form .input-info .input-row .text-area{ display: block; float: left; width:100%; height:54px;border-bottom:1px solid #ccc;padding:10px 0px;} 
.inquiry-box .request-form .input-info .input-row.full .text-area{height:110px;}
}
@media(max-width: 410px) { 
.pagination li > a, .pagination li > span{width:35px;height:35px;padding:6px 0px } 
.img-maps-area-mobile{ width:100%;float:left;text-align:center;}
.text-map-mobile{width: 100%;float:left;padding-left: 20px;margin-top:60px;} 
.text-map-mobile .txt-map-box {min-height:100px;margin-bottom:45px;}
.text-map-mobile .txt-map-box .inner-cont-txt ul.deatiltxt{;margin-top:10px;}

.text-map-mobile .txt-map-box .inner-cont-txt ul.deatiltxt li{ letter-spacing:0px;} 
 
}
@media screen and (max-width: 320px) {
.contents table {font-size:14px;}
.contents table tbody tr td.date { font-size:13px;}
    
.pagination li > a, .pagination li > span{width:32px;height:32px;padding:4px 0px }
.contents.ref .search { float: left; width: 300px; height: 34px; } 
.contents.ref .search-box input.form-control { width: 140px}
.contents.ref .search .dropdown select{width:80px;}

.tabs-style-bar ,.tabs-style-bar.product ,.tabs-style-bar.cs {
width: 100%;
max-width: 300px;
margin: 0px auto;
}
.tabs-style-bar ul li {
        
width: 145px;
}
.button-area input{width:135px;}
.button-area input:last-child{margin-left:10px;}
.button-area button:last-child{margin-left:0px;}
.btn.reg {
padding: 10px 40px;
font-size: 18px;
line-height: 18px;
}

.mainslide .item_slide_photos .slide_mainst{ position: relative;background-repeat: no-repeat;background-position: center;    background-size: cover;min-height:320px;height:100%;height:-webkit-fill-available;} 
.mainslide .item_slide_photos .slide_mainst .mbnr_auto{width:100%;overflow:hidden;}  
.mainslide .item_slide_photos .slide_mainst .mbnr_auto dl {	position: absolute;top: 40px;left: 0%;width:100% ;margin-left: 0px;} 
.mainslide .item_slide_photos .slide_mainst .mbnr_auto  dt {font-size: 16px;color: #FFF;text-align: center;}
.mainslide .item_slide_photos .slide_mainst .mbnr_auto  dd.text {font-size: 30px;text-align: center;color:#5cb531 ;line-height: 32px;font-weight: 800;font-family: Roboto;padding-top: 20px;}
.mainslide .item_slide_photos .slide_mainst .mbnr_auto  dd.rbtn ul{text-align: center;}
.mainslide .item_slide_photos .slide_mainst .mbnr_auto  dd.rbtn ul li{display: inline-block;text-align: center;padding: 0 5px;padding-top: 20px;}
.mainslide .item_slide_photos .owl-carousel.item_slide_normal_st  .owl-nav{display:none} 
.mainslide .item_slide_photos .owl-carousel.item_slide_normal_st  .owl-dots {bottom: -40px;left:48%}
.mainslide .item_slide_photos .owl-carousel.item_slide_normal_st  .owl-dots .owl-dot.active span,
.mainslide .item_slide_photos .owl-carousel.item_slide_normal_st  .owl-dots .owl-dot:hover span {background: #5cb531;}

}
@media (min-width: 321px) and (max-width: 420px)   {
.mainslide .item_slide_photos .slide_mainst{ position: relative;background-repeat: no-repeat;background-position: center;    background-size: cover;min-height:320px;height:100%;height:-webkit-fill-available;} 
.mainslide .item_slide_photos .slide_mainst .mbnr_auto{width:100%;overflow:hidden;}  
.mainslide .item_slide_photos .slide_mainst .mbnr_auto dl {	position: absolute;top: 100px;left: 0%;width:100% ;margin-left: 0px;} 
.mainslide .item_slide_photos .slide_mainst .mbnr_auto  dt {font-size: 24px;color: #FFF;text-align: center;}
.mainslide .item_slide_photos .slide_mainst .mbnr_auto  dd.text {font-size: 40px;text-align: center;color:#5cb531 ;line-height: 44px;font-weight: 800;font-family: Roboto;padding-top: 20px;}
.mainslide .item_slide_photos .slide_mainst .mbnr_auto  dd.rbtn ul{text-align: center;}
.mainslide .item_slide_photos .slide_mainst .mbnr_auto  dd.rbtn ul li{display: inline-block;text-align: center;padding: 0 5px;padding-top: 20px;} 
.mainslide .item_slide_photos .owl-carousel.item_slide_normal_st  .owl-prev{left:10px;} 
.mainslide .item_slide_photos .owl-carousel.item_slide_normal_st  .owl-next{right:10px;} 
.mainslide .item_slide_photos .owl-carousel.item_slide_normal_st  .owl-dots {bottom: 30px}
}
@media screen and (min-width: 64em) {
.slide_mainst{ height: 600px; min-height: 600px;}}