 /*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:relative;z-index:100}    
    #quick .container{top:534px}    
    #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;width:100%}
    #quick.fixed .container{top:20px}


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


    .m_sec1{margin:35px 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:0px solid #d2d2d2;border-width:0px 0px 0px 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; width:405px;}
    .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}

    
    /*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}