@charset "utf-8";
.conTp{padding: 150px 0 60px;text-align: center;position: relative;}
.conTp em{font-style: normal;display: block;font-size: 22px;opacity: .45;font-family: 'Montserrat', sans-serif;font-weight: 700;}
.conTp p{font-size: 48px;line-height: 1.1;padding-bottom: 40px;padding-top: 60px;}
.conTp p b{display: block;font-weight: 800;}


@media screen and (max-width:1280px) {
.conTp{padding: 90px 0 40px;}
}
@media screen and (max-width:1200px) {
.conTp p.long{font-size: 36px;padding-bottom: 20px;padding-top: 20px;}
}
@media screen and (max-width:1024px) {
.conTp p{font-size: 36px;padding-bottom: 20px;padding-top: 20px;}
}
@media screen and (max-width:850px) {
.conTp p.long{font-size: calc(16px + (36 - 16) * ((100vw - 300px) / (850 - 300)));}
}
@media screen and (max-width:600px) {
.conTp p{font-size: calc(30px + (36 - 30) * ((100vw - 320px) / (600 - 320)));}
}
/* 11.OVERVIEW ***************************************/
.overview{color: #fff;background-color: #101010;}
.overview::after{display: block;content: '';height: 683px;background:url(../img/cont/ov_btm.jpg) center 0 no-repeat;}
.overview .dls{display: flex;flex-wrap: wrap;padding-bottom: 125px;}
.overview .dls dt,
.overview .dls dd{display: flex;align-items: center;margin-bottom: 10px;padding-top: 20px;padding-bottom: 20px;line-height: 1.5;font-size: 22px;}
.overview .dls dt{padding-left: 25px;flex:0 0 230px;margin-right: 10px;font-weight: 600;background-color: rgba(255,255,255,.2);}
.overview .dls dd{padding-left: 35px;flex:0 0 calc(100% - 300px);background-color: rgba(255,255,255,.05);color: #ccc;}
.overview .dls a.dn:hover{text-decoration: underline;color: #50AC21;}
.overview .dls dd.tel span{display: inline-block;padding: 0 7px;vertical-align: middle;opacity: .35;}
.overview .dls a.dn i.fa-arrow-down{background-color: #482EFF;width: 24px;height: 24px;line-height: 24px;border-radius:5px;color: #fff;text-align: center;margin-left: 4px;}


.overviewInfo,
.overviewInfo li{list-style-type: none;margin: 0;padding: 0;}
.overviewInfo{display: flex;justify-content: space-between;padding-bottom: 150px;max-width: 1560px;margin: 0 -70px;padding-top: 35px;}
.overviewInfo li{border-left: 1px solid #ddd;display: flex;flex-direction: column;text-align: center;align-items: center;flex:1}
.overviewInfo li:first-child{border-left: none;}
.overviewInfo li em{display: block;font-family: 'Montserrat', sans-serif;font-weight: 700;font-size: 18px;padding-top: 20px;margin-bottom: 40px;font-style: normal;}
.overviewInfo li b{font-size: 60px;display: block;font-weight: 900;padding-bottom: 40px;}
.overviewInfo li span{display: inline-block;border-radius:2.5em ;padding: 8px 24px 6px;border: 1px solid #e9e9e9;color: #444;}

@media screen and (max-width:1280px) {
.overview::after{height: 450px;background-size:auto 100%}
.overview .dls{padding-bottom: 70px;}
}
@media screen and (max-width:1200px) {
.overview .dls dd.tel{flex-direction: column;align-items: flex-start;}
.overview .dls dd.tel span{font-size: 0;padding: 0;display: block;}
}
@media screen and (max-width:900px) {
.overview .dls dt{padding-left: 15px;flex:0 0 100px;font-size: 18px;}
.overview .dls dd{padding-left: 20px;flex:0 0 calc(100% - 145px);font-size: 20px;}

.overviewInfo{flex-wrap: wrap;margin: 0;padding-bottom: 50px;padding-top: 0;}
.overviewInfo li{flex: 0 0 50%;border-left: none;border-top: 1px solid #d9d9d9;padding-bottom: 30px;padding-top: 25px;}
.overviewInfo li em{padding-top: 10px;margin-bottom: 20px;}
.overviewInfo li b{font-size: 44px;padding-bottom: 25px;}
}
@media screen and (max-width:505px) {
.overview::after{height: 410px;background-size:auto 100%;background-position: 72% 0;}
.overview .dls{padding: 0 5% 0;flex-direction: column;}
.overview .dls dt,
.overview .dls dd{background: none;padding: 0;margin: 0;flex:1;}
.overview .dls dt{padding-top: 25px;border-top: 1px solid #222;}
.overview .dls dd{padding-bottom: 30px;}
.overview .dls dd:last-of-type{padding-bottom: 0;}
.overviewInfo li b{font-size: 60px;}
.overviewInfo{flex-direction: column;padding-bottom: 20px;}
.overviewInfo li{flex:1;border-top: none;position: relative;}
.overviewInfo li span{border: none;}
.overviewInfo li::after{display: block;content: '';height: 1px;position: absolute;bottom: 0;left: 15%;right: 15%;background-color: #dfdfdf;}
.overviewInfo li:last-child::after{display: none;}
}

/* 12.CEO ***************************************/
.backTxt {position: absolute;font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: 800;z-index: 0;top: 190px;font-size: 220px;left: -50%;letter-spacing: -10px;line-height: 90%;word-break: break-all;right: -50%;opacity: .02;}
.ceo{margin: 0 ;margin-right: -20px;margin-left: -20px;padding-bottom: 100px;}
.ceo::after{clear: both;display: block;content: '';}
.ceo img{float: left;margin-right: 70px;font-size: 0;max-width: 100%;}
.ceo .txt {padding-top: 320px;float: left;width: calc(100% - 810px);}
.ceo .txt p{font-size: 24px;line-height: 1.5;font-weight: 400;margin-bottom: 40px;letter-spacing: -1px;}
.ceo .txt p .name{display: block;font-size: 32px;}


@media screen and (max-width:1460px) {
.backTxt {font-size: 180px;}
.ceo{margin: 0 ;margin-right: 0;margin-left: 0;padding-bottom: 50px;}
.ceo img{margin-right: 40px;width: calc(100% - 640px);}
.ceo .txt {width: 590px;padding-top: 7%;}
}
@media screen and (max-width:1024px) {
.ceo .txt{padding-top: 0;}
}
@media screen and (max-width:680px) {
.ceo img{float: none;margin-right: 0;margin-bottom: 30px;width: 85%;}
.ceo .txt {width: auto;float: none;}
.ceo .txt p{font-size: 20px;line-height: 1.3;margin-bottom: 30px;}
.ceo .txt p br{display: none;}
.ceo .txt p .name{font-size: 25px;}
}
/*13.연혁**************************/
.story {position: relative;padding-left: calc(100% - 750px);/* margin-top: -100px; */padding-bottom: 100px;}
.story h3{position: absolute;top: 0;left: 0;font-size: 80px;font-weight: 900;}
.story h3 em{display: block;font-style: normal;-webkit-text-stroke: 1px #000;color: #fff;}
.story dl{overflow: hidden;}
.story dt{font-size: 53px;letter-spacing: -1.5px;font-weight: 900;color:#000;padding-bottom: 15px;position: relative;}
.story dd{padding-bottom: 50px;}
.story dd p{font-size: 24px;line-height: 1.4;margin-bottom: 5px;position: relative;padding-left: 50px;}
.story dd p em{font-weight: 700;;display: block;position: absolute;top: 0;left: 0;font-style: normal;}
.story dd .imgX{padding-top: 15px;}
.story dd .imgX + p{margin-top: 25px;}
@media screen and (max-width:1280px) {
.story dt{font-size: 44px;}
.story dd p{font-size: 20px;padding-left: 35px;}
.story h3 {font-size: calc(40px + (80 - 40) * ((100vw - 1030px) / (1280 - 1030)));}
}
@media screen and (max-width:1024px) {
.story{padding-left: 0;padding-top: 140px}
.story h3{font-size: 40px;}
.story dd{padding-bottom: 30px;}

}

/*14.조직도 ****************/
.organBox{text-align: center;margin-bottom: 100px;}
.organBox ul,.organBox li{list-style-type: none;margin: 0;padding: 0;}
.organBox .bu{height: 78px;font-size: 22px;margin: 0 7%;position: relative;border-radius:2.5em ;background-color: #fff;font-weight: 400;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.organBox .bu.bg0{background-color: #2584d6;color: #fff;font-size: 26px;font-weight: 500;margin-bottom: 20px;}
.organBox h3 .bu{margin: 0 auto 60px;max-width: 400px;width: 95%;color: #fff;background-color: #19a69a;font-size: 32px;font-weight: 700;height: 100px;}
.organBox h3 .bu::after{position: absolute;height: 60px;width: 1px;background-color: #ccc;top: 100px;left: 50%;display: block;content: '';margin-left: -0.5px;}
.organBox ul:after{content: '';display: block;clear: both;}
.organBox .low > ul{overflow: visible;padding: 60px 0 0;position: relative;z-index: 2;}
.organBox .low > ul::before{position: absolute;height: 1px;top: 0px;left: calc((273/1400 * 100%) - 7%);right: calc((273/1400 * 100%) - 7%);background-color: #ccc;display: block;content: '';}
.organBox .low > ul > li{width: 25%;float: left;position: relative; list-style:none;}
.organBox .low > ul > li::before{position: absolute;height: auto;bottom: 10px;width: 1px;background-color: #ccc;top: -59px;left: 50%;display: block;content: '';margin-left: -0.5px;}
.organBox .low > ul > li  li .bu{border: 1px solid #ccc;margin-bottom: 10px;height: 73px;}
.organBox li.cf .bu.bg0 span{display: block;font-size: 0.8em;}
.organBox li.cf .bu.bg0 {background-color: #EF2C72;}
.organBox .low > ul > li.cf li .bu{height: 243px;border-radius:2.0em ;}

 @media screen and (max-width:1200px) {
.organBox .bu{font-size: 20px;margin:0 3%;}
.organBox h3 .bu{height: 80px;}
.organBox h3 .bu::after{top: 80px;}
.organBox .bu.bg0{font-size: 23px;}
.organBox .low > ul::before{left: calc((175/1200 * 100vw) - 3%);right:calc((175/1200 * 100vw) - 3%);}

}
@media screen and (max-width:900px) {
.organBox .low > ul > li  li .bu,
.organBox .bu{height: 60px;position: relative;z-index: 2;}
.organBox h3 .bu::after{height: 30px;top: 70px;}
.organBox h3{padding-left: 40px;}
.organBox h3 .bu{height: 70px;font-size: 26px;margin-bottom: 30px;width: auto;margin: 0 0 30px 0;}
.organBox .bu.bg0{font-size: 23px;}
.organBox .low{position: relative;}
.organBox .low::before{position: absolute;height: 1px;top: 0px;left: 0;right: calc(50% - 20px);background-color: #ccc;display: block;content: '';}
.organBox .low > ul{padding-top: 30px;}
.organBox .low > ul::before{height: auto;top: 0;left: 0;right: auto;bottom: 152px;width: 1px;}
.organBox .low > ul > li{width:auto;float: none;margin-bottom: 40px;padding-left: 40px;}
.organBox .low > ul{padding-left: 0;}
.organBox .bu{margin: 0;}
.organBox .low > ul > li::before{height: 1px;width: 40px;top: 28px;left: 0;}
.organBox .low > ul > li::after{position: absolute;height: auto;bottom: 0;width: 1px;background-color: #ccc;top: 60px;left: calc(50% + 20px);display: block;content: '';margin-left: -0.5px;z-index: 0;}
.organBox .low > ul > li.cf li .bu{height: 100px;}
}

/* 21.wideimg *******************************/
.wideimg,.wideimg li{list-style-type: none;margin: 0;padding: 0;}
.wideimg{padding: 0 90px;}
.wideimg li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 160px;}
.wideimg dl{line-height: 1.5;width: 32%;background-color: #fff;}
.wideimg dt{font-size: 32px;font-weight: 700;margin-bottom: 20px;}
.wideimg dd{font-size: 20px;font-weight: 400;white-space: pre;;}
.wideimg img{max-width: 100%;width: 56.89%;}
.wideimg li:nth-child(even){flex-direction: row-reverse;}
.wideimg li:nth-child(even) dl{padding-left: 6%;}
@media screen and (max-width:1600px) {
.wideimg{padding: 0 5%;}
.wideimg dd{white-space: normal;}
.wideimg dl{width: 35%;}
.wideimg li{margin-bottom: 100px;}
.wideimg li:nth-child(even) dl{padding-left: 3.3%;}
}
@media screen and (max-width:1200px) {
.wideimg li{margin-bottom: 65px;}
.wideimg li:nth-child(even) dl{padding-left:0}
.wideimg dl{width: 44%;}
.wideimg img{width: 50%;}
}
@media screen and (max-width:850px) {
.wideimg li{display: block;margin-bottom: 30px;}
.wideimg img{width: auto;}
.wideimg dl{width: auto;line-height: 1.35;}
.wideimg dt{border-bottom: 1px solid #e0e0e0;padding: 10px 0 ;font-size: 24px;}
}
/* 23.wideimg2************************/

.wideimg2top{position: relative;}
.wideimg2top img{position: relative;font-size: 0;max-width: 100%;display: block;}
.wideimg2{margin: 0 auto 150px;max-width: 1440px;}
.wideimg2 img{clear: both;max-width: 100%;font-size: 0;display: block;}
.wideimg2 dl{width: 660px;float: right;line-height: 1.5;padding: 110px 0;clear: both;}
.wideimg2 dt{font-size: 32px;font-weight: 700;margin-bottom: 20px;}
.wideimg2 dd{font-size: 20px;font-weight: 400;white-space: pre;}
@media screen and (max-width:850px) {
.wideimg2{margin-bottom: 0;padding-left: 5%;padding-right: 5%;padding-bottom: 200px;position: relative;}
.wideimg2 dl{width: auto;float: none;line-height: 1.35;padding: 50px 0;}
.wideimg2 dd{white-space: normal;}
.wideimg2 img{position: absolute;height: 200px;bottom: 0;width: auto;left: 50%;transform:translateX(-50%);max-width: initial;}
}
/* 24.wideimg2************************/
.cafebz{max-width: 1440px;margin: 0 auto 180px;width: 95%;}
.cafemark{text-align: center;padding-bottom: 100px;}
.cafemark img{display: block;;font-size: 0;margin: 0 auto 40px; max-width: 100%;}
.cafemark b{font-family: 'Gmarket Sans';font-weight: 700;font-size: 40px;letter-spacing: -2px;color: #c6184f;}
.cafebz .cafeimg {margin: 0 auto;overflow: hidden;}
.cafebz .cafeimg ul{overflow: hidden;margin-left: -40px;}
.cafebz .cafeimg img{font-size: 0;display: block;max-width: 100%;}
.cafebz .cafeimg li {margin-left: 40px;float: left;width:330px;}

@media screen and (max-width:1526px) {
.cafebz .cafeimg ul{overflow: hidden;margin-left: calc(-1 * 40/1480 * 100%)}
.cafebz .cafeimg li{margin-left: calc(40/1480 * 100%);float: left;width: calc(330/1480 * 100%);}
}
@media screen and (max-width:1200px) {
.cafebz {margin-bottom: 100px;}
.cafemark b{font-size: 30px;}
}
@media screen and (max-width:850px) {
.cafebz .conTp p.long{line-height: 1.4;font-size: calc(16px + (30 - 16) * ((100vw - 300px) / (850 - 300)));}
.cafemark{padding-bottom: 60px;}
.cafemark img{width: 50%;}
}

/* 31.resultTxt ************************/

.result1mp{background-color: #fafafa;padding: 140px 0 180px;}
.result2mp{background-color: #fafafa;padding: 90px 0;}
.result3mp{padding-bottom: 150px}
.resultTxt{font-size: 24px;line-height: 1.4;font-weight: 400;margin-bottom: 80px;}
.resultMap{position: relative;width: 1212px;}
.resultMap img{display: block;font-size: 0;position: relative;left: -6px;}
.mptit{font-size: 32px;line-height: 1.15;position: absolute;top: 35px;left: 0;font-family: 'Gmarket Sans';letter-spacing: -1.5px;}
.mptit b{display: block;}


.result2mp .resultMap{width: auto;border: 0px solid #000;padding-left: 30.5%;padding-bottom: 0;}
.result2mp .resultMap img{left: auto;}


.resultMapWideimg{position: relative;margin-bottom: 80px;overflow: hidden;}
.resultMapWideimg img{position: relative;font-size: 0;max-width: 100%;display: block;}
.resultMapWideimg .mptit{font-size: 36px;color: #fff;top: 50%;transform:translateY(-50%)}
.resultMapWideimg .wrapper{max-width: 1100px;width: 100%;position: absolute;top: 50%;margin-top: 0;left: 50%;margin-left: -550px}

.resultList{overflow: hidden;margin-bottom: 65px;}
.resultList dt{font-size: 32px;letter-spacing: -1.5px;font-weight: 800;color:#000;position: relative;}
.resultList dt b{display: block;font-size: 40px;padding-top: 8px;margin-bottom: -10px;}
.resultList dd{padding-bottom: 30px;border-bottom: 1px solid #dfdfdf;margin-bottom: 45px;padding-top: 20px;}
.resultList dd p{font-size: 24px;line-height: 1.4;margin-bottom: 12px;position: relative;}
.resultList dd p em{font-weight: 800;display: inline-block;font-style: normal;margin-right: 15px;}
.resultList dd:last-of-type{border-bottom: none;}
.resultList dd .imgSet{padding: 20px 0 40px;font-size: 0;line-height: 1;}
.resultList dd .imgSet img{max-width: 100%;display: block;margin-bottom: 20px;}

@media screen and (max-width:1220px) {
.resultMapWideimg .wrapper{left: 5%;margin-left: 0;}
.resultMap{width: auto;}
.resultMap img{max-width: 100%;left: 0;}
.resultMap .mptit{top: 0;}
.result1mp{padding: 80px 0;}
.resultTxt{margin-bottom: 40px;}
.resultList{margin-bottom: 0;}
}
@media screen and (max-width:1024px) {
.resultTxt,
.resultList dd p{font-size: 20px;}
.resultList dd p{margin-bottom: 10px;line-height: 1.3;}
.resultMapWideimg{margin-bottom: 40px;}
.resultMapWideimg img{width: auto;height: 232px;max-width: initial;float: right;position: relative;right: -10px;}
.resultMapWideimg .mptit{font-size: 28px;}
}
@media screen and (max-width:850px) {
.resultList dd p em{margin-right: 0;display: block;}
.resultList dd:last-of-type{margin-bottom: 0;}
}

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

.resultMapWideimg img{height: 190px;position: relative;right: -70px;}
.resultMapWideimg.result2 img{right: -120px;}
.resultMapWideimg .mptit{font-size: 24px;}
.resultList dt{font-size: 25px;padding-bottom: 15px;}
}

/* map ***************************************/
.mapSt{margin-bottom: 33px;padding-bottom: 33px;border-bottom: 1px solid #ddd;position: relative;overflow: hidden;}
.mapSt h3{font-size: 44px;}
.mapSt a.go{display: inline-block;line-height: 50px;border: 1px solid #ddd;text-align: left;width: 160px;font-weight: 500;margin-right: 10px;padding-left: 60px;transition:.25s ease-out;background-color: #fff;box-sizing: border-box;height: 50px;background-repeat: no-repeat;background-position: 22px center;}
.mapSt a.go.nvr{background-image: url(../img/cont/map_i_1.png);}
.mapSt a.go.kko{background-image: url(../img/cont/map_i_2.png);}
.mapSt a.go.nvr:hover {background-image: url(../img/cont/map_i_1_o.png);background-color: #20c003;color: #fff;}
.mapSt a.go.kko:hover {background-image: url(../img/cont/map_i_2_o.png);background-color: #FAE100;color: #087DFF;}
.mapSt a:hover{box-shadow:1px 1px 7px 0 rgba(0,0,0,0.15);}
.mapSt a[target="_blank"]::after{vertical-align: inherit;}
.mapSt i{font-size: /* 34px; */0.773em}
.mapInfo {padding-bottom: 35px;}
.mapInfo dl{margin-bottom: 25px;line-height: 1.3;font-size: 20px;display: flex;}
.mapInfo dl dt,
.mapInfo dl dd{/* display: inline-block;vertical-align: middle; */}
.mapInfo dl dt span{font-size: 0;text-indent: -999em;z-index: -1;display: inline-block;width: 10px;}
.mapInfo dl dt i{vertical-align: middle;font-size: /* 22px */ 1.100em;position: relative;bottom: 2px;color: #3e83e7;}
.mapArea{width: 100%;height: 600px;position: relative;background: #f9f9f9;box-shadow:0 0 1px 1px rgba(0,0,0,0.05);margin-bottom: 80px;clear: both;}
.mapArea iframe{height: 100% !important;position: absolute;top: 0;left: 0;right: 0;width: 100% !important;z-index: 10;}

@media screen and (max-width:1200px) {
.mapArea{height: 0;padding-top: calc(600/1200 * 100%);}
.mapSt h3{font-size: 38px;}
}

@media screen and (max-width:820px) {
.mapSt {margin-bottom: 25px;padding-bottom: 20px;padding-top: 30px;}
.mapSt .flt,.mapSt .frt{float: none;}
.mapSt .frt{padding-top: 20px;}
.mapArea{height: 0;padding-top: calc(460/800 * 100vw);margin-bottom: 45px;}
.mapInfo dl,.mapLst p{font-size: 18px;margin-bottom: 10px;}

}
@media screen and (max-width:510px) {
.mapSt h3{font-size: 30px;}
.mapSt .frt{display: flex;justify-content: space-between;gap:10px;}
.mapSt a.go{margin: 0;width: auto;flex:1}

}