/*
 *  ¹ÝÀÀÇü °Ô½ÃÆÇ Å¸ÀÔ ½ºÅ¸ÀÏ
 */

/* PC-first (񃧯 = PC) */
/* ==========================
COMMON
========================== */
:root {
	--key-color: #2C5BF6;
	--text-color: #555;
}
fieldset {border: none;}
.text-center {text-align: center;}/*common.cssŬ·¡½º»ç¿ë*/
.text-right {text-align: right;}/*common.cssŬ·¡½º»ç¿ë*/
.inner {max-width: 1200px; margin: 0 auto;}

.board-textarea{width:100%; padding:12px 18px; border:1px solid #DBDEE5; border-radius:6px; font-size:14px; background:#fff;color:#333; resize:none;}
.board-textarea::placeholder{color:#7E7E7E;}
.board-textarea:disabled{background:#F5F5F5; color:#7E7E7E;}
.board-textarea:focus{outline:none;}

@media (min-width: 1200px) {

}
@media (max-width: 1199px) {
	.content .only-pc { display: none !important; }
    .content .only-mo { display: block !important; }
}
@media (max-width:767px){
	.board-textarea{padding:12px; border-radius:4px;}	
}


/* ´õº¸±â ¹öÆ° °øÅë */
.btn-more-group {text-align: center;}
.board-btm {margin-bottom: 24px; text-align: right;}
.btn-wh {border: 1px solid #777777; gap: 5px; background: #fff;}
.btn-wh {display: inline-flex; justify-content:center; align-items: center; min-width: 160px; height: 40px; margin: 0 auto; border-radius: 4px; gap: 5px; font-weight: 500; font-size: 14px; line-height: 1.5;}
.btn-more-group .btn-more:after {content:''; width: 12px; height: 7px; background-repeat: no-repeat; 
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.276203 0.244272C0.634498 -0.090672 1.20424 -0.0798111 1.54875 0.268531L6 4.86257L10.4513 0.268531C10.7958 -0.079811 11.3655 -0.090672 11.7238 0.244272C12.0821 0.579216 12.0933 1.13313 11.7487 1.48147L6.64875 6.73147C6.47907 6.90304 6.24482 7 6 7C5.75518 7 5.52093 6.90304 5.35125 6.73147L0.251251 1.48147C-0.0932627 1.13313 -0.0820913 0.579216 0.276203 0.244272Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}



/* =====================================================================
	START ÀÚÁÖ ¹¯´Â Áú¹® : /russel/info/qna/faq.asp
===================================================================== */
/* FAQ Common
---------------------------------------------------- */
.faq-page {background:#fff;color:#333;overflow-x: hidden;}
.faq-page * {box-sizing:border-box;letter-spacing:0}
.faq-page a {color:inherit;text-decoration:none}
.faq-page button {font-family:inherit;cursor:pointer}
.faq-page .blind {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}

.faq-page .btn-board {position:relative;display:inline-flex;align-items:center;justify-content:center;width:160px;height:40px;padding:0 28px 0 0;border:1px solid #777;border-radius:4px;background:#fff;color:#222;font-size:15px;font-weight:500;line-height:38px;text-align:center}
.faq-page .btn-board:after {content:"";position:absolute;top:14px;right:52px;width:8px;height:8px;border-right:1px solid #222;border-bottom:1px solid #222;transform:rotate(45deg)}
.faq-page .btn-board.btn-list {padding-right:0;text-decoration:none}
.faq-page .btn-board.btn-list:after {display:none}

/* Title
---------------------------------------------------- */
.faq-page .faq-title {display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;padding:0px 0 42px}
.faq-page .faq-title h1 {margin:0;color:#333;font-size:26px;font-weight:600;line-height:1.3;text-align:center}
.faq-page .faq-search {width:536px;max-width:calc(100% - 32px)}
.faq-page .faq-search fieldset {position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;margin:0;padding:8px 58px 8px 32px;border:1px solid #333;border-radius:999px;background:#fff}
.faq-page .faq-search legend {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}
.faq-page .faq-search input {display:block;width:100%;height:36px;margin:0;padding:0;border:0;background:transparent;color:#333;font-size:18px;font-weight:500;line-height:36px;outline:none}
.faq-page .faq-search input::placeholder {color:#a8a8a8}
.faq-page .faq-search .btn-clear {display:none;position:absolute;top:46%;right:62px;width:24px;height:24px;margin-top:-12px;padding:0;border:0;background:transparent}
.faq-page .faq-search .btn-clear:before, .faq-search .btn-clear:after {content:"";position:absolute;top:11px;left:5px;width:14px;height:1px;background:#777}
.faq-page .faq-search .btn-clear:before {transform:rotate(45deg)}
.faq-page .faq-search .btn-clear:after {transform:rotate(-45deg)}
.faq-page.is-search .faq-search .btn-clear {display:block}
.faq-page .faq-search .btn-search {position:absolute;top:50%;right:18px;width:36px;height:36px;margin-top:-18px;padding:0;border:0;background:#fff}

/* Layout
---------------------------------------------------- */
.faq-page .sub-header {padding:42px 0 24px;color: #333;}
.faq-page .faq-wrap {width:100%;max-width:1200px;margin:0 auto;padding:0 0 50px}
.faq-page .section-title {display:flex;align-items:flex-end;justify-content:space-between;width:100%;margin-bottom:20px}
.faq-page .section-title h2 {margin:0;color:#333;font-size:20px;font-weight:700;line-height:1}
.faq-page .top-question {margin-bottom:50px}
.faq-page .top-list {display:flex;gap:16px;margin:0;padding:0;list-style:none;height: 146px;}
.faq-page .top-card strong {display:block;color:#2c5bf6;font-size:15px;font-weight:700;line-height:1.4}

.faq-page .top-list-swiper{overflow:hidden;height:146px;}
.faq-page .top-list-swiper .swiper-slide{width:227.2px;height:auto;}
.faq-page .top-list-swiper .swiper-slide{min-width:150px;}
.faq-page .top-card{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;width:100%;min-height:119px;height:auto;padding:24px;border:1px solid #f6f7fb;border-radius:10px;background:#f6f7fb;color:#333;line-height:1.4;}
.faq-page .top-card span {display:-webkit-box;overflow:hidden;color:#333;font-size:16px;font-weight:400;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;}
.faq-page .top-card.is-open span {-webkit-line-clamp:3}


.faq-page .top-list-swiper{
    visibility:hidden;
}

.faq-page .top-list-swiper.swiper-initialized{
    visibility:visible;
}


.faq-page .faq-content{display:flex;align-items:flex-start;gap:40px;width:100%;}
.faq-page .faq-filter-swiper{width:180px;flex-shrink:0;overflow:hidden;}
.faq-page .faq-filter{display:flex;flex-direction:column;gap:8px;width:180px;flex-shrink:0;}
.faq-page .faq-filter .swiper-slide{width:100%;flex-shrink:0;}
.faq-page .faq-filter button,.faq-page .faq-filter a{display:block;width:100%;height:40px;padding:0 10px;border:0;border-radius:6px;background:#fff;color:#555;font-size:16px;font-weight:400;line-height:40px;text-align:left;}
.faq-page .faq-filter button:hover,.faq-page .faq-filter a:hover{background:#f6f7fb;color:#2c5bf6;font-weight:500;}
.faq-page .faq-filter button.on,.faq-page .faq-filter a.on{background:#2c5bf6;color:#fff;font-weight:500;border:1px solid #2c5bf6;}

.faq-page .faq-list-wrap {width:980px;flex-shrink:0}
.faq-page.is-search .faq-content {display:block}
.faq-page.is-search .faq-list-wrap {width:1200px}
.faq-page .faq-list {margin:0;padding:0;border-top:1px solid #111;list-style:none}
.faq-page .faq-list li {border-bottom:1px solid #e5e5e5;background:#fff}
.faq-page .faq-list li:hover {background:#f6f7fb}
.faq-page .faq-link {position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:81px;padding:16px 58px 16px 12px}
.faq-page.is-search .faq-link {min-height:56px;gap:4px;padding-top:8px;padding-bottom:8px}
.faq-page .faq-link:after {content:"";position:absolute;top:50%;right:21px;width:8px;height:8px;margin-top:-4px;border-top:1px solid #777;border-right:1px solid #777;transform:rotate(45deg)}
.faq-page .faq-tag {display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:23px;padding:4px 5px;border:1px solid #777;border-radius:4px;color:#555;font-size:13px;font-weight:400;line-height:1}
.faq-page .faq-link strong {display:block;color:#333;font-size:16px;font-weight:400;line-height:1.4;word-break:keep-all}
.faq-page .faq-list li:hover .faq-link strong {color:#2c5bf6;font-weight:400}
.faq-page .faq-highlight {color:#2c5bf6;font-weight:700}
.faq-page .btn-more-group {display:flex;justify-content:center;margin-top:24px}
.faq-page .faq-result {width:1200px;margin:0 auto 32px;color:#333;font-size:20px;font-weight:700;line-height:1}
.faq-page .faq-result p {margin:0}
.faq-page .faq-result strong, .faq-result span {color:#2c5bf6}
.faq-page .faq-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;height:225px;
	/* border-top:1px solid #555; */
	border-bottom:1px solid #e5e5e5;color:#333;text-align:center}
.faq-page .faq-empty .empty-icon {width:40px;height:35px;margin-bottom:8px;}
.faq-page .faq-empty .empty-icon img {width: 100%;height: 100%;}
.faq-page .faq-empty p {margin:0;font-size:16px;font-weight:500;line-height:1.4}

/* Inquiry
---------------------------------------------------- */
.faq-page .inquiry-box {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:40px 0 0 0px;padding:30px 24px;border-radius:16px;background:#f8f8f8;text-align:center}
.faq-page.is-search .inquiry-box {width:1200px;margin-left:0}
.faq-page .inquiry-icon {display:block;width:54px;height:54px}
.faq-page .inquiry-icon img {display:block;width:54px;height:54px}
.faq-page .inquiry-text {display:flex;flex-direction:column;gap:4px;color:#333;line-height:1.4}
.faq-page .inquiry-text strong {font-size:18px;font-weight:700;line-height:1.4}
.faq-page .inquiry-desc {font-size:16px;font-weight:400;line-height:1.4}
.faq-page .btn-inquiry {display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 30px;border:1px solid #dbdbdb;border-radius:6px;background:#fff;color:#555;font-size:14px;font-weight:500;line-height:1.1;text-align:center}

/* View
---------------------------------------------------- */
.faq-view-page .faq-view {width:980px;flex-shrink:0}
.faq-view-page .view-box {border-top:1px solid #111}
.faq-view-page .view-title {position:relative;display:flex;align-items:center;padding:22px 24px 22px 60px;border-bottom:1px solid #e5e5e5;background:#fff}
.faq-view-page .view-title h2 {margin:0;color:#333;font-size:20px;font-weight:600;line-height:1.4;word-break:keep-all}
.faq-view-page .btn-back{position:absolute;left:24px;top:50%;width:24px;height:24px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 12L4.5 12M10.125 6L4.5 12L10.125 18' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/24px auto;}
.faq-view-page .view-content {min-height:237px;padding:24px;background:#fff;color:#555;font-size:14px;font-weight:400;line-height:1.7;word-break:keep-all;border-bottom: 1px solid #555555;}
.faq-view-page .view-content p {margin:0 0 10px}
.faq-view-page .view-content p:last-child {margin-bottom:0}
.faq-view-page .view-content img {max-width:100%;height:auto}

/* FAQ search result
---------------------------------------------------- */
.faq-page .faq-search .btn-clear {border-radius:999px;background:#f0f0f0}
.faq-page .faq-search .btn-clear:before,.faq-page .faq-search .btn-clear:after {top:11px;left:8px;width:8px;background:#777}
.faq-page.is-search .faq-result {margin-bottom:12px}
.faq-page.is-search .faq-list {border-top:1px solid #111}
.faq-page.is-search .faq-tag {display:none}
.faq-page.is-search .faq-link {min-height:56px;padding:16px 58px 16px 12px}
.faq-page.is-search .faq-link strong {font-size:16px;line-height:1.4}
.faq-page.is-search .btn-more-group {margin-top:24px}
.faq-page.is-search .inquiry-box {margin-top:40px}



/* Tablet
---------------------------------------------------- */
@media (max-width:1199px){
	.faq-page .sub-header{padding:36px 0 24px;}
	.faq-page .faq-title{padding:0 0 36px;}
	.faq-page .faq-title h1{font-size:24px;}
	.faq-page .faq-wrap{padding:0;}
	.faq-page .faq-content{display:block;}
	.faq-page .faq-list {margin:0 24px;}
	.faq-page .faq-filter-swiper {margin-left: 24px;}

	.faq-page .top-question{margin-bottom:40px;overflow:hidden;}
	.faq-page .top-list-swiper{margin-left:24px;height:unset;margin-right: 24px;}
	.faq-page .top-list-swiper .swiper-slide{width:227.2px;}
	.faq-page .faq-filter-swiper{width:100%;margin-bottom:12px;overflow:hidden;}
	.faq-page .faq-filter.swiper-wrapper{display:flex;flex-direction:row;gap:0;width:auto;flex-shrink:0;}
	.faq-page .faq-filter .swiper-slide{width:auto;flex-shrink:0;}
	.faq-page .faq-filter button,.faq-page .faq-filter a{width:auto;height:33px;min-width:54px;padding:0 14px;border:1px solid #dbdbdb;border-radius:999px;background:#fff;color:#777;font-size:15px;font-weight:400;line-height:31px;white-space:nowrap;text-align:center;}
	.faq-page .faq-filter button:hover,.faq-page .faq-filter a:hover{background:#fff;color:#777;font-weight:400;}
	.faq-page .faq-filter button.on,.faq-page .faq-filter a.on{background:#2c5bf6;color:#fff;border-color:#2c5bf6;font-weight:500;}
	.faq-page .faq-search .btn-clear{margin-top:-10px;}
	.faq-page .inquiry-box,.faq-page.is-search .inquiry-box{padding:30px 24px;border-radius:0;margin:50px 0 0;}
	.faq-page .faq-result{margin-bottom:12px;font-size:20px;}
	.faq-page .view-content{min-height:258px;}
	.faq-page .faq-list-wrap{width:100%;}
	.faq-page .section-title{padding:0 24px;}
	.faq-view-page .faq-view{width:unset;padding: 0px;}
	.faq-view-page .btn-more-group{margin:24px 0 50px;}
	.faq-page.is-search .faq-result{margin-left:24px;}
	.faq-page.is-search .faq-list-wrap,.faq-page.is-search .inquiry-box,.faq-page.is-search .faq-result{width:100%;}
	.faq-page .faq-empty {margin: 0 24px;}
}

/* Mobile
---------------------------------------------------- */
@media (max-width:767px){
	.faq-page .sub-header{padding:17px 15px 15px;}
	.faq-page .faq-title{gap:18px;padding:16px 0 30px;}
	.faq-page .faq-title h1{font-size:22px;}
	.faq-page .faq-search{max-width:calc(100% - 32px);}
	.faq-page .faq-search fieldset{height:44px;padding:6px 44px 6px 18px;}
	.faq-page .faq-search input{height:28px;font-size:14px;line-height:28px;}
	.faq-page .faq-search .btn-clear{right:40px;width:20px;height:20px;top: 50%;}
	.faq-page .faq-search .btn-clear:before,.faq-page .faq-search .btn-clear:after{top:9px;left:6px;}
	.faq-page .faq-search .btn-search{right:10px;width:28px;height:28px;margin-top:-14px;}
	.faq-page .faq-search .btn-search img{width:100%;}
	.faq-page .faq-wrap{padding:0;}
	.faq-page .faq-content{padding:0px;}
	.faq-page .section-title{margin-bottom:12px;padding:0 16px;}
	.faq-page .section-title h2{font-size:16px;}
	.faq-page .top-question{margin:0 0 32px;padding-top:4px;}
	.faq-page .top-list-swiper{margin-left:16px;margin-right: 16px;}
	.faq-page .top-list-swiper .swiper-slide{width:150px;}
	.faq-page .top-card{height:auto;min-height:92px;padding:12px 16px;border-radius:8px;}
	.faq-page .top-card strong{font-size:13px;}
	.faq-page .top-card span{font-size:14px;}
	.faq-page .faq-filter-swiper{margin:0 0px 12px 16px;padding:0 0 0 0px;}
	.faq-page .faq-filter.swiper-wrapper{flex-direction:row;}
	.faq-page .faq-filter button,.faq-page .faq-filter a{height:31px;min-width:48px;padding:0 12px;font-size:14px;line-height:29px;}
	.faq-page .faq-link,.faq-page.is-search .faq-link{min-height:73px;padding:12px 42px 12px 0;}
	.faq-page.is-search .faq-link{min-height:49px;}
	.faq-page .faq-link:after{right:12px;width:7px;height:7px;}
	.faq-page .faq-tag{min-height:20px;font-size:12px;}
	.faq-page .faq-link strong{font-size:14px;line-height:1.45;white-space:normal;}
	.faq-page.is-search .faq-link strong{font-size:15px;}
	.faq-page .btn-more-group,.faq-page.is-search .btn-more-group{margin-top:16px;}
	.faq-page .faq-result{margin-bottom:12px;font-size:16px;line-height:1.4;}
	.faq-page.is-search .faq-result{margin-left:16px;}
	.faq-page .faq-empty,.faq-page.is-search .faq-empty{height:144px;}
	.faq-page .faq-empty p{font-size:15px;}
	.faq-page .inquiry-box,.faq-page.is-search .inquiry-box{gap:8px;margin-top:32px;padding:24px 56px;border-radius:0;}
	.faq-page .inquiry-text strong{font-size:16px;}
	.faq-page .inquiry-desc{font-size:14px;line-height:1.5;white-space:normal;}
	.faq-page .btn-inquiry{height:32px;padding:0 18px;font-size:13px;}
	.faq-page .view-title{padding:12px 12px 12px 44px;}
	.faq-page .view-title h2{font-size:16px;}
	.faq-page .btn-back{left:12px;width:20px;height:20px;}
	.faq-page .view-content{padding:12px;font-size:14px;line-height:1.5;}
	.faq-view-page .btn-more-group{margin:16px 0 32px;}
	.faq-view-page .faq-view{padding: 0 16px;}
	/* .faq-page .faq-list-wrap {padding: 0 16px;} */
	.faq-page .faq-list {margin:0 16px;}
	.faq-page .faq-filter-swiper {margin-left: 16px;}
	.faq-page .faq-empty {margin: 0 16px;}

}
/* =====================================================================
	END ÀÚÁÖ ¹¯´Â Áú¹® : /russel/info/qna/faq.asp
===================================================================== */