@charset "utf-8";

/*
 * content CSS Document
 * KOWEB
 */

div#content.sub{min-height:300px;padding:100px 0;}
.sub_title{margin-bottom:40px;}
.sub_title h2{color:#111; font-size:35px; font-weight:800;}

p.mob_info{margin-top:10px; padding:5px; background:#f6f6f6;}
.mobile {display:none;}
span.under {font-size:0.5em; font-weight:500; margin-right:3px;}


/* 서브비쥬얼 */
.area_subVisual{position:relative; height:300px; padding:0 15px; background: 50% / cover;}
.area_subVisual .inr {display:flex; height:100%; margin:0 auto; align-items:flex-end; padding-bottom:80px; box-sizing:border-box;}
.area_subVisual h2 { color:#fff; text-align:center; font-size:45px;}
.area_subVisual ul {display:flex; margin-left:auto; color:#fff;}
.area_subVisual ul li {position:relative; font-size:13px; font-weight:500;}
.area_subVisual ul li + li {padding-left:20px; margin-left:20px;}
.area_subVisual ul li:before {position:absolute; left:0; top:50%; content:''; width:3px; height:3px; border-radius:100%; background:#fff; transform:translateY(-50%);}
.area_subVisual ul li:first-child:before {display:none;}

.area_subVisual.about {background-image: url(../images/content/sub_visual01.jpg) }
.area_subVisual.business {background-image:url(../images/content/sub_visual02.jpg);}
.area_subVisual.business_sub02 {background-image:url(../images/content/sub_visual02_02.jpg);}
.area_subVisual.business_sub03 {background-image:url(../images/content/sub_visual02_03.jpg);}
.area_subVisual.business_sub04 {background-image:url(../images/content/sub_visual02_04.jpg);}
.area_subVisual.business_sub05 {background-image:url(../images/content/sub_visual02_05.jpg);}
.area_subVisual.business_sub06 {background-image:url(../images/content/sub_visual02_06.jpg);}

.area_subVisual.results {background-image:url(../images/content/sub_visual03.jpg);}
.area_subVisual.board_achieve_a {background-image:url(../images/content/sub_visual02.jpg);}
.area_subVisual.board_achieve_b {background-image:url(../images/content/sub_visual02_02.jpg);}
.area_subVisual.board_achieve_c {background-image:url(../images/content/sub_visual02_03.jpg);}
.area_subVisual.board_achieve_d {background-image:url(../images/content/sub_visual02_04.jpg);}
.area_subVisual.board_achieve_e {background-image:url(../images/content/sub_visual02_05.jpg);}
.area_subVisual.board_achieve_f {background-image:url(../images/content/sub_visual02_05.jpg);}
.area_subVisual.board_achieve_g {background-image:url(../images/content/sub_visual02_06.jpg);}

.area_subVisual.hr {background-image:url(../images/content/sub_visual04.jpg);}
.area_subVisual.community {background-image:url(../images/content/sub_visual05.jpg);}
.area_subVisual.common {background-image:url(../images/content/sub_visual01.jpg);}

#sub_contents * {box-sizing:border-box;}
.sub_section + .sub_section {margin-top:80px;}
.ss_title {font-size:24px; font-weight:700; margin-bottom:25px;}
.sub_section .dot {position:relative; padding-left:15px;}
.sub_section .dot:before {position:absolute; left:0; top:8px; content:''; width:4px; height:4px; border-radius:100%; background:#ccc;}

.sub_section .table table {font-size:15px; color:#333; text-align:center; border-top:1px solid #333;}
.sub_section .table table tr > * {padding:13px 20px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.sub_section .table table tr > *:last-child {border-right:none;}
.sub_section .table table tr .border_r {border-right:1px solid #e1e1e1;}
.sub_section .table table thead tr th {font-weight:600; color:#111; text-align:center; background:#f7f7f7;}
.source {display: block; /* float: right; */ text-align: right; font-size: 14px; font-weight: 400; color: #666;}

/* lnb */
.area_lnb { position: relative; border-bottom:1px solid #e0e0e0; z-index: 10; }
.area_lnb .inr {display:flex; height:60px; align-items:center;}
.area_lnb .home {display:block; width:60px; height:100%; border:1px solid #e0e0e0; border-width:0 1px 0 1px; background:url(/images/common/i_home.svg) no-repeat center; background-size:13px;}
.area_lnb .title,
.area_lnb .lnb {position:relative; border-right:1px solid #e0e0e0;}
.area_lnb .title,
.area_lnb .lnb > a { overflow: hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; line-height:60px; min-width:120px; padding:0 50px 0 40px; color:#444; font-size:15px; background:url(/images/common/lnb_down.svg) no-repeat center right 30px; background-size:10px;}
.area_lnb .title {padding-left:40px; background:url(/images/common/lnb_1depth.svg) no-repeat center right 30px; background-size:10px;}
.area_lnb .lnb ul {position:absolute; opacity:0; visibility:hidden; left:0; width:100%; padding:10px 0; margin-top:1px; background:#f5f5f5; transition:all .3s; z-index:8;}
.area_lnb .lnb ul li a {display:block; padding:10px 40px; font-size:15px; color:#888; box-sizing:border-box; transition:all .3s;}
.area_lnb .lnb ul li a:hover {font-weight:500; color:#111;}
.area_lnb .lnb:hover ul { opacity:1; visibility:visible;}


/*ready */
.ready_wrap .ready_box {padding:100px 0; text-align:center; border-top:1px solid #e1e1e1;}
.ready_wrap .ready_box i {display:block; margin-bottom:30px; filter:grayscale(1); opacity:.2;}
.ready_wrap .ready_box i img {height:65px;}
.ready_wrap .ready_box h3 {font-size:45px; font-weight:700; margin-bottom:25px;}
.ready_wrap .ready_box h3 span {color:#1a3eb3;}
.ready_wrap .ready_box p {font-size:18px; color:#666; line-height:1.6;}


/* about01 */
.about01 .ss01 h3 {font-size:27px; font-weight:700; color:#111;}
.about01 .ss01 h3 em {position:relative; background: linear-gradient(to top, #daecff 37.5%, #0000 0%)}
/* .about01 .ss01 h3 em:before {position:absolute; left:0; bottom:0; content:''; width:100%; height:15px; background:#daecff; z-index: -1; } */
.about01 .ss01 .ss_box {display:flex; justify-content:space-between; margin-top:80px;}
.about01 .ss01 .ss_box > div:last-child {display:flex; flex-wrap:wrap; align-content:space-between; width:70%; padding-left:100px;color:#333;}
.about01 .ss01 .ss_box dl dd + dd {margin-top:20px;}
.about01 .ss01 .ss_box > div:last-child p {font-weight:700; margin-top:30px;}
.about01 .ss01 .ss_box > div:last-child p span {margin-left:20px; font-family: 'KyoboHandwriting2020A'; font-weight:normal; font-size:30px; letter-spacing:10px;}
.eng .about01 .ss01 .ss_box > div:last-child p span {letter-spacing:0;}


/* about02 */
.about02 .ss01 ul {display:flex; flex-wrap:wrap; margin:-5px 0;}
.about02 .ss01 ul li {display:flex; align-items:center; width:calc((100% - 20px)/3); height:80px; margin:5px 0; color:#333; background:#f5f5f5; border-radius:5px;}
.eng .about02 .ss01 ul li{ padding-right: 15px; }
.about02 .ss01 ul li + li {margin-left:10px;}
.about02 .ss01 ul li.address {width:calc(((100% - 20px)/3) * 2 + 10px); margin-left:0;}
.about02 .ss01 ul li.mobile {display:none;}
.about02 .ss01 ul li i {display:flex; justify-content:center; align-items:center; width:80px; height:100%;}
.about02 .ss01 ul li i img {width:20px;}
.about02 .ss01 ul li span {position:relative; margin-right:25px; padding-right:25px; font-weight:600; color:#111;}
.about02 .ss01 ul li span:after {position:absolute; right:0; top:50%; content:''; width:1px; height:15px; background:#e1e1e1; transform:translate(0, -50%);}

.about02 .ss02 ul {display:flex; justify-content:center; padding:80px; /*background:url(/images/content/about/about02_bg.jpg) no-repeat center;*/ background: linear-gradient(135deg, #0061cf, #0050ab); background-size:cover;}
.about02 .ss02 ul li {width:300px; margin:0 7px; padding:60px; text-align:center; font-size:17px; font-weight:600; color:#fff; background:rgba(255, 255, 255, 0.2); border-radius:5px; border:1px solid rgba(255, 255, 255, 0.3);}
.about02 .ss02 ul li i {display:block; margin-bottom:50px;}
.about02 .ss02 ul li i img {height:75px;}

.about02 .ss03 .list {display:flex; justify-content:space-between; align-items:stretch; text-align:center;}
.about02 .ss03 .list + .list {margin-top:20px;}
.about02 .ss03 .list h4 {display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:330px; font-size:18px; font-weight:600; color:#fff; border-radius:5px;}
.about02 .ss03 .list h4 span {display:block; width:100%; margin-top:5px; font-size:16px; opacity:.5;}

.about02 .ss03 .lt01 h4 {background:#5540de;}
.about02 .ss03 .lt02 h4 {background:#2f50df;}
.about02 .ss03 .lt03 h4 {background:#14a164;}

.about02 .ss03 .list > div {flex:1; padding:40px; color:#333; border-radius:5px; border:1px solid #e1e1e1;}
.about02 .ss03 .list .arrow {display:flex; align-items:center; width:50px; margin:0 80px;}
.about02 .ss03 .list .arrow em {position:relative; height:1px; background:#d8d9dd; animation: arrowLine 1.5s linear infinite;}
.about02 .ss03 .list .arrow em:after {position:absolute; right:0; top:50%; content:''; width:9px; height:9px; border:1px solid #d8d9dd; border-width:0 1px 1px 0; transform:rotate(-45deg) translate(3px, -50%);}
.about02 .ss03 .list ul {display:inline-block;}
.about02 .ss03 .list ul li {display:flex; align-items:center; text-align:left; font-size:15px; color:#666;}
.about02 .ss03 .list ul li + li {margin-top:5px;}
.about02 .ss03 .list ul li p {position:relative; margin-right:10px; padding-right:15px; color:#333;}
.about02 .ss03 .list ul li p:after {position:absolute; right:0; top:50%; content:''; width:10px; height:1px; background:#bbb;}
.about02 .ss03 .list ul li p span {display:inline-block; padding:0 7px;}
.about02 .ss03 .list ul li p .c_green {font-size:16px; font-weight:600; color:#14a164;}

.about02 .ss04 .ss_box {padding:100px; text-align:center; background:#f7f7f7;}
.about02 .ss04 .ss_box p {position:relative; width:280px; height:80px; line-height:80px; margin:0 auto 50px; font-size:18px; font-weight:600; color:#fff; border-radius:5px; background:#1b1f41;}
.about02 .ss04 .ss_box p:after {position:absolute; left:50%; bottom:-50px; content:''; width:1px; height:50px; background:#ccc;}
.about02 .ss04 .ss_box ul {position:relative; display:inline-block; padding-top:50px;}
.about02 .ss04 .ss_box ul:before {position:absolute; left:50%; top:0; content:''; width:75.5%; height:1px; background:#ccc; transform:translateX(-50%);}
.about02 .ss04 .ss_box ul li {position:relative; display:inline-block; width:250px; height:80px; margin:0 10px; line-height:80px; font-weight:500; color:#333; border-radius:5px; background:#babcc9;}
.about02 .ss04 .ss_box ul li:before {position:absolute; left:50%; top:-50px; content:''; width:1px; height:50px; background:#ccc;}

.about02 .ss05 table tbody tr td:last-child {text-align:left;}

@-webkit-keyframes arrowLine {
	0% {width:5px;}
	100% {width:50px;}
}


/* about04 */
.about04 .ss_title {margin-bottom:20px;}
.about04 .tab_menu {display:flex; align-items:center;}
.about04 .tab_menu li {width:calc((100% - 20px)/5);}
.about04 .tab_menu li + li {margin-left:5px;}
.about04 .tab_menu li a {display:block; padding:17px 15px; text-align:center; color:#888; border:1px solid #e1e1e1;}
.about04 .tab_menu li.active a {font-weight:500; color:#29327c; border:1px solid #29327c;}

.about04 .tab_container {margin-top:40px; padding-top:30px; border-top:2px solid #111;}
.about04 .tab_content > div {display:flex; align-items:stretch; align-content:center;}
.about04 .tab_content > div + div {margin-top:30px;}
.about04 .tab_content > div h4 {display:flex; justify-content:center; align-items:center; width:250px; margin-right:80px; font-size:20px; font-weight:800; background:#f5f5f5;}
.about04 .tab_content > div section {flex:1;}
.about04 .tab_content > div dl {position:relative; display:flex; flex-wrap:wrap; padding:25px 80px;}
.about04 .tab_content > div dl + dl {border-top:1px solid #efefef;}
.about04 .tab_content > div dl dt {position:absolute; left:0; padding-left:25px; font-weight:700;}
.about04 .tab_content > div dl dt:before {position:absolute; left:0; top:8px; content:''; width:4px; height:4px; border-radius:100%; background:#ccc;}
.about04 .tab_content > div dl dd {width:100%; color:#333;}
.about04 .tab_content > div dl dd + dd {margin-top:10px;}

/* about05 */
.about05 .ss01 {padding:80px 50px; text-align:center; border:1px solid #e1e1e1;}


/* about08 */
.about08 .map .root_daum_roughmap { width:100%;}
.about08 .map .root_daum_roughmap .map_border {display:none;}
.about08 .map .hide {display:none;}
.about08 .google_map{ width: 100%; height: 470px; border: 0; }
.about08 .cont {position:relative; margin-top:30px;}
.about08 .cont .ss_title {margin-bottom:0;}
.about08 .cont ul {display:flex; flex-wrap:wrap; margin-top:15px;}
.about08 .cont ul li {display:flex; align-items:center; margin:5px 0;}
.about08 .cont ul li.address {width:100%;}
.about08 .cont ul li i {display:flex; align-items:center; justify-content:center; flex-shrink: 0; width:27px; height:27px; margin-right:15px; border-radius:100%; border:1px solid #ddd;}
.about08 .cont ul li i img {width:13px;}
.about08 .cont ul li p {color:#333;}
.about08 .cont ul li p span {padding-right:5px; font-weight:700; color:#111;}
.about08 .cont ul li:last-child {margin-left:50px;}
.about08 .cont .print {position:absolute; right:0; top:0; padding:0 40px; background: 0; font-size:15px; color:#888; text-align:center; border:1px solid #bbb; transition:all .3s; cursor:pointer;}
.about08 .cont .print span {display:block; padding:18px 0 18px 30px; background:url(/images/content/about/about08_print.svg) no-repeat left center; background-size:15px;}
.about08 .cont .print:hover {color:#fff; border:1px solid #29327c; background:#303983;}
.about08 .cont .print:hover span {background:url(/images/content/about/about08_print_on.svg) no-repeat left center; background-size:15px;}

/* print */
.about08 .map{ position: relative; }
.about08_print:not(.eng) .about08 .map::before,
.about08_print:not(.eng) .about08 .map::after{ content: ''; position: absolute; inset: 0; background: no-repeat 50%; z-index: -100; -webkit-print-color-adjust: exact; }
.about08_print .about08 .ss01 .map::before{ background-image: url(/images/content/map/img_about4_map1_hq.jpg); }
.about08_print .about08 .ss02 .map::before{ background-image: url(/images/content/map/img_about4_map2_hq.jpg); }
.about08_print .about08 .map::after{ background-image: url(/images/content/map/text_scale.png); background-position: 100% 100%; mix-blend-mode: darken; }
@media print{
	.about08_print :is(#header, .sub_title, .area_subVisual, .area_lnb, .root_daum_roughmap, .wrap_btn_zoom, #footer, .print){ display: none!important; }
	.about08_print div#content.sub{ padding: 0; }
	.about08_print .about08 .map{ width: 100%; height: 400px; }
	.about08_print .about08 .google_map{ width: 100%; height: 400px; }
	.about08_print .about08 .map::before,
	.about08_print .about08 .map::after{ z-index: 30; }
	.about08_print.ps1 .ss01{ display: none; }
	.about08_print.ps2 .ss02{ display: none; }
}
@media(max-width:1080px){
	.about08 .google_map{ height: 380px; }
}
@media(max-width:767px){
	.about08 .google_map{ height: 300px; }
}
@media(max-width:500px){
	.about08 .google_map{ height: 220px; }
}
@media(max-width:460px){
	.about08 .google_map{ height: 195px; }
}

/* business */
.business .sub_section {padding:0 50px;}
.business .tab_content {margin-top: 50px;}

.business .define {padding:50px; color:#fff; border-radius:5px; background:linear-gradient(135deg, #2a5298, #1e3c72);}
.business .define h2 {margin-bottom:15px; font-size:24px; font-weight:600;}
.business .define dl {color:#ececec; line-height:1.7;}
.business .define dd + dd {margin-top:10px;}

.business .step {display:flex; align-items:flex-start; padding:40px; background:#f5f5f5;}
.business .step li {width:20%;}
.business .step li p {position:relative; display:flex; align-items:center; margin-bottom:15px; font-weight:800; color:#08b2ac;}
.business .step li p span {position:relative; width:50%; height:3px; margin-left:auto; margin-right:40px; background:#eaeaea;}
.business .step li p em {position:absolute; left:0; top:0; display:block; height:100%; background:#1ac0ba; animation: process 3s linear forwards;}
.business .step li p em:after {position:absolute; right:-5px; top:50%; content:''; display:block; width:0px; height:0px; border-left:7px solid #1ac0ba; border-top:5px solid transparent; border-bottom:5px solid transparent; transform:translateY(-55%);}
.business .step li:nth-child(2) p em {animation-delay: 3s;}
.business .step li:nth-child(3) p em {animation-delay: 6s;}
.business .step li:nth-child(4) p em {animation-delay: 9s;}
.business .step li dl {padding-right:40px;}
.business .step li:last-child dl {padding-right:0;}
.business .step li dl dt {margin-bottom:10px; font-weight:600; color:#333; }
.business .step li dl dd {font-size:15px; color:#666;}

.business01 .sub_section + .sub_section {padding-top:80px; border-top:1px solid #efefef;}
.business01 .sub_section.ss01 {padding-top:0 !important; border-top:none;}
.business01 .define h2 {font-size:27px;}


.business01 .tab_menu {display:flex; flex-wrap:wrap; margin:-2.5px; margin-bottom:80px;}
.business01 .tab_menu li {width:20%; padding:2.5px;}
.business01 .tab_menu li a {display:flex; justify-content: center; align-items: center; height: 100%; padding:17px 15px; text-align:center; color:#888; border:1px solid #e1e1e1;}
.business01 .tab_menu li.active a {color:#29327c; font-weight:500; border:1px solid #29327c;}
.business01 .tab_menu li.active{ font-weight: 500; color: #29327c; border-color: #29327c; }

.business01 .process ul {display:flex; margin:0 -5px;}
.business01 .process ul li {margin:0 5px; padding:50px 20px; border-radius:5px; border:1px solid #ddd;}
.business01 .process ul li i {position:relative; display:block; width:50px; height:50px; margin:0 auto;}
.business01 .process ul li i img {vertical-align:middle;}
.business01 .process ul li p {margin-top:15px; text-align:center; font-size:17px; font-weight:700;}
.business01 .process ul li p em {display:block; font-size:15px; font-weight:900; color:#cecece; font-style:italic;}

.business01 .process .line {position:relative; width:100%; height:10px; margin-top:20px; border-radius:10px; background:#f4f5f9; box-shadow:inset 3px 3px 5px rgba(0, 0, 0, .05);}
.business01 .process .line p {position:absolute; height:100%; border-radius:10px; background:#149be8; animation: process 10s linear forwards;}
.business01 .process .line p:after {position:absolute; right:2px; top:50%; content:''; width:6px; height:6px; border-radius:10px; background:#fff; transform:translateY(-50%);}

.business01 .process.pro05 ul li {width:20%;}
.business01 .process.pro06 ul li {width:16.66%;}
.business01 .process.pro08 ul li {width:12.5%;}

@-webkit-keyframes process {
	0% {width:0%;}
	100% {width:100%;}
}


/* energy01 */
#energy01 .ss01 ul {display:flex;}
#energy01 .ss01 ul li {position:relative; width:25%; padding:0 25px;}
#energy01 .ss01 ul li:before {position:absolute; left:0; top:3px; content:''; width:18px; height:12px; background:url(/images/content/i_check.svg) no-repeat center;}
#energy01 .process ul li:nth-child(4) i img {width:45px;}
#energy01 .ss_box + .ss_box {margin-top:40px;}
#energy01 .ss_box .dot {margin-bottom:15px; font-size:17px; font-weight:600;}


/* energy02 */
#energy02 .ss01 .ss_box {display:flex; margin:0 -10px;} 
#energy02 .ss01 .ss_box > div {width:33.33%; margin:0 10px;}
#energy02 .ss01 .ss_box > div p {padding:15px; font-size:17px; font-weight:600; text-align:center; border-radius:5px; border:1px solid #333; background:#f5f5f5;}
#energy02 .ss01 .ss_box > div > div {min-height:145px; margin-top:5px; padding:30px; text-align:center; border-radius:5px; border:1px solid #ddd;}
#energy02 .ss01 .ss_box > div > div ul {display:inline-block; text-align:left; color:#333;}
#energy02 .ss01 .ss_box > div > div ul li + li {margin-top:5px;}
#energy02 .ss02 ul {display:flex; margin:0 -10px;} 
#energy02 .ss02 ul li {width:25%; margin:0 10px;}
#energy02 .ss02 ul li div img {max-width:100%;}
#energy02 .ss02 ul li dl {margin-top:25px;}
#energy02 .ss02 ul li dl dt {margin-bottom:7px; font-size:17px; font-weight:700;}
#energy02 .ss02 ul li dl dd {color:#666;}
#energy02 .ss03 ul li + li {margin-top:10px;}


/* energy03 */
#energy03 .ss01 ul {position:relative; display:flex; align-items:center;}
#energy03 .ss01 ul li {width:33.33%; text-align:center;}
#energy03 .ss01 ul li i {display:block; width:115px; height:120px; margin:0 auto;}
#energy03 .ss01 ul li i img {height:100%;}
#energy03 .ss01 ul li p {margin-top:20px;}
#energy03 .ss02 table tbody th {color:#fff; background:#888;}
#energy03 .ss02 table .blue {border:3px solid #1e3c72;}
#energy03 .ss02 table .blue th {color:#fff; background:#143f8d;}
#energy03 .ss02 table .blue td {background:#f4f8fb;}
#energy03 .ss03 table td p {text-align:left;}
#energy03 .ss04 .img {display:flex; justify-content:center; align-content:flex-start; margin-top:35px; padding:80px; border-radius:5px; background:#fafafa;}
#energy03 .ss04 .img .con {margin-top:30px; text-align:center;}
#energy03 .ss04 .img .con p {margin-bottom:10px; font-size:24px; font-weight:700; color:#333;}
#energy03 .ss04 .img .con ul {display:inline-block; text-align:left; color:#888;}
#energy03 .ss04 .img .con ul li + li {margin-top:5px;}
#energy03 .ss04 .different {display:flex; justify-content:space-between; margin-top:35px;}
#energy03 .ss04 .different > div {width:calc((100% - 20px)/2); text-align:center;}
#energy03 .ss04 .different > div h4 {margin-bottom:5px; padding:15px; font-size:17px; font-weight:600; color:#111; border-radius:5px; border:1px solid #333; background:#f5f5f5;}
#energy03 .ss04 .different > div > div {padding:35px; border-radius:5px; border:1px solid #ddd;}
#energy03 .ss04 .different > div ul {display:inline-block; text-align:left; color:#333;}
#energy03 .ss04 .different > div ul li + li {margin-top:10px;}
#energy03 .ss06 ul {display:flex; flex-wrap:wrap; margin-top:40px;}
#energy03 .ss06 ul li {display:flex; align-items:center; width:33.33%; padding-right:30px; margin:10px 0;}
#energy03 .ss06 ul li i {display:flex; justify-content:center; align-items:center; flex-shrink: 0; width:50px; height:50px; margin-right:20px; border-radius:100%; border:1px solid #ddd;}
#energy03 .ss06 ul li i img {width:20px;}


/* energy04 */
#energy04 .define .dot:before {top:10px;}
#energy04 .ss02 .ss_box {display:flex; align-items:flex-start; margin-top:40px;}
#energy04 .ss02 .ss_box .box {position:relative; width:calc((100% - 200px)/3);}
#energy04 .ss02 .ss_box .box + .box {margin-left:100px;}
#energy04 .ss02 .ss_box .box + .box:before {position:absolute; left:-100px; top:19px; content:''; width:100px; height:25px; background:url(/images/content/business/energy04_arrow02.png) no-repeat center;}
#energy04 .ss02 .ss_box .box h4 {margin-bottom:5px; padding:18px 15px; text-align:center; font-size:17px; font-weight:600; color:#fff; border-radius:5px;}
#energy04 .ss02 .ss_box .box > div {padding:35px 30px; border:1px solid #ddd; border-radius:5px 5px 0 0;}
#energy04 .ss02 .ss_box .box > div p {position:relative; display:inline-block; font-weight:600;}
#energy04 .ss02 .ss_box .box > div p:after {position:absolute; left:0; bottom:-3px; content:''; width:100%; height:2px;}
#energy04 .ss02 .ss_box .box > div ul {margin-top:20px; font-size:15px; color:#333;}
#energy04 .ss02 .ss_box .box > div ul li + li {margin-top:6px;}
#energy04 .ss02 .ss_box .box > div + div {border-top:none; border-radius:0 0 5px 5px;}
#energy04 .ss02 .ss_box .box.bx01 h4 {border:1px solid #80a032; background-color:#94b447;}
#energy04 .ss02 .ss_box .box.bx01 > div p {color:#85a635;}
#energy04 .ss02 .ss_box .box.bx01 > div p:after {background:#85a635;}
#energy04 .ss02 .ss_box .box.bx02 h4 {border:1px solid #46958d; background-color:#5ba8a0;}
#energy04 .ss02 .ss_box .box.bx02 > div p {color:#47948c;}
#energy04 .ss02 .ss_box .box.bx02 > div p:after {background:#47948c;}
#energy04 .ss02 .ss_box .box.bx03 h4 {border:1px solid #2a4270; background-color:#395384;}
#energy04 .ss02 .ss_box .box.bx03 > div p {color:#2b436f;}
#energy04 .ss02 .ss_box .box.bx03 > div p:after {background:#2b436f;}

/* 수정시, energy05에도 똑같이 변경(디자인동일) */
#energy04 .ss03 .ss_box {padding:40px; border-left:2px solid #333; background:#f7f7f7;}
#energy04 .ss03 .ss_box h4 {display:inline-block; padding:7px 20px; font-weight:600; color:#fff; background:#333; border-radius:50px;}
#energy04 .ss03 .ss_box p {margin:20px 0 15px; padding:0 20px; font-weight:600;}
#energy04 .ss03 .ss_box ul {padding:0 20px;}
#energy04 .ss03 .ss_box ul li {font-size:15px; color:#333; line-height:1.7;}
#energy04 .ss03 .ss_box ul li + li {margin-top:10px;}
#energy04 .ss03 .ss_box + .ss_box {margin-top:20px;}
#energy04 .ss04 p {margin-bottom:35px;}
#energy04 .ss05 .ss_box {display:flex; align-content:center; align-items:center; justify-content:space-between;}
#energy04 .ss05 .ss_box .list_wrap {width:50%;}
#energy04 .ss05 .ss_box .list_wrap .list {position:relative;  padding:20px; border-radius:5px; background:#eaeaea;}
#energy04 .ss05 .ss_box .list_wrap .list:before {position:absolute; right:-50px; top:50%; content:''; width:30%; height:1px; background: #bbb; transform:translateX(100%);}
#energy04 .ss05 .ss_box .list_wrap .list:after {position:absolute; right:calc(-30% - 50px); top:50%; content:''; width:1px; height:110%; background: #bbb; transform:translate(100%, -50%);}
#energy04 .ss05 .ss_box .list_wrap .list:first-child:after {height:55%; transform:translate(100%, 0);}
#energy04 .ss05 .ss_box .list_wrap .list:last-child:after {height:55%; transform:translate(100%, -100%);}
#energy04 .ss05 .ss_box .list_wrap .list + .list {margin-top:20px;}
#energy04 .ss05 .ss_box .list_wrap .list section {padding:30px; border-radius:5px; background:#fff; box-shadow:5px 3px 10px rgba(0, 0, 0, .1);}
#energy04 .ss05 .ss_box .list_wrap .list p {display:inline-block; margin-bottom:20px; padding:5px 20px; font-weight:500; color:#fff; border-radius:100px;}
#energy04 .ss05 .ss_box .list_wrap .list ul {padding:0 20px; line-height:1.7;}
#energy04 .ss05 .ss_box .list_wrap .list ul li + li {margin-top:10px;}
#energy04 .ss05 .ss_box .list_wrap .list.lt01 p {background:#376092;}
#energy04 .ss05 .ss_box .list_wrap .list.lt02 p {background:#31859c;}
#energy04 .ss05 .ss_box .list_wrap .list.lt03 p {background:#4bacc6;}
#energy04 .ss05 .ss_box .list_wrap .list.lt04 p {background:#93cddd;}
#energy04 .ss05 .ss_box .circle {position:Relative;}
#energy04 .ss05 .ss_box .circle:before {position:absolute; left:-50px; top:50%; content:''; width:97%; height:1px; background: #bbb; transform:translateX(-100%);}
#energy04 .ss05 .ss_box .circle p {display:flex; justify-content: center; align-items:center; width:140px; height:140px; margin:0 auto; padding:30px; text-align:center; color:#47307a; border-radius:100%; border:1px solid #5b427c;}
#energy04 .ss05 .ss_box .circle div {position:relative; display:flex; align-items:center; width:180px; height:180px; margin:100px 0; padding:30px; text-align:center; font-size:17px; font-weight:500; color:#fff; border-radius:100%; background:#47307a;}
#energy04 .ss05 .ss_box .circle div:before {position:absolute; left:50%; top:-100px; content:''; width:12px; height:100px; background:url(/images/content/business/energy04_arrow.png) no-repeat center; transform:translateX(-50%);}
#energy04 .ss05 .ss_box .circle div:after {position:absolute; left:50%; bottom:-100px; content:''; width:12px; height:100px; background:url(/images/content/business/energy04_arrow.png) no-repeat center; transform:translateX(-50%) rotate(180deg);}
#energy04 .ss06 .ss_box + .ss_box {margin-top:40px;}
#energy04 .ss06 .ss_box > p {font-size:17px; font-weight:600; margin-bottom:15px;}
#energy04 .ss06 .ss_box table .dot {text-align:left;}


/* energy05 */
#energy05 .ss03 .ss_box {padding:40px; border-left:2px solid #333; background:#f7f7f7;}
#energy05 .ss03 .ss_box h4 {display:inline-block; padding:7px 20px; font-weight:600; color:#fff; background:#333; border-radius:50px;}
#energy05 .ss03 .ss_box p {margin:20px 0 15px; padding:0 20px; font-weight:600;}
#energy05 .ss03 .ss_box ul {padding:0 20px;}
#energy05 .ss03 .ss_box ul li {font-size:15px; color:#333; line-height:1.7;}
#energy05 .ss03 .ss_box ul li + li {margin-top:10px;}
#energy05 .ss03 .ss_box + .ss_box {margin-top:20px;}
#energy05 .ss04 p {margin-bottom:35px;}
#energy05 .ss05 .ss_box {display:flex; align-content:center; align-items:center; justify-content:space-between;}
#energy05 .ss05 .ss_box .list_wrap {width:50%;}
#energy05 .ss05 .ss_box .list_wrap .list {position:relative;  padding:20px; border-radius:5px; background:#eaeaea;}
#energy05 .ss05 .ss_box .list_wrap .list:before {position:absolute; right:-50px; top:50%; content:''; width:30%; height:1px; background: #bbb; transform:translateX(100%);}
#energy05 .ss05 .ss_box .list_wrap .list:after {position:absolute; right:calc(-30% - 50px); top:50%; content:''; width:1px; height:110%; background: #bbb; transform:translate(100%, -50%);}
#energy05 .ss05 .ss_box .list_wrap .list:first-child:after {height:55%; transform:translate(100%, 0);}
#energy05 .ss05 .ss_box .list_wrap .list:last-child:after {height:55%; transform:translate(100%, -100%);}
#energy05 .ss05 .ss_box .list_wrap .list + .list {margin-top:20px;}
#energy05 .ss05 .ss_box .list_wrap .list section {padding:30px; border-radius:5px; background:#fff; box-shadow:5px 3px 10px rgba(0, 0, 0, .1);}
#energy05 .ss05 .ss_box .list_wrap .list p {display:inline-block; margin-bottom:20px; padding:5px 20px; font-weight:500; color:#fff; border-radius:100px;}
#energy05 .ss05 .ss_box .list_wrap .list ul {padding:0 20px; line-height:1.7;}
#energy05 .ss05 .ss_box .list_wrap .list ul li + li {margin-top:10px;}
#energy05 .ss05 .ss_box .list_wrap .list.lt01 p {background:#376092;}
#energy05 .ss05 .ss_box .list_wrap .list.lt02 p {background:#31859c;}
#energy05 .ss05 .ss_box .list_wrap .list.lt03 p {background:#4bacc6;}
#energy05 .ss05 .ss_box .list_wrap .list.lt04 p {background:#93cddd;}
#energy05 .ss05 .ss_box .circle {position:Relative;}
#energy05 .ss05 .ss_box .circle:before {position:absolute; left:-50px; top:50%; content:''; width:97%; height:1px; background: #bbb; transform:translateX(-100%);}
#energy05 .ss05 .ss_box .circle p {display:flex; align-items:center; width:140px; height:140px; margin:0 auto; padding:30px; text-align:center; color:#47307a; border-radius:100%; border:1px solid #5b427c;}
#energy05 .ss05 .ss_box .circle div {position:relative; display:flex; align-items:center; width:180px; height:180px; margin:100px 0; padding:30px; text-align:center; font-size:17px; font-weight:500; color:#fff; border-radius:100%; background:#47307a;}
#energy05 .ss05 .ss_box .circle div:before {position:absolute; left:50%; top:-100px; content:''; width:12px; height:100px; background:url(/images/content/business/energy04_arrow.png) no-repeat center; transform:translateX(-50%);}
#energy05 .ss05 .ss_box .circle div:after {position:absolute; left:50%; bottom:-100px; content:''; width:12px; height:100px; background:url(/images/content/business/energy04_arrow.png) no-repeat center; transform:translateX(-50%) rotate(180deg);}
#energy05 .ss06 .ss_box + .ss_box {margin-top:40px;}
#energy05 .ss06 .ss_box > p {font-size:17px; font-weight:600; margin-bottom:15px;}
#energy05 .ss06 .ss_box table .dot {text-align:left;}


/* energy06 */
#energy06 .ss01 > p {font-size:17px; font-weight:600; margin-bottom:20px;}
#energy06 .ss01 .box {display:flex; align-items:stretch; align-content:center;}
#energy06 .ss01 .box + .box {margin-top:10px;}
#energy06 .ss01 .box .bx_title {display:flex; flex-wrap:wrap; align-content:center; width:300px; padding:35px;}
#energy06 .ss01 .box .bx_title span {display:inline-block; padding:4px 10px; margin-bottom:10px; font-size:12px; font-weight:700; color:#fff; border-radius:30px;}
#energy06 .ss01 .box .bx_title h4 {font-size:17px; font-weight:600;}
#energy06 .ss01 .box.bx01 .bx_title {background:#eef6f0;}
#energy06 .ss01 .box.bx01 .bx_title span {background:#0bac3f;}
#energy06 .ss01 .box.bx01 .bx_title h4 {color:#0bac3f;}
#energy06 .ss01 .box.bx02 .bx_title {background:#eaf1f5;}
#energy06 .ss01 .box.bx02 .bx_title span {background:#007bd2;}
#energy06 .ss01 .box.bx02 .bx_title h4 {width:100%; color:#007bd2;}
#energy06 .ss01 .box.bx03 .bx_title {background:#e5e9f1;}
#energy06 .ss01 .box.bx03 .bx_title span {background:#03246a;}
#energy06 .ss01 .box.bx03 .bx_title h4 {color:#03246a;}
#energy06 .ss01 .box .bx_con {display:flex; align-items:center; flex:1; margin-left:5px; padding:40px 0; background:#fafafa;}
#energy06 .ss01 .box .bx_con dl {width:40%; padding:0 40px; color:#333;}
#energy06 .ss01 .box .bx_con dl dt {font-weight:600; margin-bottom:10px;}
#energy06 .ss01 .box .bx_con dl dd {font-size:15px;}
#energy06 .ss01 .box .bx_con dl dd + dd {margin-top:5px;}
#energy06 .ss01 .box .bx_con > ul { width: 60%; padding:5px 40px; font-size:15px; color:#666; border-left:1px solid #eaeaea;}
#energy06 .ss01 .box .bx_con > ul > li + li {margin-top:5px;}
#energy06 .ss01 .box .bx_con .formula {display:flex; align-items:center; margin-top:15px;}
#energy06 .ss01 .box .bx_con .formula:before {top:20px;}
#energy06 .ss01 .box .bx_con .formula ul {position:relative; display:inline-block; line-height:1;}
#energy06 .ss01 .box .bx_con .formula ul li {padding:0 15px;}
#energy06 .ss01 .box .bx_con .formula ul li + li {margin-top:7px; padding-top:10px; border-top:1px solid #aaa;}
#energy06 .ss01 .box .bx_con .formula span {padding:0 12px;}
#energy06 .ss02 > ul li + li {margin-top:7px;}
#energy06 .ss02 > ul li em {font-size:0.7em; font-weight:500; color:#d52d21; vertical-align:top;}
#energy06 .ss02 > ul li span {display:block; margin-top:2px; font-size:14px; color:#d52d21;}
#energy06 .ss02 .ss_box {margin-top:25px;}
#energy06 .ss02 .ss_box > h4 {margin-bottom:15px; font-size:17px; font-weight:600;}
#energy06 .ss02 .ss_box .step {border:1px solid #ddd; background:#fff;}
#energy06 .ss03 .ss_box > p {display:block; margin-bottom:10px; padding:15px 20px; color:#fff; text-align:center; background:#0f2c68;}
#energy06 .ss03 .list_wrap {display:flex; align-items:flex-start; margin-top:40px;}
#energy06 .ss03 .list_wrap li {position:relative; width:25%; padding:10px 20px 0 60px;}
#energy06 .ss03 .list_wrap li i {position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px;}
#energy06 .ss03 .list_wrap li i img {width:15px; opacity:.7;}
#energy06 .ss03 .list_wrap li.lt01 i {background:#02c0ac;}
#energy06 .ss03 .list_wrap li.lt02 i {background:#62b836;}
#energy06 .ss03 .list_wrap li.lt02 i img {width:18px;}
#energy06 .ss03 .list_wrap li.lt03 i {background:#28b6db;}
#energy06 .ss03 .list_wrap li.lt03 i img {width:22px;}
#energy06 .ss03 .list_wrap li.lt04 i {background:#edb32a;}
#energy06 .ss03 .list_wrap li.lt04 i img {width:18px;}


/* energy07 */
#energy07 .ss01 ul li + li {margin-top:10px;}
#energy07 .ss02 ul {display:flex;}
#energy07 .ss02 ul li {position:relative; width:20%; padding:30px; border-top:1px solid #ddd;}
#energy07 .ss02 ul li:before {position:absolute; left:0; top:0; content:''; width:1px; height:30px; background:#ddd;}
#energy07 .ss02 ul li:nth-child(1) {margin-top:calc(30px * 4);}
#energy07 .ss02 ul li:nth-child(1):before {display:none;}
#energy07 .ss02 ul li:nth-child(2) {margin-top:calc(30px * 3);}
#energy07 .ss02 ul li:nth-child(3) {margin-top:calc(30px * 2);}
#energy07 .ss02 ul li:nth-child(4) {margin-top:calc(30px * 1);}
#energy07 .ss02 ul li em {position:absolute; left:0; top:0; content:''; width:7px; height:7px; background:#33c3e9; border-radius:100%; transform:translate(-50%, -50%);}
#energy07 .ss02 ul li em:after {position:absolute; left:50%; top:50%; content:''; display:block; border-radius:100%; background:rgba(51, 195, 233, .2); animation: circle 1s infinite; transform:translate(-50%, -50%);}
#energy07 .ss02 ul li p {margin-bottom:15px; font-size:17px; font-weight:800; color:#188dac;}
#energy07 .ss02 ul li p span {display:inline-block; margin-left:10px; font-size:14px; font-weight:600; color:#666; line-height:1; padding:5px 10px; border-radius:20px; border:1px solid #ddd; background:#fafafa;}
#energy07 .ss02 ul li dt {font-weight:600; margin-bottom:10px;}
#energy07 .ss02 ul li dd {font-size:15px; color:#666;}
#energy07 .ss02 ul li dd + dd {margin-top:5px;}


@-webkit-keyframes circle {
	0% {width:0px; height:0;}
	100% {width:20px; height:20px;}
}


/* energy08 */
#energy08 .ss_box + .ss_box {margin-top:40px;}
#energy08 .ss_box dl dt {font-size:17px; font-weight:700; margin-bottom:10px;}
#energy08 .ss_box dl dd {margin-left:10px; color:#333;}
#energy08 .ss_box dl dd + dd {margin-top:5px;}
#energy08 .ss_box .img {margin-top:25px; padding:80px 30px; text-align:center; border-radius:5px; border:1px solid #e1e1e1;}
#energy08 .ss_box ul {margin-top:5px; padding:35px 40px; font-size:15px; color:#333; border-radius:5px; background:#f5f5f5;}
#energy08 .ss_box ul li + li {margin-top:7px;}
#energy08 .ss_box ul li span {font-weight:600;}
#energy08 .ss_box ul li:nth-child(1) span {color:#284e90;}
#energy08 .ss_box ul li:nth-child(2) span {color:#3ab00c;}
#energy08 .ss_box ul li:nth-child(3) span {color:#333;}
#energy08 .ss_box ul li span em {padding:0 10px;}


/* energy09 */
#energy09 .ss01 .ss_box + .ss_box {margin-top:40px;}
#energy09 .ss01 .ss_box h4 {font-size:17px; font-weight:600; margin-bottom:7px;} 
#energy09 .ss01 .ss_box > p {margin-bottom:25px; color:#333;}
#energy09 .ss01 .ssb01 ul {display:flex; margin:0 -10px;}
#energy09 .ss01 .ssb01 ul li {width:25%; padding:40px 20px 50px; margin:0 10px; text-align:center; border:1px solid #ddd;}
#energy09 .ss01 .ssb01 ul li i {display:flex; justify-content:center; align-items:center; width:85px; height:85px; margin:0 auto;}
#energy09 .ss01 .ssb01 ul li i img {max-width:100%;}
#energy09 .ss01 .ssb01 ul li:nth-child(3) i img {margin-left:15px;}
#energy09 .ss01 .ssb01 ul li p {font-weight:600; color:#333; margin-top:10px;}
#energy09 .ss01 .ssb02 ul {display:flex; margin:0 -5px;}
#energy09 .ss01 .ssb02 ul li {width:20%; margin:0 5px;}
#energy09 .ss01 .ssb02 ul li p {width:100%; padding:25px; font-weight:700; color:#fff; background-size:cover !important;}
#energy09 .ss01 .ssb02 ul li span {display:block; min-height:150px; padding:30px; font-size:15px; color:#333; background:#f7f7f7;}
#energy09 .ss01 .ssb02 ul li:nth-child(1) p {background:url(/images/content/business/energy09_title01.jpg) no-repeat center;}
#energy09 .ss01 .ssb02 ul li:nth-child(2) p {background:url(/images/content/business/energy09_title02.jpg) no-repeat center;}
#energy09 .ss01 .ssb02 ul li:nth-child(3) p {background:url(/images/content/business/energy09_title03.jpg) no-repeat center;}
#energy09 .ss01 .ssb02 ul li:nth-child(4) p {background:url(/images/content/business/energy09_title04.jpg) no-repeat center;}
#energy09 .ss01 .ssb02 ul li:nth-child(5) p {background:url(/images/content/business/energy09_title05.jpg) no-repeat center;}
#energy09 .ss02 ul li span {display:block; margin-top:8px; font-size:15px; text-align:center; color:#666;}
@media(min-width:450px){
	.eng #energy09 .ss01 .ssb02 ul li p{ display: flex; align-items: center; height: 98px; }
}


/* business02 */
.business02 .ss01 .ss_box {position:relative; display:flex; flex-wrap:wrap; padding:80px; border-radius:5px; border:1px solid #efefef;}
.business02 .ss01 .ss_box:before {position:absolute; left:50%; top:50%; content:''; width:250px; height:250px; border-radius:50px; border:1px solid #ccc; transform-origin: 0% 0%; animation: rotate 5s linear infinite;}
.business02 .ss01 .ss_box:after {position:absolute; left:50%; top:50%; content:'기후변화대응'; font-size:20px; font-weight:1000; color:#888; transform:translate(-50%, -50%);}
.eng .business02 .ss01 .ss_box:after{ content: 'Respond to climate changes'; }
.business02 .ss01 .ss_box .list {position:relative; display:flex; flex-direction:row-reverse; align-items:center; width:50%; text-align:right; padding:25px;}
.business02 .ss01 .ss_box .list:nth-child(2n) {flex-direction:initial; text-align:left;}
.business02 .ss01 .ss_box .list .icon {display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:100px; height:100px; border-radius:30px; color:#fff; font-weight:700; text-align:center;}
.business02 .ss01 .ss_box .list .icon i {display:block; width:20px; height:20px; opacity:.6;}
.business02 .ss01 .ss_box .list .icon p {width:100%; margin-top:5px;}
.business02 .ss01 .ss_box .list.lt01 .icon {background:#6d97b7;}
.business02 .ss01 .ss_box .list.lt02 .icon {background:#04abb3;}
.business02 .ss01 .ss_box .list.lt03 .icon {background:#25536a;}
.business02 .ss01 .ss_box .list.lt04 .icon {background:#2388a6;}
.business02 .ss01 .ss_box .list dl {width:calc(100% - 100px); padding-right:55px;}
.business02 .ss01 .ss_box .list:nth-child(2n) dl {padding-left:55px;}
.business02 .ss01 .ss_box .list dl dt {margin-bottom:8px; font-size:17px; font-weight:700;}
.business02 .ss01 .ss_box .list dl dd {color:#333;}
.business02 .ss03 {margin-bottom:100px;}
.business02 .ss03 table td {position:relative; width:8.33%; padding:20px;}
.business02 .ss03 table td span {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:8;}
.business02 .ss03 table td span em {position:relative; display:block; width:10px; height:10px; border-radius:100%; z-index:9;}
.business02 .ss03 table td span:before {position:absolute; left:50%; top:50%; content:''; display:block; width:25px; height:25px; border-radius:100%; transform:translate(-50%, -50%); opacity:.2;}
.business02 .ss03 table td span:after {position:absolute; left:50%; top:50%; content:''; width:2px; height:50px; margin-left:-1px; border-right:2px dashed #ccc; box-sizing:border-box;}
.business02 .ss03 table td span.blue em {background:#0064e0;}
.business02 .ss03 table td span.blue:before {background:#0064e0;}
.business02 .ss03 table td span.green em {background:#49d900;}
.business02 .ss03 table td span.green:before {background:#49d900;}
.business02 .ss03 table td span.sky em {background:#0dd1d8;}
.business02 .ss03 table td span.sky:before {background:#0dd1d8;}
.business02 .ss03 table td span.yellow em {background:#f9cf00;}
.business02 .ss03 table td span.yellow:before {background:#f9cf00;}
.business02 .ss03 table td span.red em {background:#e5186d;}
.business02 .ss03 table td span.red:before {background:#e5186d;}
.business02 .ss03 table td p {position:absolute; left:50%; top:100%; width:100%; margin-top:50%; color:#333; line-height:1.4; transform:translate(-50%, -50%);}

@-webkit-keyframes rotate {
	0% {transform:rotate(0deg) translate(-50%, -50%);}
	100% {transform:rotate(360deg) translate(-50%, -50%);}
}



/* business03 */
.business03 .table table tr td {padding:30px 40px; text-align:left;}
.business03 .table table tr td p + p {margin-top:5px;}
.business03 .table table i {display:inline-block; width:40px; height:40px; margin-right:17px; text-align:center; padding:10px; border-radius:5px; background:#3f466c;}
.business03 .ss03 a {display:flex; align-items:center; padding:25px 40px; font-size:17px; font-weight:600; color:#fff; border-radius:5px; background:#29327c; transition:all .3s;} 
.business03 .ss03 a:hover {background:#182064;} 
.business03 .ss03 a p {padding-right:100px;}
.business03 .ss03 a span {position:relative; font-size:15px; font-weight:400; margin-left:auto;}
.business03 .ss03 a span:before {position:absolute; left:-15px; top:50%; content:''; width:30px; height:30px; border-radius:5px; background:#dfe0eb url(/images/content/i_download.svg) no-repeat center; background-size:12px; transform:translate(-100%, -50%);}

/* business04 */
.business04 .table table thead tr th {background:#333; color:#fff;}
.business04 .table table tbody tr th {background:#f7f7f7; font-weight:500;}
.business04 .table table tr td:last-child {padding:30px; text-align:left;}
.business04 .table table tr td p + p {margin-top:5px;}
.business04 .step {flex-wrap:wrap; padding:30px 40px;}
.business04 .step li {width:33.33%; margin:15px 0;}
.business04 .step li:nth-child(5) p em {animation-delay: 12s;}
.business04 .step li:nth-child(6) p em {animation-delay: 15s;}


/* business06 */
.business05 .ss01 .ss_box {position:relative; padding:80px; border-radius:5px; border:1px solid #eaeaea;}
.business05 .ss01 .ss_box .center {position:absolute; left:50%; top:50%; display:flex; flex-wrap:wrap; justify-content:space-between; width:400px; height:400px; transform:translate(-50%, -50%);}
.business05 .ss01 .ss_box .center:before {position:absolute; left:50%; top:50%; content:''; width:100%; height:100%; border-radius:100%; border:1px solid #e2e3e9; background:#eff1f6; transform:translate(-50%, -50%);}
.business05 .ss01 .ss_box .center:after {position:absolute; left:50%; top:50%; content:''; width:300px; height:300px; border-radius:100%; border:1px solid #e2e3e9; background:#fff; transform:translate(-50%, -50%);}
.business05 .ss01 .ss_box .center .circle {position:relative; display:flex; width:50%; z-index:8;} 
.business05 .ss01 .ss_box .center .circle span {position:relative; display:block; width:120px; height:120px; line-height:120px; text-align:center; font-size:17px; font-weight:600; color:#fff; border-radius:100%; background:#1856aa;}
.business05 .ss01 .ss_box .center .circle:before {position:absolute; content:''; width:50%; height:1px; background:#e2e3e9;}
.business05 .ss01 .ss_box .center .circle:after {position:absolute; content:''; width:5px; height:5px; border-radius:100%; background:#333;}
.business05 .ss01 .ss_box .center .circle:nth-child(1):before {left:0; top:60px; transform:rotate(45deg) translate(50%, 0);}
.business05 .ss01 .ss_box .center .circle:nth-child(2):before {right:0; top:60px; transform:rotate(-45deg) translate(-50%, 0);}
.business05 .ss01 .ss_box .center .circle:nth-child(3):before {left:0; bottom:60px; transform:rotate(-45deg) translate(50%, 0);}
.business05 .ss01 .ss_box .center .circle:nth-child(4):before {right:0; bottom:60px; transform:rotate(45deg) translate(-50%, 0);}
.business05 .ss01 .ss_box .center .circle:nth-child(1):after {right:73px; bottom:62px;}
.business05 .ss01 .ss_box .center .circle:nth-child(2):after {left:73px; bottom:62px;}
.business05 .ss01 .ss_box .center .circle:nth-child(3):after {right:73px; top:62px;}
.business05 .ss01 .ss_box .center .circle:nth-child(4):after {left:73px; top:62px;}
.business05 .ss01 .ss_box .center .circle:nth-child(2n) span {margin-left:auto;}
.business05 .ss01 .ss_box .center .circle:nth-child(3) span,
.business05 .ss01 .ss_box .center .circle:nth-child(4) span {margin-top:auto;}
.business05 .ss01 .ss_box .center em {position:absolute; left:50%; top:50%; display:flex; align-items:center; width:200px; height:200px; text-align:center; justify-content:center; font-size:24px; font-weight:800; color:#1845aa; border-radius:100%; border:1px solid #e2e3e9;  transform:translate(-50%, -50%); z-index:7;}
.business05 .ss01 .ss_box .list {display:flex; flex-wrap:wrap;} 
.business05 .ss01 .ss_box .list > div {display:flex; flex-wrap:wrap; align-content:center; width:50%; height:200px; padding-right:200px;} 
.business05 .ss01 .ss_box .list > div p {width:100%; font-weight:600; margin-bottom:10px;}
.business05 .ss01 .ss_box .list > div ul li {font-size:15px;}
.business05 .ss01 .ss_box .list > div ul li + li {margin-top:7px; color:#333;}
.business05 .ss01 .ss_box .list > div:nth-child(2n) {padding-left:280px; padding-right:0;}

.business05 .ss02 .ss_box {display:flex; flex-wrap:wrap; margin:0 -5px; margin-top:-15px;}
.business05 .ss02 .ss_box > div {width:33.33%; margin:5px 0; padding:0 5px;}
.business05 .ss02 .ss_box > div h4 {padding:25px 30px; font-weight:600; color:#fff; background-size:cover;}
.business05 .ss02 .ss_box > div ul {padding:30px; margin-top:5px; font-size:15px; color:#333; background:#f5f5f5;}
.business05 .ss02 .ss_box > div ul li + li {margin-top:7px;}
.business05 .ss02 .ss_box > div:nth-child(1) h4 {background:url(/images/content/business/business05_title01.jpg) no-repeat center;}
.business05 .ss02 .ss_box > div:nth-child(2) h4 {background:url(/images/content/business/business05_title02.jpg) no-repeat center;}
.business05 .ss02 .ss_box > div:nth-child(3) h4 {background:url(/images/content/business/business05_title03.jpg) no-repeat center;}
.business05 .ss02 .ss_box > div:nth-child(4) h4 {background:url(/images/content/business/business05_title04.jpg) no-repeat center;}
.business05 .ss02 .ss_box > div:nth-child(5) h4 {background:url(/images/content/business/business05_title05.jpg) no-repeat center;}
.business05 .ss02 .ss_box > div:nth-child(6) h4 {background:url(/images/content/business/business05_title06.jpg) no-repeat center;}

.business05 .ss03 ul {display:flex;}
.business05 .ss03 ul li {position:relative; padding-left:25px; color:#333;}
.business05 .ss03 ul li:before {position:absolute; left:0; top:5px; content:''; width:18px; height:12px; background:url(/images/content/i_check.svg) no-repeat center;}
.business05 .ss03 ul li + li {margin-left:50px;}

.business05 .ss04 .title_box {display:flex; justify-content: space-between; padding:35px; margin-bottom:35px; border-radius:5px; background:#20366e;}
.business05 .ss04 .title_box > dl {position:relative; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; width:calc((100% - 160px)/3); height:100px; text-align:center; border-radius:50px; border:5px solid rgba(255, 255, 255, .1);}
.business05 .ss04 .title_box > dl + dl:before {position:absolute; left:0; top:50%; content:''; width:80px; height:25px; margin-left:-5px; background:url(/images/content/business/business05_multiply.svg) no-repeat center; background-size:20px; transform: translate(-100%, -50%);}
.business05 .ss04 .title_box > dl > * {width:100%; color:#fff;}
.business05 .ss04 .title_box > dl dt {font-size:17px; font-weight:600; margin-bottom:2px;}
.business05 .ss04 .title_box > dl dd {font-size:15px; opacity: .7;}
.business05 .ss04 .con_box {display:flex; padding:0 35px; justify-content: space-between;} 
.business05 .ss04 .con_box ul {width:calc((100% - 160px)/3); text-align: center;}
.business05 .ss04 .con_box ul li {position:relative; font-size:15px; color:#333;}
.business05 .ss04 .con_box ul li + li {padding-top:45px;}
.business05 .ss04 .con_box ul li + li:before {position:absolute; left:50%; top:12px; content:' \2193'; font-family: Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-size:12px; color:#999; transform: translate(-50%, 0);}


/* business06 */
.business06 .table table tr td {padding:30px 40px; text-align:left;}
.business06 .table table tr td p + p {margin-top:5px;}
.business06 .table table i {display:inline-block; width:40px; height:40px; margin-right:17px; text-align:center; padding:10px; border-radius:5px; background:#3f466c;}
.business06 .ss02 .ss_box h4 {font-size:18px; font-weight:600; margin-bottom:15px;}
.business06 .ss02 .ss_box + .ss_box {margin-top:40px;}
.business06 .ss02 .ssb01 .dot + .dot {margin-top:5px;}
.business06 .ss02 .ssb02 > div + div {margin-top:40px;}
.business06 .ss02 .ssb02 > div dl dt {position:relative; padding-left:25px; margin-bottom:8px; font-weight:600;}
.business06 .ss02 .ssb02 > div dl dt:before {position:absolute; left:0; top:4px; content:''; width:18px; height:12px; background:url(/images/content/i_check.svg) no-repeat center;}
.business06 .ss02 .ssb02 > div dl dd {font-size:15px; color:#333; line-height:1.6;}
.business06 .ss02 .ssb02 > div .img {display:flex; margin-top:17px;}
.business06 .ss02 .ssb02 > div .img li + li {margin-left:10px;}
.business06 .ss02 .ssb02 > div .dot_wrap {padding:0 10px; font-size:15px; color:#333;}
.business06 .ss02 .ssb02 > div .dot_wrap li + li {margin-top:5px;}


/* hr01 */
.hr01 .ss01 {padding:80px; text-align:center; background:#fafafa; border:1px solid #e1e1e1;}
.hr01 .ss01 .ss_title {margin-bottom:50px; font-weight:800; color:#1a3eb3;}
.hr01 .ss01 ul {display:flex; justify-content:space-between;}
.hr01 .ss01 ul li {width:calc((100% - 100px)/3);}
.hr01 .ss01 ul li em {display:block; margin-bottom:30px; font-size:22px; font-weight:1000; color:#1a3eb3;}
.hr01 .ss01 ul li i {position:relative; display:flex; justify-content:center; align-items:flex-end; width:100%; height:250px; background:radial-gradient(circle, rgba(98,112,157,0.1) 0%, rgba(255,255,255,0) 45%); }
.hr01 .ss01 ul li i img {max-width:100%;}
.hr01 .ss01 ul li dl {margin-top:30px;}
.hr01 .ss01 ul li dl dt {font-size:22px; font-weight:800; margin-bottom:15px;}
.hr01 .ss01 ul li dl dt span {display:block; font-size:18px; font-weight:500;}
.hr01 .ss01 ul li dl dd {color:#333;}


/* hr02 */
.hr02 .tab {position:relative; display:flex; align-items:center; margin:-15px 0 35px; border-radius:70px;}
.hr02 .tab li {position:relative; padding:12px 20px;}
.hr02 .tab li:nth-child(1) {padding-left:30px; border-radius:50px 0 0 50px; background:#222;}
.hr02 .tab li:nth-child(2) {padding-right:30px; border-radius:0 50px 50px 0; background:#222;}
.hr02 .tab li:last-child:before {position:absolute; left:0; top:50%; content:''; width:3px; height:3px; background:#fff; border-radius:100%; transform:translate(-50%, -50%);}
.hr02 .tab li a {display:inline-block; color:#fff; opacity:0.3;}
.hr02 .tab li.on a {font-weight:600; opacity:1;}

.hr02 .tab_menu {display:flex; flex-wrap:wrap; margin:-2.5px; margin-bottom:50px;}
.hr02 .tab_menu li {width:16.66%; padding:2.5px;}
.hr02 .tab_menu li a { display: block; height: 100%; padding:17px 15px; text-align:center; color:#888; border:1px solid #e1e1e1;}
.hr02 .tab_menu li.active a {color:#29327c; font-weight:500; border:1px solid #29327c;}
.hr02 .tab_content {position:relative; padding:5px 50px; }
#wrap .hr02 .tab_content{ padding-top: 1em; padding-bottom: 1em; }
.hr02 .tab_content:before {position:absolute; left:0; top:0; content:''; width:3px; height:100%; background:#ddd;}
.hr02 .tab_content .ss_title {margin-bottom:10px;}
.hr02 .tab_content p {line-height:1.6;}

.hr02 .ss01 {display:flex; align-items:stretch; border-top:3px solid #111;}
.hr02 .ss01 > div {width:calc((100% - 180px)/4); text-align:center; font-size:15px; color:#333; border-left:1px solid #efefef;}
.hr02 .ss01 > div.list01 {width:180px; border-left:none;}
.hr02 .ss01 > div > p {font-size:18px; font-weight:700; line-height:100px; border-bottom:1px solid #ccc;}
.eng .hr02 .ss01 > div > p{ display: flex; justify-content: center; align-items: center; height: 101px; line-height: 1.5; }
.hr02 .ss01 .list_wrap {position:relative;}
.hr02 .ss01 .list_wrap > ul > li {line-height:80px; border-bottom:1px solid #e1e1e1;}
.eng .hr02 .ss01 .list_wrap > ul > li{ display: flex; justify-content: center; align-items: center; height: 81px; line-height: 1.5; }
.hr02 .ss01 .list_wrap .over {position:absolute; left:0; top:0; width:100%; height:100%; padding:5px; font-weight:700; text-align:center;}

.hr02 .ss01 .list02 .list_wrap > ul > li,
.hr02 .ss01 .list04 .list_wrap > ul > li,
.hr02 .ss01 .list05 .list_wrap > ul > li {border-bottom:1px solid #f5f5f5;}
.hr02 .ss01 .list02 .list_wrap > ul > li:last-child,
.hr02 .ss01 .list04 .list_wrap > ul > li:last-child,
.hr02 .ss01 .list05 .list_wrap > ul > li:last-child {border-bottom:1px solid #e1e1e1;}


.hr02 .ss01 .list02 .list_wrap .over ul {display:flex; justify-content:space-between; height:100%;}
.hr02 .ss01 .list02 .list_wrap .over ul li {display:flex; justify-content:center; align-items:center; width:calc((100% - 10px)/3); height:100%; padding:15px; } 
.hr02 .ss01 .list02 .list_wrap .over ul li.blue {background:rgba(0, 106, 204, .1); color:#0075df;}
.hr02 .ss01 .list02 .list_wrap .over ul li.green {background:rgba(67, 204, 0, .1); color:#40c101;}
.hr02 .ss01 .list02 .list_wrap .over ul li.yellow {background:rgba(204, 110, 0, .1); color:#ff7600;}
.hr02 .ss01 .list04 .list_wrap .over p {display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding:20px; background:rgba(136, 136, 136, .1);}
.hr02 .ss01 .list05 .list_wrap .over section {display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding:20px; background:rgba(136, 136, 136, .1);}
.hr02 .ss01 .list05 .list_wrap .over ul {display:inline-block; text-align:left; counter-reset:list-number;}
.hr02 .ss01 .list05 .list_wrap .over ul li {position:relative; padding-left:20px; counter-increment:list-number;}
.hr02 .ss01 .list05 .list_wrap .over ul li + li {margin-top:5px;}
.hr02 .ss01 .list05 .list_wrap .over ul li:before {position:absolute; left:0; top:5px; content:counter(list-number); display:inline-block; width:12px; height:12px; font-size:10px; line-height:12px; text-align:center; border-radius:100%; border:1px solid #333;}
@media(min-width:500px){
	.hr02 .tab_menu li a{display:flex; justify-content: center; align-items: center;}
}


/* hr03 */
.hr03 ul {display:flex; flex-wrap:wrap;}
.hr03 ul li {display:flex; align-items:center; width:calc((100% - 20px)/3); padding:30px 50px; margin:5px 0; border-radius:10px; background:#fff; transition:.3s;}
.hr03 ul li:hover {box-shadow:5px 5px 25px rgba(0, 22, 106, .13); z-index: 1; }
.hr03 ul li + li {margin-left:10px;}
.hr03 ul li:nth-child(2n+1) {margin-left:0;}
.hr03 ul li i {display:block; width:45px; text-align:center;}
.hr03 ul li i img {vertical-align:middle;}
.hr03 ul li dl {margin-left:35px;}
.hr03 ul li dl dt {font-size:17px; font-weight:700; margin-bottom:10px;}
.hr03 ul li dl dd {font-size:15px; color:#333;}


/* hr04 */
.hr04 .tab_menu {display:flex; align-items:center; margin-bottom:50px;}
.hr04 .tab_menu li {width:calc((100% - 20px)/5);}
.hr04 .tab_menu li + li {margin-left:5px;}
.hr04 .tab_menu li a {display:block; padding:17px 15px; text-align:center; color:#888; border:1px solid #e1e1e1;}
.hr04 .tab_menu li.active a {font-weight:500; color:#29327c; border:1px solid #29327c;}
.hr04 .department_numb {display:none;}


#hr04_02 .ss01 table tr td {padding:30px 40px;}
#hr04_02 .ss01 table td:last-child {text-align:left;}
#hr04_02 .ss01 table td p {display:flex; align-items:center; justify-content:center; min-width:150px; text-align:left;}
#hr04_02 .ss01 table td i {display:inline-block; width:40px; height:40px; margin-right:17px; text-align:center; padding:10px; border-radius:5px; background:#3f466c;}
#hr04_02 .ss01 table td ul li {position:relative; padding-left:15px;}
#hr04_02 .ss01 table td ul li + li {margin-top:8px;}
#hr04_02 .ss01 table td ul li:before {position:absolute; left:0; top:8px; content:''; width:4px; height:4px; border-radius:100%; background:#ccc;}
#hr04_02 .ss01 table td ul li span {position:relative; padding-right:20px; margin-right:10px; font-weight:600;}
#hr04_02 .ss01 table td ul li span:after {position:absolute; right:0; top:8px; content:''; width:8px; height:1px; background:#ccc;}
#hr04_02 .ss01 table td br {display:none;}
#hr04_02 .ss01 table td a {display:inline-block; margin-left:30px; padding-left:25px; transition:.3s;}
#hr04_02 .ss01 table td a.call {background:url(/images/content/hr/hr04_i_call.svg) no-repeat left center; background-size:17px;}
#hr04_02 .ss01 table td a.mail {background:url(/images/content/hr/hr04_i_mail.svg) no-repeat left center; background-size:17px;}
#hr04_02 .ss01 table td a:hover {color:#1a3eb3;}
#hr04_02 .ss02 > div {position:relative; display:flex; justify-content:center;}
#hr04_02 .ss02 > div:before {position:absolute; left:0; top:110px; content:''; width:100%; height:1px; background:#295197;}
#hr04_02 .ss02 > div > div {position:relative; padding:0 50px; text-align:center;}
#hr04_02 .ss02 > div > div:after {position:absolute; left:0; top:99px; content:''; width:13px; height:13px; border:1px solid #295197; border-width:0 1px 1px 0; transform:rotate(-45deg) translate(-50%, 0);}
#hr04_02 .ss02 > div > div:first-child:after {display:none;}
#hr04_02 .ss02 > div > div h4 {display:flex; flex-wrap:wrap; justify-content:center; align-content:center; width:220px; height:220px; margin-bottom:25px; font-size:17px; font-weight:600; color:#295197; border-radius:100%; background:#fff; border:1px solid #295197;}
#hr04_02 .ss02 > div > div h4 em {display:block; width:100%; margin-bottom:15px; font-size:14px; font-weight:1000;}
#hr04_02 .ss02 > div > div:first-child h4 {background:#cce3f6; border:none;}
#hr04_02 .ss02 > div > div:last-child h4 {color:#fff; background:#295197; border:none;}
#hr04_02 .ss02 > div > div ul {display:inline-block; text-align:left;}
#hr04_02 .ss02 > div > div ul li {position:relative; padding-left:15px;}
#hr04_02 .ss02 > div > div ul li span {font-weight:600;}
#hr04_02 .ss02 > div > div ul li:before {position:absolute; left:0; top:8px; content:''; width:4px; height:4px; border-radius:100%; background:#ccc;}
#hr04_02 .ss03 ul {display:flex;}
#hr04_02 .ss03 ul li {width:calc((100% - 60px)/4);}
#hr04_02 .ss03 ul li + li {margin-left:20px;}
#hr04_02 .ss03 ul li p {padding:20px 30px; font-size:17px; font-weight:700; border:5px solid #e1e1e1; margin-bottom:5px;}
#hr04_02 .ss03 ul li span {display:block; padding:25px 30px; font-size:15px; color:#333; background:#f7f7f7;}
@media(max-width:1279px) and (min-width:768px) {
	.eng #hr04_02 .ss03 ul{ flex-wrap: wrap; }
	.eng #hr04_02 .ss03 ul li{ width: calc((100% - 20px)/2); margin-bottom: 20px; }
	.eng #hr04_02 .ss03 ul li:nth-child(3){ margin-left: 0; }
}

/* site */
.site ul{display:grid; gap: 5px; }
.site a{display:flex; justify-content: center; align-items: center; text-align:center; height: 100%; border:1px solid #e1e1e1; color:#888; padding: .4em 0.9375em; transition:all .3s; word-break:break-all; }
.site a:hover {color:#29327c; border:1px solid #29327c; font-weight:500; }
.eng .site a{ word-break: keep-all; }
.eng .site a:hover { font-weight:400; }
@media(min-width:768px){
	.site a{ min-height: 60px; }
}
@media(min-width:1280px){
	.site ul{ grid-template-columns: repeat(5, 1fr); }
}
@media(max-width:1279px) and (min-width:1081px){
	.site ul{ grid-template-columns: repeat(4, 1fr); }
}
@media(max-width:1080px) and (min-width:768px){
	.site ul{ grid-template-columns: repeat(3, 1fr); }
}
@media(max-width:767px) and (min-width: 501px){
	.site ul{ grid-template-columns: repeat(2, 1fr); }
	.site a{ min-height: 47px; padding:12px;}
}
@media(max-width:500px){
	.site ul{ grid-template-columns: repeat(1, 1fr); }
}

/* department_numb */
.department_numb {display: flex; flex-wrap: wrap; padding:40px 50px; margin-bottom:50px; background:#f7f7f7;}
.department_numb > ul {width: 50%;}
.department_numb > ul > li {position:relative; padding-left:15px; margin:12px 0; font-size:17px; font-weight:600; box-sizing:border-box;}
.department_numb > ul > li:before {position:absolute; left:0; top:8px; content:''; width:4px; height:4px; border-radius:100%; background:#ccc;}
.department_numb > ul > li span {display: inline-block; width: 155px;}
.department_numb > ul > li a {display:inline-block; width: 125px; margin-left:30px; padding-left:25px; font-size:16px; font-weight:400; transition:.3s;}
.department_numb > ul > li a.call {background:url(/images/content/hr/hr04_i_call.svg) no-repeat left center; background-size:17px;}
.department_numb > ul > li a.mail {background:url(/images/content/hr/hr04_i_mail.svg) no-repeat left center; background-size:17px;}
.department_numb > ul > li a:hover {color:#1a3eb3;}
.department_numb > ul > li > p {font-size:17px; margin-bottom:10px;}
.department_numb .depth {display:inline-block; text-align:left; counter-reset:list-number;}
.department_numb .depth > li {position:relative; /*padding-left:25px; counter-increment:list-number;*/ font-size:16px; }
/* .department_numb .depth > li:before {position:absolute; left:0; top:5px; content:counter(list-number); display:inline-block; width:12px; height:12px; font-size:10px; line-height:12px; text-align:center; border-radius:100%; border:1px solid #333;} */
.department_numb .depth > li + li {margin-top:10px;}
.department_numb .depth > li span {font-size: 16px; font-weight: 500;}

.eng .department_numb > ul > li span{ width: 100%; }
@media(min-width:1280px){
	.department_numb > ul > li a.mail{ margin-left: 0; }
}



@media(max-width:1400px){
	.about02 .ss04 .ss_box {padding:100px 30px;}
}

@media(max-width:1279px){

	.about02 .ss03 .list h4 {width:300px;}
	.about02 .ss03 .list .arrow {margin:0 50px;}
	.about02 .ss04 .ss_box {padding:80px 30px;}
	.about02 .ss04 .ss_box p {width:250px; height:70px; line-height:70px;}
	.about02 .ss04 .ss_box ul li {width:200px; height:60px; line-height:60px;}

	.business01 .tab_menu li {width:25%;}
	.business05 .ss01 .ss_box {padding:50px;}
	.business05 .ss01 .ss_box .center {width:350px; height:350px;}
	.business05 .ss01 .ss_box .center .circle span {width:100px; height:100px; font-size:1em; line-height:100px;}
	.business05 .ss01 .ss_box .center:after {width:270px; height:270px;}
	.business05 .ss01 .ss_box .center em {width:190px; height:190px; font-size:20px;}
	.business05 .ss01 .ss_box .center .circle:nth-child(1):before {top:49px;}
	.business05 .ss01 .ss_box .center .circle:nth-child(2):before {top:49px;}
	.business05 .ss01 .ss_box .center .circle:nth-child(3):before {bottom:49px;}
	.business05 .ss01 .ss_box .center .circle:nth-child(4):before {bottom:49px;}
	.business05 .ss01 .ss_box .center .circle:nth-child(1):after {right:67px; bottom:61px;}
	.business05 .ss01 .ss_box .center .circle:nth-child(2):after {left:67px; bottom:61px;}
	.business05 .ss01 .ss_box .center .circle:nth-child(3):after {right:67px; bottom:61px;}
	.business05 .ss01 .ss_box .center .circle:nth-child(4):after {left:67px; bottom:61px;}
	.business05 .ss01 .ss_box .list > div:nth-child(2n) {padding-left:210px;}

	#hr04_02 .ss02 > div:before {top:38%;}
	#hr04_02 .ss02 > div > div {width:calc((100% - 240px)/4); padding:0;}
	#hr04_02 .ss02 > div > div:after {left:-45px; top:34%;}
	#hr04_02 .ss02 > div > div + div {margin-left:80px;}
	#hr04_02 .ss02 > div > div h4 {width:100%; height:18vw;}

	#energy09 .ss01 .ssb02 ul {flex-wrap:wrap;}
	#energy09 .ss01 .ssb02 ul li {width:32%; margin:5px;}
	#energy09 .ss01 .ssb02 ul li:nth-child(3) {margin-right: 0;}
	#energy09 .ss01 .ssb02 ul li:nth-child(1),
	#energy09 .ss01 .ssb02 ul li:nth-child(4) {margin-left: 0;}
	#energy09 .ss01 .ssb02 ul li p {padding:20px;}
	#energy09 .ss01 .ssb02 ul li span {padding:25px 20px;}

	.department_numb > ul > li span {display: block;}
	.department_numb > ul > li a.mail {margin-left: 0;}
}


@media all and (max-width:1080px){

	.area_subVisual {height:260px;}
	.area_subVisual .inr {padding-bottom:60px;}
	.area_subVisual h2 {font-size:37px;}

	.eng .area_subVisual{height:200px;}
	.eng .area_subVisual .inr { flex-wrap: wrap; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding-bottom:40px;}
	.eng .area_subVisual h2{font-size:27px;}
	.eng .area_subVisual ul{ margin: 10px 0 0; }
	.eng .area_subVisual ul li + li {padding-left:15px; margin-left:15px;}

	.area_lnb .inr {width:100%;}

	.sub_title {margin-bottom:30px;}
	.sub_title h2 {font-size:30px;}

	.sub_section + .sub_section {margin-top:50px;}
	.ss_title {font-size:20px; margin-bottom:20px;}


	.ready_wrap .ready_box {padding:80px 0;}
	.ready_wrap .ready_box h3 {font-size:37px; margin-bottom:15px;}
	.ready_wrap .ready_box i {margin-bottom:25px;}
	.ready_wrap .ready_box i img {height:50px;}
	.ready_wrap .ready_box p {font-size:1em;}


	.about01 .ss01 h3 {font-size:24px;}
	.about01 .ss01 h3 br {display:none;}
	/* .about01 .ss01 h3 em:before {bottom:2px; height:12px;} */
	.about01 .ss01 .ss_box {margin-top:60px;}
	.about01 .ss01 .ss_box > div:last-child {width:90%; padding-left:60px;}


	.about02 .ss01 ul li {width:calc((100% - 10px)/2); height:auto; padding:23px 0;}
	.about02 .ss01 ul li.pc {display:none;}
	.about02 .ss01 ul li.mobile {display:flex; margin-left:0;}
	.about02 .ss01 ul li.address {width:100%;}
	.about02 .ss01 ul li i {width:65px;}
	.about02 .ss01 ul li i img {width:16px;}
	.about02 .ss01 ul li span {margin-right:15px; padding-right:15px;}
	.about02 .ss02 ul {padding:50px;}
	.about02 .ss02 ul li {width:calc((100% - 20px)/3); margin:0; padding:50px 30px; font-size:15px;}
	.about02 .ss02 ul li + li {margin-left:10px;}
	.about02 .ss02 ul li i {margin-bottom:30px;}
	.about02 .ss02 ul li i img {height:60px;}
	.about02 .ss03 .list + .list {margin-top:15px;}
	.about02 .ss03 .list > div br {display:none;}
	.about02 .ss03 .list .arrow {margin:0 30px; width:30px;}
	.about02 .ss03 .list .arrow em:after {width:7px; height:7px; transform:rotate(-45deg) translate(1px, -50%)}
	.about02 .ss04 .ss_box {padding:50px 30px;}
	.about02 .ss04 .ss_box p {width:200px; height:auto; line-height:normal; padding:20px; font-size:17px;}
	.about02 .ss04 .ss_box ul {width:100%;}
	.about02 .ss04 .ss_box ul:before {width:76.8%;}
	.about02 .ss04 .ss_box ul li {float:left; width:calc((100% - 60px)/4); height:auto; margin:0; padding:20px; line-height:normal;}
	.about02 .ss04 .ss_box ul li + li {margin-left:20px;}
	.about02 .ss05 table ul li {margin:3px 0;}


	.about04 .tab_container {padding-top:20px;}
	.about04 .tab_menu li a {padding:15px;}
	.about04 .tab_content > div + div {margin-top:20px;}
	.about04 .tab_content > div h4 {width:200px; margin-right:50px; font-size:18px;}
	.about04 .tab_content > div dl {padding:20px 70px;}
	.about04 .tab_content > div dl dt {padding-left:20px;}


	.about05 .ss01 {padding:40px 20px;}

	
	.about08 .map .root_daum_roughmap .wrap_map {height:380px !important;}
	.about08 .cont .print {padding:0 25px;}
	.about08 .cont .print span {padding:12px 0 12px 30px;}
	

	.business .sub_section {padding:0 30px;}

	.business .define {padding:35px 30px;}
	.business .define h2 {margin-bottom:12px;}
	.business .define dl {font-size:0.95em;}
	.business .define br {display:none;}

	.business .step {padding:20px 30px; flex-wrap:wrap;}
	.business .step li {width:50%; margin:15px 0;}

	.business01 .sub_section + .sub_section {padding-top:50px;}
	.business01 .define h2 {font-size:24px;}
	.business01 .tab_menu {margin-bottom:50px;}
	.business01 .tab_menu li {width:33.33%;}
	.business01 .tab_menu li a {padding:15px;}

	.business01 .process ul li {padding:30px 15px;}
	.business01 .process ul li i {width:35px; height:35px;}
	.business01 .process ul li p {font-size:1em;}
	.business01 .process ul li p em {font-size:13px;}
	.business01 .process .line {height:7px; margin-top:15px;}
	.business01 .process .line p:after {width:3px; height:3px;}
	.business01 .process.pro08 ul {flex-wrap:wrap;}
	.business01 .process.pro08 ul li {width:23%;}
	.business01 .process.pro08 ul li:nth-last-child(-n+4) {margin-top:10px;}

	.eng .business01 .process ul{ flex-wrap: wrap; }
	.eng .business01 .process ul li{ width: calc((100% - 20px)/3); margin: 5px 0; }
	.eng .business01 .process ul li:nth-child(3n+1){ margin-left: 0; }
	.eng .business01 .process ul li + li { margin-left: 10px; }
	.eng .business01 .process .line{ display: none; }


	#energy01 .ss01 ul {flex-wrap:wrap; margin-top:-5px;}
	#energy01 .ss01 ul li {width:50%; margin:5px 0; padding:0 20px;}
	#energy01 .ss01 ul li:before {top:4px; width:12px;}
	#energy01 .process ul li:nth-child(4) i img {display:block; width:90%;}

	#energy02 .ss01 .ss_box {margin:0 -7px;}
	#energy02 .ss01 .ss_box > div {margin:0 7px;}
	#energy02 .ss01 .ss_box > div p {padding:12px; font-size:0.95em;}
	#energy02 .ss01 .ss_box > div > div {min-height:170px; padding:25px 20px; font-size:0.95em;}
	#energy02 .ss02 ul {flex-wrap:wrap;}
	#energy02 .ss02 ul li {width:50%; margin:0 auto; padding:0 10px;}
	#energy02 .ss02 ul li:nth-last-child(-n+2) {margin-top:40px;}
	#energy02 .ss02 ul li img {width:100%;}
	#energy02 .ss02 ul li dl {margin-top:20px;}
	#energy02 .ss02 ul li dl dt {font-size:1em; margin-bottom:5px;}
	#energy02 .ss02 ul li dl dd {font-size:0.95em;}

	#energy03 .ss01 ul {margin-top:30px;}
	#energy03 .ss01 ul li i {width:100px; height:100px;}
	#energy03 .ss01 ul li:nth-child(2) i img {height:85%; margin-top:10px;}
	#energy03 .ss01 ul li p {margin-top:15px;}
	#energy03 .ss04 .img {padding:60px;}
	#energy03 .ss04 .img .con p {font-size:20px;}
	#energy03 .ss04 .different > div h4 {font-size:0.95em; padding:12px;}
	#energy03 .ss04 .different > div > div {padding:25px 20px;}
	#energy03 .ss04 .different > div ul {font-size:0.95em;}
	#energy03 .ss04 .different > div ul li + li {margin-top:5px;}
	#energy03 .ss06 ul li {width:50%;}

	#energy04 .define .dot:before {top:7px;}
	#energy04 .ss02 > p br {display:none;}
	#energy04 .ss02 .ss_box {display:block;}
	#energy04 .ss02 .ss_box .box {display:flex; flex-wrap:wrap; width:100%;}
	#energy04 .ss02 .ss_box .box h4 {width:100%; padding:15px; font-size:1em;}
	#energy04 .ss02 .ss_box .box > div {width:50%; padding:25px 20px; border-radius:5px 0 0 5px;}
	#energy04 .ss02 .ss_box .box > div + div {border-top:1px solid #ddd; border-left:none; border-radius:0 5px 5px 0;}
	#energy04 .ss02 .ss_box .box + .box {margin-left:0; margin-top:100px;}
	#energy04 .ss02 .ss_box .box + .box:before {left:50%; top:-100px; width:100px; height:100px; transform:translate(-50%, 0) rotate(90deg);}
	#energy04 .ss03 .ss_box {padding:35px 30px;}
	#energy04 .ss04 p {margin-bottom:30px;}
	#energy04 .ss05 .ss_box {display:block;}
	#energy04 .ss05 .ss_box .list_wrap {width:100%;}
	#energy04 .ss05 .ss_box .list_wrap .list {padding:15px;}
	#energy04 .ss05 .ss_box .list_wrap .list:before,
	#energy04 .ss05 .ss_box .list_wrap .list:after {display:none;}
	#energy04 .ss05 .ss_box .list_wrap .list p {margin-bottom:17px;}
	#energy04 .ss05 .ss_box .list_wrap .list ul {font-size:0.95em;}
	#energy04 .ss05 .ss_box .list_wrap .list ul li + li {margin-top:5px;}
	#energy04 .ss05 .ss_box .list_wrap .list + .list {margin-top:15px;}
	#energy04 .ss05 .ss_box .circle {display:flex; align-items:center; margin-top:100px;}
	#energy04 .ss05 .ss_box .circle:before {left:50%; top:-75px; width:1px; height:50px; transform:none;}
	#energy04 .ss05 .ss_box .circle div {margin:0 100px; font-size:1em;} 
	#energy04 .ss05 .ss_box .circle div:before {left:-50%; top:50%; transform:translate(0, -50%) rotate(-90deg);}
	#energy04 .ss05 .ss_box .circle div:after {left:auto; right:-50%; top:50%; transform:translate(0, -50%) rotate(90deg);}

	#energy05 .ss03 .ss_box {padding:35px 30px;}
	#energy05 .ss04 p {margin-bottom:30px;}
	#energy05 .ss05 .ss_box {display:block;}
	#energy05 .ss05 .ss_box .list_wrap {width:100%;}
	#energy05 .ss05 .ss_box .list_wrap .list {padding:15px;}
	#energy05 .ss05 .ss_box .list_wrap .list:before,
	#energy05 .ss05 .ss_box .list_wrap .list:after {display:none;}
	#energy05 .ss05 .ss_box .list_wrap .list p {margin-bottom:17px;}
	#energy05 .ss05 .ss_box .list_wrap .list ul {font-size:0.95em;}
	#energy05 .ss05 .ss_box .list_wrap .list ul li + li {margin-top:5px;}
	#energy05 .ss05 .ss_box .list_wrap .list + .list {margin-top:15px;}
	#energy05 .ss05 .ss_box .circle {display:flex; align-items:center; margin-top:100px;}
	#energy05 .ss05 .ss_box .circle:before {left:50%; top:-75px; width:1px; height:50px; transform:none;}
	#energy05 .ss05 .ss_box .circle div {margin:0 100px; font-size:1em;} 
	#energy05 .ss05 .ss_box .circle div:before {left:-50%; top:50%; transform:translate(0, -50%) rotate(-90deg);}
	#energy05 .ss05 .ss_box .circle div:after {left:auto; right:-50%; top:50%; transform:translate(0, -50%) rotate(90deg);}


	#energy06 .ss01 .box .bx_title h4 {font-size:1em;}
	#energy06 .ss01 .box .bx_con {flex-wrap:wrap; padding:30px;}
	#energy06 .ss01 .box .bx_con dl {width:100%; padding:0;}
	#energy06 .ss01 .box .bx_con > ul {width:100%; padding:20px 0 0; margin-top:20px; border-left:none; border-top:1px solid #eaeaea;}
	#energy06 .ss03 .ss_box > p {padding:12px;}
	#energy06 .ss03 .list_wrap {flex-wrap:wrap; margin-top:20px;}
	#energy06 .ss03 .list_wrap li  {width:50%; margin:15px 0;}
	
	#energy07 .ss02 ul {flex-wrap:wrap;}
	#energy07 .ss02 ul li {width:33.33%;}
	#energy07 .ss02 ul li:nth-child(1) {margin-top:calc(30px * 2);}
	#energy07 .ss02 ul li:nth-child(2) {margin-top:calc(30px * 1);}
	#energy07 .ss02 ul li:nth-child(3) {margin-top:0;}

	#energy09 .ss01 .ssb01 ul li i {width:70px; height:70px;}
	/* #energy09 .ss01 .ssb02 ul {flex-wrap:wrap;} */
	/* #energy09 .ss01 .ssb02 ul li {width:31.33%; margin:5px;}
	#energy09 .ss01 .ssb02 ul li p {padding:20px;}
	#energy09 .ss01 .ssb02 ul li span {padding:25px 20px;} */
	#energy09 .ss02.process.pro06 ul {flex-wrap:wrap;}
	#energy09 .ss02.process.pro06 ul li {width:31.33%;}
	#energy09 .ss02.process.pro06 ul li:nth-last-child(-n+3) {margin-top:10px;}

	.business02 .ss01 .ss_box {padding:50px 0;}
	.business02 .ss01 .ss_box .list dl dd {font-size:15px;}
	.business02 .ss01 .ss_box .list dl dd br {display:none;}
	.business02 .ss03 table td p {margin-top:70%;}

	.business03 .table table i {display:block; margin-bottom:12px;}
	.business03 .table table tr td {padding:30px;}
	.business03 .table table tr td br {display:none;}
	.business03 .ss03 a {padding:20px 30px; font-size:1em;}

	.business05 .ss01 .ss_box {padding:70px 50px 40px;}
	.business05 .ss01 .ss_box .center {position:relative; left:auto; top:auto; margin:0 auto; margin-bottom:60px; transform:none;}
	.business05 .ss01 .ss_box .list > div {height:auto; padding-right:0; margin:15px 0;}
	.business05 .ss01 .ss_box .list > div:nth-child(2n) {padding-left:50px;}
	.business05 .ss02 .ss_box {margin-top:-5px;}
	.business05 .ss02 .ss_box > div h4 {padding:20px;}
	.business05 .ss02 .ss_box > div ul {padding:25px 20px;}
	.business05 .ss03 ul li {padding-left:20px;}
	.business05 .ss03 ul li:before {top:4px; width:12px;}
	.business05 .ss03 ul li + li {margin-left:35px;}
	.business05 .ss04 .title_box > dl {width:calc((100% - 100px)/3);}
	.business05 .ss04 .title_box > dl + dl {margin-left:50px;}
	.business05 .ss04 .title_box > dl + dl:before {width:50px;}
	.business05 .ss04 .con_box ul {width:calc((100% - 100px)/3);}
	.business05 .ss04 .con_box ul + ul {margin-left:50px;}

	.business06 .ss02 .ssb02 > div dl dt {padding:0 20px;}
	.business06 .ss02 .ssb02 > div dl dt:before {top:4px; width:12px;}

	.hr01 .ss01 {padding:50px;}
	.hr01 .ss01 .ss_title {margin-bottom:30px;}
	.hr01 .ss01 ul {flex-wrap:wrap; justify-content:center; counter-reset:list-number;}
	.hr01 .ss01 ul li {display:flex; justify-content:center; align-items:center; width:100%; counter-increment:list-number;}
	.hr01 .ss01 ul li + li {margin-top:50px;}
	.hr01 .ss01 ul li i {width:40%; height:auto; margin-right:35px;}
	.hr01 .ss01 ul li em {display:none;}
	.hr01 .ss01 ul li dl {text-align:left; margin-top:0; }
	.hr01 .ss01 ul li dl dt {font-size:18px; margin-bottom:12px;}
	.hr01 .ss01 ul li dl dt:before {display:block; margin-bottom:12px; font-size:14px; font-weight:1000; content:"0" counter(list-number); color:#1a3eb3;}
	.hr01 .ss01 ul li dl dt span {font-size:16px; margin-top:2px;}

	.hr02 .tab {margin:-5px 0 35px;}
	.hr02 .tab li a {font-size:15px;}
	.hr02 .tab_menu {margin-bottom:35px;}
	.hr02 .tab_menu li {width:33.33%;}
	.hr02 .tab_menu li a {padding:15px;}
	.hr02 .tab_content {padding:3px 35px;}
	.hr02 .tab_content p {line-height:1.7;}
	.hr02 .tab_content p br {display:none;}

	.hr02 .ss01 > div {width:calc((100% - 130px)/4);}
	.hr02 .ss01 > div > p {font-size:16px; line-height:70px;}
	.hr02 .ss01 > div.list01 {width:130px;}
	.hr02 .ss01 .list02 .list_wrap .over ul li {writing-mode: vertical-rl; text-orientation: upright;}

	.hr03 ul li {width:calc((100% - 10px)/2); padding:30px;}
	.hr03 ul li dl dt {margin-bottom:10px;}

	#hr04_02 .ss02 > div:before {top:38%;}
	#hr04_02 .ss02 > div > div {width:calc((100% - 180px)/4); padding:0;}
	#hr04_02 .ss02 > div > div:after {left:-34px;}
	#hr04_02 .ss02 > div > div + div {margin-left:60px;}
	#hr04_02 .ss02 > div > div h4 {height:18.5vw;}
	#hr04_02 .ss03 ul li p {padding:15px 25px; font-size:1em;}
	#hr04_02 .ss03 ul li span {padding:20px 25px;}

	.department_numb {padding:30px;}
	/* .department_numb > ul > li {width:calc((100% - 50px)/2); margin:12px 0;} */
	/* .department_numb > ul > li + li {margin-left:50px;} */
	/* .department_numb > ul > li:nth-child(2n+1) {margin-left:0;} */
	.department_numb > ul > li span {display:block; margin-bottom:3px;}
	.department_numb > ul > li a {margin:0 20px 0 0; padding-left:23px; font-size:15px;}
	.department_numb > ul > li a.mail,
	.department_numb > ul > li a.call {background-size:14px;}




}

@media all and (max-width:860px){

	.business02 .ss01 .ss_box:before {display:none;}
	.business02 .ss01 .ss_box:after {display:none;}
	.business02 .ss01 .ss_box {padding:15px 0;}
	.business02 .ss01 .ss_box .list {width:100%; flex-direction:initial; text-align:left; padding:15px 30px;} 
	.business02 .ss01 .ss_box .list .icon {width:80px; height:80px; border-radius:10px;}
	.business02 .ss01 .ss_box .list .icon p {line-height:1; margin-top:8px; font-size:14px;}
	.business02 .ss01 .ss_box .list dl {padding:0 0 0 30px;}
	.business02 .ss01 .ss_box .list:nth-child(2n) dl {padding:0 0 0 30px;}

	.business02 .ss03 table tr th,
	.business02 .ss03 table tr td {display:none;}
	.business02 .ss03 table tr th.show,
	.business02 .ss03 table tr td.show {display:table-cell;}
	.business02 .ss03 table td {padding:30px;}
	.business02 .ss03 table td p {margin-top:40%;}
	.business02 .ss03 table td span em{width:6px; height:6px;}
	.business02 .ss03 table td span:before {width:20px; height:20px;}
	.business02 .ss03 table td span:after {width:1px; height:6vw; border-right:1px dashed #ccc;}


	.hr02 > .mobile {display:block; padding:12px 15px; margin-bottom:10px; font-size:0.95em; color:#888; border:1px solid #eaeaea; background:#fafafa;}
	.hr02 .ss01 {overflow-x:scroll; overflow-y:hidden; padding-bottom:10px;}
	.hr02 .ss01::-webkit-scrollbar { width: 3px; }
	.hr02 .ss01::-webkit-scrollbar-thumb { background: #a9a9a9; }
	.hr02 .ss01 > div {width:auto;}
	.hr02 .ss01 > div.list01 {width:auto;}
	.hr02 .ss01 > div.list02 .list_wrap > ul:first-child,
	.hr02 .ss01 > div.list04 .list_wrap > ul:first-child,
	.hr02 .ss01 > div.list05 .list_wrap > ul:first-child {position:absolute; left:0; top:0; width:100%;}
	.hr02 .ss01 .list_wrap {height:calc(100% - 70px);}
	.hr02 .ss01 .list_wrap > ul > li {line-height:normal; white-space:nowrap; padding:25px 15px;}
	.hr02 .ss01 .list_wrap .over {position:relative;}
	.hr02 .ss01 .list02 .list_wrap .over ul li {writing-mode:initial; text-orientation:initial;}
	.hr02 .ss01 .list05 .list_wrap .over ul li {white-space:nowrap;}




}






@media all and (max-width:767px){
	
	div#content.sub{padding:50px 0;}
	.area_subVisual{height:200px;}
	.area_subVisual .inr {padding-bottom:40px;}
	.area_subVisual h2{font-size:27px;}
	.area_subVisual ul li + li {padding-left:15px; margin-left:15px;}

	.area_lnb .inr {height:55px;}
	.area_lnb .home {width:55px;}
	.area_lnb .title {padding-left:30px;}
	.area_lnb .title,
	.area_lnb .lnb > a {line-height:55px; font-size:1em; padding-right:30px; background-size:8px; background-position:right 20px center;}
	.area_lnb .lnb > a {padding-left:30px;}
	.area_lnb .lnb ul {top:55px;}
	.area_lnb .lnb ul li a {font-size:0.95em; padding:8px 30px;}


	.sub_title{margin-bottom:30px;}
	.sub_title h2{font-size:22px;}

	.sub_section + .sub_section {margin-top:35px;}
	.sub_section .table table {font-size:0.95em;}
	.sub_section .table table tr > * {padding:10px;}
	.sub_section .dot {padding-left:10px;}
	.sub_section .dot:before {width:3px; height:3px;}
	
	.ss_title {font-size:18px; margin-bottom:15px;}


	.ready_wrap .ready_box {padding:55px 0;}
	.ready_wrap .ready_box h3 {font-size:27px; margin-bottom:10px;}
	.ready_wrap .ready_box i {margin-bottom:20px;}
	.ready_wrap .ready_box i img {height:35px;}



	.about01 .ss01 h3 {font-size:19px;}
	/* .about01 .ss01 h3 em:before {bottom:0; height:10px;} */
	.about01 .ss01 .ss_box {margin-top:50px; flex-wrap:wrap;}
	.about01 .ss01 .ss_box > div:last-child {display:block; width:100%; padding-left:0; margin-top:50px;}


	.about02 .ss01 ul {margin-top:15px;}
	.about02 .ss02 ul {padding:30px;}
	.about02 .ss02 ul li {font-weight:500;}
	.about02 .ss02 ul li i img {height:45px;}
	.about02 .ss03 .list {flex-wrap:wrap;}
	.about02 .ss03 .list + .list {margin-top:20px;}
	.about02 .ss03 .list h4 {flex-wrap:nowrap; width:100%; font-size:16px; padding:17px; align-items:center;}
	.about02 .ss03 .list h4 span {display:inline-block; width:auto; margin-top:0px; font-size:14px; margin-left:10px;}
	.about02 .ss03 .list .arrow {display:none;}
	.about02 .ss03 .list > div {padding:30px; margin-top:5px;}
	.about02 .ss03 .list > div br {display:block;}
	.about02 .ss03 .list ul li p {padding-right:12px;}
	.about02 .ss03 .list ul li p .c_green {font-size:15px;}
	.about02 .ss03 .list ul li p:after {width:7px;}
	.about02 .ss04 .ss_box {display:flex; align-items:center; justify-content:space-between;}
	.about02 .ss04 .ss_box > * {width:calc((100% - 100px)/2) !important;}
	.about02 .ss04 .ss_box p {margin:0; font-size:15px;}
	.about02 .ss04 .ss_box p:after {left:auto; right:-50px; top:50%; bottom:auto; width:50px; height:1px; transform:translate(0, -50%);}
	.about02 .ss04 .ss_box ul {display:block; padding-top:0;}
	.about02 .ss04 .ss_box ul:before {left:-50px; top:50%; width:1px; height:80%; transform:translate(0, -50%);}
	.about02 .ss04 .ss_box ul li {width:100%;}
	.about02 .ss04 .ss_box ul li:before {left:-50px; top:50%; width:50px; height:1px; transform:translate(0, -50%);}
	.about02 .ss04 .ss_box ul li + li {margin:20px 0 0;}

	.about04 .ss_title {margin-bottom:15px;}
	.about04 .tab_menu li {width:calc((100% - 15px)/4);}
	.about04 .tab_menu li a {padding:12px;}
	.about04 .tab_container {margin-top:30px;}
	.about04 .tab_content > div h4 {width:auto; padding:30px; font-size:16px; margin-right:30px;}
	.about04 .tab_content > div dl {padding:15px 55px;}
	.about04 .tab_content > div dl dt {padding-left:15px;}
	.about04 .tab_content > div dl dt:before {width:3px; height:3px;}


	.about05 .ss01 .pc {display:none;}
	.about05 .ss01 .mobile {display:block;}


	.about08 .map .root_daum_roughmap .wrap_map {height:300px !important;}
	.about08 .cont {margin-top:22px;}
	.about08 .cont ul {margin-top:10px;}
	.about08 .cont ul li {margin:3px 0;}
	.about08 .cont ul li i {width:23px; height:23px;}
	.about08 .cont ul li i img {width:10px;}
	.about08 .cont .print {width:35px; height:35px; padding:0; background:url(/images/content/about/about08_print.svg) no-repeat center; background-size:15px;}
	.about08 .cont .print span {display:none;}
	.about08 .cont .print:hover {background:#303983 url(/images/content/about/about08_print_on.svg) no-repeat center; background-size:15px;}
	.about08 .cont .print:hover span {display:none}


	.business .sub_section {padding:0;}
	.business .define {padding:22px 20px;}
	.business .define h2 {font-size:18px;}
	.business .step li dl dd {font-size:1em;}
	.business .step li p span {width:57%;}

	.business01 .sub_section + .sub_section {padding-top:35px;}
	.business01 .tab_menu {margin-bottom:30px;}
	.business01 .tab_menu li a {padding:12px;}


	.business01 .process ul {flex-wrap:wrap;}
	.business01 .process ul li {width:calc((100% - 20px)/3) !important; margin:5px 0 !important}
	.business01 .process ul li + li {margin-left:10px !important;}
	.business01 .process ul li:nth-child(3n+1) {margin-left:0 !important;}
	.business01 .process .line {display:none;}

	#energy01 .ss01 ul li {width:100%; padding:0 17px}
	#energy01 .ss01 ul li:before {width:11px;}
	#energy01 .ss_box .dot {font-size:16px;}
	#energy01 .ss_box + .ss_box {margin-top:30px;}

	#energy03 .ss04 .img {flex-wrap:wrap;}
	#energy03 .ss04 .img > div {width:100%; text-align:center;}
	#energy03 .ss04 .img > div:last-child {margin-top:30px;}
	#energy03 .ss04 .img > div:last-child img {margin-bottom:10px;}
	#energy03 .ss04 .img .con {margin-top:20px;}
	#energy03 .ss04 .img .con p {font-size:15px;}
	#energy03 .ss04 .different > div {width:calc((100% - 15px)/2);}
	#energy03 .ss06 ul {margin-top:30px;}
	#energy03 .ss06 ul li i {width:40px; height:40px; margin-right:15px;}
	#energy03 .ss06 ul li i img {width:17px;}
	
	#energy07 .ss02 ul li dd {font-size:1em;}
	#energy09 .ss01 .ssb02 ul {gap: 5px;}
	#energy09 .ss01 .ssb02 ul li {width:49%; margin: 0;}
	#energy09 .ss01 .ssb02 ul li span {font-size:1em;}
	#energy09 .ss02 ul li span {font-size:1em;}
	
	



	.business02 .ss01 .ss_box .list {padding:10px 25px;}
	.business02 .ss01 .ss_box .list dl {padding-left:25px !important;}
	.business02 .ss01 .ss_box .list dl dt {font-size:15px; margin-bottom:6px;}
	.business02 .ss01 .ss_box .list dl dd {font-size:1em;}
	.business02 .ss01 .ss_box .list .icon {width:70px; height:70px;}
	.business02 .ss01 .ss_box .list .icon i {width:17px; height:17px;}
	.business02 .ss03 table td {padding:25px;}

	.business03 .table colgroup {display:none;}
	.business03 .table table tr td {padding:20px;}
	.business03 .table table i {width:35px; height:35px;}
	.business03 .ss03 a {padding:20px;}

	.business03 .ss03 a span {font-size:0.95em;}
	.business03 .ss03 a span:before {width:25px; height:25px; left:-12px;}
	
	.business05 .ss01 .ss_box {padding:50px 50px 40px;}
	.business05 .ss01 .ss_box .list > div {width:100%;}
	.business05 .ss01 .ss_box .list > div:nth-child(2n) {padding-left:0;}
	.business05 .ss01 .ss_box .list > div ul li {font-size:1em;}
	.business05 .ss02 .ss_box > div {width:50%;}
	.business05 .ss02 .ss_box > div h4 {font-size:1em;}
	.business05 .ss03 ul {flex-wrap:wrap;}
	.business05 .ss03 ul li {width:33.33%; margin:5px 0;}
	.business05 .ss03 ul li + li {margin-left:0px;}
	.business05 .ss03 ul li:nth-child(5) {margin-left:0;}	
	.business05 .ss04 .title_box {display:none;}
	.business05 .ss04 .con_box {padding:0; margin-top:25px;}
	.business05 .ss04 .con_box ul > p {position:relative; display:block; padding:12px 15px; margin-bottom:20px; font-weight:600; text-align:center; border-radius:50px; border:3px solid #20366e;}
	.business05 .ss04 .con_box ul > p span {display:block; margin-top:2px; font-size:0.95em; font-weight:400; color:#666;}
	.business05 .ss04 .con_box ul + ul > p:before {position:absolute; left:0; top:50%; content:''; width:50px; height:15px; margin-left:-3px; background: url(/images/content/business/business05_multiply.svg) no-repeat center; background-size:10px; transform:translate(-100%, -50%);}
	.business05 .ss04 .con_box ul li {padding:0 15px; font-size:0.95em;}
	.business05 .ss04 .con_box ul li + li {padding-top:35px;}
	.business05 .ss04 .con_box ul li + li:before {font-size:11px; top:8px;}
	
	.business06 .ss02 .ssb02 > div dl dt {padding:0 17px;}
	.business06 .ss02 .ssb02 > div dl dt:before {width:11px;} 
	.business06 .ss02 .ssb02 > div dl dd {font-size:0.95em;}
	.business06 .ss02 .ssb02 > div dl dd br {display:none;}

	.hr01 .ss01 {padding:35px 30px;}
	.hr01 .ss01 ul li dl dt:before {margin-bottom:10px;}
	.hr01 .ss01 ul li dl dt {font-size:16px; margin-bottom:10px;}
	.hr01 .ss01 ul li dl dt span {font-size:14px;}

	.hr02 .tab {margin:-12px 0 25px;}
	.hr02 .tab li {padding:10px 15px;}
	.hr02 .tab li:nth-child(1) {padding-left:20px;}
	.hr02 .tab li:nth-child(2) {padding-right:20px;}
	.hr02 .tab li a {font-size:0.95em;}
	.hr02 .tab_menu li a {padding:12px;}
	.hr02 > .mobile {padding:12px;}
	.hr02 .ss01 > div > p {font-size:1em; line-height:60px;}
	.eng .hr02 .ss01 > div > p { height: 61px; font-size:1em; line-height:1.5;}
	.hr02 .ss01 .list_wrap {height:calc(100% - 60px);}
	.hr02 .ss01 .list_wrap > ul > li {padding:15px;}
	.eng .hr02 .ss01 .list_wrap > ul > li{ height: 47px; }

	.hr03 ul li {padding:25px 20px; align-items:flex-start; border-radius:5px;}
	.hr03 ul li i {width:30px; padding-top:3px;}
	.hr03 ul li dl {margin-left:25px;}
	.hr03 ul li dl dt {font-size:15px; margin-bottom:5px;}
	.hr03 ul li dl dd {font-size:1em;}

	.hr04 .tab_menu {margin-bottom:30px;}
	.hr04 .tab_menu li {width:calc((100% - 10px)/3);}
	.hr04 .tab_menu li a {padding:12px;}

	#hr04_02 .ss01 table tr td {padding:25px 30px;}
	#hr04_02 .ss01 table td ul li span {display:block; padding:0; margin:0 0 3px;}
	#hr04_02 .ss01 table td ul li span:after {display:none;}
	#hr04_02 .ss01 table td ul li + li {margin-top:12px;}
	#hr04_02 .ss01 table td br {display:block;}
	#hr04_02 .ss01 table td a {margin:5px 0 0; padding-left:22px;}
	#hr04_02 .ss01 table td a.call {margin-top:10px;}
	#hr04_02 .ss01 table td a.call, 
	#hr04_02 .ss01 table td a.mail {background-size:13px;}
	#hr04_02 .ss02 > div {flex-wrap:wrap;}
	#hr04_02 .ss02 > div:before {display:none;}
	#hr04_02 .ss02 > div > div {width:50%; padding:0 30px; margin:20px 0;}
	#hr04_02 .ss02 > div > div:before {position:absolute; left:0; top:38%; content:''; width:100%; height:1px; background:#295197;}
	#hr04_02 .ss02 > div > div:after {left:0; top:33%;}
	#hr04_02 .ss02 > div > div:nth-child(3):after {display:none;}
	#hr04_02 .ss02 > div > div + div {margin-left:0;}
	#hr04_02 .ss02 > div > div h4 {position:relative; width:70%; height:25.5vw; margin:0 auto 15px; font-size:16px;}
	#hr04_02 .ss03 ul {flex-wrap:wrap;}
	#hr04_02 .ss03 ul li {width:calc((100% - 20px)/2); margin-bottom:20px;}
	#hr04_02 .ss03 ul li:nth-child(3) {margin-left:0;}
	#hr04_02 .ss03 ul li p {padding:15px 20px;}
	#hr04_02 .ss03 ul li span {padding:20px; font-size:1em;}


	.department_numb > ul > li {width:100%; font-size:16px; margin:10px 0;}
	.department_numb > ul > li + li {margin-left:0;}
	.department_numb > ul > li span {display: block; margin-bottom:0; margin-right:20px;}
	.department_numb > ul > li p {font-size:16px;}
	.department_numb > ul > li a {font-size:14px;}
	.department_numb .depth > li span {font-size: 15px;}

	

}


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

	.mobile {display:block;}

	.area_subVisual {height:170px;}
	.area_lnb .inr {height:50px;}
	.area_lnb .home {width:50px;}
	.area_lnb .title {padding-left:20px;}
	.area_lnb .title,
	.area_lnb .lnb {width:calc((100% - 50px)/2); }
	.area_lnb .lnb {border-right:none;}
	.area_lnb .title,
	.area_lnb .lnb > a {font-size:0.95em; line-height:50px; box-sizing:border-box;}
	.area_lnb .lnb ul {top:50px;}
	.area_lnb .lnb ul li a {font-size:0.95em; padding:8px 20px;}


	.ss_title {font-size:17px;}

	.sub_section .table > p {padding:10px; margin-bottom:10px; font-size:0.95em; color:#888; border:1px solid #eaeaea; background:#fafafa; cursor:pointer;}
	.sub_section .table > div {overflow-x:scroll;}
	.sub_section .table table {white-space:nowrap;}


	.about01 .ss01 h3 {font-size:18px;}
	.about01 .ss01 .ss_box {margin-top:40px;}
	.about01 .ss01 .ss_box > div:last-child {margin-top:40px;}
	.about01 .ss01 .ss_box > div:last-child p span {font-size:27px; margin-left:15px;}


	.about02 .ss01 ul {display:block;}
	.about02 .ss01 ul li {width:100%; padding:15px 20px;}
	.about02 .ss01 ul li + li {margin:10px 0 0;}
	.about02 .ss01 ul li span:after {height:10px;}
	.about02 .ss01 ul li i {width:auto; margin-right:10px;}
	.about02 .ss01 ul li i img {width:13px;}
	.about02 .ss02 ul {display:block;}
	.about02 .ss02 ul li {display:flex; align-items:center; text-align:left; width:100%; padding:30px;}
	.about02 .ss02 ul li + li {margin:10px 0 0;}
	.about02 .ss02 ul li i {min-width:40px; margin-bottom:0; margin-right:25px;}
	.about02 .ss02 ul li i img {height:37px;}
	.about02 .ss02 ul li br {display:none;}
	.about02 .ss03 .list h4 {font-size:15px; padding:15px;}
	.about02 .ss03 .list h4 span {font-size:0.85em;}
	.about02 .ss03 .list > div br {display:none;}
	.about02 .ss03 .list ul li {font-size:1em;}
	.about02 .ss03 .list ul li p .c_green {font-size:1em;}
	.about02 .ss03 .list ul li p span {padding:0 5px;}
	.about02 .ss04 .ss_box {padding:30px;}
	.about02 .ss04 .ss_box > * {width:calc((100% - 60px)/2) !important;}
	.about02 .ss04 .ss_box p {font-size:1em; padding:17px;}
	.about02 .ss04 .ss_box p:after {right:-30px; width:30px;}
	.about02 .ss04 .ss_box ul:before {left:-31px; height:79%;}
	.about02 .ss04 .ss_box ul li {padding:17px;}
	.about02 .ss04 .ss_box ul li:before {left:-30px; width:30px;}
	.about02 .ss04 .ss_box ul li + li {margin:10px 0 0;}
	.about02 .ss05 .table table {white-space:normal;}


	.about04 .ss_title {margin-bottom:12px;}
	.about04 .tabmenu_wrap {position:relative; margin:20px 0 0;}
	.about04 .tabmenu_wrap > p {position:relative; height:50px; line-height:50px; padding:0 15px; font-weight:600; color:#fff; border-radius:5px; background:#333;}
	.about04 .tabmenu_wrap > p:after {position:absolute; right:15px; top:50%; content:''; width:15px; height:15px; background:url(/images/common/tab_arrow.svg) no-repeat center; background-size:10px; transform:translateY(-50%);}
	.about04 .tabmenu_wrap .tab_menu {display:none; position:absolute; left:0; top:50px; width:100%; margin:0; z-index:8; box-shadow:3px 3px 7px rgb(0 0 0 / 10%);}
	.about04 .tabmenu_wrap .tab_menu.on {display:block;}
	.about04 .tabmenu_wrap .tab_menu li {width:100%; padding:0; background:#f5f5f5;}
	.about04 .tab_menu li a {padding:15px; text-align:left; border:none !important; color:#666 !important;}
	.about04 .tab_menu li + li { margin-left: 0; border-top:1px solid #eaeaea;}
	.about04 .tab_container {padding-top:10px; margin-top:20px;}
	.about04 .tab_content > div {display:block;}
	.about04 .tab_content > div h4 {margin-right:0; padding:15px; margin-bottom:10px;}


	.about05 .ss01 {padding:20px;}


	.about08 .map .root_daum_roughmap .wrap_map {height:220px !important}
	.about08 .cont {padding-right:80px;}
	.about08 .cont ul {display:block;}
	.about08 .cont ul li {width:100%; margin:10px 0; align-items:flex-start;}
	.about08 .cont ul li:last-child {margin-left:0;}
	.about08 .cont ul li p {padding-top:1px;}


	.business .define {line-height:1.5;}
	.business .step {padding:20px;}
	.business .step li p {margin-bottom:11px;}
	.business .step li p span {width:50%; margin-right:30px; height:2px;}
	.business .step li p em:after {border-left:5px solid #1ac0ba; border-top:3px solid transparent; border-bottom:3px solid transparent;}
	.business .step li dl dt {margin-bottom:7px;}

	
	.business01 .tabmenu_wrap {position:relative; margin-bottom:35px;}
	.business01 .tabmenu_wrap > p {position:relative; height:50px; line-height:50px; padding:0 15px; font-weight:600; color:#fff; border-radius:5px; background:#333;}
	.business01 .tabmenu_wrap > p:after {position:absolute; right:15px; top:50%; content:''; width:15px; height:15px; background:url(/images/common/tab_arrow.svg) no-repeat center; background-size:10px; transform:translateY(-50%);}
	.business01 .tabmenu_wrap .tab_menu {display:none; position:absolute; left:0; top:50px; width:100%; margin:0; z-index:8; box-shadow:3px 3px 7px rgb(0 0 0 / 10%);}
	.business01 .tabmenu_wrap .tab_menu.on {display:block;}
	.business01 .tabmenu_wrap .tab_menu li {width:100%; padding:0; background:#f5f5f5;}
	.business01 .tab_menu li a { justify-content: flex-start; padding:15px; text-align:left; border:none !important; color:#666 !important;}
	.business01 .tab_menu li.active,
	.business01 .tab_menu li + li {border-top:1px solid #eaeaea;}



	#energy01 .ss_box .dot {font-size:15px;}
	#energy01 .ss01 ul li:before {width:10px;}

	#energy02 .ss01 .ss_box {margin:0; flex-wrap:wrap;}
	#energy02 .ss01 .ss_box > div {width:100%; margin:0;}
	#energy02 .ss01 .ss_box > div + div {margin-top:15px;}
	#energy02 .ss01 .ss_box > div p {padding:10px;}
	#energy02 .ss01 .ss_box > div > div {padding:20px; min-height:auto;}
	#energy02 .ss01 .ss_box > div > div ul {display:block;}

	#energy03 .ss01 ul li {padding:0 25px;}
	#energy03 .ss01 ul li i {width:75px; height:75px;}
	#energy03 .ss01 ul li:nth-child(2) i img {height:75%; margin-top:14px;}
	#energy03 .ss04 .img {margin-top:30px;}
	#energy03 .ss04 .different {flex-wrap:wrap; margin-top:30px;}
	#energy03 .ss04 .different > div {width:100%;}
	#energy03 .ss04 .different > div + div {margin-top:15px;}
	#energy03 .ss04 .different > div h4 {padding:10px;}
	#energy03 .ss06 ul {margin-top:20px;}
	#energy03 .ss06 ul li {width:100%; margin:7px 0;}


	#energy04 .define .dot:before {top:8px;}
	#energy04 .ss02 .ss_box {margin-top:30px;}
	#energy04 .ss02 .ss_box .box h4 {padding:12px;}
	#energy04 .ss02 .ss_box .box > div {width:100%; border-radius:5px 5px 0 0;}
	#energy04 .ss02 .ss_box .box > div + div {border-top:none; border-left:1px solid #ddd; border-radius:0 0 5px 5px;}
	#energy04 .ss02 .ss_box .box + .box {margin-top:60px;}
	#energy04 .ss02 .ss_box .box + .box:before {top:-60px; width:60px; height:60px; background-size:26px;}
	#energy04 .ss03 .ss_box {padding:20px;}
	#energy04 .ss03 .ss_box h4 {font-size:1em; padding:6px 15px;}
	#energy04 .ss03 .ss_box p {margin:15px 0; padding:0 15px;}
	#energy04 .ss03 .ss_box ul {padding:0 15px;}
	#energy04 .ss03 .ss_box ul li {font-size:1em; line-height:1.5;}
	#energy04 .ss03 .ss_box ul li + li {margin-top:8px;}
	#energy04 .ss04 p {margin-bottom:20px;}
	#energy04 .ss05 .ss_box .list_wrap .list {padding:10px;}
	#energy04 .ss05 .ss_box .list_wrap .list section {padding:20px; text-align:center;}
	#energy04 .ss05 .ss_box .list_wrap .list p {padding:5px 15px; margin-bottom:17px;}
	#energy04 .ss05 .ss_box .list_wrap .list ul {text-align:left; padding:0; line-height:1.5;}
	#energy04 .ss05 .ss_box .list_wrap .list ul li + li {margin-top:7px;}
	#energy04 .ss05 .ss_box .circle {justify-content:space-between; margin-top:65px;}
	#energy04 .ss05 .ss_box .circle:before {top:-50px; height:35px;}
	#energy04 .ss05 .ss_box .circle div {width:30%; height:27vw; padding:10px; margin:0;}
	#energy04 .ss05 .ss_box .circle div:before {left:-7vw; width:10px; height:30px; background-size:6px;}
	#energy04 .ss05 .ss_box .circle div:after {right:-7vw; width:10px; height:30px; background-size:6px;}
	#energy04 .ss05 .ss_box .circle p {width:22%; height:20vw; margin:0; padding:10px;}
	#energy04 .ss06 .ss_box > p {font-size:15px;}

	#energy05 .ss03 .ss_box {padding:20px;}
	#energy05 .ss03 .ss_box h4 {font-size:1em; padding:6px 15px;}
	#energy05 .ss03 .ss_box p {margin:15px 0; padding:0 15px;}
	#energy05 .ss03 .ss_box ul {padding:0 15px;}
	#energy05 .ss03 .ss_box ul li {font-size:1em; line-height:1.5;}
	#energy05 .ss03 .ss_box ul li + li {margin-top:8px;}
	#energy05 .ss04 p {margin-bottom:20px;}
	#energy05 .ss05 .ss_box .list_wrap .list {padding:10px;}
	#energy05 .ss05 .ss_box .list_wrap .list section {padding:20px; text-align:center;}
	#energy05 .ss05 .ss_box .list_wrap .list p {padding:5px 15px; margin-bottom:17px;}
	#energy05 .ss05 .ss_box .list_wrap .list ul {text-align:left; padding:0; line-height:1.5;}
	#energy05 .ss05 .ss_box .list_wrap .list ul li + li {margin-top:7px;}
	#energy05 .ss05 .ss_box .circle {justify-content:space-between; margin-top:65px;}
	#energy05 .ss05 .ss_box .circle:before {top:-50px; height:35px;}
	#energy05 .ss05 .ss_box .circle div {width:30%; height:27vw; padding:10px; margin:0;}
	#energy05 .ss05 .ss_box .circle div:before {left:-7vw; width:10px; height:30px; background-size:6px;}
	#energy05 .ss05 .ss_box .circle div:after {right:-7vw; width:10px; height:30px; background-size:6px;}
	#energy05 .ss05 .ss_box .circle p {width:22%; height:20vw; margin:0; padding:10px;}
	#energy05 .ss06 .ss_box > p {font-size:15px;}

	#energy06 .ss01 > p {font-size:15px;}
	#energy06 .ss01 .box {flex-wrap:wrap;}
	#energy06 .ss01 .box .bx_title {width:100%; padding:20px; align-items:center;}
	#energy06 .ss01 .box .bx_title span {margin-bottom:0; margin-right:10px;}
	#energy06 .ss01 .box.bx02 .bx_title h4 {width:auto;}
	#energy06 .ss01 .box .bx_con {padding:20px; margin-left:0; margin-top:5px;}
	#energy06 .ss01 .box .bx_con .formula:before {top:35px;}
	#energy06 .ss01 .box .bx_con .formula ul li {line-height:1.4; text-align:center;}
	#energy06 .ss02 > ul li span {font-size:0.95em;}
	#energy06 .ss03 .list_wrap li {margin:6px 0; padding:6px 20px 0 44px;}
	#energy06 .ss03 .list_wrap li i {width:30px; height:30px;}
	#energy06 .ss03 .list_wrap li i img {width:12px;}
	#energy06 .ss03 .list_wrap li.lt02 i img {width:14px;}
	#energy06 .ss03 .list_wrap li.lt03 i img {width:16px;}
	#energy06 .ss03 .list_wrap li.lt04 i img {width:14px;}

	#energy07 .ss02 ul li {width:50%; padding:25px;}
	#energy07 .ss02 ul li p {font-size:1em; margin-bottom:8px;}
	#energy07 .ss02 ul li p span {font-size:0.85em; padding:5px 7px 3px}
	#energy07 .ss02 ul li:nth-child(2n+1) {margin-top:30px;}
	#energy07 .ss02 ul li:nth-child(2n+1):before {display:none;}
	#energy07 .ss02 ul li:nth-child(2n) {margin-top:0;}
	#energy07 .ss02 ul li dt {margin-bottom:7px;}
	#energy07 .ss02 ul li dd + dd {margin-top:3px;}

	#energy08 .ss_box + .ss_box {margin-top:30px;}
	#energy08 .ss_box dl dt {font-size:15px; margin-bottom:8px;}
	#energy08 .ss_box .img {padding:30px;}
	#energy08 .ss_box ul {padding:20px;}
	#energy08 .ss_box ul li + li {margin-top:10px;}
	#energy08 .ss_box ul li span {display:block; margin-bottom:3px;}
	
	#energy09 .ss01 .ss_box h4 {font-size:15px;}
	#energy09 .ss01 .ss_box > p {margin-bottom:15px;}
	#energy09 .ss01 .ssb01 ul {flex-wrap:wrap; margin:0;}
	#energy09 .ss01 .ssb01 ul li {width:calc((100% - 10px)/2); padding:20px; margin:5px 0;}
	#energy09 .ss01 .ssb01 ul li + li {margin-left:10px;}
	#energy09 .ss01 .ssb01 ul li:nth-child(3) {margin-left:0;}
	#energy09 .ss01 .ssb01 ul li i {width:55px; height:55px;}
	#energy09 .ss01 .ssb02 ul {margin:0;}
	#energy09 .ss01 .ssb02 ul li {width:calc((100% - 10px)/2); margin:5px 0;}
	/* #energy09 .ss01 .ssb02 ul li + li {margin-left:10px;} */
	#energy09 .ss01 .ssb02 ul li:nth-child(2n+1) {margin-left:0;}
	#energy09 .ss01 .ssb02 ul li span {padding:20px; min-height:auto;}

	.business02 .ss01 .ss_box .list {align-items:flex-start;}
	.business02 .ss01 .ss_box .list dl {padding-top:5px !important;}

	.business03 .ss03 a {flex-wrap:wrap;}
	.business03 .ss03 a p {padding-right:0;}
	.business03 .ss03 a span {position:relative; padding-left:35px; margin-left:0; margin-top:15px;}
	.business03 .ss03 a span:before {left:0; transform:translate(0, -50%);}
	
	.business05 .ss01 .ss_box {padding:40px 30px 25px;}
	.business05 .ss01 .ss_box .list > div {margin:12px 0;}
	.business05 .ss01 .ss_box .list > div ul li {font-size:0.95em;}
	.business05 .ss01 .ss_box .list > div ul li + li {margin-top:5px;}
	.business05 .ss02 .ss_box > div ul {padding:20px;}
	.business05 .ss03 ul li {padding-left:17px;}
	.business05 .ss03 ul li:before {width:10px;}
	.business05 .ss03 ul li + li {margin:4px 0;}
	.business05 .ss04 .con_box {flex-wrap:wrap;}
	.business05 .ss04 .con_box ul {width:100%;}
	.business05 .ss04 .con_box ul + ul {margin-left:0; margin-top:30px;}
	.business05 .ss04 .con_box ul li + li {padding-top:30px;}
	.business05 .ss04 .con_box ul li + li:before {font-size:8px; top:6px;}
	

	.business06 .ss02 .ssb02 > div dl dt:before {width:10px;}
	.business06 .table table i {width:35px; height:35px;}

	.hr01 .ss01 ul li {display:block;}
	.hr01 .ss01 ul li em {display:block; font-size:14px; margin-bottom:20px;}
	.hr01 .ss01 ul li i {width:70%; margin:0 auto 30px;}
	.hr01 .ss01 ul li dl {text-align:center;}
	.hr01 .ss01 ul li dl dt:before {display:none;}
	

	.hr02 .tabmenu_wrap {position:relative; margin-bottom:25px;}
	.hr02 .tabmenu_wrap > p {position:relative; height:50px; line-height:50px; padding:0 15px; font-weight:600; color:#fff; border-radius:5px; background:#333;}
	.hr02 .tabmenu_wrap > p:after {position:absolute; right:15px; top:50%; content:''; width:15px; height:15px; background:url(/images/common/tab_arrow.svg) no-repeat center; background-size:10px; transform:translateY(-50%);}
	.hr02 .tabmenu_wrap .tab_menu {display:none; position:absolute; left:0; top:50px; width:100%; margin:0; z-index:8; box-shadow:3px 3px 7px rgb(0 0 0 / 10%);}
	.hr02 .tabmenu_wrap .tab_menu.on {display:block;}
	.hr02 .tabmenu_wrap .tab_menu li {width:100%; padding:0; background:#f5f5f5;}
	.hr02 .tab_menu li a {padding:15px; text-align:left; border:none !important; color:#666 !important;}
	.hr02 .tab_menu li + li {border-top:1px solid #eaeaea;}
	.hr02 .tab_content {padding:2px 25px;}
	.hr02 .tab_content .ss_title {margin-bottom:8px;}

	.hr03 ul li {width:100%;}
	.hr03 ul li + li {margin:10px 0 0;}

	.hr04 .tab_menu li + li {margin-left:0;}
	.hr04 .tabmenu_wrap {position:relative; margin-bottom:25px;}
	.hr04 .tabmenu_wrap > p {position:relative; height:50px; line-height:50px; padding:0 15px; font-weight:600; color:#fff; border-radius:5px; background:#333;}
	.hr04 .tabmenu_wrap > p:after {position:absolute; right:15px; top:50%; content:''; width:15px; height:15px; background:url(/images/common/tab_arrow.svg) no-repeat center; background-size:10px; transform:translateY(-50%);}
	.hr04 .tabmenu_wrap .tab_menu {display:none; position:absolute; left:0; top:50px; width:100%; margin:0; z-index:8; box-shadow:3px 3px 7px rgb(0 0 0 / 10%);}
	.hr04 .tabmenu_wrap .tab_menu.on {display:block;}
	.hr04 .tabmenu_wrap .tab_menu li {width:100%; padding:0; background:#f5f5f5;}
	.hr04 .tab_menu li a {padding:15px; text-align:left; border:none !important; color:#666 !important;}
	.hr04 .tab_menu li + li {border-top:1px solid #eaeaea;}

	#hr04_02 .ss01 table tr td {padding:20px;}
	#hr04_02 .ss01 table td i {width:35px; height:35px; margin-right:15px;}
	#hr04_02 .ss02 > div > div {margin:15px 0;}
	#hr04_02 .ss02 > div > div:after {left:-5px; top:34%; width:10px; height:10px;}
	#hr04_02 .ss02 > div > div h4 {width:100%; height:33vw; font-size:15px;}
	#hr04_02 .ss02 > div > div h4 em {font-size:0.85em; margin-bottom:10px;}
	#hr04_02 .ss03 ul li {width:calc((100% - 10px)/2); margin-bottom:10px;}
	#hr04_02 .ss03 ul li + li {margin-left:10px;}
	#hr04_02 .ss03 ul li p {padding:10px 15px; border-width:3px;}
	#hr04_02 .ss03 ul li span {padding:15px;}
	
	.department_numb {padding:20px;}
	.department_numb > ul {width: 100%;}
	.department_numb > ul > li {padding-left:12px; padding-bottom:10px; border-bottom:1px solid #eaeaea;}
	.department_numb > ul > li:before {width:3px; height:3px;}
	.department_numb > ul:last-child > li:last-child {border-bottom:0; padding-bottom:0;}
	.department_numb > ul > li span {display:block; margin-right:0; margin-bottom:3px; font-size:15px;}
	.department_numb > ul > li p {font-size:15px;}
	/* .department_numb .depth > li {padding-left:10px;} */
	.department_numb .depth > li + li {margin-top:10px;}
	.department_numb .depth > li:before {top:4px; width:11px; height:11px; line-height:11px;}
	.department_numb .depth > li span {margin-bottom:0; font-size: 14px;}
}

@media all and (max-width:460px){
	.area_subVisual .inr {flex-wrap:wrap; padding-bottom:30px; align-content:flex-end;}
	.area_subVisual h2 {width:100%; width:100%; font-size:24px; text-align:left;}
	.area_subVisual ul {margin-left:0; margin-top:10px;}
	.eng .area_subVisual ul{ display: none; }
	.area_subVisual ul li {font-size:12px;}
	.area_subVisual ul li + li {padding-left:10px; margin-left:10px;}
	.area_subVisual ul li:before {width:2px; height:2px;}

	.sub_title {margin-bottom:20px;}
	.sub_title h2 {font-size:20px;}

	.ready_wrap .ready_box h3 {font-size:24px; margin-bottom:7px;}
	.ready_wrap .ready_box i {margin-bottom:15px;}
	.ready_wrap .ready_box i img {height:27px;}

	.about01 .ss01 h3 {font-size:16px;}
	/* .about01 .ss01 h3 em:before {height:8px;} */
	.about01 .ss01 .ss_box {margin-top:30px;}
	.about01 .ss01 .ss_box > div:last-child {margin-top:30px;}
	.about01 .ss01 .ss_box > div:last-child p span {font-size:24px;}
	
	.about02 .ss01 ul li {position:relative; flex-wrap:wrap;}
	.about02 .ss01 ul li + li {margin:5px 0 0}
	.about02 .ss01 ul li span {width:100%; padding-left:27px; margin-bottom:5px;} 
	.about02 .ss01 ul li span:after{ display: none; }
	.about02 .ss01 ul li i {position:absolute; left:23px; top:18px; height:auto;}
	.about02 .ss02 ul {padding:20px;}
	.about02 .ss02 ul li {align-items:flex-start;}
	.about02 .ss02 ul li i {min-width:25px; margin-right:20px;}
	.about02 .ss02 ul li i img {height:30px;}
	.about02 .ss02 ul li p {margin-top:5px;}
	.about02 .ss03 .list h4 {font-size:1em;}
	.about02 .ss03 .list > div {padding:25px;}
	.about02 .ss04 .ss_box {display:block;}
	.about02 .ss04 .ss_box > * {width:100% !important;}
	.about02 .ss04 .ss_box p {margin-bottom:30px;}
	.about02 .ss04 .ss_box p:after {right:auto; left:50%; width:1px; height:30px; top:auto; bottom:-30px; transform:none;}
	.about02 .ss04 .ss_box ul li {float:none;}
	.about02 .ss04 .ss_box ul:before,
	.about02 .ss04 .ss_box ul li:before {display:none;}


	.about04 .tab_menu li a {font-size:0.85em; padding:10px;}
	.about04 .tab_content > div h4 {font-size:15px; padding:10px;}
	.about04 .tab_content > div dl {padding:15px;}
	.about04 .tab_content > div dl dt {position:relative; padding-left:0; margin-bottom:7px;}
	.about04 .tab_content > div dl dt:before {display:none;}
	.about04 .tab_content > div dl dd {position:relative; padding-left:11px;}
	.about04 .tab_content > div dl dd + dd {margin-top:5px;}
	.about04 .tab_content > div dl dd:before {position:absolute; left:0; top:8px; content:''; width:3px; height:3px; border-radius:100%; background:#ccc;}

	
	.about08 .map .root_daum_roughmap .wrap_map {height:195px !important;}


	.business .step li {width:100%;}
	.business .step li p span {width:70%;}

	.business01 .process ul li {width:calc((100% - 10px)/2) !important}
	.business01 .process ul li:nth-child(2n+1) {margin-left:0 !important;}
	.business01 .process ul li:nth-child(3n+1) {margin-left:10px !important;}
	.business01 .process ul li:nth-child(7) {margin-left:0 !important;}
	.business01 .process ul li:first-child {margin-left:0 !important;}

	#energy02 .ss02 ul {margin:0;}
	#energy02 .ss02 ul li {width:100%; padding:0;}
	#energy02 .ss02 ul li + li {margin-top:25px;}
	#energy02 .ss02 ul li dl {margin-top:17px;}

	#energy03 .ss01 ul {flex-wrap:wrap;}
	#energy03 .ss01 ul li {display:flex; align-items:center; width:100%; padding:0;}
	#energy03 .ss01 ul li + li {margin-top:10px;}
	#energy03 .ss01 ul li i { flex-shrink: 0; width:80px; height:80px; padding:15px; margin:0 20px 0 0; border-radius:100%; border:1px solid #eaeaea; }
	#energy03 .ss01 ul li:nth-child(2) i img {margin-top:7px;}
	#energy03 .ss04 .img {margin-top:25px; padding:30px;}
	#energy03 .ss04 .img .con {margin-top:15px;}
	#energy03 .ss04 .img .con p {margin-bottom:8px;}
	#energy03 .ss04 .different > div > div {text-align:left;}


	#energy06 .ss01 .box .bx_con .formula {flex-wrap:wrap;}
	#energy06 .ss01 .box .bx_con .formula:before {top:7px;}
	#energy06 .ss01 .box .bx_con .formula ul {width:80%; margin-top:15px;}
	#energy06 .ss01 .box .bx_con .formula span {padding:0 10px;}
	#energy06 .ss01 .box .bx_con .formula span:nth-child(4),
	#energy06 .ss01 .box .bx_con .formula p:last-child {margin-top:15px;}
	#energy06 .ss03 .list_wrap li {width:100%;}

	.business02 .ss01 .ss_box {padding:10px 0 0; border:none;}
	.business02 .ss01 .ss_box .list {padding:0;}
	.business02 .ss01 .ss_box .list .icon {width:60px; height:60px;}
	.business02 .ss01 .ss_box .list + .list {margin-top:20px;}
	.business02 .ss03 {margin-bottom:0;}
	.business02 .ss03 .table {display:none;}
	.business02 .ss03 .table.mobile {display:table; width:100%; white-space:initial;} 
	.business02 .ss03 table tr th,
	.business02 .ss03 table tr td {display:table-cell;}
	.business02 .ss03 table tr th {color:#111; background:#f7f7f7;}
	.business02 .ss03 table td {padding:20px;}
	
	.business03 .table table tr td br {display:block;}
	
	.business05 .ss01 .ss_box .center {width:100%; height:77vw;}
	.business05 .ss01 .ss_box .center:after {width:80%; height:62vw;}
	.business05 .ss01 .ss_box .center em {width:55%; height:43vw; font-size:18px;}
	.eng .business05 .ss01 .ss_box .center em br{ display: none; }
	.business05 .ss01 .ss_box .center .circle:before,
	.business05 .ss01 .ss_box .center .circle:after {display:none;}
	.business05 .ss02 .ss_box {margin:0;}
	.business05 .ss02 .ss_box > div {width:100%; padding:0;}
	.business05 .ss02 .ss_box > div ul li {font-size:0.95em;}
	.business05 .ss02 .ss_box > div ul li + li {margin-top:5px;}
	.business05 .ss03 ul li {width:50%;}

	.business06 .ss02 .ssb02 > div .img {display:block;}
	.business06 .ss02 .ssb02 > div .img li + li {margin:10px 0 0;}

	#energy09 .ss01 .ssb02 ul li {width:100%;}
	#energy09 .ss01 .ssb02 ul li + li {margin-left:0; margin-top:10px;}

	
	.hr01 .ss01 ul li i {width:80%;}

	.hr02 {margin-top:25px;}
	.hr02 .tab {padding:0; margin:-5px 0 20px;}
	.hr02 .tab li {padding:8px 15px;}
	.hr02 .tab li a {font-size:0.95em;}
	.hr02 .tab_content {padding:0 15px;}
	.hr02 .tab_content:before {display:none;}

	#hr04_02 .ss02 > div {justify-content:space-between;}
	#hr04_02 .ss02 > div > div {width:calc((100% - 50px)/2); padding:0; margin:12px 0;}
	#hr04_02 .ss02 > div > div:before {display:none;}
	#hr04_02 .ss02 > div > div:after {left:-30px;}
	#hr04_02 .ss02 > div > div h4 {height:39.5vw;}
	#hr04_02 .ss03 ul li {width:100%; margin-bottom:0;}
	#hr04_02 .ss03 ul li + li {margin:15px 0 0;}
	
	/* .department_numb > ul > li a {width: 150px;} */
}