.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;font-size:34px;color:#57402f ;letter-spacing:-1px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }


.msec1 .banner{position:relative;width:100%;height:780px}
.msec1 .banner .img{position:relative;width:100%;height:100%;overflow:hidden}
.msec1 .banner .img li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;} 
.msec1 .banner .img li:first-child{display:block}
.msec1 .banner .img li .text{position:absolute;left:50%;top:120px;margin-left:-350px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:150px;opacity:1}

.msec1 .banner .arrow{position:absolute;width:100%;top:50%;margin-top:-20px;}
.msec1 .banner .prev{position:absolute;left:50px;margin-left:0;cursor:pointer;border-radius:50%;background:rgba(0,0,0,0.3);overflow:hidden;transition:0.3s}
.msec1 .banner .next{position:absolute;right:50px;margin-right:0;cursor:pointer;border-radius:50%;background:rgba(0,0,0,0.3);overflow:hidden;transition:0.3s}
.msec1 .banner .prev:hover{background:#000}
.msec1 .banner .next:hover{background:#000}


.msec1 .banner .btn{position:absolute;width:100%;bottom:300px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:12px;height:12px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#5b7ead;}

.msec1 .banner .scroll{position:absolute;left:50%;margin-left:-62px;bottom:50px}
.msec1 .banner .scroll img{position:relative;animation:movingDown 1s linear infinite}
@keyframes movingDown{
    0%{top:6px}
    50%{top:-6px}
    100%{top:6px}
    
}


.msec2 {text-align:center;font-size:0}
.msec2 li{display:inline-block;position:relative;padding-left:1px;background:url('../images/ms2_line.png') no-repeat 0 center}
.msec2 li:first-child{padding-left:0;background:none}
.msec2 li a:after{display:block;content:'';position:absolute;left:50%;bottom:0;width:0;border-bottom:1px solid #000;transition:0.3s}
.msec2 li a:hover:after{left:0;width:100%}



.msec3{padding:50px 0 0;background:url('../images/msec3_bg.gif')  ; background-repeat:repeat-x}

.msec3 .banner{position:relative;margin:50px auto;text-align:center; width:1384px}
.msec3 .banner li{display:inline-block;position:relative;margin:0 0px;width:340px;height:470px;}

.msec3 .banner .banner_1 {background:url('../images/ms3_flag.png') repeat/* right bottom #fff;overflow:hidden;*/}
.msec3 .banner .banner_2 {background:url('../images/ms3_flag2.png') repeat}
.msec3 .banner .banner_3 {background:url('../images/ms3_flag3.png') repeat}
.msec3 .banner .banner_4 {background:url('../images/ms3_flag4.png') repeat}

.msec3 .banner li .thumb{overflow:hidden}
.msec3 .banner li .thumb img{max-width:100%;transition:0.3s}
.msec3 .banner li .thumb:hover img{transform:scale(1.1)}
.msec3 .banner li .info{padding:130px 0 0;text-align:center;line-height:1.4;font-size:19px;font-weight:600;color:#fff}
.msec3 .banner li .info span{display:block;font-size:30px;font-weight:600;color:#fff}


.msec4{padding:50px 0}

.msec4 .banner{position:relative;margin:50px auto}
.msec4 .banner .tit_img{float:left}
.msec4 .banner .mask{float:right;position:relative;width:1240px;height:262px;overflow:hidden;}
.msec4 .banner .img{position:absolute;top:30px}
.msec4 .banner .img li{float:left;width:220px;margin-right:36px;background:#fff}
.msec4 .banner .img li .info{padding:10px;line-height:1.5;text-align:right}
.msec4 .banner .img li .info .tit{font-size:19px;font-weight:600;color:#000}
.msec4 .banner .img li .info .price{font-size:19px;font-weight:600;color:#cc0000;letter-spacing:-1px}
.msec4 .banner .img li .info .price span{font-size:16px;color:#000}
.msec4 .banner .img li .info .add{font-size:14px;color:#555}
.msec4 .banner .img li .thumb{overflow:hidden}
.msec4 .banner .img li .thumb img{transition: 0.3s}
.msec4 .banner .img li .thumb:hover img{transform: scale(1.05)}

.msec4 .banner .next{position:absolute;top:0;right:0;cursor:pointer}
.msec4 .banner .prev{position:absolute;top:0;right:25px;cursor:pointer}



        

.m_sec4{margin:50px 0 0; background:#f5f6f6; padding:50px 0}
.m_sec4 .inner{text-align:center;margin-left:-0.5%}
.m_sec4 .inner > div{float:left;border-right:1px solid #ccc;min-height:220px;margin-left:0.5%;padding:20px 30px 0}
.m_sec4 .inner > div:last-child {border-right:1px solid #f5f6f6}
.m_sec4 .latest,
.m_sec4 .customer{width:30%}
.m_sec4 .catalog{width:38%}

.m_sec4 .latest .notice_title{display:block;font-size:36px}
.m_sec4 .latest .notice_title:before{display:block;content:'';width:10px;height:3px;background:#d0170c;margin:5px auto}
.m_sec4 .latest ul{text-align:left;padding-top:5px;}
.m_sec4 .latest li{position:relative;margin:10px 0;padding-left:15px; font-size:14px; }
.m_sec4 .latest li:before{display:block;position:absolute;content:'';left:0;top:6px;width:4px;height:4px;background:#d0170c;border-radius:50%}
.m_sec4 .latest li a:hover{text-decoration:underline}

.m_sec4 .customer .customer_title{padding-left:40px;background:url('../images/ico_tel.png') no-repeat 80px center;font-family:'NanumSquare',sans-serif;font-size:30px;font-weight:400;margin-top:10px; color:#000}
.m_sec4 .customer .tel{font-size:36px;font-weight:800;margin-top:10px; color:#d0170c;font-family:'NanumSquare',sans-serif;}
.m_sec4 .customer .mail{font-size:22px;margin:0px 0; color:#000;font-family:'NanumSquare',sans-serif;}
.m_sec4 .customer .office{margin-top:10px;font-size:18px}

.m_sec4 .catalog{}
.m_sec4 .catalog .catalog_title{padding-left:40px;background:url('../images/ico_catalog.png') no-repeat 80px center;font-family:'NanumSquare',sans-serif;font-size:30px;font-weight:400;margin-top:0px; color:#000}
/*
.m_sec4 .info div{display:block;background:#d0170c;color:#fff;line-height:30px;font-size:17px;margin-top:110px}
.m_sec4 .info a{display:inline-block;margin:5px 0;;padding-right:15px;background:url('../images/ico_arrow.png') no-repeat 95% center}
.m_sec4 .info a:hover{text-decoration:underline}
.m_sec4 .info .tel{font-size:34px;font-weight:800;margin-top:10px; color:#d0170c}
.m_sec4 .catalog{background:url('../images/ico_catalog.png') no-repeat center 40%}
.m_sec4 .agent{background:url('../images/ico_agent.png') no-repeat center 20%}*/