@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+KR:wght@100..900&display=swap');

/* reaset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,
fieldset,figcaption,figure,footer,form,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,pre,q,
ruby,s,samp,section,small,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}
body{line-height:1.7; letter-spacing: -0.5px; word-break:keep-all;}
h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0;border:0;font-size:100%;font-weight: normal; vertical-align:baseline}
menu,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
/* reaset */

:root {
	--orange: #da291c;
	--green: #3cb17e;
	--blue: #307fe2;
	--purple: #9063cd;
	--light-green: #ebf7f2;
	--light-blue: #eaf2fc;
	--light-purple: #f4effa;
	}


*{
    font-family: "Inter", "Noto Sans KR", sans-serif;
}
img{
	width: 100%;
}
html{
    width: 100%;
    font-size: 100%;
}

#wrap{
    width: 100%;
}




@media only screen and (max-width:1400px){

	html{
        font-size: 90%;
    }
}
@media only screen and (max-width:960px){
	
	html{
        font-size: 80%;
    }
}
@media only screen and (max-width:499px){
	
	html{
        font-size: 70%;
    }
}






.container{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.wrapper{
	width: 100%;
	padding: 0 6.2rem;
	box-sizing: border-box;
}
.btn{
	width: 15rem;
    margin: 5rem auto 6.2rem;
    text-align: center;
    padding: 0px 1rem;
}
.hero .btn{
	width: 14rem;
	margin: 3.7rem 0 0;
}

.register .btn {
    margin: 3.75rem auto 6.2rem;
    width: 14rem;
}
.btn a, .btn button{
    width: 100%;
	border-radius: 3rem;
    border:0;
    padding: 0.5rem 0;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
	display: inline-block;
    border: 2px solid var(--orange);
    background-color: var(--orange);
    cursor:pointer;
}
i{
	margin: 0 0 0 0.6rem;
}

.btn a:hover, .btn button:hover{
    color: var(--orange);
    border: 2px solid var(--orange);
    background-color: #fff;
	transition: 0.2s;
}
@media only screen and (max-width:1400px){

	.wrapper{
		padding: 0 5%;
	}
}
@media only screen and (max-width: 960px) {

    .wrapper {
        padding: 1.3rem 5%;
    }
	.landing-hero .wrapper{
        padding: 0 5%;
	}
}







/*---------- 헤더 영역 ----------*/
header {
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 1;
}
header .wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
h1{
	max-width: 215px;
    width: 14rem;
    display: grid;
    align-items: center;
}
h1 a{
    display: grid;
	align-items: center;
}
nav{
	width: calc(100% - 14rem);
}
.gnb ul{
	display: flex;
	flex-wrap: wrap;
    justify-content: right;
}
.gnb ul li{
	margin: 0 1.5rem 0 0;
    border-top: 3px solid #fff;
    padding: 1.5rem 0.5rem;
    font-weight: 500;
    font-size: 1.2rem;
}
.gnb ul li:last-child{
	margin: 0;
}
.gnb ul li a{
	color: #000;
    display: inline-block;
}
.gnb .gnb_on{
	border-top: 3px solid var(--orange);
}
.gnb .gnb_on a{
	color: var(--orange);
}
header .btn-menu{
    height: fit-content;
    font-size: 2rem;
    position: relative;
    transform: translate(0, -50%);
    top: 50%;
    cursor: pointer;
}
header .btn-menu i{
	display: none;
	color: #000;
}

@media only screen and (max-width:960px){
	
	h1 {
		margin: 0.5rem 0 0;
	}
	header .btn-menu {
		display: grid;
		align-items: center;
		height: unset;
		position: unset;
		transform: unset;
	}
	header .btn-menu .fa-bars{
		display: block;
	}
	header .btn-menu .fa-xmark{
		color: #000;
	}
	nav{
		width: 100%;
		display: none;
	}
	.gnb ul{
		justify-content: right;
        gap: 3%;
	}
	.gnb-landing ul{
        justify-content: space-between;
		gap: 0;
	}
	.gnb ul li {
        margin: 3% 1% 0 0 !important;
        padding: 2% 0 3%;
        font-size: clamp(12px, 3vw, 1.5rem);
        font-weight: 600;
        color: #c8c8c8;
        background: unset;
    }
	.gnb ul li:last-child{
		margin: 3rem 0 0;
	}

	/* 모바일 해상도에서 햄버거 메뉴 버튼 클릭 시 헤더 속성 변경 */
	header.menu-open {
		background-color: #fff;
	}
	header.menu-open .fa-xmark{
		display: block;
	}
	header.menu-open .fa-bars{
		display: none;
	}
	header.menu-open nav {
        padding: 0 5%;
        box-sizing: border-box;
        background-color: #fff;
        display: block;
        position: absolute;
        transform: unset;
        top: 4.8rem; /* top: 5rem; */
        left: 0;
    }

	header.menu-close nav,
	header.menu-close .fa-xmark{
		display: none;
	}
	header.menu-close .fa-bars{
		display: block;
	}
	header.menu-close nav{
		display: none;
	}
}
@media only screen and (max-width:499px){
	/*
	h1 {
		width: 30vw;
	}
        */
	header .btn-menu {
		font-size: 5vw;
	}
}










/*---------- 메인 비주얼 영역 ----------*/

.hero {
    background: url(../images/bg_main.png) center right / contain no-repeat;
}
.hero .text{
	padding: 9rem 0 5.5rem;
    font-size: clamp(16px, 2.7vw, 1.6rem);
    /* font-size: 1.6rem; */
	line-height: 1.7;
}
.landing-hero .text{
	padding: 8rem 0 0;
}
h2{
    margin: 0 0 3rem;
	max-width: 600px;
    width: 60%;
}
@media only screen and (max-width:1980px){

	.hero {
		background: url(../images/bg_main.png) center / cover no-repeat;
	}
}
@media only screen and (max-width:960px){
	
	h2{
		margin: 0 0 5vw;
	}
    /*
	.hero .text{
		font-size: 2.7vw;
	}
        */
}
@media only screen and (max-width:499px){
	
	h2 {
		width: 65%;
	}
	.hero .text {
	padding: 9rem 0 7rem;
	/* font-size: 13px; */
	}
}












/*---------- 등록하기 영역 ----------*/
.register .wrapper{
    max-width: 1100px;
    margin: 0 auto;
}
.list{
	padding: 6.3rem 0;
}
.list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list ul li{
	width: 48%;
}
.list label{
	width: 100%;
    padding: 2.5rem 0 0.6rem;
    font-weight: 500;
    display: block;
}
.list label span{
	color: var(--orange);
}
.list input{
	width: 100%;
	border: 1px solid #999;
	border-radius: 0.4rem;
    padding: 1rem;
	box-sizing: border-box;
	font-size: 1rem;
	color: #999;
}
.list ul li:last-child{
	width: 100%;
}
#partner-name{
	width: calc(100% - 83px);
}
.list button{
    width: 25px;
    height: 25px;
    border-radius: 20px;
    border: none;
    padding: 0;
	background-color: #999999;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
	cursor: pointer;
}
.btn-add{
	margin: 0 0 0 20px;
}
.btn-remove{
	margin: 0 0 0 5px;
}
select {
    appearance: none; /* 기본 화살표 제거 */
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/icon_more.svg') no-repeat right 10px center;
    background-size: 12px; /* 아이콘 크기 조절 */
    border: 1px solid #999;
	border-radius: 0.4rem;
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	font-size: 1rem;
	color: #999;
    cursor: pointer;
}

