@charset "utf-8";


@media screen and ( max-width:1460px) {
	.mv_box{padding:2vw 3vw 0;}
	.mv_title_wrap{padding-bottom:2vw;}
	.mv_img_wrap img{width:105%;margin-left:-8%;}
	.mv_title_wrap h1{padding-bottom:3vw;}
	.h1sub_gradient {width: calc(100% - 1vw);font-size:2.5vw;}
	.h1sub_gradient::before {width: calc(100% + 1vw);height: calc(100% + 1vw);top:-.5vw;left:-.5vw;}
	.h1sub_text{padding-top:2vw}
	.h1sub_text p:nth-child(1) {font-size: 2.8vw;line-height:1.3em;padding-bottom:.1em;}
	.h1sub_text p:nth-child(2) {font-size: 1.7vw;}
	
	
	
}

@media screen and ( max-width:1400px) {
	
	
	.career_inner_text h3{font-size:42px;}
	.career_inner_pg{font-size:20px;}
	.career_inner_list_wrap ul li div:nth-child(2){font-size:18px;}
}


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

	.intro_inner_text{width:62%;}
	.intro_inner_img{margin-left:-29%;}
	
	.career_inner{gap:30px;}
	.career_inner_text h3 {font-size: 36px;}
	.career_inner_pg {font-size: 18px;}
	.career_inner_img {width: calc(48% - 30px);}
	.career_inner_list_wrap ul li div:nth-child(2) {font-size:16px;}
	.career_inner_list_wrap ul li div:nth-child(1) {font-size: 50px;}
	
	.difference_inner{gap:50px;}
	.difference_inner_num{padding-bottom:5px;}
	.difference_inner_textline h3{font-size: 34px;}
	.difference_inner_pg {font-size: 18px;}
	.difference_inner_img {width: calc(52% - 50px);}
	
	.flow_list_item {gap: 40px;}
	.flow_title {width: 170px;}
	.flow_title h3 {font-size: 20px;}
	.flow_list_text{width: calc(100% - 210px);}
	.flow_list_text {font-size: 16px;}
	
	.voice_item {width: 90%;}
	.voice_text_pg p{font-size:16px;}
	
}


