@charset "utf-8";

/* #contents {padding:150px 0 80px;} */
/*****************************************************
			snb
******************************************************/

#snb.aside_customer {float:left;width:200px;}
#snb.aside_customer .snb-title {padding:0 0 20px 0;border-bottom:2px solid #666;font-size:30px;line-height:1;}
#snb.aside_customer .snb-title a {color:#333;}

#snb.aside_customer .snb-list {}
#snb.aside_customer .snb-list > li {margin-top:25px;}
#snb.aside_customer .snb-list > li:first-child {border:0;}
#snb.aside_customer .snb-list > li > strong {display:block; overflow:hidden; font-size:16px;font-weight:600;line-height:1.2; white-space:nowrap; text-overflow:ellipsis;}
#snb.aside_customer .snb-list > li > strong > a {color:#333;}

/* #content {float:left; width:1000px; margin-left:40px;} */

#snb.aside_customer .customer-center {margin:60px 0 0;padding:20px 22px;border:4px solid #ececec;color:#666;font-size:14px;text-align:center;}
#snb.aside_customer .customer-center:before {content:"";display:block;width:47px;height:49px;margin:0 auto 20px;background:url('../images/sprite.png') no-repeat -953px -438px;}
#snb.aside_customer .customer-center h2 {font-size:16px; font-weight:bold; line-height:1;}
#snb.aside_customer .customer-center .phone {display:block;margin-top:10px;color:#333;font-size:24px; line-height:1;font-weight:600;letter-spacing:-0.05em;}
#snb.aside_customer .customer-center .time {display:block;margin:20px 0 0;padding-top:20px;border-top:1px solid #ebebeb; line-height:1.42;}

/*****************************************************
			customer
******************************************************/