/* 크롬과 사파리에서 기본 화살표 숨기기 */
select::-ms-expand {
    display: none;
}
@media only screen and (max-width:960px){
	
	.list label,
	.list input,
	select{
		font-size: 14px;
	}
}
@media only screen and (max-width:499px){
	
	.list {
		padding: 3rem 0 6rem;
	}
	.list ul li {
		width: 100%;
	}
}









/*---------- 개인정보 제공 동의 영역 ----------*/
.privacy .title{
	margin: 0 0 0.6rem;
	font-size: 1.3rem;
	font-weight: 700;
}
.privacy-wrapper-select{
	border-top: 1px solid #e0e0e0;
    padding: 1rem 2.5rem;
    background-color: #fbfbfb;
    position: relative;
}
.privacy-wrapper-select:last-child{
	background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
}
.privacy strong{
	margin: 0 0 0 0.5rem;
	font-weight: 700;
	line-height: 3;
	cursor: pointer;
}
.privacy p{
	padding: 0 0 1rem 2.6rem;
	font-size: 0.9rem;
    color: #999;
}
.privacy-wrapper-select label{
	padding: 1rem 0;
	display: inline-block;
}
.privacy-wrapper-select a{
	color: var(--orange);
	text-decoration: underline;
	text-underline-position: under;
}
/*
.privacy img{
	padding: 1rem;
    width: 12px;
    position: absolute;
    top: 2rem;
	right: 2rem;
	cursor: pointer;
}
*/
/* 기본 체크박스 숨기기 */
input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 1.4rem;
	height: 1.4rem;
	border: 2px solid #999;
	border-radius: 50%;
	position: relative;
	top: 0.5rem;
	cursor: pointer;
}
/* 체크되었을 때 스타일 */
input[type="checkbox"]:checked {
	background-color: var(--orange);
	border: 2px solid var(--orange);
}
/* 체크 표시 만들기 */
input[type="checkbox"]::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -65%) rotate(45deg);
	display: none;
}
/* 체크되었을 때 V자 표시 */
input[type="checkbox"]:checked::after {
	display: block;
}

