@charset "utf-8";


/* Common */
.overlay{background:#000;opacity:0.5;position:fixed;z-index:101;width:100%;height:100%;display:none;top:0;left:0}
.lineTitle{width:322px;position:relative;font-size:3.1rem;font-weight:500;color:#333;}
.lineTitle:before{width:33px;height:4px;background:#00a1e9;position:absolute;top:-4px;left:0;content:'';}
.horizontalSection{display:flex;margin-bottom:60px;}
.horizontalSection:last-of-type{margin-bottom:0;}
.horizontalSection .horizontalSectionR{width:calc(100% - 322px);margin-top:46px;}

/* Table */
table{border-collapse:collapse}
.horizontalTable{width:100%;border-top:1px solid #00a1e9;color:#444;}
.horizontalTable th{background:#f1f1f1;font-weight:500;padding:12px 0 13px;box-sizing:border-box;border-bottom:1px solid #c8c8c8;font-size:1.7rem;}
.horizontalTable th:last-child, .horizontal_table td:last-child{border-right:0}
.horizontalTable td{padding:12px 30px 13px;box-sizing:border-box;word-break:break-all;vertical-align:middle;border-bottom:1px solid #c8c8c8;font-size:1.7rem;}

/* 회사소개 > 회사소개 */
.intro .introTop{text-align:center;padding:77px 0 69px;line-height:33px;position:relative;margin:50px 0 64px;}
.intro .introTop:after{width:100vw;height:100%;background:url(/img/introduce/intro_top_bg.jpg)no-repeat center top / cover;content:'';z-index:-1;position:absolute;left:50%;top:0;transform:translateX(-50%);}
.intro .introTop .basicText{font-size:1.8rem;margin-top:33px;position:relative;letter-spacing:-0.01em;}
.intro .introTop .basicText:before{width:24px;height:1px;background:#757273;position:absolute;top:-16px;left:50%;transform:translateX(-50%);content:'';}
.intro .introTop .basicText strong{letter-spacing:-0.03em;font-size:2rem;}
.intro .introTop .basicText strong span{color:#0b8fe3;}
.intro .introduction table tr th{width:151px;}
.intro .introduction table tr td ol{padding:7px 0;}
.intro .introduction table tr td ol li{display:flex;margin-bottom:5px;}
.intro .introduction table tr td ol li span{width:20px;}
.intro .introduction table tr td ol li p{width:calc(100% - 20px);}
.intro .introduction table tr td ol li:last-child{margin-bottom:0;}
.intro .brValue .brValueinfo{display:flex;justify-content:space-between;align-items:center;}
.intro .brValue .brValueinfo > .imgBox{width:51.044%;}
.intro .brValue .brValueinfo ol{width:43.112%;}
.intro .brValue .brValueinfo ol li{padding:20px 42px;background:#f3f3f3;letter-spacing:-0.03em;margin-bottom:9px;border-bottom:1px solid #babec2;position:relative;}
.intro .brValue .brValueinfo ol li:after{width:1px;height:50%;background:#babec2;position:absolute;left:0;bottom:0;content:'';z-index:1}
.intro .brValue .brValueinfo ol li:last-child{margin-bottom:0;}
.intro .brValue .brValueinfo ol li span{width:35px;height:35px;line-height:33px;color:#fff;display:inline-block;font-size:2.24rem;font-weight:500;text-align:center;background:#71797f;border-radius:50%;position:absolute;left:-17.5px;top:50%;transform:translateY(-50%);z-index:2;}
.intro .brValue .brValueinfo ol li dl dt{font-size:2.5rem;color:#0a75d0;font-weight:500;margin-bottom:2px;}
.intro .brValue .brValueinfo ol li dl dd{font-size:1.8rem;}

/* contact > 오시는길 */
.location .wrap_controllers{display:none;}
.location .loctaionInfo{width:617px;margin:60px auto 67px;overflow:hidden;}
.location .loctaionInfo li{font-size:2rem;color:#444;margin:0 36px 2px 0;float:left;letter-spacing:-0.02em;display:flex;align-items:baseline;}
.location .loctaionInfo li strong{font-size:3rem;color:#00a2ec;display:inline-block;margin-right:12px;}
.location .loctaionInfo li:nth-child(3){margin-right:0;}
.location .loctaionInfo li:last-child{margin:0;}

@media screen and (max-width:1279px) {

/* Common */
.lineTitle{width:23%;}
.horizontalSection .horizontalSectionR{width:75%;}
/* Table */
.horizontalTable td{padding:12px 15px 13px;}
}

@media screen and (max-width:979px) {
/* Common */
.lineTitle{width:100%;}
.horizontalSection .horizontalSectionR{width:100%;}

/* 회사소개 > 회사소개 */
.horizontalSection{display:block;}

}

@media screen and (max-width:767px) {
/* Common */
.horizontalSection .horizontalSectionR{margin-top:23px;}

/* 회사소개 > 회사소개 */
.intro .introTop{padding:38px 0 35px;margin:20px 0 32px;line-height:24px;}
.intro .introTop > .imgBox  img{width:200px;}
.intro .introTop .basicText strong{display:blcok;}
.intro .introTop .basicText br{display:none;}
.intro .introduction table tr th{width:100px;}
.intro .brValue .brValueinfo{display:block;}
.intro .brValue .brValueinfo > .imgBox{width:100%;text-align:center;}
.intro .brValue .brValueinfo ol{width:100%;margin-top:40px;}
.intro .brValue .brValueinfo ol li{padding:20px 30px;}
.intro .brValue .brValueinfo ol li span{width:30px;height:30px;line-height:28px;left:-15px;}

/* contact > 오시는길 */
.location .loctaionInfo{width:100%;margin:0 auto 30px;}




}