/* 미디어쿼리 */
@media screen and (max-width: 1600px) {
	.visual_area::before{width:120px;height:120px;}
	.visual_area::after{right:5%;width:90px;height:90px;}
	.visual_area .title_copy>h2::before{width:250px;height:200px;}
	.visual_area .title_copy>h2::after{right:-10px;width:230px;height:110px;}
	.visual_area .title_copy>p::before{left:0;width:300px;height:250px;}
	.visual_area .title_copy>p::after{right:0;width:200px;height:210px;}	
	.visual_area .title_copy>p>span:nth-child(1){position:relative;margin-right:70px;}
	.visual_area .title_copy>p>span:nth-child(1)::after{content:'';display:inline-block;position:absolute;top:5px;right:-40px;width:2px;height:22px;background-color:#000;}
}
@media screen and (max-width: 1400px) {
	
	/*header*/
	header .inner {padding: 0 50px}

	/*common*/
	h3.head_title{font-size:40px;}

	/*visual*/
	.inner {width: 100%; max-width: inherit; padding:0 50px;}
	.visual_area .title_copy>h2{font-size:110px;line-height:1.2;}
	.visual_area .title_copy>p{font-size:35px;}
	.visual_area .title_copy>a{width:320px;height:80px;font-size:25px;}
	.visual_area {height:auto;padding:150px 0 120px;}
	.marquee_wrap{height:65px;}
	.marquee_group>li{font-size:25px;}

	/*timer*/
	.time_box .inner{width:95%;padding:0 60px 0 0;}
	.time_box #timer{padding:50px 80px;}
	.time_box #timer::before{right:-80px;width:140px;height:160px;}
	.time_box #timer div{font-size:55px;}

	/*part02*/
	.apply .apply_lst>li{width:32.5%;}

	/*part03*/
	.event .recruiting .inner>.con_wrap{padding:100px 50px;}
	.event .recruiting .inner .university_wrap::before{right:0px;width:200px;}
	.event .recruiting .inner .university_wrap::after{right:100px;bottom:auto;top:400px;width:80px;height:80px;}
	.event .recruiting .inner .career_wrap::after{left:70px;}
	.event .recruiting .inner .career_wrap::before{left:40px;width:50px;height:50px;}
	.calendar .con_wrap::before{display:none;}
	.calendar .wrap_head img{width:200px;}
	.calendar h3{ font-size:50px;}

	/*part04*/
	/* .story .bx-wrapper .bx-prev{left:5px;background: url(../images/arrow1-g.png) no-repeat 0 0;}
	.story .bx-wrapper .bx-next{right:5px;background: url(../images/arrow2-g.png) no-repeat 0 0;} */
}
@media screen and (max-width: 1280px) {
	html {font-size: 16px}	
	.introduce .inner>ul>li img{width:250px;}
	.process_wrap h4{width:100%;margin-bottom:30px;}
	.process_steps{width:100%;}
	.event .tit_deco{font-size:25px;}	
	.qa_wrap #Accordion_wrap {margin-bottom: 50px}
	.que span {font-size: 22px}
	.anw .cont {padding-left: 130px}
}
@media screen and (min-width: 1040px) {
	.display_m {display: none;}
	.display_w {display: block;}
}

@media screen and (max-width: 1040px) {
	.display_m {display: block;}
	.display_w {display: none !important;}
	.process_steps .display_w{display:block !important;}
	
	/*header*/
	header .inner{height:75px;}
	header .gnb {display: none;}
	
	/*section*/
	
	.btn_direct {width: 150px; right: 20px; bottom: 20px;}
	.btn_direct .hall{width:150px;height:150px;}
	.btn_direct .tit {font-size: 20px}

	/*visual*/
	.visual_area{margin-top:75px;overflow:hidden;padding:150 50px;}
	.visual_area::before{left:35%;}
	.visual_area .title_copy>h2{font-size:80px;}
	.visual_area .title_copy>h2::after{top:-80px;right:-60px;}
	.visual_area .title_copy>h2::before{top:-80px;left:-200px;width:200px;height:150px;}
	.visual_area::after{right:-30px;}
	.visual_area .title_copy>p::after{top:auto;bottom:-250px;right:-70px;}
	/* .visual_area .title_copy>p::before{transform:rotate(50deg);} */
	.visual_area .title_copy>p{font-size:25px;margin:50px 0;}
	.visual_area .title_copy>a{position:relative;z-index:99;width:280px;padding:10px;background-color:rgba(255,255,255,.3);border:none;}
	.visual_area .title_copy>a>span{display:flex;width:100%;height:100%;border-radius:48px;background-color:#fff;align-items:center;justify-content:center;}
	.visual_area .title_copy>p>span{display:block;margin:0 auto;text-align:center;}
	.visual_area .title_copy>p>span:nth-child(1){margin-bottom:20px;margin-right:0;font-size:35px;font-weight:500;}
	.visual_area .title_copy>p>span:nth-child(1)::after{display:none;}
	.visual_area .title_copy .display_m{position:relative;z-index:99;font-family: 'loreal_r';}
	
	.marquee_wrap{height:auto;}
	.marquee_group{display:flex;position:static;width:90%;margin:0 auto;animation:none;height:auto;justify-content:center;align-items:center;flex-wrap:wrap;}
	.marquee_group>li{margin:5px;padding:14px 30px;font-size:18px;}
	.marquee_group>li:nth-child(13),
	.marquee_group>li:nth-child(14),
	.marquee_group>li:nth-child(15),
	.marquee_group>li:nth-child(16),
	.marquee_group>li:nth-child(17),
	.marquee_group>li:nth-child(18),
	.marquee_group>li:nth-child(19),
	.marquee_group>li:nth-child(20),
	.marquee_group>li:nth-child(21),
	.marquee_group>li:nth-child(22),
	.marquee_group>li:nth-child(23),
	.marquee_group>li:nth-child(24),
	.marquee_group>li:nth-child(25),
	.marquee_group>li:nth-child(26),
	.marquee_group>li:nth-child(27),
	.marquee_group>li:nth-child(28),
	.marquee_group>li:nth-child(29),
	.marquee_group>li:nth-child(30),
	.marquee_group>li:nth-child(31),
	.marquee_group>li:nth-child(32),
	.marquee_group>li:nth-child(33),
	.marquee_group>li:nth-child(34),
	.marquee_group>li:nth-child(35),
	.marquee_group>li:nth-child(36)
	{display:none;}

	/*timer*/
	.time_box{padding:60px 0 !important;}
	.time_box .inner{width:100%;padding:0 50px;flex-direction:column;text-align:center;}
	.time_box #timer{margin-top:50px;}
	.time_box #timer::before{right:-80px;width:140px;height:160px;}
	.time_box #timer div{font-size:55px;}
	.time_box #timer::before{right:-10px;}

	/*part01*/
	.introduce .inner>ul>li h4{margin-bottom:20px;font-size:22px;}
	.introduce .inner>ul>li p{font-size:20px;}
	.introduce .inner>ul>li{display:flex;width:100%;height:auto;justify-content:space-between;}
	.introduce .inner>ul>li img{position:static;top:auto;bottom:auto;right:auto;left:auto;width:200px;}
	.introduce .inner>ul>li:nth-child(2n){top:0;}

	/*part02*/
	.apply{padding:0 0 120px;}
	.apply .inner>.con_wrap>ul>li h4{font-size:22px;}
	.apply .inner>.con_wrap>ul>li p{font-size:22px;}
	.apply .mark_ye{font-size:20px !important;}
	.apply .apply_lst>li{font-size:22px;}
	/*part 02 - process*/

	.process_steps .txt h5{margin-right:0;font-size:20px;}
	.process_steps .txt p{font-size:22px;}
	.process_steps .txt p .mark_gy{font-size:14px;}
	.process_steps>ul>li:nth-child(5) .icon::before{left:22px;}
	.process_steps .icon{width:35px;height:35px;}
	.process_steps .icon>img{width:18px;}
	.process_steps .icon::after{top:34px;left:17px;}
	.process_steps>ul>li:nth-child(5) .icon::after{height:140px;}
	.process_steps>ul>li:nth-child(5) .icon::before{top:170px;left:14px;}
	.process_steps .txt{display:flex;width:calc(100% - 50px);}

	/* .apply .process_wrap .process_steps>ul>li p:nth-child(1){font-size:20px;}
	.apply .process_wrap .process_steps>ul>li p:nth-child(3){font-size:22px;}
	.apply .process_wrap .process_steps>ul>li .mark_gy{font-size:16px;} */
	.apply li>span.mark_ye{display:inline-block;}
	.apply .mark_ye{display:block;}

	/*part03*/
	/* .event .tit_deco{position:absolute;top:300px;left:50%;width:auto;font-size:22px;margin-left:-100px;} */
	.event .tit_deco{font-size:22px;bottom:80px;}

	.event .recruiting .inner>.con_wrap{flex-direction:column;}
	.event .recruiting .inner>.con_wrap .wrap_head{width:100%;margin-bottom:50px;}
	.event .recruiting .inner>.con_wrap ul{width:100%;}
	.event .recruiting .inner .con_wrap .uni_lst{position:relative;left:-5px;}
	.event .recruiting .inner .career_wrap::after{left:auto;right:70px;bottom:200px;top:auto;width:180px;height:180px;}
	.event .recruiting .inner .career_wrap::before{left:auto;right:40px;bottom:400px;top:auto;}
	.event .recruiting .inner>.con_wrap ul li{font-size:22px;}
	.event .recruiting .inner .con_wrap .uni_lst>li{font-size:22px;}
	.event .recruiting .inner .con_wrap .mark_gy{font-size:18px;}
	/* .event .recruiting .uni_lst>li>img{width:150px;} */
	.event .recruiting .inner .con_wrap .career_con>li{font-size:22px;}
	.event .recruiting .btn{height:80px;font-size:25px;}

	.calendar .con_wrap::before{top:-200px;width:250px;}

	/*part04*/
	.story .con_wrap h4{margin-bottom:30px;font-size:28px;line-height:1.2;}
	.story .con_wrap:nth-child(2){margin:50px 0;}
	.bx-wrapper .bx-pager{margin-top:25px;}

	/*part05*/
	.qa_faq{font-size:22px;align-items:flex-start;}
	.qa_faq>p>span:last-child{font-size:22px;}
	.qa_anw {font-size:18px;}

	/*bottom button*/
	/* .con_bt{flex-direction:column;} */
	a.btn{width:300px;height:100px;}
	a.youtube{font-size:22px;}
	/* .con_bt>a:nth-child(1){margin-right:0;} */
	.con_bt>a:nth-child(1)>img{width:150px;}
	a.youtube>img{width:30px;}
		
}
@media screen and (max-width: 768px) {
	.contents{padding:100px 0;}
	.apply{padding:0 0 50px;}
	.process_steps .display_w{display:none !important;}	
	.btn_direct{width:100px;}
	.btn_direct .hall{width:100px;height:100px;}
	.btn_direct .tit{font-size:17px;}
	h3.head_title{font-size:30px;}

	/*visual*/
	.visual_area .title_copy>h2{font-size:60px;}
	.visual_area .title_copy>p>span:nth-child(1){margin-bottom:10px;font-size:30px;}
	.visual_area .title_copy .display_m{font-size:23px;}
	.visual_area .title_copy>h2::after{right:-30px;width:155px;height:88px;}
	.visual_area::before{top:-20px;height:90px;width:90px;}
	.visual_area .title_copy>h2::before{left:-70px;width:135px;height:98px;}
	.visual_area::after{width:51px;height:51px;right:-15px;}
	.visual_area .title_copy>p::before{width:250px;height:200px;top:100px;left:-50px;}
	.visual_area .title_copy>p::after{bottom:-170px;right:-40px;width:142px;height:190px;}
	.visual_area .title_copy>a{width:270px;height:75px;padding:7px;}

	.marquee_group>li{padding:9px 15px;font-size:15px;}
	.visual_area .title_copy>h2{font-size:48px;}

	/*timer*/
	.time_box #timer{padding:40px 0;width:100%;}
	.time_box #timer div{padding:0 20px;font-size:35px;}
	.time_box #timer div:nth-child(1){padding:0 20px 0 0;}
	.time_box #timer div:nth-child(4){padding:0 0 0 20px;}
	.time_box #timer div>span{font-size:14px;}
	.time_box #timer::before{top:-50px;width:80px;height:100px;}
	.time_box #timer div::after{width:4px;height:10px;top:15px;}
	.time_box::before{bottom:0;width:250px;height:130px;}

	/*part01*/
	.introduce .inner>ul>li h4, .introduce .inner>ul>li p{font-size:17px;}
	.introduce .inner>ul>li{height:220px;padding:30px;flex-direction:column;}
	.introduce .inner>ul>li img{position:absolute;right:30px;bottom:30px;width:140px;}

	/*part02*/
	.apply .wrap_head{padding-bottom:20px;}
	.apply .inner>.con_wrap{padding-top:40px;}
	.apply .inner>.con_wrap>ul>li{flex-direction:column;margin:25px 0;}
	.apply .inner>.con_wrap>ul>li:first-child{margin:0 0 25px 0;}
	.apply .inner>.con_wrap>ul>li h4{width:100%;margin-bottom:20px;}
	.apply .inner>.con_wrap>ul>li p{width:100%;font-size:18px;}
	.apply .inner>.con_wrap>ul>li>.con_wrap{width:100%;}
	.apply .apply_lst>li{width:49%;position:relative;left:-5px;font-size:18px;}

	.process_steps>ul>li{align-items:flex-start;}
	.process_steps .txt{padding-top:5px;flex-direction:column;align-items:flex-start;}
	.process_steps .txt h5{width:100%;font-size:16px;margin-bottom:3px;}
	.process_steps .txt p{width:100%;font-weight:600;}
	.process_steps .txt p span{display:block;margin-left:0 !important;}
	.process_steps .icon::after{height:70px;}
	.process_steps>ul>li:nth-child(5) .icon::after{height:170px;}
	.process_steps>ul>li:nth-child(5) .icon::before{top:200px;left:14px;}

	/* .apply .process_wrap .process_steps>ul>li p:nth-child(2){position:absolute;top:4px;left:-28px;width:7px;height:100px;}
	.apply .process_wrap .process_steps>ul{margin-left:30px;flex-direction:column;}
	.apply .process_wrap .process_steps>ul>li{position:relative;width:100%;height:auto;margin-bottom:45px;text-align:left;justify-content:flex-start;align-items:flex-start;}
	.apply .process_wrap .process_steps>ul>li p{height:auto;align-items:flex-start;justify-content:space-between;}
	.apply .process_wrap .process_steps>ul>li .mark_gy{display:block;margin-top:0;font-weight:400;}
	.apply .process_wrap .process_steps>ul>li p:nth-child(1){height:auto;margin-bottom:5px;font-size:17px;}
	.apply .process_wrap .process_steps>ul>li p:nth-child(3){height:auto;padding-top:0;font-size:22px;}
	.apply .process_wrap .process_steps>ul>li .line{position:absolute;width:2px;height:calc(100% + 40px);top:0;left:4px;}
	.apply .process_wrap .process_steps>ul>li:nth-child(4) .line{height:calc(100% + 20px)}
	.apply .process_wrap .process_steps>ul>li:last-child .line{display:none;} */
	.apply .mark_ye{display:block;font-size:16px !important;}
	.apply .apply_lst .mark_ye{display:inline-block;font-size:16px;}

	/*part03*/	
	.event .recruiting{overflow:hidden;}
	.event .tit_deco{font-size:13px;bottom:10%;transform: translateX(-10%);}
	.event .recruiting .inner>.con_wrap{padding:50px 30px;}
	.event .recruiting .inner>.con_wrap .wrap_head{margin-bottom:30px;}
	.event .recruiting .inner>.con_wrap ul li h4{width:15%;}
	.event .recruiting .inner>.con_wrap ul li p, .event .recruiting .inner>.con_wrap ul li .con_wrap{width:85%;}
	.event .recruiting .inner .university_wrap::before{width:140px;height:180px;right:-50px;}
	.event .recruiting .inner .university_wrap::after{width:40px;height:40px;right:0px;top:300px;}
	.event .recruiting .inner .career_wrap::after{width:150px;height:150px;right:0px;bottom:-180px;}
	.event .recruiting .inner .career_wrap::before{width:30px;height:30px;right:0;bottom:-30px;}
	.event .recruiting .inner>.con_wrap ul li{margin-bottom:10px;font-size:18px;}
	.event .recruiting .inner .con_wrap .uni_lst>li{font-size:18px;}
	.event .recruiting .inner .con_wrap .mark_gy{font-size:15px;}
	.event .recruiting .uni_lst>li>img{width:150px;}
	.event .recruiting .inner .con_wrap .career_con{margin-top:30px;}
	.event .recruiting .inner .con_wrap .career_con>li{width:100%;padding:30px 0;font-size:18px;}
	.event .recruiting .inner .con_wrap .career_con>li>h4 span.font_wh{margin:10px 0 20px;}
	.event .recruiting .btn{height:60px;font-size:20px;}
	.event .recruiting .inner .career_wrap ul li:nth-child(1) h4{font-size:18px;}
	.event .recruiting .inner .con_wrap .career_con>li h4{font-size:18px;}
	.event .recruiting .inner>.con_wrap ul li h4{font-size:18px;}
	.event .recruiting .career_con p{font-size:16px;}
	.event .recruiting .con_flex{flex-direction:column;}
	.event .recruiting .con_flex .con_l, .event .recruiting .con_flex .con_r{width:100%;}
	.event .recruiting .career_con .con_r{width:200px;margin-top:50px;text-align:left;}
	.event .recruiting .career_con .con_r p{text-align:center;}
	.event .recruiting .inner>.con_wrap ul li{align-items:flex-start;}
	.event .recruiting .inner ul li .career_con p{width:100%;}

	.calendar{padding:80px 0 !important;background-image:none;}
	.calendar .con_wrap::before{display:none;}
	.calendar .con_wrap::after{display:none;}
	/* .calendar .con_wrap img{content:url(../images/calendar-m.svg);} */
	.calendar .wrap_head img{width:130px;}
	.calendar .wrap_head h3{margin-left:10px;}

	/*part04*/
	.story .con_wrap h4{font-size:23px;}
	.story .con_wrap h4 span{font-size: 18px; display: block;}		
	.story .iframe_bx{height:450px;}

	/*part05*/
	.qa_faq{padding: 20px 30px;font-size:18px;}
	.qa_faq>p>span:last-child{font-size:18px;}
	.qa_anw {font-size:15px;}
	.qa_faq>i{font-size:18px;}

	/* .que span {font-size: 20px}
	.que {font-size: 24px}	
	.qa_wrap .qa_faq span {font-size: 20px}
	.qa_faq {padding: 20px 30px} */

	/*bottom button*/
	.con_bt{flex-direction:column;padding:80px 0;}
	a.btn{width:250px;height:80px;}
	a.youtube{font-size:17px;}
	.con_bt>a:nth-child(1){margin-right:0;margin-bottom:20px;}
	.con_bt>a:nth-child(1)>img{width:120px;}
	a.youtube>img{width:20px;}
}
@media screen and (max-width: 500px) {
	body {font-size: 14px; overflow-x: hidden}
	/* body {min-width: auto;} */
	header .inner {padding: 0; height: 60px}
	
	.inner {padding: 0 20px}
	.time_box .inner{padding:0 20px;}
	
	header {height: 60px; padding: 0 15px 0 20px;}
	header .logo {width: 120px; display: flex; align-items: center; padding-top: 2px}
	header .gnb_wrap .btn_sns {margin: 0; background-size: 20px;}

	/* .contents{padding:120px 0;} */
	.apply{padding:0 0 50px;}
	
	/*visual*/
	.visual_area{margin-top:60px;padding:120px 0 70px;}
	.visual_area .title_copy>h2::after{top:-50px;right:-10px;width:109px;height:62px;}
	.visual_area .title_copy>p{margin:40px 0;}
	.visual_area .title_copy>p>span:nth-child(1){font-size:20px;}
	.visual_area .title_copy .display_m{font-size:15px;}
	.visual_area .title_copy>a{width:190px;height:52px;font-size:15px;}
	
	.marquee_wrap{margin-top:70px;}

	/*timer*/
	.time_box #timer div{padding:0 10px;font-size:23px;}
	.time_box #timer div:nth-child(1){padding:0 10px 0 0;}
	.time_box #timer div:nth-child(4){padding:0 0 0 10px;}
	.time_box #timer div>span{font-size:12px;}
	.time_box #timer::before{top:-30px;width:60px;height:80px;}
	.time_box #timer div::after{width:2px;height:7px;top:10px;}

	/*part1*/
	.introduce .wrap_head{margin-bottom:20px;}
	.introduce .inner>ul>li{margin:10px 0;padding:20px;}
	.introduce .inner>ul>li:last-child{padding:20px 20px 230px 20px;}
	.introduce .inner>ul>li img{width:120px;bottom:20px;right:20px;}
	/* .introduce .inner>ul>li:last-child img{bottom:10px;} */

	/*part03*/
	.event .recruiting .career_con .con_r p{padding-left:0;}
	.event .recruiting .inner .university_wrap::before{right:-100px;}
	.event .tit_deco{font-size:10px;bottom:3%;transform: translateX(-11%);}

	/*part04*/
	.story .iframe_bx{height:350px;}
	
	/*part05*/
	.qa_faq{padding: 15px;font-size:16px;}
	.qa_faq>p>span:last-child{font-size:16px;}
	.qa_anw {padding:20px 15px;font-size:14px;}
	.qa_faq>i{font-size:15px;}

	/* .qa_wrap .qa_faq span {font-size: 14px}
	.anw {padding: 25px}	
	.qa_box .anw {border-top: 1px solid #f4ecdd;}
	.anw .cont {padding: 0}
	.anw .cont .tit {position: relative; left: auto; top:auto; margin-bottom: 10px}	
	.que span {font-size: 18px}
	.qa_box .que:before, .qa_box .que.on:before {right: 15px}
	.que {padding: 25px 30px 25px 25px; word-break: keep-all}
	.qa_box .que.on:before {background-size: 15px}
	.qa_box .que span {font-size: 16px}
	.qa_box .que strong {font-size: 18px} */
}
@media screen and (max-width: 320px) {
	.qa_box .que strong {font-size: 16px}
	.qa_box .que span {font-size: 14px}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* 이곳에 CSS 작성 */
	.visual_area .title_copy > p > span:nth-child(1)::after{margin-top:15px;}
	.time_box .head_title{width:25%;}
	.time_box #timer{width:73%;padding:60px 20px;}
	.time_box #timer div{font-size:55px;}
	.process_steps .txt h5{font-size:25px;}
	.apply .inner > .con_wrap > ul > li p{font-size:28px;}
	.calendar h3{padding-top:10px;}
	.btn_direct .tit{top:50%;left:50%;transform: translate(-50%, -50%);}
	.visual_area .title_copy > h2{width:55%;}
}