.sub-title {position:relative; display:block; margin-bottom:20px; font-size:24px; color:#333; font-weight:600; line-height:1;}

.customer-top {position:relative; height:222px; margin-bottom:40px; padding-left:278px; border:2px solid #ececec;}
.customer-top .welcome-msg {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:-2px; left:-2px; width:280px; height:222px; padding:45px 0 0 45px; background:#4bbeff; color:#fff; line-height:1.2;}
.customer-top .welcome-msg:before {content:''; display:block; width:39px; height:32px; margin-bottom:15px; background:url('../images/sprite.png') no-repeat -900px -407px;}
.customer-top .welcome-msg strong {display:block; font-size:30px; font-weight:600; line-height:1;}
.customer-top .welcome-msg span {display:block; width:165px; margin-top:20px; font-size:14px;}

.customer-top h2 {margin-bottom:20px; font-size:24px; color:#333; font-weight:600; line-height:1;}
.customer-top .faq-search {padding:45px 0 0 45px;}
.customer-top .faq-search legend {font:0/0 a;}
.customer-top .faq-search form {position:relative; width:360px; height:50px;}
.customer-top .faq-search form input[type="text"] {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%; height:50px; border:1px solid #e3e3e3; text-indent:10px; padding-right:100px;}
.customer-top .faq-search form input[type="submit"] {position:absolute; top:0; right:0; width:80px; height:50px; background:#4bbeff; color:#fff; font-size:14px;}
.customer-top .inquiry-area {position:absolute; top:45px; right:0; width:258px; height:130px; padding:0 35px 10px 35px; border-left:1px solid #e3e3e3; font-size:14px;}
.customer-top .inquiry-area strong {display:block; font-size:16px;}
.customer-top .search-keyword {margin-top:20px; font-size:0;}
.customer-top .search-keyword a {display:inline-block; font-size:14px; line-height:14px; vertical-align:top;}
.customer-top .search-keyword a + a:before {content:''; display:inline-block; width:1px; height:14px; margin:0 15px; background:#e3e3e3; vertical-align:top;}

.customer-top .inquiry-btn {display:block;}
.customer-top .inquiry-btn a {display:inline-block; vertical-align:top;}
.customer-top .inquiry-btn a i {display:table-cell; width:70px; height:68px; padding:0 15px; border:1px solid #ddd; background:#f9f9f9; text-align:center; vertical-align:middle; word-break: break-word;}
.customer-top .inquiry-btn a + a {margin-left:13px;}

.customer-mid {overflow:hidden;}
.customer-mid > div {position:relative; float:left; width:430px;}
.customer-mid > div + div {float:right; width:480px;}
.customer-mid h2 {padding-bottom:20px; border-bottom:1px solid #ccc; font-size:20px; color:#333; font-weight:600; line-height:1;}
.customer-mid .more {position:absolute; top:3px; right:0; line-height:1; font-size:14px}
.customer-mid .more:after {content:''; display:inline-block; width:7px; height:8px; margin:2px 0 0 6px; background:url('../images/sprite.png') no-repeat -883px -407px; vertical-align:top;}

.menu-favorite {display:table; table-layout:fixed; width:100%; margin-top:38px; font-size:0; text-align:center;}
.menu-favorite a {display:table-cell;; margin:0 25px; padding:0 10px; font-size:14px; line-height:1; word-break: break-word}
.menu-favorite a:before {content:''; display:block; width:42px; height:50px; margin:0 auto 24px; background:url('../images/sprite.png') no-repeat -705px -449px;}
.menu-favorite a.link2:before {width:56px; background-position:-757px -449px;}
.menu-favorite a.link3:before {width:53px; background-position:-823px -449px;}
.menu-favorite a.link4:before {width:57px; background-position:-886px -449px;}

.customer-mid .notice ul {margin-top:30px;}
.customer-mid .notice li {position:relative; overflow:hidden; padding-left:15px; line-height:1;cursor:pointer; font-size:14px;}
.customer-mid .notice li:before {content:''; display:block; position:absolute; top:6px; left:5px; width:2px; height:2px; background:#7b7b7b;}
.customer-mid .notice li.no-list:after {display:none;}
.customer-mid .notice li .date {position:absolute; top:0; right:0;}
.customer-mid .notice li + li {margin-top:10px;}

.faq {position:relative; margin-top:60px;}
.faq h2 {padding-bottom:20px; border-bottom:1px solid #ccc; font-size:20px; color:#333; font-weight:600; line-height:1;}
.faq .faq-top li {border-bottom:1px solid #dbdbdb; padding: 20px 0;cursor:pointer; font-size:14px;}
.faq .faq-top .rank {display:inline-block; margin-left:25px; color: #000; font-size:15px; font-weight:bold; vertical-align:top;}
.faq .faq-top .category {display:inline-block; width:190px; text-align:center; vertical-align:top;}
.faq .faq-top .title {display:inline-block; overflow:hidden; width:640px; white-space:nowrap; text-overflow:ellipsis; vertical-align:top;}
.faq .more {position:absolute; top:3px; right:0; line-height:1; font-size:14px}
.faq .more:after {content:''; display:inline-block; width:7px; height:8px; margin:2px 0 0 6px; background:url('../images/sprite.png') no-repeat -883px -407px; vertical-align:top;}

.tab-nav {border: 1px solid #e4e4e4; border-top:0;}
.tab-nav ul {width:calc(100% + 1px);}
.tab-nav ul:after {content:"";display:block;clear:both;}
.tab-nav li {float:left;width:20%; height:49px;}
.tab-nav a {position:relative; display:block; margin:0px 0 0 -1px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; height:50px; border:1px solid #e3e3e3; line-height:50px;text-align:center;font-size:14px;}
.tab-nav .bottom-none a {border-bottom:0;}
.tab-nav a.active {color:#4bbeff;z-index:2;}
.tab-nav a.active:before {content:''; display:block; position:absolute; top:-2px; left:-2px; width:100%; height:100%; border:2px solid #4bbeff;}


/* faq */
.faq-list {margin-top:20px; border-top:1px solid #e4e4e4; line-height:1.5; font-size:14px;}
.faq-list dt {padding: 11px 20px; border-bottom:1px solid #e4e4e4; cursor:pointer;}
.faq-list .faq-group {display:inline-block; width:150px; text-align:center;}
.faq-list dd {display:none; position:relative; padding:18px 20px 18px 60px; background:#f4f4f4; border-bottom:1px solid #e4e4e4;}
.faq-list dd span {position:absolute; top:20px; left:20px;}
.faq-list .no-list {border-bottom:1px solid #ddd;}

/* 공지사항 리스트 */
.wrap-bbs-search {display: flex; align-items: center; margin: 0 0 20px 0;}
.wrap-bbs-search > .total {margin-right: auto; font-size:16px;}
.wrap-bbs-search >.total .division {display: inline-block; margin-left: 15px; padding-left: 15px; border-left: 1px solid #e3e3e3;}
.table-search select {width:100px; height:40px; border:1px solid #ddd; padding-left:20px; font-size:14px; vertical-align:top;}
.table-search input[type="text"] {width:170px;height:40px; padding:0 10px; border:1px solid #ddd; vertical-align:top;}
.table-search .biz-btn {min-width:130px; height:40px; line-height:40px; font-size:14px; }


/* 공지사항 읽기 */
.wrap-read-content {margin-top:20px;}
.wrap-read-content .read-title {padding:20px 40px 20px 20px; border-top: 2px solid var(--black); border-bottom:1px solid #eee; font-size: 14px; background:#f8f8f8;}
/* .wrap-read-content .read-title:after {content:''; display:block; clear:both;} */
.wrap-read-content .read-title strong {display:none; margin-right:5px;}
.wrap-read-content .read-title div {display:inline-block;}
.wrap-read-content .read-title .cut-text {width: 880px; font-size: 20px; font-weight: 500; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wrap-read-content .read-title .cut-text a {display: block;}
.wrap-read-content .read-title .date {float:right; padding-top: 5px; font-size: 16px; color: var(--grey999);}
.wrap-read-content .read-title .date em {margin-left:15px;}
.wrap-read-content .read-content {position:relative; padding: 20px 0px; width:auto !important}
.wrap-read-content .read-content .add-file {text-align:right; margin-bottom:10px;}
.wrap-read-content .read-content .add-file img {vertical-align:middle;}
.wrap-read-content .read-content .add-file a {display:block; line-height:13px;}
.wrap-read-content .read-content .add-file a + a {margin-top:5px;}
.wrap-read-content .read-content .bbs-file {margin:10px 0;}
.wrap-read-content .read-content .bbs-content {/* width:790px; */ min-height:200px; font-size:14px; line-height:20px; overflow-x:auto;}
.wrap-read-content .read-content .recommend {line-height:29px;}
.wrap-read-content .read-content .recommend img {vertical-align:middle;}

/*첨부파일*/
.read_file_wrap {display: flex; align-items: center; padding: 20px 30px; border-bottom: 1px solid #ddd; font-size: 14px;}
.bizhome_file_wrap strong { margin-right: 20px;}
.bizhome_file_wrap .file_list { width: calc(100% - 100px); }
.bizhome_file_wrap .file_list a { min-width: 100px; display: block; width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.customer .bizhome_file_wrap .file_list a:hover {text-decoration: underline;}

/*답변*/
.wrap-qna-comment {padding: 15px 30px; border-top: 1px solid #ccc; background: #f4f4f4;}

/* next/prev */
.bbs-nav {border-top: 1px solid var(--black);}
.bbs-nav li {position:relative; padding: 20px 40px; border-bottom: 1px solid #f2f2f2; display: flex;}
.bbs-nav li > div {display:inline-block; width: 87%;}
.bbs-nav li strong {width: 13%; display: flex; align-items: center; color: #666; font-weight: 500; white-space: nowrap;}
.bbs-nav li strong .icon {display: inline-block; width: 16px; height: 16px; background: url('../images/bizhome/kglobal500/arrow_16px.png') no-repeat; margin-left: 5px; transform: rotate(180deg);}
.bbs-nav li:last-child strong .icon {transform: rotate(0); }
.bbs-nav li:first-child span,
.bbs-nav li:last-child span {color: var(--grey999);}
.bbs-nav li .date {position:absolute; top:5px; right:20px; display: none;}
.bbs-nav li .cut-text a {font-size: 14px; display: block; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}

.wrap-board .btn-area {padding-top: 24px; text-align: center;}

/* 1:1 문의하기 */
.tbl-type2 input[type="text"].title {width:100%;}
.tbl-type2 .bbs-contents {height:250px;}
.tbl-type2 .email-noti {margin-top:10px;}

/*문의하기 버튼*/
.btn-wrap { margin:20px 0 30px;}
.btn-wrap .btn-big_type2.white2{background: #fff;border: 1px solid #999; color: #666; border-radius: 5px;}

/* 공통 테이블 */
.tbl-type {width: 100%; } 
.tbl-type th {height: 50px;border-top: 1px solid #ccc;background: #f7f7f7;font-size: 14px;color: #333;font-weight: 500;text-align: center; } 
.tbl-type td {height: 50px;border-bottom: 1px solid #eee;font-size: 14px;color: #666;text-align: center; } 
.tbl-type tr:last-child td {border-bottom: 1px solid #ccc; } 
.tbl-type tr.bg td {background: #f6fcff; } 
.tbl-type input[type='text'] {width: 430px;height: 50px;padding: 0 10px;border: 1px solid #ddd; } 
.tbl-type .biz-btn {min-width: 130px;height: 50px;line-height: 50px;font-size: 14px; } 

.tbl-type td.subject {padding: 24px;text-align: left; } 

.tbl-type2 {width: 100%;border-top: 1px solid #ccc; } 
.tbl-type2 th {padding: 20px;border-bottom: 1px solid #eee;background: #f7f7f7;font-size: 14px;color: #333;font-weight: 500;text-align: left; } 
.tbl-type2 td {padding: 20px;border-bottom: 1px solid #eee;font-size: 14px;color: #666;text-align: left; } 
.tbl-type2 tr:last-child th,
.tbl-type2 tr:last-child td {border-bottom: 1px solid #ccc; } 
.tbl-type2 tr.bg td {background: #f6fcff; } 
.tbl-type2 input[type='text'] {width: 430px;height: 50px;padding: 0 10px;border: 1px solid #ddd; } 
.tbl-type2 select {height: 50px;border: 1px solid #ddd;padding-left: 20px;font-size: 14px;vertical-align: top; } 
.tbl-type2 .biz-btn {min-width: 130px;height: 50px;line-height: 50px;font-size: 14px; } 

.tbl-type3 {width: 100%;border-top: 2px solid #555;text-align: left; } 
.tbl-type3 th {height: 70px;background: #f9f9f9;font-size: 22px;color: #333;font-weight: 500;letter-spacing: -0.6px; } 
.tbl-type3 td {padding: 36px 0;border-bottom: 1px solid #ddd;font-size: 15px;color: #333;letter-spacing: -0.4px;line-height: 1.3; } 
.tbl-type3 td strong {font-size: 20px;font-weight: 500;letter-spacing: -0.5px; } 
.tbl-type3 tr > td:first-child {font-size: 20px;font-weight: 500;letter-spacing: -0.5px;color: #333;vertical-align: top; } 
.tbl-type3 tr > td:first-child > em {display: block;font-size: 14px;letter-spacing: -0.4px;font-weight: 500; } 
.tbl-type3 tr > td:first-child > p {display: block;margin-top: 4px;font-size: 14px;letter-spacing: -0.4px;color: #666;font-weight: 400; } 
.tbl-type3 tr:last-child td {border-bottom: none; } 
.tbl-type3 tr.v1 td + td {border-bottom: none; } 
.tbl-type3 tr.v2 td {padding: 0 0 36px; } 
.tbl-type3 td .tit {display: block;margin-bottom: 8px;font-weight: 500; } 
.tbl-type3 td .desc {font-size: 13px !important;line-height: 1.38;letter-spacing: -0.3px; } 

.btn-area a {display: inline-block; min-width: 80px; height: 40px; line-height: 40px; padding: 0 15px; border: 1px solid #0d0d0d; background: #0d0d0d; font-size: 14px; color: #fff; vertical-align: middle; border-radius: 3px; text-align: center; cursor: pointer;} 


/* kglobal500: 공통 > 타이틀 */
#content.customer {margin: 0 0 68px 0;}
.customer .main_title_wrap {display: flex; align-items: center; padding: 27.5px 40px; background: #e9f0ff;}
.customer .main_title_wrap h2 {font-size: 32px; font-weight: bold; padding-right: 12px;}
.customer .main_title_wrap p {padding-left: 12px; font-size: 16px; border-left: 1px solid #ddd; line-height: 1;}
.customer .title_header {display: none;}

/* kglobal500: 공통 > 검색 */
.customer .wrap-bbs-search {margin: 40px 0 12px; display: flex; justify-content: space-between;}
.customer .wrap-bbs-search .search_result {display: flex;}
.customer .wrap-bbs-search .search_result .result {margin-right: 10px; text-transform: none;}
.customer .wrap-bbs-search .search_result .total {font-size: 14px;}
.customer .wrap-bbs-search .search_result .total .main-color {color: var(--pcolor)}
.customer .wrap-bbs-search select {appearance: none;}
.customer .wrap-bbs-search select:focus {outline: none; border: 1px solid var(--black);}
.customer .wrap-bbs-search .jq-select {padding-left: 10px; width: 120px; position: relative; border-radius: 3px; margin-right: 4px; background: url('../images/bizhome/kglobal500/arrow_12px.png') no-repeat 90% 50%;}
.customer .wrap-bbs-search input[name="search_word"] {width: 240px; margin-right: 4px;}
.customer .wrap-bbs-search input:focus {outline: none; border: 1px solid var(--black);}
.customer .wrap-bbs-search input[type="submit"] {min-width: 80px; height: 40px; padding: 0 27px; background: var(--black); color: #fff; border-radius: 3px; cursor: pointer;}
.customer .wrap-bbs-search input[type="submit"]:hover {background: #333;}

/* kglobal500: 공통 > 테이블 */
.customer .tbl-type {}
.customer .tbl-type thead {}
.customer .tbl-type th {border: none; background: var(--bg); padding: 10px 0; height: auto;}
.customer .tbl-type th.num {width: 100px;}
.customer .tbl-type th.cate,
.customer .tbl-type th:last-child {width: 120px;}
.customer .tbl-type td {padding: 20px 0; font-size: 16px; border-bottom: 1px solid #f2f2f2; color: var(--grey999);}
.customer .tbl-type td.cate {font-size: 14px; color: #666;}
.customer .tbl-type td:nth-child(3) {color: var(--black);}
.customer .tbl-type td.regist_date,
.customer .tbl-type td.viewcnt {color: var(--grey999);}
.customer .tbl-type tr:last-child td {border-color: #f2f2f2;}
/* .customer .tbl-type tr.notice td.subject a {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} */
.customer .tbl-type tr td.subject a {display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.customer .tbl-type tr .nobr a:hover {text-decoration: underline;}
.customer .tbl-type tr td .main_ks_buttom {font-size: 12px; letter-spacing: -0.24px; color: var(--pcolor); padding: 0px 9px; border-radius: 50px; border: 1px solid var(--pcolor); height: 25px; line-height: 25px;}
.customer .tbl-type .no_list td {padding: 214px 0px 120px; font-size: 14px; background: url('../images/bizhome/kglobal500/empty_gray.png') no-repeat 50% 45%;}
.customer .pagination {margin: 40px 0 0;}

/* kglobal500: faq > 탭메뉴 */
.customer .tab-nav {border: none; margin: 0;}
.customer .tab-nav a.active:before {display: none;}
.customer .faq_tab_list {display: flex; flex-wrap: wrap;}
.customer .faq_tab_list li {float: none; width: 20%; background: var(--bg);}
.customer .faq_tab_list li a {border-color: #e4e4e4; font-size: 16px;}
.customer .faq_tab_list li a.active {background: var(--black); color: #fff;}

/* kglobal500: faq > 리스트 */
.customer .faq-list dt {display: flex; align-items: center;}
.customer .faq-list .question,
.customer .faq-list .answer {margin-right: 40px;}
.customer .faq-list .question span {display: inline-block; line-height: 25px; padding: 0 15px; border-radius: 50px; background: var(--pdark); color: #fff;}
.customer .faq-list .answer span {display: inline-block; line-height: 25px; padding: 0 15px; border-radius: 50px; background: var(--pcolor); color: #fff;}
.customer .faq-list .faq-group {min-width: 160px; color: #666;}
.customer .faq-list .faq-cont {padding-left: 20px;}
.customer .faq-list dd {background-color: var(--bg); padding: 20px 40px 30px 100px;}

/* kglobal500: 공지사항 > 상세 */
.customer .wrap-read-content .read-title {display: flex; justify-content: space-between; align-items: center;}