@charset "utf-8";

#bo_cate {margin-bottom:28px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}

#faq_wrap {margin:10px 0 30px}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:1px solid #ececec}
#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative}
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:1.2em}
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em}
#faq_wrap li h3.faq_li_open a {color:#3a8afd}

#faq_con .con_inner {display:none;padding:5px 5px 20px 50px}
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em}

#faq_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px}
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#faq_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px}
#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}



/* [2024.08.26] yr-custom */
.faq_container {padding-bottom: 180px;}
#faq_wrap {margin: 0;}
#faq_wrap li:first-child {border-top: 2px solid #222;}
#faq_wrap li { border-bottom: 1px solid #D9D9D9;}
#faq_wrap li h3 {line-height: 1.4; padding: 30px 80px 30px 100px; font-size: 17px; font-weight: 700; min-height: auto;}
#faq_wrap li h3::before {content: ''; position: absolute; right: 35px; top: 50%; width: 24px; height: 24px; transform: translateY(-50%); border-radius: 50%; background: url(../../../theme/basic/images/common/faq_arrow.png) #E3E4E8 center no-repeat; background-size: 10px 6px; transition: all .3s ease;}
#faq_wrap li h3.faq_li_open::before {background: url(../../../theme/basic/images/common/faq_arrow_on.png) #1EB7F5 center no-repeat; background-size: 10px 6px; transform: translateY(-50%) rotate(360deg);}
#faq_wrap li h3 .tit_bg {width: 100px; left: 0; top: 30px; color: #1EB7F5; font-size: 22px; font-weight: 700; line-height: 1;}
#faq_wrap li h3 a {width: 100%; display: block;}
#faq_wrap li h3 a span {font-family: "Pretendard" !important;}
#faq_wrap li h3.faq_li_open a {color: #222;}
#faq_con .con_inner {font-size: 15px; padding: 30px 80px 30px 100px; display: none; background-color: #FAFAFB; border-top: 1px solid #D9D9D9; position: relative;}
#faq_con .con_inner span {font-family: "Pretendard" !important; font-weight: 400 !important;}
#faq_con .con_inner::before {content: 'A'; position: absolute; left: 0; top: 30px; width: 100px; color: #666; font-size: 22px; font-weight: 700; text-align: center; line-height: 1;}

nav.pg_wrap {width: 100%; text-align: center; margin-top: 60px;}
nav.pg_wrap .pg_page {height: auto; line-height: normal; color: #8C8C8C; font-size: 14px; font-weight: 500; min-width: auto; padding: 0 20px; background-color: transparent; border: 0;}
nav.pg_wrap .pg_current {background: transparent; border: 0; min-width: auto; font-weight: 800; height: auto; line-height: normal; text-decoration: underline; color: #000; padding: 0 20px; font-size: 14px;}
.pg_start {background: url('../../../images/common/paging_two_arrow.png') no-repeat 50% 50% /contain; width: 11px; height: 13px !important; border: 0; min-width: unset;}
.pg_end {background: url('../../../images/common/paging_two_arrow.png') no-repeat 50% 50% /contain; width: 11px; height: 13px !important; transform: rotate(180deg); border: 0; min-width: unset;}
.pg_prev {background: url('../../../images/common/paging_one_arrow.png') no-repeat 50% 50% /contain; width: 11px; height: 13px !important; border: 0; min-width: unset;}
.pg_next {background: url('../../../images/common/paging_one_arrow.png') no-repeat 50% 50% /contain; width: 11px; height: 13px !important; transform: rotate(180deg); border: 0; min-width: unset;}


@media (max-width: 1600px) {
  /* [2024.08.26] yr-custom */
  .faq_container {padding-bottom: 13.2500vw;}
  nav.pg_wrap {margin-top: 3.7500vw;}
}

@media (max-width: 1024px) {
  /* [2024.08.26] yr-custom */
  .faq_container {padding-bottom: 18.6250vw;}
  nav.pg_wrap {margin-top: 5.8594vw;}
}

@media (max-width: 767px) {
  /* [2024.08.26] yr-custom */
  .faq_container {padding-bottom: 21.2529vw;}
  #faq_wrap li h3 {padding: 3.2595vw 7.8227vw 3.2595vw 10.4302vw; font-size: 2.0860vw;}
  #faq_con .con_inner::before, #faq_wrap li h3 .tit_bg {top: 3.2595vw; font-size: 2.7379vw;}
  #faq_wrap li h3 .tit_bg, #faq_con .con_inner::before {width: 10.4302vw;}
  #faq_wrap li h3::before {right: 3.2595vw; width: 2.8683vw; height: 2.8683vw; background-size: 1.3038vw 0.7823vw; transform: none; top: 3.2595vw;}
  #faq_wrap li h3.faq_li_open::before {background-size: 1.3038vw 0.7823vw; transform: rotate(360deg);}
  #faq_con .con_inner {padding: 3.2595vw 7.8227vw 3.2595vw 10.4302vw; font-size: 1.8253vw;}
  nav.pg_wrap {margin-top: 6.5189vw;}
}

@media (max-width: 480px) {
  /* [2024.08.26] yr-custom */
  .faq_container {padding-bottom: 25.9167vw;}
  #faq_wrap li h3 {padding: 5.2083vw 12.5000vw 5.2083vw 16.6667vw; font-size: 3.5417vw;}
  #faq_con .con_inner::before, #faq_wrap li h3 .tit_bg {top: 5.2083vw; font-size: 4.3750vw;}
  #faq_wrap li h3 .tit_bg, #faq_con .con_inner::before {width: 16.6667vw;}
  #faq_wrap li h3::before {right: 5.2083vw; width: 4.5833vw; height: 4.5833vw;  transform: none; top: 5.2083vw;}
  #faq_wrap li h3.faq_li_open::before { transform: rotate(360deg);}
  #faq_con .con_inner {padding: 5.2083vw 12.5000vw 5.2083vw 16.6667vw; font-size: 3.1250vw;}
  nav.pg_wrap {margin-top: 8.3333vw;}
}