/* reset */
*{box-sizing: border-box}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img{width:100%}
span.br{display: block;height:12px}


html,body{font-family: 'Noto Sans KR', sans-serif;}
header h1.logo{width:140px;margin:10px 0 10px 10px;}
header div.textWrap{padding:20px;text-align: center;background-image: url(../img/header_bg.png);background-size: cover;color:white;}
header div.textWrap h3:first-child{font-size:16px;font-weight:300}
header div.textWrap h3:last-child{font-size:18px;font-weight:400}

section.sec1{padding:20px;}
section.sec1 div.wrap80 div.left div.overViewWrap{}
section.sec1 div.wrap80 div.left div.overViewWrap h4{background-color:#5ebb46;color:white;padding:10px;font-weight:400;font-size:18px}
section.sec1 div.wrap80 div.left div.overViewWrap div.conWrap{background:#eee;padding:30px;margin-bottom:30px;}
section.sec1 div.wrap80 div.left div.overViewWrap div.conWrap div.imgBox{width:200px;margin:auto}
section.sec1 div.wrap80 div.left div.overViewWrap div.conWrap div.con h5{font-size:23px;color:#111;font-weight:400}
section.sec1 div.wrap80 div.left div.overViewWrap div.conWrap div.con p{font-size:18px;letter-spacing:-1px;color:#444;font-weight:300;line-height:2}
section.sec1 div.wrap80 div.left div.overViewWrap div.conWrap div.btnWrap{text-align: center;margin:30px;}
section.sec1 div.wrap80 div.left div.overViewWrap div.conWrap div.btnWrap span.btn{display: inline-block;background-color:#5ebb46;transition:all 0.3s}
section.sec1 div.wrap80 div.left div.overViewWrap div.conWrap div.btnWrap span.btn a{display: block;color:white;font-size:18px;padding:7px 25px;}
section.sec1 div.wrap80 div.left div.overViewWrap div.conWrap div.btnWrap span.btn:hover{border-radius:20px;}




section.sec1 div.wrap80 div.left div.aboutWrap{margin-bottom:30px;}
section.sec1 div.wrap80 div.left div.aboutWrap h4{font-size:23px;color:#111;font-weight:400}
section.sec1 div.wrap80 div.left div.aboutWrap p{font-size:18px;color:#222;font-weight:300;letter-spacing:-1px;line-height:2}


section.sec1 div.wrap80 div.left div.videoWrap iframe.video{width:100%;height:300px}


section.sec1 div.wrap80 div.right div.estimateWrap iframe.form{width:100%; height:500px;border:1px solid #eee}


footer{background-color: #ddd;padding:30px;}
footer h4{width:180px;margin:auto;}
footer div.companyWrap div{text-align: center;font-size:13px;margin-bottom:10px;color:#666}
footer div.companyWrap{}

@media screen and (min-width:1200px ){
    div.wrap80{margin:auto;width:1180px;}
    
    
    header div.textWrap{padding:40px;}
    header div.textWrap h3:first-child{font-size:18px;font-weight:300}
    header div.textWrap h3:last-child{font-size:26px;font-weight:400}
    
    section.sec1 div.wrap80 div.left{display: inline-block;width:700px;margin-right:10px;}
    section.sec1 div.wrap80 div.left div.overViewWrap{display: inline-block;width:100%}
    section.sec1 div.wrap80 div.left div.overViewWrap h4{font-size:22px}
    section.sec1 div.wrap80 div.left div.overViewWrap div.conWrap div.imgBox{display: inline-block;width:200px;vertical-align:top;margin-right:20px;}
    section.sec1 div.wrap80 div.left div.overViewWrap div.conWrap div.con{display: inline-block;width:400px}
    section.sec1 div.wrap80 div.left div.videoWrap iframe.video{height:450px}
    
    
    section.sec1 div.wrap80 div.right{display: inline-block;width:465px;vertical-align:top;}

    section.sec1 div.wrap80 div.right div.estimateWrap iframe.form{width:100%; height:1100px;border:1px solid #eee}

}