*, *:after, *:before { margin:0; padding:0; font-family:'Malgun Gothic'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
li { list-style:none; float:left;}
a { text-decoration:none; color:#221815; text-decoration: none; outline: none;}
p {letter-spacing:-1px;}
img { border:none;}
body { overflow-Y:scroll; *overflow-Y:;position:relative; color:#4b4b4b;font-size:0.95em; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,area{display:block;}
*, *::after, *::before {box-sizing: border-box;}
/*****************************************************/
#footer_wrap{width:100%;background: white;}
.footer{width:1200px;margin:0 auto;position: relative;}
.footer h1 {float: left;line-height: 320px;margin-top:20px;}
.footer nav{float: left;}
.footer li {float: none;font-size: 14px;overflow: hidden;}
.footer ul{margin-left: 40px;float: left;margin-top:40px;line-height: 20px;}
.footer div ul li{float: left;margin-left: 10px;}
.footer div{padding-top:10px;width:400px;position: absolute;right: 0;}
.footer div ul {float: none;margin-top:0;margin-left: 0;text-align: center;}
.footer div h2{margin-left:0;font-weight: 100;font-size: 18px;margin-bottom: 20px;margin-top:30px;}
.foot{margin-top:10px;font-weight: 600;}
.footer div nav {margin-top:35px;}
#unit{float:none;text-align:right;}
/*********************main***************************/
#main{width: 100%;height: auto;}
#main img{width: 100%;height: 100%;vertical-align: bottom;}
#main2{background-image: url(../image/main2.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.main2_1{width:1200px;margin:0 auto;}
.main_title{padding-top:60px;padding-bottom: 120px;}
.main_title h2 {color:white;font-size: 2.75em;font-weight: 100;}
.main_title hr{border:none;width:110px;height: 5px;background-color:#f08300;text-align: left;margin-top:20px;}
.slide{width:1200px;margin:0 auto;}
.icon2{width:15%;}
.icon1{width:10%;}
.icon3{width:10%;}
.slide ul li img {width:100%;height: auto;}
.bt1{margin-left:30px;margin-right: 30px;cursor: pointer;width:8%;float: left;}
.bt2{margin-left:30px;margin-right: 30px;cursor: pointer;width:8%;float: left;}
.bt1 img{width:100%;}
.bt2 img{width:100%;} .slide{width:100%;}
.slide ul li{margin-left:70px;margin-right: 70px;cursor: pointer;}
#slide_mainwrap{width:100%;height: 450px;background:white;margin-top:200px;position: relative;margin-bottom: 100px;}
#slide_mainwrap ul li{width:25%;text-align: center;border-right: 1px solid #a8a8a8;margin:0 auto;margin-top: 30px;margin-bottom: 30px;box-sizing: border-box;}
#slide_mainwrap ul li:nth-child(4){border:none;}
#slide_mainwrap ul li img{width:70%;height: auto;}
.slide_main{position: absolute;width:100%;}
#nara, #geu{display: none;}
#main3{background-image: url(../image/main3.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.main3_1{width:1200px;margin:0 auto;}
.main3_2{width:100%;padding-top:300px;padding-bottom: 300px;}
.main4_1{width:1200px;margin:0 auto;padding-bottom:100px;}
#main4{background-image: url(../image/main4.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.main4_2{width: 100%;height: 360px;}
.main4_2 div{width:50%;height: 360px;float: left;background: white;}
.main4_2 div img{width:100%;height: 360px;vertical-align: bottom;}
.main4_2 div iframe{width:100%;height: 100%;}
#main5{background:#e9e9e9;}
.main5_1{width:1200px;margin:0 auto;}
.main5_2{text-align: center;width:100%;height: 650px;}
.main5_2 ul li{background: white;height: auto;width:22%;margin-left: 2%;text-align: center;overflow: hidden;}
.main5_2 ul li img{widows: 100%;height: auto;}
#notice_lnb li{width:110px;height: 40px;text-align: center;line-height: 40px;border:1px solid #696969;box-sizing: border-box;cursor: pointer;}
#notice_lnb{margin-left: 10%;width:90%;margin:0 auto;height: 40px;margin-top:30px;}
#notice_snb1{margin:0 auto;margin-top:20px;}
#notice_snb2{margin:0 auto;margin-top:20px;display: none;}
.notice_snb{margin:0 auto;width:90%;}
.notice_snb li{width:100%;height: 40px;list-style: square;margin-left: 5%;font-size: 1.125em;position: relative;line-height: 40px;}
.notice_snb li span{position: absolute;right: 10%;color:#8a8a8a;}
#notice1{background-color:#696969;color:white;}

/*****************brand********************/
#sub_wrap{width:100%;height: auto;}
#sub_wrap img{width:100%;height: auto;vertical-align: bottom;}
#sub_menu{width:100%;height: 190px;background: #474457;color:white;border-bottom: 25px solid #f08300;box-sizing: border-box;text-align: center;}
#sub_menu h1{font-size: 2.55em;padding-top:60px;margin-bottom:10px;}
#sub_main{width:100%;}
#sub_main ul {width:1200px;margin:0 auto;margin-top:80px;margin-bottom: 80px;height: 500px;}
#sub_main ul li{width:50%;}
#sub_main ul li div{width:95%;height: auto;margin-top:30px;}
#sub_main ul li div img{width:100%;height: auto;}
#sub_main h1{font-weight: 100;font-size: 2.24em;}
/******************company******************/
#company{width:100%;background-image: url(../company/image/bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;height: 1000px;}
#company div{width:1200px;margin:0 auto;position: relative;}
#company p{font-size: 1.25em;margin-top:60px;}
#company h1 b {font-size:1.3em;}
#company h1{margin-bottom: 20px;margin-top:80px;line-height: 50px;font-size: 2.25em;}
#company span{position: absolute;right: 0;}
#vision{width:100%;background:#dedede;}
#vision div{width:50%;margin:0 auto;height: auto;padding-top:30px;padding-bottom: 30px;}
#vision div img{width: 100%;height: auto;}
#rd p{font-size: 1.7em;width:1200px;margin:0 auto;line-height: 40px;margin-top:150px;}
#rd p b{font-size: 1.95em;}
#rd div{width:1200px;margin:0 auto;height: auto;margin-bottom: 40px;margin-top:40px;}
#rd div img{width:100%;height: auto;}
#faci{width:1200px;margin:0 auto;}
#faci p{font-size: 1.8em;line-height: 40px;margin-top:150px;margin-bottom: 90px;}
#faci p b{font-size: 3rem;}
#faci div a{font-size: 1.5em;}
#faci div{width:100%;height: auto;margin-bottom: 30px;}
#faci div img{width:100%;height: auto;}
#cust{width:1200px;margin:0 auto;margin-top:50px;margin-bottom:50px;}
#loca{width:1200px;margin:0 auto;margin-top:100px;}
#loca iframe{width:100%;height: 600px;}
#loca ul li{float: none;}
#loca ul{width:100%;height: auto;margin-top:20px;}
@media (max-width:1200px){
    .footer{width:100%;}.slide, .main2_1{width:100%;}.main4_1{width:100%;}.main3_1{width:100%;}.slide ul li{margin-left: 40px;margin-right: 40px;}.main4_1{width:100%;}#slide_mainwrap{height: 50VW;}.main5_1{width:100%;}#sub_main ul{width:100%;}#sub_main ul{height:40vw;}#company div{width:100%;}#vision div{width:80%}#rd div{width: 100%;}#rd p{width:100%;}#faci{width:100%;}#cust{width:100%;}#loca{width:100%;}
}
@media (max-width:1000px){
    .footer h1{margin:10px auto;float: none;margin-top:0;width:226px;height: 78px;line-height: 24px;}
    .footer ul{margin-left:0;float: left;margin-top:0px;}#unit{text-align:left;}
    .slide ul li{margin-left: 30px;margin-right: 30px;}
}
@media (max-width:640px){
    .footer div{position: relative;}.slide ul li{margin-left: 20px;margin-right: 20px;}.main4_3{display: none;}.main4_2 div{width:100%;}.main5_2 ul li{width:45%;margin-bottom:5%;}.main5_2{height:1200px;}#sub_main ul{height:30vw;}#vision div{width:95%}#company{height: 1200px;}#loca ul li{text-align: center;margin:0 auto;}.main_title h2 {font-size: 10vw;}#company span{width:30%;height: auto;}#company span img{width:100%;}#company p{font-size: 2.8vw;}#company h1{font-size: 4vw;}
    .footer div{width:100%;float: none;}.footer ul{float: none;}
}
@media (max-width:480px){body{width:480px;}
    .main5_2{height:1100px;}.main_title h2 {font-size: 13vw;}.bt1, .bt2{display: none;}.icon1{width:20%;}.icon2{width:30%;}.icon3{width:18%;}
}