@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/****************************************************************************************************/
.ai_robox_sinBox {position:relative; max-width:640px; min-width:320px; margin:0 auto; font-size:24px; line-height:1.3em; letter-spacing:-0.065em; color:#212329; font-family:"Noto Sans KR", Malgun Gothic,'맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif; overflow:hidden}
.ai_robox_sinBox .cont {width:92%; margin:0 auto; text-align:left;}

.ai_robox_sinBox .cl01 {color:#4BBFAC}

.ai_robox_sinBox .top_bnBox {margin-bottom:65px;}

/*탑텍스트*/
.ai_robox_sinBox .big_tltBox {font-size:30px; line-height:1.3em}
.ai_robox_sinBox .news_link {color:#505BF0; text-decoration:underline; text-underline-offset:4px;}

.ai_robox_sinBox .yblue_tline {border-top:16px solid #F2F5FA; margin-top:72px; padding-top:72px}

@media only screen and  (max-width:768px) {
	.ai_robox_sinBox {font-size:2.4vw;}
	.ai_robox_sinBox .top_bnBox {margin-bottom:6.5vw;}

	/*탑텍스트*/
	.ai_robox_sinBox .big_tltBox {font-size:3vw;}

	.ai_robox_sinBox .yblue_tline {border-width:1.6vw; margin-top:7.2vw; padding-top:7.2vw}
}

@media only screen and  (max-width:480px) {
	.ai_robox_sinBox {font-size:3.4vw;}
	.ai_robox_sinBox .top_bnBox {margin-bottom:7.5vw;}

	/*탑텍스트*/
	.ai_robox_sinBox .big_tltBox {font-size:4vw;}

	.ai_robox_sinBox .yblue_tline {border-width:2.6vw; margin-top:8.2vw; padding-top:8.2vw}
}


/*타이틀과 텍스트들*/
.ai_robox_sinBox .ev_sub_tlt {position:relative; font-size:28px; font-weight:700; margin-bottom:25px;}
.ai_robox_sinBox .ev_sub_tlt:before {content:""; display:inline-block; vertical-align:middle; width:10px; height:40px; background:#4BBFAC; margin-right:12px;}

.ai_robox_sinBox .dong_tltBox {font-size:28px; font-weight:700; border:1px solid #212329; padding:12px 20px 13px; margin-bottom:16px; border-radius:50px; display:inline-block;}
.ai_robox_sinBox .txtBox_st01 {font-size:28px; line-height:1.5em; color:#000}
.ai_robox_sinBox .gray_txt {color:#565656; font-size:22px}

.ai_robox_sinBox .txtBox_st02 .tlt {font-size:28px; color:#4BBFAC; font-weight:700; line-height:1.3em; margin-bottom:10px;}
.ai_robox_sinBox .txtBox_st02 .txt {color:#000; line-height:1.3em;}

.ai_robox_sinBox .ev_sub_sm_tlt {font-size:24px; color:#000; font-weight:700; margin-bottom:12px;}


@media only screen and  (max-width:768px) {
	.ai_robox_sinBox .ev_sub_tlt {font-size:2.8vw; margin-bottom:2.5vw;}
	.ai_robox_sinBox .ev_sub_tlt:before {width:1vw; height:4vw; margin-right:1.2vw;}

	.ai_robox_sinBox .dong_tltBox {font-size:2.8vw; padding:1.2vw 2vw 1.3vw; margin-bottom:1.6vw; border-radius:5vw;}
	.ai_robox_sinBox .txtBox_st01 {font-size:2.8vw;}
	.ai_robox_sinBox .gray_txt {font-size:2.2vw}

	.ai_robox_sinBox .txtBox_st02 .tlt {font-size:2.8vw; margin-bottom:1vw;}
	.ai_robox_sinBox .ev_sub_sm_tlt {font-size:2.4vw; margin-bottom:1.2vw;}
}

@media only screen and  (max-width:480px) {
	.ai_robox_sinBox .ev_sub_tlt {font-size:3.8vw; margin-bottom:3.5vw;}
	.ai_robox_sinBox .ev_sub_tlt:before {width:2vw; height:5vw;  margin-right:2.2vw;}

	.ai_robox_sinBox .dong_tltBox {font-size:3.8vw; padding:1.7vw 3vw 1.8vw; margin-bottom:2.6vw; border-radius:6vw;}
	.ai_robox_sinBox .txtBox_st01 {font-size:3.8vw;}
	.ai_robox_sinBox .gray_txt {font-size:3.2vw}

	.ai_robox_sinBox .txtBox_st02 .tlt {font-size:3.8vw; margin-bottom:2vw;}
	.ai_robox_sinBox .ev_sub_sm_tlt {font-size:3.4vw; margin-bottom:2.2vw;}
}

.ai_robox_sinBox .video-container {padding-bottom:56.5%}



/*버튼들*/
.ai_robox_sinBox .sinBtn a {display:inline-block; width:275px; height:64px; line-height:60px; border-radius:50px; background:#4BBFAC; color:#fff; font-size:24px; font-weight:700; text-align:center;}

.ai_robox_sinBox .ev_linkBtn a {display:inline-block; border:1px solid #4BBFAC; width:330px; height:64px; line-height:55px; border-radius:50px;}
.ai_robox_sinBox .ev_linkBtn span {display:inline-block; vertical-align:middle}
.ai_robox_sinBox .ev_linkBtn .txt {font-size:24px; font-weight:700; color:#4BBFAC}
.ai_robox_sinBox .ev_linkBtn .icon img {margin:-3px 0 0 5px; height:24px;}

@media only screen and  (max-width:768px) {
	.ai_robox_sinBox .sinBtn a {width:27.5vw; height:6.4vw; line-height:6vw; border-radius:5vw; font-size:2.4vw;}
	.ai_robox_sinBox .ev_linkBtn a {width:33vw; height:6.4vw; line-height:5.5vw; border-radius:5vw;}
	.ai_robox_sinBox .ev_linkBtn .txt {font-size:2.4vw;}
	.ai_robox_sinBox .ev_linkBtn .icon img {margin:-0.3vw 0 0 0.5vw; height:2.4vw;}
}

@media only screen and  (max-width:480px) {
	.ai_robox_sinBox .sinBtn a {width:43.5vw; height:9.4vw; line-height:9vw; border-radius:6vw; font-size:3.4vw;}
	.ai_robox_sinBox .ev_linkBtn a {width:49vw; height:9.4vw; line-height:8.5vw; border-radius:6vw;}
	.ai_robox_sinBox .ev_linkBtn .txt {font-size:3.4vw;}
	.ai_robox_sinBox .ev_linkBtn .icon img {margin:-0.5vw 0 0 0.7vw; height:3.4vw;}
}


/*Qna*/
.ai_robox_sinBox .faq_liBox .faq_tlt {position:relative; width:100%; padding:16px 0; font-size:24px; color:#000; font-weight:600}
.ai_robox_sinBox .faq_liBox .faq_tlt:after {content:""; display:block; width:26px; height:16px; position:absolute; top:50%; right:0; transform:translateY(-50%); background:url(img/faq_arrow.png) no-repeat 0 0; background-size:100% 100%; transition:all 0.3s}
.ai_robox_sinBox .faq_liBox .faq_tlt.active:after {top:40%; transform:rotate(180deg)}

.ai_robox_sinBox .faq_liBox .faq_tlt .num {font-size:28px; color:#4BBFAC; font-weight:800; margin-right:10px}
.ai_robox_sinBox .faq_liBox .faq_txt {display:none; font-size:20px; padding-bottom:15px}

@media only screen and  (max-width:768px) {
	.ai_robox_sinBox .faq_liBox .faq_tlt {padding:1.6vw 0; font-size:2.4vw;}
	.ai_robox_sinBox .faq_liBox .faq_tlt:after {width:2.6vw; height:1.6vw;}

	.ai_robox_sinBox .faq_liBox .faq_tlt .num {font-size:2.8vw; margin-right:1vw}
	.ai_robox_sinBox .faq_liBox .faq_txt {font-size:2vw; padding-bottom:1.5vw}
}

@media only screen and  (max-width:480px) {
	.ai_robox_sinBox .faq_liBox .faq_tlt {padding:2.6vw 0; font-size:3.4vw;}
	.ai_robox_sinBox .faq_liBox .faq_tlt:after {width:3.6vw; height:2.2vw;}

	.ai_robox_sinBox .faq_liBox .faq_tlt .num {font-size:3.8vw; margin-right:2vw}
	.ai_robox_sinBox .faq_liBox .faq_txt {font-size:3vw; padding-bottom:2.5vw}
}


/*신청부분*/
.ai_robox_sinBox .rrt_inpUl li {position:relative; display:inline-block; vertical-align:middle; margin:0 10px 13px 0}
.ai_robox_sinBox .rrt_inpUl_nopd li  {margin-bottom:0 !important}

.ai_robox_sinBox .ck_radio input[type="checkbox"], .ck_radio input[type="radio"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.ai_robox_sinBox .ck_radio label {display:block; position:relative; border:1px solid #F2F5FA; color:#212329; padding:0 30px; height:72px; line-height:68px; text-align:center; display:inline-block; border-radius:50px; font-size:25px}
.ai_robox_sinBox .ck_radio input:checked + label {border-color: #4BBFAC; color: #4BBFAC; background: #fff;}

.ai_robox_sinBox .rrt_inqBox dl {margin-bottom:26px;  align-items:center; display: flex;}
.ai_robox_sinBox .rrt_inqBox dt {width:20%; font-size:24px; color:#565656; font-weight:700}
.ai_robox_sinBox .rrt_inqBox dd {width:80%}

.ai_robox_sinBox .rrt_inqBox dl:last-child {display:block}
.ai_robox_sinBox .rrt_inqBox dl:last-child dt {width:100%}
.ai_robox_sinBox .rrt_inqBox dl:last-child dd {width:100%; margin-top:24px}

.ai_robox_sinBox .rrt_inp {height:72px; line-height:72px; padding:15px 30px; width:100%; border-radius:13px; border-color:#F2F5FA; color:#212329; font-size:25px}
.ai_robox_sinBox .rrt_inp:hover {border-color:#4BBFAC}


.ai_robox_sinBox .rrt_chek {margin-top:25px}
.ai_robox_sinBox .rrt_chek .lbl {position:relative; line-height:45px; padding-left:65px; font-size:24px; font-weight:500; color:#212329}
.ai_robox_sinBox .rrt_chek .lbl a {color:#505BF0; border-bottom:1px solid}
.ai_robox_sinBox .rrt_chek input + .lbl:before {width:48px; height:48px; border-radius:14px}
.ai_robox_sinBox .checkbox input:checked+.lbl:before {border-color:#4BBFAC}
.ai_robox_sinBox .rrt_chek input:checked+.lbl:before {background:#4BBFAC}
.ai_robox_sinBox .rrt_chek input + .lbl:after {border:0; top:13px; left:8px; background:url(/recruit/img/rrt_chek_icon.png) no-repeat 0 0; width:30px; height:22px; background-size:100% 100%; transform:inherit}

.ai_robox_sinBox .rrtBtn {display:inline-block; width:100%; height:80px; line-height:80px; background:#4BBFAC; color:#fff; font-size:26px; font-weight:700; border-radius:16px; text-align:center; border:0; cursor:pointer}


/*팝업*/
.rrt_md {display:none;}
.rrt_md .rrt_popBox {position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width:500px; width:100%; background:#fff; border-radius:26px; padding:40px 35px 34px; color:#212329}
.rrt_md .rrt_popBox .tltBox {font-size:27px; font-weight:700; margin-bottom:30px; line-height:1.3em}
.rrt_md .rrt_popBox .txtBox {font-size:20px; line-height:1.3em}
.rrt_md .rrt_popBox .txtBox .tlt {color:#616161; font-weight:700; margin-top:25px}

.rrt_md .rrt_popBox .rrt_pop_close {margin-top:35px; display:inline-block; width:100%; height:70px; line-height:65px; background:#4BBFAC; color:#fff; font-size:23px; font-weight:600; border-radius:12px; border:0}

.rrt_md .rrt_popBox .tltBox02 {font-size:27px; font-weight:700; margin-bottom:10px; line-height:1.3em}
.rrt_md .rrt_popBox .txtBox02 {font-size:22px; color:#616161; line-height:1.3em}

.rrt_md .rrt_popBox .rrt_pop_close02 {width:auto; height:55px; line-height:50px; font-size:23px; padding:0 34px; font-weight:600; border-radius:50px;}


@media only screen and  (max-width:768px) {
	.ai_robox_sinBox .rrt_inpUl li {margin:0 1.5vw 2.3vw 0}

	.ai_robox_sinBox .ck_radio label {padding:0 4vw; height:7.2vw; line-height:6.8vw; border-radius:6vw; font-size:2.5vw}

	.ai_robox_sinBox .rrt_inqBox dl {margin-bottom:3.6vw;}
	.ai_robox_sinBox .rrt_inqBox dt {width:20%; font-size:2.4vw;}
	.ai_robox_sinBox .rrt_inqBox dd {width:80%}

	.ai_robox_sinBox .rrt_inqBox dl:last-child dd {margin-top:2.4vw}

	.ai_robox_sinBox .rrt_inp {height:7.2vw; line-height:7.2vw; padding:2.5vw 4vw; border-radius:1.3vw; font-size:2.5vw}


	.ai_robox_sinBox .rrt_chek {margin-top:2.5vw}
	.ai_robox_sinBox .rrt_chek .lbl {line-height:4.5vw; padding-left:6.5vw; font-size:3.4vw;}
	.ai_robox_sinBox .rrt_chek input + .lbl:before {width:4.8vw; height:4.8vw; border-radius:1.4vw}
	.ai_robox_sinBox .rrt_chek input + .lbl:after {top:1.3vw; left:0.8vw; width:3vw; height:2.2vw;}

	.ai_robox_sinBox .rrtBtn {height:8vw; line-height:8vw; font-size:2.6vw; border-radius:1.6vw;}


	/*팝업*/
	.rrt_md .rrt_popBox {max-width:72vw; border-radius:3.6vw; padding:5vw 4.5vw 4.4vw;}
	.rrt_md .rrt_popBox .tltBox {font-size:4vw; margin-bottom:4vw;}
	.rrt_md .rrt_popBox .txtBox {font-size:3vw; }
	.rrt_md .rrt_popBox .txtBox .tlt {margin-top:3.5vw}

	.rrt_md .rrt_popBox .rrt_pop_close {margin-top:4.5vw; height:10vw; line-height:9vw; font-size:3.3vw; border-radius:2.2vw;}

	.rrt_md .rrt_popBox .tltBox02 {font-size:3.7vw; margin-bottom:2vw;}
	.rrt_md .rrt_popBox .txtBox02 {font-size:3.2vw;}

	.rrt_md .rrt_popBox .rrt_pop_close02 {height:8.5vw; line-height:8vw; font-size:3.3vw; padding:0 4.4vw; border-radius:6vw;}
}

@media only screen and  (max-width:480px) {
	.ai_robox_sinBox .rrt_inpUl li {margin:0 1.5vw 3vw 0}

	.ai_robox_sinBox .ck_radio label {padding:0 4vw; height:10.2vw; line-height:9.8vw; border-radius:7vw; font-size:3.5vw}

	.ai_robox_sinBox .rrt_inqBox dl {margin-bottom:4.6vw;}
	.ai_robox_sinBox .rrt_inqBox dt {width:25%; font-size:3.3vw;}
	.ai_robox_sinBox .rrt_inqBox dd {width:75%}

	.ai_robox_sinBox .rrt_inqBox dl:last-child dd {margin-top:3.4vw}

	.ai_robox_sinBox .rrt_inp {height:10.2vw; line-height:10.2vw; padding:3.5vw 5vw; border-radius:2.3vw; font-size:3.5vw}

	
	.ai_robox_sinBox .rrt_chek {margin-top:3.5vw}
	.ai_robox_sinBox .rrt_chek .lbl {line-height:6vw; padding-left:8.5vw; font-size:4.4vw;}
	.ai_robox_sinBox .rrt_chek input + .lbl:before {width:6.3vw; height:6.3vw; border-radius:2vw}
	.ai_robox_sinBox .rrt_chek input + .lbl:after {top:1.6vw; left:1vw; width:3.8vw; height:3vw;}

	.ai_robox_sinBox .rrtBtn {height:11vw; line-height:11vw; font-size:3.6vw; border-radius:2.6vw;}


	/*팝업*/
	.rrt_md .rrt_popBox {max-width:94%; border-radius:4.6vw; padding:6vw 5.5vw 5.4vw;}
	.rrt_md .rrt_popBox .tltBox {font-size:5vw; margin-bottom:5vw;}
	.rrt_md .rrt_popBox .txtBox {font-size:3.8vw; }
	.rrt_md .rrt_popBox .txtBox .tlt {margin-top:4.5vw}

	.rrt_md .rrt_popBox .rrt_pop_close {margin-top:5.5vw; height:13vw; line-height:12.5vw; font-size:4.3vw; border-radius:3.2vw;}

	.rrt_md .rrt_popBox .tltBox02 {font-size:4.7vw; margin-bottom:3vw;}
	.rrt_md .rrt_popBox .txtBox02 {font-size:4vw;}

	.rrt_md .rrt_popBox .rrt_pop_close02 {height:11.5vw; line-height:11vw; font-size:4.3vw; padding:0 5.4vw; border-radius:7vw;}
}


/*20241127 jisoo add*/
#recruitBox .document_linkUl {margin-left:7px}
#recruitBox .document_linkUl li {margin-bottom:30px}
#recruitBox .document_linkUl span {display:inline-block; vertical-align:middle}
#recruitBox .document_linkUl .icon {width:21px; height:24px; margin-top:-10px}
#recruitBox .document_linkUl .icon img {width:100%; height:100%}
#recruitBox .document_linkUl .txt {font-size:24px; color:#505BF0; border-bottom:1px solid #505BF0; margin-left:14px; font-weight:500}

@media only screen and  (max-width:768px) {
	/*20241127 jisoo add*/
	#recruitBox .document_linkUl {margin-left:0.7vw}
	#recruitBox .document_linkUl li {margin-bottom:3vw}
	#recruitBox .document_linkUl .icon {width:2.1vw; height:2.4vw; margin-top:-1.3vw}
	#recruitBox .document_linkUl .txt {font-size:2.4vw; margin-left:1.4vw;}
}

@media only screen and  (max-width:480px) {
	/*20241127 jisoo add*/
	#recruitBox .document_linkUl {margin-left:0.9vw}
	#recruitBox .document_linkUl li {margin-bottom:4vw}
	#recruitBox .document_linkUl .icon {width:3.1vw; height:3.4vw; margin-top:-2.3vw}
	#recruitBox .document_linkUl .txt {font-size:3.4vw; margin-left:2vw;}
}


/*하단내용*/
.ai_robox_sinBox .ft_txtBox {background:#F2F5FA; padding:70px 4% 110px; margin-top:70px; color:#616161}
.ai_robox_sinBox .ft_txtBox .ft_tlt {font-size:24px; font-weight:600; line-height:1.3em; margin-bottom:15px;}
.ai_robox_sinBox .ft_txtBox .ft_txt {font-size:20px; line-height:1.6em; word-break: keep-all;}
.ai_robox_sinBox .ft_txtBox .ft_txt .cl {color:#4A30EC}
.ai_robox_sinBox .ft_txtBox a {color:#616161}

.ai_robox_sinBox .slideBox .slide_tlt {color:#4A30EC; font-weight:600; cursor:pointer}
.ai_robox_sinBox .slideBox .slide_tlt .arrow_icon {margin-left:5px; display:inline-block; vertical-align:middle; width:10px; height:9px; margin-top:-3px; background-size:100% 100% !important;} 
.ai_robox_sinBox .slideBox .slide_tlt .arrow_down {background:url(img/ev_arrow_down.png) no-repeat 0 0;}
.ai_robox_sinBox .slideBox .slide_tlt .arrow_up {background:url(img/ev_arrow_up.png) no-repeat 0 0;}
.ai_robox_sinBox .slideBox .slide_tlt .up {display:none}
.ai_robox_sinBox .slideBox .slide_tlt.active .up {display:block}
.ai_robox_sinBox .slideBox .slide_tlt.active .down {display:none}
.ai_robox_sinBox .slideBox .slide_cont {display:none}


@media only screen and  (max-width:768px) {
	/*하단내용*/
	.ai_robox_sinBox .ft_txtBox {padding:7vw 4% 24vw; margin-top:7vw;}
	.ai_robox_sinBox .ft_txtBox .ft_tlt {font-size:2.4vw; margin-bottom:1.5vw;}
	.ai_robox_sinBox .ft_txtBox .ft_txt {font-size:2vw;}
	.ai_robox_sinBox .slideBox .slide_tlt .arrow_icon {margin-left:0.5vw; width:1vw; height:0.9vw; margin-top:-0.3vw;} 
}

@media only screen and  (max-width:480px) {
	/*하단내용*/
	.ai_robox_sinBox .ft_txtBox {padding:9vw 4% 34vw; margin-top:8vw;}
	.ai_robox_sinBox .ft_txtBox .ft_tlt {font-size:3.4vw; margin-bottom:2.5vw;}
	.ai_robox_sinBox .ft_txtBox .ft_txt {font-size:3vw;}
	.ai_robox_sinBox .slideBox .slide_tlt .arrow_icon {margin-left:0.7vw; width:1.4vw; height:1.3vw; margin-top:-0.5vw;} 
}