.privacy-text{
	text-align: center;
    padding: 4.375rem 0 0;
}
.privacy-text p{
    margin: 0 0 1rem;
	font-size: 1.125rem;
    font-weight: 500;
}

@media only screen and (max-width:960px){

	.privacy-wrapper-select {
		padding: 1rem 5%;
	}
	.privacy strong {
		font-size: 14px;
	}
	.privacy p {
		font-size: 13px;
	}
}
@media only screen and (max-width: 499px) {

	.privacy-wrapper-select {
		padding: 1% 5% 3%;
	}
}










/*---------- 등록완료 페이지 ----------*/
.success .text{
	text-align: center;
    padding: 8rem 0 2rem;
}
.success .text strong{
	font-size: 3rem;
    font-weight: 700;
}
.success .text p{
	font-size: 1.5rem;
    margin: 2rem 0 0;
}










/*---------- 푸터 영역 ----------*/
footer{
	padding: 3.1rem 0;
	background-color: #000;
}
footer .wrapper{
	display: flex;
	flex-wrap: wrap;
}
footer .logo{
	width: 13rem;
    max-width: 170px;
}
footer .contact{
	margin: 0 0 0 5rem;
}
footer .contact a{
	color: #676767;
    display: block;
}
footer .contact a:first-child{
	display: block;
	margin: 0 0 1.5rem;
	color: #fff;
	font-weight: 500;
}
footer .contact span{
	color: #676767;
}

@media only screen and (max-width:750px){

	footer .wrapper {
		display: block;
	}
	footer .contact {
		margin: 2rem 0 0;
	}
	
}

/* update - html */
html, body{overflow-x:hidden;}

/* update - hero */
.margin-top-40{margin-top:2.5rem;}

.hero{height:630px; margin: 80px 0 0;}
.hero div.container{height:100%;}
.hero div.wrapper{position:relative; height:100%;}
.hero div.text{position:absolute; top:50%; left:6.2rem; width:100%; padding:0; transform:translate(0, -50%);}
.hero-btn-on{display:block;}
.hero-btn-off{display:none;}


