/* common */
/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/


/* 서브 비주얼*/
#sv {  height:468px;  background-size:cover !important; text-align:center; position:relative; overflow:hidden;}
#sv .txt { color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.5); line-height:1.3; position:relative; top:50%; padding-top:110px;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

#sv .txt p { font-size:1.375rem; margin-right:20px;}
#sv .txt p,
#sv .txt strong { display:inline-block; vertical-align:middle;  color:#fff;}
#sv .txt strong { font-size:3.75rem;}
#sv .bg { position:absolute; left:0; top:0; width:100%; z-index:-1; height:100%;
transition:all 2s;
-moz-transition:all 2s;
-webkit-transition:all 2s;
-o-transition:all 2s;
-ms-transition:all 2s;

transform:scale(1.2);
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
}
#sv .bg.on {
transform:scale(1);
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}
/*

#sv .txt dl {}
#sv .txt dl dt { font-size:3.4375rem; font-weight:700; text-transform:uppercase;}
#sv .txt dl dd { font-size:1.25rem; margin-top:8px;}
#sv .img { display:none;}
#sv .img:first-child { display:block;}
*/
.sv01 .bg { background:url("/img/sub/sv01.jpg") no-repeat center; }
.sv02 .bg { background:url("/img/sub/sv02.jpg") no-repeat center; }
.sv03 .bg { background:url("/img/sub/sv03.jpg") no-repeat center; }
.sv04 .bg { background:url("/img/sub/sv04.jpg") no-repeat center; }
.sv05 .bg { background:url("/img/sub/sv05.jpg") no-repeat center; }
.sv06 .bg { background:url("/img/sub/sv06.jpg") no-repeat center; }
.sv07 .bg { background:url("/img/sub/sv07.jpg") no-repeat center; }


 #sv.sv04 .txt dl dt { font-size:2.625rem;}


/* lnb */
#lnb { text-align:center; border-bottom:1px solid #e1e1e1; position:relative; z-index:2; }
#lnb div > ul {display:flex; justify-content:center; }
#lnb div > ul > li { position:relative; margin:0 78px;}
#lnb div > ul > li > a { display:flex; height:76px; align-items:center; line-height:1.4; font-size:16px; color:#222; position:relative;}
#lnb div > ul > li.on > a,
#lnb div > ul > li.over > a { color:#40b046; position:relative;}
#lnb div > ul > li.on > a:after,
#lnb div > ul > li.over > a:after { content:""; display:block; width:100%; padding:0 18px; height:1px; background:#40b046; position:absolute; left:50%; bottom:-1px; z-index:10;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}
#lnb div > ul > li ul { display:none; position:absolute; top:78px; left:50%; text-align:center; width:400px; transform:translateX(-50%); }
#lnb div > ul > li:first-child ul { top:78px; left:0; text-align:left; transform:translateX(0); }
#lnb div > ul > li ul li { display:inline-block; text-align:center; padding:20px 30px;}
#lnb div > ul > li ul li:first-child { margin-left:-30px; }
#lnb div > ul > li ul li a { color:#666; font-size:16px; font-weight:400; }
#lnb div > ul > li ul li.on a { color:#40b046; }
#lnb div > ul > li.over ul { display:block; }

