/*reset--------------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;vertical-align:middle}
body, td, p, input, button, textarea, select,a{font-family:'³ª´®°íµñ','NanumGothic','Nanum Gothic','µ¸¿ò',dotum; font-size:12px; color:#444;}
h1,h2,h3,h4,h5,h6,strong,b,dt{font-weight:600}
a,a:hover,a:active,a:focus{text-decoration:none}




/*common--------------------------------------------------*/
body{min-width:1240px}    
.container{position:relative;width:1240px;margin:0 auto}	
.clear{clear:both}
.clear:after{display:block;content:'';clear:both}




/*header--------------------------------------------------*/
#header{position:relative;z-index:100;height:150px}
.h_sec1{position:fixed;left:0;top:0;width:100%;background:#fff}
.h_sec1 h1{float:left}
.h_sec1 .banner{float:right}

.h_sec2{position:fixed;left:0;top:105px;width:100%;background:#464646;box-shadow:0 5px 5px rgba(0,0,0,0.3)}
.h_sec2 .lnb{}
.h_sec2 .lnb li{float:left;}
.h_sec2 .lnb li a{display:inline-block;height:45px;line-height:45px;font-size:18px;font-weight:600;color:#fff;padding:0 30px}
.h_sec2 .lnb li a:hover{background:#ef4023}
.h_sec2 .lnb li.on a{background:#ef4023}




/*aside quick--------------------------------------------------*/
#quick{position:absolute;width:100%;z-index:100;top:684px}   
#quick .left{position:absolute;left:-165px}
#quick .right{position:absolute;right:-183px;width:158px}
#quick .right .menu a{display:block}
#quick .right .consult{margin-top:15px}
#quick .right .consult *{font-family:dotum}
#quick .right .consult .box{border:1px solid #ddd;background:#f7f7f7;padding:10px 10px}
#quick .right .consult .box strong{display:block;text-align:center;font-weight:normal;margin-bottom:10px}
#quick .right .consult .box input[type="text"]{height:30px;line-height:30px;text-indent:5px;border:1px solid #bfbfbf;width:100%;margin:2px 0}
#quick .right .consult .box textarea{height:100px;line-height:20px;padding:2px 5px;border:1px solid #bfbfbf;width:100%;margin:2px 0}
#quick .right .consult .box .checkbox{margin:15px 0;font-size:11px;letter-spacing:-1px}
#quick .right .consult .box .checkbox input[type=checkbox]{display:inline-block;vertical-align:middle;margin-right:2px}
#quick .right .consult .box .checkbox a{display:inline-block;float:right;padding:2px 5px;background:#98999d;color:#fff;font-size:11px;}
#quick .right .consult .box .submit{text-align:center}
#quick .right .btn_top{margin-top:15px}

#quick.fixed{position:fixed;top:170px}    





/*footer--------------------------------------------------*/
#footer{}
.f_sec1{background:#ef4023;text-align:center}
.f_sec1 a{display:inline-block;height:36px;line-height:36px;margin:0 15px;color:#fff;font-size:14px;font-weight:600}

.f_sec2{background:#f2f2f2;padding:20px 0 25px}
.f_sec2 .logo{float:left;margin:0 20px}
.f_sec2 .shop span{margin-right:50px;line-height:20px;font-size:13px;color:#333}
.f_sec2 .shop .copy{margin-top:10px;font-size:11px;text-transform:uppercase}
.f_sec2 .shop .copy b{color:#ef4023}





/*main--------------------------------------------------*/
#main{min-height:800}
.m_visual{height:470px;background:url('../images/m_visual.jpg') no-repeat center;background-size:cover}
.m_visual h2{text-indent:-9999px}


.m_sec1{margin:65px 0 30px}
.m_sec1 .con1{float:left;width:350px}
.m_sec1 .con1 h2{font-size:18px;color:#494646;height:40px}
.m_sec1 .con1 .banner{position:relative;border:1px solid #d2d2d2}
.m_sec1 .con1 .banner img{width:max-width:100%}
.m_sec1 .con1 .banner .prev{position:absolute;right:24px;top:-40px;cursor:pointer}
.m_sec1 .con1 .banner .next{position:absolute;right:0px;top:-40px;cursor:pointer}

.m_sec1 .con2{float:right}


.m_sec2{margin:25px 0}
.m_sec2 .container{border:1px solid #d2d2d2}
.m_sec2 .con1{float:left;width:333px;padding:5px 15px}
.m_sec2 .con1 h2{position:relative;font-size:16px;height:40px;line-height:40px;border-bottom:1px solid #555}
.m_sec2 .con1 .more{position:absolute;right:0;top:15px;line-height:1}
.m_sec2 .con1 ul{margin-top:5px}
.m_sec2 .con1 li{height:34px;line-height:34px;border-top:1px solid #eee;color:#333;clear:both}
.m_sec2 .con1 li:first-child{border-top:0}
.m_sec2 .con1 li .progress{margin-right:10px}
.m_sec2 .con1 li .tit{font-weight:bold;color:#555;font-size:13px}
.m_sec2 .con1 li .tit b{color:#00aee7}
.m_sec2 .con1 li .date{float:right;color:#777;font-size:11px}

.m_sec2 .con2{float:left;border:1px solid #d2d2d2;border-width:0 1px;}
.m_sec2 .con2 ul{width:632px}
.m_sec2 .con2 li{float:left}

.m_sec2 .con3{float:right;position:relative;}
.m_sec2 .con3 .btn{text-align:center}
.m_sec2 .con3 .btn a{margin:0 4px}


.m_sec3{margin:40px 0}
.m_sec3 li{float:left;margin-left:12px}
.m_sec3 li:first-child{margin-left:0}



.m_sec4{margin:40px 0}
.m_sec4 h2{position:relative;height:55px;line-height:55px;background:#f0efef;border-top:1px solid #7d7d7d;font-size:24px;color:#343434;text-align:center}
.m_sec4 h2 .more{position:absolute;right:10px;top:20px;line-height:1}
.m_sec4 .prd_list {margin:15px 0}
.m_sec4 .prd_list li{float:left;width:20%;margin:20px 0}
.m_sec4 .prd_list li .inner{position:relative;width:234px;margin:0 auto}
.m_sec4 .prd_list li .inner .thumb{border:1px solid #d2d2d2}
.m_sec4 .prd_list li .inner .thumb img{max-width:100%}
.m_sec4 .prd_list li .inner .info{margin:10px 0;text-align:center}
.m_sec4 .prd_list li .inner .info .tit{font-size:16px;color:#444;font-weight:600;margin-right:5px}


.m_sec5{margin:40px 0}
.m_sec5 h2{position:relative;height:55px;line-height:55px;background:#f0efef;border-top:1px solid #7d7d7d;font-size:24px;color:#343434;text-align:center}
.m_sec5 h2 .more{position:absolute;right:10px;top:20px;line-height:1}
.m_sec5 .prd_list {margin:15px 0}
.m_sec5 .prd_list li{float:left;width:20%;margin:20px 0}
.m_sec5 .prd_list li .inner{position:relative;width:234px;margin:0 auto}
.m_sec5 .prd_list li .inner .thumb{border:1px solid #d2d2d2}
.m_sec5 .prd_list li .inner .thumb img{max-width:100%}
.m_sec5 .prd_list li .inner .info{margin:15px 0;text-align:center}
.m_sec5 .prd_list li .inner .info .tit{display:block;font-size:16px;color:#444;font-weight:600;margin:5px 0}




/*sub--------------------------------------------------*/

/*aside quick*/
#quick.sub{position:absolute;width:100%;z-index:100;top:425px}  
#quick.sub.fixed{position:fixed;top:210px}


   
.s_visual{height:199px;background:url('../images/sub/s_visual.jpg') no-repeat center;background-size:cover}
.s_visual h2{text-indent:-9999px}

.s_snb{height:45px}
.s_snb .inner{position:relative;background:#f9f9f9;border:1px solid #bfbfbf;border-width:1px 0;height:44px;z-index:90}
.s_snb li{float:left;border-right:1px solid #bfbfbf;height:42px}
.s_snb li a{display:inline-block;padding:0 25px;height:43px;line-height:42px;font-size:16px;color:#555}
.s_snb li a:hover,
.s_snb li.on a{background:#fff}
.s_snb li.home{border-left:1px solid #bfbfbf}
.s_snb li.home a{background:url('../img/snb_home.png') no-repeat center;width:50px;text-indent:-9999px;}
.s_snb li.tel{float:right;border-right:0;font-size:14px;}
.s_snb li.tel b{display:inline-block;color:#ef4023;font-size:24px;font-weight:800}

.s_snb.fixed .inner{position:fixed;width:100%;top:150px}


.s_sec1{margin:30px 0}

.s_sec2{margin:30px 0}

.s_sec3{margin:30px 0}

.s_sec4{margin:30px 0}

.s_sec5{margin:30px 0}