.btn-base a, .btn-base button, .btn-base span, .btn-290 a, .btn-290 button, .btn-290 span{display:inline-block; text-align:center; line-height:1; border-radius:100px; cursor:pointer;}
.btn-large-primary a, .btn-large-primary button, .btn-large-primary span{width:232px; padding:0.875rem 0; font-size:clamp(18px, 3.13vw, 1.375rem); font-weight:700; color:#fff; background-color:var(--orange);}
.btn-large-black a, .btn-large-black button, .btn-large-black span{width:232px; padding:clamp(10px, 1.56vw, 0.875rem) 0; font-size:clamp(18px, 3.13vw, 1.375rem); font-weight:700; color:#fff;   background-color:#000;}

@media only screen and (max-width:1400px){
    .hero div.text{left:5%;}
}

@media only screen and (max-width:960px){
    .hero{height:560px;}
    .hero div.wrapper{padding-top:0; padding-bottom:0;}
}

@media only screen and (max-width:750px){
    .hero{height:480px;}
}

@media only screen and (max-width:520px){
    .hero{height:100vw;}
}


/* index */
/* overview */
.overview{height:560px; margin-top:clamp(60px, 5.56vw, 6.25rem); background:url('../images/overview-bg.jpg') center/cover no-repeat;}
.overview div.wrapper{position:relative; height:100%;}
.overview-text{position:absolute; top:50%; left:6.2rem; width:45%; font-size:clamp(18px, 1.32vw, 1.25rem); color:#fff; transform:translate(0, -50%);}
.overview-text strong{font-size: clamp(22px, 1.7vw, 2rem); font-weight: 700;}

.count-wrapper{position:absolute; top:50%; right:6.2rem; display:flex; justify-content:flex-end; gap:8px; width:45%; transform:translate(0, -50%);}
.count-item{width: 9rem; padding: 2rem; color: #fff; text-align: center; border-radius: 0 0 0 60px; background-color: #98abc2; box-sizing: border-box;}
.count-item dt{font-size:4rem; font-weight:700; line-height:1;}
.count-item dd{font-size:1rem; line-height:1;}


@media only screen and (max-width:1400px){
    .overview-text{left:5%;}
    .count-wrapper{right:5%;}
}

@media only screen and (max-width:960px){
    .overview{height:auto; padding:clamp(60px, 5.63vw, 6.25rem) 0;}
    .overview div.wrapper{display:flex; flex-direction:column;}
    .overview-text, .count-wrapper{position:static; width:100%; transform:translate(0, 0);}
    .count-wrapper{justify-content:center; margin-top:2.5rem;}
}

/* attend */
.attend{padding:clamp(60px, 5.56vw, 6.25rem) 0 clamp(60px, 10.42vw, 8.75rem);}
.component-tit{margin-bottom:clamp(40px, 6.25vw, 3.75rem); text-align:center;}
.component-tit h3{font-size:clamp(30px, 5.21vw, 2.375rem); font-weight:700;}
.component-tit > p{font-size:clamp(15px, 2.34vw, 1.125rem);}

.component-list{display:flex; text-align:center;}
.component-list h4{margin-bottom:1rem; font-size:clamp(22px, 3.65vw, 1.75rem); font-weight:700;}
.component-list p{font-size:clamp(15px, 2.34vw, 1.125rem);}

.attend-wrapper{gap:40px;}
.attend-wrapper li{width:calc(100% - 30px);}

.wrapper960{width:1024px; margin:0 auto;}

.speaker{margin-bottom:8.75rem;}
.speaker-wrapper{gap: 50px; justify-content: center; flex-wrap: wrap;}
.speaker-wrapper li{width: calc(26% - 50px);}
.speaker-wrapper h4{color:var(--orange); line-height:1.2;}

.icon-attend{width:90px; height:90px; margin:0 auto clamp(20px, 3.91vw, 1.875rem);}
.attend1{background:url('../images/icon-attend01.png') center/cover no-repeat;}
.attend2{background:url('../images/icon-attend02.png') center/cover no-repeat;}
.attend3{background:url('../images/icon-attend03.png') center/cover no-repeat;}
.attend4{background:url('../images/icon-attend04.png') center/cover no-repeat;}

.attend div.btn-base{margin-top:3.125rem; text-align:center;}

.speaker-img{width:220px; height:280px; margin:0 auto 1.875rem;}
.speaker1{background:url('../images/speaker_img01.png') center bottom/220px no-repeat;}
.speaker2{background:url('../images/speaker_img11.png') center bottom/220px no-repeat;}
.speaker3{background:url('../images/speaker_img02.png') center bottom/220px no-repeat;}
.speaker4{background:url('../images/speaker_img05.png') center bottom/220px no-repeat;}
.speaker5{background:url('../images/speaker_img03.png') center bottom/220px no-repeat;}
.speaker6{background:url('../images/speaker_img06.png') center bottom/220px no-repeat;}
.speaker7{background:url('../images/speaker_img07.png') center bottom/220px no-repeat;}


@media only screen and (max-width:1200px){
    .wrapper960{width:auto; padding:0 5%;}
    .speaker-img{width:100%; height:0; padding-top:125%; background-size:contain;}
}

@media only screen and (max-width:960px){
    .component-list{flex-wrap:wrap;}
    .attend-wrapper li{width:calc(50% - 20px);}
    .speaker-wrapper li{width:calc(50% - 40px);}
}

@media only screen and (max-width:520px){
    .component-list li{width:100%;}
}

/* location */
.location{padding:clamp(40px, 6.25vw, 3.75rem) 0; background-color:#d9e1e2;}
.location div.wrapper960{display:flex; gap:90px;}
.location div.component-tit{text-align:left; margin-bottom:0;}

.location-wrapper{display:flex; flex-direction:column; justify-content:space-between;}
.map-wrapper{width:65%; height:350px; background:url('../images/map_img.jpg') center/cover no-repeat;}

.btn-wrapper{display:flex; width:100%;}
.btn-row{flex-direction:column; gap:14px;}
.btn-290.btn-large-primary a, .btn-290.btn-large-black a{width:100%; max-width:290px;}


@media only screen and (max-width:960px){
    .location div.wrapper960{flex-direction:column; gap:40px;}
    .map-wrapper{width:100%;}
    .br-tablet-none{display:none;}

    .location-wrapper div.component-tit{margin-bottom:1.875rem;}
}





/* aganda */
.agenda .component-tit{margin-bottom: clamp(20px, 5vw, 2.5rem);}
.agenda-wrapper{margin: 0 auto; max-width: 1000px; width: 100%; text-align: center;}
.agenda-wrapper > ul > li{margin: 0 0 3px;}
.agenda-wrapper > p{padding: 1.25rem 0 10rem ; font-size: 14px; text-align: right;}
.agenda-line{margin: 0 0 3px; width: 100%; height: 2px; background-color: #000;}
.agenda-flex{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 3px;}
.agenda-wrapper ul li .agenda-flex{margin: 0 0 3px;}
.agenda-time{padding: 0.75rem 0; width: 15%; display: grid; align-items: center; background-color: #ebebeb; font-size: clamp(14px, 3.65vw, 1.125rem); font-weight: 600;}
.agenda-cont{padding: 0.75rem 0; width: calc(85% - 3px); display: grid; align-items: center; background-color: #f4f4f4; font-size: clamp(14px, 3.65vw, 1.125rem); font-weight: 600;}
.agenda-tit{padding: 0.55rem 0; background-color: #000; color: #fff;}
.keynote{background-color: var(--orange); color: #fff;}
.track-wrapper{padding: 0; background-color: #fff;}
.track_a-title, .track_b-title{width: calc(42.5% - 3px); color: #fff;}
.track_a-title{background-color: var(--blue);}
.track_b-title{background-color: var(--purple);}
.track_a-text, .track_b-text{padding: 1.25rem 1rem; box-sizing: border-box; width: calc(42.5% - 3px); text-align: left; display: unset;}
.track_a-text{background-color: #eaf2fc;}
.track_b-text{background-color: #f4effa;}
.agenda-cont span{font-weight: 800;}
.agenda-cont p{padding: 0.3rem 0 0; color: #686868; font-size: clamp(13px, 3.65vw, 0.9rem); line-height: 1.5; font-weight: 500;}
.session{background-color: var(--green);}
.session span{color: #fff; font-weight: 600;}
.session p{color: #fff;}
.session-keynote .agenda-cont{background-color: #fbe9e8;}
.agenda-more{display: inline-block; margin: 0.5rem 0 0; border-radius: 2rem; padding: 0.2rem 1rem; background-color: var(--blue); font-size: clamp(13px, 3.65vw, 0.9rem); color: #fff;}
.agenda-more img{width: 1.5rem; margin: 0 0 0 0.5rem; position: relative; top: 0.2rem;}
.track_b-text .agenda-more{background-color: var(--purple);}





/* sponsor */
.sponsor{margin: 0 0 9.375rem;}
.sponsor-tit{padding-top: clamp(50px, 6.25vw, 6.25rem); margin-bottom: clamp(40px, 6.25vw, 3.125rem);}
.sponsor-list ul{display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(40px, 10vw, 10rem);}
.sponsor-list ul li{width: fit-content;}
.sponsor-list ul li figure{width: fit-content;}
.sponsor img{width: unset;}
.gap-top{margin: -3rem 0 0;}

@media only screen and (max-width:960px){
	.gap-top{margin: 0;}
}






/* expert */
.expert{
    background-color: #000;
}
.expert-tit h3{
	color: #fff;
    font-size: 1.7rem;
    text-align: center;
}
.expert-tit span,
.expert-name,
.expert-position{
	color: var(--orange);
}
.expert-list{
	position: relative;
}
.expert-list ul li{
	margin: 1.875rem 0 0;
	display: flex;
	flex-wrap: wrap;
}
.expert-list ul li:first-child{
	margin: 3.75rem 0 0;
}
.expert-list ul li figure{
	width: 12.5rem;
    height: 12.5rem;
}
.expert-name{
	font-size: 1.5rem;
	font-weight: 500;
}
.expert .wrapper{
	padding: 8.75rem 17rem;
	position: relative;
}
.expert-wrapper{
	width: calc(100% - 12.5rem);
    height: 12.2rem;
    margin: 0.3rem 0 0;
    padding: 1rem 1.5rem;
    background-color: #0e0e0e;
    box-sizing: border-box;
}
.expert-wrapper dt{
	color: #fff;
	font-size: 1.125rem;
}
.expert-wrapper dd{
	color: #a1a1a1;
	font-size: 1.125rem;
	font-weight: 300;
}
.background-img{
    width: 100%;
    height: 435px;
	background-image: url(../images/bg_sub3.png);
	background-repeat: no-repeat;
	background-size: contain;
    position: absolute;
	opacity: 0.5;
}
.back_01{
	background-position: left;
    top: 0;
    left: 0;
}
.back_02{
	background-position: right;
    bottom: 0;
    right: 0;
}
.scroll-top{
	position: fixed;
    bottom: 2.5rem;
    right: 2.5rem;
	cursor: pointer;
}
@media only screen and (max-width:1400px){

	.expert .wrapper{
		padding: 8.75rem 5%;
	}
}
@media only screen and (max-width:750px){
    
	.expert-list ul li {
		display: block;
	}
	.expert-wrapper {
		width: 100%;
		height: unset;
		margin: 0;
	}
}







/* faq */
.faq .wrapper{
	padding: 0 15.9rem;
}
.faq-tit{
	padding: 6.25rem 0 2.5rem;
}
.faq-tit h3{
	font-size: 2.375rem;
	font-weight: 700;
	text-align: center;
}
.faq-list ul li{
	background-color: #fbfbfb;
	padding: 2.5rem;
	border-top: 1px solid #e0e0e0;
}
.faq-list ul li:last-child{
	border-bottom: 1px solid #e0e0e0;
}
.faq-question{
	display: block;
	padding-bottom: 1rem;
	font-size: 1.125rem;
	font-weight: 500;
	color: #000;
}
.faq-answer{
	display: block;
	padding-left: 1.25rem;
	font-size: 1rem;
	color: #999;
}
.faq-answer a{
	color: var(--orange);
}
.faq .btn-large-primary{
	margin-top: 4.375rem;
	padding-bottom: 6.25rem;
    text-align: center;
}
.faq .btn-large-primary a{
    padding: 1.15rem 2.35rem;
}
@media only screen and (max-width: 1400px) {
    .faq .wrapper {
        padding: 0 5%;
    }
}








/* advancement */
header .advancement-wrapper{
	padding: 1rem 6.2rem;
}
.advancement-hero{
	height: unset;
	padding: 14rem 0;
	background: url(../images/bg_sub4.png) bottom right / 30% no-repeat;
}
.advancement-hero h2{
    width: unset;
	max-width: unset;
	margin: 0;
	color: #969696;
	font-size: clamp(40px, 6.25vw, 3.75rem);
}
.advancement{
	padding: 5.31rem 0;
}
.advancement-tit h3{
	font-size: 2.625rem;
	font-weight: 500;
	color: var(--orange);
	text-align: center;
}
.advancement-list > ul > li{
	margin: 2rem 0;
	border: 1px solid #cccccc;
	border-radius: 1rem;
	padding: 1.5rem;
	position: relative;
	background-color: #ebebeb;
}
.advancement-list-tit{
	display: flex;
	flex-wrap: wrap;
}
.advancement-list-tit figure{
	width: 7.5rem;
	margin-right: 1.5rem;
}
.advancement-list-tit h4{
	display: grid;
    align-items: center;
	font-size: 1.75rem;
	font-weight: 600;
	color: #333;
}
.advancement-list-btn{
	width: fit-content;
	position: absolute;
    top: 4rem;
    right: 2rem;
}
.advancement-list-btn a{
    border-radius: 3rem;
    padding: 1rem 4rem;
	background-color: var(--orange);
    font-size: 1.75rem;
    color: #fff;
}
.advancement-list-cont{
	margin: 1rem 0 0;
}
.advancement-list-cont ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	gap: 1.5rem;
}
.advancement-list-cont ul li{
	width: calc((100% - 1.5rem) / 2);
}

@media only screen and (max-width: 1400px) {

	header .advancement-wrapper{
		padding: 1rem 5%;
	}
}
@media only screen and (max-width: 960px) {

	.advancement-hero{
		padding: 10rem 0 18rem;
		background: url(../images/bg_sub4.png) bottom right / 40% no-repeat;
	}
	.advancement-list-btn{
		top: 11rem;
	}
	.advancement-list-cont{
		margin: 7rem 0 0;
	}
	.advancement-list-cont ul li{
		width: 100%;
	}
}