@charset "utf-8";
.subVisual{height:350px;padding-top: 100px ;background: #484946 ;overflow: hidden;position: relative;z-index: 2; }
.subVisual::before{display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-repeat: no-repeat;background-position: center 100%;animation: 2s zoom-ani  ease-out ;background-size:cover ;z-index: -1;}
.subVisual.view{overflow: visible;}
@keyframes zoom-ani {
0{-ms-transform: scale(1.2, 1.4);transform: scale(1.2, 1.1);}
15% {-ms-transform: scale(1.4, 1.3);transform: scale(1.4, 1.3);}
100% {-ms-transform: scale(1, 1);transform: scale(1, 1);}
}
.subVisual.subbg1::before{background-image: url(../img/sub/subbg_1.jpg);}
.subVisual.subbg2::before{background-image: url(../img/sub/subbg_2.jpg);}
.subVisual.subbg3::before{background-image: url(../img/sub/subbg_3.jpg);}
.subVisual.subbg5::before{background-image: url(../img/sub/subbg_3.jpg);}
.subVisual.subbg4::before{background-image: url(../img/sub/subbg_4.jpg);}
.subVisual.subbg6::before{background-image: url(../img/sub/subbg_4.jpg);}

.subVisual .subTit{position: absolute;top: 50%;left: 0;right: 0;transform:translateY(-50%);text-align: center;color: #fff;font-family: 'Gmarket Sans';}
.subVisual .subTit h2{display: block;font-size: 80px;letter-spacing: -3px;font-weight: 700;padding: 100px 19px 0 0 ;text-shadow: 2px 2px 1px rgba(0,0,0,0.15);display: inline-block;position: relative;margin-bottom: 2px;}
.subVisual .subTit h2::after{display: block;content: '';position: absolute;right: 0;background-color: #E80139;width: 13px;height: 13px;border-radius:50% ;animation-name:pickout;  animation-duration: 1.5s;  animation-delay: 2s;animation-fill-mode: forwards;opacity: 0;bottom: 80px;}
@keyframes pickout {
0{transform:scale(.5, .9);}
10% {transform: scale(1.4, 0.5);bottom: 0;opacity: 1;}
100% {transform: scale(1, 1);bottom: 15px;opacity: 1;}
}

.pageDr{font-weight: 300;color: #ddd;position: relative;line-height: 1.1;}
.pageDr a.locH{display: inline-block;vertical-align: middle;position: relative;font-size: 0;}
.pageDr a.locH .material-icons {font-size: 19px;display: inline-block;vertical-align: middle;}
.pageDr .aro{position: relative;display: inline-block;width: 15px;height: 14px;vertical-align: middle;text-indent: -999em;font-size: 0;}
.pageDr .aro::before{display: block;content: '';position: absolute;border-style:solid;border-color:#fff;border-width:0 1px 1px 0 ;padding:3px;transform:rotate(-45deg);top: 3px;left: 2px;margin-left: 0;opacity: .8;}
.pageDr b{font-weight: 300;color: #fff;}

/* .subNavWrap .wrapper,
.pageContent,
.pageContent > .wrapper,
.pageContent.wrapper{max-width: 1200px;} */
.pageContent{padding-bottom: 60px;/* overflow: hidden; */min-height: 500px;}
.pageContent::after{display: block;content: '';clear: both;}
.pageContent.pb0{padding-bottom: 0;}

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

.subVisual{height:300px;padding-top: 60px}
.subVisual .subTit h2{font-size: 60px;padding-top: 70px;}
}
@media screen and (max-width:815px) {

.pageContent{padding-bottom: 40px;min-height: 300px;}
}
@media screen and (max-width:580px) {
.subVisual{height:200px;}
.subVisual .subTit h2{font-size: 40px;margin-bottom: 10px;}
.pageDr{font-size: 14px;}
.pageDr a.locH .material-icons{font-size: 16px;}
@keyframes pickout {
0{transform:scale(.5, .9);}
10% {transform: scale(1.4, 0.5);bottom: -10px;opacity: 1;}
100% {transform: scale(1, 1);bottom: 5px;opacity: 1;}
}
}


.subNavWrap{/* border-bottom: 1px solid #e0e0e0; */margin-bottom: 60px;position: relative;}
.subNavWrap::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;background-color: #e0e0e0;height: 1px;}
.swip_area{overflow: visible;position: relative;width: 100%;}
.swip{position: relative;top: 0;left: 0;width: 100%;margin-top: 0;height: 79px;padding: 0;box-sizing: border-box;z-index: 2;}
.swip .menu_list{list-style-type: none;padding: 0;margin: 0;height: 100%;text-align: center;}
.swip .menu_list li{list-style-type: none;margin: 0;padding: 0;position:relative;box-sizing: border-box;display: inline-block;vertical-align: top;height: 100%;}
.swip .menu_list li a{position:relative;width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;font-size: 20px;font-weight: 400;padding:0 36px;box-sizing:border-box;letter-spacing:-1px;}
.swip .menu_list li.on a{ color:#ED1B24; font-weight: 700;}
.swip .menu_list li a::after{display: block;content: '';position: absolute;bottom: 0;left: 50%;right: 50%;height: 2px;background-color: #ED1B24;opacity: 0;transition: .25s}
.swip .menu_list li a:hover::after,
.swip .menu_list li.on a::after{left: 35px;right: 35px;height: 2px;opacity: 1;}
.swip .menu_list li + li:before{display: inline-block;content: "";position: absolute;top:50%;left: -1px;width: 1px;height: 17px;background: rgba(0,0,0,0.13);vertical-align: top;transform:translateY(-50%);}

@media screen and (max-width:1200px) {
.swip{height: 55px;}
.swip .menu_list li a{font-size: 18px;padding: 0 27px;}
.swip .menu_list li a:hover::after,
.swip .menu_list li.on a::after{left: 27px;right: 27px;}
}
@media screen and (max-width:820px) {
.subNavWrap{margin-bottom: 40px;}
.subNavWrap .wrapper{width: auto;}
.swip .menu_list{text-align: center;width: 100%;display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;text-align: center;list-style: none;font-size: 0;padding: 0 3%;}
.swip .menu_list::-webkit-scrollbar{display:none;}
.swip .menu_list li a{padding: 0 15px;font-size: 16px;}
.swip .menu_list li a:hover::after,
.swip .menu_list li.on a::after{left: 15px;right: 15px;}
.swip .menu_list li + li:before{height: 10px;}
}
table.classic { border: 0; border-collapse: separate; width: 100%; border-top: solid 2px #000;border-bottom: 2px solid #000;}
table.classic td,
table.classic th { border: 0; border-bottom: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5;color: #000;padding: 20px 1% ; text-align: center; line-height: 1.6; vertical-align: middle;  height: auto ;word-wrap:break-word;word-break: break-all;font-size: 18px;font-family:'Noto Sans KR',sans-serif;}
table.classic thead th { /* background: #f4f4f4; */ border-bottom-color: #000;font-weight: 400;}
table.classic thead th.first { border-left: none; }
table.classic tbody td.first { border-left: none}
table.classic tbody th {font-weight: 400; border-left: none;}
table.classic th.bdr{border-right: solid 1px #e5e5e5;}
table.classic .bdl0{border-left:0}
table.classic th.left { padding-left:10px; text-align:left; }
table.classic td.left,
table.classic tr.left td{padding-left:2.5%; text-align: left;padding-right: 1%; }
table.classic td.va-t{vertical-align: top;}
table.classic.tdLeft tbody td{text-align: left;padding-left: 15px;}
table.classic.fw-n td.left{font-weight: 300;}
table.classic .bdt th,table.classic .bdt td{border-top: 1px solid #000;}
table.classic.center th,
table.classic.center td {text-align: center !important;padding-left: 0 !important;padding-right: 0 !important;}
.m_scroll{margin-bottom: 30px;}
.m_scroll.mb0{margin-bottom: 0;}

/********
회사소개
*********/
.about{margin: 0 auto;max-width: 1160px;}
h3.st{font-size: 26px;margin-bottom: 20px;}
.aboutTop {text-align: center;padding-top: 40px;margin-bottom: 40px;}
.aboutTop p{margin-bottom: 25px;font-size: 40px;font-weight: 700;font-family: 'Gmarket Sans';letter-spacing: -1.5px;line-height: 1.25;}

.aboutLst {overflow: hidden;padding-top: 3px;}
.aboutLst p{position: relative;padding:15px 0 25px 120px;font-size: 20px;line-height: 1.3;border-top: 1px solid #e5e5e5;color: #333;float: left;width: calc(50% - 120px);}
.aboutLst p em{font-style: normal;display: block;position: absolute;top: -2px;left: 0;color: #000;font-weight: 400;border-top: 2px solid #000;;padding-top: 15px;width: 90px;}


.aboutWrap{max-width: 1160px;overflow: visible;margin: 0 auto 80px;position: relative;}
.aboutWrap .flt{padding-top: 15px;width: 63%;font-size: 20px;line-height: 1.45;letter-spacing: -1.2px;text-align: justify;float: none;}
.aboutWrap .flt b{display: block;margin-bottom: 20px;}
.aboutWrap .flt b span{display: block;}
.aboutWrap .frt{text-align: right;width: 26%;position: absolute;bottom: 20px;right: 20px;float: none;}
.aboutWrap .frt img{max-width: 100%;}
.aboutImg{max-width: 1160px;overflow: hidden;margin: 0 auto 45px;padding-top: 60px;}
.aboutImg li{float: left;text-align: center;width: calc(100%/3 - 7px);margin-right: 10px;}
.aboutImg li:last-child{margin-right: 0;}
.aboutImg li span{display: block;text-align: center;padding-top: 15px;font-size: 18px;font-weight: normal;}
.aboutImg li img{max-width: 100%;display: block;}
.pageContent .dls{max-width: 1160px;padding-top: 80px;}
.pageContent .dls dl{padding-top: 280px;}
.pageContent .dls dl dt{padding-bottom: 20px;background-color: #fff;}
.pageContent .dls dl::before{display: none;}

.aboutTop.colab img{margin-bottom: 35px;}
.aboutTop.colab span{font-size: 60px;display: block;color: #666;}
/* .colabLst{overflow: hidden;margin-left: -30px;}
.colabLst .itm{font-size: 0;width:calc(100%/3 - 30px);margin-left: 30px;float: left;margin-bottom: 40px;text-align: center;} */
.colabLst{overflow: hidden;margin-left: -2.439%;font-size: 0;}
.colabLst .itm{width:30.895%;margin-left: 2.439%;float: left;margin-bottom: 3.2%;text-align: center;}
.colabLst .itm img{max-width: 100%;display: block;}
.colabLst .itm span{font-size: 18px;display: block;padding-top: 20px;}

@media screen and (min-width:550px){
.aboutTop.colab img{max-width:250px;}
}
@media screen and (max-width:1024px){
.aboutTop {padding-top: 10px;}
.aboutTop p{margin-bottom: 20px;font-size: 33px;}
.aboutTop img{display: block;margin: 0 auto;max-width: 50%;}
.aboutWrap .flt{font-size: 18px;line-height: 1.4}
}
@media screen and (max-width:820px){
.aboutImg, .pageContent .dls{padding-top: 40px;}
.aboutTop.colab p{font-size: calc(22px + (22 - 14) * ((100vw - 300px) / (1400 - 300)));}
.colabLst .itm span{font-size: 16px;padding-top: 15px;}
.aboutLst p{padding:10px 0 15px 90px;font-size: 18px;float: none;width: calc(100% - 90px);}
.aboutLst p em{padding-top: 10px;width: 70px;font-size: 17px;}
h3.st{font-size: 22px;}
}
@media screen and (max-width:580px){
.aboutWrap .flt{width: auto;}
.aboutWrap .flt b{text-align: center;font-size: 1.2em;}
.aboutWrap .frt{position: static;margin: 0 auto 30px;width: 50%;}
}
@media screen and (max-width:500px)  {
.aboutTop p{font-size: 28px;font-size: calc(22px + (22 - 14) * ((100vw - 300px) / (1400 - 300)));}
.aboutWrap .flt{font-size: 16px;font-size: calc(16px + (26 - 14) * ((100vw - 300px) / (1400 - 300)));}
.pageContent .dls dl{padding-top: 66%;}
.pageContent .dls dl dt{padding-top: 20px;}
.aboutImg li span{font-size: 16px;padding-top: 10px;}
.aboutTop.colab p br{display: none;}
.colabLst .itm{width: 47.561%;margin-bottom: 15px;}
.colabLst .itm span{font-size: 15px;padding-top: 10px;}
}
/* organBox */
.organBox{text-align: center;padding: 50px ;border: 1px solid #ddd;}
.organBox ul,.organBox li{list-style-type: none;margin: 0;padding: 0;}
.organBox img{max-width: 100%;margin: 0 auto;transition:0.5s ease-out}
.organBox .bu{background-color: #ededed;line-height: 58px;font-size: 20px;margin: 0 15%;position: relative;}
.organBox .bu.bg0{background-color: #5c5454;color: #fff;margin-bottom: 5px;}
.organBox h3 .bu{margin: 0 auto 40px;width: 23.3%;color: #fff;background-color: #382828;font-weight:normal;}
.organBox h3 .bu::after{position: absolute;height: 40px;width: 1px;background-color: #ccc;top: 59px;left: 50%;display: block;content: '';margin-left: -0.5px;}
.organBox ul:after{content: '';display: block;clear: both;}
.organBox .low > ul{overflow: visible;padding: 40px 0 0;position: relative;}
.organBox .low > ul::before{position: absolute;height: 1px;top: 0px;left: 16.6%;right: 16.66%;background-color: #ccc;display: block;content: '';}
.organBox .low > ul > li{width: 33.33%;float: left;position: relative; list-style:none;}
.organBox .low > ul > li::before{position: absolute;height: 40px;width: 1px;background-color: #ccc;top: -40px;left: 50%;display: block;content: '';}
.organBox .low > ul > li  li {margin-bottom: 5px;}
@media screen and (max-width:1200px) {
.organBox .bu{margin:0 10%;}
.organBox h3 .bu{width: 27%;}
}
@media screen and (max-width:850px) {
.organBox {padding: 40px 3%;}
.organBox .bu{font-size: 17px;margin:0 5%;}

}
@media screen and (max-width:580px) {
.organBox h3 .bu{width: auto;}
.organBox {padding: 40px 5% 0;border-color: #f0f0f0;}
.organBox .low{position: relative;}
.organBox .low::before{position: absolute;height: 1px;top: 0px;left: 0;right: 50%;background-color: #ccc;display: block;content: '';}
.organBox .low > ul::before{height: auto;top: 0px;left: 0;right: auto;bottom: 133px;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 .bu{line-height: 48px}
.organBox .low > ul > li:before{height: 1px;width: 40px;top: 20px;left: 0;}
}
.flgLst::after{display: block;content: '';clear: both;}
.flgLst,.flgLst li{list-style-type: none;margin: 0;padding: 0;}
.flgLst{margin-left: -25px;}
.flgLst li{margin-left: 25px;float: left;text-align: center;font-weight: normal;width: calc(100% / 5 - 25px);padding-bottom: 35px;}
.flgLst li .flg{height: 0;position: relative;padding-top: 72.7272%;background-color: #f0f0f0;margin-bottom: 20px;}
.flgLst li .flg span{display: block;position: absolute;top: 50%;left: 50%;margin-top: -45px;margin-left: -70px;width: 140px;height: 90px;}

@media screen and (max-width:1024px){
.flgLst li .flg span{height: 76px;width: 116px;margin-top: -38px;margin-left: -58px;}
}

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

.flgLst li{width: calc(100% / 3 - 25px)}
}

@media screen and (max-width:450px){
.flgLst{margin-left: 0;}
.flgLst li{padding-bottom: 20px;margin-left: 0;width:33.33%}
.flgLst li .flg{background: none;margin-bottom: 10px;}
.flgLst li>span{display: block;font-size: 13px;}
.flgLst li .flg span.fi-jp::after{content: '';position: absolute;top: 50%;left: 50%;border: 1px solid #ddd;height: 74px;width: 114px;margin-left: -56px;margin-top: -36px;}
}
@media screen and (max-width:340px){
.flgLst li .flg span{width: 98px;height: 63px;margin-left: -49px;margin-top: -31px;}
.flgLst li .flg{border: 0;}
.flgLst li>span{font-size: 12px;}
.flgLst li .flg span.fi-jp::after{height: 60px;width: 96px;margin-left: -48px;margin-top: -30px;}
}
/******
greet
******/
.greet{overflow: hidden;padding-top: 35px;}
.greetBg{float: left;width: 430px;height: 650px;background:#333;text-align: center;position: relative;width: 35.833%;position: relative;}
.greetBg::before{display: block;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: url(../img/content/greet_bg.jpg) center 0 no-repeat;transition:.25s ease-out}
.greetBg .txt{font-size: 70px;position: relative;padding-top: 49%;color: #fff;font-family: 'Gmarket Sans';font-weight: 300;letter-spacing: -2px;}
.greetBg .txt b{display: block;font-weight: 700;}
.greetTxt{float: right;width: calc(100% - 6.66% - 35.833%);padding-top: 100px;}
.greetTxt h3{font-size: 40px;margin-bottom: 50px;}
.greetTxt h3 span{display: block;padding-top: 5px;}
.greetTxt p{font-size: 20px;line-height: 1.4;text-align: justify;letter-spacing: -.8px;margin-bottom: 40px;}
.greetTxt p.b1{font-size: 21px;font-weight: 700;margin-bottom: 10px;}
.greetTxt p.sign{text-align: right;padding-bottom: 70px;line-height: 1;background:url(../img/content/greet_sign.png) right bottom no-repeat;}
@media screen and (max-width:1024px){
.greetBg{width: 32%;}
.greetBg .txt{font-size: 50px;}
.greetTxt{padding-top: 0;width: 65%;}
.greetTxt h3{font-size: 33px;margin-bottom: 35px;}
.greetTxt p{font-size: 18px;margin-bottom: 25px;}
}

@media screen and (max-width:820px){
.greet{padding-top: 0;}
.greetBg{float: none;width: auto;height:0;padding-top: 21%;overflow: hidden;}
.greetBg::before{display: block;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-size:cover;filter: blur(5px);}
.greetBg .txt b{display: inline;}
.greetBg .txt{position: absolute;left: 0;right: 0;font-size: 35px;top: 50%;transform:translateY(-50%);padding-top: 0;}
.greetTxt{float: none;width: auto;padding-top: 40px;}
}
@media screen and (max-width:450px){
.greetBg{padding-top: 35%;}
.greetBg .txt span{display: block;}
.greetBg .txt{font-size: calc(30px + (70 - 30) * ((100vw - 300px) / (1200 - 300)));}
.greetTxt h3{font-size: calc(24px + (40 - 24) * ((100vw - 300px) / (1200 - 300)))}
.greetTxt p{font-size:  calc(16px + (20 - 16) * ((100vw - 300px) / (1200 - 300)))}
.greetTxt p.b1{font-size:  calc(17px + (21 - 17) * ((100vw - 300px) / (1200 - 300)))}
}
/*  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
*/

/*****
story
*******/
.backTle::before{background: url(../img/common/logo2.png) center 0 no-repeat;content: '';width: 210px;height: 66px;background-size: auto 100%;display: block;margin: 0 auto ;position: absolute;top: -33px;left: 50%;margin-left: -100px;}
.backTle{background-color: #2f0000;line-height: 1.1;font-family: 'Gmarket Sans';letter-spacing: -1.5px;color: #fff;text-align: center;background-repeat: no-repeat;background-position: center;height: 220px;margin: 40px auto 70px;position: relative;background-image: url(../img/content/story_back.jpg);}
.backTle em{display: block;font-size: 80px;font-style: normal;font-weight: 700;padding-top: 63px;padding-bottom: 13px;}
.backTle p{font-weight: 300;font-size: 21px;}

.story dl{margin-bottom: 75px;overflow: hidden;}
.story dt{font-size: 60px;letter-spacing: -1.5px;font-weight: 700;color:#000;padding-top: 25px;position: relative;width: 20.83%;float: left;;border-top: 4px solid #000;font-family: 'Manrope';}
.story dd{border-top: 1px solid #333;float: right;width: 75.83%;}
.story dd p{position: relative;padding:30px 0 30px 110px;font-size: 20px;line-height: 1.3;border-bottom: 1px solid #ddd;color: #333;}
.story dd p:last-of-type{border: none;}
.story dd p em{font-style: normal;display: block;position: absolute;top: 30px;left: 0;color: #000;font-weight: 700;font-family: 'Manrope';font-size: 1.05em;}
@media screen and (max-width:1050px) {
.story dl{margin-bottom: 40px;}
.story dt,.story dd{float: none;width: auto;}
.story dt{padding-top: 18px;font-size: 40px;padding-bottom: 18px;}
.story dd p{padding: 20px 0 20px 80px;font-size: 18px;}
.story dd p em{top: 21px;}
}
@media screen and (max-width:815px) {
.backTle::before{height: 50px;top: -25px;}
.backTle{height: 130px;margin-bottom: 40px;}
.backTle em{font-size: 55px;padding-top: 45px;}
.backTle p{display: none;}
}
@media screen and (max-width:450px) {
.backTle{height: 110px;}
.backTle em{font-size: 55px;font-size:calc(40px + (80 - 40) * ((100vw - 300px) / (1200 - 300)));padding-top: calc(43px + ((100vw - 300px) / (1200 - 300)));}
.story dl{margin-bottom: 30px;}
.story dt{padding-top: 12px;font-size: 30px;padding-bottom: 13px;}
.story dd p{padding: 15px 0 15px 75px;font-size: 16px;}
.story dd p em{top: 14px;}
}

/*******
mapArea
********/
.mapArea{margin-bottom: 40px;background-color: #fff;border: 1px solid #e0e0e1;font-size: 0;}
.mapArea iframe{/* width: 100% !important; */}
.mapArea .root_daum_roughmap{width:99.99%!important;overflow:hidden;border-bottom: 0 solid rgba(0,0,0,0.2);}
.mapArea .wrap_map{overflow:hidden}
.mapArea .root_daum_roughmap_landing .border2{display: block !important;height: 2px;}
.mapArea .root_daum_roughmap .wrap_map .map_border{display: none !important;}

.mapInfo{position: relative;padding-left: 29.2%;}
.mapInfo h4{position: absolute;top: 20px;left: 0;text-align: center;}
.mapInfo h4 span{display: block;font-size: 12px;font-weight: 700;font-family: 'Lato';text-transform: uppercase;letter-spacing: 0;color: #999;}
.mapInfo h4 img{display: block;font-size: 0;margin-bottom: 10px;width: 200px;}

.gis,.gis li{list-style-type: none;margin: 0;padding: 0;}
.gis li{border-bottom: 1px solid #ddd;font-size: 18px;line-height: 1.4;padding:14px 5px 13px;color: #404040;}
.gis li:last-child{border-bottom: none;}
.gis b{display: inline-block;position: relative;padding: 0 8px 0 0 ;}
.gis li b span{display: inline-block;vertical-align: middle;margin-bottom: 3px;width: 26px;color: #ED1C24;font-size: 24px;}
.mapInfo a._btn{color:#fff;font-size: 1em;font-weight: normal;display: inline-block;text-align:center;width:auto;padding: 0 30px;background-color:#3e3e3e;line-height: 43px;transition:.25s ease-out;position: relative;height: 45px;}
.mapInfo a._btn span{width: 28px;margin-bottom: 5px;}

@media screen and (max-width:1024px) {
.mapInfo h4 {width: 30%;}
.mapInfo h4 img{width: 62%;}
.mapInfo h4 span{width: 60%;}
}
@media screen and (max-width:610px) {
.mapInfo{padding-left: 0;}
.mapInfo h4{position: static;text-align: left;width: 50%;margin-bottom: 20px;}
.mapInfo h4 span{width: auto;}
.mapArea .root_daum_roughmap .wrap_map{height: 260px !important;}
}
@media screen and (max-width:450px) {
.gis li{font-size: 16px;line-height: 1.3;}
}
@media screen and (max-width:340px) {
.gis li:first-child b{display: block;margin-bottom: 10px;}
}
/*****
biz
******/
.biz{position: relative;padding-left: 530px;margin-bottom: 100px;}
.biz .txt{position: absolute;width: 435px;left: 0;top: 30px;letter-spacing: -1.2px;overflow: hidden;font-size: 18px;}
.biz .txt h3{font-size: 3.559em;margin-bottom: 35px;font-weight: 700;}
.biz .txt h4{font-size: 1.333em;margin-bottom: 15px;font-weight: 400;line-height: 1.2;}
.biz .txt p{font-size: 1em;text-align: justify;letter-spacing: -1px;line-height: 1.4;}
.biz span{display: block;}
.biz_dls::after{display: block;content: '';clear: both;}
.biz_dls dl{float: left;width: calc(50% - 25px);margin-bottom: 50px;height: 370px;background-color: #fff;letter-spacing: -1px;box-sizing: border-box;padding: 39px 0 40px 38px;box-shadow:1px 3px 25px 1px rgba(0,0,0,0.15);position: relative;}
.biz_dls dl:nth-child(2n){margin-left: 50px;margin-top: 50px;margin-bottom: 0;}
.biz_dls dt{font-size: 40px;font-weight: 700;margin-bottom: 40px;}
.biz_dls dd{font-size: 20px;line-height: 1.3;text-align: left;}
.biz_dls dl:nth-child(4) dd{font-size: 19px;}
.biz_dls dl::after{content: '';position: absolute;right: 0;bottom: 0;display: block;width: 95px;height: 96px;background-repeat: no-repeat;background-position: 0 0;}
.biz_dls dl:nth-child(1)::after{background-image: url(../img/content/biz_01.png);}
.biz_dls dl:nth-child(2)::after{background-image: url(../img/content/biz_02.png);}
.biz_dls dl:nth-child(3)::after{background-image: url(../img/content/biz_03.png);}
.biz_dls dl:nth-child(4)::after{background-image: url(../img/content/biz_04.png);}

.biz2::before{display: block;content:'' ;background: #fff url(../img/content/biz_mid.jpg) 0 0 no-repeat;padding-top: 25%;margin-bottom: 100px;position: relative;height: 0;}
.biz2{position: relative;letter-spacing: -1px;}
.biz2 .txt{font-size: 34px;margin-bottom: 40px;line-height: 1.25;}
.biz2 .txt b{display: block;}
.biz2 .bxLst {padding-bottom: 50px;}
.biz2 .bxLst p{font-size: 20px;background-color: #f7f7f7;padding: 15px 20px;line-height: 1.5;margin-bottom: 20px;}

.bizBall,.bizBall li{list-style-type: none;margin: 0;padding: 0;}
.bizBall{display: flex;margin-bottom: 70px;}
.bizBall li{width: calc(100%/3 + 30px);overflow: hidden;text-align: center;height: 0;position: relative;padding-top: calc(100%/3 + 30px);margin-left: -30px;}
.bizBall li:first-child{margin-left: 0;}
.bizBall li::before{display: block;content: '';background-color: #00b8ce;border-radius:50% ;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .77;mix-blend-mode: multiply     ;}
.bizBall li:nth-child(1)::before{background-color: #00b8ce;}
.bizBall li:nth-child(2)::before{background-color: #057ce0;}
.bizBall li:nth-child(3)::before{background-color: #7a4dd5;}
.bizBall dl{  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);color: #fff;z-index: 1;font-size: 20px;line-height: 1.35;letter-spacing: -1px;width: 100%;}
.bizBall dl dt{font-size: 55px;font-weight: 700;margin-bottom: 30px;font-family: 'Manrope';}
.bizBall dl dd span{display: block;}

.bizPro{overflow: hidden;margin-left: -30px;}
.bizPro > div{float: left;margin-left: 30px;width:calc(100%/3 - 30px) ;text-align: center;margin-bottom: 20px;}
.bizPro p{padding-top: 15px;font-size: 18px;font-weight: normal;}
.bizPro img{max-width: 100%;font-size: 0;display: block;margin: 0 auto;}
@media screen and (max-width:1240px) {
.biz2::before{background-size:cover;margin-bottom: 50px;}
}
@media screen and (max-width:1200px) {
.biz{padding-left: 41%;}
.biz .txt{font-size: 16px;;width:36%;}
.biz .txt h3 span,
.biz .txt p span{display: none;}
.biz_dls dl{width: calc(50% - 15px);margin-bottom: 30px;padding:30px 0 30px 30px;height: 310px;}
.biz_dls dl:nth-child(2n){margin-left: 30px;margin-top: 30px;margin-bottom: 0;}
.biz_dls dt{font-size: 35px;margin-bottom: 20px;}
.biz_dls dd{font-size: 17px !important;}

.biz2 .txt{font-size: 30px;margin-bottom: 20px;}
.bizBall dl{font-size: 18px;}

}
@media screen and (max-width:950px) {
.biz_dls dl{padding-right: 20px;}
.biz_dls dd span{display: none;}
.biz_dls dl::after{width:85px;height: 70px;background-size: 50px auto;}
.biz_dls dl:nth-child(3){background-size: 45px auto;}
.biz_dls dt{font-size: 30px;}
.bizBall dl dt{font-size: 45px;}
.bizBall dl{font-size: 17px;}
.bizPro p{font-size: 16px;}
.biz2 .bxLst p{font-size: 18px;line-height: 1.3;margin-bottom: 10px;}
}
@media screen and (max-width:815px) {
.biz{padding-left: 0;}
.biz .txt{position: static;top: auto;width: auto;}
.biz .txt h3{font-size: 2.35em;margin-bottom: 25px;}
.biz_dls{padding-top: 30px;}
.biz_dls dl::after{width:75px;height: auto;background-size: 45px auto;bottom:0;top: 60px;background-size: 40px auto;}
.biz_dls dl{width: auto;float: none;height: auto;margin-bottom: 30px;box-shadow:1px 2px 15px 1px rgba(0,0,0,0.125);padding: 25px 100px 30px 20px;}
.biz_dls dl:nth-child(2n){margin-left: 0;margin-top: 0;margin-bottom: 30px;}
.biz_dls dt{font-size: 25px;margin-bottom: 11px;}
.biz_dls dt span{display: none;}
.bizBall dl dt{font-size: 40px;margin-bottom: 10px;}
.bizBall dl{font-size: 16px;}
.biz2 .txt{font-size: 20px;}
}
@media screen and (max-width:815px) and (min-width:601px) {
.bizBall li:nth-child(1) dd{padding: 0 16%;}
.bizBall li:nth-child(1) dd span{display: inline;}
}
@media screen and (max-width:600px) {
.biz{margin-bottom: 50px;}
.biz .txt h3{font-size: 20px;}
.biz_dls dd{font-size: 16px !important;}
.biz2::before{margin-bottom: 10px;}
.bizBall{display: block;}
.bizBall li{width: auto;margin-left: 0;padding-top: 0;height: auto;margin-bottom: 30px;}
.bizBall li::before{display: none;}
.bizBall dl{  position: static;  left: auto;  top: auto;  transform: translate(0, 0);color: #000;}
.bizBall dt{width: 200px;height: 200px;line-height: 200px;background-color: #666;color: #fff;margin: 0 auto 30px;border-radius:50% ;}
.bizBall li:nth-child(1) dt{background-color: #00b8ce;}
.bizBall li:nth-child(2) dt{background-color: #057ce0;}
.bizBall li:nth-child(3) dt{background-color: #7a4dd5;}
.biz2 .txt b{display: inline;}
.bizPro {margin-left: 0;}
.bizPro > div{margin-left: 0;width: auto;float: none;}
}
/* equip */
.txtByImg {margin-bottom: 50px;position: relative;}
.txtByImg::after{display: block;content: '';clear: both;}
.txtByImg dl{float: left;position: relative;padding-top: 70px;padding-left: 2%;}
.txtByImg dt{font-size: 70px;font-weight: bold;margin-bottom: 20px;letter-spacing: -2px;}
.txtByImg dd{font-size: 24px;font-weight: normal;line-height: 1.2;letter-spacing: -1px;}
.txtByImg .frt{width: 63.33%;}
.txtByImg img{display: block;max-width: 100%;margin-bottom: 30px;font-size: 0;}
.equip {counter-reset: item;padding-top: 60px;}
.txtByImg:before { content: counter(item, decimal-leading-zero) " "; counter-increment: item;display: block;font-weight: 700;font-family:'Gmarket Sans';position: absolute;top:-40px;left: -40px;font-size: 200px;color: #f7f7f7;letter-spacing: -3px;}
@media screen and (max-width:1120px) {
.equip {padding-top: 0;}
.txtByImg dl{width: 32%;}
.txtByImg dt{font-size: 52px;}
.txtByImg dd{font-size: 20px;}
.txtByImg dd br{display: none;}
.txtByImg:before{left: 0;font-size: 150px;top: 0;}
}
@media screen and (max-width:680px) {
.txtByImg dl,.txtByImg .frt{width: auto;float: none;}
.txtByImg dl{padding-left: 0;margin-bottom: 20px;padding-top: 20px;}
.txtByImg dt{font-size: 45px;}
.txtByImg dd{font-size: 18px;}
.txtByImg:before {left: auto;right: 0;font-size: 80px;}
}
/* subProd */
.subProd.wrapper{max-width: 1400px;}
.subProd.preload .thmLst li{opacity: 0;}
.subProd .thmLst {height: auto;padding-top: 0;}
.subProd .thmLst .nothing{text-align: center;background: #fff url(../img/common/logo2.png) center 45% no-repeat;position: relative;height: 0;padding-bottom:40%;background-size:150px auto; filter: grayscale(100%);opacity: .3;}
.subProd .thmLst .nothing::before{display: block;content: '';position: absolute;border: 10px solid #eee;top: 0;bottom: 0;left: 0;right: 0;border-radius:25px ;}
.subProd .thmLst .nothing p{position: absolute;top: 55%;left: 0;right: 0;}
.subProd .thmLst ul{display: block;margin-left: -1.754%;margin-left: -25px;position: static;}
.subProd .thmLst li{float: left;width: 18.247%;margin-left: 1.754%;height: auto !important;margin-bottom: 40px;margin-left: 25px;width: calc(100%/5 - 25px);}
.subProd .thmLst.certi li a .imgDiv{padding-bottom: 138.45%;background-size: auto cover;}
@media screen and (max-width:1200px) {
.subProd .thmLst li{width: calc(100%/4 - 25px)}
}
@media screen and (max-width:820px) {
.subProd .thmLst li{width: calc(100%/3 - 25px)}
.subProd .thmLst .nothing p{font-size: 16px;top: 60%;}
}
@media screen and (max-width:580px) {
.subProd .thmLst ul{margin-left: -10px;}
.subProd .thmLst li{width: calc(100%/2 - 10px);margin-left: 10px;}
.subProd .thmLst .nothing{padding-top: 50%;}
}/*인증서 : 260 *360 */