@charset "UTF-8";

.faq__email-inquiries, .faq__list{
	display:none;
}
#email-inquiries, #faq{
	display:none;
}
#email-inquiries:checked ~ .faq__top-tabs-wrapper [for="email-inquiries"],
#faq:checked ~ .faq__top-tabs-wrapper [for="faq"]{
	color:#006dc7;
	border-bottom:3px solid #006dc7;
	opacity:1;
}
.faq{
	width:100%; 
	overflow: hidden;
}
.faq__top-tabs-wrapper{
	width:100%;
	height:66px;
	overflow:hidden;
	border-bottom:1px solid #aeaeae;
}
.faq__top-tabs-wrapper .faq__top-tabs-scroll-wrapper{
	width:100%;
	height:66px;
}
.faq__top-tabs-wrapper .faq__top-tabs{
	flex-wrap: nowrap;
	min-width:126px;
	max-width:168px;
	padding:0 15px;
	height:66px;
	display:flex;
	justify-content: flex-start;
	gap:30px;
	margin:0 auto;
}
.faq__top-tabs-wrapper .faq__top-tabs label{
	display:block;
	padding:0 1px;
	line-height: 66px;
	height:66px;
	opacity:0.7;
	font-size: 18px;
	letter-spacing: -1.26px;
}

#email-inquiries:checked ~ .faq__email-inquiries,
#faq:checked ~ .faq__list{
    display:block;
}
.faq__contents{
    margin:40px auto 80px;
    width:calc(100% - 30px);
}
/*메일문의*/
.faq__email-inquiries{
    margin:62px auto 80px;
}
.faq__email-inquiries h2{
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -2.46px;
    color: #000;
}
.faq__email-inquiries form{
    margin-top:20px;
    border-top:1px solid #707070;
}
.faq__email-inquiries form>div{
    padding:20px 0;
    border-bottom:1px solid #d7d7d7;
}
.faq__email-inquiries form h4{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -1.05px;
    text-align: left;
    color: #000;
}
.faq__email-inquiries form input,
.faq__email-inquiries form select,
.faq__email-inquiries form textarea{
    display:block;
    width:100%;
    margin-top:8px;
}
.faq__email-inquiries form textarea{
    height:300px;
}
.faq__email-inquiries form .faq__provide-privacy-agree{
    margin-top:60px;
    border:none;
    padding:0;
}

.faq__email-inquiries form .faq__provide-privacy-agree {
    margin-top:12px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1.4px;
    text-align: left;
    color: #000;
}
.faq__email-inquiries form .faq__provide-privacy-agree input{
    display:inline-block;
    vertical-align:middle;
    border-radius: 3px;
    margin-top:-4px;
    width:20px;
    height:20px;
    border:1px solid #e0e0e0;
    margin-right:8px;
}
.faq__email-inquiries form .faq__provide-privacy-agree div #footer__privacy-opener{
    color:#006dc7;
    border-bottom:1px solid #006dc7;
    cursor:pointer;
}
.faq__email-inquiries button{
    width:100%;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -1.12px;
    margin-top:40px;
}
/*faq*/
.faq__list{
    margin:40px auto 80px;
    border-bottom:1px solid #d7d7d7;
}
.faq__list details summary{
	position: relative;
	border-top:1px solid #d7d7d7;
	font-size: 18px;
	padding:12px 0px;
	display:flex;
	font-weight: 500;
    letter-spacing: -1.26px;
    color: #484848;
}
.faq__list details:first-child summary{
	border-top:1px solid #707070;
}
.faq__list details summary:after{
	position: absolute;
	right:0;
	font-size:16px;
	content:'▼';
	font-stretch:ultra-expanded;
}
.faq__list details[open] summary:after{
	content:'▲';
	color:#484848;
}
.faq__list details[open] summary{
	color:#056dc7;
	border-bottom:1px solid #d7d7d7;
}
.faq__list details summary div{
    width:calc(100% - 32px);
}

.faq__list details .faq__answer{
    background:#f7f8f9;
    padding:20px 12px;
    line-height: 1.8;
    letter-spacing: -1.28px;
    color: #000;
}
@media (min-width:1140px) {
	.faq__top-tabs-wrapper{
		width:100%;
		height:80px;
		overflow:hidden;
		border-bottom:1px solid #aeaeae;
	}
	.faq__top-tabs-wrapper .faqs__top-tabs-scroll-wrapper{
		width:100%;
		height:80px;
	}
	.faq__top-tabs-wrapper .faq__top-tabs{
		padding:0;
		height:80px;
		gap:60px;
		margin:0 auto;
	}
	.faq__top-tabs-wrapper .faq__top-tabs label{
		height:80px;
		line-height: 80px;
		font-size: 20px;
		letter-spacing: -1.4px;
		font-weight: 500;
	}
	.faq__contents{
	    width:1140px;
	}
	/*메일문의*/
	.faq__email-inquiries{
        margin:80px auto 120px;
    }
    .faq__email-inquiries h2{
        font-size: 48px;
        font-weight: bold;
        letter-spacing: -3.36px;
    }
    .faq__email-inquiries h2 span{
        display:block;
    }
    .faq__email-inquiries form{
        margin-top:20px;
        border-top:1px solid #707070;
    }
    .faq__email-inquiries form>div{
        padding:0;
        display:flex;
        border-bottom:1px solid #d7d7d7;
    }
    .faq__email-inquiries form>div.faq__inquiry-area{
        height:240px;
    }
    .faq__email-inquiries form h4{
        line-height:94px;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -1.26px;
        text-align: left;
        color: #000;
        width:254px;
        background:#f7f8f9;
        padding-left:20px;
    }
    .faq__email-inquiries form>div.faq__inquiry-area h4{
        line-height:240px;
    }
     .faq__email-inquiries form>div div{
        width:100%;
        padding:20px 0 20px 20px;
     }
    .faq__email-inquiries form>div div.faq__phone-wrapper{
        display:flex;
        gap:8px;

    }
    .faq__email-inquiries form input,
    .faq__email-inquiries form select,
    .faq__email-inquiries form textarea{
        display:block;
        width:100%;
        margin-top:0px;
    }
    .faq__email-inquiries form select{
        width:216px;
    }
    .faq__email-inquiries form textarea{
        display:block;
        width:100%;
        height:200px;
    }
    .faq__email-inquiries form .faq__provide-privacy-agree div{
        padding:0;
        width:100%;
        text-align:right;
    }
    .faq__email-inquiries form .faq__provide-privacy-agree div label{
        text-align:right;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -1.4px;
        color: #000;
    }
    .faq__email-inquiries button{
        display:block;
        width:178px;
        margin:40px auto 0;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: -1.26px;
        color: #fff;
    }
    .faq__email-inquiries button[disabled]{
        background-color: #f7f8f9;
        color: #aeaeae;
    }

    /*FAQ*/

	.faq__list details summary{
		font-size: 20px;
		padding:20px 0;
		font-weight: 500;
        letter-spacing: -1.4px;
	}
	.faq__list details p{
	    font-size: 20px;
        line-height: 1.6;
        letter-spacing: -1.4px;
        color: #000;
	}
}