@charset "utf-8";


/* Common */
.btn_view_img{display:none}
.img_box img{width:100% !important}

.lineTtitle{position:relative;padding-left:48px;font-weight:500;font-size:3.2rem;letter-spacing:-0.03em;line-height:1.2;}
.lineTtitle:before{width:30px;height:4px;background:#1a61b1;position:absolute;left:0;top:20px;content:'';}

.bgGray{position:relative;background:#f8f8f8;}
.bgGrayFull:after{width:100vw;height:100%;background:#f8f8f8;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;}

/* Color */
.c_blue{color:#1a61b1}


/* Vertical Table */
.verticalTable table{width:100%;border-top:2px solid #222;}
.verticalTable table th{width:25%;text-align:center;word-break:keep-all;background:#f8f8f8;padding:15px 5px 17px;border-bottom:1px solid #ddd;font-size:1.8rem;font-weight:500;color:#222;}
.verticalTable table td{padding:15px 25px 17px;font-size:1.8rem;color:#666;border-bottom:1px solid #ddd;word-break:break-all;}
.verticalTable table tr:last-child th, .verticalTable table tr:last-child td{}

/* Horisontal Table 
.horizontalTable table{width:100%;border-top:2px solid #222;}
.horizontalTable table th{background:#eaf3d4;padding:17px 5px 14px;border:1px solid #cfcfcf;font-size:1.7rem;font-weight:bold;color:#444;text-align:center;word-break:break-all;}
.horizontalTable table td{padding:11px 15px;font-size:1.7rem;color:#444;border-right:1px solid #cfcfcf;border-left:1px solid #cfcfcf;text-align:center;border-bottom:1px solid #cfcfcf;line-height:1.8}
*/


/* 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}

/* Common */
.basicText{line-height:1.778;letter-spacing:-0.03em;}

/* 회사소개 > 인사말 */
.greeting .greetingCont{position:relative;padding:130px 0 142px}
.greeting .greetingCont .greetingContBox:after{display:block;clear:both;content:'';}
.greeting .greetingCont:before{height:100%;background:#f8f8f8;z-index:-2;}
.greeting .greetingCont .imgBox{position:absolute;left:0;top:0;}
.greeting .greetingCont:after{height:60px;background:#fff;z-index:-1;}
.greeting .greetingCont:before, .greeting .greetingCont:after{width:100vw;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';}
.greeting .greetingText{width:902px;background:#fff;letter-spacing:-0.045em;float:right;position:relative;padding:67px 78px 77px;}
.greeting .greetingText .greetingText01{font-size:3.4rem;}
.greeting .greetingText .greetingText01 span{font-weight:700;}
.greeting .greetingText .greetingText02{position:relative;font-size:2.2rem;margin:25px 0 74px;line-height:1.637;}
.greeting .greetingText .greetingText02:after{width:80px;height:2px;background:#222;position:absolute;left:0;bottom:-40px;content:'';}
.greeting .greetingText .basicText{padding-right:27px;word-break:keep-all;line-height:1.889;}

/* 회사소개 > 연혁*/
.historyTop{position:relative;height:300px;color:#fff;display:flex;flex-direction:column;justify-content:center;}
.historyTop:after{max-width:1900px;width:100vw;height:100%;position:absolute;left:50%;top:0;background:url(/img/introduce/history_top.jpg)no-repeat center top / cover;transform:translateX(-50%);content:'';z-index:-1;}
.historyTop .subTopTitle{font-size:3.6rem;font-weight:700;letter-spacing:-0.03em;margin-bottom:32px;}

/* 회사소개 > 오시는길*/
.location .verticalTable{margin-top:60px;}
.location .root_daum_roughmap .wrap_controllers{display:none;}
.location .root_daum_roughmap_landing .border2{display:block;}

/* 사업영역 > 제품소개 */
.intro .sectionCont{padding:61px 0 65px;}
.intro .sectionCont:first-of-type{padding-top:0;}
.intro .sectionCont:last-of-type{padding-bottom:0;}
.intro .sectionCont .productList{display:flex;margin-top:54px;}
.intro .sectionCont .productList li{text-align:center;font-size:2.2rem;letter-spacing:-0.03em;margin-right:84px;}
.intro .sectionCont .productList li:last-child{margin-right:0;}
.intro .sectionCont .productList li .imgBox{margin-bottom:22px;}

/* 인재채용 > 인재상 */
.talentTop{position:relative;height:400px;padding-top:75px;}
.talentTop:after{max-width:1900px;width:100vw;height:100%;position:absolute;left:50%;top:0;background:url(/img/hire/talent_top.jpg)no-repeat center top / cover;transform:translateX(-50%);content:'';z-index:-1;}
.talentTop ul{display:flex;}
.talentTop ul:after{max-width:1900px;width:100vw;height:100%;position:absolute;left:50%;top:0;background:url(/img/hire/talent_top.jpg)no-repeat center top / cover;transform:translateX(-50%);content:'';z-index:-1;}
.talentTop ul li{flex:1;text-align:center;color:#fff;letter-spacing:-0.03em;font-weight:700;font-size:3.2rem;}
.talentTop ul li .imgBox{margin-bottom:30px;}
.talentListBox{position:relative;top:-80px;padding-bottom:70px;}
.talentListBox.bgGrayFull:after{top:80px;}
.talentListBox .talentList{background:#fff;padding:31px 101px 33px;letter-spacing:-0.03em;}
.talentListBox .talentList li{border-bottom:2px dashed #ddd;padding:40px 0 41px;}
.talentListBox .talentList li:last-child{border-bottom:0;}
.talentListBox .talentList li dl{display:flex;}
.talentListBox .talentList li dl dt{font-size:2.8rem;font-weight:500;margin-right:95px;flex-shrink:0;}
.talentListBox .talentList li dl dd{padding-top:6px;}

/* 인재채용 > 채용프로세스 */
.process .processTop{position:relative;padding:60px 0;}
.process .processInfo{margin-top:80px;} 

@media all and (max-width:1400px) {
/* 회사소개 > 인사말 */
.greeting .greetingCont{}
.greeting .greetingText{width:66%;padding:5% 5.7% 5.6%;}
.greeting .greetingText .basicText{padding-right:0;}

/* 사업영역 > 제품소개 */
.intro .sectionCont .productList{flex-wrap:wrap;}
.intro .sectionCont .productList li{width:30%;margin:30px 5% 0 0; /*margin-right:6.087%;*/}
.intro .sectionCont .productList li:last-child{margin-right:0;}
.intro .sectionCont .productList li:nth-child(-n+3){margin-top:0;}
.intro .sectionCont .productList li:nth-child(3n){margin-right:0;}
}

@media all and (max-width:1279px) {
/* Common */
.lineTtitle:before{top:16px}

/* Sub Common */
.br_none{display:none}

}

@media all and (max-width:979px) {
/* 회사소개 > 인사말 */
.greetingText{width:80%;}
}

@media all and (max-width:767px) {
/* Common */
.btn_view_img{display:block;margin-top:10px;text-align:right}
.btn_view_img img{width:40px !important}

.lineTtitle{padding-left:35px;font-size:2.9rem;}
.lineTtitle:before{width:22px;top:15px}

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

/* Vertical Table */
.verticalTable table th{width:150px;word-break:break-all;padding:10px 5px 12px;}
.verticalTable table td{padding:10px 15px 12px;}

/* Tab */
.tabDesign{padding-bottom:10px}
.tabDesign ul li{margin:0 3px;padding-right:4px}
.tabDesign ul li a{font-size:16px;padding:0 5px 3px 4px;}
.tabDesign ul li.selected a{background:#ccceef;border-radius:3px}

/* 회사소개 > 인사말 */
.greeting .greetingCont{padding:45px 0 70px;}
.greeting .greetingCont:after{display:none;}
.greeting .greetingCont .imgBox{display:none;}
.greeting .greetingText{width:100%;padding:30px;}
.greeting .greetingText .greetingText01{font-size:3rem;}
.greeting .greetingText .greetingText02{margin-bottom:50px;}
.greeting .greetingText .greetingText02:after{width:60px;bottom:-28px;}
.greeting .greetingText .greetingText02 br{display:none;}

/*회사소개 > 연혁*/
.historyTop{height:260px;}
.historyTop .subTopTitle{margin-bottom:16px;}

/* 회사소개 > 오시는길*/
.location .verticalTable{margin-top:30px;}
.location .location_cont .wrap_map{height:350px !important;}

/* 사업영역 > 제품소개 */
.intro .sectionCont .productList{flex-wrap:wrap;margin-top:35px;}

/* 인재채용 > 인재상 */
.talentTop{height:280px;padding-top:38px;}
.talentTop ul li .imgBox{margin-bottom:15px;}
.talentTop ul li .imgBox img{width:65px;}
.talentListBox{top:-50px;padding-bottom:35px;}
.talentListBox.bgGrayFull:after{top:50px;}
.talentListBox .talentList{padding:30px 50px;}
.talentListBox .talentList li{padding:20px 0;}
.talentListBox .talentList li dl{display:block;}
.talentListBox .talentList li dl dd{padding-top:15px;}

/* 인재채용 > 채용프로세스 */
.process .processTop{padding:30px 0;}
.process .processInfo{margin-top:40px;} 
}

@media all and (max-width:501px) {
.talentTop{height:230px;}
.talentTop ul li{font-size:2.8rem;}
.talentTop ul li .imgBox img{width:50px;}
}