@charset "UTF-8";

/* 홍보영상 */
.video-list .list { padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; }
.video-list .list li { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e8e8e8; }
.video-list .list li:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.video-list .list li .img img { width: 100%; }
.video-list .list li .subject { margin-top: 10px; color: #555; font-size: 12px; line-height: 1.5; }
.video-list .list li .date { margin-top: 6px; color: #999; font-size: 12px; }

/* FAQ */
.faq .list { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.faq .list li { border-top: 1px solid #eaeaea; }
.faq .list li:first-child { border-top: 0; }
.faq .list li a { display: block; padding: 19px 60px 19px 0; background: url(/resources/images/m/kr/sk/service/faq-icon-arrow.png) no-repeat right center; background-size: 30px 30px; color: #333; font-weight: bold; font-size: 12px; line-height: 1.5; text-align: justify; }
.faq .list li.active a { background: url(/resources/images/m/kr/sk/service/faq-icon-arrow-active.png) no-repeat right center; background-size: 30px 30px; }
.faq .list li a .category { margin-right: 4px; color: #7f5f2e; }
.faq .list li .answer { display: none; padding: 20px; border: 1px solid #ff7a00; color: #555; font-size: 12px; line-height: 1.5; text-align: justify; word-break: break-all; }
.faq .list li.active .answer { display: block; }
.faq .sort-tab { margin-bottom: 20px; }
.faq .sort-tab .tab-list { width:100%; height:auto; margin:1px 0 0 1px;}
.faq .sort-tab .tab-list li { float:left;width:33.3%; height:35px; border:1px solid #eaeaea; margin:-1px 0 0 -1px; box-sizing:border-box;}
.faq .sort-tab .tab-list li a { display:inline-block; width:100%; height:100%; font-size:12px; color:#444; text-align:center; line-height:35px; background:#fff; }
.faq .sort-tab .tab-list li a.on { color:#fff; font-weight:bold; background:#ff7c00; }
.faq .clear { clear:both; }


/* 도시가스 서비스소개 */
.serviceintro .map img { width:100%; margin-bottom:30px; }
.serviceintro .section { margin-bottom: 50px; }
.serviceintro .section h4 { font-size:15px; font-weight:bold; color:#7f5f2e; padding-bottom:10px; border-bottom:1px dotted #e8e8e8; margin-bottom: 20px; }
.serviceintro .section .pic img { width:100%;}
.serviceintro .section h5 { font-size:15px; font-weight:bold; color:#333; margin-bottom:10px; }
.serviceintro .section p { font-size:12px; color:#666; margin-bottom:15px; line-height:1.5; }
.serviceintro .section .content { width:auto; height:auto; vertical-align:top; padding-top:20px;}
.serviceintro .content .btn-detail {display:inline-block; width:72px; height:20px; font-size:12px; font-weight:bold; color:#fff; background:#997f58 url('/images/sk/common/bu-arr1.png') no-repeat 70px 9px; background-size:5px; padding:8px 0 0 20px;}
.serviceintro .section .detail-box { width:auto; height:auto; padding:20px; background:#f9f9f9; margin-top:35px; position:relative; display:none;}
.serviceintro .section .detail-box .btn-group { width:auto; height:auto; }
.serviceintro .section .detail-box .btn-group .btn1 { display:inline-block; width:110px; height:35px; line-height:35px;text-align:center; color:#fff; background:#525252; vertical-align:middle; margin-right:3px; }
.serviceintro .section .detail-box .btn-group .btn2 { display:inline-block; width:110px; height:35px; line-height:35px;text-align:center; color:#fff; background:#e70128; vertical-align:middle; }
.serviceintro .section .detail-box .btn-close { position:absolute; right:15px; top:15px; }
.serviceintro .section .detail-box .btn-close img { width:17px; }