@media screen and ( max-width:1100px) {
	
	.mv_box {padding: 2vw 0 0;}
	.mv_img_wrap{width: 48%;aspect-ratio: 2 / 3;}
	.mv_img_wrap img{width:110%;margin-left:-8%;}
	.mv_title_wrap{width:54%;margin: auto 0 auto -2%; padding-right: 4vw;padding-bottom: 0;}
	.mv_title_wrap h1 {margin-left: -17%;}
	.h1sub_gradient{font-size:3.5vw;letter-spacing: .25em;}
	.h1sub_text p:nth-child(1){font-size: 3.6vw;line-height:1.2em;padding-bottom:.5em;}
	.h1sub_text p:nth-child(2) {font-size: 2vw;line-height:1.25em;}
	
	.intro_wrap{flex-direction: column-reverse;}
	.intro_inner_img{margin-left:0;margin:0 0 0 auto;width:100%;max-width:860px;}
	.intro_inner_text{margin:-100px auto 0 0;padding:40px 50px;width:100%;max-width:700px;}
	
	
	.career_main{padding:0 30px;}
	.career_h2_box{max-width:540px;}
	.career_h2_box h2 > span:nth-child(1){width:100%;padding: 5px 20px 0px 40px;line-height:1.2em;}
	.career_h2_box h2 > span:nth-child(2){width:100%;font-size: 35px;}
	.career_inner_text{width:fit-content;}
	.career_inner_text-wrap{padding-left:0;}
	.career_inner_img{margin:auto;width:100%;max-width:700px;}
	.career_inner_img img{border-radius:0;}
	.ltr .career_inner_img img{border-radius:0;}
	
	.career_inner_list{width:100%;}
	.career_inner_list_wrap{max-width:none;}
	.career_inner_list_wrap h4{text-align:center;}
	.career_inner_list_wrap ul li div:nth-child(2) br.tbll{display:none;}
	
	.career_inner_list{border-radius:2vw;}
	.ltr .career_inner_list{border-radius:2vw;}
	
	
	.difference_main {padding: 80px 30px;}
	
	.difference_h2_box{max-width:540px;}
	.difference_h2_box h2 > span:nth-child(1){width:100%;}
	.difference_h2_box h2 > span:nth-child(1)::after{content:none;}
	.difference_h2_box h2 > span:nth-child(2){position:relative;width:calc(100% - 50px);margin-left: auto;font-size: 35px;}
	.difference_h2_box h2 > span:nth-child(2)::after{
	content:"";
	position:absolute;
	top:0px;
	left: -49px;
	background-color:#fff;
	display:block;
	width: 50px;
	height:100%;
	clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
	
	.difference_inner_text{width:100%;}
	.difference_inner_img{margin: auto;width: 100%;max-width: 700px;}
	.difference_inner_img img{border-radius:0;}
	
	.difference_inner_textwrap{
		padding-left:0;
		margin: auto;
		max-width:700px;
	}
	.ltr .difference_inner_textwrap {padding-right:0;}
	.ltr .difference_inner_img img{border-radius:0;}
	
	.portrait_intro {font-size: 28px;}
	.portrait_textbox {font-size: 20px;}
	
	.jd_list dt {width: 150px;}
	.jd_list dd {width: calc(100% - 150px);}
	
	.voice_item{
		width:100%;max-width:700px;margin: auto;justify-content:center;gap:40px;
		padding-bottom: 70px;
	}
	
	.voice_img > div{max-width:110px;margin: auto;}
	.voice_img h3 {font-size: 18px;}
	.voice_text{width:100%;}
	
	.voice_item.rtl{margin:auto;}
	
	.voice_text::before{
		top: -35px;
		left:50%;
		transform: translateX(-50%);
		clip-path: polygon(0 100%, 50% 0, 100% 100%);
	}
	.voice_text::after{background: linear-gradient(158deg, #9CD8F4 50%, #bae3f9 , #bae3f9 70%, #f9f5ba);}
	.voice_bubble::before{
		top: -23px;
		left:50%;
		transform: translateX(-50%);
		clip-path: polygon(0 100%, 50% 0, 100% 100%);
	}
	
	.voice_item.rtl .voice_text::before{
		left:50%;right:auto;
		clip-path: polygon(0 100%, 50% 0, 100% 100%);
	}
	.voice_item.rtl .voice_text::after{background: linear-gradient(-158deg, #9CD8F4 50%, #bae3f9 , #bae3f9 70%, #f9f5ba);}
	.voice_item.rtl .voice_bubble::before{
		top: -23px;
		left:50%;
		clip-path: polygon(0 100%, 50% 0, 100% 100%);
	}
	

	.flow_title::before{height:100px;bottom:-80px;}
	
}


@media screen and (max-width: 980px) {
	.footer_group_box {gap:30px 20px;}
	.footer_group_box a{width: calc((100% - (20px * 3)) / 4);}
}

@media screen and (max-width: 940px) {
	.channel_sns_links a{gap:10px;}
	.channel_sns_links a span{width:100%;text-align:center;}
}

@media screen and (max-width:900px) {
	address {padding:4px 0 70px;}
	.fixed_box{padding:14px 0;}
	.fixed_btn_area a{font-size:15px;}
	.fixed_btn_area a:after{bottom:12px;width:10px;height:10px;}
}



@media screen and (max-width: 767px) {
	
	.h1sub_text p:nth-child(2) {font-size: 2.5vw;line-height: 1.4em;}
	
	.intro_headerline {padding: 15px 0 0;}
	.intro_headerline div {height: 6px;margin-bottom: 10px;}
	.intro_main {padding:20px 0 0px;}
	.intro_inner_img{}
	.intro_inner_img img {border-radius:0;}
	.intro_inner_text{margin:-5vw 0 0;max-width:none;border-radius:0;}
	.intro_inner_text p {font-size: 16px;padding-bottom: 21px;}
	
	.career_box{padding:0;}
	.career_main{padding:14vw 5vw;}
	.career_h2_box{max-width:none;}
	.career_h2_box h2 > span:nth-child(1){font-size: 8vw;padding: .3vw 5vw 0 11vw;}
	.career_h2_box h2 > span:nth-child(2) {font-size: 6.5vw;padding:.3vw 5vw 0 11vw;}
	.career_h2_box h2 > span:nth-child(2)::after{width:10vw;}
	.career_contents{padding-top:10vw;}
	
	.career_inner_text h3 {font-size: 7vw;}
	.career_example{padding:0;}
	
	.difference_main{padding:14vw 5vw;}
	.difference_h2_box{max-width:none;}
	.difference_h2_box h2 > span:nth-child(1){font-size: 8vw;padding: .3vw 5vw 0 9vw;}
	.difference_h2_box h2 > span:nth-child(2) {font-size: 6vw;padding:.3vw 6vw 0 0;width: calc(100% - 10vw);}
	.difference_h2_box h2 > span:nth-child(2)::after{width:10vw;left: -10vw;}
	.difference_contents {padding:8vw 0 0;}
	.difference_item {padding-bottom: 5vw;}
	.difference_inner {gap: 30px;padding-bottom:5vw;}
	.difference_inner_num{justify-content:center;padding-bottom: .8vw;}
	.difference_inner_num div:nth-child(1){font-size: 13vw;margin:auto 0;}
	.difference_inner_num div:nth-child(2) img {width: auto;height:17vw;}
	.difference_item:nth-child(2) .difference_inner_num{flex-direction:row-reverse;}
	.difference_inner_num div:nth-child(2) {margin: auto 0 auto 20px;}
	.difference_item:nth-child(2) .difference_inner_num div:nth-child(2) {margin: auto 20px auto 0;}
	
	.difference_inner_textline h3{text-align:center;font-size: 5vw;padding-bottom:2vw;}
	.difference_inner_pg {font-size: 16px;}
	
	.portrait_box{padding: 4vw 5vw 10vw;}
	.portrait_h2box {padding-bottom: 5vw;}
	.portrait_h2box h2 {font-size: 60px;line-height:1.25em;}
	.portrait_h2sub {font-size: 30px;}
	.portrait_h2box::after {height: 6px;}
	
	.jd_box {padding: 5vw 5vw 10vw;}
	.jd_list dt {width: 120px;}
	.jd_list dt h3 {font-size: 15px;}
	.jd_list dd {font-size: 14px;width: calc(100% - 120px);}
	
	
	.flow_box{padding:14vw 5vw;}
	.flow_h2box {padding-bottom: 7vw;}
	.flow_h2box h2 {font-size: 9vw;}
	
	.flow_list_item {gap: 30px;margin-bottom: 6vw;}
	.flow_title{
		width:100%;aspect-ratio:auto;border-radius:2em;
		padding:5px;
	}
	.flow_title::after{
		width:calc(100% + 10px);
		height:calc(100% + 10px);
		border-radius:2em;
	}
	.flow_title::before{content:none;}
	.flow_list_item::before{
		content:"";
		z-index: -1;
		position:absolute;
		display: block;
		top:10%;
		left:30px;
		width:0;
		border-left: #2778be 3px dotted;
		height:120%;
	}
	.flow_list_item:last-child::before{content:none;}
	.flow_list_text{width:100%;padding-left:60px;}
	.flow_list_button{text-align: center;}
	
	
	.voice_box{padding:14vw 5vw;}
	.voice_h2box h2{padding-bottom: 3vw;}
	.voice_item{padding-bottom: 7vw;}
	
	.entry_box{padding:14vw 5vw;}
	
	
	.channel_sns_area{padding:0 40px;}
	.channel_sns_links {gap: 20px;}
	.channel_sns_links a {width: calc((100% - 20px) / 2);}
    .channel_sns_links a span{font-size:14px;}
		
	.footer_group {padding:20px 40px 100px;}
	.footer_group_box {max-width: 490px;gap: 15px 20px;}
	.footer_group_box a {width: calc((100% - 20px) / 2);}
	.footer_group_box a:nth-child(even){text-align:right;}
	.footer_group_box a:nth-child(odd){text-align:left;}
	address {padding:4px 0 113px;}
	
	.fixed_btn_area{max-width:450px;margin:auto;gap:10px;padding:0 15px;}
	.fixed_btn_area a{width:100%;}
	.fixed_btn_area a:after{bottom:10px;width:13px;height:13px;}
	
}

@media screen and (max-width:600px){
	
	.header_box{padding: 7px 10px;}
	.header_logo{max-width: 130px;}
	.header_kmlogo{max-width: 100px;line-height: 0;}
	
	
	.channel_sns_area{padding:0 7vw;}
	.channel_sns_links{padding:14vw 0;}
	
	.footer_group{padding:2vw 7vw 14vw}
	address {padding: 4px 0 26vw;}
	
	.fixed_box{padding:3vw 0;}
	.fixed_btn_area a {font-size:3vw;padding: .3vw 2vw 0;}
	.fixed_btn_area a:after {bottom:2.8vw;right:3vw;width:2vw;height:2vw;}
}


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

	.mv_bk::before {background-position: center -2%;}
	.mv_img_wrap{width: 62%;aspect-ratio: 9 / 16;}
	.mv_img_wrap img {width: 120%;margin-left: -17%;}
	.mv_title_wrap{display: contents;}
	.mv_title_phonelbox{display:flex;flex-wrap:wrap;width:62%;margin:7vw 0 auto -24%;padding-right:3vw;}
	.mv_title_wrap h1{order:2;padding:4.5vw 0 0;width:100%;margin-left:0;}
	.h1sub_gradient{order:1;font-size: 4.8vw;letter-spacing: .15em;}
	.h1sub_text{position:absolute;bottom:0;width:100%;background-color:rgba(255,255,255,.8);padding:3vw 0;}
	.h1sub_text p:nth-child(1) {font-size: 5.8vw;padding-bottom:.3em;}
	.h1sub_text p:nth-child(2) {font-size: 3.5vw;line-height: 1.3em;font-weight: 500;}
	
	.intro_headerline {padding: 2vw 0 0;}
	.intro_headerline div {height:1.3vw;margin-bottom: 1.8vw;}
	.intro_main {padding: 4vw 0 0px;}
	.intro_inner_text{padding:8vw;}
	.intro_inner_text p {font-size: 14px;}
	
	.career_h2_box h2 > span:nth-child(2) {font-size: 6vw;}
	.career_inner {gap: 5vw;padding-bottom: 15vw;}
	.career_inner_text h3{padding-bottom: 2.5vw;text-indent: -.25em;}
	.career_inner_pg {font-size: 15px;}
	.career_inner_list{padding:3vw;}
	.career_inner_list_wrap h4{line-height:1em;padding-bottom: 10px;}
	.career_inner_list_wrap ul li{padding:0;}
	.career_inner_list_wrap ul li div:nth-child(1){font-size:35px;width: 50px;}
	.career_inner_list_wrap ul li div:nth-child(2) {font-size: 14px;padding-right:10px;width: calc(100% - 50px);}
	
	.difference_main {padding:14vw 5vw 9vw;}
	.difference_inner_num{justify-content:flex-start;}
	.difference_inner_num div:nth-child(1) {font-size: 23vw;}
	.difference_inner_num div:nth-child(2) img {height: 20vw;}
	.difference_inner_textline h3{text-align:left;font-size: 6vw;}
	.difference_item:nth-child(2) .difference_inner_textline h3{text-align:right;}	
	.difference_inner {gap:7vw;padding-bottom:7vw;}
	.difference_inner_img{
		position: relative;
		overflow: hidden;aspect-ratio:20 / 13;
	}
	.difference_inner_img img{
		position:absolute;
		top:-9%;
		left:50%;
		transform: translateX(-50%);
	}
	.difference_inner_img img[src*="01"]{top:-20%;}
	
    
	.portrait_box {padding:0 5vw 10vw;}
	.portrait_h2box h2 {font-size: 13vw;}
	.portrait_h2sub {font-size: 6.3vw;}
	.portrait_intro {font-size: 18px;padding: 7vw 0;}
	.portrait_textbox {font-size: 16px;font-weight:400;}
	
	.jd_h2box {padding-bottom: 2vw;}
	.jd_h2box h2 {font-size: 13vw;letter-spacing: 0.06em;}
	.jd_list dt{width:100%;padding: 4px 0;}
	.jd_list dt h3 {font-size: 17px;}
	.jd_list dd{width:100%;padding: 4px 10px 8px;}
	
	
	.flow_box {padding: 12vw 5vw 14vw;}
	.flow_h2box {padding-bottom: 5vw;}
	.flow_h2box h2 {font-size: 12vw;}
	.flow_title h3 {font-size: 6vw;letter-spacing:0;}
	.flow_list_item {gap: 6vw;margin-bottom: 12vw;}
	.flow_list_item:last-child{margin-bottom: 5vw;}
	.flow_list_item::before {left: 20px;}
	.flow_title::after { width: calc(100% + 7px);height: calc(100% + 7px);}
	.flow_list_text {padding:0 10px 0 50px;font-size:14px;}
	.flow_list_button a{padding: 5px 45px;font-size:16px;}
	
	.voice_h2box h2{font-size: 12vw;}
	.voice_img > div {max-width: 100px;}
	.voice_text_pg {padding: 20px 30px;}
	.voice_text_pg p {font-size: 14px;}
	
	.entry_h2box h2 {font-size: 21vw;line-height: 1.35em;}
	.entry_intro {padding: 5vw 0;}
	.entry_intro p {font-size: 15px;padding-bottom:10px;}
	.entry_btn_area{padding:0;}
	.entry_btn_area a{width:100%;font-size: 3.5vw;padding: .85vw 2vw .5vw;}
	.entry_btn_area a:after {top: 47%;width: 8px;height: 8px;}
	
}


@media screen and (max-width: 520px) {
	
	.channel_sns_links a {width: 100%;}
	.channel_sns_links a img {width: 36px;}
	.channel_sns_links a span{width: auto;text-align: left;font-size: 12px;}
	
	.footer_group_box {justify-content:center;gap:14px 0;}
	.footer_group_box a{width:100%;max-width:180px;}
	.footer_group_box a:nth-child(even),.footer_group_box a:nth-child(odd) {text-align:center;}
}