/* 페이지 타이틀 */
.pageTit { text-align:center; padding:84px 0 60px; border-bottom:1px solid #e1e1e1; position:relative; margin-bottom:74px;}
.pageTit:after { content:""; width:100px; height:3px; background:#40b046; display:block; position:absolute; left:50%; bottom:-1px;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}
.pageTit h3 { font-size:2.8125rem; color:#333; font-weight:700;}



/********************************************************************************
	공통
********************************************************************************/

/* color */
.blue_color { color:#007ac1 !important; }
.bg_gray { background-color:#f5f5f5 !important;}
.bg_green { background-color:#3ca533 !important;}
.bg_blue { background-color:#007ac1 !important;}


/* 탑*/
.top_s1 {text-align:center; margin-bottom:68px;}
.top_s1 p { font-size:2.25rem; color:#333; line-height:1.333em; text-transform:uppercase; font-weight:300;}
#solution .top_s1 p,
#location .top_s1 p,
#gas .top_s1 p{ text-transform:inherit; font-size:28px;}
.top_s1 p img { vertical-align:middle; margin-top:-5px;}

.top_s2 {text-align:center;}
.top_s2 dl {}
.top_s2 dl dt { font-size:2.25rem; color:#333; font-weight:700; /* text-transform:uppercase;   */}
.top_s2 dl dd { margin-top:44px;}
.top_s2 dl dd p { font-size:1.0625rem; line-height:1.647em;}

.top_s3 {text-align:center; color:#333;}
.top_s3 dl { line-height:1.4;}
.top_s3 dl dt { font-size:3.75rem; font-weight:700; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;  line-height:1;}
.top_s3 dl dd { }
.top_s3 dl dd { font-size:1.5rem; line-height:1.647em; margin-top:10px;}

/* 타이틀 */
.tit_s3 { line-height:1.4; text-align:left; padding:0 20px; }
.tit_s3 p { font-size:1.5rem;} 

.tit_s4 { font-size:1.5rem; font-weight:700;}
.tit_s4 span { display:block; }
.tit_s4 span:after { content:""; width:104px; height:1px; background:#40b046; display:block;  margin-top:10px;}

.tit_s5 { text-align:center; font-size:2.25rem; color:#333; font-weight:700;}

/* padding*/
.pd_s1 { padding-bottom:176px;}

.txt_topCont { font-size:1.45rem; line-height:1.5em; text-align:center; margin:40px 0 0 0;}




/********************************************************************************
	company - 에에어퍼스트 소개
********************************************************************************/
.top_txt {}
.top_txt dl {}
.top_txt dl dt { font-size:2.25rem; color:#333; font-weight:300; line-height:1.3em;}
.top_txt dl dd { font-size:1.35rem; line-height:1.5em; margin-top:48px;}


#greeting .top_txt dl dt{ font-size:1.35rem; font-weight:400;}

#greeting {}
#greeting .list { margin-top:80px;}
#greeting .list ul { }
#greeting .list ul li { float:left; width:29.42857142857%; margin-right:5.85714285714%;}
#greeting .list ul li:last-child { margin:0; }
#greeting .list ul li .txt { width:220px; height:220px; background:#40b046; border-radius:50%; color:#fff; text-align:center; margin:0 auto; position:relative;}
#greeting .list ul li .txt > div { position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#greeting .list ul li .txt span { }
#greeting .list ul li .txt p { font-size:20px; line-height:1.3em; font-weight:700; margin-top:8px;}

#greeting .list ul li .img { overflow:hidden; margin-top:50px; position:relative; border-radius:18px;}
#greeting .list ul li .img img { 
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
#greeting .list ul li .img img:hover { 
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
}
#greeting .list ul li .txt:after { content:""; width:1px; height:50px; background:#969696; display:block; position:absolute; left:50%; bottom:-50px;}
/*
#greeting { background:url("/img/sub/greeting_bg.jpg") no-repeat left bottom; padding-bottom:627px; background-size:cover;}
#greeting .corporate { text-align:center;  }
#greeting .corporate ul { margin-top:30px;}
#greeting .corporate ul li { float:left; width:29.42857142857%; margin-right:5.85714285714%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.12); height:588px; padding:76px 0 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#greeting .corporate ul li:last-child { margin:0;}
#greeting .corporate ul li .icon {}
#greeting .corporate ul li .icon p { font-size:1.5rem; line-height:1.250em; font-weight:700; color:#555; padding-top:120px;}
#greeting .corporate ul li dl { margin-top:48px; }
#greeting .corporate ul li dl dt { background:#007ac1; color:#fff; height:118px; font-family: 'Roboto Condensed', sans-serif; font-weight:700;}
#greeting .corporate ul li dl dt p { font-size:1.875rem; position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#greeting .corporate ul li dl dd { font-size:1.0625rem; line-height:1.412em; color:#222; margin-top:54px;}

#greeting .corporate ul li:nth-child(1) .icon p { background:url("/img/sub/greeting_icon01.png") no-repeat center top;}
#greeting .corporate ul li:nth-child(2) .icon p { background:url("/img/sub/greeting_icon02.png") no-repeat center top;}
#greeting .corporate ul li:nth-child(3) .icon p { background:url("/img/sub/greeting_icon03.png") no-repeat center top;}
*/


/********************************************************************************
	company - Ci
********************************************************************************/

#ci .ci_img { background:url("/img/sub/pattern_bg.jpg") repeat;  text-align:center; padding:34px 15px; margin:80px 0 30px;}
#ci .ci_img img {}
#ci .ci_logo { text-align:center; padding:140px 15px;}
#ci .btn_download { margin-top:20px; text-align:right; display:flex; justify-content:flex-end; }
#ci .btn_download a { transition:all 0.3s; display:flex; align-items:center; justify-content:center; width:180px; height:50px; border-radius:50px; background:#3CA533; border:1px solid #3CA533  }
#ci .btn_download a:hover { background:#fff; }
#ci .btn_download a span { transition:all 0.3s; display:inline-block; padding:2px 30px 2px 0; color:#fff; font-family: Roboto Condensed; font-size: 18px; font-weight: 500; line-height:1.3; background:url(/img/sub/icon_down.png) right center no-repeat;}
#ci .btn_download a:hover  span{ color:#3CA533; background:url(/img/sub/icon_down_on.png) right center no-repeat; }

/********************************************************************************
	company - vision
********************************************************************************/
.vision_list { margin:0 auto; }
.vision_list::after { display: none; }
.vision_item { display: flex; align-items:center; padding: 120px 0; border-bottom:1px solid #DDDDDD; }
.vision_item:nth-child(1){ padding-top: 70px; }
.vision_item .title_box { display: flex; justify-content:center; width: 47.4%; padding-left: 80px; box-sizing:border-box; }
.vision_item .title_box span { font-size: 52px; font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; background: linear-gradient(270deg, #69D96F 0%, #40B046 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.vision_item .text_box { width: 52.6%; }
.vision_item .text_box .box + .box { margin-top: 35px; }
.vision_item .text_box .box > *+* {  margin-top: 15px; }
.vision_item .text_box p { font-size: 22px; line-height: 1.6; letter-spacing: -0.02em; color: #666; }
.vision_item .text_box em { display: inline-block; font-size: 22px; font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; color: #222; }

.value_wrap { margin-top: 120px; }
.value_wrap .title { font-size: 40px; font-weight: 700; color: #333; text-align: center; }
.value_wrap .value_list { display: flex; flex-wrap:wrap; justify-content:center; margin-top: 80px; gap:40px }
.value_wrap .value_list::after { display: none; }
.value_wrap .value_item { width: calc((100% - 80px)/3); text-align: center; }
.value_wrap .value_item .img_box { display: flex; justify-content:center; align-items:center; height: 298px; margin-bottom: 30px; border-radius:18px; background-color: #F8F8F8; }
.value_wrap .value_item span { font-size: 24px; font-weight: 600; line-height: 1.3; color: #222;  }

@media screen and ( max-width:1024px) {
	.vision_item { padding: 60px 30px; }
	.vision_item:nth-child(1){ padding-top: 30px; }
	.vision_item .title_box {justify-content:center; width: 40%; padding-left: 0; }
	.vision_item .title_box span { font-size: 42px; }
	.vision_item .text_box { width: 60%; }
	.vision_item .text_box p { font-size: 16px; }
	.vision_item .text_box em { font-size: 16px; }
	.value_wrap .value_item { width: calc((100% - 40px)/2); }
}
@media screen and ( max-width:768px) {
	.vision_item { flex-direction:column; row-gap: 40px; align-items:flex-start; text-align: center; padding: 50px 10px; }
	.vision_item .title_box, .vision_item .text_box { width: 100%; }
	.vision_item .text_box .box + .box { margin-top: 20px; }
	.vision_item .title_box span { font-size: 32px; }
	.value_wrap { margin-top: 100px; }
	.value_wrap .title { font-size: 24px; }
	.value_wrap .value_list { max-width:320px; margin: 40px auto 0; }
	.value_wrap .value_item { width: 100%; border-radius:10px; }
	.value_wrap .value_item .img_box { height: 260px; margin-bottom: 20px; }
	.value_wrap .value_item .img_box img { transform: scale(0.8); }
	.value_wrap .value_item span { font-size: 18px; }
} 
@media screen and ( max-width:640px) {
	.value_wrap .value_list { max-width:260px; }
	.value_wrap .value_item .img_box { height: 200px; }
}

/********************************************************************************
	company - history
********************************************************************************/
#history {}
#history .list { margin-top:90px;}
#history .list ul { position:relative; padding:110px 0;}
#history .list ul:before { content:""; width:18px; height:18px; background:#d7d7d7; border-radius:50%; display:block; position:absolute; left:50%; margin-left:-9px; top:-18px;}
#history .list ul:after { content:""; width:1px; height:100%; background:#d7d7d7; display:block; position:absolute; left:50%; top:0;}
#history .list ul li { margin-bottom:108px; position:relative;}
#history .list ul li {}
#history .list ul li:last-child { margin:0; }
#history .list ul li:after { content:""; display:block; clear:both; }
#history .list ul li .txt_box { float:left; position:relative; width:50%;}
#history .list ul li .txt_box:before { content:""; width:1px; height:94px; background:#40b046; display:block; position:absolute; z-index:10; top:-20px;}
#history .list ul li .txt_box > div {}
#history .list ul li .txt_box .year { position:absolute; font-size:4.5rem; color:#aaa; font-family: 'Roboto Condensed', sans-serif; font-weight:700; top:-10px;}
#history .list ul li .txt_box .year:after { content:""; width:40px; height:40px; border-radius:50%;  border:12px solid #40b046; border-radius:50%; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:absolute; top:50%; margin-top:-20px; background:#fff; z-index:100;}
#history .list ul li .txt_box .txt {text-align:right; font-size:1.0625rem; line-height:1.412em; margin-top:14px;}

#history .list ul li:nth-child(odd) .year { right:-198px;}
#history .list ul li:nth-child(odd) .txt { padding-right:48px;}
#history .list ul li:nth-child(odd) .year:after { left:-74px;}
#history .list ul li:nth-child(odd) .txt_box:before { right:0; }

#history .list ul li:nth-child(even) .txt_box:before { left:0; }
#history .list ul li:nth-child(even) .year:after { right:-74px;}
#history .list ul li:nth-child(even) .txt_box { float:right; }
#history .list ul li:nth-child(even) .year { left:-198px;}
#history .list ul li:nth-child(even) .txt { text-align:left; padding-left:48px;}
#history .establish { color:#fff; background:rgba(64,176,70,0.2); border-radius:50%; width:314px; height:314px; border-radius:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:22px;  text-align:center; margin:0 auto;}
#history .establish > div {background:#40b046; height:100%; border-radius:50%;}
#history .establish > div > div { position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#history .establish .year { padding-top:92px; background:url("/img/sub/buliding_icon.png") no-repeat center top; font-weight:700; font-family: 'Roboto Condensed', sans-serif; font-size:3rem;}
#history .establish p { font-size:1.5rem; margin-top:12px;}
#history .img { margin-top:-157px;}




/********************************************************************************
	business  - service
********************************************************************************/
#service {}
#service .list { }
#service .list > div { margin-bottom:30px; overflow:hidden;}
#service .list > div > div { float:left; height:540px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#service .list > div:nth-child(even) > div { float:right;}
#service .list > div .img { position:relative; width:59.5%; overflow:hidden;}
#service .list > div .img img { 
    max-height: 100%;
    position: relative;
    left: 50%;
    width: auto;
    max-width: inherit;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;

    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#service .list > div .img:hover img {  
    transform: translateX(-50%) scale(1.1);;
    -moz-transform: translateX(-50%) scale(1.1);;
    -webkit-transform: translateX(-50%) scale(1.1);;
    -o-transform: translateX(-50%) scale(1.1);;
    -ms-transform: translateX(-50%) scale(1.1);;
}



#service .list > div .txt { width:40.5%; position:relative; padding-top:0;}
#service .list > div .txt > div { position:relative; top:50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#service .list > div .txt .icon { width:174px; height:174px; background-color:#40b046 !important; border-radius:50%; border:8px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:absolute; left:-87px; top:-87px;}
#service .list > div:nth-child(even) .txt .icon { left:auto; right:-87px;}
#service .list > div:nth-child(1) .txt .icon { background:url("/img/sub/service_icon01.png") no-repeat center ;}
#service .list > div:nth-child(2) .txt .icon { background:url("/img/sub/service_icon02.png") no-repeat center ;}
#service .list > div:nth-child(3) .txt .icon { background:url("/img/sub/service_icon03.png") no-repeat center ;}
#service .list > div .txt dl { padding:0 0 0 138px;}
#service .list > div .txt dl dt { font-size:2.25rem; color:#222; font-weight:700; margin-bottom:48px;}
#service .list > div .txt dl dd > div { margin-bottom:42px; position:relative; padding:0 0 0 24px;}
#service .list > div .txt dl dd > div:last-child { margin:0;}
#service .list > div .txt dl dd > div:before { content:""; width:7px; height:7px; background:#222; border-radius:50%; display:block; position:absolute; left:0; top:8px;}
#service .list > div .txt dl dd { line-height:1.4;}
#service .list > div .txt dl dd span {  font-size:1.0625rem; color:#222; font-weight:700; }
#service .list > div .txt dl dd p {}
#service .list > div.box_1 .txt dl dd div { margin-bottom:12px;}


/********************************************************************************
	business  - solution
********************************************************************************/
#solution {}
#solution .solu_img { }
#solution .solu_img img { margin-top:53px;}
#solution .list { margin-top:140px;}
#solution .list  > .box { font-size:0; letter-spacing:-4px;}
#solution .list  > .box > div { /* display:inline-block; vertical-align:middle; */ float:left; letter-spacing:-0.5px; width:50%; height:540px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#solution .list  > .box:nth-child(2) > div { height:600px; float:right;}
#solution .list  > .box .img { position:relative; overflow:hidden; }
#solution .list  > .box .img img {  width:100%; 
    max-height: 100%;
    position: relative;
    left: 50%;
    width: auto;
    max-width: inherit;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#solution .list  > .box .img:hover img {
    transform: translateX(-50%) scale(1.1);
    -moz-transform: translateX(-50%) scale(1.1);
    -webkit-transform: translateX(-50%) scale(1.1);
    -o-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
}


#solution .list  > .box .txt_box { }
#solution .list  > .box .txt_box > div {max-width:700px; position:relative; top:50%; padding:0 15px 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-left:10%; width:90%; 
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#solution .list  > .box:nth-child(2n) .txt_box > div { float:right;}
#solution .list  > .box:nth-child(1) .txt_box .place_li { margin-top:20px;}
#solution .list  > .box .txt_box dl { color:#222;}
#solution .list  > .box .txt_box dl dt { font-size:2.25rem; font-weight:700;}
#solution .list  > .box .txt_box dl dd { font-size:1.0625rem; line-height:1.276em; margin-top:62px;}
#solution .list  > .box .txt_box dl dd p { margin-bottom:20px;}
#solution .list  > .box .txt_box dl dd p:last-child { margin:0; }
#solution .list  > .box .txt_box .place_li { text-align:center;  margin-top:70px;}
#solution .list  > .box .txt_box .place_li ul {}
#solution .list  > .box .txt_box .place_li ul li { width:105px; height:105px; background:#fff; border:6px solid #cccccc; border-radius:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:10px; margin-bottom:10px;float:left;}
#solution .list  > .box .txt_box .place_li ul li:last-child { margin-right:0; }
#solution .list  > .box .txt_box .place_li ul li p { font-size:1.1rem; font-weight:700; position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}



/********************************************************************************
	business  - location
********************************************************************************/
#location {}
#location .map_img { text-align:center; margin-top:100px;}
#location .bn { height:290px; overflow:hidden; margin:66px 0;}
#location .bn > div{ float:left; height:100%;}
#location .bn .txt { width:44.58333333333%;}
#location .bn .txt p { float:right; width:493px;  font-weight:400; font-size:28px; color:#333; line-height:1.3em;
position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#location .bn .txt dl { float:right; width:493px;
position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#location .bn .txt dl dt { font-size:3.4375rem; font-family: 'Roboto Condensed', sans-serif; font-weight:700; color:#222; text-transform:uppercase;}
#location .bn .txt dl dd { font-size:1.125rem; line-height:1.4; margin-top:18px;}
#location .bn .img { width:55.41666666667%;}
#location .bn .img ul {}
#location .bn .img ul li { float:left; width:49.81203007519%; margin-right:0.37593984962%; overflow:hidden;}
#location .bn .img ul li:last-child { margin:0; }
#location .bn .img ul li img {
    max-height: 100%;
    position: relative;
    left: 50%;
    width: auto;
    max-width: inherit;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#location .bn .img ul li:hover img { 
    transform: translateX(-50%) scale(1.1);
    -moz-transform: translateX(-50%) scale(1.1);
    -webkit-transform: translateX(-50%) scale(1.1);
    -o-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
}

#location .list { }
#location .list .tit { font-size:1.5rem; font-weight:700; color:#222; }
#location .list ul { border-top:2px solid #40b046; margin-top:22px;}
#location .list ul li { font-size:0; letter-spacing:-4px; border-bottom:1px solid #e1e1e1;}
#location .list ul li > div { display:inline-block; vertical-align:middle; letter-spacing:-0.5px;}
#location .list ul li { padding:6px 12px; font-size:1.125rem;}
#location .list ul li .area { width:55px; height:55px; line-height:55px; color:#fff; border-radius:50%; text-align:center; background:#555; margin-right:3.33333333333%; font-size:14px;}
#location .list ul li .area.on { background:#40b046; }
#location .list ul li .addr { background:url("/img/sub/addr_icon.png") no-repeat left center; margin-right:10%;
width:calc(100% - 10% - 3.33333333333% - 480px);
width:-moz-calc(100% - 10% - 3.33333333333% - 480px);
width:-webkit-calc(100% - 10% - 3.33333333333% - 480px);
}
#location .list ul li .addr {}
#location .list ul li .tel_box { width:424px; }
#location .list ul li  p { padding:0 0 0 27px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:1.4; font-size: 14px;}
#location .list ul li .tel_box p { float:left; width:212px; font-size: 16px;}
#location .list ul li .tel_box p span { font-weight:700; color:#40b046; display:inline-block; margin-right:6px;}
#location .list ul li .tel_box p.tel { background:url("/img/sub/tel_icon.png") no-repeat left center;}
#location .list ul li .tel_box p.fax { background:url("/img/sub/fax_icon.png") no-repeat left center; }





/********************************************************************************
	product  - gas
********************************************************************************/

#gas {}
#gas .list { margin-top:68px;}
#gas .list ul { text-align:center; font-size:0; letter-spacing:-4px;}
#gas .list ul li { display:inline-block; width:32.85714285714%; margin-right:0.71428571429%; letter-spacing:-0.5px; vertical-align:top; margin-bottom:80px;}
#gas .list ul li:nth-child(3n) { margin:0; }
#gas .list ul li dl { background:#fff; position:relative; z-index:10; }
#gas .list ul li dl dt { width:138px; height:0; padding-bottom:138px; position:relative; background:#40b046; color:#fff; text-align:center;  font-weight:30; border-radius:50%; font-size:1.875rem; margin:0 auto; font-weight:700;
transform:translateY(-69px);
-moz-transform:translateY(-69px);
-webkit-transform:translateY(-69px);
-o-transform:translateY(-69px);
-ms-transform:translateY(-69px);
}
#gas .list ul li dl dt span{ position:absolute; top:50%; width:100%; text-align:center; display:block; font-size:20px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}


#gas .list ul li dl dd { color:#333; font-size:1.0625rem; line-height:1.412em; padding:0 9%; margin-top:30px; text-align:left;
transform:translateY(-69px);
-moz-transform:translateY(-69px);
-webkit-transform:translateY(-69px);
-o-transform:translateY(-69px);
-ms-transform:translateY(-69px);
} 
#gas .list ul li .img { overflow:hidden;}
#gas .list ul li .img img {
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;


}

#gas .list ul li:hover .img img {
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
}

#gas .list ul li .txt { padding:0 20px; margin-top:-87px;}


/********************************************************************************
	product  - uses
********************************************************************************/
#uses {}
#uses .list {}
#uses .list ul {}
#uses .list ul li { float:left; width:48.92857142857%; margin-right:2.14285714286%; margin-bottom:116px;}
#uses .list ul li:nth-child(2n) { margin-right:0;}
#uses .list ul li .txt_box { height:95px;}
#uses .list ul li .txt_box .num { width:60px; height:60px; text-align:center; line-height:60px; color:#fff; border-radius:50%; font-size:1.5rem; font-family: 'Roboto Condensed', sans-serif; background:#40b046; font-weight:700;}
#uses .list ul li .txt_box .txt { padding:0 0 0 28px;
width:calc(100% - 60px);
width:-webkit-calc(100% - 60px);
width:-moz-calc(100% - 60px);
}
#uses .list ul li .txt_box .txt dl { line-height:1.3;}
#uses .list ul li .txt_box .txt dl dt { color:#222; font-size:1.5rem; font-weight:700;}
#uses .list ul li .txt_box .txt dl dd { font-size:1.0625rem; margin-top:12px;}
#uses .list ul li .txt_box > div { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#uses .list ul li .img { overflow:hidden;}
#uses .list ul li .img img {
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;

}
#uses .list ul li:hover .img img {
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
}


#gas .list ul li dl dd { color:#333; font-size:1.0625rem; line-height:1.412em; padding:0 9%; margin-top:30px; text-align:left;
transform:translateY(-69px);
-moz-transform:translateY(-69px);
-webkit-transform:translateY(-69px);
-o-transform:translateY(-69px);
-ms-transform:translateY(-69px);
} 



/********************************************************************************
	product  - uses
********************************************************************************/
.top_s2_1 dl dd { margin-top: 20px;}


#overall {}
#overall .info:nth-child(2){margin-top:120px;}
#overall .list { margin-top:80px;} 
#overall .list ul {}
#overall .list ul li { float:left; width:31.5%; margin-right:2.75%;}
#overall .list ul li:last-child { margin:0; }
#overall .list ul li .txt { background:#f9f9f9; height:660px; padding:138px  9% 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:-78px;}
#overall.en .list ul li .txt {height: 723px;}
#overall .list ul li dl { }
#overall .list ul li dl dt { font-size:1.875rem; color:#222; font-weight:700; text-align:center;}
#overall .list ul li dl dd { line-height:1.3em; margin-top:44px;}
#overall .list ul li dl dd p { position:relative; padding:0 0 0 18px; margin-bottom:10px; font-size:14px;}
#overall .list ul li dl dd p:last-child { margin:0; }
#overall .list ul li dl dd p:before { content:""; width:6px; height:6px; background:#555; display:block; border-radius:50%; position:absolute; left:0; top:6px;}
#overall .list ul li .icon { width:156px; height:156px; border-radius:50%; margin:0 auto; position:relative; z-index:10;}
#overall .list ul li:nth-child(1) .icon { background:url("/img/sub/overall_icon01.png") no-repeat center;}
#overall .list ul li:nth-child(2) .icon { background:url("/img/sub/overall_icon02.png") no-repeat center;}
#overall .list ul li:nth-child(3) .icon { background:url("/img/sub/overall_icon03.png") no-repeat center;}

/* 인권경영 21.12.24 */
#overall .box { margin-top: 110px; }
#overall .cont { margin-top: 55px; display: flex; align-items: center; }
#overall .img { width: 48.57%; flex-shrink: 0; }
#overall .cont .info2 { margin-left: 75px; }
#overall .cont .logo { max-width: 90.45%; margin-bottom: 25px; }
#overall .cont .logo .svg { width: 100%; }
#overall .cont p { line-height: 1.77; font-size: 18px; font-weight: 300; letter-spacing: -0.020em; }

#overall .bn {background:url("/img/sub/overall_bg.jpg") no-repeat center; height:755px; margin:85px 0; position:relative; }
#overall .bn .txt { font-family: 'Roboto Condensed', sans-serif; color:#fff; text-shadow:0 0 10px rgba(0,0,0,0.47); padding-top:230px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#overall .bn .txt dl {}
#overall .bn .txt dl dt { font-size:4.25rem;  font-weight:700; text-transform:uppercase;}
#overall .bn .txt dl dd { font-size:1.875rem;}
#overall .bn .sign_list {text-align:center; color:#fff; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; width:100%; padding:68px 15px;}
#overall .bn .sign_list > div { line-height:1.3; padding: }
#overall .bn .sign_list ul { margin-top:46px; font-size:0; letter-spacing:-4px;}
#overall .bn .sign_list ul li { display:inline-block; letter-spacing:-0.5px; margin-right:6.77083333333%;}
#overall .bn .sign_list ul li:last-child { margin-right:0; }
#overall .bn .sign_list ul li p { border-top:1px solid rgba(255,255,255,0.5); width:114px; padding-top:10px; margin-top:3px;}
#overall .bn .sign_list .img { height:97px; line-height:97px;}
#overall .bn .sign_list .img img { vertical-align:bottom; }

#overall .txt_bottom { margin:40px 0 0 0; box-sizing:border-box; border:1px solid #3ca533; background-color:#f9f9f9; text-align:center; padding:23px 0; font-weight:400; line-height:20px; font-size:16px; color:#666; }

.flexBox { display:flex; }
#overall .tcfd { margin-top:118px;}
#overall .tcfd .top_s2 dl dt{text-transform: uppercase;}
#overall .tcfd .flexBox { align-items:center; margin-top:60px;}
#overall .tcfd .txtBox { padding:0 0 0 80px;}
#overall .tcfd .txtBox p { font-size:18px; line-height:1.7; font-weight:300; margin-top:30px; letter-spacing:-1px;}



/* 복리후생 */
#benefits {}
#benefits .list {}
#benefits .list ul { text-align:center; font-size:0; letter-spacing:-4px;}
#benefits .list ul li { display:inline-block; letter-spacing:-0.5px; vertical-align:top; margin-right:14.28571428571%; margin-bottom:100px;}
#benefits .list ul li:last-child,
#benefits .list ul li:nth-child(3n) { margin-right:0;}
#benefits .list ul li .img { overflow:hidden; width:300px; height:300px; border-radius:50%; color:#fff; position:relative; border:2px solid #40af46;  box-sizing:border-box; -moz-box-sizing:border-box ;-webkit-box-sizing:border-box;}
#benefits .list ul li .img:after { content:""; width:0; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; 
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
#benefits .list ul li .img p { font-family: 'Roboto Condensed', sans-serif; color:#fff; font-size:2.5rem; font-weight:700; position:absolute; left:0; top:50%; width:100%;  z-index:10; opacity:0;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;

transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

#benefits .list ul li:hover .img:after  { width:100%;}
#benefits .list ul li:hover .img p { opacity:1;}
/*
#benefits .list ul li .txt_box { text-align:left; margin-top:56px;}
#benefits .list ul li .txt_box .tit { font-size:1.25rem; color:#333; font-weight:500; line-height:1.3;}
#benefits .list ul li .txt_box .txt { /* font-size:1.125rem;  font-size:18px; line-height:1.4; margin-top:14px; }
#benefits .list ul li .txt_box .txt div { text-align:left;}
#benefits .list ul li .txt_box .txt p { margin-bottom:2px; font-weight:300; padding-left:10px; position:relative; display:inline-block; font-size:16px;} 
#benefits .list ul li .txt_box .txt p:last-child { margin:0; }
#benefits .list ul li .txt_box .txt p:before { content:"·"; position:absolute; left:0; top:0;}
*/

#benefits .list ul li .txt_box { text-align:left; margin-top:56px;}
#benefits .list ul li .txt_box .tit { font-size:1.5rem; color:#333; font-weight:700; line-height:1.3;}
#benefits .list ul li .txt_box .txt { font-size:1.25rem; line-height:1.4; margin-top:28px; }
#benefits .list ul li .txt_box .txt div { text-align:left;}
#benefits .list ul li .txt_box .txt p { margin-bottom:25px; font-weight:500; padding-left:10px; position:relative; display:inline-block; color:#333;}
#benefits .list ul li .txt_box .txt p:before { content:"·"; position:absolute; left:0; top:0;}
#benefits .list ul li .txt_box .txt p span { font-size:1rem; color:#666; font-weight:300;}



/* 인재채용 */
#recruitment {}
#recruitment .list { margin-top:60px;}
#recruitment .list ul { margin:0 0 0 -30px; }
#recruitment .list ul li { float:left; width:calc(25% - 30px); margin:0 0 0 30px; }
#recruitment .list ul li .img { width:100%; height:0; padding-top:100%; margin:0 auto; border-radius:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;  position:relative;}
#recruitment .list ul li .img:after { content:""; width:100%; height:100%; border:2px solid #40af46; display:block; border-radius:50%; position:absolute; left:0; top:0; z-index:10; box-sizing:border-box; -moz-box-sizing:border-box ;-webkit-box-sizing:border-box;}
#recruitment .list ul li .img:before { content: "";
    width: 0;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
#recruitment .list ul li .img > div { position:absolute; width:100%; height:100%; left:0; top:0;}
#recruitment .list ul li .img > div img { width:100%; }
#recruitment .list ul li .img  p {    font-family: 'Roboto Condensed', sans-serif; font-size: 2.5rem; font-weight: 700; position:absolute; width:100%; text-align:center; top:50%; color:#fff; opacity:0; z-index:2;
/*
#recruitment .list ul li .img > div { position:absolute; width:100%; height:100%; left:0; top:0;}
#recruitment .list ul li .img  p {    font-family: 'Roboto Condensed', sans-serif; font-size: 2.5rem; font-weight: 700; position:absolute; width:100%; text-align:center; top:50%; color:#fff; opacity:0; z-index:2;
*/
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;

transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#recruitment .list ul li:hover .img  p  { opacity:1;}
#recruitment .list ul li:hover .img:before { width:100%; z-index:1;}

#recruitment .list ul li .txt_box { background:#f9f9f9; color:#222; width:100%; margin:50px auto;  height:220px;  /*height:auto;*/ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding: 50px 5% 0 8%; position:relative;}
#recruitment .list ul li .txt_box:before { content:""; width:1px; height:50px; background:#d7d7d7;display:block; position:absolute; left:50%; top:-50px;}
#recruitment .list ul li .txt_box .tit { font-size:1.5rem; font-weight:700; }
#recruitment .list ul li .txt_box .txt { font-size:1.25rem; line-height:1.3; margin-top:28px; }
#recruitment .list ul li .txt_box .txt p { margin-bottom:8px; position:relative; padding-left:10px; font-size:16px;}
#recruitment .list ul li .txt_box .txt p:last-child { margin:0; }
#recruitment .list ul li .txt_box .txt p:before { content:"·"; position:absolute; left:0; top:0;}

#recruitment .list ul li:nth-child(2),
#recruitment .list ul li:nth-child(3) { 
margin-top:96px;
}
/*
#recruitment .info_box { margin-top:206px;}
#recruitment .info_box .bg { height:460px; background:url("/img/sub/recruitment_bg.jpg") no-repeat center;}
#recruitment .info_box .txt_box { max-width:1400px; margin:0 auto; background:#fff; padding:100px 5.72916666667%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:-228px;}
#recruitment .info_box .txt_box .tit { font-size:2.25rem; color:#333; font-weight:700;}
#recruitment .info_box .txt_box .info {background:#f2f2f2; margin-top:48px;}
#recruitment .info_box .txt_box .info dl { height:100%; line-height:1.4; font-size:0; letter-spacing:-4px; position:relative; padding:33px 0;}
#recruitment .info_box .txt_box .info dl dt { width:35.59322033898%; font-size: 20px; text-align:center; position:relative; }
#recruitment .info_box .txt_box .info dl:after { content:""; width:1px; height:100%; background:#d7d7d7; display:block; position:absolute; left:35.59322033898%; top:0;}
#recruitment .info_box .txt_box .info dl dt em { display:inline-block; width:30px; text-align:center;}
#recruitment .info_box .txt_box .info dl dd { width:64.40677966102%;  font-size:1.125rem;  padding-left:6.77966101695%;}
#recruitment .info_box .txt_box .info dl dd p { margin-bottom:26px; position:relative; padding-left:58px;}
#recruitment .info_box .txt_box .info dl dd p:nth-child(1):before { content:url("/img/sub/recruitment_icon01.png"); }
#recruitment .info_box .txt_box .info dl dd p:nth-child(2):before { content:url("/img/sub/recruitment_icon02.png"); }
#recruitment .info_box .txt_box .info dl dd p:nth-child(3):before { content:url("/img/sub/recruitment_icon03.png"); }
#recruitment .info_box .txt_box .info dl dd p:before { position:absolute; left:0; top:2px; display:block;}
#recruitment .info_box .txt_box .info dl dd p:last-child { margin:0; }
#recruitment .info_box .txt_box .info dl dt,
#recruitment .info_box .txt_box .info dl dd { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box ;-webkit-box-sizing:border-box;}
*/
#recruitment .list ul li:nth-child(3)  .txt_box { height:220px; }
#recruitment .info_box { margin-top:206px;}
#recruitment .info_box .bg { height:460px; background:url("/img/sub/recruitment_bg.jpg") no-repeat center;}
#recruitment .info_box .txt_box { max-width:1400px; margin:0 auto; background:#fff; padding:100px 5.72916666667%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:-228px;}
#recruitment .info_box .txt_box .tit { font-size:2.25rem; color:#333; font-weight:700;}
#recruitment .info_box .txt_box .info {background:#f2f2f2; margin-top:48px;}
#recruitment .info_box .txt_box .info dl { height:100%; line-height:1.4; font-size:0; letter-spacing:-4px; position:relative; padding:33px 0;}
#recruitment .info_box .txt_box .info dl dt { width:35.59322033898%; font-size:1.5rem; text-align:center; position:relative; }
#recruitment .info_box .txt_box .info dl:after { content:""; width:1px; height:100%; background:#d7d7d7; display:block; position:absolute; left:35.59322033898%; top:0;}
#recruitment .info_box .txt_box .info dl dt em { display:inline-block; width:30px; text-align:center;}
#recruitment .info_box .txt_box .info dl dd { width:64.40677966102%;  font-size:1.125rem;  padding-left:6.77966101695%;}
#recruitment .info_box .txt_box .info dl dd p { margin-bottom:26px; position:relative; padding-left:58px;}
#recruitment .info_box .txt_box .info dl dd p:nth-child(1):before { content:url("/img/sub/recruitment_icon01.png"); }
#recruitment .info_box .txt_box .info dl dd p:nth-child(2):before { content:url("/img/sub/recruitment_icon02.png"); }
#recruitment .info_box .txt_box .info dl dd p:nth-child(3):before { content:url("/img/sub/recruitment_icon03.png"); }
#recruitment .info_box .txt_box .info dl dd p:before { position:absolute; left:0; top:2px; display:block;}
#recruitment .info_box .txt_box .info dl dd p:last-child { margin:0; }
#recruitment .info_box .txt_box .info dl dt,
#recruitment .info_box .txt_box .info dl dd { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box ;-webkit-box-sizing:border-box;}

/* 2021.08.26 */
.disclosebox { margin:40px 0 0 0; }
.disclosebox * {line-height: 1.4;}
.disclosebox .txtBox_1 { position:relative; border:1px solid #e0e0e0; }
.disclosebox .txtBox_1:before { content:""; display:block; position:absolute; left:-1px; top:-1px; width:60px; height:3px; background-color:#40b046; } 
.disclosebox .txtBox_1:after { content:""; display:block; position:absolute; left:-1px; top:-1px; width:3px; height:60px; background-color:#40b046; } 
.disclosebox .txtBox_1 .txt { position:relative;  padding:62px 20px; line-height:28px; letter-spacing:-0.025em; font-size:16px; font-weight:300; color:#666; box-sizing:border-box; text-align:center; }
.disclosebox .txtBox_1 .txt:before { content:""; display:block; position:absolute; right:-1px; bottom:-1px; width:60px; height:3px; background-color:#40b046; } 
.disclosebox .txtBox_1 .txt:after { content:""; display:block; position:absolute; right:-1px; bottom:-1px; width:3px; height:60px; background-color:#40b046; } 
.disclosebox .txtBox_1 .txt strong { display:block; margin:0; font-size:20px; font-weight:500; color:#333; }
.disclosebox .txtBox_2 {display:flex; position:relative; margin:40px 0 0 0; }
.disclosebox .txtBox_2:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.disclosebox .txtBox_2 > div {width:calc(50% - 20px); margin:0 0 0 20px; box-sizing:border-box; }
.disclosebox .txtBox_2 > div:nth-child(1) {  margin:0 20px 0 0; }
.disclosebox .txtBox_2 > div .sbox { width:100%; padding:50px 70px; text-align:center; box-sizing:border-box; border:1px solid #e0e0e0; height: 100%;}
.disclosebox .txtBox_2 > div .sbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.disclosebox .txtBox_2 > div .sbox .icon { width:115px; float:left; }
.disclosebox .txtBox_2 > div .sbox .icon span { width:115px; height:115px; vertical-align:middle; display:table-cell; background-color:#f3f3f3; border-radius:100%; }
.disclosebox .txtBox_2 > div .sbox dl { float:left; text-align:left; width:calc(100% - 195px); padding:0 0 0 80px; }
.disclosebox .txtBox_2 > div .sbox dt { color:#666; font-size:14px; font-weight:300; }
.disclosebox .txtBox_2 > div .sbox dt strong { color:#333; font-size:20px; display:block; margin:0 0 8px 0; }
.disclosebox .txtBox_2 > div .sbox dd { padding:20px 0 0 0; }
.disclosebox .txtBox_2 > div .sbox dd li { margin:10px 0 0 0; padding:2px 0 2px 24px; color:#666; font-size:16px; line-height:14px; font-weight:300; }
.disclosebox .txtBox_2 > div .sbox dd li:nth-child(1) { background:url(/img/sub/icon_disclose01.png) left center no-repeat; margin-top: 0;}
.disclosebox .txtBox_2 > div .sbox dd li:nth-child(2) { background:url(/img/sub/icon_disclose02.png) left center no-repeat; }
.disclosebox .txtBox_3 { position:relative; margin:80px 0 0 0; }
.disclosebox .txtBox_3 table,
.disclosebox .txtBox_3 th,
.disclosebox .txtBox_3 td { border:none; }
.disclosebox .txtBox_3 table { margin:75px 0 0 0; border-top:1px solid #5c5c5c; }
.disclosebox .txtBox_3 tbody th { text-align:center; padding:20px 0; color:#333; font-size:14px; font-weight:300; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#f5f5f5; box-sizing:border-box; }
.disclosebox .txtBox_3 tbody th span { color:#ff3e3e; }
.disclosebox .txtBox_3 tbody th.th_top { vertical-align:top; }
.disclosebox .txtBox_3 tbody td { text-align:left; padding:12px 20px; color:#fff; font-size:15px; font-weight:400; border-bottom:1px solid #ccc ; box-sizing:border-box; }
.disclosebox .txtBox_3 tbody td .sbtxt { font-size:12px !important; color:#959595; font-weight:300; margin:0; display:block; box-sizing:border-box; }
.disclosebox .txtBox_3 tbody td .sbtxt.txtbox { display:none; width:100%; }
.disclosebox .txtBox_3 tbody td .sbtxt p { margin:10px 0 0 0; font-size:12px !important; color:#959595; font-weight:300; letter-spacing:-0.02em; }
.disclosebox .txtBox_3 tbody td .sbtxt li { position:relative; font-size:12px !important; color:#959595; font-weight:300; letter-spacing:-0.02em; line-height:18px; }
.disclosebox .txtBox_3 tbody td .sbtxt ul.list01 {}
.disclosebox .txtBox_3 tbody td .sbtxt ul.list01 li { margin:4px 0 0 0; padding:0 0 0 12px; }
.disclosebox .txtBox_3 tbody td .sbtxt ul.list01 li:after {content:""; display:block; position:absolute; left:0; top:9px; background-color:#a3a3a3; width:2px; height:2px; border-radius:50%; } 
.disclosebox .txtBox_3 tbody td .sbtxt ul.list02 li { margin:14px 0 0 0; padding:0 0 0 8px; }
.disclosebox .txtBox_3 tbody td .sbtxt ul.list02 li:first-child { margin:4px 0 0 0; }
.disclosebox .txtBox_3 tbody td .sbtxt ul.list02 li span {  position:absolute; left:0; top:0; }
.disclosebox .txtBox_3 tbody td .sbtxt.txt_2 { display:inline-block; vertical-align:top; width:calc(50% - 12px); margin:0 0 0 20px; }
.disclosebox .txtBox_3 tbody td .sbtxt.txt_3 { display:inline-block; vertical-align:middle;  margin:0 0 0 20px; color:#959595; font-size:14px !important; font-weight:300; }
.disclosebox .txtBox_3 tbody td .sbtxt { font-size:12px !important; color:#959595; font-weight:300; margin:0; display:block; box-sizing:border-box; }
.disclosebox .txtBox_3 tbody td .txtbox { display:none; width:100%; }
.disclosebox .txtBox_3 tbody td .txtbox p { margin:10px 0 0 0; font-size:12px !important; color:#959595; font-weight:300; letter-spacing:-0.02em; }
.disclosebox .txtBox_3 tbody td .txtbox li { position:relative; font-size:12px !important; color:#959595; font-weight:300; letter-spacing:-0.02em; line-height:18px; }
.disclosebox .txtBox_3 tbody td .txtbox ul.list01 {}
.disclosebox .txtBox_3 tbody td .txtbox ul.list01 li { margin:4px 0 0 0; padding:0 0 0 12px; }
.disclosebox .txtBox_3 tbody td .txtbox ul.list01 li:after {content:""; display:block; position:absolute; left:0; top:9px; background-color:#a3a3a3; width:2px; height:2px; border-radius:50%; } 
.disclosebox .txtBox_3 tbody td input[type="text"],
.disclosebox .txtBox_3 tbody td input[type="password"] { display:inline-block; text-align:left; vertical-align:middle; width:170px; padding:0 20px; line-height:37px; height:37px; border:1px solid #d7d7d7; outline:none; font-size:14px; font-weight:400; color:#666; box-sizing:border-box; background-color:#fff; border-radius:0; }
.disclosebox .txtBox_3 tbody td input.ip01 { width:calc(50% - 12px); }
.disclosebox .txtBox_3 tbody td input.ip02 { width:calc(50% - 12px); margin:0 0 0 20px; }
.disclosebox .txtBox_3 tbody td input.ip03 { width:100%; }
.disclosebox .txtBox_3 tbody td input[type="file"] { display:block; text-align:left; vertical-align:middle; width:80%; margin:5px 0; padding:0; line-height:37px; height:37px; border:1px solid #d7d7d7; outline:none; font-size:14px; font-weight:400; color:#666; box-sizing:border-box; background-color:#fff; border-radius:0; }
.disclosebox .txtBox_3 tbody td textarea { text-align:left; width:100%; padding:30px 17px; line-height:28px; height:280px; border:1px solid #d7d7d7; outline:none; font-size:14px; font-weight:400; color:#666; box-sizing:border-box; background-color:#fff; border-radius:0; }
.disclosebox .txtBox_3 tbody td select { display:inline-block; text-align:left; vertical-align:middle; width:calc(50% - 12px); padding:0 20px; line-height:37px; height:37px; border:1px solid #d7d7d7; outline:none; font-size:14px; font-weight:400; color:#666; box-sizing:border-box; background-color:#fff; border-radius:0; }
.disclosebox .txtBox_3 tbody td select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; }
.disclosebox .txtBox_3 tbody td select::-ms-expand { display:none; }
.disclosebox .txtBox_3 tbody td .sbox { display:inline-block; vertical-align:top; width:calc(50% - 12px);}
.disclosebox .txtBox_3 tbody td .sbox input { width:100%; }
.disclosebox .txtBox_3 tbody td .sbox input:nth-child(2) { margin:8px 0 0 0; display:block; }
.disclosebox .txtBox_3 tbody td .chbox { margin:0; display:inline-block;}
.disclosebox .txtBox_3 tbody td .chbox label { font-size:14px; line-height:26px; font-weight:300; color:#333; margin:0 25px 0 0; }
.disclosebox .txtBox_3 tbody td .chbox label:last-child { margin:0; }
.disclosebox .txtBox_3 tbody td .chbox label input { vertical-align:middle; margin:-1px 5px 0 0; }
.disclosebox .txtBox_3 tbody td #imgCaptcha { vertical-align:middle; display:inline-block; padding:8px 0 7px 0; background-color:#e6e6e6; border-radius:0;  }
.disclosebox .txtBox_3 tbody td #txtCaptcha { vertical-align:middle; display:inline-block; margin:0 0 0 2px; }
.disclosebox .txtBox_3 tbody td input[type="button"] { margin:0 0 0 1px; width:80px; height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:300; text-align:center; outline:none; background:#222; box-sizing:border-box; border:none; cursor:pointer; border-radius:0; }
.disclosebox .txtBox_3 tbody td ::-webkit-input-placeholder { color:#777; opacity:1; font-weight:300; }
.disclosebox .txtBox_3 tbody td :-moz-input-placeholder { color:#777; opacity:1; font-weight:300; }
.disclosebox .txtBox_3 tbody td ::-moz-input-placeholder { color:#777; opacity:1; font-weight:300; }
.disclosebox .txtBox_3 tbody td :-ms-input-placeholder { color:#777; opacity:1; font-weight:300; }
.disclosebox .txtBox_3 tbody td :input-placeholder { color:#777; opacity:1; font-weight:300; }
.disclosebox .txtBox_3 tbody td ::-webkit-select-placeholder { color:#777; opacity:1; font-weight:300; }
.disclosebox .txtBox_3 tbody td  :-moz-placeholder { color:#777; opacity:1; font-weight:300; }
.disclosebox .txtBox_3 tbody td ::-moz-placeholder { color:#777; opacity:1; font-weight:300; }
.disclosebox .txtBox_3 tbody td ::placeholder { color:#777; opacity:1; font-weight:300; }
.disclosebox .txtBox_3 tbody td :-ms-select-placeholder { color:#777; opacity:1; font-weight:300; }
.disclosebox .txtBox_3 tbody td .filebox { margin:5px 0;}
.disclosebox .txtBox_3 tbody td .filebox input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.disclosebox .txtBox_3 tbody td .filebox label { display:inline-block; width:210px; line-height:37px; height:37px; color:#333; text-align:center;  vertical-align:middle; background-color:#ebebeb; cursor:pointer; border:1px solid #d7d7d7; box-sizing:border-box; border-radius:0; } 
.disclosebox .txtBox_3 tbody td .filebox .upload-name { display:inline-block; padding:0 20px; width:65%; line-height:37px; height:37px; border:1px solid #d7d7d7; outline:none; font-size:14px; font-weight:400; color:#666; box-sizing:border-box; background-color:#fff; border-radius:0; appearance:none; }
.disclosebox .btnBox { margin:60px 0 0 0; text-align:center; }
.disclosebox .btnBox .btn_confirm { display:inline-block; vertical-align:middle; margin:0 2px; width:260px; text-align:center; padding:17px 0; color:#fff; font-size:16px; background-color:#333; border:none; box-sizing:border-box; }
.disclosebox .btnBox .btn_list { display:inline-block; vertical-align:middle; margin:0 2px; width:260px; text-align:center; padding:16px 0; color:#555; font-size:16px; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; }

/* 홍보자료 */
#promote div { box-sizing: border-box; }
#promote button { background: inherit ; border: none; box-shadow: none; border-radius: 0; padding: 0; overflow: visible; cursor: pointer; }
#promote .itemBox { display: flex; gap: 10px 0.7142%; flex-wrap: wrap; }
#promote .itemBox > div { width: 100%; }
/*#promote .itemBox .item1,*/
/*#promote .itemBox .item2 { height: 557px; }*/
#promote .itemBox .item1 { width: 28.5714%; display: flex; justify-content: space-between; flex-direction: column; background: url("/img/sub/promoteBg.jpg") no-repeat center center / cover; padding: 40px 45px 65px 40px; }
#promote .itemBox .item1 h3,
#promote .itemBox .item3 h3 { line-height: 1.42222; color: #fff;; font-size: 2.625rem; font-weight: 700; letter-spacing: -0.025em; }
#promote .itemBox .item1 ul { display: flex; margin-left: auto; }
#promote .itemBox .item1 ul li { width: 100px; height: 47px; border-radius: 24px; background: #fff; display: flex; align-items: center; justify-content: center; margin-left: 10px; }
#promote .itemBox .item1 ul li button { font-size: 1.125rem; letter-spacing: -0.025em; font-weight: 700; color: #333; display: flex; align-items: center; justify-content: center; }
#promote .itemBox .item2 { width: 70.7142%; }
#promote .itemBox .item2 .tabContents,
#promote .itemBox .item2 .tabContents > div { width: 100%; height: auto; }
#promote .itemBox .item2 .tabContents > div { position: absolute; top: -222222px; left: -222222px; padding-bottom: 56.25%; }
#promote .itemBox .item2 .tabContents > div.on { position: relative; top: auto; left: auto; }
#promote .itemBox .item2 .tabContents > div iframe { position: absolute; }
#promote .itemBox .item3 h3 { display: flex; align-items: center; width: 100%; width: 28.5714%; padding: 0 40px; }
#promote .itemBox .item3 { background: #3b5447; color: #fff; padding: 40px 0; display: flex; text-align: center; }
#promote .itemBox .item3 > div { width: 100%; width: 35.7143%; border-left: 2px solid rgba(255, 255, 255, 0.2); padding: 40px 0; }
#promote .itemBox .item3 a { background: #fff; border: 1px solid #e1e1e1; margin: 30px auto 0; border-radius: 24px; display: flex; align-items: center; justify-content: center; width: 274px; height: 47px; letter-spacing: -0.025em; font-weight: 700; font-size: 1.125rem; }
#promote .itemBox .item3 a b { color: #007ac1; display: inline-block; margin-right: 5px; }
#promote .itemBox .item3 a i { color: #000; margin-left: 14px; }


/* 문의하기 */
.inquiry { }
.inquiry .txt { margin-bottom:20px; font-size:1.125rem;}
.inquiry .table { border-top:2px solid #555;}
.inquiry th { background:#efefef; font-weight:500; color:#333;  text-align:left;  font-size:14px;}
.inquiry th,
.inquiry td { padding:10px 15px; border-bottom:1px solid #ddd;}
.inquiry select,
.inquiry input { width:100%; max-width:250px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-box-sizing:border-box; height:40px;}
.inquiry textarea { width:100%; height:200px; resize:none;}

.inquiry input, 
.inquiry textarea { border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-box-sizing:border-box; }

.submit { text-align:right; margin-top:25px;}
.submit input { width:120px; height:50px; line-height:50px;  color:#333; border:1px solid #555; background:#fff; font-size:18px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
.submit input:hover {color:#fff; background:#40b046; border:1px solid #40b046;}