﻿@charset "UTF-8";

/* press */
.press-list .board-list { overflow: hidden; }
.press-list .board-list .view { overflow: hidden; }
.press-list .board-list .view .img { overflow: hidden; float: left; width: 413px; }
.press-list .board-list .view .img img { width: 413px; height: 290px; }
.press-list .board-list .view .desc { float: left; width: 382px; margin-left: 30px; }
.press-list .board-list .view .desc .category { display: inline-block; min-width: 50px; margin-bottom: 20px; padding: 8px 30px; background-color: #e70128; color: #fff; font-weight: bold; font-size: 16px; }
.press-list .board-list .view .desc .title { position: relative; margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px dotted #e8e8e8; vertical-align: middle; }
.press-list .board-list .view .desc .title h4 { overflow: hidden; width: 340px; color: #444; font-style: normal; font-weight: bold; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; }
.press-list .board-list .view .desc .title .date { position: absolute; top: -26px; right: 0; }
.press-list .board-list .view .desc .date { text-align: right; font-size: 12px; font-weight: normal; vertical-align: middle; }
.press-list .board-list .view .desc .content { padding-right: 20px; line-height: 1.6; }
.press-list .board-list .view .desc .btn-more { display: block; margin-top: 30px; color: #7f5f2e; font-weight: bold; text-decoration: underline; }
.press-list .board-list .list { margin-top: 50px; border-top: 2px solid #6f6f6f; }
.press-list .board-list .list .srch-wrap { padding: 20px 30px; background-color: #f9f9f9; }
.press-list .board-list .list .srch-wrap .srch { padding-bottom: 20px; border-bottom: 1px dotted #e8e8e8; font-size: 0; }
.press-list .board-list .list .srch-wrap .srch .family { margin-right: 10px; color: #444; font-weight: bold; font-size: 14px; vertical-align: middle; }
.press-list .board-list .list .srch-wrap .srch input { width: 214px; margin-left: 5px; border: 1px solid #e8e8e8; vertical-align: top; }
.press-list .board-list .list .srch-wrap .srch .select { font-size: 13px; }
.press-list .board-list .list .srch-wrap .srch .catecory {  width: 168px; }
.press-list .board-list .list .srch-wrap .srch .catecory2 { width: 120px; margin-left: 70px; }
.press-list .board-list .list .srch-wrap .srch a.btn-srch { margin-left: 7px; }
.press-list .board-list .list .srch-wrap .total { padding-top: 7px; }
.press-list .board-list .list .srch-wrap .total em { color: #ff7b00; font-style: normal; font-weight: bold; }
.press-list .board-list .list ul { padding: 30px 0; border-bottom: 1px solid #d8d8d8; }
.press-list .board-list .list ul li { margin-top: 20px; padding-top: 20px; border-top: 1px dotted #e8e8e8; }
.press-list .board-list .list ul li:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.press-list .board-list .list ul li a { display: block; overflow: hidden; }
.press-list .board-list .list ul li a .desc { float: left; width: 583px; padding-top: 8px; }
.press-list .board-list .list ul li a .desc span { display: block; }
.press-list .board-list .list ul li a .desc .subject { overflow: hidden; margin-bottom: 14px; color: #444; font-weight: bold; font-size: 16px; }
.press-list .board-list .list ul li a .desc .subject em { margin-right: 8px; padding: 1px 10px 3px; color: #fff; background-color: #e70128; font-style: normal; font-size: 13px; }
.press-list .board-list .list ul li a .desc .text { overflow: hidden; height: 59px; line-height: 1.5; }
.press-list .board-list .list ul li a .desc .date { margin-top: 25px; text-align: right; }
.press-list .board-list .list ul li a .thumb { overflow: hidden; float: left; width: 199px; margin-right: 43px; }
.press-list .board-list .list ul li a .thumb img { width: 199px; height: 140px; }
.press-list .board-list .list ul li.empty { padding: 100px 0 146px; text-align: center; }
.press-list .board-list .paging { margin-top: 30px; }

/* 공지사항 */
.notice-list .board-wrap { border-top: 2px solid #6f6f6f; }
.notice-list .board-wrap .srch-wrap { padding: 20px 0; background-color: #f9f9f9; text-align: center; font-size: 0; }
.notice-list .board-wrap .srch-wrap .select label { text-align: left; }
.notice-list .board-wrap .srch-wrap .catecory { width: 120px; font-size: 13px; }
.notice-list .board-wrap .srch-wrap .srch span:first-child { margin-right: 15px; color: #444; font-weight: bold; font-size: 14px; vertical-align: middle; }
.notice-list .board-wrap .srch-wrap .srch input { width: 258px;margin-left: 5px; border: 1px solid #e8e8e8; }
.notice-list .board-wrap .srch-wrap .srch a.btn-srch { margin-left: 7px; }
.notice-list .board-list { overflow: hidden; margin-top: 30px; }
.notice-list .board-list .custom { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.notice-list .board-list th { padding: 6px 0 7px; background-color: #f9f9f9; }
.notice-list .board-list th label { text-align: left; font-weight: normal; }
.notice-list .board-list tbody tr { border-top: 1px dotted  #e8e8e8; }
.notice-list .board-list tbody tr:first-child { border-top: 0; }
.notice-list .board-list .custom td { padding: 11px 30px 12px; }
.notice-list .board-list .custom .num { padding-right: 0; padding-left: 0; text-align: center; }
.notice-list .board-list .custom .subject { text-align: left; }
.notice-list .board-list .custom .subject a { display: block; overflow: hidden; width: 468px; white-space: nowrap; text-overflow: ellipsis; }
.notice-list .board-list .custom .download-file { text-align: center; }
.notice-list .board-list .custom .download-file span { display: inline-block; padding-right: 23px; background: url(/images/en/sub/common/download-file-icon.jpg) no-repeat right 2px; }
.notice-list .paging { margin-top: 30px; }

/* 양식함 */
.download-list .heading-group { margin-bottom: 0; border-bottom: 0; background: url(/images/en/sub/common/heading-bg-service.png) no-repeat; }
.download-list .board-wrap { border-top: 2px solid #6f6f6f; }
.download-list .board-wrap .srch-wrap { padding: 20px 0; background-color: #f9f9f9; text-align: center; }
.download-list .board-wrap .srch-wrap .select label { text-align: left; }
.download-list .board-wrap .srch-wrap .srch span:first-child { margin-right: 10px; color: #444; font-weight: bold; font-size: 14px; }
.download-list .board-wrap .srch-wrap .srch input { width: 258px; padding: 5px 5px 6px; border: 1px solid #e8e8e8; }
.download-list .board-list { overflow: hidden; margin-top: 30px; }
.download-list .board-list .custom { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.download-list .board-list th { padding: 6px 0 7px; background-color: #f9f9f9; }
.download-list .board-list th label { text-align: left; font-weight: normal; }
.download-list .board-list tbody tr { border-top: 1px dotted  #e8e8e8; }
.download-list .board-list tbody tr:first-child { border-top: 0; }
.download-list .board-list .custom td { padding: 11px 30px 12px; }
.download-list .board-list .custom .num { padding-right: 0; padding-left: 0; text-align: center; }
.download-list .board-list .custom .subject { text-align: left; }
.download-list .board-list .custom .subject a { display: block; overflow: hidden; width: 468px; white-space: nowrap; text-overflow: ellipsis; }
.download-list .board-list .custom .download-file { text-align: center; }
.download-list .board-list .custom .download-file span { display: inline-block; padding-right: 23px; background: url(/images/en/sub/common/download-file-icon.jpg) no-repeat right 2px; }
.download-list .paging { margin-top: 30px; }

/* 홍보영상 */
.video-list .board-wrap .board-list { padding-bottom: 60px; border-bottom: 1px solid #e8e8e8; }
.video-list .board-wrap .board-list .section { margin-top: 40px; }
.video-list .board-wrap .board-list .section:first-child { margin-top: 0; }
.video-list .board-wrap .board-list .section .list { width: 100%; }
.video-list .board-wrap .board-list .section .item { float: left; position: relative; width: 258px; margin-left: 25px; }
.video-list .board-wrap .board-list .section .item:first-child { margin-left: 0; }
.video-list .board-wrap .board-list .section .item a { display: block; }
.video-list .board-wrap .board-list .section .item a span { display: block; text-align: center; }
.video-list .board-wrap .board-list .section .item a .img { position: relative; border: 1px solid #e8e8e8; }
.video-list .board-wrap .board-list .section .item a .img img { width: 256px; height: 205px; }
.video-list .board-wrap .board-list .section .item a .desc { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/en/sub/common/bg_000_6.png) repeat 0 0; text-align: center; }
.video-list .board-wrap .board-list .section .item a .desc .more { margin-top: 88px; padding-top: 52px; background: url(/images/en/sub/common/icon-more.png) no-repeat center 0; }
.video-list .board-wrap .board-list .section .item:hover .desc { display: block; color: #dcd8d4; }
.video-list .board-wrap .board-list .section .item a .subject { overflow: hidden; margin-top: 20px; color: #444; font-weight: bold; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }
.video-list .board-wrap .board-list .section .item .focus { display: none; position: absolute; top: 216px; left: 50%; margin-left: -11px; }
.video-list .board-wrap .board-list .section.active .list a .subject { display: none; }
.video-list .board-wrap .board-list .section .list .item.active .focus { display: block; }
.video-list .board-wrap .board-list .section .content { display: none; overflow: hidden; position: relative; margin-top: 20px; padding: 34px; background-color: #e5e5e5; }
.video-list .board-wrap .board-list .section .content .play { float: left; width: 461px; }
.video-list .board-wrap .board-list .section .content .play-text { float: left; width: 261px; margin-left: 35px; padding-top: 36px; }
.video-list .board-wrap .board-list .section .content .play-text h4 { color: #333; font-weight: bold; font-size: 14px; word-break: break-all; }
.video-list .board-wrap .board-list .section .content .play-text p { padding-top: 15px; word-break: break-all; }
.video-list .board-wrap .board-list .section .content .play-text .caption { overflow-x: hidden; overflow-y: scroll; width: 223px; height: 101px; margin-top: 30px; padding: 17px; background-color: #fff; font-size: 12px; word-break: break-all; }
.video-list .board-wrap .board-list .section .content .play-text .date { margin-top: 25px; }
.video-list .board-wrap .board-list .section .content .btn-close { display: block; position: absolute; top: 30px; right: 30px; }
.video-list .board-wrap .board-list .empty { padding: 120px 0 150px; text-align: center; }
.video-list .paging { margin-top: 30px; }

/* 요금안내 */
.fare-guide .tip { padding: 20px 30px; background-color: #f9f9f9; }
.fare-guide .tip .import { padding-bottom: 16px; border-bottom: 1px dotted #e8e8e8; }
.fare-guide .tip .import span { padding: 7px 10px 7px 28px; background: #987f57 url(/images/en/sub/service/icon-date.png) no-repeat 10px 9px; color: #fff; font-weight: bold; font-size: 14px; }
.fare-guide .tip .import em { margin-left: 10px; color: #ea3251; font-weight: bold; font-style: normal; font-size: 16px; }
.fare-guide .tip p { padding-top: 7px; line-height: 1.6; }
.fare-guide .custom { margin-top: 55px; }
.fare-guide .paging { margin-top: 30px; }
.fare-guide .section-wrap { margin-top: 58px; }
.fare-guide .section { margin-top: 26px; padding-top: 46px; border-top: 1px dotted #e8e8e8; }
.fare-guide .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.fare-guide .section h4 { margin-bottom: 20px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.fare-guide .section h5 { margin-bottom: 12px; color: #444; font-weight: bold; font-size: 18px; }
.fare-guide .section p { line-height: 1.5; }
.fare-guide .section p em { color: #e70128; font-style: normal; }
.fare-guide .section p.import { font-weight: bold; }
.fare-guide .section ul { margin-top: 10px; }
.fare-guide .section ul li { line-height: 1.5; }

/* 고지 및 납부 */
.notice-payment .heading-group { margin-bottom: 0; border-bottom: 0; }
.notice-payment .tab-content { margin-top: 40px; }
.notice-payment .tab-content .content { display: none; }
.notice-payment .tab-content .section { padding: 28px 0; border-top: 1px dotted #e8e8e8; }
.notice-payment .tab-content .section:first-child { padding-top: 0; border-top: 0; }
.notice-payment .tab-content .section h4 { margin-bottom: 17px; color: #7f5f2e; font-size: 21px; }
.notice-payment .tab-content .section h5 { margin-bottom: 10px; font-weight: bold; font-size: 15px; }
.notice-payment .tab-content .section .title { display: block; margin-bottom: 5px; color: #444; font-weight: bold; font-size: 16px; }
.notice-payment .tab-content .section p { color: #444; line-height: 1.6; font-size: 14px; }
.notice-payment .tab-content .section p.paragraph { margin-top: 15px; }
.notice-payment .tab-content .section p em { font-weight: bold; font-style: normal; }
.notice-payment .tab-content .section ul li { line-height: 1.5; }
.notice-payment .tab-content .section ul li span { display: inline-block; width: 98%; vertical-align: top; }
.notice-payment .tab-content .section ul li span.num { width: 15px; }
.notice-payment .tab-content .section ul li em.tell { color: #e70128; font-style: normal; }
.notice-payment .tab-content .section .btn-wrap { text-align: center; }
.notice-payment .tab-content .section .btn-wrap.left { margin-top: 26px; text-align: left; }
.notice-payment .tab-content .section .giro { margin-top: 30px; border: 1px solid #e8e8e8; padding: 14px;  }
.notice-payment .tab-content .section .giro ul { float: right; padding-top: 75px; }
.notice-payment .tab-content .section .giro ul li { padding-left: 15px; background: url(/images/en/sub/service/service-list-dot.png) no-repeat 0 7px; }
.notice-payment .tab-content .section .group { margin-top: 30px; color: #444; }
.notice-payment .tab-content .section .group h5 { margin-bottom: 10px; font-weight: bold; font-size: 16px; }
.notice-payment .tab-content .section .group > p,
.notice-payment .tab-content .section .group > ul { padding-left: 10px; font-size: 14px; }

/* 검침안내 */
.meter-guide .guide-wrap .section { padding: 47px 0; border-top: 1px dotted #e8e8e8; }
.meter-guide .guide-wrap .section:first-child { padding-top: 0; border-top: 0; }
.meter-guide .guide-wrap .section h4 { margin-bottom: 17px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.meter-guide .guide-wrap .section ul.date li { font-size: 14px; line-height: 1.5; }
.meter-guide .guide-wrap .section ul.date li span { display: inline-block; width: 92%; vertical-align: top; }
.meter-guide .guide-wrap .section ul.date li span.title { width: 55px; }
.meter-guide .guide-wrap .section ul li { font-size: 14px; line-height: 1.5; }
.meter-guide .guide-wrap .section ul li span { display: inline-block; width: 98%; vertical-align: top; }
.meter-guide .guide-wrap .section ul li span.num { width: 15px; }
.meter-guide .guide-wrap .section .tip { margin-top: 23px; }
.meter-guide .guide-wrap .section .tip h5 { margin-bottom: 14px; color: #444; font-weight: normal; font-size: 16px; }
.meter-guide .guide-wrap .section .tip p { margin-bottom: 29px; font-size: 14px; }

/* 세금계산서신청 */
.tax-invoice .heading-group { margin-bottom: 0; border-bottom: 0; }
.tax-invoice .tab-content { margin-top: 40px; }
.tax-invoice .tab-content .content { display: none; }
.tax-invoice .login-area a.btn-login { margin-left: 10px; }
.tax-invoice .section-wrap { margin-top: 50px; }
.tax-invoice .comment { line-height: 1.5; font-size: 14px; }
.tax-invoice .section { margin-top: 74px; }
.tax-invoice .section:first-child { margin-top: 0; }
.tax-invoice .section h4 { color: #333; font-size: 16px; }
.tax-invoice .section .heading { overflow: hidden; margin-bottom: 11px; }
.tax-invoice .section .heading p { margin-top: 7px; font-size: 14px; }
.tax-invoice .section .heading .btn-wrap { float: right; font-size: 0; }
.tax-invoice .section .heading .btn-wrap a { margin-left: 10px; }
.tax-invoice .section .heading .btn-wrap a:first-child { margin-left: 0; }
.tax-invoice .section .custom1 tbody th { padding: 17px 20px 18px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.tax-invoice .section .custom1 tbody td { font-size: 0; text-align: left; }
.tax-invoice .section .custom1 tbody td input { width: 188px; }
.tax-invoice .section .custom1 tbody td.tell input { width: 98px; }
.tax-invoice .section .custom1 tbody td.addr .addr-num input { width: 98px; margin-right: 10px; }
.tax-invoice .section .custom1 tbody td.addr .addr-text { margin-top: 10px; }
.tax-invoice .section .custom1 tbody td.addr .addr-text .addr-detail { width: 340px; margin-left: 10px; }
.tax-invoice .section .custom1 tbody td .select { width: 120px; font-size: 13px; }
.tax-invoice .section .custom1 tbody td.e-mail .select { margin-left: 10px; }
.tax-invoice .section .custom1 tbody td .dash { margin-right: 10px; margin-left: 10px; font-size: 14px; vertical-align: middle; }
.tax-invoice .section .custom1 tbody td .at { margin-right: 10px; margin-left: 10px; font-size: 14px; vertical-align: middle; }
.tax-invoice .section .custom2 tbody th { padding: 17px 20px 18px 35px; color: #333; font-weight: bold; font-size: 14px; text-align: left; vertical-align: top; }
.tax-invoice .section .custom2 tbody th.mark { background: #f9f9f9 url(/images/en/sub/service/qna-dot.png) no-repeat 20px 23px; }
.tax-invoice .section .custom2 tbody td { text-align: left; vertical-align: top; }
.tax-invoice .section .custom2 tbody td input { width: 188px; }
.tax-invoice .section .custom2 tbody td.addr input { width: 599px; }
.tax-invoice .section .warning { display: none; margin-top: 10px; color: #e70128; line-height: 1.5; }
.tax-invoice .section .pass-wrap { margin-top: 50px; padding: 28px 40px; background-color: #f9f9f9; }
.tax-invoice .section .pass-wrap .inner { overflow: hidden; margin-top: 24px; }
.tax-invoice .section .pass-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.tax-invoice .section .pass-wrap .inner .group:first-child { margin-left: 0; }
.tax-invoice .section .pass-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.tax-invoice .section .pass-wrap .inner .group input { width: 219px; }
.tax-invoice .section .pass-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.tax-invoice .section .pass-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.tax-invoice .section .pass-wrap .btn-wrap a:first-child { margin-left: 0; }
.tax-invoice .section .tip { margin-top: 13px; color: #7f5f2e; }
.tax-invoice .msg { margin-bottom: 0; border-bottom: 0; }
.tax-invoice .section .licensee-wrap { padding: 28px 40px; border-top: 2px solid #6f6f6f; background-color: #f9f9f9; }
.tax-invoice .section .licensee-wrap .inner { overflow: hidden; margin-top: 24px; }
.tax-invoice .section .licensee-wrap .inner .group { float: left; width: 342px; margin-left: 61px; color: #333; }
.tax-invoice .section .licensee-wrap .inner .group:first-child { margin-left: 0; }
.tax-invoice .section .licensee-wrap .inner .group label { display: inline-block; width: 97px; font-weight: bold; font-size: 14px; }
.tax-invoice .section .licensee-wrap .inner .group input { width: 219px; }
.tax-invoice .section .licensee-wrap .btn-wrap { margin-top: 15px; padding-top: 37px; border-top: 1px solid #e8e8e8; font-size: 0; text-align: center; }
.tax-invoice .section .licensee-wrap .btn-wrap a { margin-left: 10px; font-size: 16px; }
.tax-invoice .section .licensee-wrap .btn-wrap a:first-child { margin-left: 0; }
.tax-invoice .board-list .custom tbody tr td.subject { text-align: left; }
.tax-invoice .board-list .custom tbody tr td a { display: block; overflow: hidden; width: 372px; white-space: nowrap; text-overflow: ellipsis; }
.tax-invoice .board-list .paging { margin-top: 30px; }

/* 가스안전 사용요령 */
.safety-use .safety-wrap .tab-content { margin-top: 43px; }
.safety-use .safety-wrap .section { display: none; }
.safety-use .safety-wrap .section h4 { margin-bottom: 27px; color: #7f5f2e; font-size: 21px; }
.safety-use .list-wrap .list { overflow: hidden; padding: 33px 0; border-top: 1px dotted #e8e8e8; }
.safety-use .list-wrap .list .img-area { float: left; width: 282px; }
.safety-use .list-wrap .list .text-area { float: left; width: 503px; margin-left: 40px; }
.safety-use .list-wrap .list h5 { margin-bottom: 20px; font-size: 16px; }
.safety-use .list-wrap .list p { font-size: 14px; line-height: 1.5; }

/* 가스안전 점검요령 */
.safety-check .check-wrap .tab-content { margin-top: 43px; }
.safety-check .tab-content > div { display: none; }
.safety-check .tab-content > div h4 { margin-bottom: 27px; color: #7f5f2e; font-size: 21px; }
.safety-check .list-wrap .list { overflow: hidden; padding: 33px 0; border-top: 1px dotted #e8e8e8; }
.safety-check .section1 .list-wrap .list ul { margin-left: 24px; }
.safety-check .section2 .list-wrap .list { padding-left: 212px; min-height: 125px; }
.safety-check .section2 .list-wrap .item1 { background: url(/images/en/sub/service/safety-check-img1.png) no-repeat 0 33px; }
.safety-check .section2 .list-wrap .item2 { background: url(/images/en/sub/service/safety-check-img2.png) no-repeat 0 33px; }
.safety-check .section2 .list-wrap .item3 { background: url(/images/en/sub/service/safety-check-img3.png) no-repeat 0 33px; }
.safety-check .section2 .list-wrap .item4 { background: url(/images/en/sub/service/safety-check-img4.png) no-repeat 0 33px; }
.safety-check .section2 .list-wrap .item5 { background: url(/images/en/sub/service/safety-check-img5.png) no-repeat 0 33px; }
.safety-check .list-wrap .list ul li { padding-left: 15px; background: url(/images/en/sub/service/service-list-dot.png) no-repeat 0 9px; color: #454545; font-size: 14px; line-height: 1.6;  letter-spacing: -1px; }
.safety-check .list-wrap .list ul li em { font-weight: bold; font-style: normal; }
.safety-check .list-wrap .list h5 { margin-bottom: 20px; font-size: 16px; }
.safety-check .list-wrap .list p { font-size: 14px; line-height: 1.5; }
.safety-check .section1 .tip { margin-top: 28px; padding: 31px; border: 1px solid #e8e8e8; color: #454545; font-weight: bold; font-size: 14px; text-align: center; line-height: 1.6; }

/* 이사날 체크포인트 */
.check-point h4 { margin-bottom: 27px; color: #7f5f2e; font-size: 21px; }
.check-point h5 { font-size: 16px; }
.check-point p { color: #444; font-size: 14px; }
.check-point .list-wrap .list { overflow: hidden; margin-top: 33px; padding: 33px 0 0 212px; min-height: 125px; border-top: 1px dotted #e8e8e8; }
.check-point .list-wrap .list:first-child { margin-top: 0; }
.check-point .list-wrap .item1 { background: url(/images/en/sub/service/check-point-img1.png) no-repeat 0 33px; }
.check-point .list-wrap .item2 { background: url(/images/en/sub/service/check-point-img2.png) no-repeat 0 33px; }
.check-point .list-wrap .list > p { font-weight: bold; letter-spacing: -1px; line-height: 1.6; }
.check-point .list-wrap .list h5 { margin-bottom: 18px; }
.check-point .list-wrap .list ul li { font-size: 14px; line-height: 1.6; }
.check-point .list-wrap .list ul li span { display: inline-block; width: 97%; vertical-align: top; }
.check-point .list-wrap .list ul li .tell { color: #d90033; font-style: normal; font-weight: bold; }
.check-point .list-wrap .list ul.type1 li span.num { width: 15px; }
.check-point .list-wrap .list ul.type2 li { padding-left: 14px; background: url(/images/en/sub/service/service-list-dot.png) no-repeat 0 9px; }
.check-point .list-wrap .list ul.type2 li .tip { color: #7f5f2e; }
.check-point .charge-wrap { margin-top: 58px; }
.check-point .custom { margin-top: 19px; }
.check-point .custom tbody th,
.check-point .custom tbody td { padding: 11px 15px 12px; text-align: left; }
.check-point .helper { margin-top: 30px; letter-spacing: -1px; }
.check-point .btn-wrap { margin-top: 30px; }

/* faq */
.faq .board-wrap { border-top: 2px solid #6f6f6f; }
.faq .board-wrap .srch-wrap { padding: 20px 0; background-color: #f9f9f9; text-align: center; }
.faq .board-wrap .srch-wrap .select label { text-align: left; }
.faq .board-wrap .srch-wrap .srch span:first-child { margin-right: 10px; color: #444; font-weight: bold; font-size: 14px; }
.faq .board-wrap .srch-wrap .srch input { width: 258px; padding: 5px 5px 6px; border: 1px solid #e8e8e8; }
.faq .board-list { overflow: hidden; margin-top: 30px; }
.faq .board-list table { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.faq .board-list th { padding: 6px 0 7px; background-color: #f9f9f9; }
.faq .board-list th .select { width: 154px; }
.faq .board-list th .select label { text-align: left; font-weight: normal; }
.faq .board-list tbody tr { border-top: 1px dotted  #e8e8e8; }
.faq .board-list tbody tr:first-child { border-top: 0; }
.faq .board-list tr td { padding: 11px 30px 12px; vertical-align: top; z-index: 100; }
.faq .board-list tr td.num { padding-right: 0; padding-left: 0; text-align: center; }
.faq .board-list tr td.count { padding-right: 0; padding-left: 0; text-align: center; }
.faq .board-list tr td.subject { position: relative; padding-top: 0; padding-bottom: 0; }
.faq .board-list tr td.subject a { display: block; overflow: hidden; position: absolute; z-index: 300; width: 445px; padding: 11px 0 12px; background: url(/images/en/sub/service/faq-arrow-spread.png) no-repeat right 5px; }
.faq .board-list tr td.subject a span { display: inline-block; overflow: hidden; float: left; width: 390px; padding-left: 25px; background: url(/images/en/sub/service/faq-question.png) no-repeat 0 2px; white-space: nowrap; text-overflow: ellipsis; }
.faq .board-list tr td.subject .answer { display: none; overflow: hidden; position: relative; left: -277px; z-index: 200; width: 823px; }
.faq .board-list tr td.subject .answer .fence { overflow: hidden; padding-top: 38px; border: 1px solid #e70128; }
.faq .board-list tr td.subject .answer .title { position: absolute; top: 40px; bottom: 1px; width: 277px; background-color: #fff; }
.faq .board-list tr td.subject .answer .title span { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -12px; color: #333; font-weight: bold; }
.faq .board-list tr td.subject .answer .text { float: left; width: 516px; padding: 30px 30px 30px 277px; border-top: 1px dotted #e8e8e8; background-color: #fff; vertical-align: middle; line-height: 1.6; }
.faq .board-list tr td.subject .answer .text p { display: inline-block; overflow: hidden; float: left; width: 491px; padding-left: 25px; color: #666; font-family: "Nanum Gothic"; word-break: break-all; background: url(/images/en/sub/service/faq-answer.png) no-repeat 0 4px; letter-spacing: -0.5px; }
.faq .board-list tr.active td { background-color: #f9f9f9; color: #333; font-weight: bold; }
.faq .board-list tr.active td.subject a { color: #333; }
.faq .board-list tr.active td.subject a { background-position: right -53px; }
.faq .board-list tr.active td.subject .answer { display: block; }
.faq .board-list tr td.empty { padding: 165px 0 210px; text-align: center; }
.faq .paging { margin-top: 30px; }

/* qna */
.qna .qna-wrap .input-wrap { margin-top: 50px; }
.qna .qna-wrap .input-wrap .vital { margin-bottom: 20px; padding-left: 15px; background: url(/images/en/sub/service/qna-dot.png) no-repeat 0 7px; color: #e62f4b; font-weight: bold; font-size: 16px; }
.qna .qna-wrap .input-wrap .custom tbody th { padding: 14px 20px 15px 35px; border-top: 1px dotted #e8e8e8; font-size: 14px; text-align: left; }
.qna .qna-wrap .input-wrap .custom tbody th.content { padding-top: 20px; vertical-align: top; }
.qna .qna-wrap .input-wrap .custom tbody tr:first-child th { border-top: 0; }
.qna .qna-wrap .input-wrap .custom tbody th.mark { background: #f9f9f9 url(/images/en/sub/service/qna-dot.png) no-repeat 20px 24px; }
.qna .qna-wrap .input-wrap .custom tbody td { border-top: 1px dotted #e8e8e8; border-left: 1px dotted #e8e8e8; font-size: 14px; text-align: left; }
.qna .qna-wrap .input-wrap .custom td input { width: 188px; }
.qna .qna-wrap .input-wrap .custom td.email span.sms { display: inline-block; padding-right: 6px; padding-left: 6px; }
.qna .qna-wrap .input-wrap .custom td.email .select { width: 120px; margin-left: 10px; }
.qna .qna-wrap .input-wrap .custom td.category .select { width: 584px; }
.qna .qna-wrap .input-wrap .custom td textarea { overflow-x: hidden; overflow-y: scroll; width: 555px; height: 179px; padding: 6px 17px 6px 10px; border: 1px solid #e8e8e8; word-break: break-all; }
.qna .qna-wrap .input-wrap .custom td .terms { overflow-x: hidden; overflow-y: scroll; width: 585px; height: 191px; border: 1px solid #e8e8e8; font-size: 12px; line-height: 1.4; }
.qna .qna-wrap .input-wrap .custom td .terms .inner { width: 544px; padding: 20px 0 20px 25px; }
.qna .qna-wrap .input-wrap .custom td .terms .terms-list { padding:  0; }
.qna .qna-wrap .input-wrap .custom td .terms .terms-list > li { margin-top: 8px; }
.qna .qna-wrap .input-wrap .custom td .terms h5 { font-weight: normal; font-size: 12px; }
.qna .qna-wrap .input-wrap .custom td .terms div { margin-top: 4px; padding-left: 12px; }
.qna .qna-wrap .input-wrap .custom td .terms div .inner-list { margin-top: 4px; }
.qna .qna-wrap .input-wrap .custom td .terms-check { overflow: hidden; margin-top: 15px; font-size: 0; }
.qna .qna-wrap .input-wrap .custom td .terms-check .align-left { float: left; font-size: 14px; }
.qna .qna-wrap .input-wrap .custom td .terms-check .align-right { float: right; font-size: 14px; }
.qna .qna-wrap .input-wrap .custom td .terms-check input[type="checkbox"] { width: 13px; vertical-align: middle; }
.qna .qna-wrap .input-wrap .custom td .terms-check label { margin-left: 10px; color: #333; vertical-align: middle; }
.qna .qna-wrap .btn-wrap { margin-top: 30px; text-align: center; }

/* 관리구역 */
.controlled_zone .section-wrap { border-top: 1px solid #e8e8e8; }
.controlled_zone .section-wrap h4.area-head { margin: 48px 0 18px; color: #7f5f2e; font-size: 16px; }
.controlled_zone .section{ position: relative; padding: 40px 30px; border: 1px solid #e8e8e8; }
.controlled_zone .section.active { background-color: #fafafa; }
.controlled_zone .section:first-child { border-top: 0; }
.controlled_zone .section h4 { margin-bottom: 29px; color: #7f5f2e; font-size: 21px; }
.controlled_zone .section .inner { padding-right: 187px; }
.controlled_zone .section .group1 { float: left; border-bottom: 1px solid #ebebeb; }
.controlled_zone .section .group1 span { display: inline-block; margin-left: 40px; padding-left: 25px; line-height: 1.6; }
.controlled_zone .section .group1 span:first-child { margin-left: 0; }
.controlled_zone .section .group1 span.tell  { background: url(/images/en/sub/service/icon-tell.png) no-repeat; }
.controlled_zone .section .group1 span.fax   { background: url(/images/en/sub/service/icon-fax.png) no-repeat; }
.controlled_zone .section .group1 span.clerk { background: url(/images/en/sub/service/icon-clerk.png) no-repeat; }
.controlled_zone .section .group2 { clear: both; margin-top: 6px; padding-top: 6px; }
.controlled_zone .section .group2 span { display: block; padding-left: 25px; line-height: 1.6; letter-spacing: -1px; }
.controlled_zone .section .group2 span.controll { background: url(/images/en/sub/service/icon-controll.png) no-repeat; }
.controlled_zone .section .group2 span.addr     { background: url(/images/en/sub/service/icon-addr.png) no-repeat; }
.controlled_zone .section a.btn-more { position: absolute; top: 127px; right: 30px; padding: 10px 31px 11px 14px; background: #e70128 url(/images/en/sub/service/more-arrow.png) no-repeat 123px 14px; }
.controlled_zone .section a.btn-more.on { background-position: 123px -48px; }
.controlled_zone .section.type2 a.btn-more { top: 101px; }
.controlled_zone .section .toggle { display: none; margin-top: 26px; }
.controlled_zone .section.active .toggle { display: block; }

/* 센터안내 */
.center-guide .section { margin-top: 90px; }
.center-guide .section:first-child { margin-top: 0; }
.center-guide .section h4 { margin-bottom: 16px; color: #7f5f2e; font-size: 21px; }
.center-guide .content { overflow: hidden; padding-top: 32px; background: url(/images/en/sub/common/hr.png) no-repeat; }
.center-guide .content em { float: left; color: #444; font-weight: bold; font-style: normal; font-size: 14px; vertical-align: middle; }
.center-guide .content .btn-wrap em { padding-top: 10px; }
.center-guide .content .btn-wrap .btn-find { padding: 10px 40px 11px 14px; background: #e70128 url(/images/en/sub/service/icon-location.png) no-repeat 241px 10px; }
.center-guide .content .group { overflow: hidden; margin-top: 26px; padding-top: 26px; border-top: 1px dotted #e8e8e8; }
.center-guide .content .group:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.center-guide .content .group h5 { float: left; width: 265px; color: #444; font-size: 16px; }
.center-guide .content .group .scope { display: inline-block; float: right; }
.center-guide .content .group ul { overflow: hidden; float: left; width: 560px; }
.center-guide .content .group ul li { float: left; padding-left: 15px; width: 265px; background: url(/images/en/sub/service/service-list-dot.png) no-repeat 0 8px; color: #909090; line-height: 1.6; }
.center-guide .content .group ul li em { color: #987f57; font-weight: bold; font-style: normal; }
.center-guide .content .group ul.charge li { width: 100%; }
.center-guide .content .custom { margin-top: 18px; }
.center-guide .content .tip { margin-top: 22px; margin-left: 265px; color: #ff7c00; }
.center-guide .content .tip span { display: inline-block; vertical-align: top; }
.center-guide .content .tip span.dot { width: 10px; }

/* 공급신청 및 절차 */
.request-step h4 { margin-bottom: 16px; color: #7f5f2e; font-size: 21px; }
.request-step .heading p { color: #444; font-weight: bold; font-size: 14px; }
.request-step .section-wrap { position: relative; margin-top: 32px; border: 1px solid #ececec; }
.request-step .section-wrap .section { overflow: hidden; padding: 60px 97px 55px 38px; }
.request-step .section-wrap .section.type1 { background: #f9f9f9 url(/images/en/sub/service/bg-step2.png) no-repeat; }
.request-step .section-wrap .section.type2 { background: #fefefe url(/images/en/sub/service/bg-step1.png) no-repeat; }
.request-step .section-wrap .section:first-child { padding-top: 60px; background: #f9f9f9; }
.request-step .section-wrap .section h5 { float: left; width: 195px; color: #464646; font-size: 16px; line-height: 1.5; }
.request-step .section-wrap .section h5 img { display: block; margin-bottom: 18px; }
.request-step .section-wrap .content { overflow: hidden; float: left; width: 493px; }
.request-step .section-wrap .content > div { margin-top: 15px; padding-top: 15px; border-top: 1px dotted #e8e8e8; }
.request-step .section-wrap .content > div .btn-wrap { margin-top: 13px; font-size: 0; }
.request-step .section-wrap .content > div .btn-wrap a { margin-left: 5px; line-height: 1.2; }
.request-step .section-wrap .content > div .btn-wrap a:first-child { margin-left: 0; }
.request-step .section-wrap .content .head { color: #909090; font-size: 14px; line-height: 1.7; letter-spacing: -1px; }
.request-step .section-wrap .content .head:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.request-step .section-wrap .content .group h6 { margin-bottom: 16px; padding-left: 14px; background: url(/images/en/sub/service/service-list-dot2.png) no-repeat 0 7px; color: #987f57; font-size: 14px; }
.request-step .section-wrap .content .group ul { margin-left: 14px; }
.request-step .section-wrap .content .group ul li { line-height: 1.5; }
.request-step .section-wrap .content .group .area1 em { font-weight: bold; font-style: normal; }
.request-step .section-wrap .content .group ul.area2 li { margin-top: 5px; color: #909090; line-height: 1.6; }
.request-step .section-wrap .content .group ul.area2 li:first-child { margin-top: 0; }
.request-step .section-wrap .content .group ul.area2 li .text { display: inline-block; width: 182px; padding-right: 24px; vertical-align: middle; }
.request-step .section-wrap .content .group ul.area2 li a { width: 210px; }
.request-step .section-wrap .content .group ul.area3 li { padding-left: 14px; background: url(/images/en/sub/service/service-list-dot.png) no-repeat 0 7px; color: #909090; font-size: 12px; line-height: 1.6; }
.request-step .section-wrap .content .group .custom { margin-top: 18px; }
.request-step .section-wrap .year-line { position: absolute; top: -21px; right: 14px; }
.request-step .toggle-wrap { margin-top: 40px; }
.request-step .toggle-wrap .content{ position: relative; margin-top: 60px; border: 1px solid #e8e8e8; }
.request-step .toggle-wrap .content:first-child { margin-top: 0; }
.request-step .toggle-wrap .content .head { width: 362px; padding: 27px 30px; }
.request-step .toggle-wrap .content .head h4 { margin-bottom: 0; }
.request-step .toggle-wrap .content a.btn-more { position: absolute; top: 19px; right: 30px; padding: 10px 31px 11px 14px; background: #e70128 url(/images/en/sub/service/more-arrow.png) no-repeat 123px 14px; text-align: left; }
.request-step .toggle-wrap .content a.btn-more.on { background-position: 123px -48px; }
.request-step .toggle-wrap .content .toggle { display: none; margin-top: 26px; padding: 36px 30px; border-top: 2px solid #e8e8e8; }
.request-step .toggle-wrap .content.active .toggle { display: block; }
.request-step .toggle-wrap .toggle ul li { margin-top: 18px; padding: 18px 0 0 19px; border-top: 1px solid #e8e8e8; background: url(/images/en/sub/service/service-list-dot2.png) no-repeat 0 25px; color: #909090; font-size: 14px; line-height: 1.5; }
.request-step .toggle-wrap .toggle ul li:first-child { margin-top: 0; padding-top: 0; border-top: 0; background-position: 0 7px; }
.request-step .toggle-wrap .toggle .custom tbody td { color: #7d7d7d; text-align: left; line-height: 1.5; }
.request-step .plumbing-area { margin-top: 58px; }
.request-step .plumbing-area .inner { width: 825px; height: 608px; background: url(/images/en/sub/service/request-step-img.png) no-repeat; }
.request-step .plumbing-area .inner ul { text-indent: -9999px; }

/* 가스기기 A/S 안내 */
.gas-as h4 { margin-bottom: 11px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.gas-as .section { margin-top: 50px; padding-top: 47px; border-top: 1px dotted #e8e8e8; }
.gas-as .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.gas-as .section > p { margin-bottom: 47px; color: #444; font-size: 14px; letter-spacing: -1px; }
.gas-as .content-wrap h5 { margin-bottom: 15px; font-weight: bold; font-size: 16px; }
.gas-as .content-wrap .content { margin-top: 47px; }
.gas-as .content-wrap .content .tip { margin-top: 28px; color: #7f5f2e; font-weight: bold; font-size: 14px; }

/* 코원 에너지서비스만 사용
   ======================== */

/* 가스요금경감제도 */
.reduce-system h4 { margin-bottom: 11px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.reduce-system .section { margin-top: 50px; padding-top: 47px; border-top: 1px dotted #e8e8e8; }
.reduce-system .section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.reduce-system .section > p,
.reduce-system .section > ul.type1 { padding-left: 10px; color: #444; font-size: 14px; line-height: 1.8; }
.reduce-system .section > ul li { font-size: 14px; line-height: 1.6; }
.reduce-system .section > ul li span { display: inline-block; width: 97%; vertical-align: top; }
.reduce-system .section > ul.type1 li span.num { width: 15px; }
.reduce-system .section .helper { margin-top: 30px; }
.reduce-system .btn-wrap { margin-top: 50px; padding-top: 47px; border-top: 1px dotted #e8e8e8; font-size: 0; text-align: center; }
.reduce-system .btn-wrap a { margin-left: 10px; }
.reduce-system .btn-wrap a:first-child { margin-left: 0; }


/* 강원도시가스만 사용
   ======================== */

/* 배관공사업체안내 */
.business-guide h4 { color: #454545; font-weight: bold; font-size: 16px; }
.business-guide .custom { margin-top: 18px; }


/* 영남에너지서비스(구미)만 사용
   ======================== */

/* 시공업체 현황 */
.operational-status p { color: #6f6f6f; font-size: 14px; }
.operational-status .custom { margin-top: 28px; }

/* 위례에너지서비스만 사용
   ======================= */
   
/* 열공급정보 */
.heat-supply h4 { margin-bottom: 16px; color: #7f5f2e; font-weight: bold; font-size: 21px; }
.heat-supply .section-wrap > div { margin-top: 60px; padding-top: 60px; border-top: 1px dotted #e8e8e8;  }
.heat-supply .section-wrap > div:first-child { margin-top: 0; padding-top: 0; border-top: 0;  }
.heat-supply .section > p { color: #333; font-size: 14px; }
.heat-supply .section > p em { display: block; margin-top: 3px; color: #987f57; font-style: normal; font-size: 13px; }
.heat-supply .section p.tip { margin-top: 12px; color: #666; font-size: 14px; }
.heat-supply .section p.tip em { display: inline; color: #666; font-weight: bold; font-style: normal; }
.heat-supply .section .custom { margin-top: 13px; } 
.heat-supply .group { position: relative; padding: 48px 230px 46px 30px; border: 1px solid #e8e8e8; }
.heat-supply .group > p { color: #909090; line-height: 1.8; }
.heat-supply .group a.download { display: block; position: absolute; top: 50%; right: 40px; width: 112px; margin-top: -20px; padding-right: 50px; background: #e70128 url(/images/en/sub/common/icon-download.png) no-repeat 143px 12px; }

/* SHE */
.she .section .she-policy { position: relative; padding-top: 15px; padding-left: 96px; background: url(/images/sub/company/she-inner-img1.png) no-repeat; }
.she .section p { width: 566px; line-height: 1.6; }
.she .she-policy .sub-title { margin-top: 20px; padding-bottom: 20px; font-size: 17px; background: url(/images/sub/service/naraeonm-she-hr.png) no-repeat left bottom;}
.she .she-policy .she-policy-items { list-style-type: square; margin-top: 10px; margin-left:30px;}
.she .she-policy .she-policy-items li { line-height: 1.8; color: #444444; font-weight: bold; }
.she .she-policy .she-policy-content { margin-top: 10px; margin-left:0; list-style-type: none; }
.she .she-policy .she-policy-content .item01 { width: 700px; height: 46px; color: #987f57; font-weight: bold; text-indent: 50px; display: table-cell; vertical-align: middle; background: url(/images/en/sub/service/naraeonm-she-policy-item-bg01.png) no-repeat left top;}
.she .she-policy .she-policy-content .item02 { width: 700px; height: 46px; color: #987f57; font-weight: bold; text-indent: 50px; display: table-cell; vertical-align: middle; background: url(/images/en/sub/service/naraeonm-she-policy-item-bg02.png) no-repeat left top;}
.she .she-policy .she-policy-content .item03 { width: 700px; height: 46px; color: #987f57; font-weight: bold; text-indent: 50px; display: table-cell; vertical-align: middle; background: url(/images/en/sub/service/naraeonm-she-policy-item-bg03.png) no-repeat left top;}
.she .she-policy .she-policy-content .she-policy-sub-content { width: 700px; margin-top: 10px; margin-left:0; padding-left:20px; padding-bottom: 10px; list-style-type: none; }
.she .she-policy .she-policy-content .she-policy-sub-content li { line-height: 1.8; color: #444444; }
.she .she-policy .she-policy-content .she-policy-sub-content.last { border-bottom: 1px solid #d8d8d8; }
.she .section .detail-view { overflow: hidden; position: absolute; right: 0; bottom: 0; }
.she .section .detail-view .img { float: right; position: relative; width: 215px; height: 147px; margin-left: 13px; }
.she .section .detail-view .img a .mask { display: none; position: absolute; width: 215px; height: 147px; background: url(/images/sub/service/naraeonm-she-expand-shadow.png) no-repeat; }
.she .section .detail-view .img a:hover .mask { display: block; }
.she .section .detail-view .modal { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 773px; height: 531px; margin-top: -265px; margin-left: -386px; }
.she .section .detail-view .modal a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }
.she .section .detail-view .bg-modal { margin: 0; }
.she .section { margin-top: 30px; background: url(/images/sub/common/hr.png) no-repeat;}
.she .section:first-child { margin-top: 70px; background: none; }

.she-system .section { position: relative; padding: 40px 0 40px 0; background: url(/images/sub/common/hr.png) no-repeat left bottom;}
.she-system .align-center { text-align: center; }
.she-system .section .she-os-img01 { height:765px; margin-top:20px; background: url(/images/sub/service/naraeonm-she-os-img01.png) no-repeat center top; }
.she-system .section h4 { font-weight: bold; color:#333; margin-bottom: 8px; font-size: 20px; }
.she-system .section p { line-height: 1.6; }

.she-status .content-wrap > div { position: relative; padding: 40px 0 40px 140px; border-top: 1px dotted #e8e8e8; }
.she-status .content-wrap > div:first-child {margin-top: 70px; border-top: none;}
.she-status .content-wrap > div h4 { font-weight: bold; color:#333; margin-bottom: 8px; font-size: 20px; }
.she-status .content-wrap > div p { line-height: 1.6; }
.she-status .content-wrap .list1 { background: url(/images/sub/service/naraeonm-she-action-bg01.png) no-repeat 14px 38px; }
.she-status .content-wrap .list2 { background: url(/images/sub/service/naraeonm-she-action-bg02.png) no-repeat 14px 43px; }
.she-status .content-wrap .detail-view { overflow: hidden; margin-top: 10px; }
.she-status .content-wrap .detail-view .img { float: left; position: relative; width: 316px; height: 41px; }
.she-status .content-wrap .detail-view .img a .mask { display: none; position: absolute; width: 316px; height: 41px; }
.she-status .content-wrap .detail-view .img a:hover .mask { display: block; }
.she-status .content-wrap .detail-view .modal { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 773px; height: 531px; margin-top: -265px; margin-left: -386px; }
.she-status .content-wrap .detail-view .modal a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }
.she-status .content-wrap .detail-view .bg-modal { margin: 0; }
.she-status .content-wrap .list3 { background: url(/images/sub/service/naraeonm-she-action-bg03.png) no-repeat 14px 43px; }
.she-status .content-wrap .list3 .comment { margin-top: 30px; } 
.she-status .content-wrap .list3 .comment > div { padding-left: 20px; line-height: 1.6; background: url(/images/sub/service/naraeonm-she-action-intro-dash.png) no-repeat 0 9px;  }
.she-status .content-wrap .list3 em { display: block; margin-top: 6px; padding-left: 0; background: url(/images/sub/service/naraeonm-she-action-list-dot.png) no-repeat 0 5px; color: #7f5f2e; font-size: 12px; font-style: normal; }
.she-status .content-wrap .list3-paju { background: url(/images/sub/company/paju-she-action-bg03.png) no-repeat 14px 43px; }
.she-status .content-wrap .list3-paju .comment { margin-top: 30px; } 
.she-status .content-wrap .list3-paju .comment > div { padding-left: 20px; line-height: 1.6; background: url(/images/sub/service/naraeonm-she-action-intro-dash.png) no-repeat 0 9px;  }
.she-status .content-wrap .list3-paju em { display: block; margin-top: 6px; padding-left: 0; background: url(/images/sub/service/naraeonm-she-action-list-dot.png) no-repeat 0 5px; color: #7f5f2e; font-size: 12px; font-style: normal; }
.she-status .content-wrap .list4 { background: url(/images/sub/service/naraeonm-she-action-bg04.png) no-repeat 14px 38px; }
.she-status .content-wrap .list4 .comment { margin-top: 30px; } 
.she-status .content-wrap .list4 .comment > div { padding-left: 20px; line-height: 1.6; background: url(/images/sub/service/naraeonm-she-action-intro-dash.png) no-repeat 0 9px;  }
.she-status .content-wrap .list4 em { display: block; margin-top: 6px; padding-left: 0; background: url(/images/sub/service/naraeonm-she-action-list-dot.png) no-repeat 0 5px; color: #7f5f2e; font-size: 12px; font-style: normal; }
.she-status .content-wrap .list5 { background: url(/images/sub/service/naraeonm-she-action-bg05.png) no-repeat 14px 38px; }
.she-status .content-wrap .list5 .comment { margin-top: 30px; } 
.she-status .content-wrap .list5 .comment > div { padding-left: 20px; line-height: 1.6; background: url(/images/sub/service/naraeonm-she-action-intro-dash.png) no-repeat 0 9px;  }
.she-status .content-wrap .list5 em { display: block; margin-top: 6px; padding-left: 0; background: url(/images/sub/service/naraeonm-she-action-list-dot.png) no-repeat 0 5px; color: #7f5f2e; font-size: 12px; font-style: normal; }
.she-status .content-wrap .detail-view2 { overflow: hidden; position: absolute; right: 0; bottom: 0; margin-bottom : 10px; }
.she-status .content-wrap .detail-view2 .detail-desc2 { float: right; margin: 80px 20px 0 0; text-align:right; }
.she-status .content-wrap .detail-view2 .detail-desc2 em { display:block; margin-bottom: 10px; padding-top: 15px; background: url(/images/sub/service/naraeonm-she-action-expand-bar.png) no-repeat right 0; color:#333; font-weight: bold; font-style: normal; }
.she-status .content-wrap .detail-view2 .detail-desc2 span { display:block; margin-top: 4px; font-size: 12px; }
.she-status .content-wrap .detail-view2 .img { float: right; position: relative; width: 136px; height: 171px; }
.she-status .content-wrap .detail-view2 .img a .mask { display: none; position: absolute; width: 136px; height: 171px; background: url(/images/sub/service/naraeonm-she-action-expand-shadow.png) no-repeat;}
.she-status .content-wrap .detail-view2 .img a:hover .mask { display: block; }
.she-status .content-wrap .detail-view2 .modal { display: none; position: fixed; top: 50%; left: 50%; z-index: 10000; width: 476px; height: 674px; margin-top: -337px; margin-left: -238px; }
.she-status .content-wrap .detail-view2 .modal a.btn-close { display: block; position: absolute; top: 0; right: -51px; width: 51px; height: 51px; }
.she-status .content-wrap .detail-view2 .bg-modal { margin: 0; }