@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2018-01-16
******************************************************** */

/*--준비중 -- */
.coming{font-size:50px;text-align:center; padding:100px;margin-top:50px; background:#666; color:#fff;
					background: linear-gradient(-45deg, #d71a21, #d81c21, #e95e1f, #f0771f); letter-spacing:-1px;
    background-size: 200% 200%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;}

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:none; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
    .scroll-object-box{
        overflow-x:scroll;
    }
}
/* -------- 공통 탭  -------- */
.sub-cm-tab-container{height:3.625rem;margin-bottom:3.75rem;}
.sub-cm-tab-container ul {text-align:center;}
.sub-cm-tab-container ul li{display:inline-block; min-width:185px; margin:0 3px; }
.sub-cm-tab-container ul li a{display:block; border:1px solid #cfcfcf; height:3.5625rem; ;line-height:3.5625rem; text-align:center; color:#666; font-size:20px; letter-spacing:-0.5px; font-weight:500; padding:0px 15px; box-sizing:border-box; }
.sub-cm-tab-container ul li.selected a{background-color:#003087; border-color:#003087; color:#fff;}

/* ******************  회사소개 ********************** */
/* -------- 회사소개 -------- */
.ceo-photo-con{float:left;width:35%; }
.ceo-photo {
    display: block;
    width: 400px;
    height: 400px;
    margin-top: 10px;
    /*border-radius: 100%;*/
    border-top-left-radius:10%;
    border-bottom-right-radius: 10%;
    overflow: hidden;
    border: 5px solid #e2e2e2;
}
.ceo-photo-con img{height:100%;}
.ceo-photo-info{text-align:center; padding:10% 0 10%}
.ceo-photo-info span,
.ceo-photo-info strong{
    display:block;color:#333;  letter-spacing:-2px; font-weight:600; font-size:20px;
}
.ceo-photo-info strong{font-size:35px;font-weight:600;margin-top:10px;}
/*.ceo-photo-info span:after{display:block; content:""; width:30px; height:2px;background-color:#dc2b21; margin:15px auto}*/
.ceo-greeting-con {
    /*width:65%;*/
    margin-top:-20px;
    float: right;
    text-align: left;
}

.ceo-greeting-con-en {
    margin-top: -10px;
    text-align: left;
}

.ceo-txt-top{display:block; color:#333; font-size:30px; letter-spacing:-2px; font-weight:600; margin-bottom:30px; line-height :26px}
.ceo-txt-top b { color: #00479D; font-weight: 600;}
.ceo-greeting-txt .ceo-txt-top br{display:none;}
.ceo-greeting-txt .ceo-txt {
    color: #333;
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 26px;
    font-weight: 300;
    word-break: keep-all;
}




.mb-org{display:none;}


/* -------- 브랜드 -------- */
.ci-1 {
    max-width:100%;
    width:1200px;
    margin-top:40px;
}

.color-variation-title {
    color: #1b1b1b;
    font-size: 1.2rem;
    letter-spacing: -0.75px;
    margin:40px 0px;
    font-weight: 600;
}

.color-variation-container {
    display:flex;
    gap: 30px;
    width:1200px;
    max-width:100%;
}

.color-variation-container>img {
    max-width:380px;
}

.btn-ci-download {
    width:300px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:600;
    color:#666;
    border:1px solid #e2e2e2;
    cursor:pointer;
    margin:auto;
    margin-top:60px;
}

.btn-ci-download>svg {
    margin-left:20px;
}

.color-system-box-1 {
    background-image:url("/images/content/bg_color_system_1.png");
    background-size:100% auto;
    background-repeat:no-repeat;
    display:flex;
    align-items:end;
}

.color-system-box-1>span {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.color-system-box-1>span:first-child {
    flex:2;
}

.color-system-box-1>span:last-child
{
    flex:1.6;
}
.color-system-box-1>span>.system-box-1-color-name {
    font-weight:700;
    font-size:45px;
    color:#FFFFFF4D;
    margin-top:8%;
}

.color-system-box-1>span>.system-box-1-color {
    margin-top:10px;
    font-weight:400;
    font-size:20px;
    color:#FFFFFF4D;
}

.color-system-box-1>span>div {
    margin-top:79px;
}

.color-system-box-1>span>div>span {
    font-size:30px;
    font-weight:700;
    line-height:45px;
    color:#111821;
}

.color-system-box-1>span:first-child>div>span>b {
    color:#003087;
}

.color-system-box-1>span:last-child>div>span>b {
    color:#00ad1d;
}

.color-system-box-1>span>div>p {
    margin-top:10px;
    text-align:center;
    font-size:18px;
    font-weight:400;
    line-height:25px;
    color:#111821;
}

.color-system-box-2 {
    border:2px solid #e2e2e2;
    border-radius:50px;
    border-style:dashed;
    box-sizing:border-box;
    max-width:100%;
    width: 80%;
    height: 470px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    margin-top:60px;
    display:grid;
    grid-gap:60px 77px;
    grid-template-columns:344px 344px 344px;
    place-content:center;
}

.color-system-box-2>div {
    width:100%;
    height:115px;
    display:flex;
}

.color-system-box-2>div>span {
    flex:1;
    border-radius:10px;
}

.color-system-box-2>div:nth-child(1)>span {
    background-color:#00E600;
}

.color-system-box-2>div:nth-child(2)>span {
    background-color:#00AD1D;
}

.color-system-box-2>div:nth-child(3)>span {
    background-color:#008233;
}

.color-system-box-2>div:nth-child(4)>span {
    background-color:#003087;
}

.color-system-box-2>div:nth-child(5)>span {
    background-color:#002554;
}

.color-system-box-2>div>span {
    color:#fff;
    font-weight:600;
    font-size:20px;
    line-height:25px;
    padding:20px;
}

.color-system-box-2>div>p {
    width:151px;
    font-size:16px;
    font-weight:400;
    line-height:23px;
    color:#666;
    padding-top:11px;
    padding-left:13px;
    box-sizing:border-box;
}

.blank {
    width:100%;
    height:530px;
    margin-bottom:100px;
}

/* -------- 경영이념 -------- */
.philosophy-imgwrap {   
    width: 80%;
    text-align: center;
    margin: 0 auto;
} 
.philosophy-list {margin-top: 70px; padding:0 4%;}
.philosophy-list li {float: left; margin-left: 5%; width: 29.6%; padding:30px 10px 10px 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;position: relative;border: 1px solid #e2e2e2;}
.philosophy-list li:first-child {margin-left: 0;}
.philosophy-tit {    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.7px;
    color: #333;
    margin-bottom: 0;
    /* margin-top: -59px; */
    top: -20px;
    left: -10px;
    padding: 10px;
    color: #fff;
    position: absolute;
    -ms-word-break: keep-all;
    word-break: keep-all;}
.philosophy-list .first-list .philosophy-tit {
    background-color: #0d43a7;
}
.philosophy-list .second-list .philosophy-tit {
    background-color: #018329;
}
.philosophy-list .third-list .philosophy-tit {
    background-color: #00ae42;
}
.philosophy-list li .philosophy-para {padding-left:15px; position:relative; font-size: 16px; color: #666; letter-spacing: -0.6px; line-height: 25px; font-weight: 500; -ms-word-break: keep-all; word-break: keep-all;}
.philosophy-para:before {content: ''; display:block; width: 6px; height: 6px;-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%;position:absolute;top:9px;left:0px;}
.philosophy-list li.first-list .philosophy-para:before {
    background-color: #0d43a7;
}
.philosophy-list li.second-list .philosophy-para:before {
    background-color: #018329;
}
.philosophy-list li.third-list .philosophy-para:before {
    background-color: #00ae42;
}

/* -------- 회사연혁 -------- */
.history-list-box > ul li{overflow:hidden;}
.history-list-box > ul li h4{position:relative; float:left; width:20%;  color:#000; font-size:34px; font-weight:400; letter-spacing:-0.75px; font-style:italic}
.history-list-box > ul li h4:after{position:absolute; top:26px; left:120px; content:""; width:30px; height:3px; background-color:#f6ab00; }
.history-list-box > ul li .history-list-con{float:left; width:80%;max-height:500px;overflow-y:auto;}
.history-list-box > ul li dl {overflow:hidden;}
.history-list-box > ul li dl dt{position:relative; float:left; width:10%;}
.history-list-box > ul li dl dt:after{position:absolute; display:block; content:""; top:50%; right:-7px; width:12px; height:6px; margin-top:-5px; background-color:#00479D;}
.history-list-box > ul li dl dt strong{font-family: 'Poppins', sans-serif; color:#000; font-weight:400; font-size:28px; letter-spacing: -0.75px;}
.history-list-box > ul li dl dd{float:left; width:82%; border-left:1px solid #dfdfdf; padding-left:5%; padding-bottom: 20px;}
.history-list-box > ul li dl:last-child dd{  padding-bottom:35px;}
.history-list-box > ul li dl dd p{padding-bottom:18px; color:#5b5b5b; font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:20px;}
.history-list-box > ul li dl dd p strong{display:inline-block;width:7%; font-size: 18px; color:#00479D; font-weight:600; vertical-align:top;}
.history-list-box > ul li dl dd p span{display:inline-block; font-size: 18px; color: #333; letter-spacing: -0.55px; width:81%;  vertical-align:top;}
#historyCon{width:100%; margin-top:100px;padding-bottom:60px;}
.history-container{width:100%;}
.history-year-list{width:100%; text-align:center; border-top:1px solid #ccc; margin-bottom:90px;}
.history-year-list > li{display:inline-block; vertical-align:top; margin:0 60px;}
.history-year-list > li > a{display:inline-block; font-size:25px; line-height:46px; color:#000; letter-spacing:-0.75px; padding-top:21px; position:relative;}
.history-year-list > li > a:after {display:inline-block; content:""; position:absolute; top:-10px; left:50%; margin-left:-10px; width: 20px; height: 20px; border:4px solid #848484; background-color: #fff; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.history-year-list > li.select > a{color: #000;}
.history-year-list > li.select > a:after {display:inline-block; content:""; border-color: #00479D;}

/* -------- 찾아오시는 길 -------- */
.mapWrapper {overflow: hidden; position: relative; width: 100%; margin: 0px auto; height: 375px;}
.mapWrapper .mapCon {width: 1200px; height: 375px; }
.history-content > article {width: 100%;display: none;position: relative;}

.map-tbl {width: 100%;}
.map-tbl tr {position: relative; background-image: url(../images/icon/dashed_icon.png); background-repeat: repeat-x; background-position-y: bottom; -ms-word-break: keep-all; word-break: keep-all;}
.map-tbl td:first-child:before {content: ''; display: inline-block; margin: 0 10px 3px 0; width: 6px; height: 6px; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.map-tbl td {font-size: 16px; color: #3d3d3d; font-weight: 300; line-height: 1.5; letter-spacing: -0.45px; padding:15px 0;}
.map-tbl td b{margin-bottom:10px; display:inline-block;}
.map-tbl td span{padding-left:33px; display:block; position:relative; }
.map-tbl td span:before {content: '';  position:absolute; top:11px; left:20px ; width: 6px; height: 2px; background-color: #555; }
.map-tbl td.address-name {width: 60px;}
.map-tbl-con .notice-tit {margin-top: 23px; margin-bottom: 5px;}
.map-tbl-con{margin-bottom: 100px;}
.map-tbl-con .notice-tit {float: left; width: 100%;}
.map-tbl-con .notice-tit .map-btn {float: right;}
.map-tbl-con .notice-tit .map-btn a {display: inline-block; color: #222; font-size: 16px; letter-spacing: -0.25px; width: 170px; line-height: 45px; border:1px solid #cecece;}
.map-tbl-con .notice-tit .map-btn a:hover {display: inline-block; color: #00479D; font-size: 16px; font-weight: 500; letter-spacing: -0.25px; width: 170px;line-height: 45px;border: 1px solid #00479D;}
.map-tbl-con .notice-tit .map-btn a:last-child {margin-left: 10px;}
.map-tbl-con .notice-tit .map-btn a i {margin-right: 5px; margin-left: 20px;}

.s-text {
    font-size: small;
    vertical-align: bottom;
}

/* ******************   사업분야  ********************** */
#businessContent{margin-top: 0px; position:relative;}
.business{
    padding-top: 0px
}
.businessWrap{margin: 0px auto;padding-bottom:50px; transition: all 0.3s; }
.businessInfo{font-size: 16px;}
.businessList-arrow { transition: all 0.3s; }
.businessList li{float: left;width:380px;transition: all 0.3s;margin:0 15px;border:1px solid #e2e2e2;box-sizing:border-box;}
/*.businessList li:nth-child(2){transform: translateY(-20px);transition: all 0.3s;}*/
/*.businessList li:nth-child(2) .businessImg{box-shadow: 7px 7px 10px #b7b7b7; }*/
.businessList li:hover .businessImg img{transform:scale(1.1);}

.businessList li:first-child { margin-left:0; }
.businessList li:last-child { margin-right:0; }
.businessWrap { width:1200px; overflow:hidden; } /* width : 3 * 410 - 30 */
.businessWrap>.businessList { transition:all 0.3s; }
.businessList-arrow { cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); }
.businessList-arrow>* { pointer-events:none; }
.businessList-arrow[data-direction="left"] { left:0; margin-left:-106px; }
.businessList-arrow[data-direction="right"] { right:0; margin-right:-106px; }

.direct-btn{
    float: right;
}
.direct-btn p{
     background-repeat: no-repeat;float: left;
    width: 50px; height: 50px; background-size: contain;
    cursor: pointer; text-indent: -9999px;
    border: 1px solid #ccc;margin-left: 5px;transition: all 0.3s;
}
.direct-btn p:hover{border: 1px solid #f4881e;}
.direct-btn p.prev{
   background-image: url(../images/button/main_prev_btn.png);
}
.direct-btn p.next{
    background-image: url(../images/button/main_next_btn.png);
}
.direct-btn p.prev:hover{
   background-image: url(../images/button/main_prev_btn2.png);
}
.direct-btn p.next:hover{
    background-image: url(../images/button/main_next_btn2.png);
}
.businessTabWrap{text-align: center;}
.businessInner{position: relative;padding-bottom: 20px;}
.businessInner a{display:block;}
.businessImg{overflow:hidden;}
.businessImg img{width:100%;height:275px;transition: all 0.5s;}
.businessText{/*position: absolute;bottom: -20px;right: 0px;*/padding: 20px;height: 150px;box-sizing:border-box;float: right; text-align: right;}
.businessText h4{
    font-size:25px;letter-spacing: -2px;font-weight:600;
}
.businessText h4 span{
    color: #d2d2d2; font-weight: 400;display:block;font-size: 18px;letter-spacing: -1px;
    margin-left: 5px;
}
.businessText p{
    float: right;position: relative;
    border-bottom: 1px solid #999;
    box-sizing: border-box;
}
.businessText p:after{
    clear: both;content: "";
    position: absolute;width: 0;
    height: 2px; bottom: -1px;left: 0;transition: all 0.3s;
    background-color: #f4881e;
}
.businessText p{
    display: block;
    padding-bottom:5px;
    margin-top:65px;
}
.businessList li:hover p:after, #mainBusi li:hover p:after{
    width: 100%;
}
/* -------- 제품설명 -------- */
.business-detail-box{margin-bottom:70px; word-break:keep-all;}
.business-detail-box .detail-tit {margin-bottom:20px;}
.business-detail-box .detail-tit strong{display:inline-block; position:relative;color:#1b1b1b;font-size:35px; line-height:1.2;  letter-spacing:-2px; font-weight:600; }
    .business-detail-box .detail-tit strong:after {
        display: inline-block;
        margin-left: 10px;
        width: 8px;
        height: 8px;
        background-color: #00479D;
        border-radius: 50%;
        content: "";
    }
.business-detail-box .detail-txt{color: #666;font-size: 18px;letter-spacing: -1px;font-weight: 400;line-height: 1.6;}
.business-detail-box .detail-txt .detail-sub-tit{font-size:1.1rem; color:#222; display:block; margin-bottom:10px; font-weight:500;}
.business-detail-box .detail-img{margin-top:50px;}
.business-detail-box .detail-img img{max-width:100%;}
/* 신재생 에너지 */
.detail-term-orange {
    font-size: 18px;
    color: #062F87;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1.6;
    margin-top: 10px;
}
.detail-term-orange dt{float:left; margin-right:5px;}
.detail-term-orange dd{float:left; max-width:600px;}
/* 고효율 에너지 */
.hign-energy-term {margin-bottom:40px}
.hign-energy-term dt{font-size:25px; color:#333;  font-weight:500; letter-spacing:-0.75px; margin-bottom:15px;}
.hign-energy-term dd{font-size:18px; line-height:1.6; font-weight:400; letter-spacing:-1px;}
/* -------- 제품소개 -------- */ 
.business-prd-box{margin-bottom:40px;position:relative;}
.business-prd-box .prd-tit{color:#1b1b1b; font-size:1.2rem; letter-spacing:-0.75px; margin-bottom:20px;font-weight:600;}
.business-prd-list-con{margin:0 -0.92%;}
.business-prd-list-con li{position:relative; float:left; width:23.16%; margin:0 0.92% 2% 0.92%}
.business-prd-list-con li .prd-item-inner{display:block; border:1px solid #d0d0d0;}
.business-prd-list-con li .prd-thumb{display:block; position:relative; height:0; padding-top:90.25%}
.business-prd-list-con li .prd-thumb img{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.business-prd-list-con li .prd-thumb-tit{display:block; height:3.75rem; border-top:1px solid #d0d0d0; text-align:center; color:#1b1b1b; font-size:1rem; line-height:3.75rem; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.75px; font-family: 'Poppins', sans-serif;}
.prd-item-over-inner{
	position:absolute; top:0px; bottom:0px; right:0px; left:0px; background-color:#e24d35; text-align:center; opacity:0;filter:Alpha(opacity=0); visibility:hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef761e+1,de3120+100&0.9+1,0.9+100 */
	background: -moz-linear-gradient(-45deg, rgba(239,118,30,0.9) 1%, rgba(222,49,32,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(239,118,30,0.9) 1%,rgba(222,49,32,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(239,118,30,0.9) 1%,rgba(222,49,32,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ef761e', endColorstr='#e6de3120',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
.business-prd-list-con li:hover .prd-item-over-inner{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.prd-item-over-inner .prd-over-tit{display:block; height:3.125rem; padding:0 10px; color:#fff; font-size:1.25rem; letter-spacing:-0.75px; font-family: 'Poppins', sans-serif; font-weight:400;}
.prd-item-over-inner .prd-over-controls{position:relative; margin:0 15%; border-color:rgba(255,255,255,0.5);}
.prd-item-over-inner .prd-over-controls a{display:block; display:inline-block; /* float:left; width:50%; */ width:50%; margin-left:-4px; line-height:3.125rem; color:#fff; font-size:1rem; border:1px solid #f3b09a; letter-spacing:-0.75px; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.prd-item-over-inner .prd-over-controls a:hover{background-color:#e14437;}
.prd-capacity{display:none;}
.prd-sort-btn{position:absolute;top:0; right:0;cursor:pointer;}
.prd-sort-btn:hover{text-decoration:underline;}
.prd-sort-btn .material-icons{transition:all 0.3s;}
.prd-sort-btn.on .material-icons{transform:rotate(182deg);}

/* 전기차 충전기 */
.ev-flex { display:flex; align-items:end; }
.ev-flex>.fuel-cell-table-wrap { width:561px; margin-right:83px; }
.ev-flex .fuel-cell-table-wrap .fuel-cell-table .fuel-cell-tbl tr th { height:48px; box-sizing:border-box; }
.ev-flex .fuel-cell-table-wrap .fuel-cell-table .fuel-cell-tbl tr td { height:45px; box-sizing:border-box; }
.ev-flex .fuel-cell-table-wrap .fuel-cell-table .fuel-cell-tbl { border-top-color:#00479D; }
.ev-flex>div:nth-child(2) { flex:1; }
.ev-flex>div:nth-child(2)>img { max-width:478px; width:100%; }

.ev-certificate-wrap { display:flex; align-items:center; margin-bottom:80px; }
.ev-certificate { flex:1; margin:0px 27px; display:flex; flex-direction:column; align-items:center; }
.ev-certificate:first-child { margin-left:0; }
.ev-certificate:last-child { margin-right:0; }
.ev-certificate>img { width:100%; }
.ev-certificate>span { display:flex; align-items:center; justify-content:center; height:38px; margin-top:10px; font-size:14px; font-weight:400; color:#333; }
.ev-certificate>p { font-size:14px; font-weight:400; color:#666;] }

.ev-sample-wrap { display:flex; margin-top:40px; }
.ev-sample-wrap-1>div { border:1px dashed #67C78B; width:325px; height:145px; border-radius:20px; display:flex; align-items:center; }
.ev-sample-wrap-1>div:first-child { margin-bottom:21px; }
.ev-sample-wrap-1>div>span { display:inline-block; width:192px; text-align:center; }
.ev-sample-wrap-1>div>div { display:flex; flex-direction:column; }
.ev-sample-wrap-1>div>div>p { font-size:16px; font-weight:700; color:#333; margin-bottom:16px; }
.ev-sample-wrap-1>div>div>span { font-size:13px; font-weight:400; color:#666; vertical-align:bottom; }
.ev-sample-wrap-1>div>div>span>b { font-size:25px; font-weight:400; color:#00479D; margin-right:2px; }
.ev-sample-wrap-1>div>div>span>div { margin-top:6px; font-size:13px; font-weight:400; color:#666; }
.ev-sample-wrap-2 { flex:1; margin-left:65px; display:flex; }
.ev-sample-wrap-2>span { flex:1; margin-right:30px; }
.ev-sample-wrap-2>span:last-child { margin-right:0px; }
.ev-sample-wrap-2>span>img { width:100%; }

/* UPS */
.ups-process-wrap { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; text-align:center; }
.ups-process { flex:1; position:relative; }
.ups-process>svg:nth-child(1) { position:absolute; top:0; left: 50%; transform: translateX(-50%); }
.ups-process>p:nth-child(2) { font-size:23px; font-weight:600; color:#fff; margin-left:-145px; margin-top:11px; margin-bottom:40px; }
.ups-process>svg:nth-child(3) { height:116px; }
.ups-process>p:nth-child(4) { margin-top:27px; margin-bottom:22px; font-size:23px; font-weight:600; color:#44546B; }
.ups-process:nth-child(2)>p:nth-child(4) { color:#006A66; }
.ups-process:nth-child(3)>p:nth-child(4) { color:#00A245; }
.ups-process:nth-child(4)>p:nth-child(4) { color:#9B9720; }
.ups-process>div { height:255px; box-sizing:border-box; display:flex; flex-direction:column; border-top:2px solid #cfcfcf; border-bottom:2px solid #44546B; padding:20px 10px; margin:0px 22px; text-align:left; }
.ups-process:nth-child(2)>div { border-bottom-color:#006A66; }
.ups-process:nth-child(3)>div { border-bottom-color:#00A245; }
.ups-process:nth-child(4)>div { border-bottom-color:#9B9720; }
.ups-process>div>span { font-size:16px; font-weight:400; color:#666; margin-bottom:15px; }
.ups-process>div>span:last-child { margin-bottom:0; }
.ups-process.ups-process-en>div>span::before { content: ''; width: 4px; height: 4px; background-color: #666; border-radius: 2px; position: absolute; display: inline-block; margin-top: 5px; margin-left: -9px; }
.ups-process.ups-process-en>div>span { padding-left: 5px; }
.ups-process.ups-process-en>div { height:410px; }
.ups-process.ups-process-en>p:nth-child(4) { font-size: 16px; }

.ups-sample-model-wrap { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; column-gap:38px; margin-top:40px; margin-bottom:20px; }
.ups-sample-model-wrap>span { border:1px solid #EEEEEE; height:260px; display:flex; align-items:center; justify-content:center; }
.ups-sample-model-wrap>span>img { max-width:90%; }
.ups-sample-model-text { width:100%; height:40px; background-color:#EEEEEE; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:400; color:#333; margin-bottom:80px; }

.ups-logo-wrap { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:25px; margin-top:40px; margin-bottom:20px; }
.ups-logo-wrap>span { border:2px solid #EEEEEE; height:90px; display:flex; align-items:center; justify-content:center; }
.ups-logo-wrap>span>img { max-width:90%; }
 
/* ******************   연구개발  ********************** */
/* -------- 기술현황 -------- */
.tech-list-con > ul {
    margin: 0 -0.5%;
}
.tech-list-con > ul li{float:left; width:19%; margin:0 0.5% 0px 0.5%; padding-bottom: 40px; height: auto;}
.tech-list-con > ul li a{height: 100%;display: block;width: 100%;}
.tech-list-con .gallery-img-thumb{position:relative; padding-top:148.0519%; border:1px solid #eee;}
.tech-list-con .gallery-img-thumb > span{position:absolute; top:0; left:0; bottom:0; right:0;}
.tech-list-con .gallery-img-thumb > span img{width:100%; height:100%;}
.tech-list-con .gallery-img-thumb .over-thum{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:2px solid #f4881e;opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.tech-list-con .gallery-img-thumb .over-thum i{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px; background-color:#f4881e; text-align:center; line-height:50px; color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.tech-list-con > ul li:hover .gallery-img-thumb .over-thum{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.gallery-tit-box{font-weight:400; letter-spacing:-0.5px; text-align:center; max-width:100%; padding-top:17px;}
.gallery-tit-box .gallery-tit{display:block; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; line-height:22px; color:#333; font-weight:400; letter-spacing:-0.35px; margin-bottom:10px;}
.gallery-tit-box .gallery-date{color:#333; font-size:14px; opacity:0.5;filter:Alpha(opacity=50);font-family: 'Poppins', sans-serif;}
.rndInner a{display: block;width: 150px;height: 50px;border: 1px solid #d2d2d2;line-height: 50px;font-size: 16px; background-image: url(../images/button/main_next_btn.png); background-repeat: no-repeat;background-position: center right;padding-left: 15px;box-sizing: border-box;margin-top: 20px;margin-left: 60%;}
/* -------- 인증서 -------- */
.property-list-con > ul{margin:0 -0.5%;}
.property-list-con > ul li{float:left; width:19%; margin:0 0.5% 70px 0.5%; }
.property-gallery-img-thumb{position:relative; padding-top:130%; border:1px solid #eee;}
.property-gallery-img-thumb > span{position:absolute; top:0; left:0; bottom:0; right:0;}
.property-gallery-img-thumb > span img{width:100%; height:100%;}
.property-gallery-img-thumb .over-thum{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:2px solid #f4881e;opacity:0;filter:Alpha(opacity=0); visibility:hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.property-gallery-img-thumb .over-thum i{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px; background-color:#f4881e; text-align:center; line-height:50px; color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.property-list-con > ul li:hover .property-gallery-img-thumb .over-thum{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.property-gallery-tit{font-size:14px; line-height:22px; color:#444; font-weight:400; letter-spacing:-0.5px; text-align:center; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:17px;}
.cm-tab-content-wrapper.tec-tab-content{overflow: hidden;transition: all 0.3s;}
.moreView{display: block;padding: 15px 10px;width: 100px; text-align: center;border: 1px solid #e2e2e2;font-size: 14px; font-weight: 500;margin: 20px auto; cursor: pointer;transition: all 0.3s;}
.moreView:hover{background-color: #333;color: #fff;}
img.mfp-img{padding:80px 0 60px 0;}
.mfp-figure:after{top:80px;bottom:60px;}
.mfp-bottom-bar{margin:0;top:50px;font-size:18px;font-weight:500;}
.mfp-title{padding:0;text-align:center;}
.mfp-image-holder .mfp-close{top:35px;}
/* -------- 연구개발 :: 연구소 소개 -------- */
.lab-img-wrap {
    text-align: center;
    margin-top: 100px;
}
.lab-para {font-size: 20px;text-align:right; font-weight:300; letter-spacing: -1px; line-height: 30px; color: #333; margin-top: 40px; -ms-word-break: keep-all; word-break: keep-all;}
.lab-para:first-child {margin-top: 0;}

/* ******************   채용정보  ********************** */
/* -------- 채용정보 :: 복리후생 -------- */
ul.welfare-con{margin:0 -0.5%}
li.welfare-con-inner{float: left; width: 24%; height: 292px; margin: 0 0.5% 1% 0.5%; border: 1px solid #d7d7d7; background: url("../images/content/welfare_bg.jpg") no-repeat 0 0; -webkit-background-size: cover; background-size: cover;	 -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.welfare-con-inner .welfare-icon{width: 102px; height: 84px; padding:56px 0 33px; margin: 0 auto;}
.welfare-con-inner .welfare-icon img{width: 100%;}
.welfare-con-inner .welfare-txt-group{text-align: center; font-weight: 300; letter-spacing: -0.45px;}
.welfare-con-inner .welfare-txt-group .welfare-tit{font-size:24px; color: #000;}
.welfare-con-inner .welfare-txt-group .welfare-txt{padding-top: 19px; font-size:15px; line-height: 24px; color: #555; word-break:keep-all}

/* 인재상 */
.welfare-info-con{}
.welfare-info-group{border-top: 1px solid #000;}
.welfare-info-group-inner{width: 100%; padding: 50px 0; border-bottom: 1px solid #dedede; display: table;}
.bc-gray{background-color: #f7f7f7;}
.welfare-info-icon{width: 21.83%; display: table-cell; text-align: center; vertical-align: middle;}
.welfare-info-icon img{display: inline-block; max-width: 100%; max-height: 100%;}
.welfare-info-txt{padding-right: 5%; display: table;}
.welfare-info-txt .tit{font-size: 24px; font-weight: 500; letter-spacing: -0.45px; color: #1b1b1b;}
.welfare-info-txt .txt{padding-top: 20px; font-size: 16px; font-weight: 300; letter-spacing: -0.75px; line-height: 28px; color: #4f4f4f; -ms-word-break: keep-all;
word-break: keep-all;}

/* -------- 채용정보 :: 채용공고 -------- */
#recruitList{margin-top:50px;}
.notice-txt-area {background-color: #f2f2f2; border:1px solid #d0d0d0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 3%;}
.notice-bx {margin-top: 35px;}
.notice-txt-bx {display: block; vertical-align: top; margin-top: 10px; line-height: 37px;}
.notice-tit {margin-bottom: 23px;}
.notice-tit>h4 {float: left; font-size: 20px; letter-spacing: -0.75px; font-weight: 400; color: #333; line-height: 47px;}
.notice-tit>h4:before {content: '';display: inline-block; margin-right: 7px; margin-bottom: -3px; width: 5px; height: 20px; background-color: #f6ab00;}
.notice-para {font-size: 16px; letter-spacing: -0.7px; color: #555; font-weight: 400; line-height: 1.6;}
.txt-bx {display: inline-block; vertical-align: top; font-size: 15px; width: 90px; line-height: 35px; text-align: center; border:1px solid #dc3128;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 20px;}
.txt-bx.e-mail {border: 0; background-color: #494949; width:auto; padding:0 15px; font-weight: 300; color: #fff; margin-bottom: 10px;}
.txt-bx.e-mail i {font-size: 16px; margin-right: 9px;}
.notice-txt-wrap {display:inline-block;}
.txt-bx.transp {opacity: 0;}
.notice-bx:first-child {margin-top: 0;}
.notice-bx.float-l {}
.notice-bx.float-l .notice-tit {float: left; margin-right: 26px;}
.notice-bx.float-l .notice-para {float: left;}
.resume-down {font-size: 14px; font-weight: 600; color: #555;}
.resume-down:before {content: ''; vertical-align: middle; display: inline-block; margin: 0 5px 0 15px; width: 18px; height: 18px; background-image: url(../images/icon/excel_icon.png);}
.recurit-tit {font-size: 20px; letter-spacing: -0.75px; font-weight: 600; color: #333; line-height: 47px;}
.recurit-tit:before {content: '';display: inline-block; margin-right: 5px; margin-bottom: -3px; width: 5px; height: 21px; background-color: #db2a21;}

/* ******************  고객센터 :: 고객문의 ********************** */
/* 공통 con 타이틀 */
p.contact-con-tit{display: inline-block; font-size: 20px; font-weight: 500; letter-spacing: -0.75px; color: #333; position: relative;letter-spacing: -1px;}
#service {padding:0;margin:30px auto;background-image:url(../images/main/main_content_bg3.jpg);background-size:cover;background-position:center left;}
#service li {float: left; width: 33.333333%; height: 250px;position: relative; overflow: hidden; box-sizing: border-box; border: 6px solid #fff;}
#service li:nth-child(1){width: 66.666666%;}
#service li:nth-child(2){background-color:rgba(152, 9, 2, 0.53);}
#service li a {position:absolute; width:100%; height:100%; left:0; top:0; z-index:5;}
#service li a::before {content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:url("../images/main/main_content_bg.png") no-repeat; background-size:cover; -webkit-transition:all 1.2s;-moz-transition:all s;-o-transition:all s;transition:all s;}
.service-img img{height: 100%;}
.service-tit {position:absolute; bottom:25px; left:8%; right:8%; z-index:6; width:84%;}
#service li:nth-child(1) .service-tit{left:4%;}
.service-tit p {width: 150px; position:relative; display:inline-block; left:0; font-size:24px; line-height: 30px; letter-spacing: -0.5px; color:#fff; font-weight: 300; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px);
transform: translateY(50px); -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
.service-tit p strong {font-weight: 500;}

.service-tit label {display:block; width:185px; height:50px; border:1px solid rgba(255, 255, 255, 0.6); line-height: 50px; font-size:16px; letter-spacing: -0.5px; color:#fff; text-align:center; margin:0 auto; margin-top: 15px; opacity:0;filter:Alpha(opacity=0); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px);
transform: translateY(50px); -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s; }
    #service li a:hover .service-tit p {left:50%; margin-left: -75px;text-align: center;font-size:30px; -webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%);}
    #service li a:hover .service-tit label {-webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); transform: translateY(-60%); opacity:1;filter:Alpha(opacity=100);}
#service li a:hover::before{height: 100%;}
    #service li a .service-tit label:hover{background-color: #fff;color: #333;}
#service li a:hover::before{height: 100%;}
/* 유지보수 기술지원 */
.contact-01-con{}
.contact-01-con .contact-con-txt01{margin: 22px 0 30px;}
.contact-01-con .contact-con-txt01 p{padding-left: 15px; font-size: 16px; font-weight: 300; line-height: 25px; letter-spacing: -0.75px; color: #525252; position: relative;}
.contact-01-con .contact-con-txt01 p:before{display: block; content:""; width: 6px;height: 6px;background-color: #000; position: absolute; top:15px; left: 0; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
/* 고객지원센터 운영안내 */
.contact-02-con{}
.contact-02-con .contact-con-bnr{margin: 30px 0 40px; max-width: 1200px;}
.contact-02-con .contact-con-bnr img{width: 100%; height: auto;}
/* 플라스포 품질보증 */
.contact-03-con{}
.contact-03-con .contact-con-txt02{}
.contact-03-con .contact-con-txt02 .contact-con-txt-tit{margin-top: 30px; font-size: 20px; font-weight: 400; line-height: 33px; letter-spacing: -0.75px; color: #1b1b1b;}
.contact-03-con .contact-con-txt02 p{font-size: 16px; font-weight: 400; letter-spacing: -0.75px; line-height: 25px; color: #525252;}
.contact-03-con .contact-con-txt02 p.txt-line{position: relative; padding: 0 6px;}
.contact-03-con .contact-con-txt02 p.txt-line:before{display: block; content:""; width: 4px;height: 1px;background-color: #525252; position: absolute; top: 16px; left: 0;}

/* ------------고객센터 담당자 정보------------ */
.contact-info {padding-top: 44px; padding-bottom: 44px;}
.contact-info-sub .contact-info-sub-tit {font-size: 1.125rem; color: #111; font-weight: 400; letter-spacing: -0.75px; padding-bottom: 6px;}
.contact-info-sub .contact-info-sub-txt {font-size: 0.9375rem;line-height: 1.625rem; font-weight: 300; letter-spacing: -0.75px;}
.contact-info-sub .contact-info-sub-txt span {display: block; position: relative; padding-left: 11px;}
.contact-info-sub .contact-info-sub-txt span:before {position: absolute; display: inline-block; content: ""; width: 6px; height: 6px; background: #000; left: 0; top: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;;}
.contact-info-table-wrap {padding-top: 16px;}
.contact-info-table-wrap .contact-info-table .contact-info-tbl {width: 100%; border-top: 3px solid #00479d;}
.contact-info-table-wrap .contact-info-table .contact-info-tbl tr th, 
.contact-info-table-wrap .contact-info-table .contact-info-tbl tr td {font-size: 1rem; color: #525252; font-weight: 400; line-height: 25px; letter-spacing: -0.75px; text-align: center; border-bottom: 1px solid #dddcdc; border-right: 1px solid #dddcdc; height: 55px;}
.contact-info-table-wrap .contact-info-table-top .contact-info-tbl tr th,
.contact-info-table-wrap .contact-info-table-top .contact-info-tbl tr td {width: 21.5%;}
.contact-info-table-wrap .contact-info-table-top .contact-info-tbl tr th:nth-last-child(2),
.contact-info-table-wrap .contact-info-table-top .contact-info-tbl tr td:nth-last-child(2) { width:27.5%; }
.contact-info-table-wrap .contact-info-table-top .contact-info-tbl tr td:nth-last-child(2) { text-align:left; padding-left:24px; }
.contact-info-table-wrap .contact-info-table-bottom {padding-bottom: 12px;}
.contact-info-table-wrap .contact-info-table .contact-info-tbl tr td:last-child {border-right: 0;}
.contact-info-table-wrap .contact-info-table .contact-info-tbl tr th {background: #f9f9f9;}
.contact-info-table-wrap .contact-info-table .contact-info-tbl th:last-child {border-right: none;} 

/* ******************  keb 191023 ********************** */
/* ***************사업분야***************** */
/* ------------ESS------------ */
.ess-flow{margin-top:50px;}
.ess-img{margin-bottom:50px;}

/* ------------PMS Portal------------ */
.pms-img-box .pms-img-box-inner .pms-box-pc,
.pms-img-box .pms-img-box-inner .pms-box-mobile{float:left}
.pms-img-box .pms-img-box-inner .pms-box-pc{width:59%;}
.pms-img-box .pms-img-box-inner .pms-box-mobile{width:40%}
.pms-img-box .pms-img-box-inner .pms-box-tit{font-size:20px;color:#fff;font-weight: 500; text-align:center; height:50px;line-height:50px;}
.pms-img-box .pms-img-box-inner .pms-box-pc .pms-box-tit {background: #00AE41;}
.pms-img-box .pms-img-box-inner .pms-box-mobile .pms-box-tit {background: #062F87;}
.pms-img-box .pms-img-box-inner .pms-box-img{text-align:center;padding:86px 10% 49px;}
.pms-img-box .pms-img-box-inner .pms-box-img img{max-width:100%}
.pms-img-box .pms-img-box-inner .pms-box-pc .pms-box-img{border-right:1px solid #dddbdc;}

/* ------------연료전지시스템------------ */
.fuel-cell-sub{padding-top:44px}
.fuel-cell-sub .fuel-cell-sub-tit{font-size:1.125rem; color:#111;  font-weight:400; letter-spacing:-0.75px;padding-bottom:6px;}
.fuel-cell-sub .fuel-cell-sub-txt{font-size:0.9375rem; line-height:1.625rem; font-weight:300; letter-spacing:-0.75px;}
.fuel-cell-sub .fuel-cell-sub-txt span{display:block;position:relative;padding-left:11px;}
.fuel-cell-sub .fuel-cell-sub-txt span:before{position:absolute;display:inline-block;content:"";width:6px;height:6px;background:#000;left:0;top:10px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.fuel-cell-table-wrap{padding-top:16px;}
.fuel-cell-table-wrap .fuel-cell-table .fuel-cell-tbl{width:100%;border-top:3px solid #062F87;}
.fuel-cell-table-wrap .fuel-cell-table .fuel-cell-tbl tr th,
.fuel-cell-table-wrap .fuel-cell-table .fuel-cell-tbl tr td{font-size:0.9375rem;color:#111; line-height:1.4rem;letter-spacing:-0.75px;text-align:center;border-bottom:1px solid #dddcdc;border-right:1px solid #dddcdc;height:55px;font-weight:300;}
.fuel-cell-table-wrap  .fuel-cell-table-top .fuel-cell-tbl tr th,
.fuel-cell-table-wrap  .fuel-cell-table-top .fuel-cell-tbl tr td{width:10%;}
.fuel-cell-table-wrap .fuel-cell-table-bottom{padding-bottom:12px;}
.fuel-cell-table-wrap .fuel-cell-table .fuel-cell-tbl tr td:last-child{border-right:0;}
.fuel-cell-table-wrap .fuel-cell-table .fuel-cell-tbl tr th{background:#eaeaea;}

/* ------------태양광 발전사업------------ */
.sunlight-develop-con{margin:0 -2.75%;}
.sunlight-develop-con .sunlight-develop-inner{float:left;width:44.5%;margin:0 2.75%;}
.business-detail-box .detail-txt .orange-txt{display:block;color:#f54500;font-weight:400;font-size:1rem;}
.business-detail-box .detail-txt .blue-txt{display:block;color:#062F87;font-weight:400;font-size:1rem;}
.business-detail-box .detail-txt.detail-txt-second{padding-top:18px;}
.solution-top-img{margin:56px 0 83px;}
.solution-top-img img,
.solution-bottom-img img{max-width:100%;}
.solution-bottom-img p{color:#525252;font-weight:400;text-align:center;font-size:1.15rem;padding-top:26px;word-break:keep-all;line-height:1.4em;}
.solution-bottom-img-wrap{margin-top:34px;}
.solution-bottom-img-wrap .solution-bottom-img{width:45.7%;}
.solution-bottom-img-wrap .solution-bottom-img.solution-left-img{float:left;}
.solution-bottom-img-wrap .solution-bottom-img.solution-right-img{float:right;}

/* *****SVG 애니메이션***** */

.svg-move {
    fill: none;
    stroke: #333;
    stroke-width: 3;
    transition: all 0.3s;
    stroke-dasharray: 400;
    stroke-dashoffset:400;
}
.svg-move.svgWid{stroke-width:2;}
/*.media-right>div ul li:hover .svg-bg{display: none;}*/
/*.media-right>div ul li:hover .svg-move{ animation: dash 2s linear forwards;}*/
#svg-plus {
    transition: all 0.3s;
}
#svg-plus {stroke-width:2;stroke:#000;transition: all 0.3s;}
#fullpage .section h4.content-tit:hover #svg-plus {stroke: #ff6100;transform: rotate(180deg);}

@keyframes dash {
    from {
        stroke-dashoffset: 400;
    }
  to {
    stroke-dashoffset: 0;
  }
}

/* ***** 기타 추가 ***** */
.container-service-content-menu { display:flex; justify-content:center; width:100%; margin-top: -30px; }
.container-service-content-menu>li { width:185px; height:59px; display:flex; align-items:center; justify-content:center; border:1px solid #CFCFCF; color:#666; font-size:20px; font-weight:500; margin:0px 15px; margin-bottom:64px; }
.container-service-content-menu>li.selected { border-color:#00479D; background-color:#00479D; }
.container-service-content-menu>li>a { width:100%; height:100%; line-height: 59px; text-align: center; }
.container-service-content-menu>li.selected>a { color:#fff; }

.contact-info-tbl tr>th:nth-last-child(1),
.contact-info-tbl tr>td:nth-last-child(1) { width:94px !important; text-align:left; }
.contact-info-tbl tr>td:nth-last-child(1)>button { width:70px; height:35px; display:flex; align-items:center; justify-content:center; background-color:#00479D; border:1px solid #00479D; color:#fff; font-size:15px; font-weight:500; }
.contact-info-tbl tr>td:nth-last-child(1)>button:active { background-color:#fff; color:#00479D; }
.contact-info-tbl tr>th:nth-last-child(2),
.contact-info-tbl tr>td:nth-last-child(2) { border-right:0 !important; }

body>.popup.show { display:none; }
.popup { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:670px; height:775px; background-color:#fff; z-index:10; display:none; flex-direction:column; }
.popup.show { display:flex; }
.popup-main { flex:1; border:10px solid; border-image: linear-gradient(141.6deg, #00AD1D 0%, #008233 100%); border-image-slice: 1; }
.popup-logo { margin-top:25px; margin-left:30px; }
.popup-title { margin-top:35px; text-align:center; width:100%; font-size:36px; line-height:50px; font-weight:400; font-family:'HDHyundaiGothic Bold' }
.popup-title>p { color:#111821; }
.popup-title>span { color:#003087; }
.popup-content { margin:auto; margin-top:35px; border-top:2px solid #00ad1d; width:600px; padding-left:10px; }
.popup-content-1 { display:flex; }
.popup-content-1>span:first-child { flex:1; }
.popup-content-1>span:first-child>p { margin-top:25px; color:#111821; font-size:20px; font-weight:600; line-height:26px; }
.popup-content-1>span:first-child>div { margin-top:15px; display:flex; flex-direction:column; }
.popup-content-1>span:first-child>div>span { font-size:15px; line-height:26px; font-weight:400; color:#111821; font-family: 'Pretendard'; display:flex; }
.popup-content-1>span:first-child>div>span:last-child { color:#00AD1D; font-weight:600; }
.popup-content-1>span:first-child>div>span::before { content:''; display:inline-block; width:3px; height:3px; border-radius:2px; background-color:#666; margin-right:10px; margin-top:13px; }
.popup-content-1>span:last-child { margin-top:68px; display:flex; margin-left:17px; }
.popup-content-1>span:last-child>div { text-align:center; }
.popup-content-1>span:last-child>div>span { height:96px; display:flex; align-items:end; }
.popup-content-1>span:last-child>div:nth-child(1)>span>img { width:139px; height:88px; }
.popup-content-1>span:last-child>div:nth-child(2)>span>img { width:108px; height:88px; margin-bottom:6px; }
.popup-content-1>span:last-child>div>p { font-size:13px; font-weight:400; line-height:26px; font-family:Pretendard; color:#666; }
.popup-content-2 { margin:auto; margin-top:20px; border: 2px dashed #E2E2E2; border-radius:10px; color:#666; padding:10px 22px; font-family:Pretendard; display:flex; flex-direction:column; }
.popup-content-2>p { font-size:16px; font-weight:700; line-height:26px; margin-bottom:10px; }
.popup-content-2>span { font-size:16px; font-weight:400; line-height:26px; }
.popup-content-3 { margin-top:25px; display: flex; justify-content: center; }
.btn-download { width:380px; height:50px; background-color:#003087; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.btn-download>* { pointer-events:none; }
.btn-download>span { font-size:18px; font-weight:600; font-family:Pretendard; }
.btn-download>svg { margin-left:11.33px; }
.popup-footer { height:35px; background-color:#000; color:#fff; position:relative; }
.popup-footer>span { position:absolute; font-size:12px; font-weight:400; font-family:Pretendard; line-height:26px; cursor:pointer; }
.popup-footer>.btn-no-open { left:20px; top:5px; }
.popup-footer>.btn-close { right:20px; top:5px; }

@media all and (max-width:1220px){
	.popup { display:none !important; }
}