@charset "utf-8";

body{word-break: keep-all;}
.thum{}
.thum img{max-width: 100%;}

/*서브*/
#sub_div{overflow: hidden;}
#sub_div > .inner{padding-top: 150px;padding-bottom: 200px;}
#sub_div > .inner.innerx{max-width: 100%;}

.sub{}
.sub > article{}
.sub > article + article{padding-top: 200px;}

.sub_top{background: url('../img/sub_top1.png') right/contain no-repeat;display: flex;align-items: flex-end;justify-content: flex-end;color: #fff;font-family: 'Plus Jakarta Sans', sans-serif;font-size: 150px;font-weight: 700;line-height: 0.8;letter-spacing: 0;height: 500px;text-align: right;max-width: 1920px;margin: 0 auto;background-size: 1560px !important;}
.sub_top1{background: url('../img/sub_top1.png') right/contain no-repeat;}
.sub_top2{background: url('../img/sub_top2.png') right/contain no-repeat;}
.sub_top3{background: url('../img/sub_top3.png') right/contain no-repeat;}

.sub_tit{font-size: 50px;font-weight: 800;line-height: 1.4;color: #001d45;margin-top: -10px;margin-bottom: 40px;position: relative;padding-bottom: 40px;letter-spacing: -0.04em;}
.sub_tit:after{display: block;content: '';width: 340px;height: 2px;background: #002c6a;position: absolute;bottom: 0;left: 0;}
.sub_tit:before{display: block;content: '';width: 100vw;height: 2px;background: #002c6a;position: absolute;bottom: 0;right: 100%;}
.sub_tit .sub_desc{color: #b2b2b2;letter-spacing: -0.02em;font-weight: 400;line-height: 1.2;padding-top: 25px;padding-bottom: 10px;}
.sub_desc{font-size: 24px;color: #808080;line-height: 1.916;}
.sub_desc2{font-size: 20px;color: #808080;line-height: 1.8;}
.at_tit{font-size: 50px;font-weight: 800;color: #001d45;letter-spacing: -0.04em;}
.at_tit + .sub_desc2{margin-top: 20px;}

/*about us 1-1 회사소개*/
.about{}
.about .at_tit{font-size: 40px;}
.about .sub_desc{margin-bottom: 100px;}
.about1{}
.about1 .sub_top{}
.about1 .sub_desc{}
.about1 .sub_desc .nbsp{display: none;}
.about_ul{display: flex;justify-content: center;max-width: 1400px;margin: 0 auto;text-align: center;}
.about_ul > li{position: relative;max-width: calc(25% + 52.5px);flex: 1;}
.about_ul > li:nth-child(2){z-index: 1;}
.about_ul > li + li{margin-left: -70px;}
.about_ul .cir{aspect-ratio: 1/1;width: 400px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 30px;font-weight: 500;color: #001d45;line-height: 1.666;border: solid 2px;font-family: 'Plus Jakarta Sans', sans-serif;max-width: 100%;}
.about_ul .cir1{background: #f1f4f8;border-color: #f1f4f8;}
.about_ul .cir2{border-color: #002c6a;}
.about_ul .cir3{background: linear-gradient(70deg, rgba(0,44,106,1) 0%, rgba(0,64,153,1) 100%);color: #fff;}
.about_ul .cir4{border-color: #e3e8ef;}
.about_ul .num{font-family: 'Plus Jakarta Sans', sans-serif;font-size: 30px;font-weight: 700;color: #001d45;margin-top: 25px;margin-bottom: 25px;}
.about_ul .desc{font-size: 20px;font-weight: 500;line-height: 1.5;}
.about2{text-align: center;}
.about2 .sub_desc{}
.about2 .thum{margin-top: -15px;}

/*services 2-1 기업교육*/
.service1{}
.service .counter{display: inline-block;width: 120px;}
.service1_ul{display: flex;flex-wrap: wrap;margin: 60px -20px -40px;}
.service1_ul > li{width: 50%;padding: 0 20px;margin-bottom: 40px;}
.service1_ul .box{display: flex;align-items: center;padding: 50px;background: #f2f5f8;height: 100%;}
.service1_ul .num{flex: 0 0 auto;font-size: 100px;font-weight: 500;color: #408fff;font-family: 'Plus Jakarta Sans', sans-serif;letter-spacing: -0.04em;padding-left: 20px;margin-right: 70px;line-height: 1;}
.service1_ul .num .per{font-size: 50%;color: #d9d9d9;}
.service1_ul .txt{flex: 1;width: 100%;}
.service1_ul .tit{font-size: 20px;font-weight: 500;letter-spacing: -0.04em;line-height: 1.8;}
.service1_ul .desc{font-size: 16px;color: #999999;line-height: 1.8;margin-top: 15px;}

.service2{}
.service2 .nbsp{display: none;}
.service2 .nbsp2{display: none;}
.service2_ul{display: flex;text-align: center;color: #fff;margin: 80px -6.5px -13px;}
.service2_ul > li{width: 25%;padding: 0 6.5px;margin-bottom: 13px;}
.service2_ul .item{width: 100%;aspect-ratio: 390/500;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.service2_ul .tit{font-family: 'Plus Jakarta Sans', sans-serif;font-size: 30px;font-weight: 700;}
.service2_ul .desc{font-size: 20px;line-height: 1.5;margin-top: 20px;}
.service2_li1 .item{background: url('../img/service2_1.png') center/cover no-repeat;}
.service2_li2 .item{background: url('../img/service2_2.png') center/cover no-repeat;}
.service2_li3 .item{background: url('../img/service2_3.png') center/cover no-repeat;}
.service2_li4 .item{background: url('../img/service2_4.png') center/cover no-repeat;}

.service3{text-align: center;}
.service3 .sub_desc2 .nbsp{display: none;}
.service3 .sub_desc2 .nbsp2{display: none;}

.c_lb{color: #408fff;}/*밝은 파랑*/
.lb_top{font-size: 24px;font-weight: 600;color: #408fff;margin-bottom: 40px;}
.bnd_table{width: 100%;max-width: 1200px;margin: 80px auto 0;border-spacing: 0;text-align: center;}
.bnd_table p{word-break: keep-all;}
.bnd_table th{font-size: 20px;color: #001d45;font-weight: 700;border-bottom: solid 2px #001d45;height: 100px;padding: 15px 10px;}
.bnd_table td{font-size: 16px;color: #4d4d4d;line-height: 1.875;border-bottom: solid 1px #d9d9d9;height: 150px;padding: 15px 10px;}
.bnd_table th:nth-child(even),
.bnd_table td:nth-child(even){background: #f4f6f9;}
.bnd_table td:first-child{font-weight: 600;}
.bnd_table tr:last-child td{border-color: #001d45;}
.bnd_table td:nth-child(odd){width: 29.166%;}
.bnd_table td:nth-child(even){width: 41.666%;}
.bnd_table .nbsp{display: none;}

.service4 .bnd_table{margin-top: 50px;}
.service4 .bl_cate{max-width: 1200px;}

.bl_cate{display: flex;margin: 80px auto 0 ;}
.bl_cate > li{flex: 1;background: #f7f9fb;color: #001d45;font-size: 18px;display: flex;align-items: center;justify-content: center;height: 60px;box-shadow: 7px 7px 10px 0px rgba(0, 29, 29, 0.2);}
.bl_cate > li + li{margin-left: 20px;}

/*services 2-2 컨설팅*/
.consulting{}
.top_tab{display: flex;justify-content: center;border-bottom: solid 1px #ebebeb;text-align: center;margin-bottom: 140px;}
.top_tab > li{margin: 0 10px;}
.top_tab > li > a{display: block;color: #000000;position: relative;width: 100px;font-size: 20px;font-weight: 600;line-height: 1;padding-bottom: 22px;}
.top_tab > li > a:after{display: block;content: '';position: absolute;width: 100%;height: 4px;background: #408fff;border-radius: 2px;left: 0;bottom: -2px;opacity: 0;}
.top_tab > li.active > a{}
.top_tab > li.active > a:after{opacity: 1;}
.consulting .bl_cate{margin-top: 40px;}
.consulting .bl_cate > li{max-width: 390px;height: 100px;font-size: 20px;font-weight: 500;}
.consulting .bl_cate > li + li{margin-left: 13px;}
.process{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -40px;}
.process .left{flex: 0 0 auto;margin-right: 35px;margin-top: 40px;}
.process .left .lb_top {}
.process .left .at_tit {}
.process .left .sub_desc2 {font-size: 18px;line-height: 2;word-break: keep-all;}
.process .left .sub_desc2 .nbsp2{display: none;}
.process_ul{display: flex;align-items: center;text-align: center;margin-top: 40px;}
.process_ul > li{position: relative;display: flex;align-items: center;}
.process_ul > li + li{}
.process_ul > li + li:before{display: block;content: '';width: 12px;height: 10px;background: url('../img/process_arr.png') center/contain no-repeat;position: relative;margin: 0 26px;}
.process_ul .item{display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;background: #fff;border: solid 1px #ebebeb;border-radius: 125px;box-shadow: 7px 7px 30px 0px rgba(233, 238, 243, 1);width: 250px;aspect-ratio: 250/350;}
.process_ul .num{font-size: 20px;font-weight: 500;color: #408fff;font-family: 'Plus Jakarta Sans', sans-serif;}
.process_ul .tit{font-size: 30px;font-weight: 700;color: #001d45;font-family: 'Plus Jakarta Sans', sans-serif;margin-top: 40px;margin-bottom: 15px;}
.process_ul .desc{font-size: 20px;font-weight: 500;color: #808080;line-height: 1.5;}

.c_lpb{color: #cbd8f0;}/*더 밝은 파랑*/
.lb_top.c_lpb{margin-bottom: 25px;}

.consulting1_1{}
.consulting1_2{}
.consulting1_3{text-align: center;}
.consulting1_3 .sub_desc2 span{display: inline-block;}

.consulting1{}
.consulting1 .consulting1_1 .sub_desc .nbsp{display: none;}
.consulting2{}
.consulting2 .process_ul .item{aspect-ratio: 250/400;}
.consulting2 .process_ul .desc{height: 6em;}
.consulting3{}
.consulting3 .consulting1_1 .sub_desc .nbsp{display: none;}
.wn{white-space: nowrap;}

/*contact 1-1 mails*/
.contact{display: flex;justify-content: space-between;}
.contact .left{width: 500px;}
.contact .sub_tit{}
.contact .sub_desc{}
.contact .logo{width: 407px;}

.contact .right{width: 100%;flex: 1;margin-top: 100px;}
.contact .right form{margin-left: auto;max-width: 1030px;}
.contact_ul{}
.contact_ul > li{display: flex;}
.contact_ul > li + li{margin-top: 30px;}
.contact_ul .ct_wrap{flex: 1;}
.contact_ul .ct_wrap + .ct_wrap{margin-left: 30px;}
.contact_ul .ct_tit{font-size: 20px;font-weight: 700;color: #002c6a;margin-bottom: 20px;}
.contact_ul .ct_tit .require{color: #ffcc00;}
.contact_ul .ct_cont{}
.ct_input, .ct_textarea{background: #fff;border: solid 1px #d9d9d9;width: 100%;font-size: 18px;}
.ct_input{padding: 0 20px;height: 60px;}
.ct_textarea{padding: 20px;resize: none;height: 200px;line-height: 1.875;}
.bl_btn{display: flex;align-items: center;justify-content: center;margin-left: auto;margin-top: 50px;width: 200px;aspect-ratio: 200/60;background: #fff;border: solid 3px #002c6a;border-radius: 30px;font-size: 20px;font-weight: 600;color: #002c6a;transition: all .3s;}
.bl_btn:hover{background: #001d45;color: #fff000;}

/*contact 1-2 faqs*/
.contact.faq .left{width: 400px;}


/*반응형*/
@media(max-width: 1840px){
	.sub_top{background-size: 1500px !important;height: 480px;}
}

@media(max-width: 1700px){
	.inner,
	.inner_1600{max-width: 100%;padding-left: 50px;padding-right: 50px;}
	.inner .inner_1600{padding-left: 0;padding-right: 0;}
	.sub_top{background-size: 86vw !important;height: 27.6vw;}

	.service1_ul .num{margin-right: 50px;}
}

@media(max-width: 1600px){
	.service1_ul .box{flex-direction: column;text-align: center;padding: 40px 15px;}
	.service1_ul .num{padding-left: 0;margin-right: 0;margin-bottom: 20px;}
}

@media(max-width: 1500px){
	.inner_1400{max-width: 100%;padding-left: 50px;padding-right: 50px;}
	.inner .inner_1400{padding-left: 0;padding-right: 0;}
	.sub_top{font-size: 130px;}
	.sub_tit,
	.at_tit{font-size: 45px;}
	.sub_desc {font-size: 22px;}
	.about .at_tit{font-size: 35px;}
	.sub_tit .sub_desc{font-size: 22px;}
	.sub_tit:after{width: 270px;}

	.service1_ul{margin: 30px -10px -20px;}
	.service1_ul > li{padding: 0 10px;margin-bottom: 20px;}

	.contact{display: block;}
	.contact .logo{width: 330px;}
	.contact .right{margin-top: 50px;}
	.contact .right form{margin: 0 auto;}
}

@media(max-width: 1300px){
	.inner_1200{max-width: 100%;padding-left: 50px;padding-right: 50px;}
	.inner .inner_1200{padding-left: 0;padding-right: 0;}
	.sub_top{font-size: 100px;background-size: 83vw !important;height: 26.6vw;}
	.sub_tit{font-size: 40px;margin-bottom: 30px;padding-bottom: 30px;}
	.sub_desc {font-size: 20px;}
	.at_tit{font-size: 40px;}
	.sub_tit .sub_desc{padding-top: 15px;font-size: 20px;}
	.about .sub_desc{margin-bottom: 70px;}
	.about .at_tit{font-size: 30px;}
	.sub_desc2{font-size: 18px;}
	.lb_top{font-size: 22px;}

	.about_ul > li{max-width: calc(25% + 22.5px);}
	.about_ul > li + li{margin-left: -30px;}

	.service3 .sub_desc2 .nbsp{display: block;}
	.service4 .bl_cate,
	.bnd_table{margin-top: 60px;}

	.consulting .bl_cate{flex-wrap: wrap;margin-right: -13px;margin-bottom: -13px;}
	.consulting .bl_cate > li{width: calc(50% - 13px);height: 85px;flex: 0 0 auto;margin-right: 13px;margin-bottom: 13px;}
	.consulting .bl_cate > li + li{margin-left: 0;margin-top: 0;}
	.process_ul > li + li:before{margin: 0 15px;}
	.process_ul .item{width: 20vw;}
	.process_ul .tit{font-size: 26px;margin-top: 30px;}
	.process_ul .desc{font-size: 18px;}
}

@media(max-width: 1100px){
	.sub_top{background-size: 80vw !important;height: 25.6vw;}
	.service1_ul .num{font-size: 80px;}
	.service1_ul .counter{width: 95px;}
	.service1_ul .tit{font-size: 18px;}
}

@media(max-width: 1080px){
	.about1 .sub_desc .nbsp{display: block;}
	.about_ul{flex-wrap: wrap;margin-bottom: 50px;max-width: 700px;}
	.about_ul > li{max-width: 50%;margin-bottom: -50px;display: flex;flex-direction: column;}
	.about_ul > li .txt{display: flex;flex-direction: column;}
	.about_ul > li + li{margin-left: 0;}
	.about_ul > li:nth-child(even){margin-left: -50px;}
	.about_ul > li:nth-child(1) .txt,
	.about_ul > li:nth-child(2) .txt{order: -1;}
	.about_ul > li:nth-child(1) .num,
	.about_ul > li:nth-child(2) .num{order: -2;margin-top: 0;}
	.about_ul > li:nth-child(1) .desc,
	.about_ul > li:nth-child(2) .desc{order: -1;margin-bottom: 25px;}

	.service1_ul{flex-direction: column;}
	.service1_ul > li{width: 100%;}
	.service1_ul .box .nbsp{display: none;}
	.service1_ul .desc{margin-top: 10px;}
	.service2_ul{flex-wrap: wrap;margin-top: 50px;}
	.service2_ul > li{width: 50%;}
}

@media(max-width: 991px){
	.inner,
	.inner_1600,
	.inner_1400,
	.inner_1200{padding-left: 20px;padding-right: 20px;}
	.inner .inner_1600,
	.inner .inner_1400,
	.inner .inner_1200{padding-left: 0;padding-right: 0;}

	#sub_div{margin-top: 105px;}
	#sub_div > .inner{padding-top: 100px;padding-bottom: 150px;}
	.sub > article + article{padding-top: 150px;}
	.sub_top{font-size: 80px;background-size: 95% !important;height: 30.05vw;}
	.sub_tit{font-size: 35px;}
	.sub_tit:after{width: 235px;}
	.sub_desc {font-size: 19px;}
	.at_tit{font-size: 35px;}
	.sub_tit .sub_desc{font-size: 19px;}
	.about .at_tit{font-size: 28px;}
	
	.service2 .nbsp{display: block;}
	.service4 .bl_cate{flex-direction: column;margin-top: 50px;}
	.bl_cate > li{flex: 0 0 auto;}
	.bl_cate > li + li{margin-left: 0;margin-top: 10px;}
	.service4 .bnd_table{margin-top: 35px;}
	.bnd_table{margin-top: 50px;}
	.bnd_table th{font-size: 18px;}
	.bnd_table td{font-size: 15px;line-height: 1.4;}
	.bnd_table td p + p{margin-top: 10px;}
	.bnd_table span:not(.bar,.slash,.dn){display: block;}

	.top_tab > li{margin: 0 5px;}
	.top_tab > li > a{font-size: 18px;padding-bottom: 18px;width: 90px;}
	.consulting .bl_cate > li{font-size: 18px;height: 70px;}
	.process{flex-direction: column;}
	.process_ul{flex-wrap: wrap;max-width: 500px;margin-left: auto;margin-right: auto;}
	.process_ul > li{width: 50%;padding: 0 10px;margin-bottom: 20px;}
	.process_ul > li + li:before {position: absolute;margin: 0 10px;left: -20px;display: none;}

	.contact .logo{width: 285px;}
	.contact_ul .ct_wrap + .ct_wrap{margin-left: 20px;}
	.contact_ul .ct_tit{margin-bottom: 15px;font-size: 18px;}
	.ct_input, .ct_textarea{font-size: 16px;}
	.ct_input{height: 50px;padding: 0 10px;}
	.ct_textarea{padding: 10px;}
	.bl_btn{margin-top: 40px;font-size: 18px;width: 170px;}
	.bl_btn:hover{background: #fff;color: #002c6a;}
}

@media(max-width: 768px){
	.bnd_table .bar,
	.bnd_table .slash{display: block;font-size: 0;}
	.bnd_table .nn .bar{display: inline-block;font-size: inherit;}
	.bnd_table .nn{font-size: 90%;white-space: nowrap;}
	.bnd_table .nbsp{display: block;}
	.bnd_table .dn{display: none;}
}

@media(max-width: 700px){
	.consulting1 .consulting1_1 .sub_desc .nbsp{display: block;}
}

@media(max-width: 640px){
	#sub_div > .inner{padding-top: 70px;padding-bottom: 100px;}
	.sub > article + article{padding-top: 100px;}
	.sub_tit,
	.at_tit{font-size: 28px;}
	.sub_tit:after{width: 190px;}
	.sub_desc{font-size: 17px;}
	.sub_tit .sub_desc{font-size: 17px;}
	.about .at_tit{font-size: 26px;}
	.sub_top{font-size: 70px;}
	.sub_desc2{font-size: 16px;}
	.lb_top{font-size: 20px;margin-bottom: 30px;}

	.about_ul{display: block;}
	.about_ul > li{flex-direction: row;max-width: 100%;align-items: center;}
	.about_ul > li:nth-child(even){margin-left: 0;}
	.about_ul > li:nth-child(1) .txt,
	.about_ul > li:nth-child(2) .txt{order: inherit;}
	.about_ul .cir{width: 55%;}
	.about_ul .txt{flex: 1;width: 100%;}
	.about_ul .num{margin-top: 0;}

	.service1_ul .box .nbsp{display: block;}
	.service1_ul .num{font-size: 65px;}
	.service1_ul .counter{width: 78px;}
	.service2_ul .tit{font-size: 28px;}
	.service2_ul .desc{font-size: 18px;margin-top: 15px;}
	.service4 .bl_cate{margin-top: 35px;}
	.bl_cate > li{font-size: 16px;height: 50px;}
	.bnd_table{margin-top: 35px;}
	.bnd_table th{font-size: 16px;}
	.bnd_table td{font-size: 14px;}

	.consulting .bl_cate{margin-right: -10px;margin-bottom: -10px;margin-top: 35px;}
	.consulting .bl_cate > li{width: calc(50% - 10px);margin-right: 10px;margin-bottom: 10px;font-size: 16px;height: 60px;}
	.process .left .sub_desc2{font-size: 16px;}
	
	.contact_ul > li{display: block;}
	.contact_ul > li + li{margin-top: 20px;}
	.contact_ul .ct_wrap + .ct_wrap{margin-left: 0;margin-top: 20px;}
	.contact .logo{width: 240px;}
	.contact_ul .ct_tit{font-size: 16px;margin-bottom: 10px;}
	.ct_input{height: 45px;}
	.bl_btn{width: 150px;font-size: 16px;margin-top: 30px;}
}

@media(max-width: 580px){
	.sub_desc{font-size: 17px;}

	.about .sub_desc{margin-bottom: 50px;}
	.about_ul .cir{font-size: 24px;}
	.about_ul .num{font-size: 24px;margin-bottom: 10px;}
	.about_ul .desc{font-size: 18px;}
}

@media(max-width: 500px){
	.service1_ul .box{padding: 30px;}
	.service1_ul .tit{font-size: 16px;}
	.service1_ul .desc{font-size: 15px;}
	.service2_ul{margin: 50px -2.5px -5px;}
	.service2_ul > li{padding: 0 2.5px;margin-bottom: 5px;}
	.service3 .sub_desc2 .nbsp{display: none;}
	.service3 .sub_desc2 .nbsp2{display: block;}

	.consulting .bl_cate{margin-right: 0;}
	.consulting .bl_cate > li{width: 100%;margin-right: 0;max-width: 100%;}
	.process_ul{margin-bottom: -10px;}
	.process_ul > li{padding: 0 5px;margin-bottom: 10px;}
	.process .num{}
	.process .tit{font-size: 22px;margin-top: 20px;}
	.process .desc{font-size: 16px;}
	.consulting3 .consulting1_1 .sub_desc .nbsp{display: block;}
}

@media(max-width: 450px){
	.sub_top{font-size: 50px;}
	.sub_desc{font-size: 16px;}

	.about_ul{margin-bottom: 30px;}
	.about_ul > li{margin-bottom: -30px;}
	.about_ul .cir{font-size: 20px;width: 53%;}
	.about_ul .num{font-size: 20px;}
	.about_ul .desc{font-size: 16px;}

	.service2 .nbsp2{display: block;}
	.service2_ul{margin-top: 35px;}
	.service2_ul > li{width: 100%;}
	.service2_ul .item{aspect-ratio: 390/390;}
	.bl_cate > li{font-size: 15px;height: 45px;}

	.top_tab > li{margin: 0 2.5px;}
	.top_tab > li > a{font-size: 16px;width: 80px;padding-bottom: 15px;}
}

@media(max-width: 400px){
	.about_ul{margin-bottom: 25px;}
	.about_ul > li{margin-bottom: -25px;}
	.about2 .sub_desc{padding: 0 30px;}

	.service1_ul .box{padding: 30px 20px;}
	.service1_ul .tit{font-size: 15px;}
	.service1_ul .desc{font-size: 14px;}
	.bnd_table th{font-size: 15px;}
	.bnd_table td{font-size: 13px;}

	.process .left .sub_desc2{font-size: 15px;}
	.process .left .sub_desc2 .nbsp{display: none;}
	.process .left .sub_desc2 .nbsp2{display: block;}
	.process_ul{margin-bottom: -6px;}
	.process_ul > li{padding: 0 3px;margin-bottom: 6px;}
	.process .num{}
	.process .tit{font-size: 20px;margin-top: 15px;margin-bottom: 10px;}
	.process .desc{font-size: 15px;}
}