/************ sub_common ****************/
/* main-color:#29166f */
/* subcolor:#d8251e */
.cen { text-align: center; } 

.basic-table { width:100%; border-collapse:collapse; border-top:2px solid #d8251e; } 
.basic-table thead tr th { font-size:18px; font-weight:600; line-height:22px; padding:10px; letter-spacing:-0.06em; color:#000; border:1px solid #dfdfdf; background:#fff; } 
.basic-table tbody tr td { font-size:16px; font-weight:300; line-height:30px; letter-spacing:-0.06em; color:#000; border:1px solid #dfdfdf; padding:17.5px 10px; } 
.basic-table tbody tr th { font-size:18px; font-weight:400; line-height:30px; letter-spacing:-0.06em; color:#000; border:1px solid #dfdfdf; background:#fff; } 
.basic-table tbody tr th strong { font-size:32px; font-weight:500; } 
.basic-table.ty2 tbody tr td.sty-ty2 { font-size:20px; font-weight:500; line-height:2em; } 
.basic-table tbody tr th:first-child,
.basic-table thead tr th:first-child,
.basic-table tbody tr td:first-child { border-left:0; } 
.basic-table thead tr th:last-child,
.basic-table tbody tr td:last-child { border-right:0; } 
.basic-table tfoot tr td { font-size:20px; font-weight:500; line-height:30px; padding:10px; letter-spacing:-0.03em; color:#000; border-bottom:1px solid #dfdfdf; background:#f4f4f4; } 

.basic-table.ty2 thead tr th { line-height:30px; padding:10px 10px; } 
.basic-table.ty2 tbody tr td { line-height:30px; padding:10px 30px; } 
.basic-table.ty2 tbody tr td strong { font-weight:500; } 
.basic-table.ty3 tbody tr td { line-height:30px; padding:10px; } 
.basic-table.bdr-lr-none thead tr th,
.basic-table.bdr-lr-none tbody tr td { border-left:0; border-right:0; } 
.clr-org { color:#29166f; } 
.clr-orgy { color:#d8251e; } 

@media (max-width:500px) {

.basic-table.ty2 tbody tr td.sty-ty2, .basic-table tbody tr th strong {font-size:13px;}

}

.sub-contents-wrap { margin:0 0 75px; display: flex; flex-direction: column; } 
.sub-contents-wrap:last-child { margin-bottom:0; width: 100%; } 
.sub-contents-wrap.last { margin-bottom:0; } 
.sub-contents-wrap .title-box { margin:0 0 25px; } 
.sub-contents-wrap .title-box h3 { font-size:32px; font-weight:700; line-height:40px; letter-spacing:-0.06em; color:#29166f; } 
.sub-contents-wrap .title-box h3 span { color:#d8251e; } 
.sub-contents-wrap .contnets-box { font-size:18px; font-weight:300; line-height:34px; letter-spacing:-0.06em; color:#000; } 
.sub-contents-wrap .contnets-box>.letter { font-size:20px; font-weight:400; margin:0 0 30px; } 
.sub-contents-wrap .contnets-box>.letter:last-child { margin-bottom:0; } 
.sub-contents-wrap .contnets-box .letter .strong { font-size:40px; font-weight:700; line-height:46px; letter-spacing:-0.06em; color:#2c2c2c; } 
.sub-contents-wrap .contnets-box .letter .strong span { font-weight:200; } 

.sub-contents-wrap .contnets-box .list { margin:0 0 25px; } 
.sub-contents-wrap .contnets-box .list:last-child { margin-bottom:0; } 
.sub-contents-wrap .contnets-box .list ul { } 
.sub-contents-wrap .contnets-box .list ul li { padding:0 0 0 20px; position:relative; } 
.sub-contents-wrap .contnets-box .list ul li:before { content:""; display:block; width:5px; height:5px; background:#29166f; position:absolute; left:0; top:14px; } 
.sub-contents-wrap .contnets-box .imgs-3-list { margin:0 0 30px; } 
.sub-contents-wrap .contnets-box .imgs-3-list:last-child { margin-bottom:0; } 
.sub-contents-wrap .contnets-box .imgs-3-list .row { margin:0 -5px; } 
.sub-contents-wrap .contnets-box .imgs-3-list .row .col-3 { float:left; width:33.33333333%; padding:0 5px; } 
.sub-contents-wrap .contnets-box .imgs-4-list { position:relative; } 
.sub-contents-wrap .contnets-box .imgs-4-list .row { margin:0 -5px; } 
.sub-contents-wrap .contnets-box .imgs-4-list .row .col-4 { float:left; width:25%; padding:0 5px; } 
.sub-contents-wrap .contnets-box .imgs-4-list .row .col-2 { float:left; width:50%; padding:0 5px; } 
.sub-contents-wrap .contnets-box .imgs-4-list .ps.r-t { font-size:16px; font-weight:400; line-height:22px; letter-spacing:-0.06em; color:#878787; position:absolute; right:0; top:-40px; } 
.sub-contents-wrap .contnets-box .imgs-4-list .con { text-align:center; } 
.sub-contents-wrap .contnets-box .imgs-4-list .con .imgbox { margin:0 0 20px; } 
.sub-contents-wrap .contnets-box .imgs-4-list .con .text-box { } 
.sub-contents-wrap .contnets-box .imgs-4-list .con .text-box .tit { font-size:24px; font-weight:700; line-height:30px; letter-spacing:-0.06em; color:#29166f; margin:0 0 5px; } 
.sub-contents-wrap .contnets-box .imgs-4-list .con .text-box .txt { font-size:18px; font-weight:300; line-height:32px; letter-spacing:-0.06em; color:#000; } 

.mgb0 { margin:0 !important; } 

.inner-lnb { margin:0 0 60px; } 
.inner-lnb ul { } 
.inner-lnb ul:after { content:""; display:block; clear:both; } 
.inner-lnb ul li { float:left; text-align:center; margin:0 -1px 0 0; } 
.inner-lnb ul li a { display:block; text-decoration:none; font-size:24px; font-weight:500; line-height:38px; padding:15px; letter-spacing:-0.06em; color:#000; background:#f4f4f4; position:relative; } 
.inner-lnb ul li.active a { color:#29166f; background:#fff; font-weight:700; } 
.inner-lnb ul li a:after { content:""; display:block; width:100%; height:100%; border:1px solid #ddd; position:absolute; left:0; top:0; } 
.inner-lnb ul li.active a:after { border:4px solid #1a48ee; } 

.inner-contents-wrap { margin:0 0 50px; } 
.inner-contents-wrap:last-child { margin-bottom:0; } 
.inner-contents-wrap .titlebox { margin:0 0 20px; } 
.inner-contents-wrap .titlebox h4 { font-size:24px; font-weight:500; line-height:30px; letter-spacing:-0.06em; color:#2c2c2c; } 
.inner-contents-wrap .titlebox h4 img { vertical-align:middle; margin:-0.2em 10px 0 0; max-width: 19px; } 
.inner-contents-wrap .inner-conbox { display: flex; flex-direction: column; } 
.inner-contents-wrap .inner-conbox .letter { } 
.inner-contents-wrap .inner-conbox .letter p { } 
.inner-contents-wrap .row { display: flex; flex-direction: row; justify-content: space-between; } 

.table-box { position:relative; margin:0 0 30px; } 
.table-box:last-child { margin-bottom:0; } 
.table-box .ps { font-size:14px; font-weight:300; line-height:20px; letter-spacing:-0.06em; color:#000; } 
.table-box .ps.r-t { position:absolute; right:0; top:-40px; } 

.sub-title { text-align:center; border-bottom:1px solid #eee; position:relative; } 
.sub-title:after { content:""; display:block; width:42px; height:6px; background:#29166f; position:absolute; left:0; right:0; bottom:0; margin:auto; } 
.sub-title h2 { font-size:40px; font-weight:700; line-height:46px; letter-spacing:-0.04em; color:#2c2c2c; padding:75px 0; } 

#contArea { padding:10px 0; max-width: 1400px; margin: 0 auto; margin-top:50px;} 
img { max-width:100% } 
.real-cont { max-width:1400px; min-height:500px; margin:0 auto; padding:60px 0 120px; } 

/******************************* sub common ************************/

/***************** ceo_mesaage ***************/
.greeting-wrap { max-width: 1440px; margin: 0 auto; } 
.greeting-wrap .top { text-align:center; margin:0 0 80px; } 
.greeting-wrap .top .imgbox img { max-width: 100vw; width:100%} 
.greeting-wrap .letter { font-size:24px; font-weight:400; line-height:42px; letter-spacing:-0.06em; color:#2c2c2c; text-align:center; margin:0 0 80px; } 
.greeting-wrap .letter p { margin:0 0 42px; } 
.greeting-wrap .letter p:last-child { margin-bottom:0; } 
.greeting-wrap .letter p strong { font-weight:700; } 

/************** 경영이념 ***********************/
.management-ideology .letter { text-align:center; font-size:40px; font-weight:200; line-height:46px; letter-spacing:-0.06em; color:#2c2c2c; margin:0 0 45px; } 
.management-ideology .letter p strong { font-weight:700; } 
.management-ideology .contents { position:relative; } 
.management-ideology .contents .imgbox { text-align:center; } 
.management-ideology .contents .imgbox img { width: 100%; max-width: 650px; } 
.management-ideology .contents .popcon { display:none; width:400px; border:5px solid #dfdfdf; background:#fff; padding:27px 30px; position:absolute; right:18px; top:50%; transform:translate(0,-50%);-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14); } 
.management-ideology .contents .popcon .title { font-size:24px; font-weight:500; line-height:30px; letter-spacing:-0.06em; color:#2c2c2c; margin:0 0 20px; } 
.management-ideology .contents .popcon .title img { vertical-align:middle; margin:-0.2em 10px 0 0; } 
.management-ideology .contents .popcon .list ul li { position:relative; font-size:18px; font-weight:500; line-height:24px; padding:4px 0 4px 15px; color:#2c2c2c; } 
.management-ideology .contents .popcon .list ul li:before { content:""; display:block; width:5px; height:5px; background:#29166f; position:absolute; left:0; top:14px; } 
.management-ideology .contents .popcon .list ul li:after { content:""; display:block; clear:both; } 
.management-ideology .contents .popcon .list ul li .tit { float:left; } 
.management-ideology .contents .popcon .list ul li .count { float:right; } 
.management-ideology .contents .popcon .list ul li .count span { color:#29166f; } 

/************** 경영이념 end ***********************/

/***************** 회사연혁 *************************/
.history-wrap .top { position:relative; } 
.history-wrap .top .sincebox { text-align:center; margin-top:-252px; } 
.history-container { padding:100px 0 0 0; position:relative; } 
.history-container .midbar { position:absolute; width:1px; height:100%; background:#29166f; left:0; right:0; top:0; margin:auto; } 
.htstoy-group { margin:0 0 45px; } 
.htstoy-group:last-child { margin-bottom:0; } 
.htstoy-group:after { content:""; display:block; clear:both; } 
.htstoy-group .conbox { width:50%; float:right; padding:0 0 0 28px; position:relative; } 
.htstoy-group .conbox { margin-bottom:0; } 
.htstoy-group .conbox .icon { position:absolute; left:-8px; top:11px; } 
.htstoy-group .conbox .tit { font-size:40px; font-weight:800; line-height:42px; letter-spacing:-0.06em; color:#2c2c2c; margin:0 0 17px; } 
.htstoy-group .conbox .list { padding:0 0 0 15px; } 
.htstoy-group .conbox .list ul li { position:relative; font-size:18px; font-weight:300; line-height:24px; padding:4px 0 4px 22px; } 
.htstoy-group .conbox .list ul li:before { content:""; display:block; width:8px; height:8px; border-radius:100%; background:#d8251e; position:absolute; left:0; top:12px; } 
.htstoy-group:nth-child(2n) .conbox { float:left; text-align:right; padding:0 28px 0 0; } 
.htstoy-group:nth-child(2n) .conbox .icon { left:auto; right:-6px; } 
.htstoy-group:nth-child(2n) .conbox .list ul li { padding:4px 22px 4px 0; } 
.htstoy-group:nth-child(2n) .conbox .list ul li:before { left:auto; right:0; } 
.htstoy-group:last-child .conbox:after { content:""; display:block; width:1px; height:100%; background:#fff; position:absolute; left:0px; top:34px; } 
.htstoy-group:last-child:nth-child(2n) .conbox:after { left:auto; right:0 } 

/***************** 회사연혁 end *************************/

/************************** 오시는 길 ************************/
.location-wrap .mapzone { width:100%; height:500px; margin:0 0 40px; padding:13px; border:10px solid #29166f; } 
.wrap_map { width:100% !important; height:100% !important; } 
.roughmap_lebel_text { display:none !important; } 
.location-wrap .basic-table tbody tr td { padding-left:40px; } 
/************************** 오시는 길 end ********************/


/***************************** service page *********************************/

/* service */
.p2-container-top { margin:0 0 90px; } 
.p2-container-top .top { position:relative; margin:0 0 70px } 
.p2-container-top .bgimgbox { } 
.p2-container-top .absol-conbox { position:absolute; left:0; right:0; width:540px; margin:auto; top:50%; transform:translate(0,-50%); background:#fff; padding:60px 50px; border-radius: 45px;} 
.p2-container-top .absol-conbox .tit { font-size:24px; font-weight:700; line-height:30px; letter-spacing:-0.06em; color:#d8251e; margin:0 0 7px; } 
.p2-container-top .absol-conbox .tit img { vertical-align:middle; margin:-0.2em 0 0 30px; } 
.p2-container-top .absol-conbox .title-box { font-size:34px; font-weight:800; line-height:40px; letter-spacing:-0.06em; color:#29166f; margin:0 0 10px; } 
.p2-container-top .absol-conbox .title-box span { font-size:16px; font-weight:400; color:#2c2c2c; margin:0 0 0 15px; } 
.p2-container-top .absol-conbox .letter { font-size:20px; font-weight:400; line-height:32px; letter-spacing:-0.06em; color:#2c2c2c; } 
.p2-container-top .absol-conbox .letter p { } 
.p2-container-top .mid-con { margin:120px 0 110px; } 
.p2-container-top .mid-con .imgbox { } 
.p2-container-top .list-img-c3 { height: 400px; } 
.p2-container-top .list-img-c3 .row { margin:0 -5px; } 
.p2-container-top .list-img-c3 .row .col-3 { float:left; width:33.33333333%; padding:0 5px; } 
.p2-container-top .list-img-c3 .con { } 
.p2-container-top .list-img-c3 .con .thumb { margin:0 0 20px; } 
.p2-container-top .list-img-c3 .con .thumb img { } 
.p2-container-top .list-img-c3 .con .textbox { text-align:center; } 
.p2-container-top .list-img-c3 .con .textbox .tit { font-size:24px; font-weight:700; line-height:32px; letter-spacing:-0.06em; color:#29166f; } 
.p2-container-top .list-img-c3 .con .textbox .txt { font-size:18px; font-weight:300; line-height:32px; letter-spacing:-0.06em; color:#000; } 
.p2-container-top .bot-con { margin:70px 0 0; } 

.energy-process { position:relative; border:12px solid #eee; padding:70px 88px; margin:225px 0; } 
.energy-process .textbox { } 
.energy-process .textbox .title { font-size:32px; font-weight:700; line-height:36px; color:#29166f; margin:0 0 20px; } 
.energy-process .textbox .title span { color:#d8251e; } 
.energy-process .textbox .letter { font-size:18px; font-weight:300; line-height:42px; letter-spacing:-0.06em; color:#000; } 
.energy-process .textbox .letter p { padding:0 0 0 20px; position:relative; } 
.energy-process .textbox .letter p:before { content:""; display:block; width:5px; height:5px; background:#29166f; position:absolute; left:0; top:18px; } 
.energy-process .textbox .letter p span { display:block; position:relative; } 
.energy-process .textbox .letter p span:before { content:""; width:6px; height:100%; background:url("../images/sub/p_group.jpg") 50% 50% no-repeat; position:absolute; left:-20px; top:0; } 
.energy-process .imgbox { position:absolute; right:68px; top:50%; transform:translate(0,-50%); } 

.with-list-img2 { } 
.with-list-img2:after { content:""; display:block; clear:both; } 
.with-list-img2 .list { float:left; } 
.with-list-img2 .list ul { } 
.with-list-img2 .list ul li { font-size:18px; font-weight:300; line-height:24px; padding:9px 0 9px 20px; position:relative; } 
.with-list-img2 .list ul li:before { content:""; display:block; width:5px; height:5px; background:#29166f; position:absolute; left:0; top:17px; } 
.with-list-img2 .img-2-box { float:right; } 
.with-list-img2 .img-2-box:after { content:""; display:block; clear:both; } 
.with-list-img2 .img-2-box .imgbox { float:left; margin:0 10px 0 0; } 
.with-list-img2 .img-2-box .imgbox:last-child { margin-right:0; } 

.basic-table.year-important-history tbody tr th { text-align:left; background:0; border-right:0; font-size:32px; font-weight:700; line-height:50px; padding:16px 0 16px 50px; } 
.basic-table.year-important-history tbody tr td { border-left:0; border-right:0; font-size:20px; font-weight:500; line-height:30px; padding:10px 45px; } 

/* service */

/* service esco */
.esco-important-items { padding:60px 0 40px; background:url("../img/sub/p2_img24.jpg") 100% 50% no-repeat; } 
.esco-important-items .items-list { } 
.esco-important-items .items-list:after { content:""; display:block; clear:both; } 
.esco-important-items .items-list .con { float:left; margin:0 20px 20px 0; position:relative; transition:.3s } 
.esco-important-items .items-list .con:nth-child(4),
.esco-important-items .items-list .con:nth-child(8) { clear:left; } 
.esco-important-items .items-list .con .imgbox { display:block } 
.esco-important-items .items-list .con .imgbox img {     border-radius: 15px; } 
.esco-important-items .items-list .con .text { display: none; position:absolute; left:0; width:100%; top:50%; transform:translate(0,-50%); text-align:center; /* padding:15px; */font-size:20px; font-weight:500; line-height:26px; letter-spacing:-0.06em; color:#fff; cursor: pointer; } 
.esco-important-items .items-list .con:hover .text { display: inline-block; } 
.esco-important-items .items-list .con .text span.special { display:inline-block; font-size:14px; font-weight:500; line-height:26px; padding:0 15px; letter-spacing:-0.06em; color:#fff; background:#29166f; border-radius:13px; } 
.esco-important-items .items-list .con .text a { color:inherit; display:block } 

@media (max-width:500px) {

.esco-important-items {background: none;}
.esco-important-items .items-list .con .text {display:block;}
}

span.fsb { font-size:12px; } 

.img-with-inner:after { content:""; display:block; clear:both; } 
.img-with-inner .text-con { float:left; width:50%; max-width:580px; } 
.img-with-inner .imgcon { float:right; margin-top:-60px; } 

.gray-imgbox { background:#f4f4f4; min-height:550px; padding:50px 10px 0; } 

.emission-transaction { background:#f4f4f4; } 
.emission-transaction:after { content:""; display:block; clear:both; } 
.emission-transaction .textbox { float:left; width:calc(100% - 720px); padding:90px 0 80px 70px; } 
.emission-transaction .textbox .tit { font-size:24px; font-weight:700; line-height:30px; letter-spacing:-0.06em; color:#d8251e; margin:0 0 13px; } 
.emission-transaction .textbox .title { font-size:34px; font-weight:800; line-height:40px; letter-spacing:-0.06em; color:#29166f; margin:0 0 8px; } 
.emission-transaction .textbox .title span { font-size:16px; font-weight:400; color:#2c2c2c; margin:0 0 0 15px; } 
.emission-transaction .textbox .letter { font-size:18px; font-weight:300; line-height:30px; letter-spacing:-0.06em; color:#2c2c2c; margin:0 0 10px; } 
.emission-transaction .textbox .letter .strong { font-size:20px; font-weight:700; line-height:32px; margin:0 0 8px; } 
.emission-transaction .textbox .letter p { } 
.emission-transaction .textbox .ps { font-size:14px; font-weight:300; line-height:22px; letter-spacing:-0.06em; color:#878787; } 
.emission-transaction .imgbox { float:right; } 

.emission-process { position:relative; } 
.emission-process:after { content:""; display:block; width:1060px; height:20px; background:url("../images/sub/after_arrow_bar.png") 0 0 no-repeat; position:absolute; left:0; right:0; bottom:50px; margin:auto;; } 
.emission-process .inner-contents-wrap { float:left; margin:0 10px 0 0; width:360px; } 
.emission-process .inner-contents-wrap:nth-child(2) { width:660px; } 
.emission-process .inner-contents-wrap:last-child { margin:0; } 

.emission-business-structure { } 
.emission-business-structure .dis-t { display:table; width:100%; border-collapse:collapse; } 
.emission-business-structure .dis-r { display:table-row; vertical-align:middle; } 
.emission-business-structure .dis-c { display:table-cell; vertical-align:middle; } 
.emission-business-structure .leftbox { width:420px; } 
.emission-business-structure .title { width:200px; font-size:24px; font-weight:700; line-height:34px; padding:15px 0; text-align:center; letter-spacing:-0.06em; color:#fff; border-radius:32px; position:relative; } 
.emission-business-structure .title.ty1 { background:#828386; } 
.emission-business-structure .title.ty2 { background:#29166f; } 
.emission-business-structure .title.ty3 { background:#d8251e; } 
.emission-business-structure .title .line-dot { position:absolute; width:190px; height:1px; right:-190px; top:50%; transform:translate(0,-50%); } 
.emission-business-structure .title .line-dot:after { content:""; display:block; width:21px; height:21px; border-radius:100%; position:absolute; right:0; top:50%; transform:translate(0,-50%); } 
.emission-business-structure .title.ty1 .line-dot { background:#828386; } 
.emission-business-structure .title.ty1 .line-dot:after { background:#828386; } 
.emission-business-structure .title.ty2 .line-dot { background:#29166f; } 
.emission-business-structure .title.ty2 .line-dot:after { background:#29166f; } 
.emission-business-structure .title.ty3 .line-dot { background:#d8251e; } 
.emission-business-structure .title.ty3 .line-dot:after { background:#d8251e; } 
.emission-business-structure .right-box .big-text { text-align:center; font-size:32px; font-weight:700; line-height:40px; letter-spacing:-0.06em; color:#2c2c2c; } 
.emission-business-structure .right-box .row { margin:0 -5px; } 
.emission-business-structure .right-box .row .col-3 { float:left; width:33.33333333%; padding:0 5px; } 
.emission-business-structure .right-box .t-list { } 
.emission-business-structure .right-box .t-list .tit { text-align:center; font-size:20px; font-weight:700; line-height:31px; padding:15px; letter-spacing:-0.06em; color:#fff; background:#29166f; } 
.emission-business-structure .right-box ul { border:1px solid #dfdfdf; border-top:0; padding:25px 40px; min-height:265px; } 
.emission-business-structure .right-box ul li { position:relative; font-size:18px; font-weight:300; line-height:24px; padding:9px 0 9px 20px; } 
.emission-business-structure .right-box ul li:before { content:""; display:block; width:5px; height:5px; background:#29166f; position:absolute; left:0; top:18px; } 
.emission-business-structure .right-box .list { } 
.emission-business-structure .right-box .list ul { border-top:2px solid #d8251e; } 
.emission-business-structure .right-box .list ul li { } 
.emission-business-structure .right-box .list ul li:before { } 
.emission-business-structure .top { margin:0 0 12px; } 
.emission-business-structure .mid { margin:0 0 60px; } 
.emission-business-structure .mid .right-box { padding-top:105px; background:url("../images/sub/after_arrow.png") 50% 0 no-repeat; } 
.emission-business-structure .mid .leftbox { padding-top:105px; } 

.esco-result ul { border-top:2px solid #d8251e; } 
.esco-result ul li { font-size:20px; font-weight:700; line-height:30px; padding:25px 50px; letter-spacing:-0.06em; color:#000; border-bottom:1px solid #dfdfdf; } 
/* esco end */

/* mecha */
.new-layout-1 { display:flex; align-items:center; justify-content:space-between; margin:0 0 65px; } 
.new-layout-1 .left-box { width:380px; } 
.new-layout-1 + .imgs-3-list { margin:0 0 60px; } 
/* mecha */

/***************************** service page end *********************************/

/************************* license *************************/
.license-list {
  /* background:#fafafa; */
} 

.license-list ul:after {
  content:"";
  display:block;
  clear:both;
} 

.license-list ul li {
  float:left;
  width:25%;
  margin:0 -1px -1px 0;
} 

.license-list .con {
  display:table;
  width:100%;
  height:220px;
  border:1px solid #dfdfdf;
  background:#fff;
  padding:29px 39px 0;
} 

.license-list .con:hover {
  background:#fafafa;
} 

.license-list .con .cell {
  display:table-cell;
  vertical-align:top;
} 

.license-list .con .num {
  font-size:22px;
  font-weight:800;
  line-height:32px;
  letter-spacing:-0.06em;
  color:#000;
} 

.license-list .con .tit {
  font-size:24px;
  font-weight:500;
  line-height:30px;
  letter-spacing:-0.06em;
  color:#2c2c2c;
  margin:5px 0;
  text-align: center;
} 

.license-list .con .detail {
  display: block;
  cursor: pointer;
  text-align: center;
  padding: 15px;
} 

.license-list .con .detail .view-con {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 90%;
  max-width: 600px;
  z-index: 10;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
}
.license-list .con .detail:hover .view-con {
  display: block;
}


/************************* license end *************************/

/************************* p_3 page *************************/
/* distribution */
.page-top-img-text { position:relative; margin:0 0 90px; } 
.page-top-img-text .texbox { position:absolute; right:0; width:700px; top:50%; transform:translate(0,-50%); background: #b8b8b8; padding:45px 60px; } 
.page-top-img-text .texbox .tit { font-size:32px; font-weight:700; line-height:40px; letter-spacing:-0.06em; color:#29166f; } 
.page-top-img-text .texbox .title { font-size:28px; font-weight:500; line-height:40px; letter-spacing:-0.06em; color:#d8251e; margin:15px 0; } 
.page-top-img-text .texbox .letter { font-size:20px; font-weight:300; line-height:32px; letter-spacing:-0.06em; color:#fff; } 
.page-top-img-text .texbox .letter.ty2 { font-size:28px; font-weight:500; line-height:40px; } 
/* distribution end*/

/* disaster */
.examination-result { text-align:center; } 
.examination-result .title { font-size:32px; font-weight:700; line-height:40px; letter-spacing:-0.06em; color:#29166f; margin:0 0 15px; } 
.examination-result .title span { color:#d8251e; } 
.examination-result .letter { font-size:40px; font-weight:200; line-height:58px; letter-spacing:-0.06em; color:#2c2c2c; margin:0 0 60px; } 
.examination-result .letter strong { font-weight:700; } 
/* disaster end*/

/* acdemy */
.academy-conbox .imgbox { float:left; } 
.academy-conbox .info { float:right; width:870px; } 
.academy-conbox .info .title { font-size:24px; font-weight:700; line-height:30px; letter-spacing:-0.06em; color:#2c2c2c; margin:0 0 18px; } 
.academy-conbox .info .title:after { content:""; display:block; clear:both; } 
.academy-conbox .info .title a { float:right; font-size:16px; font-weight:500; } 
.academy-conbox .info ul { padding:7px 0; } 
.academy-conbox .info .ty-col-2 { } 
.academy-conbox .info .ty-col-2:after { content:""; display:block; clear:both; } 
.academy-conbox .info .ty-col-2 li { float:left; width:165px; } 
.academy-conbox .info .ty-col-2 li:nth-child(2n+1) { clear:left; } 
/* academy end*/

/* p_4 */
/* company culture */
.enterprise-culture { background:url("../img/sub/p4_icon_bg.png") 70px 50% no-repeat; } 
.enterprise-culture .box { margin:0 0 30px; } 
.enterprise-culture .box.box-1 { } 
.enterprise-culture .box.box-2 { padding-left:210px; } 
.enterprise-culture .box.box-3 { margin-bottom:0; padding-left:95px; } 
.enterprise-culture .box .dis-t { display:table; width:100%; border-collapse:collapse; } 
.enterprise-culture .box .dis-r { display:table-row; } 
.enterprise-culture .box .cell { } 
.enterprise-culture .box .iconbox { display:table-cell; vertical-align:middle; width:295px; text-align:center; } 
.enterprise-culture .box .textbox { display:table-cell; vertical-align:middle; } 
.enterprise-culture .box .textbox .tit { font-size:32px; font-weight:700; line-height:40px; letter-spacing:-0.06em; color:#29166f; margin:0 0 12px; } 
.enterprise-culture .box .textbox .txt { font-size:20px; font-weight:400; line-height:32px; letter-spacing:-0.06em; color:#000; } 
/* company culture end*/

/* hrd */
.page-col-2-wrap { margin:0 0 45px; } 
.page-col-2-wrap .row .col-2 { float:left; width:50%; } 
.page-col-2-wrap .left-contes-wrap { padding-right:100px; } 
.page-col-2-wrap .left-contes-wrap .sub-contents-wrap { margin-bottom:38px; } 
.page-col-2-wrap .left-contes-wrap .sub-contents-wrap:last-child { margin-bottom:0; } 
.page-col-2-wrap .left-contes-wrap .sub-contents-wrap .title-box { margin-bottom:18px; } 
.page-col-2-wrap .left-contes-wrap .sub-contents-wrap .letter { line-height:32px; } 
.flating-inners:after { content:""; display:block; clear:both; } 
.flating-inners .inner-contents-wrap { float:left; margin-right:75px; margin-bottom:0; } 
.flating-inners .inner-contents-wrap:last-child { margin:0; } 
/* hrd end*/

/* hire */
.left-contes-wrap.ty-hiring { padding-right:95px; } 
.left-contes-wrap.ty-hiring .top-letter { font-size:40px; font-weight:200; line-height:54px; letter-spacing:-0.06em; color:#2c2c2c; margin:0 0 20px; } 
.left-contes-wrap.ty-hiring .top-letter strong { font-weight:700; } 
.hiring-wrap .col-3-box { margin:0 0 30px; } 
.hiring-wrap .col-3-box .row .col-3 { float:left; width:33.3333%; } 
.hiring-wrap .inner-contents-wrap { margin-bottom:30px; } 
.hiring-wrap .col-3-box .inner-contents-wrap { margin:0; } 
.hiring-wrap .inner-contents-wrap .titlebox { margin:0 0 15px; } 
.hiring-wrap .inner-contents-wrap .inner-conbox { font-size:20px; font-weight:400; line-height:32px; letter-spacing:-0.06em; color:#000; } 
.hiring-wrap .inner-contents-wrap .inner-conbox .letter { } 
.hiring-wrap .inner-contents-wrap .inner-conbox .letter p { } 
.hiring-wrap .inner-contents-wrap .inner-conbox .hiring-stpe .row { height:100px } 

.hiring-stpe .row .col-3 { float:left; position:relative; margin-right:120px; } 
.hiring-stpe .row .col-3:last-child { margin-right:0; } 
.hiring-stpe .row .col-3:after { content:""; display:block; width:20px; height:20px; background:url("../img/sub/p4_arrow.png") 50% 50% no-repeat; background-size:cover; position:absolute; right:-90px; top:35%; margin-top:-10px; } 
.hiring-stpe .row .col-3:last-child:after { display:none; } 
.hiring-stpe .con { text-align:center; } 
.hiring-stpe .con .stp { font-size:14px; font-weight:700; line-height:26px; letter-spacing:-0.06em; color:#d8251e; } 
.hiring-stpe .con .txt { font-size:20px; font-weight:400; line-height:32px; letter-spacing:-0.06em; color:#000; } 
/* hire end */

/* 입사지원 */
.job-application { margin:0 0 30px; } 
.job-application .row { } 
.job-application .letter { float:left; font-size:40px; font-weight:200; line-height:54px; letter-spacing:-0.06em; color:#2c2c2c; } 
.job-application .letter strong { font-weight:700; } 
.job-application .about-link { float:right; margin-top:39px; } 
.job-application .about-link:after { content:""; display:block; clear:both; } 
.job-application .about-link a { float:left; display:block; text-decoration:none; font-size:22px; font-weight:700; line-height:30px; letter-spacing:-0.06em; color:#2c2c2c; margin:0 40px 0 0; } 
.job-application .about-link a:last-child { margin-right:0; } 
.job-application .about-link a img { vertical-align:middle; margin:-0.2em 0 0 10px; } 
/* 입사지원 */

/******************************** media query ************************/

@media (max-width: 990px){
 .table-box { overflow:auto; } 
 .table-box::-webkit-scrollbar { -webkit-appearance: none; } 
 .table-box::-webkit-scrollbar:vertical { width: 12px; } 
 .table-box::-webkit-scrollbar:horizontal { height: 12px; } 
 .table-box::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
 .table-box::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; } 

 .page-col-2-wrap .row .col-2 { float:none; width:100%; margin-bottom:30px; } 
 .page-col-2-wrap .row .col-2:last-child { margin-bottom:0; } 
 .page-col-2-wrap .left-contes-wrap { padding:0; } 
 .page-col-2-wrap .left-contes-wrap .sub-contents-wrap { margin-bottom:25px; } 
 .page-col-2-wrap .left-contes-wrap .sub-contents-wrap .letter { line-height:1.6em; } 
 .page-col-2-wrap .left-contes-wrap .sub-contents-wrap .title-box { margin-bottom:10px; } 

/***************** ceo_mesaage ***************/
 .sub-title h2 { font-size:22px; line-height:1.5em; padding:30px 10px; } 
 .real-cont { padding:30px 10px 50px; } 
 .greeting-wrap .top { margin-bottom:20px; } 
 .greeting-wrap .letter { font-size:14px; line-height:1.6em; margin-bottom:30px; text-align:left;} 
 .greeting-wrap .letter p { margin-bottom:20px; } 
 /***************** ceo_mesaage end ***************/

 /* 회사연혁 */
 .basic-table thead tr th { font-size:14px; line-height:1.5em; padding:5px; } 
 .basic-table tbody tr td { font-size:13px; line-height:1.6em; padding:5px; } 
 .p-topbtn-box { padding-top:40px; } 
 .history-wrap .top .imgbox { margin:0 -10px; } 
 .history-wrap .top .sincebox { margin-top:-50px; } 
 .history-container .midbar { display:none; } 
 .history-container { padding:30px 0 0 0; } 
 .htstoy-group { margin-bottom:30px; } 
 .htstoy-group .conbox { float:none; width:100%; } 
 .htstoy-group .conbox { padding:0 0 0 15px; } 
 .htstoy-group:nth-child(2n) .conbox { padding:0 15px 0 0; } 
 .htstoy-group .conbox .icon { top:6px; } 
 .htstoy-group .conbox .tit { font-size:22px; line-height:1.5em; margin:0 0 10px; } 
 .htstoy-group .conbox .list { padding:0; } 
 .htstoy-group .conbox .list ul li { font-size:14px; line-height:1.6em; padding:3px 0 3px 15px; } 
 .htstoy-group:nth-child(2n) .conbox .list ul li { padding:3px 15px 3px 0; } 
 .htstoy-group .conbox .list ul li:before { top:10px; } 
 .location-wrap .mapzone { height:300px; margin:0 0 20px; padding:0; border-width:3px; } 
 .basic-table tbody tr th { font-size:15px; line-height:1.5em; padding:5px; } 
 .location-wrap .basic-table tbody tr td { padding:5px; } 
 .p2-container-top .top { margin-bottom:30px; } 
 .p2-container-top .bgimgbox { margin-bottom:10px; } 
 .p2-container-top .absol-conbox { position:static; width:auto; transform:none; padding:0; } 
 .p2-container-top .absol-conbox .tit { font-size:16px; line-height:1.6em; } 
 .p2-container-top .absol-conbox .tit img { margin-left:10px; } 
 .p2-container-top .absol-conbox .title-box { font-size:22px; line-height:1.6em; margin:0 0 5px; } 
 .p2-container-top .absol-conbox .title-box span { font-size:14px; } 
 .p2-container-top .absol-conbox .letter { font-size:14px; line-height:1.6em; } 
 .p2-container-top .mid-con { margin:40px 0; } 
 .p2-container-top .list-img-c3 .row { margin:0; } 
 .p2-container-top .list-img-c3 .row .col-3 { float:none; width:100%; padding:0; margin-bottom:25px; } 
 .p2-container-top .list-img-c3 .row .col-3:last-child { margin-bottom:0; } 
 .p2-container-top .list-img-c3 .con .thumb { margin-bottom:5px; } 
 .p2-container-top .list-img-c3 .con .textbox .tit { font-size:16px; line-height:1.5em; } 
 .p2-container-top .list-img-c3 .con .textbox .txt { font-size:14px; line-height:1.6em; } 
 /* 회사연혁 end*/

/* 경영이념 */ 
 .management-ideology .letter { font-size:22px; line-height:1.5em; margin-bottom:30px; } 
 /* 경영이념 end*/

/* 에너지진단 */
 .p2-container-top .list-img-c3 { height: auto; } 

 .energy-process { margin:30px 0; padding:10px; border-width:3px; } 
 .energy-process .imgbox { position:static; transform:none; margin-top:20px; } 
 .energy-process .textbox .title { font-size:22px; line-height:1.6em; margin:0 0 10px; } 
 .energy-process .textbox .letter p span:before { display:none; } 
 .energy-process .textbox .letter p { padding:0 0 0 10px; } 
 .energy-process .textbox .letter { font-size:14px; line-height:1.6em; } 
 .energy-process .textbox .letter p:before { top:8px; } 
 /* 에너지진단 end */

 /* service */
 .sub-contents-wrap { margin-bottom:30px; } 
 .sub-contents-wrap .title-box { margin-bottom:10px; } 
 .sub-contents-wrap .title-box h3 { font-size:20px; line-height:1.5em; } 
 .inner-contents-wrap .titlebox { margin-bottom:10px; } 
 .inner-contents-wrap .titlebox h4 { font-size:18px; line-height:1.6em; } 
 .inner-contents-wrap .titlebox h4 img { width:19px; margin-right:5px; } 
 .basic-table.ty2 thead tr th { padding:3px; line-height:1.5em; } 
 .basic-table.ty2 tbody tr td { padding:3px; line-height:1.6em; } 
 .basic-table.ty3 tbody tr td { padding:3px; line-height:1.6em; } 
 .sub-contents-wrap .contnets-box { font-size:14px; line-height:1.6em; } 
 .inner-contents-wrap { margin-bottom:25px; } 
 .with-list-img2 .list ul li { font-size:15px; line-height:1.6em; padding:0 0 0 10px; } 
 .sub-contents-wrap .contnets-box .list ul li:before { top:8px; } 
 .with-list-img2 .list { float:none; margin:0 0 15px; } 
 .with-list-img2 .img-2-box { float:none; } 
 .with-list-img2 .img-2-box .imgbox { float:none; margin:0 0 15px; } 
 .with-list-img2 .img-2-box .imgbox:last-child { margin:0; } 

 .basic-table.year-important-history tbody tr th { font-size:15px; line-height:1.6em; padding:5px; } 
 .basic-table.year-important-history tbody tr td { font-size:14px; line-height:1.6em; padding:10px; } 
 /* service end*/

 /* esco */
 .esco-important-items { padding:0; } 
 .esco-important-items .items-list { display:flex; flex-wrap:wrap; margin:-3px; } 
 .esco-important-items .items-list .con { float:none; margin:0; min-width:45%; flex:1 1 0; margin:3px; } 
 .esco-important-items .items-list .con .text { font-size:14px; line-height:1.6em; } 

 .img-with-inner .text-con { float:none; width:100%; } 
 .img-with-inner .imgcon { float:none; margin:20px 0 0; } 

 .emission-transaction .textbox { float:none; width:100%; padding:10px; } 
 .emission-transaction .textbox .tit { font-size:22px; line-height:1.6em; margin:0 0 10px; } 
 .emission-transaction .textbox .title { font-size:24px; line-height:1.5em; } 
 .emission-transaction .textbox .title span { font-size:14px; } 
 .emission-transaction .textbox .letter { font-size:14px; line-height:1.6em; } 
 .emission-transaction .textbox .letter .strong { font-size:18px; line-height:1.5em; margin:0 0 4px; } 
 .emission-transaction .textbox .ps { font-size:13px; line-height:1.6em; } 
 .emission-transaction .textbox .ps p { padding:0 0 0 15px; text-indent:-15px; } 
 .emission-transaction .imgbox { float:none; } 
 .gray-imgbox { padding:20px 10px; min-height:auto; } 

 .emission-process .inner-contents-wrap { float:none; width:100%; margin:0 0 20px; } 
 .emission-process .inner-contents-wrap:nth-child(2) { width:100%; } 
 .emission-process:after { display:none; } 

 .emission-business-structure .top { margin-bottom:30px; } 
 .emission-business-structure .dis-t { display:block; } 
 .emission-business-structure .dis-r { display:block; } 
 .emission-business-structure .dis-c { display:block; } 
 .emission-business-structure .leftbox { width:100%; margin-bottom:15px; } 
 .emission-business-structure .right-box .big-text { font-size:18px; line-height:1.5em; } 
 .emission-business-structure .title .line-dot { display:none; } 
 .emission-business-structure .title { width:120px; font-size:17px; line-height:1.6em; padding:10px; } 
 .emission-business-structure .mid .leftbox { padding:0; } 
 .emission-business-structure .mid .right-box { padding:0; background:none; } 
 .emission-business-structure .right-box .row { margin:0; } 
 .emission-business-structure .right-box .row .col-3 { float:none; width:100%; padding:0; margin:0 0 10px; } 
 .emission-business-structure .right-box .row .col-3:last-child { margin-bottom:0; } 
 .emission-business-structure .right-box .t-list .tit { font-size:16px; line-height:1.6em; padding:10px 5px; } 
 .emission-business-structure .right-box ul { min-height:auto; padding:10px; } 
 .emission-business-structure .right-box ul li { font-size:14px; line-height:1.6em; padding:3px 0 3px 10px; } 
 .emission-business-structure .right-box ul li:before { top:12px; } 
 .emission-business-structure .title.ty1, .emission-business-structure .title.ty2, .emission-business-structure .title.ty3 { margin: 0 auto; } 

 .esco-result ul li { padding:15px 10px; font-size:14px; line-height:1.5em; } 
 .sub-contents-wrap .contnets-box .list { margin-bottom:20px; } 
 .sub-contents-wrap .contnets-box .imgs-3-list { margin-bottom:15px; } 
/* esco end*/

/* license */
 .license-list ul { display:flex; flex-wrap:wrap; } 
 .license-list ul li { float:none; flex:1 1 0; min-width:45%; /*border:1px solid #dfdfdf; background:#fff; */} 
 .license-list .con { border:0; } 
 .license-list .con { height:auto; padding:10px; } 
 .license-list .con .tit { font-size:15px; line-height:1.5em; } 
 .license-list .con .num { font-size:12px; line-height:1.5em; } 
 .license-list .con .detail { font-size:12px; line-height:1.5em; } 
/* license end*/

/* distribution */
 .page-top-img-text { margin:0 0 30px; } 
 .page-top-img-text .texbox { position:static; transform:none; width:100%; padding:10px; } 
 .page-top-img-text .texbox .tit { font-size:22px; line-height:1.5em; } 
 .page-top-img-text .texbox .title { font-size:18px; line-height:1.6em; margin:6px 0; } 
 .page-top-img-text .texbox .letter { font-size:16px; line-height:1.6em; } 
 .sub-contents-wrap .contnets-box>.letter { font-size:16px; line-height:1.6em; } 
 .sub-contents-wrap .contnets-box .letter .strong { font-size:22px; line-height:1.5em; } 
 .sub-contents-wrap .contnets-box .imgs-4-list .ps.r-t { position:static; text-align:right; font-size:13px; line-height:1.5em; margin-bottom:4px; } 
 .sub-contents-wrap .contnets-box .imgs-4-list .con .imgbox { margin-bottom:5px; } 
 .sub-contents-wrap .contnets-box .imgs-4-list .con .text-box .tit { font-size:15px; line-height:1.5em; } 
 .sub-contents-wrap .contnets-box .imgs-4-list .con .text-box .txt { font-size:14px; line-height:1.6em; } 
 .sub-contents-wrap .contnets-box .imgs-4-list .row .col-4 { width:50%; margin-bottom:20px; } 
 .sub-contents-wrap .contnets-box .imgs-4-list .row .col-4:nth-child(2n+1) { clear:left; } 
 .sub-contents-wrap .contnets-box .imgs-4-list .row .col-2.ty-2 { width:100%; margin-bottom:20px; } 
 .sub-contents-wrap .contnets-box .imgs-4-list .row .col-4.ty-2:nth-child(2n+1) { clear:none; } 
 .examination-result .title { font-size:22px; line-height:1.5em; margin:0 0 10px; } 
 .examination-result .letter { font-size:24px; line-height:1.4em; margin:0 0 30px; } 
/* distribution end*/

/* academy */
 .academy-conbox .imgbox { float:none; margin-bottom:10px; } 
 .academy-conbox .info { float:none; width:100%; } 
 .academy-conbox .info .title { font-size:16px; line-height:1.6em; margin-bottom:10px; } 
 .academy-conbox .info .title a { font-size:13px; line-height:1.5em; } 
/* academy end*/

/* comapny culture */
 .page-top-img-text .texbox .letter.ty2 { font-size:20px; line-height:1.5em; } 
 .enterprise-culture .box .dis-t,
 .enterprise-culture .box .dis-r,
 .enterprise-culture .box .iconbox,
 .enterprise-culture .box .textbox { display:block; width:auto; } 
 .enterprise-culture .box.box-2,
 .enterprise-culture .box.box-3 { padding:0; } 
 
 .enterprise-culture .box .iconbox { margin-bottom:10px; } 
 .enterprise-culture .box .iconbox img { width:29%; } 
 .enterprise-culture .box .textbox .tit { font-size:18px; line-height:1.5em; margin:0 0 5px; } 
 .enterprise-culture .box .textbox .txt { font-size:14px; line-height:1.6em; } 
/* comapny culture end*/

 

 /* hrd */
 .flating-inners .inner-contents-wrap { float:none; margin:0 0 25px; } 
 /* hrd end*/

/* hire */
 .left-contes-wrap.ty-hiring .top-letter { font-size:22px; line-height:1.5em; } 
 .hiring-wrap .inner-contents-wrap .titlebox { margin-bottom:10px; } 
 .hiring-wrap .col-3-box .row .col-3 { float:none; width:100%; margin-bottom:20px; } 
 .hiring-wrap .col-3-box .row .col-3:last-child { margin-bottom:0; } 
 .hiring-wrap .inner-contents-wrap .inner-conbox { font-size:16px; line-height:1.6em; } 
 .hiring-stpe .row { margin:0 -10px; } 
 .hiring-stpe .row .col-3 { margin:0; width:33.3333%; padding:0 10px; } 
 .hiring-stpe .con .stp { font-size:12px; line-height:1.7em; } 
 .hiring-stpe .con .txt { font-size:16px; line-height:1.6em; } 
 .hiring-stpe .row .col-3:after { width:18px; right:-9px; background-size:100%; } 
 /* hire end*/

 /* join us */
 .job-application .letter { float:none; font-size:22px; line-height:1.5em; margin:0 0 20px; } 
 .job-application .about-link { float:none; margin:0; } 
 .job-application .about-link a { float:none; font-size:18px; line-height:1.6em; margin:0 0 5px; } 
 /* join us end*/

}

@media screen and (max-width:500px) {.sub-contents-wrap .contnets-box .right-box .imgbox { display: none; } 
 }