@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{margin-top:140px;overflow:hidden;}
@media screen and (max-width:1280px) {
.container{margin-top:80px;}
}
@media screen and (max-width:767px) {
.container{margin-top:70px;}
}


.contents{}
.contents.main div[class*='sec-']{padding-top:120px;padding-bottom:120px;}
.contents.sub>h3.TC img{width:20%;}
@media screen and (max-width:1280px){
.contents.main div[class*='sec-']{padding-top:100px;padding-bottom:100px;}
}
@media screen and (max-width:960px){
.contents.main div[class*='sec-']{padding-top:80px;padding-bottom:80px;}
}
@media screen and (max-width:640px){
.contents.sub>h3.TC img{display:none;}
}






/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
.notice_slide{height:117px;margin:2% auto;padding:0 2%;position:relative;background:#fff;box-shadow:10px 10px 20px rgba(0,0,0,0.1);display:flex;align-items:center;}
.notice_slide>font{padding-right:4%;font-weight:bold;line-height:117px;display:flex;}
.notice_slide>font>a{color:#000;display:block;}
.notice_slide>font img{margin-right:20px;}

.notice_slide .bx-wrapper{width:70% !important;}

.notice_slide #noticeSlider{width:100% !important;}
.notice_slide #noticeSlider li{width:100% !important;height:117px;overflow:hidden;color:#929292;}
.notice_slide #noticeSlider li a{width:100% !important;height:117px;line-height:117px;overflow:hidden;color:#929292;display:flex;justify-content:space-between;}
.notice_slide #noticeSlider li a font{width:100% !important;display:inline-block;}
.notice_slide #noticeSlider li a i{display:block;}

.notice_slide .bx-controls{width:46px;position:absolute;right:2%;top:calc(50% - 46px);overflow:hidden;}
.notice_slide .bx-controls .bx-prev{width:46px;height:46px;display:block;background:url(/img/not_pr.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-999px;}
.notice_slide .bx-controls .bx-next{width:46px;height:46px;display:block;background:url(/img/not_nr.gif) no-repeat 0 0;font-size:0;line-height:0;text-indent:-999px;}

@media screen and (max-width:1280px) {
.notice_slide>font img{width:50px;margin-right:14px;}

.notice_slide #noticeSlider{width:90% !important;}
.notice_slide .bx-controls{width:40px;top:calc(50% - 40px);}
.notice_slide .bx-controls .bx-prev{width:40px;height:40px;background-size:100%;}
.notice_slide .bx-controls .bx-next{width:40px;height:40px;background-size:100%;}
}
@media screen and (max-width:960px) {
.notice_slide>font img{width:40px;margin-right:10px;}
.notice_slide #noticeSlider li a i{margin-left:10px;}

.notice_slide .bx-controls{width:30px;top:calc(50% - 30px);}
.notice_slide .bx-controls .bx-prev{width:30px;height:30px;}
.notice_slide .bx-controls .bx-next{width:30px;height:30px;}
}
@media screen and (max-width:920px) {
.notice_slide{height:auto;padding:24px 2%;display:block;}
.notice_slide>font{line-height:100%;}

.notice_slide #noticeSlider{margin-left:0;}
.notice_slide #noticeSlider li{height:60px;}
.notice_slide #noticeSlider li a{height:60px;line-height:60px;}
}
@media screen and (max-width:820px) {
.notice_slide #noticeSlider li{height:60px;}
.notice_slide #noticeSlider li a{height:60px;line-height:30px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.notice_slide #noticeSlider li a i{margin-left:0;}
}
@media screen and (max-width:767px) {
.notice_slide>font img{width:30px;}
}



.contents.main>.w50:first-child{padding-right:4%;}


.qbtBox{}
.qbtBox a{width:calc(100%/3.005);padding-bottom:4%;display:block;}
.qbtBox a font{text-align:center;font-weight:700;color:#000;}
.qbtBox a i{width:130px;height:130px;margin:0 auto;border-radius:50%;background:#e9ebeb;display:flex;align-items:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.qbtBox a:hover i{background:#bdd5ed;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.qbtBox a i figure{width:75px;height:75px;overflow:hidden;display:block;}
.qbtBox a i figure img{width:100%;transform:translateY(0);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;display:block;}
.qbtBox a:hover i figure img{transform:translateY(-50%);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}

.customer{padding-left:4%;}
.customer ul li>*{display:inline-block;font-weight:400;}
.customer ul li font{margin-right:14px;line-height:200%;}
.customer ul li a{font-weight:700;}

.news_list{width:100%;position:relative;}
.news_list li img{width:100%;}
.news_list li a div{display:flex;}
.news_list li a div h2{margin-right:20px;}
.news_list .slick-arrow{width:40px;height:40px;position:absolute;top:auto;bottom:0;z-index:100;outline:none;border:none;display:block;background-size:100%;}
.news_list .slick-arrow.slick-next{background:url(/img/p_next.png) no-repeat 0 0;right:0;}
.news_list .slick-arrow.slick-prev{background:url(/img/p_prev.png) no-repeat 0 0;right:50px;}
@media screen and (max-width:1500px){
.news_list .slick-arrow{top:calc(50% - 20px);bottom:auto;}
.news_list .slick-arrow.slick-next{right:0;}
.news_list .slick-arrow.slick-prev{left:0;}
}
@media screen and (max-width:1100px){
.contents.main>.w50{width:100%;}
.contents.main>.w50:first-child{padding-right:0;margin-bottom:6%;}

.customer ul li font{line-height:180%;}
}
@media screen and (max-width:767px){
.qbtBox a i{width:100px;height:100px;}
.qbtBox a i figure{width:65px;height:65px;}

.customer ul li font{line-height:140%;}
}
@media screen and (max-width:640px){
.qbtBox a i{width:100px;height:100px;}
.qbtBox a i figure{width:55px;height:55px;}

.news_list li a div{display:block;}
}

@media screen and (max-width:420px){
.qbtBox a i{width:80px;height:80px;}
}





.sec-3{padding:100px 0;background:#ebf3fa;}
.sec-3 .w30{}

.sec-3 .w65.m-inquiry{}/*
.m-inquiry ul{width:100%;}
.m-inquiry li{height:auto;margin-bottom:14px;font-size:16px;font-weight:normal;color:#666;line-height:52px;position:relative;background:#fff;}
.m-inquiry li.w50.left{width:49%;margin-right:1%;}
.m-inquiry li.w50.right{width:49%;margin-left:1%;}
.m-inquiry li.w100{width:100%;margin-right:0;margin-left:0;}

.m-inquiry li span{width:120px;padding-left:24px;display:inline-block;text-align:left;position:relative;}
.m-inquiry li span:after{width:1px;height:14px;margin-top:-7px;background:#ddd;position:absolute;top:50%;right:10px;display:block;content:"";}

.m-inquiry li input[type=text]{width:calc(100% - 120px);height:52px;padding:0 16px;border:none;line-height:52px;background:#fff;display:inline-block;}
.m-inquiry li textarea{width:calc(100% - 120px);min-height:100px;max-height:200px;padding:16px;border:none;background:#fff;display:inline-block;}
.m-inquiry li textarea.form-control.requiredField{width:100%;min-height:56px;max-height:56px;padding-top:10px;line-height:160%;color:#666;}
.m-inquiry.page li textarea{min-height:200px;max-height:300px;}
.m-inquiry.page li textarea.form-control.requiredField{min-height:120px;max-height:120px;}
.m-inquiry li:last-child{padding-left:24px;}

.m-inquiry .btn{width:260px;}
.m-inquiry .btn input[type=button]{width:100%;padding:16px 0;text-align:center;font-size:16px;font-weight:bold;border:none;background:#333;color:#fff;display:block;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.m-inquiry .btn:hover input[type=button]{background:#007bc9;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.m-inquiry.page .btn{margin:0 auto;}
*/
@media screen and (max-width:1560px) {
.sec-3 .w30{width:45%;margin:0 auto;text-align:center;}
.sec-3 .w30{padding:0;margin-bottom:60px;}
.sec-3 .w30 h2 br{display:none;}
.sec-3 .w30 img{width:40px;}
.sec-3 .w30 img:last-child{bottom:auto;top:0;}

.sec-3 .w65.m-inquiry{width:100%;}
}
@media screen and (max-width:1280px) {
.sec-3 .w30 img{width:32px;}

.m-inquiry li{margin-bottom:12px;font-size:14px;}

.m-inquiry .btn{width:220px;}
.m-inquiry .btn input[type=button]{padding:14px 0;font-size:14px;}
}
@media screen and (max-width:960px) {
.sec-3 .w30{width:65%;}
.sec-3 .w30 img{width:26px;}
}
@media screen and (max-width:767px) {
.m-inquiry{width:100%;}
.m-inquiry li{width:100% !important;margin-bottom:10px;margin-right:0 !important;margin-left:0 !important;}
.m-inquiry li input[type=text]{padding:0 14px;font-size:12px;}
.m-inquiry li textarea{padding:14px;font-size:12px;}
.m-inquiry li textarea.form-control.requiredField{min-height:80px;}

.m-inquiry .btn{width:180px;}
.m-inquiry .btn input[type=button]{font-size:12px;}
}
@media screen and (max-width:640px) {
.sec-3 .w30{width:100%;}
.m-inquiry .btn{width:120px;}
}
@media screen and (max-width:420px) {
.sec-3 .w30{width:100%;}
.m-inquiry .btn{width:90px;}
.m-inquiry .btn input[type=button]{font-size:10px;letter-spacing:-0.04em;}
}







/************************************************************************
* SUB_CONTENTS *
************************************************************************/
.contents.sub{padding:120px 0;}
@media screen and (max-width:1280px){
.contents.sub{padding:100px 0;}
}
@media screen and (max-width:960px){
.contents.sub{padding:60px 0;}
}



.dl{width:100%;border-top:solid 1px #111;display:flex;justify-content:space-between;flex-wrap:wrap;}
.dl dt,.dl dd{padding:12px 0;text-align:center;color:#292929;font-size:16px;line-height:160%;font-weight:400;letter-spacing:-0.06em;vertical-align:middle;border-bottom:solid 1px #dedede;display:block;}
.dl dt{width:160px;background:#f8f8f8;}
.dl dd{width:calc(100% - 160px);}
.dl dd.s2{width:calc(50% - 160px);}

.dl.type1 dd{padding-left:2%;padding-right:2%;text-align:left;}

@media screen and (max-width:1100px){
.dl dt,.dl dd{font-size:14px;}

.dl.type1 dd.s2{width:calc(100% - 160px);}
}






/********** 회사소개 **********/
/* 대표자 인사말 */
.grBox{padding:0 10%;}
@media screen and (max-width:960px){
.grBox{padding:0 5%;}
.grBox>div{width:100%;margin-bottom:40px;}
}
@media screen and (max-width:640px){
.grBox{padding:0;}
}


/* 회사개요 */
.imgBox_type3 img{width:calc(100%/3.1);}
@media screen and (max-width:640px){
.imgBox_type3 img{width:100%;margin-bottom:40px;}
}


/* 오시는 길 */
.map{}
.map li{margin-right:80px;font-size:16px;text-align:left;}
.map li>div{font-size:18px;color:#59534a;font-weight:300;line-height:34px;}
.map li>div>h1{padding-left:40px;font-size:20px;color:#000;font-weight:bold;}
.location{background:url(/sub1/img/icon1.png) no-repeat 0 8px;}
.tel{background:url(/sub1/img/icon2.png) no-repeat 0 8px;}
.fax{background:url(/sub1/img/icon4.png) no-repeat 0 4px;}
.mail{background:url(/sub1/img/icon3.png) no-repeat 0 4px;}

.root_daum_roughmap.root_daum_roughmap_landing.mt60{padding:0 !important;border:none !important;}
@media screen and (max-width:1100px) {
.map{margin:0 0 0 10px;}
.map li{width:100%;margin-right:0;margin-bottom:20px;font-size:15px;}
.map li>div{font-size:13px;font-weight:normal;line-height:30px;}
.map li>div>h1{padding-left:40px;font-size:18px;}
}

@media screen and (max-width:767px) {
.map li{font-size:14px;}
.map li>div{font-size:12px;line-height:24px;font-weight:400;background-position:0 0 !important;}
.map li>div>h1{padding-left:30px;font-size:16px;}
}






/********** 사업소개 **********/
.business{}
.business .txtBox{padding:2%;border:solid 1px #ddd;background:#fafafa;}
.business .txtBox .imgBox img{width:49%;}
@media screen and (max-width:640px){
.business .txtBox .imgBox img{width:100%;margin-top:20px;}
.business .txtBox .imgBox img:first-child{margin-top:0;}
}






/********** 호이스트게시판 **********/
@media screen and (max-width:1500px){
.board .viewConho p img{width:100%;}
}
@media screen and (max-width:640px){
.board .hoViewBox>div{width:100%;}
.board .hoViewBox .txtBox{margin-top:40px;}
}






.inquiry ul{width:100%;}
.inquiry li{height:auto;margin-bottom:14px;font-size:16px;font-weight:normal;color:#666;line-height:52px;position:relative;background:#f5f5f5;}
.inquiry li.w50.left{width:49%;margin-right:1%;}
.inquiry li.w50.right{width:49%;margin-left:1%;}
.inquiry li.w100{width:100%;margin-right:0;margin-left:0;}

.inquiry li span{width:120px;padding-left:24px;display:inline-block;text-align:left;position:relative;}
.inquiry li span:after{width:1px;height:14px;margin-top:-7px;background:#ddd;position:absolute;top:50%;right:10px;display:block;content:"";}

.inquiry li input[type=text]{width:calc(100% - 120px);height:52px;padding:0 16px;border:none;line-height:52px;background:#f5f5f5;display:inline-block;}
.inquiry li textarea{width:calc(100% - 120px);min-height:100px;max-height:200px;padding:16px;border:none;background:#f5f5f5;display:inline-block;}
.inquiry li textarea.form-control.requiredField{width:100%;min-height:56px;max-height:56px;padding-top:10px;line-height:160%;color:#666;}
.inquiry.page li textarea{min-height:200px;max-height:300px;}
.inquiry.page li textarea.form-control.requiredField{min-height:120px;max-height:120px;}
.inquiry li:last-child{padding-left:24px;}

.inquiry .btn{width:260px;}
.inquiry .btn input[type=button]{width:100%;padding:16px 0;text-align:center;font-size:16px;font-weight:bold;border:none;background:#333;color:#fff;display:block;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.inquiry .btn:hover input[type=button]{background:#007bc9;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.inquiry.page .btn{margin:0 auto;}

@media screen and (max-width:1280px) {
.inquiry li{margin-bottom:12px;font-size:14px;}

.inquiry .btn{width:220px;}
.inquiry .btn input[type=button]{padding:14px 0;font-size:14px;}
}
@media screen and (max-width:767px) {
.inquiry{width:100%;}
.inquiry li{width:100% !important;margin-bottom:10px;margin-right:0 !important;margin-left:0 !important;}
.inquiry li input[type=text]{padding:0 14px;font-size:12px;}
.inquiry li textarea{padding:14px;font-size:12px;}
.inquiry li textarea.form-control.requiredField{min-height:80px;}

.inquiry .btn{width:180px;}
.inquiry .btn input[type=button]{font-size:12px;}
}
@media screen and (max-width:640px) {
.inquiry .btn{width:120px;}
}
@media screen and (max-width:420px) {
.inquiry .btn{width:90px;}
.inquiry .btn input[type=button]{font-size:10px;letter-spacing:-0.04em;}
}











.m-inquiry .inquiry li{background:#fff;}
.m-inquiry .inquiry li input[type=text]{background:#fff;}
.m-inquiry .inquiry li textarea{background:#fff;}