@charset "utf-8";

/* color */
.c_0081cc{color:#0081cc;}


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

/* 회사소개 > 인사말 */
.greetingsWrap{display:flex;justify-content:space-between;}
.greetingsWrap div{width:52.5%;margin:10px 7.5% 0 0;}
.greetingsWrap div dl dt{padding-left:34px;position:relative;word-break:keep-all;font-weight:300;font-size:3.8rem;letter-spacing:-0.04em;line-height:1.474;margin-bottom:70px;}
.greetingsWrap div dl dt:before{width:4px;height:100px;content:'';top:50%;transform:translateY(-50%);left:0;position:absolute;background:#0081cc;}
.greetingsWrap div dl dd{word-break:keep-all;color:#666;font-weight:400;font-size:2rem;letter-spacing:-0.055em;line-height:1.8;}
.greetingsWrap div dl dd span{margin-top:16px;display:block;}
.greetingsWrap div dl dd p{color:#121212;font-weight:500;font-size:2.4rem;margin-top:80px;}
.greetingsWrap .imgBox{width:40%;}

/* 회사소개 > 오시는 길 */
.contactList{max-width:1400px;display:flex;margin:0 auto 37px;}
.contactList li{width:32.143%;margin-right:1.786%;padding:37px 33px;display:flex;background:#f6f8f9 url('/img/introduce/contactList_bg_icon.png')no-repeat right bottom /48% auto;}
.contactList li:last-child{margin-right:0;}
.contactList li p{flex-shrink:0;margin:3px 20px 0 0;}
.contactList li dl{letter-spacing:-0.04em;}
.contactList li dl dt{font-size:2.4rem;font-weight:700;}
.contactList li dl dd{font-size:1.8rem;color:#666;margin-top:8px;}
.mapWrap .mapCont{margin-bottom:40px;}
.mapWrap .mapCont:last-child{margin-bottom:0;}
.mapWrap .mapCont dl{width:100%;max-width:1400px;margin:0 auto;border-radius:100px;z-index:3;padding:35px 20px 39px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;top:60px;box-shadow: 5px 9px 30px 0px rgba(45, 57, 64, 0.15);}
.mapWrap .mapCont dl dt{font-size:3.2rem;font-weight:700;flex-shrink:0;}
.mapWrap .mapCont dl dt img{margin-right:20px;vertical-align:-5px;}
.mapWrap .mapCont dl dd{word-break:keep-all;color:#666;font-size:2rem;letter-spacing:-0.05em;border-left:1px solid #ccc;padding-left:18px;margin:5px 0 0 21px;}

/* 회사소개 > 연혁 */
.historyWrap{display:flex;}
.historyWrap .imgBox{width:40%;height:100%;position:relative;}
.historyWrap .imgBox span{width:28.572%;box-shadow: 5px 9px 40px 0px rgba(045, 57, 64, 0.15);border-radius:100%;position:absolute;right:-7.68%;bottom:5.895%;}
.historyWrap ol{width:50%;height:100%;position:relative;margin-left:10%;padding-top:20px;margin-top:6.786%;}
.historyWrap ol:before{width:2px;height:100%;top:50%;transform:translateY(-50%);left:0;content:'';background:#ccc;position:absolute;}
.historyWrap ol > li{padding-left:80px;position:relative;margin-bottom:27px;}
.historyWrap ol > li:before{width:13px;height:13px;background:#0081cc;border-radius:100px;content:'';left:-5px;top:10px;position:absolute;}
.historyWrap ol > li dl{display:flex;}
.historyWrap ol > li dl dt{margin-right:38px;font-size:22px;letter-spacing:-0.05em;font-weight:500;flex-shrink:0;}
.historyWrap ol > li dl dd{margin-top:2px;}
.historyWrap ol > li dl dd ul li{margin-bottom:10px;word-break:keep-all;color:#666;font-size:2rem;letter-spacing:-0.05em;}
.historyWrap ol > li dl dd ul li:last-child{margin-bottom:0;}
@media all and (max-width:1440px){
.contactList{width:100%;padding:0 20px;}
.contactList li{width:32%;margin-right:2%;}
.contactList li p{margin-right:5.21%;}
.mapWrap .mapCont dl{width:95%;}
}

@media all and (max-width:1279px) {
/* Sub Common */
.br_none{display:none}


}
@media all and (max-width:979px) {
.contactList li{display:block;}
.contactList li p{margin-bottom:10px;}
.contactList li p img{width:50px;}


.greetingsWrap div dl dt{font-size:3rem;padding-left:25px;}
.greetingsWrap div dl dt:before{height:70px;}


}

@media all and (max-width:767px) {
.contactList{display:block;margin-bottom:18.5px;}
.contactList li{width:100%;margin:0 0 15px 0;display:flex;align-items:center;background-size:31% auto;padding:20px 16px;}
.contactList li:last-child{margin-bottom:0;}
.contactList li p{margin:0 10px 0 0;}
.contactList li p img{width:42px;}
.contactList li dl dt{font-size:2rem;}
.contactList li dl dd{font-size:1.8rem;margin-top:4px;}
.mapWrap .mapCont dl{text-align:center;padding:15px 20px 18px;display:block;}
.mapWrap .mapCont dl dt{font-size:2.4rem;margin-bottom:10px;}
.mapWrap .mapCont dl dt img{width:16px;margin-right:7px;}
.mapWrap .mapCont dl dd{font-size:1.6rem;margin:0;padding-left:0;border-left:none;}
.mapWrap iframe{height:300px;}
.mapWrap .mapCont{margin-bottom:20px;}
.mapWrap .mapCont dl{top:30px;}

.greetingsWrap{flex-wrap:wrap;}
.greetingsWrap div{width:100%;margin:20px 0 0 0;order:1;}
.greetingsWrap div dl dt{margin-bottom:35px;padding-left:17px;}
.greetingsWrap div dl dt:before{height:60px;}
.greetingsWrap div dl dd p{margin-top:30px;}
.greetingsWrap div dl dd span{margin-top:8px;}
.greetingsWrap .imgBox{width:100%;order:0;text-align:center;}
.greetingsWrap .imgBox img{width:100%;}

.historyWrap{display:block;}
.historyWrap .imgBox{width:75%;margin:0 auto;}
.historyWrap ol{width:100%;margin:60px 0 0 0;padding-top:0;}
.historyWrap ol > li{padding-left:35px;margin-bottom:20px;}
.historyWrap ol > li dl dt{margin-right:19px;}
.historyWrap ol > li:before{width:10px;height:10px;left:-4px;top:13px;}

}