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

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:50px}
.msec4 .banner{position:relative;margin:0px 0 0 0px}
.msec4 .banner .mask{position:relative;height:200px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:200px;margin-right:33px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

.m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:50px}
.msec4 .banner{position:relative;margin:0px 0 0 0px}
.msec4 .banner .mask{position:relative;height:200px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:200px;margin-right:33px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

.m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:50px}
.msec4 .banner{position:relative;margin:0px 0 0 0px}
.msec4 .banner .mask{position:relative;height:200px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:200px;margin-right:33px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

.m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:50px}
.msec4 .banner{position:relative;margin:0px 0 0 0px}
.msec4 .banner .mask{position:relative;height:200px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

.m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:50px}
.msec4 .banner{position:relative;margin:0px 0 0 0px}
.msec4 .banner .mask{position:relative;height:200px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:50px}
.msec4 .banner{position:relative;margin:0px 0 0 0px; height:300px}
.msec4 .banner .mask{position:relative;height:200px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:50px}
.msec4 .banner{position:relative;margin:0px 0 0 0px; }
.msec4 .banner .mask{position:relative;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:50px}
.msec4 .banner{position:relative;margin:0px 0 0 0px; }
.msec4 .banner .mask{position:relative;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:50px}
.msec4 .banner{position:relative;margin:0px 0 0 0px; }
.msec4 .banner .mask{position:relative;height:240px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:50px}
.msec4 .banner{position:relative;margin:0px 0 0 0px; }
.msec4 .banner .mask{position:relative;height:220px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:0px}
.msec4 .banner{position:relative;margin:0px 0 0 0px; }
.msec4 .banner .mask{position:relative;height:240px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:0px}
.msec4 .banner{position:relative;margin:0px 0 0 30px; }
.msec4 .banner .mask{position:relative;height:240px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:0px}
.msec4 .banner{position:relative;margin:0px 0 0 34px; }
.msec4 .banner .mask{position:relative;height:235px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:0px}
.msec4 .banner{position:relative;margin:0px 0 0 34px; }
.msec4 .banner .mask{position:relative;height:229px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:234px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/
.h2{position:relative;text-align:center;font-family:'NanumSquare',sans-serif;
font-size:34px;color:#57402f ;letter-spacing:-1px; padding:70px 0 60px}       
.h2 span{font-family:'NanumGothic',sans-serif;font-size:21px; font-weight:400 }

.msec1 .banner{position:relative;width:100%;height:700px}
.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:380px;margin-left:-740px;opacity:0;transition:0.8s 0.3s}
.msec1 .banner .img li.on .text{top:220px;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:30px;text-align:center}
.msec1 .banner .btn li{display:inline-block;width:18px;height:18px;border-radius:50%;background:#fff;margin:0 4px;cursor:pointer;text-indent:-9999px;border:1px solid 5b7ead}
.msec1 .banner .btn li.on{background:#bc8707;}

.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 ul{margin:0px 0 20px 45px}
.msec3 li{float:left;line-height:1.4}
.msec3 li .box{position:relative;width:358px;margin:0 auto;text-align:center; padding:0 10px}
.msec3 li .box .thumb{overflow:hidden}  
.msec3 li .box .thumb img{transition:0.3s}
.msec3 li .info{padding:20px 0}
.msec3 li .info em{display:block;font-size:19px;font-weight:800;color:#000}
.msec3 li .info span{display:block;font-size:14px;margin:5px 0; }
.msec3 li .info .desc{/*line-height:26px*/}
.msec3 li .info .more{display:inline-block;color:#8f6e19;line-height:30px;padding:0 20px}
.msec3 li .info .more:hover{background:#1b910a;color:#fff}
.msec3 li .box .over{position:absolute;left:0;top:0;background:#503708;width:100%;height:100%;opacity:0;transition:0.3s}
.msec3 li .box .over a{display:block;position:absolute;left:4%;top:4%;width:92%;height:92%;border:1px solid rgba(255,255,255,0.2);padding-top:60px}
.msec3 li .box .over .em{margin:20px 0}
.msec3 li .box .over div{color:#fff}
.msec3 li .box:hover .over{opacity:1}
.msec3 li .box:hover .thumb img{transform:scale(1.1)}
.line{height:1px;background:#ddd;}


.msec4{background:#f1ede6 ; padding-bottom:0px}
.msec4 .banner{position:relative;margin:0px 0 0 34px; }
.msec4 .banner .mask{position:relative;height:240px;overflow:hidden;}
.msec4 .banner .img{position:absolute;}
.msec4 .banner .img li{float:left;width:229px;margin-right:12px;}
.msec4 .banner .img li .thumb{border-radius:10%;overflow:hidden}
.msec4 .banner .img li .thumb img{transition:0.3s}
.msec4 .banner .img li:hover .thumb img{transform:scale(1.1)}
.msec4 .banner .img li .info{margin:20px 0;text-align:center;line-height:1.6;font-size:14px;}
.msec4 .banner .img li .info em{display:block;font-size:18px;font-weight:400;color:#000}
.msec4 .banner .next{position:absolute;top:0;margin-top:55px;cursor:pointer;right:-150px}
.msec4 .banner .prev{position:absolute;top:0;margin-top:55px;cursor:pointer;left:-150px}	





        

./*m_sec4{ 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%}*/