@charset "utf-8";

/* Common */

.sideTitle{font-weight:bold;font-size:5rem;}
.sideTitle span{font-size:3.4rem;}

.contTitle{font-weight:500;font-size:1.8rem;}

.dotTitle{font-size:6rem;font-weight:bold;color:#222;line-height:1;}
.dotTitle:after{width:12px;height:12px;background:#fcb040;display:inline-block;content:'';border-radius:50%;margin-left:10px;}
.basicText{line-height:1.625;}


/* Color */
.bgGray{background:#f4f3f4;}
.c_d3b858{color:#d3b858;}

/* Sub Common */
.sideCont{display:flex;align-items:flex-start;}
.sideCont .sideTitle{width:252px;margin-right:96px;flex-shrink:0;line-height:1.08;position:relative;letter-spacing:-0.035em;}
.sideCont .sideTitle span{}
.sideCont .sideTitle:after{width:100%;height:4px;background:#d4b858;position:absolute;left:0;bottom:-10px;content:'';}
.borderR{border-right:1px solid #d9d9d9 !important}

.sectionTitle{font-size:6rem;font-weight:700;line-height:1.2334;color:#000;letter-spacing:-0.05em;margin-bottom:22px;}

/* Tab */
.tabDesign{padding-bottom:19px}
.tabDesign ul{display:flex;justify-content:center;}
.tabDesign ul li{background:url(/img/common/tab_line.gif) no-repeat right center;margin:0 5px;padding-right:8px}
.tabDesign ul li:last-child{background:0}
.tabDesign ul li a{font-size:18px;padding:2px 10px 4px 8px;display:inline-block;letter-spacing:-0.04em}
.tabDesign ul li a:hover, .tabDesign ul li.selected a{background:#ccceef;border-radius:3px;text-shadow: 0 0 0 #333, 0 0 0 #333;padding:2px 10px 4px 8px}

/* List */
.dotList li{position:relative;padding-left:7px;margin-bottom:6px;}
.dotList li:last-child{margin-bottom:0;}
.dotList li:before{width:2px;height:2px;background:#222;position:absolute;left:0;top:11px;content:'';}


/* 회사소개 > 회사소개 */
.introTop{position:relative;}
.introTop:after{width:100%;max-width:514px;height:100%;position: absolute;left:-111px;top:0;background:url(/img/introduce/greeting_bg.png)no-repeat left bottom 62px;content:'';z-index:-1;}
.introTop.sideCont .sideTitle{margin-top:-2px;}
.introTop .introTopCont{width:100%;line-height:1.625;}
.introTop .introTopCont .introName{font-size:5rem;font-weight:bold;color:#1a1a1a;margin-bottom:40px;line-height:1;}
.introTop .introTopCont .introWriter{text-align:right;margin-top:22px;}
.introTop .introTopCont .imgBox{margin-top:45px;}

/* 회사소개 > 회사연혁 */
.en_history{background:url(/img/introduce/history_bg.jpg)no-repeat center bottom / 100% auto;}
.en_history .dotTitle{text-align:center;margin-bottom:73px;}
.historyBox{display:flex;justify-content:space-between;padding-bottom:125px;}
.historyBox .historyCont{width:calc(100% - 510px);}
.historyBox .historyCont dl{padding:47px 0 50px;display:flex;align-items:center;color:#222;}
.historyBox .historyCont dl dt{position:relative;font-size:5rem;font-weight:bold;margin-right:61px;padding-left:30px;line-height:1;}
.historyBox .historyCont dl dt:before{width:8px;height:8px;background:#d3b857;position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';margin-top:4px;}
.historyBox .historyCont dl + dl{border-top:1px solid #c9c9ca;}
.historyBox > .imgBox{width:400px;}

/* 회사소개 > 오시는길 */
.en_location .dotTitle{text-align:center;margin-bottom:73px;}
.en_location .wrap_controllers{display:none;}
.en_location .root_daum_roughmap_landing .border2{display:block;}
.en_location .busLine{margin-top:20px;}
.en_location .busLine ul{margin-top:10px;}
.en_location .busLine ul li{font-size:1.4rem;margin-bottom:5px;display:flex;align-items:center;line-height:2;}
.en_location .busLine ul li span{height:22px;line-height:20px;padding:0 5px;color:#fff;border-radius:2px;flex-shrink:0;margin-right:10px;display:flex;align-self:flex-start;}
.en_location .busLine ul li:nth-child(1) span{background:#7182f5;border:1px solid #6372d7}
.en_location .busLine ul li:nth-child(2) span{background:#5fb73c;border:1px solid #53a135}
.en_location .busLine ul li:nth-child(3) span{background:#f86e55;border:1px solid #da614b}
.en_location .busLine ul li:nth-child(4) span{background:#00aeab;border:1px solid #009996}
.en_location .busLine ul li:nth-child(5) span{background:#f86e55;border:1px solid #da614b}
.en_location .busLine ul li:nth-child(6) span{background:#5fb73c;border:1px solid #53a135}

.location .dotTitle{text-align:center;margin-bottom:73px;}
.location .wrap_controllers{display:none;}
.location .root_daum_roughmap_landing .border2{display:block;}
.location .locationCont{margin-bottom:75px;}
.location .locationCont h4{font-size:3rem;margin-bottom:15px;color:#2d2d2d;}
.location .locationCont h4 img{vertical-align:-1px;}
.location .locationTable table{width:100%;}
.location .locationTable table th{background:#f4f3f4;border-right:1px solid #d9d9d9;border-top:1px solid #000;color:#333;padding:15px 0 18px;}
.location .locationTable table td{padding:17px 15px 17px 28px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;word-break:break-all;}
.location .locationTable table th:last-child,
.location .locationTable table td:last-child{border-right:0;}
.location .locationTable table .alignC{text-align:center;padding:17px 3px;}
.location .locationTable table td > span{padding:2px 16px;border-radius:20px;display:inline-block;color:#fff;font-size:1.4rem;}
.location .locationTable table td > .line7{background:#697215;}
.location .locationTable table td > .line2{background:#5ba37f;}
.location .locationTable table td > .lineCenter{background:#5ba37f;}
.location .locationTable table td ul li{padding:11px 0;}
.location .locationTable table td ul li dl dt{position:relative;padding-left:35px;color:#333;font-weight:500;}
.location .locationTable table td ul li dl dt span{width:26px;height:26px;position:absolute;left:0;top:-1px;border-radius:50%;line-height:26px;font-weight:bold;color:#fff;font-size:1.4rem;background:#ffbf4e;text-align:center;display:inline-block;}
.location .locationTable table td ul li dl dd{padding-left:35px;color:#686868;}
.location .locationTable table .valignTop{vertical-align:top;}

/* Brand */
.brandBox{padding:98px 0 154px;position:relative;}
.brandBox:before{max-width:1780px;width:100vw;height:100%;position:absolute;left:50%;top:0;background:#f4f3f4;transform:translateX(-50%);content:'';z-index:-1;}
.brandBox dl{text-align:center;}
.brandBox dl dt{}
.brandBox dl dd{margin-bottom:41px;}
.brandBox .brandList ul{display:flex;flex-wrap:wrap;}
.brandBox .brandList ul li{width:calc(25% - 13px);padding:25px 0;margin:5px 6.5px;background:#fff;border-radius:12px;text-align:center;}
.brandBox .brandList button{border:0;}
.brandBox .brandList .slick-slide img{margin:0 auto;}
.brandBox .brandList .slick-arrow{width:50px;height:50px;position:absolute;top:50%;margin-top:-25px;font-size:0;color:transparent;}
.brandBox .brandList .slick-arrow.slick-prev{background:url(/img/main/black_prev_arrow.png)no-repeat;left:-74px;}
.brandBox .brandList .slick-arrow.slick-next{background:url(/img/main/black_next_arrow.png)no-repeat;right:-74px;}

/* 사업분야 > 사업분야*/
.departmentTop{display:flex;align-items:center;}
.departmentTop .dotTitle{flex-shrink:0;margin-right:90px;}
.businessList{margin-top:105px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.businessList li{position:relative;margin-top:36px;text-align:center;font-size:2.4rem;color:#222;font-weight:500;}
.businessList li:nth-child(-n+2){margin-top:0;}
.businessList li:nth-child(2n){padding-top:88px;}
.businessList li:nth-child(1):before{display:none;}
.businessList li:nth-child(-n+2):before{width:262px;height:262px;background:#f9f6e9;position:absolute;right:-92px;top:0;content:'';z-index:-1;border-radius:50%;} 
.businessList li .businessListText{padding-left:30px;}

/* Contact Us */
.contactTop{display:flex;align-items:flex-start;margin-bottom:77px;}
.contactTop .dotTitle{flex-shrink:0;margin-right:64px;letter-spacing:-0.05em;}
.contactTop .basicText{margin-top:10px;}
.question .topImg{text-align:center;}
.question_cont{margin-top:92px;}

@media all and (max-width:1820px) {
/* Brand */
.brandBox:before{width:calc(100vw - 60px);}
}

@media all and (max-width:1500px) {
/* Brand */
.brandBox .brandList ul li{width:32%;}
.brandBox .contents{padding:0 50px;}
}

@media all and (max-width:1400px) {
/* Brand */
.brandBox .contents{padding:0 80px;}
}

@media all and (max-width:1279px) {
/* Sub Common */
.brNone{display:none}
.sideCont .sideTitle{width:230px;margin-right:7.62%;}

/* Sub Common */

/* 회사소개 > 회사소개 */
.introTop:after{max-width:450px;left:-50px;background-size:450px auto !Important}


/* 회사소개 > 회사연혁 */
.historyBox{padding-bottom:90px;}
.historyBox .historyCont{width:60%;}
.historyBox > .imgBox{width:32%;}

/* Brand */
.brandBox .contents{padding:0 20px;}
.brandBox .brandList{padding:0 100px;}
.brandBox .brandList ul{}
.brandBox .brandList ul li{margin-right:2%;margin-left:0;}
.brandBox .brandList ul li:nth-child(3n){margin-right:0;}
.brandBox .brandList .slick-arrow.slick-prev{left:0;}
.brandBox .brandList .slick-arrow.slick-next{right:0;}

/* 사업분야 > 사업분야*/
.departmentTop .dotTitle{flex-shrink:0;margin-right:7.144%;}
.businessList li{width:47%;}
.businessList li:nth-child(2n){padding-top:7%;}
.businessList li .businessListText{padding-left:5.137%;}
}

@media all and (max-width:979px) {
/* Sub Common */
.sideCont .sideTitle{width:215px;}

/* 회사소개 > 회사연혁 */
.en_history .dotTitle{margin-bottom:50px;}
.historyBox .historyCont{width:100%;}
.historyBox > .imgBox{display:none;}

/* Brand */
.brandBox .brandList ul li img{width:160px;}

/* 사업분야 > 사업분야*/
.businessList li:nth-child(-n+2):before{width:200px;height:200px;}
}

@media all and (max-width:767px) {
/* Common */
.sideTitle{font-size:4rem;}
.sideTitle span{font-size:2.8rem;}
.dotTitle{font-size:5rem;}


/* Sub Common */
.sideCont{display:block;}
.sideCont .sideTitle{width:auto;margin-right:0;display:inline-block;}
.sideCont .sideTitle br{display:none;}
.sideCont .sideTitle:after{width:100%;height:2px;background:#d4b858;position:absolute;left:0;bottom:-10px;content:'';}

.sectionTitle{margin-bottom:10px;}

/* Tab */
.tabDesign{padding-bottom:10px}

/* 회사소개 > 회사소개 */
.introTop:after{display:none;}
.introTop.sideCont .sideTitle{margin:0 0 40px;}
.introTop .introTopCont .introName{font-size:4rem;margin-bottom:20px;}
.introTop .introTopCont .introWriter{text-align:right;margin-top:11px;}
.introTop .introTopCont .imgBox{margin-top:22.5px;}

/* 회사소개 > 회사연혁 */
.historyBox{padding-bottom:62.5px;}
.en_history .dotTitle{margin-bottom:35px;}
.historyBox .historyCont dl:nth-child(1){padding-top:0;}
.historyBox .historyCont dl{display:block;padding:20px 0 25px;}
.historyBox .historyCont dl dt{padding-left:20px;margin:0 0 20px;font-size:4rem;}
.historyBox .historyCont dl dt:before{width:6px;height:6px;margin-top:2px;}

/* 회사소개 > 오시는길 */
.en_location .dotTitle{text-align:center;margin-bottom:36.5px;}
.en_location iframe{height:300px !important;}
.location .locationCont{margin-bottom:40px;}
.location .locationTable table th,
.location .locationTable table td{padding:10px;}

/* Brand */
.brandBox{padding:47px 0 77px;}
.brandBox .brandList{padding:0 30px;}
.brandBox .brandList ul li img{width:100px;}
.brandBox .brandList .slick-arrow{width:35px;height:35px;background-size:35px 35px !important;}
.brandBox .brandList .slick-arrow.slick-prev{left:-10px;}
.brandBox .brandList .slick-arrow.slick-next{right:-10px;}
.brandBox dl dd{margin-bottom:20px;}


/* 사업분야 > 사업분야*/
.departmentTop{display:block;}
.departmentTop .dotTitle{margin:0 0 15px;}
.businessList{margin-top:52.5px;}
.businessList li{width:100%;}
.businessList li:nth-child(2){margin-top:36px;}
.businessList li:nth-child(2n){padding-top:0;}
.businessList li:nth-child(1):before{display:block;right:-60px;;top:-45px;}
.businessList li:nth-child(2):before{display:none;}

/* Contact Us */
.contactTop{display:block;margin-bottom:30px;}
.contactTop .dotTitle{margin:0 0 15px;}
.question .topImg{margin-bottom:10px;}
.question_cont{margin-top:40px;}
}

@media all and (max-width:570px) {
/* Brand */
.brandBox dl dd br{display:none;}
}

@media all and (max-width:501px) {
.businessList li{margin-top:30px;}
.businessList li:nth-child(2){margin-top:30px;}

/* Brand */
.brandBox .brandList ul li img{width:60px;}

}