/* sub */
.container {padding:5rem 0 5rem}


.title_wrap.sub { text-align:left;}
.title_wrap.sub h2 {font-size:2.188rem;  line-height:3.25rem; color:#333; margin-bottom:2rem; }
.title_wrap.sub strong {color:var(--color-default); font-weight:600;}
.title_wrap.sub p {font-size:1.2rem ; line-height:2.25rem; font-weight:400; margin-top:1rem; letter-spacing:-.07rem}
.title_wrap.sub p b {font-weight:700;}

@media screen and ( max-width:1024px ) {
    .title_wrap.sub h2 {font-size:1.95rem; line-height:2.65rem; }
	.title_wrap.sub p {margin-top:1.35rem; font-size:1.05rem; line-height:1.8rem;}
	.title_wrap.sub p br {display:none; }
}
@media screen and ( max-width:500px ) {
    .title_wrap.sub h2 {font-size:1.75rem; }
	.title_wrap.sub p {margin-top:1.1rem; font-size:1.05rem; line-height:1.8rem;}
	.title_wrap.sub p br {display:none; }
}


.bg_intro2 {background-color:var(--bg-light)}


.s_visual {position:relative; height:650px; background:url('/images/sub/s_visual.jpg') no-repeat center ;  background-size:cover;  }
.s_visual .column {display:flex;align-items: center; height:100%;  }
.s_visual .title_wrap {text-align:left; padding-left:1rem;}
.s_visual .title_wrap h3 {font-size:3.125rem; line-height:4.375rem; color:#fff;}
.s_visual .title_wrap p {font-size:1.438rem; line-height:2.25rem; color:#fff; margin-top:1.5rem;}

@media screen and ( max-width:1024px ) {
.s_visual { height:350px; background-position:63% ; }
.s_visual .title_wrap {padding-left:.25rem;}
.s_visual .title_wrap h3 {font-size:1.85rem; line-height:2.65rem;  }
.s_visual .title_wrap p {font-size:1.08rem; line-height:1.65rem; margin-top:1.1rem;}

}



/* faq */
.faq_wrap {width:1080px; padding-top:3rem;margin:0 auto; }
.faq_wrap .title_wrap h2 {text-align:left; font-size:2.375rem; }
.faq_wrap .contact_info { display:flex; align-items: stretch; gap:1.5rem; margin-top:1.5rem; }
.faq_wrap .contact_info li { position:relative; display:flex; align-items: center; width:50%; border-radius:1.25rem; padding:2.5rem 3rem;  }
.faq_wrap .contact_info li:nth-child(1) {background:#e8f8f8 url('/images/img_call.png?ver=250321') no-repeat 93%; }
.faq_wrap .contact_info li:nth-child(2) {background:#faf9e2 url('/images/img_kakao.png?ver=250321') no-repeat 93%; }
.faq_wrap .contact_info dl dt {font-size:2.375rem; line-height:2.5rem; color:#222; font-weight:700; }
.faq_wrap .contact_info dl dt p {font-size:1.375rem; line-height:1.4rem; font-weight:500; color:#555; margin-bottom:.5rem;}
.faq_wrap .contact_info dl dd {margin-top:1rem; font-size:1.125rem; line-height:1.3rem; color:#666;  }
.faq_wrap .contact_info li:nth-child(2) dt {font-size:2.1rem; line-height:2.5rem; }
.faq_list {margin-top:2rem;  }
.faq_list .item_wrap {display:flex; flex-direction: column; width:100%;  }
.faq_list .item_wrap .ico:before{content:'';font-family:'SB-ugr';display:inline-block;font-size:1.35rem; width:50px; height:50px; line-height:50px; padding-top:1px; font-weight:500; text-align:center; }
.faq_list .item_wrap .faq_qt {position:relative; display:flex; flex-start; align-items: center; flex-direction: row; flex-wrap: nowrap; padding:.65rem 0rem;cursor:pointer;}
.faq_list .item_wrap .faq_qt .ico:before {content:'Q';  color:var(--color-default);}
.faq_list .item_wrap .faq_qt .title {width:calc(100% - 50px); padding-left:0.2rem; font-size:1.2rem; font-weight:600;  color:#333;}
.faq_list .item_wrap .faq_answer {background-color:#f7fafa; padding:1rem 1rem; display:flex; flex-start; align-items: flex-start; flex-direction: row; border-radius:0.5rem; }
.faq_list .item_wrap .faq_answer .ico:before{display:none;}
.faq_list .item_wrap .faq_answer .cont { width:calc(100% - 50px); padding:0.65rem 2.5rem 1rem 2.5rem;font-size:1.065rem; font-weight:500; line-height:1.8rem; color:#555; }
.faq_list .item_wrap .faq_qt:after {content:"\e942"; font-family:'xeicon'; color:#cedcdf; position:absolute; font-size:1.6rem; right:1rem; width:30px; height:30px; transition: all 0.2s ease-in;}
.faq_list .item_wrap .faq_qt.on:after { transform: rotate(180deg); }


@media screen and ( max-width:1080px ) {
   .faq_wrap {width:100%;  }
}

@media screen and ( max-width:1024px ) {
	.container {padding:3rem 0 3rem}

	.faq_wrap .title_wrap h2 { font-size:1.563rem; }
    .faq_wrap {padding:0 }
	.faq_wrap .contact_info { flex-direction: column;  gap:1rem; margin-top:1.5rem; }
    .faq_wrap .contact_info li { width:100%; border-radius:1rem; padding:1.65rem 2rem;  }
	.faq_wrap .contact_info li:nth-child(1) {background-size: auto 70%;}
	.faq_wrap .contact_info li:nth-child(2) {background-size: auto 70%;}
	.faq_wrap .contact_info dl dt {font-size:1.75rem; line-height:2rem; }
	.faq_wrap .contact_info li:nth-child(2) dt {font-size:1.6rem; }
	.faq_wrap .contact_info dl dt p {font-size:1.05rem; margin-bottom:0rem;}
	.faq_wrap .contact_info dl dd {margin-top:.65rem; font-size:1rem;  }

    .faq_list {margin-top:1rem;  }
	.faq_list .item_wrap .ico:before{ font-size:1.25rem; width:30px;  }
	.faq_list .item_wrap .faq_qt {padding:.25rem ;}
	.faq_list .item_wrap .faq_qt .title {width:calc(100% - 30px); font-size:1rem; }
	.faq_list .item_wrap .faq_answer .cont {width:100%; padding:0.5rem 0rem 0.5rem;font-size:0.95rem;  line-height:1.65rem; }
	.faq_list .item_wrap .faq_answer .ico:before {display:none;}
}



.agree-detail {padding:0 3rem 3rem;}
.agree-detail h2 {margin-bottom: 0px; font-size:1rem; color: #333;}
.agree-detail h3 {margin-top:30px; font-size: .9rem; font-weight:500; color:#02a9f6;}
.agree-detail h6 { font-size:1rem;padding: 20px 5px 7px 0; font-weight:bold; }
.agree-detail h6:first-child {padding-top: 5px;}
.agree-detail p {padding: 5px 0 5px 0; color:#555; font-size:.9rem;line-height:1.4em;letter-spacing:-.5px;}
.agree-detail strong {font-weight: bold;}
.agree-detail ol { padding: 5px 5px 5px 5px;list-style:none; }
.agree-detail ul { padding: 5px 5px 5px 5px; }
.agree-detail  span {display:inline-block; vertical-align:top;margin-top:-1px; margin-right:3px; font-weight:bold;}
.agree-detail li { padding: 1px 0 1px 0;font-size:.9rem;line-height:1.5em;letter-spacing:-.7px;}
.agree-detail li.tit {font-size: .9rem; padding: 20px 5px 10px 0; font-weight: bold;}
.agree-detail li.tit:first-of-type {padding-top: 0;}
.agree-detail ol li ol {list-style-type:decimal; list-style-position:outside; margin-left:1rem; }
.agree-detail ol li ol li {font-size:.9rem;}

@media screen and (max-width: 640px), screen\9 {
	.agree-detail {padding:0 1.5rem 2rem;}
	.agree-detail li, .agree-detail p {font-size:.8rem;}

	.header_popup {height:3rem;}
	

}



/* 이용약관 */
.joinrule {padding:1rem 0 3rem;}
.joinrule h3 {padding:1rem 0 1rem;font-weight:bold;font-size:1rem;}
.joinrule p {padding-bottom:1rem;font-size:.9rem;color:#777;}
.joinrule li {position:relative;padding-bottom:.5rem;font-size:.9rem;color:#777;}
.joinrule ul, .joinrule ol {padding-bottom:.5rem;}
.joinrule ul li {padding-left:1rem;}
.joinrule ul li:before {content:'';position:absolute;left:.3rem;top:1rem;width:5px;height:1px;background:#555;}
.joinrule th {line-height:1.2rem;}