@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.contents.main{}
.contents.main div[class*='sec-']{width:100%;padding:150px 0;}

@media screen and (max-width:960px) {
.contents.main div[class*='sec-']{padding:60px 0;}
}

.contents.sub{padding:150px 0;}
.contents.sub div[class*='sec-']{width:100%;padding:120px 0;}

@media screen and (max-width:1280px) {
.contents.sub{padding:120px 0;}
}
@media screen and (max-width:960px) {
.contents.sub{padding:100px 0;}
.contents.sub div[class*='sec-']{padding:60px 0;}
}

@media screen and (max-width:767px) {
.contents.sub{padding:80px 0;}
}





/************************************************************************
* MAIN_CONTENTS *
************************************************************************/]

h2.title{position:relative;}
h2.title:after {width:90px;height:2px;background:#349b7d;position:absolute;top:-20px;left:0;display:block;content:"";}


@media screen and (max-width:1100px){
h2.title:after {width:75px;}
}


/* LX Partners */
.sec-partners {margin-top: -210px;}
.sec-partners span.w70{position: relative;}
.sec-partners span.w70 font{font-weight: 300 !important;}
.sec-partners span.w70 a .box{position: absolute;top:calc(50% - 15%);left: 30%;}
.sec-partners span.w70 a:hover .box h2{color: #349b7d;transition:all 0.2s ease;}
.sec-partners br.PPH{display: block;}

@media screen and (max-width:1400px){
.sec-partners span.w70 a .box{left: 10%;}
}

@media screen and (max-width:1100px){
.sec-partners {margin-top: -230px;}
.sec-partners span.w30 {width: 35%;}
.sec-partners span.w70 {width: 65%;}

.sec-partners span.w70 a .box{left: 3%;padding-right: 15%;}
.sec-partners br.PPH{display: none;}
}

@media screen and (max-width:960px){
.sec-partners {margin-top: -140px;}
.sec-partners span.w30 {width: 40%;}
.sec-partners span.w70 {width: 60%;}

.sec-partners span.w70 a .box{left: 2%;padding-right: 20%;}
}

@media screen and (max-width:767px){
.sec-partners span.w70 a .box{}
}

@media screen and (max-width:640px){
.sec-partners {margin-top:0;}
.sec-partners span.w30 {width: 100%;overflow:hidden;}
.sec-partners span.w30 img{margin-top:-200px;}
.sec-partners span.w70 {width: 100%;margin-bottom:40px;}
.sec-partners span.w70 a .box{position: inherit;}

}


/* LX Recruitment */
.sec-recruit {padding-bottom: 150px !important;padding-top: 60px !important; margin-top: 100px;}
.sec-recruit img {margin-top: -230px;margin-left: 150px;}
.sec-recruit span.w30{}
.sec-recruit span.w50{position: relative;}
.sec-recruit span.w50 font{font-weight: 300 !important;}
.sec-recruit span.w50 a.box{position: absolute;top:calc(35% - 25%);}
.sec-recruit span.w50 a:hover .box h2{color: #349b7d;transition:all 0.2s ease;}

@media screen and (max-width:1000px){
.sec-recruit img {margin-top: -110px;margin-left:0;}
.sec-recruit span.w50 a.box{position: inherit;}
}

@media screen and (max-width:900px){
.sec-recruit span.w30{width:35%;}
.sec-recruit span.w50{width:60%;}
}

@media screen and (max-width:640px){
.sec-recruit span.w30{width:100%;margin-bottom:40px;}
.sec-recruit span.w50{width:100%;}
}


/* Business */
.sec-business {position: relative;background:#f5f5f5;margin-top:-100px !important;}
.sec-business h2.title:after{display: none !important;}
.sec-business .BG{z-index: 1;}
.sec-business .BG span.w40:nth-child(2){padding:3% 5%;text-align: right;}
.sec-business .BG span.w40:nth-child(2) font{font-weight: 300 !important;}
.sec-business .BG span.w40:nth-child(2) .box{top:calc(25% - 20%);left: 15%;right: 0;}

.sec-business .disF.jc{width: 70%; position: absolute;top: 45%;right: 0 !important; z-index: 999;}
.sec-business .disF a{background:#fff;width: 27%; padding:7% 2%;margin:1.2%;box-shadow:10px 10px 50px rgba(0,0,0,0.1);text-align: center;transition:all 0.2s ease;}
.sec-business .disF a:hover{background:#27aa84;box-shadow:15px 15px 60px rgba(0,0,0,0.2);transition:all 0.2s ease;}
.sec-business .disF a font {margin-top:10px;letter-spacing: -0.06em !important;}
.sec-business .disF a:hover font{color: #fff;}

@media screen and (max-width:1100px){
.sec-business .disF a font br{display:none;}
.sec-business .disF.jc{width: 100%; position: inherit;margin-top:-20%;}
}

@media screen and (max-width:970px){
.sec-business .BG span{width:50%;}
.sec-business .disF.jc{margin-top:-10%;}
}
@media screen and (max-width:767px){
.sec-business .disF.jc{margin-top:40px;}
.sec-business .BG span{width:100%;}
}






.sec-pro{background:url(/img/bg1.png) no-repeat center center #f7f7f7;background-size:auto 100%;}
.sec-pro .disF{}
.sec-pro .disF a{background:#fff;padding:20px 40px;margin:4%;border-radius:20px;box-shadow:10px 10px 20px rgba(0,0,0,0.1);transition:all 0.2s ease;}
.sec-pro .disF a:hover{background:#f7f7f7;box-shadow:20px 20px 40px rgba(0,0,0,0.1);transition:all 0.2s ease;}
.sec-pro .disF a img{width:70%;margin:0 auto;display:block;}
.sec-pro .disF a font{margin-top:10px;}
.sec-pro .disF a:nth-child(2){transform:translateY(-60px);}
.sec-pro .disF a:nth-child(3){transform:translateY(-120px);}

@media screen and (max-width:1100px){
.sec-pro .disF a{margin:2%;}
.sec-pro .disF a:nth-child(2){transform:translateY(40px);}
.sec-pro .disF a:nth-child(3){transform:translateY(-60px);}
}
@media screen and (max-width:890px){
.sec-pro .disF a{padding:20px;}
.sec-pro .disF a:nth-child(2){transform:translateY(0);}
.sec-pro .disF a:nth-child(3){transform:translateY(0);}
}
@media screen and (max-width:890px){
.sec-pro .disF a{padding:20px;}
.sec-pro .disF a:nth-child(2){transform:translateY(0);}
.sec-pro .disF a:nth-child(3){transform:translateY(0);}
}



.sec-brand{background:url(/img/bg2.png) no-repeat right center #038d42;}
#mainbrand{overflow:hidden;width:100%;height:650px;position:relative;}

.main-brand-item{position:relative;display:flex !important;align-items:center;justify-content:space-between;}
.main-brand-item .main-brand-pc-img{width:50%;}
.main-brand-item .main-brand-pc-img img{width:100%;}
.main-brand-item .main-brand-txt-con{width:50%;}
.main-brand-item .main-brand-txt-con img{margin-bottom:40px;}
.main-brand-item .main-brand-txt-con span{display:inline-block;font-weight:100;line-height:120%;}
.main-brand-item .main-brand-txt-con b{display:block;margin-bottom:20px;}
.main-brand-item .main-brand-txt-con b span{font-family:'GmarketSansBold';}
.main-brand-item .main-brand-txt-con .main-brand-txt1,
.main-brand-item .main-brand-txt-con .main-brand-txt2,
.main-brand-item .main-brand-txt-con .main-more-btn{opacity:0;}
.main-brand-item .main-brand-txt-con .main-brand-txt1{display:block;color:#fff;margin-bottom:30px;line-height:1}
.main-brand-item .main-brand-txt-con .main-brand-txt2{color:rgba(255,255,255,1);font-weight:400;line-height:1.77}

.main-brand-item.active-item .main-brand-txt1,
.main-brand-item.active-item .main-brand-txt2,
.main-brand-item.active-item .main-more-btn{-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-brand-item.active-item .main-brand-txt-con .main-brand-txt1{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.main-brand-item.active-item .main-brand-txt-con .main-brand-txt2{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.main-brand-item.active-item .main-brand-txt-con .main-more-btn{-webkit-animation-delay:1.1s;animation-delay:1.1s;}
.main-brand-item .main-brand-txt1.splitting .char{-webkit-animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-brand-item.active-item .main-brand-txt1.splitting .char{-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

@keyframes text-active-animation {
	from {opacity:0;filter:Alpha(opacity=0);-webkit-transform: translateY(50px);transform: translateY(50px);}
	to {opacity:1.0;filter:Alpha(opacity=100);-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes text-fade-out {
	from {opacity:1.0;filter:Alpha(opacity=100);}
	to {opacity:0;filter:Alpha(opacity=0);}
}


/* 컨트롤러 */
.main-brand-control{position:absolute;bottom:100px;left:0;z-index:99;width:100%}
.main-brand-control .main-slide-dot{display:inline-block;vertical-align:middle;margin:-1px -8px 0 7px}
.main-brand-control .main-slide-dot li{position:relative;display:inline-block;margin:0 20px;transition:all 0.8s}
.main-brand-control .main-slide-dot li:after{position:absolute;content:"";width:0;height:2px;background-color:#000;left:0;top:24px;}
.main-brand-control .main-slide-dot li.slick-active{margin-right:80px}
.main-brand-control .main-slide-dot li.slick-active:after{animation:LoadingBar 4s both;animation-delay:0.2s;}
.main-brand-control .main-slide-dot li button{position:relative;display:inline-block;padding-left:7px;font-weight:400;font-size:18px;color:#fff;}
.main-brand-control .main-slide-dot li button:before{position:absolute;content:"0";left:-4px;top:0;}
.main-brand-control .main-slide-dot li.slick-active button{color:#000;position:relative;}
.main-brand-control .main-slide-dot li.slick-active button:after{width:56px;height:56px;background:#fff;position:absolute;top:calc(50% - 28px);left:calc(50% - 28px);display:block;content:"";border-radius:50%;z-index:-1;}
.main-brand-control .main-slide-dot li.slick-active button:before{color:#000;}
@-webkit-keyframes LoadingBar{
from{width:0px;}
to{width:80px;}
}
@keyframes LoadingBar{
from{width:0px;}
to{width:80px;}
}
.main-brand-control .main-arrow{display:inline-block;vertical-align:middle;width:25px;text-align:center}
.main-brand-control .main-arrow a{transition:all 0.3s;position:relative;display:block !important}
.main-brand-control .main-arrow.main-arrow-prev:hover a{transform:translateX(-5px)}
.main-brand-control .main-arrow.main-arrow-next:hover a{transform:translateX(5px)}
.main-brand-control .main-arrow a i{color:#fff;font-size:18px}
.main-brand-control .main-play-control{display:inline-block;vertical-align:middle;position:relative;top:1px;margin-left:10px;}
.main-brand-control .slick-control-btns{display:inline-block;vertical-align:top;margin-left:5px;}
.main-brand-control .slick-control-btns button{color:#fff;vertical-align:top;}
.main-brand-control .slick-control-btns button i{vertical-align:top;font-size:22px;position:relative;}
.main-brand-control .slick-control-btns .slick-play-btn{display:none;}


@media screen and (max-width:1100px){
.sec-brand{background-size:auto 50%;padding:60px 0 20px 0 !important;}
#mainbrand{height:560px;}
}

@media screen and (max-width:860px){
#mainbrand{height:1000px;}
.main-brand-item{display:block !important;}
.main-brand-item .main-brand-pc-img{width:100%;}
.main-brand-item .main-brand-txt-con{width:100%;margin-bottom:60px;}
}

@media screen and (max-width:640px){
#mainbrand{height:900px;}
}
@media screen and (max-width:560px){
#mainbrand{height:850px;}
}



.sec-product{}
.prolist{}
.prolist a{position:relative;text-align:center;margin:20px;}
.prolist a figure{width:300px;height:300px;display:flex;align-items:center;justify-content:center;background:#ebebeb;border-radius:50%;transition:all 0.2s ease;}
.prolist a figure img{width:56%;}
.prolist a:hover figure{background:#fff;border:solid 8px #ebebeb;transition:all 0.2s ease;}

.prolist a i.ico{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:14px;font-family:'GmarketSansBold';position:absolute;right:0;top:0;}
.prolist a i.ico.new{background:#ff8300;}
.prolist a i.ico.best{background:#038d42;}

@media screen and (max-width:1100px){
.prolist a figure{width:240px;height:240px;}
.prolist a i.ico{width:54px;height:54px;}
}




/************************************************************************
* SUB_CONTENTS *
************************************************************************/

.lineTit{position:relative;padding-bottom:30px;font-weight:900 !important;text-transform:uppercase;}
.lineTit:after{width:120px;height:4px;background:#349b7d;position:absolute;bottom:0;left:0;display:block;content:"";}

@media screen and (max-width:1380px) {
.grBox .txt.type28{font-size:22px;}
}
@media screen and (max-width:1100px) {
.grBox .txt.type28{font-size:18px;}
}
@media screen and (max-width:860px) {
.grBox .disF>*{width:100%;margin-bottom:40px;}

.grBox br.MH{display:none;}
}


/* 찾아오시는길 */
.map{display:flex;flex-wrap:wrap;}
.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;}
.email{background:url(/sub1/img/icon3.png) no-repeat 0 4px;}

.root_daum_roughmap.root_daum_roughmap_landing.mt60{padding:0 !important;border:none !important;}
.root_daum_roughmap.root_daum_roughmap_landing.mt60 *{font-size:17px;line-height:160%;}
@media screen and (max-width:1100px) {
.map li{margin-right:50px;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;}

.root_daum_roughmap.root_daum_roughmap_landing.mt60 *{font-size:15px;}
}

@media screen and (max-width:767px) {
.map li{width:100%;margin-bottom:20px;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;}

.root_daum_roughmap.root_daum_roughmap_landing.mt60 *{font-size:12px;}
}





/* 연혁 */
.his{position:relative;}
.his:after{width:1px;background:#eaeaea;position:absolute;top:0;bottom:0;left:50%;display:block;content:"";z-index:-1;}

.his>div{margin-bottom:12%;display:flex;justify-content:center;}
.his>div span{width:50%;position:relative;}
.his>div span:after{width:12px;height:12px;background:#0a285f;position:absolute;top:16px;left:-6px;display:block;content:"";border-radius:50%;}
.his>div span:before{width:32px;height:32px;background:rgba(10,40,95,0.4);position:absolute;top:6px;left:-16px;display:block;content:"";border-radius:50%;}
.his>div span.imgBox:after{width:14%;height:1px;top:22px;left:auto;right:-14%;border-radius:0;}
.his>div span.imgBox:before{display:none;}

.his>div.right span:after{left:auto;right:-6px;}
.his>div.right span:before{left:auto;right:-16px;}
.his>div.right span.imgBox:after{left:-14%;right:auto;}

.his>div.left span{padding-left:10%;text-align:left;}
.his>div.right span{padding-right:10%;text-align:right;}

.his>div.left span.imgBox{padding-right:10%;text-align:right;}
.his>div.right span.imgBox{padding-left:10%;text-align:left;}
.his>div span img{width:80%;}
.his>div span h4{color:#0a285f;}
.his>div span ul{margin-top:10px;}
.his>div span ul li{padding-left:0 !important;padding-right:0 !important;}
.his>div span ul li:after{display:none !important}
.his>div ul li b{display:inline-block;padding-right:10px;}
.his>div ul li i{display:inline-block;}
@media screen and (max-width:860px){
.his>div span.imgBox:after{width:8%;right:-8%;}
.his>div.right span.imgBox:after{left:-8%;right:auto;}

.his>div.left span{padding-left:5%;}
.his>div.right span{padding-right:5%;}
.his>div.left span.imgBox{padding-right:5%;}
.his>div.right span.imgBox{padding-left:5%;}
.his>div span img{width:100%;}
}






/* 조직도 */
.org{background:url(/sub1/img/org.jpg) no-repeat center center;background-size:100%;overflow:hidden;}
.org *{text-align:center;}

.org .mayor{width:220px;margin:0 auto 34px auto;line-height:70px;font-weight:bold;background:#223d6f;position:relative;color:#fff;}
.org .mayor:before{width:calc(100% - 10px);height:calc(100% - 10px);border:solid 2px rgba(255,255,255,0.8);position:absolute;top:5px;left:5px;display:block;content:"";box-sizing:border-box;}

.org .deputy_mayor{width:220px;margin:0 auto 34px auto;line-height:70px;font-weight:bold;background:#44a387;position:relative;color:#fff;}
/*.org .deputy_mayor:after{width:1px;height:34px;background:#c5c5c5;position:absolute;bottom:-34px;left:50%;display:block;content:"";}*/
.org .deputy_mayor:before{width:calc(100% - 10px);height:calc(100% - 10px);border:solid 2px rgba(255,255,255,0.8);position:absolute;top:5px;left:5px;display:block;content:"";box-sizing:border-box;}

.org .office_list{width:640px;margin:0 auto;transform:translateX(-159px);position:relative;}
.org .office_list li{width:220px;margin:0 auto;display:block;line-height:70px;background:#777;color:#fff;font-size:18px;position:relative;}
.org .office_list li:before{width:calc(100% - 10px);height:calc(100% - 10px);border:solid 2px rgba(255,255,255,0.8);position:absolute;top:5px;left:5px;display:block;content:"";box-sizing:border-box;}

.org .office_list_list{width:100%;margin-top:70px;position:relative;}
/*.org .office_list_list:after{width:1px;height:100%;background:#c5c5c5;position:absolute;top:-70px;left:50%;display:block;content:"";z-index:-1;}
.org .office_list_list:before{width:calc(95% - 4px);height:1px;background:#c5c5c5;position:absolute;top:-34px;left:calc(2.5% + 2px);display:block;content:"";}*/
.org .office_list_list li{width:80px;padding:20px 0;display:block;/*border:solid 1px #ddd;border-top-width:10px;*/background:#e4e9f0;color:#505050;font-size:18px;position:relative;}
/*.org .office_list_list li:after{width:1px;height:34px;background:#c5c5c5;position:absolute;top:-34px;left:50%;display:block;content:"";z-index:-1;}
.org .office_list_list li:nth-child(7):after{display:none;}*/


@media screen and (max-width:1240px) {
.org .mayor{margin-bottom:22px;}
.org .deputy_mayor{margin-bottom:22px;}
.org .office_list_list{margin-top:60px;}
.org .office_list_list li{width:60px;line-height:120%;}
}
@media screen and (max-width:1050px) {
.org .mayor{margin-bottom:20px;width:180px;line-height:60px;}
.org .deputy_mayor{margin-bottom:20px;width:180px;line-height:60px;}
.org .office_list{width:500px;transform:translateX(-125px);}
.org .office_list li{width:180px;line-height:60px;}
.org .office_list_list{margin-top:50px;}
}
@media screen and (max-width:960px) {
.org .mayor{margin-bottom:16px;}
.org .mayor:after{width:1px;height:34px;background:#c5c5c5;position:absolute;bottom:-34px;left:50%;display:block;content:"";}
.org .deputy_mayor{margin-bottom:16px;}
.org .office_list_list{margin-top:40px;}
.org .office_list_list li{width:50px;}
}
@media screen and (max-width:850px) {
.org{background-position:center center -40px;}
.org .mayor{margin-bottom:14px;}
.org .deputy_mayor{margin-bottom:14px;}
.org .office_list_list{margin-top:30px;}
}
@media screen and (max-width:767px) {
.org{background:none;position:relative;margin-right:-5%;}
.org:before{width:1px;height:100%;background:#c5c5c5;position:absolute;top:0;bottom:0;left:50%;display:block;content:"";box-sizing:border-box;}
.org .mayor:after{display:none;}
.org .office_list:after{width:80%;height:1px;margin-left:-40%;background:#c5c5c5;position:absolute;top:28px;left:50%;display:block;content:"";z-index:-1;}

.org .office_list_list{display:block !important;}
.org .office_list_list li{width:180px;line-height:60px;margin:0 auto 10px;padding:0;}
.org .office_list_list li br{display:none;}
}
@media screen and (max-width:640px) {
.org{margin-right:-15%;}
}
@media screen and (max-width:590px) {
.org{margin-right:-25%;}
}
@media screen and (max-width:560px) {
.org{margin-right:-50%;}
}
@media screen and (max-width:480px) {
.org .mayor,.org .deputy_mayor,.org .office_list li,.org .office_list_list li{width:150px;}
.org .office_list{width:400px;transform:translateX(-100px);}
}











/* 비전 */
.vision{}
.vision font.fBold{padding-top:50px;/*padding-bottom:50px;*/position:relative;}
.vision font.fBold:after{width:1px;height:40px;background:#555;position:absolute;top:0;left:50%;display:block;content:"";}/*
.vision font.fBold:before{width:1px;height:40px;background:#555;position:absolute;bottom:0;left:50%;display:block;content:"";}*/
.vision font.fMedium{background:#319075;padding:18px 40px 14px 40px;color:#fff;border-radius:40px;word-wrap:break-word;display:block;word-break:keep-all;}
.vision font.fMedium.mission{background:#0a275f;}


.visionTable{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;background:url(/sub1/img/vision.jpg) no-repeat center bottom;background-size:auto 100%;}
.visionTable tr th,.visionTable tr td{padding:12px 0;text-align:center;color:#292929;font-size:20px;line-height:160%;font-weight:400;letter-spacing:-0.06em;vertical-align:middle;}
.visionTable tr th{width:10%;}
.visionTable tr th b{font-weight:bold;}
.visionTable tr td{width:90%;padding:0 8%;}
.visionTable tr td div span{width:340px;margin:20px 0;padding:20px 0;text-align:center;}
.visionTable tr.tr1 td div span{border-radius:40px;color:#fff;}
.visionTable tr.tr1 td div span:nth-child(1){background:#4472c4;}
.visionTable tr.tr1 td div span:nth-child(2){background:#ed7d31;}
.visionTable tr.tr1 td div span:nth-child(3){background:#70ad47;}
.visionTable tr.tr2 td span{color:#319075;font-size:26px;font-weight:700;text-align:center;}
.visionTable tr.tr2 td .bgblue{background:#0a285f;width:100%;margin:40px 0;}
.visionTable tr.tr3 td div span{color:#000;border:solid 2px #4472c4;}
.visionTable tr.tr4 td div span{border-radius:40px;background:#f1f1f1;}


@media screen and (max-width:1500px) {
.visionTable tr td{padding:0 6%;}
}
@media screen and (max-width:1400px) {
.visionTable tr td{padding:0 4%;}
}
@media screen and (max-width:1340px) {
.visionTable tr td{padding:0 2%;}
}
@media screen and (max-width:1270px) {
.visionTable tr th,.visionTable tr td{font-size:18px;}
.visionTable tr td{width:90%;padding:0;}
}
@media screen and (max-width:1210px) {
.visionTable tr td div span{width:300px;}
}
@media screen and (max-width:1060px) {
.visionTable tr td div span{width:260px;padding:18px 0;}
}
@media screen and (max-width:940px) {
.visionTable tr th,.visionTable tr td{font-size:16px;}
.visionTable tr td div span{width:240px;}
}
@media screen and (max-width:860px) {
.visionTable tr td div span{width:200px;padding:16px 0;}
}
@media screen and (max-width:767px) {
.visionTable tr th,.visionTable tr td{font-size:14px;}
.visionTable tr th b.txt.type30{font-size:20px;}
}
@media screen and (max-width:720px) {
.visionTable{background:url(/sub1/img/visionm.jpg) no-repeat center bottom;background-size:contain;}
.visionTable tr td div span{width:180px;}
.visionTable tr th b.txt.type30{font-size:18px;}
}
@media screen and (max-width:660px) {
.visionTable tr th,.visionTable tr td{font-size:12px;}
.visionTable tr td div span{width:160px;padding:14px 0;}
.visionTable tr th b.txt.type30{font-size:16px;}
}
@media screen and (max-width:580px) {
.visionTable tr td div span{width:140px;}
.visionTable tr th b.txt.type30{font-size:14px;}
}
@media screen and (max-width:500px) {
.visionTable tr td div span{width:120px;padding:10px 0;}
}
@media screen and (max-width:430px) {
.visionTable{background-position:center center;background-size:100% 100%;}
.visionTable tr{border-bottom:solid 1px #ddd;}
.visionTable tr td{padding:10px 0;}
.visionTable tr td div span{width:90%;margin:6px auto;}
}







/* 사업분야 */
.business{}
.business span{width:220px;height:220px;border-radius:50%;margin:20px;display:flex;align-items:center;justify-content:center;}
.business span:nth-child(1){background:#349b7d;}
.business span:nth-child(2){background:#255fb7;}
.business span:nth-child(3){background:#0a285f;}
.business span b{color:#fff;text-align:center;font-family:'GmarketSansBold';}


@media screen and (max-width:860px) {
.business span{width:180px;height:180px;margin:10px;}
}

@media screen and (max-width:640px) {
.business span{width:150px;height:150px;}
}
@media screen and (max-width:550px) {
.business span{width:220px;height:220px;margin:20px;}
}









/* 고객문의 */
.inquiry ul{width:100%;}
.inquiry li{height:auto;margin-bottom:14px;font-size:22px;font-weight:normal;color:#666;line-height:62px;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:200px;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% - 200px);height:52px;padding:0 16px;border:none;line-height:62px;background:#f5f5f5;display:inline-block;}
.inquiry li textarea{width:calc(100% - 200px);min-height:300px;max-height:300px;padding:16px;border:none;background:#f5f5f5;display:inline-block;font-size:20px;}
.inquiry li textarea.form-control.requiredField{width:100%;min-height:120px;max-height:120px;padding-top:10px;line-height:160%;color:#666;}
.inquiry li:last-child{padding-left:24px;}

.inquiry .btn{width:260px;}
.inquiry .btn input[type=button]{width:100%;padding:24px 0;text-align:center;font-size:22px;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;}
}