html, body {width: 100%; height: 100%;}
* {font-family: 'Noto Sans KR', sans-serif; font-weight: 400; border: 0; padding: 0; margin: 0; box-sizing: border-box;}


.c_wrap {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; padding-top: 0px; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; overflow: auto; overflow-x: hidden; z-index: 996;}


.m_visual {width:100%; position:relative; background-color:#000;}
.m_visual  .video-container {
    background-color: #000;
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-bottom:38%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
 
.m_visual  .video-container iframe,
.m_visual  .video-container object,
.m_visual  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.section {position: relative; width: 100%;}
.section .inner {padding: 36px 24px;}

.products {width: 100%; margin: 0 auto; text-align: center; background-color:#f7f7f7; padding: 24px;}
.products p {text-align: center; font-size:24px; font-weight: 600; color:#333; }
.products .proList {padding-top:30px;}
.products .proList ul{overflow: hidden;}
.products .proList ul li{margin-bottom:10px; text-align: center;}
.products .proList ul li img {width: 100%;}


.vision {width: 100%; height: 504px; text-align: center; margin: 0 auto; background: url('../img/main/biz_bg.jpg') center top no-repeat; padding: 78px 0px;}
.vision p {font-size:30px;color:#fff; padding-bottom: 12px;}
.vision span {font-size:16px;color:#fff;}
.vision div.go_btn {width: 270px; margin: 0 auto; border: solid 1px #fff; border-radius: 30px; text-align: center; font-size:16px; font-weight: 500; color:#fff; padding:12px 40px; margin-top: 46px;}


.contactus {width: 100%; margin: 0 auto; text-align: center; padding: 0px 0px;}
.contactus p {text-align: center; font-size:30px;color:#333; padding-bottom:22px;}
.contactus .location {}
.contactus .location_info {padding-top:30px; padding-bottom: 36px;}
.contactus .location_info ul{overflow: hidden;}
.contactus .location_info ul li{float: left; width: 48%; height: 166px; margin-right:2%; margin-bottom:2%; text-align: left; background-color:#f7f7f7; border-top: solid 4px #9c6b34; padding: 6px 18px;}
.contactus .location_info ul li p{text-align: left; font-size:16px; color:#9c6b34;     padding-bottom: 10px;}
.contactus .location_info ul li div{text-align: left; font-size:14px; color:#999999; line-height: 20px;}
.contactus .location_info ul li:last-child{margin-right:0px;}

.contactus .location_cus {overflow: hidden;  background-color:#f7f7f7; padding: 13px 11px;}
.contactus .location_cus .tel {width: 100%; font-weight: 500; color: #9c6b34; border-bottom: solid 1px #d9d9d9; padding-bottom:20px;}
.contactus .location_cus .tel p {text-align: left; font-weight: 500; color:#9c6b34;}
.contactus .location_cus .tel div {text-align: left; font-size:14px; color:#999999;}
.contactus .location_cus .down {position: relative; padding-top:16px;}
.contactus .location_cus .down p {text-align: left; font-size:14px; color:#999999;}
.contactus .location_cus .down p font {font-weight: 500;}

.contactus .location_cus .catalog_btn {display: inline-block; width: 30%;  color:#fff; background-color: #bfbfbf; border-radius: 30px; padding: 14px 0px;}
.contactus .location_cus .inquiry_btn {display: inline-block; width: 68%; color:#fff; background-color: #bfbfbf; border-radius: 30px; padding: 14px 0px; margin-left: 3px;}