@charset "utf-8";
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}
/* CSS Document */

html body {margin:0; padding:0; font-family:'Pretendard'; font-size: 16px; }
p {margin:0; padding:0;}
img {max-width: 100%; height: auto;}


#app-consulting { position: relative; width: 100%; height: auto; overflow: hidden !important; background: #000000; }
#app-consulting header {z-index: 100; top: 0; width: 100%; background: #ffffff; }
.menu {display: flex; align-items: center; justify-content: space-between; background: #232323; height: 60px; padding: 0 60px; }
.logo {padding-left: 10px; }
.logo a {padding: 0 10px; }
.go-apply {padding: 0 10px; color: #ffffff !important; }
.go-apply:hover {color: #a7ff42 !important;}

#prev_btn { position: fixed; left: 0; top: 120px; z-index: 1; width: 50px; height: 60px; line-height: 36px; padding: 10px; background-color: #7ce82c; font-size: 30px; font-weight: bold; color: #FFFFFF; text-decoration: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.contents-wrap { display: block; max-width: 100%; margin-top: 60px; }
.article { word-break: keep-all; }
.article .section { padding: 60px calc(50% - 300px) 60px; }
.article li { display: list-item; line-height: 2.0; letter-spacing: -0.2px; font-weight: 400; }
.section { color: #ffffff; }

.visual { display: flex; flex-direction: column; }
.visualBG { background: url("../images/landing/img-visual.png") no-repeat; background-position: center; background-size: contain; }
.visual-concept { font-size: 40px; font-weight: bold; text-align: right; }
.visual-title { padding-bottom: 60px; }
.visual-title h2 { font-size: 40px; margin-bottom: 10px; }
.visual-title p { font-size: 22px; font-weight: 400; color: #cccccc; }
.visual-title-img { text-align: center; padding-bottom: 20px; }
.visual-date { font-size: 24px; font-weight: bold; color: #e5e5e5; text-align: center; }

.top-menu-wrap { padding: 0 0 3px; background: #000000; }
.top-menu-wrap.fixed { position: fixed; top: 60px; width: 100%; z-index: 100; }
.top-menu { width: 100%; display: flex; flex-direction: column; align-items: center; height: 50px; }
.top-menu>ul {list-style: none; display: flex; gap:20px; align-content: center; }
.top-menu>ul>li { text-align: center; margin-bottom: -2px; padding: 10px; border-bottom: 2px solid transparent; }
.top-menu>ul>li.active { border-bottom-color: #a7ff42; }
.top-menu>ul>li.active a { color: #a7ff42; }
.top-menu>ul>li>a:hover { color: #a7ff42; }
.article a:hover { text-decoration: none; }

.info { background: #232323;}
.info h3 { margin-bottom: 20px; font-size: 30px; color: #ff6e00; }
.info p { margin-bottom: 60px; font-size: 18px; font-weight: 400; }
.info-list { padding-left: 30px; }
.info-go { display: block; width: 100%; padding: 5px 0px; border: 2px solid #ff6e00; border-radius: 10px; font-size: 30px !important; font-weight: bold; 
	text-align: center; color: #ff6e00 !important; margin-bottom: 45px; }

.program-info {}
.program-info h3 { margin-bottom: 20px; font-size: 34px; }
.program-info-list {}
.pro-info { margin-bottom: 30px; }

.of-partner { background: #232323;}
.of-partner h3 { margin-bottom: 20px; font-size: 34px; }
.partner-list { padding: 20px 30px; background: #ffffff; border-radius: 10px; }

.faq h3 { margin-bottom: 20px; font-size: 34px; }
.accordion-item { background: #000000; border-bottom: 1px solid #505050; }
.accordion-header { background: #000000; } 
.accordion-button { background: #000000; font-size: 22px; font-weight: bold; color: #ffffff; }
.accordion-button:focus { border-color: #324d14; box-shadow: 0 0 0 .2rem #324d14; }
.accordion-button::after { background-image:url("../images/landing/accordion-down.png"); }
.accordion-button:not(.collapsed) { color: #ffffff; background: #000000; }
.accordion-button:not(.collapsed)::after { background-image:url("../images/landing/accordion-down.png"); }
.accordion-body { font-size: 20px; color: #cccccc; }

.comment { text-align: center; }
.comment-txt1, .comment-txt2 { font-weight: 500; }
.comment-txt1 { font-size: 20px; }
.comment-txt2 { font-size: 24px; }
.comment-img { padding: 50px 0; }

/* 신청 폼 입력 */
.contents_bottom { padding: 60px 0; background: #ffffff; }
.f_vis { padding:0; height: 210px; background-size: 550px;}
.f_vis .txt1 { font-size: 18px; }
.f_vis h2 { font-size:60px; color:#ff6e00;}

.contact .tel, .contact h3, .contact .member {padding-left: 40px; }
.contact .tel { font-size:60px; font-weight: 800; letter-spacing: -5px; background: url('../images/sub/bg_icon3.png') 0 40px no-repeat; background-size:30px; }
.contact h3 { font-size: 20px; font-weight: bold; color: #ff6e00; margin-bottom: 10px; }
.contact .member { display: flex; flex-wrap: wrap; font-size: 20px; font-weight: 500; }
.contact .member p { padding-right: 20px; }
.contact .member p span {font-weight: 700; }

.card-body {padding: 0; margin-top: 30px; }
.form {font-size: 18px; font-weight: 500; flex-direction: column; }
.form .inp2 {width: 100% !important; }
.form-group span {margin-top: 20px; }
.form-group .td_label {padding: 0 10px; }

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

}

@media screen and (max-width: 720px) {
	.menu { padding: 0 30px; }
	.logo { padding: 0; }
	.logo a img { height: 25px; }
	
	.article .section.visual { padding: 40px 30px; }
	.article .section { padding: 40px calc(50% - 190px) 40px; }
	
	.visualBG { background-size: cover; }
	
	.info-list { padding-left: 0; }

	.accordion-button { font-size: 20px; }
}

@media screen and (max-width: 425px) {
	.article .section { padding: 30px calc(50% - 190px) 30px; }
	
	.visual-concept { font-size: 20px; }
	.visual-title h2 { font-size: 30px; }
	.visual-title p { font-size: 18px; }
	
	.accordion-button { font-size: 18px; }
	
	.comment-txt1 { font-size: 16px; }
	.comment-txt2 { font-size: 20px; }
	.comment-img { padding: 30px 0; }
	
	.contents_bottom { padding: 30px 0; }
	.f_vis { height: 160px; background-size: 400px; }
	.contact .tel { font-size: 50px; }
	.contact h3 { padding-left: 0; }
	.contact .member { padding-left: 0; }
}

@media screen and (max-width: 424px) {
	.menu { padding: 0 20px; }
	.logo a img { height: 16px; }
	.article .section { padding: 30px calc(50% - 150px) 30px; }
	
	.visual-concept { font-size: 18px; }
	.visual-title h2 { font-size: 26px; }
	.visual-title p { font-size: 16px; }
	.visual-date { font-size: 20px; }
	
	.comment-txt1 { font-size: 13px; }
	.comment-txt2 { font-size: 18px; }
	
	.f_vis .txt1 { font-size: 14px; font-weight: bold; }
	
	#prev_btn { display: none; }

}