@charset "utf-8";


/*** cscenter.css ***/

.sub-title {position:relative; margin:0 0 10px; font-size:22px; font-weight:400; color:#111;}
.sub-title.mt0 {margin-top:0;}

.custom_content {min-height: 700px;}

.customer-top {display: flex; height:171px; margin-bottom:40px; border:4px solid #ececec;}

.customer-top .welcome-msg {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin: -4px 0 0 -4px; width:252px; height:179px; padding:30px 0 0 34px; background:#4bbeff; color:#fff; line-height:1.2;}
.customer-top .welcome-msg:before {content:''; display:block; width:39px; height:32px; margin-bottom:8px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -912px -445px;}
.customer-top .welcome-msg strong {display:block; font-size:30px; font-weight:bold; line-height:1;}
.customer-top .welcome-msg span {display:block; width:165px; margin-top:12px;}

.customer-top h3 {margin-bottom:15px; font-size:16px; font-weight:bold; line-height:1;}

.customer-top .inquiry-area {width:255px; padding:30px 0 10px 40px; border-left:1px solid #e3e3e3;}
.customer-top .inquiry-area .phone {display:block; margin-bottom:15px; font-size:34px; font-weight:600; line-height:1;}
.customer-top .inquiry-area .inquiry {margin-top: 12px;}

.faq {margin: 0 0 60px 0;}
.faq h3 {padding-bottom:15px; font-size: 22px; font-weight: 400; color: #111; line-height:1; border: 0;}

.faq-search {padding: 25px 40px; margin: 0 0 25px 0; background-color: #f8f8f8;}
.faq-search form {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;}
.faq-search form em {font-size: 18px; font-weight: 500; color: #111;}
.faq-search form input[type="text"] {width: 500px; height: 46px; margin: 0 7px 0 20px; font-size: 14px; text-indent: 10px; border:1px solid #e3e3e3; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.faq-search form input[type="submit"] {width: 80px; height: 46px; font-size: 14px; color: #fff; background-color: #666;}

.faq_list {border-top: 1px solid #111;}
.faq .faq_list li {height: 50px; border-bottom:1px solid #dbdbdb; line-height: 50px;}
.faq .faq_list li.no-list {height: auto; text-align: center; font-size: 14px; color: #666;}
.faq .faq_list .category {display:inline-block; width: 15%; text-align:center; font-size: 14px; color: #666;}
.faq .faq_list .title {cursor: pointer; font-size: 14px; color: #111;}

.faq .more {position:absolute; top: 8px; right:0; font-size: 12px; color: #111; line-height: 1;}
.faq .more:after {content:''; display:inline-block; width:7px; height:8px; margin: 0 0 0 5px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -903px -445px; vertical-align: inherit;}

.customer-top .search-keyword {margin-top:30px; font-size:0;}
.customer-top .search-keyword a {display:inline-block; font-size:12px; 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;}
.customer-top .inquiry-btn a + a {margin-left:13px;}

.customer-mid {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;}
.customer-mid h3 {padding-bottom:15px; border-bottom:1px solid #656565; color:#111; font-size:22px; font-weight:400; line-height:1;}

.customer-mid .more {position:absolute; top:8px; right:0; font-size: 12px; color: #111; line-height:1;}
.customer-mid .more:after {content:''; display:inline-block; width:7px; height:8px; margin: 0 0 0 5px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -903px -445px; vertical-align:inherit;}

.customer-mid .notice {position:relative; width: 60%;}

.customer-mid .customer-center {width: 29%; padding: 29px 0 32px; border: 4px solid #ececec; color: #666; font-size: 14px; text-align: center; box-sizing: border-box;}
.customer-mid .customer-center:before {content: ""; display: block; width: 47px; height: 49px; margin: 0 auto 20px; background: url('/data/gst_data/minishop_templet/assets/images/sprite.png') no-repeat -953px -445px;}
.customer-mid .customer-center h4 {font-size: 16px; font-weight: 400; color: #111; line-height: 1;}
.customer-mid .customer-center .phone {display: block; margin-top: 10px; color: #333; font-size: 34px; line-height: 1; font-weight: 500; letter-spacing: -0.05em;}
.customer-mid .customer-center .time {display: block; margin: 20px 10px 0; padding: 10px 10px 0; border-top: 1px solid #ebebeb; line-height: 1.42;}
.customer-mid .customer-center .time .txt-time {display: block; text-align: center; line-height: 22px;}





.menu-favorite {margin-top: 47px; margin-bottom: 60px;}

.menu-favorite .mf-table-row {display: flex;}
.menu-favorite .mf-table-row.row1 a {vertical-align: top; height: 65px;}
.menu-favorite .mf-table-row.row2 a {vertical-align: middle; border: 0;}

.menu-favorite a {position:relative; display:inline-block; width: 33%; font-size:14px; line-height:1; text-align:center; box-sizing: border-box; padding: 0 26px;}

.menu-favorite a:nth-child(1) {border: 0;}

.menu-favorite a .the-icons {position: absolute;}

.menu-favorite .menu-txt{text-align: center; vertical-align: middle; width: 100%; box-sizing: border-box; word-break: keep-all;}

html[lang="en"] .menu-favorite .menu-txt {word-wrap: break-word; word-break: keep-all;}

.menu-favorite a .the-icons {position:absolute;}

.menu-favorite a .bg-my01,
.menu-favorite a .bg-my02,
.menu-favorite a .bg-my03 {display:inline-block; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat;}

.menu-favorite a .bg-my01 {background-position: -845px -501px;width: 55px;height: 40px;}
.menu-favorite a .bg-my02 {background-position: -905px -501px;width: 42px;height: 41px;}
.menu-favorite a .bg-my03 {background-position: -950px -496px;width: 47px;height: 48px;}

.menu-favorite a + a {border-left:1px solid #e3e3e3;}

.menu-favorite a.link2:before {width:42px; background-position:-904px -498px;}
.menu-favorite a.link3:before {width:50px; background-position:-950px -498px;}

.menu-favorite a em {display: block; width: 100%; position: absolute; bottom: -12px; left: 0; text-align: center;}

.customer-mid .notice li {font-size: 14px; line-height: 50px; text-indent: 20px; border-bottom: 1px solid #dbdbdb;}
.customer-mid .notice li a {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.customer-mid .notice li a .title {width: 70%; font-size: 14px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.customer-mid .notice li .date {width: 20%; font-size: 13px; color: #666; text-align: right;}
.customer-mid .notice li a .img {display: block; margin: 0 0 0 5px;}
.customer-mid .notice li a .img img {vertical-align: middle;}
.customer-mid .notice li.no-list {text-align: center; text-indent: 0; color: #666;}

/* 탭메뉴 */
.faq_tab_list {display: flex; flex-wrap: wrap;}
.faq_tab_list li {float: none;}
.faq_tab_list:after {display: none;}

/* 검색결과 리스트 */
.faq-list {margin-top: 20px; line-height: 1.5; border-top: 1px solid #111;}
.faq-list li {border-bottom:1px solid #ddd;}
.faq-list li > a {position:relative; display:block; line-height:56px; padding:0 20px; font-size:14px; color:#656565;}
.faq-list li > a:after {content:""; position:absolute; top:50%; right:20px; width:13px; height:7px; margin-top:-4px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -390px -60px; transition:all .2s;}
.faq-list li > a.active:after {transform:rotate(180deg);}

.faq-list .num {display:inline-block; width:60px; font-weight:bold;}
.faq-list .sort {display:inline-block; width:140px;}
.faq-list .txt {display:inline-block; width:650px;}
.faq-list .qna-q {font-size:16px;}
.faq-list .cont {display:none; padding:20px 100px 20px 0; background:#f9f9f9; font-size:14px; color:#333;}
.faq-list .qna-a {float:left; margin:-2px 0 0 -15px; font-size:16px;}

.customer-faq .faq-list .cont {padding-left:230px;}

.faq-section .faq-list .cont {padding-left:180px;}

.faq-list dt {padding: 15px 20px; font-size: 14px; border-bottom: 1px solid #ccc; cursor: pointer;}

.faq-list .faq-group {display: inline-block; width: 150px; text-align: center; vertical-align: middle; color: #666;}

.faq-list .faq-group + span {display: inline-block; max-width: 735px; vertical-align: middle; line-height: 1; word-break: break-word;}

.faq-list dd {display: none; position: relative; padding: 25px 0 25px 85px; background: #f4f4f4; border-bottom: 1px solid #ccc;}
.faq-list dd span img {position: absolute; top: 29px; left: 20px; height: 12px;}

.faq-list dd h1 {font-size: 2em; font-weight: 600;}
.faq-list dd h2 {font-size: 1.5em; font-weight: 600;}
.faq-list dd h3 {font-size: 1.17em; font-weight: 600;}
.faq-list dd h4 {font-size: 1em; font-weight: 600;}
.faq-list dd h5 {font-size: 0.83em; font-weight: 600;}
.faq-list dd h6 {font-size: 0.67em; font-weight: 600;}
.faq-list dd p {min-height: 16px; font-size: 14px; word-break: break-all;}
.faq-list dd p em {font-style: italic;}
.faq-list dd img {display: block;}

.faq-list .no-list{text-align: center; padding: 95px 0; font-size: 14px; color: #666; border-bottom: 1px solid #eee;}

/* 이전글 다음글 next/prev */
.bbs-nav {border-top: 1px solid #ccc;}
.bbs-nav li {position: relative; padding: 15px 20px; border-bottom: 1px solid #ccc; font-size: 14px; box-sizing: border-box;}
.bbs-nav li * {display: inline-block; vertical-align: middle;}
.bbs-nav li > div {display: inline-block; width: 600px;}
.bbs-nav li > div img:first-child {display: none;}
.bbs-nav li strong {display: inline-block; width: 115px; color: #202020; font-weight: 600;}
.bbs-nav li strong:before {content: ''; display: inline-block; width: 11px; height: 7px; margin: 5px 10px 0 0; background: url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -54px -616px; vertical-align: top;}
.bbs-nav li:last-child strong {background-position: 0 -5px;}
.bbs-nav li:last-child strong:before {transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.bbs-nav li .date {position: absolute; top: 15px; right: 20px;}

.customer-bot {width:100%;overflow:hidden;margin:60px 0 0;}
.customer-bot section {position:relative;float:right;width:427px;height:148px;padding-left:35px;border:1px solid #e3e3e3;}
.customer-bot section:first-child {float:left;}
.customer-bot h1 {margin:50px 0 0;color:#202020;font-size:18px;}
.customer-bot .non-list {position:relative;padding-left:8px;font-size:14px;color:#6e6e6e;}
.customer-bot .non-list:before {content:"";position:absolute;top:11px;left:0;width:4px;height:2px;background:#6e6e6e;}
.customer-bot .count {position:absolute;top:55px;right:40px;color:#202020;font-size:16px;}
.customer-bot .count span {font-size:26px;text-decoration:underline;}

.customer .more {position:absolute;top:8px;right:0;}
.customer .more:after {content:"";display:inline-block;width:5px;height:10px;margin:0 0 0 6px;background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -375px -60px;}

.qna-write {width:100%;border-top:1px solid #656565; border-bottom:1px solid #ddd;}
.qna-write th {padding:15px 0 15px 20px; background:#f7f7f7; line-height:1; text-align:left;}
.qna-write td {padding:10px 20px;}
.qna-write th, .qna-write td {border-top:1px solid #eee; font-size:14px; vertical-align:top;}

.qna-write tr:first-child th, .qna-write tr:first-child td {border-top:0;}
.qna-write input[type="text"] {height:38px;line-height:38px;padding:0 12px;border:1px solid #ddd;}
.qna-write .sbSelector {height:36px;line-height:36px;padding:0 12px;border:1px solid #ddd;}
.qna-write .sbToggle {top:17px;right:13px;}
.qna-write textarea {border:1px solid #ddd;resize:none;}
.qna-write .email-noti {margin:10px 0 0;}
.qna-write .email-noti .sect {margin-bottom:5px;}
.qna-write .email-noti .sect .sect-txt {margin-bottom: 10px; font-size: 13px; color: #666;}
.qna-write .txt{margin-top: 10px; font-size: 13px; color: #666;}
.qna-write select,
.qna-write input {width: 300px;}


/* 1:1 문의하기 */
.common-write.consult th {padding: 15px 0 0 20px; height: 30px; vertical-align: top;}
.common-write.consult td {padding: 10px 15px 10px 20px;}

.common-write.consult input[type="text"] {border: 1px solid #999;}
.common-write.consult input[type="file"] {border: 1px solid #999; padding: 1px;}

.common-write.consult .select-class {border: 0;}
.common-write.consult .select-class.idx input[type="text"]:read-only {width: 140px !important;}

.common-write.consult input[type="radio"] {position: absolute; top: 0; left: 0; width: 0; height: 0; visibility: hidden; overflow: hidden; -webkit-appearance: none; -moz-appearance: none;}
.common-write.consult input[type="radio"] + label {margin-right: 30px; padding-left: 18px; background: url('../images/radio.gif') no-repeat 0 2px;}
.common-write.consult input[type="radio"]:checked + label {background: url('../images/radio_on.gif') no-repeat 0 2px;}

.common-write.consult .sect {display: block; margin-top: 7px;}
.common-write.consult .sect .radio-area {margin-left: 50px;}
.common-write.consult .add-code:after {content: ''; display: block; clear: both;}
.common-write.consult .add-code img,
.common-write.consult .add-code input[type="text"] {float: left;}
.common-write.consult .add-code input[type="text"] {margin: 5px 0 0 10px;}

/* .filebox .file_add_list {display: flex; flex-wrap: wrap; margin-top: 10px;}
.filebox .file_add_list .file_item {position: relative; min-width: 20%; height: 35px; padding: 0 40px 0 10px; margin: 3px; line-height: 35px;}
.filebox .file_add_list .file_item::after {content: '';position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;  z-index: -1; opacity: .2;}
.filebox .file_add_list .file_item_delete {position: absolute; top: 50%; right: 10px; transform: translateY(-50%); display: block; width: 11px; height: 11px; background: url('/data/gst_data/minishop_templet/assets/images/sprite.png') no-repeat -364px -459px; text-indent: -9999px; cursor: pointer;}
 */

.filebox .of_input_file {margin-top: 5px;}
.filebox label {width: 90px; height: 36px; line-height: 36px !important; padding: 0 !important; text-align: center;}
.of_input_file .file_add_list {position: relative; display: none; width: auto; height: 38px; padding: 0 40px 0 10px; margin: 3px; line-height: 38px; vertical-align: middle; }
.of_input_file .file_add_list::after {content: '';position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #f8f8f8;  z-index: -1;}
.of_input_file .file_add_list input {width: auto !important; background: none !important; border: 0 !important;}
.of_input_file .file_item_delete {display: none; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 11px; height: 11px; background: url('/data/gst_data/minishop_templet/assets/images/sprite.png') no-repeat -364px -459px; text-indent: -9999px; cursor: pointer;}
.of_input_file .file_add_list.on {display: inline-block;}
.of_input_file .file_item_delete.on {display: block;}
.filebox .tip {margin-top: 15px; color: #666; line-height: 1.5;}

.read_file_wrap {display: flex; align-items: center; padding: 20px 30px; border-bottom: 1px solid #ddd; font-size: 14px;}
.read_file_wrap .file_list {flex-shrink: 0; width: 90%; margin-left: auto; }
.read_file_wrap .file_list .file {display: inline-block; margin: 3px;}

.qna-comment .read_file_wrap {display: flex; align-items: center; padding: 20px 0; margin-top: 20px; border: 0; font-size: 14px;}

/* 고객센터 - 공지사항 */
.wrap-board .wrap-read-content .read-content .bbs-content {width: 900px; line-height: normal;}
.wrap-board .wrap-read-content .read-content .bbs-content h1 {font-size: 2em; font-weight: 600;}
.wrap-board .wrap-read-content .read-content .bbs-content h2 {font-size: 1.5em; font-weight: 600;}
.wrap-board .wrap-read-content .read-content .bbs-content h3 {font-size: 1.17em; font-weight: 600;}
.wrap-board .wrap-read-content .read-content .bbs-content h4 {font-size: 1em; font-weight: 600;}
.wrap-board .wrap-read-content .read-content .bbs-content h5 {font-size: 0.83em; font-weight: 600;}
.wrap-board .wrap-read-content .read-content .bbs-content h6 {font-size: 0.67em; font-weight: 600;}
.wrap-board .wrap-read-content .read-content .bbs-content p {min-height: 16px; font-size: 1em; margin-bottom: 5px; }
.wrap-board .wrap-read-content .read-content .bbs-content p em {font-style: italic;}

.wrap-board .wrap-read-content .read-content .bbs-content img {display: block; margin: 10px auto;}



.list-table .subject a {color:#111}
.list-table .subject .nobr a {vertical-align: middle;}
.list-table .subject .nobr img {vertical-align: middle;}
.tab-nav {margin: 20px 0 50px 0; border: none; border-left: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; box-sizing: border-box;}
.tab-nav li {border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; box-sizing: border-box;}
.tab-nav a {border-right: 0;}
.tab-nav a.active {border: none; background-color: #111; color: #fff;}

.list-table th {font-weight: 400;}
.list-table th strong {font-weight: 400;}
.list-table td a {color: #111;}
.qna-comment .write-txt {font-size: 14px;}
.btn-wrap .btn-left-type {display: none;}

.file-find {background: #3d2525; border: 0;}