@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * sub_visual *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sub_visual {height: 400px; background: url(/img/sub_visual01.jpg) no-repeat center center / cover; padding-top: 100px; box-sizing: border-box; color: #fff;}
.sub_visual .inner {height: 100%; align-items: center; justify-content: center;}
.sub_visual h2 {text-align: center; font-weight: 700; font-size: 54px; letter-spacing: -0.05em; line-height: 1em;}

.sub_path {display: flex; align-items: center baseline; justify-content: center; --p:30px; gap: var(--p); margin-top: 55px;}
.sub_path .home {width: 20px; height: 20px; background: url(/icon/home.png) no-repeat center center / contain; filter: invert(1);}
.sub_path [class^="depth"] {position: relative; padding-left: calc(var(--p) + 10px);}
.sub_path [class^="depth"]::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 9px; height: 13px; background: url(/icon/chevron_right.png) no-repeat center center / contain; filter: invert(1);}
.sub_path [class^="depth"] p {font-weight: 200; font-size: 14px;}

@media all and (max-width:650px){
    .sub_path{--p:15px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * contact_con *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contact_con {position: relative; --pb: 135px; padding-bottom: var(--pb); background-color: #1d1d1d;}
.contact_con .map_box {height: 700px; background-color: #fff;}
.contact_con .map_box iframe.on {display: block;}
.contact_con .map_box iframe {display: none;}
.contact_con .info_box {position: absolute; bottom: 0; left: 0; width: 50%; padding-top: 90px; padding-right: 210px; border-top-right-radius: 500px; background: url(/img/main_con05_bg.jpg) no-repeat center center / cover;}
.contact_con .info_box .inner {max-width: 700px; margin-right: 0; padding: 85px 0 var(--pb); box-sizing: border-box;}
/* btn */
.contact_con .info_box .btn_wrap {gap: 14px; margin-bottom: 60px;}
.contact_con .info_box .btn {width: calc(50% - 7px); max-width: 170px; font-weight: 700; font-size: 18px;}
/* txt_box */
.contact_con .txt_box.on {display: block;}
.contact_con .txt_box {color: #fff; display: none;}
.contact_con .txt_box .addr {font-family: var(--sub-font); font-weight: 700; font-size: 28px; line-height: 1.35em;}
.contact_con .txt_box ul {display: flex; flex-wrap: wrap; column-gap: 60px; margin-top: 20px;}
.contact_con .txt_box ul li {font-family: var(--eng-font); letter-spacing: 0; font-size: 20px; font-weight: 1.5em; font-feature-settings: "tnum";}

@media all and (max-width: 1024px) {
    .contact_con {padding: 0;}
    .contact_con .info_box {position: static; border-radius: 0; box-sizing: border-box; width: 100%; padding: 0;}
    .contact_con .info_box .inner {margin: auto;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * intro_con *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* img_box */
.intro_con .img_box {width: calc(100% - 135px); height: 485px; margin-left: auto; border-bottom-left-radius: 300px; overflow: hidden;}
.intro_con .img_box img {width: 100%; height: 100%; object-fit: cover;}
/* txt_wrap */
.intro_con .txt_wrap {width: 100%; max-width: 1200px; margin: auto; position: relative;}
.intro_con .txt_box {padding: 50px 30px; box-sizing: border-box; background-color: #fff; border-top-right-radius: 300px; margin-top: -170px;}
.intro_con .txt_box > * {padding: 50px; box-sizing: border-box;}
.intro_con .txt_box .left {width: 360px; border-right: 1px solid #e5e5e5;}
.intro_con .txt_box .right {width: calc(100% - 360px);}

@media all and (max-width : 1024px) {
    .intro_con .img_box {width: 100%; border-radius: 0;}
    .intro_con .txt_box {flex-wrap: wrap; gap: 40px;}
    .intro_con .txt_box > * {width: 100% !important; padding: 0;}
    .intro_con .txt_box .left { border: none;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * greeting *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*--- intro ---*/
@media all and (max-width: 767px) {
    .greeting .intro_con .main_tit p {max-width: 17.5em;} 
}

/*--- con01 ---*/
.greeting .con01 {overflow: hidden;}


/*--- con02 ---*/
.greeting .con02 table {table-layout: fixed;}
.greeting .con02 tr > *:nth-child(1){width: 250px;}
.greeting .con02 tr > *:nth-child(2),
.greeting .con02 tr > *:nth-child(3){width: calc(50% - 125px);}

@media all and (max-width: 1024px) {
    .greeting .con02 tr > *:nth-child(1){width: 100px;}
    .greeting .con02 tr > *:nth-child(2),
    .greeting .con02 tr > *:nth-child(3){width: calc(50% - 50px);}
}

@media all and (max-width: 767px) {
    .greeting .con02 tr > *:nth-child(1){width: 60px;}
    .greeting .con02 tr > *:nth-child(2),
    .greeting .con02 tr > *:nth-child(3){width: calc(50% - 30px);}
    .greeting table.type01 tbody th, 
    .greeting table.type01 tbody td {font-size: 16px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * cha_con *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.cha_con .flex_wrap{flex-wrap: wrap; overflow: hidden;}


.cha_con .flex_wrap.rigth .img_wrap{order: -1;}
.cha_con .flex_wrap.rigth .img_wrap .img_box{border-radius: 0 0 300px 0;}
.cha_con .flex_wrap.rigth .txt_wrap{margin: 0 auto 0 0;padding: 0 0 0 100px; justify-content: flex-start;}
.cha_con .flex_wrap.rigth .txt_box .line::before{right: unset; left: 100%;}

.cha_con .flex_wrap + .flex_wrap{margin-top: 40px;}

.cha_con .img_wrap{width: 50%;}
.cha_con .img_box{height: 485px; margin: 0 0 0 auto; border-radius: 0 0 0 300px; overflow: hidden;}
.cha_con .img_box img {width: 100%; height: 100%; object-fit: cover;}


.cha_con .txt_wrap{display: flex; width: calc(50% - 8%); padding: 0 100px 0 0 ; box-sizing: border-box; margin: 0 0 0 auto; align-items: center; justify-content: flex-end;}
.cha_con .txt_box{width: 100%; max-width: 510px;}
.cha_con .txt_box .tit h5{font-size: 38px; line-height: 1.3em; font-weight: bold; letter-spacing: -0.05em; color: #185a8a;}
.cha_con .txt_box .line{width: 100%; position: relative; height: 1px; margin: 20px 0 30px; background-color: #185a8a;}
.cha_con .txt_box .line::before{content: ''; position: absolute; top: 0; right: 100%; width: 200%; height: 1px; background-color: #dddddd;}

@media all and (max-width: 1600px) {
    .cha_con .flex_wrap.rigth .txt_wrap{padding: 30px 0 50px 50px;}
    .cha_con .flex_wrap .txt_wrap{padding: 30px 50px 50px 0;}
}

@media all and (max-width: 1024px) {
    .cha_con .img_wrap{width: 100%;}
    .cha_con .txt_wrap{width: 100%;}

    .cha_con .flex_wrap .img_wrap{order: -1;}

}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * fu_coach*
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.fu_coach{display: flex; flex-wrap: wrap; gap: 10px;}
.fu_coach .txt_box{width: calc(50% - 5px); border-radius: 0 0 0 150px; padding: 50px 60px; box-sizing: border-box;background-color: #f9fafa;}
.fu_coach .txt_box:nth-child(even){border-radius: 0 150px 0 0;}
.fu_coach .txt_box .line{width: 100%; margin: 20px 0 25px; height: 1px; background-color: #dcdcdc;}
.fu_coach .txt_box h5{font-size: 22px; font-weight: 500; letter-spacing: -0.045em; color: #222222;}
.fu_coach .txt_box p{font-size: 18px; font-weight: 400; line-height: 2; letter-spacing: -0.045em; color: #444444;}
.fu_coach .txt_box p span{color: #529be0;}
.fu_coach .txt_box p + p{margin-top: 5px;}

@media all and (max-width:1024px) {
    .fu_coach .txt_box{width: calc(100%)}
}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * bmp *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.bmp .flex_img{display: flex; gap: 40px; flex-wrap: wrap; justify-content: center;}
.bmp .flex_img > div{width: calc(50% - 20px);}
.bmp .flex_img .img_box img{width: 100%; object-fit: cover;}

@media all and (max-width:780px) {
    .bmp .flex_img > div{width: calc(100%); max-width: 500px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * plp *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.plp .step_list{display: flex; flex-wrap: wrap; justify-content: center;}
.plp .step_list li{width: 20%; display: flex; box-sizing: border-box; align-items: center; flex-direction: column; position: relative; padding: 25px 20px 0; }
.plp .step_list li h5{font-size: 20px; font-weight: bold; color: #185a8a; font-family: 'Pretendard';}
.plp .step_list li:nth-child(even) h5{color: #529be0;}
.plp .step_list li .icon{padding: 15px 0 20px; min-height: 102px;}
.plp .step_list li p{font-size: 18px; text-align: center; font-weight: 400; color: #444444; letter-spacing: -0.045em; line-height: 1.44em;}
.plp .step_list li::after{content: ''; position: absolute; top: 0; left:0; display: inline-block; width: 17px; height: 100%; background:url(/img/step_list_line.png);}
.plp .step_list li:last-child::before{content: ''; position: absolute; top: 0; right: -17px; display: inline-block; width: 17px; height: 100%; background:url(/img/step_list_line.png);}
@media all and (max-width:1024px) {
    .plp .step_list li{width: 33.33%;}
    .plp .step_list li::after{content: none;}
    .plp .step_list li:last-child::before{content: none;}
}
@media all and (max-width:650px) {
    .plp .step_list li{width: 100%;}

}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * mdp *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.mdp .con02 table.type02 {max-width: 915px; margin: auto;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * bbp *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.bbp .con01 .img_box{max-width: fit-content; margin: 0 auto;}
.bbp .con01 .img_box img{width: 100%; object-fit: cover;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * HPMP *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.hpmp .three_box {display: flex; gap: 10px;}
.hpmp .three_box .box{position: relative; box-sizing: border-box;}
.hpmp .three_box .box > img{width: 100%; height: 100%; object-fit: cover;}
.hpmp .three_box .box.long{width: calc(66% - 20px);}
.hpmp .three_box .box.sm{width: 17%;}
.hpmp .three_box .box.sm img{border-radius: 15px;}
.hpmp .three_box .arr_icon{position: absolute; top: 50%; right: -32px; z-index: 1; transform: translateY(-50%); width: 52px; height: 52px; background-color: #529be0; border-radius: 50%; box-sizing: border-box; border: 4px solid #fff; display: flex; align-items: center; justify-content: center; } 


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 회사소개 > 회사개요 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.overview .con02 .con_box{position: relative; max-width: 1140px; width: 100%; margin: 0 auto; }
.overview .con02 .con_box ul{display: flex; flex-wrap: wrap; gap: 7px;}
.overview .con02 .con_box ul li{width: calc(50% - 3.5px); background: var(--bg); border-radius: var(--radius); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 236px; padding: 50px 0; box-sizing: border-box; color: #fff;}

.overview .con02 .con_box ul li .tit p{font-size: 22px; letter-spacing: -0.045em; line-height: 1.181818em; font-weight: 700;}
.overview .con02 .con_box ul li .txt{margin-top: 15px;}
.overview .con02 .con_box ul li .txt p{font-size: 18px; letter-spacing: -0.045em; line-height: 1.625em; font-weight: 400;}
.overview .con02 .con_box .circle_box{position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 50%; height: 56%; aspect-ratio: 1/1; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; box-sizing: border-box;}
.overview .con02 .con_box .circle_box p {font-weight: 700; color: #185a8a; letter-spacing: -0.045em; font-size: 32px;}

@media all and (max-width:1024px){
    .overview .con02 .con_box .circle_box{height: 42%;}
}
@media all and (max-width:650px){
    .overview .con02 .con_box .circle_box{height: 30%;}
    .overview .con02 .con_box .circle_box p{font-size: 28px;}
    .overview .con02 .con_box ul li .txt p{font-size: 16px;}
}

.overview .con03 {padding-bottom: 190px;}
.overview .con03 .con_box {position: relative;}
.overview .con03 .con_box ul{display: flex; justify-content: space-around;}
.overview .con03 .con_box ul li{width: 25%; max-width: 262px; border-radius: 0 0 30px 0; border: 5px solid var(--bg); box-sizing: border-box; padding: 14px 0 18px; display: flex; justify-content: center; position: relative; background-color: #fff;}
.overview .con03 .con_box ul li:before{position: absolute; right: -28px; top: 50%; transform: translateY(-50%); width: 52px; aspect-ratio: 1/1; box-sizing: border-box; border-radius: 50%; border: 4px solid #fff; content: ''; background-color: var(--bg); background-image: url(/img/overview_con04_arrow01.png); background-repeat: no-repeat; background-position: center center;}
.overview .con03 .con_box ul li p{color: var(--bg); letter-spacing: -0.045em; text-align: center;}
.overview .con03 .con_box ul li .tit p{font-size: 20px; line-height: 1.5em; font-weight: 700;}
.overview .con03 .con_box ul li .txt{padding-top: 10px; position: relative; margin-top: 10px;}
.overview .con03 .con_box ul li .txt:before{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 19px; height: 2px; background-color: var(--bg); content: '';}
.overview .con03 .con_box ul li .txt p {font-size: 18px; font-weight: 200;}

.overview .con03 .con_box .feedback_box{width: 100%; height: 120%; border-radius: 10px; border: 3px dotted #3375b3; position: absolute; top: 50%; left: 0; z-index: -1;}
.overview .con03 .con_box .feedback_box:before{content: 'Feedback'; position: absolute; left: 50%; transform: translateX(-50%); bottom: -17px; font-size: 20px; color: #3375b3; letter-spacing: -0.045em; padding: 5px 8px; background-color: #fff; font-weight: 700;}

@media all and (max-width:768px){
    .overview .con03{padding-bottom: 100px;}
    .overview .con03 .con_box {margin-right: 100px;}
    .overview .con03 .con_box ul{flex-direction: column;  gap: 50px; padding-top: 70px; padding-bottom: 70px;}
    .overview .con03 .con_box ul li{width: 100%; margin: 0 auto; padding: 20px 0 35px;}
    .overview .con03 .con_box ul li:before{left: 50%; bottom: -28px; transform: translateX(-50%) rotate(90deg); top: auto;}

    .overview .con03 .con_box .feedback_box{ width: 45%; height: 100%; top: 0; left: 50%;}
    .overview .con03 .con_box .feedback_box:before{left: auto; bottom: auto; top: 50%; right: -42px; transform: translateY(-50%);}
}
@media all and (max-width:550px){
    .overview .con03 .con_box .feedback_box{width: 58%;}
}

.overview .con04 .image_map .img_box{text-align: center;}
.overview .con04 .image_map .img_box img{width: 100%; max-width: fit-content;}

.overview .con05 .con_box ul{display: flex; gap: 10px; flex-wrap: wrap;}
.overview .con05 .con_box ul li{width: calc(33.333% - 6.666px); padding: 40px; box-sizing: border-box; background-color: #f2f5f8; text-align: center;}
.overview .con05 .con_box ul li .num_box {width: 50px; aspect-ratio: 1/1; box-sizing: border-box; border-radius: 50%; margin: 0 auto; background-color: var(--bg); display: flex; align-items: center; justify-content: center;}
.overview .con05 .con_box ul li .num_box p{font-weight: 700; font-size: 20px; color: #fff;}
.overview .con05 .con_box ul li .tit p{font-weight: 500; color: #444444; font-size: 22px; line-height: 1.18181em; margin-top: 10px;}
.overview .con05 .con_box ul li .txt p{color: #666666; font-size: 18px; letter-spacing: -0.045em; line-height: 1.4444444em; margin-top: 15px;}
.overview .con05 .con_box ul li .txt p span{color: var(--bg);}

@media all and (max-width:768px){
    .overview .con05 .con_box ul li{width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 회사소개 > CEO인사말 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.ceo .con01{position: relative; overflow: hidden;}
.ceo .con01:before{content: ''; width: 55%; height: 60%; background-color: var(--main-color); opacity: .05; border-radius: 0 0 0 492px; right: -20%; top: 0; position: absolute;}
.ceo .con01 .flex_wrap > div{width: 50%; box-sizing: border-box;}
.ceo .con01 .flex_wrap .left_box{padding: 0 20px; margin-top: 80px;}
.ceo .con01 .flex_wrap .tit_box h5{font-weight: 700; color: #222222; font-size: 24px; letter-spacing: -0.045em; line-height: 1.4166666em;}
.ceo .con01 .flex_wrap .tit_box h5 span{color: #1076c1;}
.ceo .con01 .flex_wrap .line{margin: 25px 0 20px; width: 3px; height: 57px; background-color: var(--main-color);}
.ceo .con01 .flex_wrap .txt_box p{font-size: 18px; color: #666666; letter-spacing: -0.045em; line-height: 1.666666em; font-weight: 500;}
.ceo .con01 .flex_wrap .txt_box p + p{margin-top: 30px;}
.ceo .con01 .flex_wrap .txt_box p b{color: #222222;}
.ceo .con01 .flex_wrap .txt_box p span{font-weight: 700; color: var(--main-color);}

.ceo .con01 .flex_wrap .right_box{padding: 0 60px;}
.ceo .con01 .flex_wrap .right_box .img_box{border-radius: 0 0 492px 0; overflow: hidden; width: fit-content;}
.ceo .con01 .flex_wrap .right_box .img_box img{width: 100%; max-width: fit-content;}

@media all and (max-width:1024px){
    .ceo .con01 .flex_wrap {flex-direction: column; gap: 50px 0;}
    .ceo .con01 .flex_wrap > div{width: 100%;}
    .ceo .con01 .flex_wrap .left_box{padding: 0; margin-top: 0;}
    .ceo .con01 .flex_wrap .right_box .img_box{margin: 0 auto;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 회사소개 > 세미나룸 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.seminar .con01 .big_img_box .img_box img{width: 100%;}
.seminar .con01 .swiper-container {overflow: hidden; margin-top: 7px;}
.seminar .con01 .swiper-container .swiper-slide{cursor: pointer; position: relative;}
.seminar .con01 .swiper-container .swiper-slide:before{position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; background-color: rgba(0,0,0,.7); content: '';}
.seminar .con01 .swiper-container .swiper-slide-active:before{background-color: transparent;}
.seminar .con01 .swiper-container .img_box img{width: 100%; height: 100%; object-fit: cover;}
.seminar .con01 .swiper-pagination {position: unset; margin-top: 30px;}
.seminar .con01 .swiper-pagination-bullet-active{background-color: #185a8a;}
.seminar .con01 .table_box{border-top:#185a8a 2px solid; display: flex; border-bottom: 1px solid #dcdcdc; flex-wrap: wrap;}
.seminar .con01 .table_box > div{width:50%; box-sizing:border-box; padding: 40px 30px;}
.seminar .con01 .table_box > div + div{border-left: 1px solid #dcdcdc;}
.seminar .con01 .table_box b{font-weight: 500; font-size: 22px; color: #444444; letter-spacing: -0.045em;}
.seminar .con01 .table_box ul{padding-left: 10px; margin-top: 25px;}
.seminar .con01 .table_box ul li{list-style: '- '; line-height: 1.77777em; font-size: 18px; font-weight: 300;}
.seminar .con01 .table_box ul li span{color: #185a8a; font-size: 14px; font-weight: 500;}

.seminar .con01 .pay_box h5{font-weight: 500; color: #444444; font-size: 22px; letter-spacing: -0.045em;}
.seminar .con01 .pay_box ul{display: flex; margin-top: 30px; gap: 1px; flex-wrap: wrap;}
.seminar .con01 .pay_box ul li{width: calc(33.333% - 0.66666px);}
.seminar .con01 .pay_box ul li .top_box{padding: 20px 0; box-sizing: border-box; text-align: center; color: #fff; background-color: var(--bg);}
.seminar .con01 .pay_box ul li  p{font-size: 18px; color: #ffffff; font-weight: 200; letter-spacing: -0.045em;}
.seminar .con01 .pay_box ul li .bot_box{background-color: #fff; padding: 55px 0; box-sizing: border-box; text-align: center;}
.seminar .con01 .pay_box ul li .bot_box p{color: #666666;}

@media all and (max-width:768px){
    .seminar .con01 .table_box > div{width: 100%;}
    .seminar .con01 .table_box > div + div{border-top: 1px solid #dcdcdc; border-left: none;}
}

@media all and (max-width:650px){
    .seminar .con01 .pay_box ul li{width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 회사소개 > 문의하기 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 인재개발 > I-Lead Mind 프로그램 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.mind .row02 .img_wrap .img_box{display: inline-block; vertical-align: middle;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 인재개발 > I-Lead skill 프로그램 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.skill .border_circle{width: 100%; aspect-ratio: 1/1; margin: 0 auto; max-width: 660px; background-color: #eaf2fd; border-radius: 50%;}
.skill .border_circle li{display: flex; align-items: center; justify-content: center;}
.skill .border_circle li > .circle{width: 50%; aspect-ratio: 1/1; text-align: center; border: 5px solid var(--bg-col); max-width: 294px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.skill .border_circle li > .circle + .circle{margin-left: 70px;}
.skill .border_circle li .circle p{font-size: 24px; line-height: 1.25em; font-weight: bold; padding: 20px; letter-spacing: -0.045em; color: #fff; display: flex; align-items: center; justify-content: center; width: 90%; max-width: 255px; background-color: var(--bg-col); aspect-ratio: 1/1; border-radius: 50%; box-sizing: border-box;}
.skill .border_circle li + li{margin-top: -125px;}
@media all and (max-width:768px){
    .skill .border_circle{background-color: #fff;}
    .skill .border_circle li {flex-wrap: wrap;}
    .skill .border_circle li > .circle {width: 100%;margin-top: -30px;}
    .skill .border_circle li > .circle + .circle{margin-left: 0; }
    .skill .border_circle li + li{margin-top: 0;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 조직개발 > MDC *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.mdc .mdc_list{width: 100%; max-width: 870px; margin: 50px auto 0;}
.mdc .mdc_list li{display: flex; gap: 10px; font-family: var(--eng-font);}
.mdc .mdc_list li + li{margin-top: 10px;}
.mdc .mdc_list li .circle{width: 70px; height: 70px; font-size: 20px; font-weight: bold; color: #fff; background-color: var(--bg); border-radius: 50%; text-align: center; line-height: 70px;}

.mdc .mdc_list li .box{background-color: var(--bg); color: #fff; border-radius: 10px; height: 70px; line-height: 70px; letter-spacing: -0.045em; font-weight: 300; text-align: center;}
.mdc .mdc_list li .box.first{ width: calc(50% - 90px); font-size: 22px;}
.mdc .mdc_list li .box.last{ font-family: 'Noto Sans KR'; width: 50%; font-size: 18px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 조직개발 > 인사제도 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.build .img_box img{width: 100%; object-fit: cover;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 인재개발 > 콜라보 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.arr_step_wrap {display: flex; flex-wrap: wrap;}
.arr_step_wrap .left{width: 78%; display: flex; flex-wrap: wrap;}
.arr_step_wrap .right{width: calc(22% - 25px); margin-left: 25px;}
.arr_step_wrap .arr{width: calc(100% - 42px); font-size: 18px; color: #fff; font-weight: bold; text-align: center; line-height: 80px; height: 80px; background-color: var(--bg); position: relative;}
.arr_step_wrap .arr::after{content: ''; position: absolute; top: 0; left: 100%; transform: translateX(-0.5px); display: inline-block; width: 42px; height: 100%; clip-path: polygon(0 0, 0% 100%, 100% 50%); background-color: inherit;}

.arr_step_wrap ul{display: flex; flex-wrap: wrap; gap: 8px; width: 100%; margin-top: 8px;}
.arr_step_wrap ul li{width: calc(25% - 6px); text-align: center;}
.arr_step_wrap ul li p{font-size: 18px; line-height: 1.5; font-weight: 300; letter-spacing: -0.045em; color: #444;}
.arr_step_wrap ul li p + p{padding-top: 15px;}
.arr_step_wrap ul li p b{color: #093352;}
.arr_step_wrap ul li .box{padding: 40px 40px 30px; box-sizing: border-box; height: 180px; background-color: #d8e7f5;}
.arr_step_wrap ul li .txt{padding: 20px 20px 0; box-sizing: border-box;}

.arr_step_wrap .right ul li{width: calc(100%);}
.arr_step_wrap .right ul li .box{background-color: #c9d2d8;}

@media all and (max-width:1200px){
    .arr_step_wrap ul li .box{padding: 30px; }
    .arr_step_wrap ul li .txt{padding: 20px 0;}
}
@media all and (max-width:1024px){
    .arr_step_wrap {max-width: 820px; margin: 0 auto;}
    .arr_step_wrap .left{width: 100%;}
    .arr_step_wrap ul li{width: calc(100%);}
    .arr_step_wrap .right{width: 100%; margin: 0;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 조직개발 >  평가제도 운영 및 개선*
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

@media all and (max-width: 1024px) {
    .evalue .con01 .arrow_list ul li {width: calc(50% - 4.5px);}
}

@media all and (max-width: 640px) {
    .evalue .con01 .arrow_list ul li {width: 100%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 조직개발 >  콜라보레이션 리더십 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.leadership .arrow_box {display: flex; align-items: center; justify-content: center; gap: 50px;}
.leadership .arrow_box .circle {display: flex; align-items: center; justify-content: center; width: calc((100% - 150px) / 2); max-width: 450px; aspect-ratio: 1/1; border-radius: 50%; border: 5px solid #851f1f; box-sizing: border-box; position: relative; flex-shrink: 1;}
.leadership .arrow_box .circle::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 60px); aspect-ratio: 1/1; background-color: #851f1f; border-radius: 50%;}
.leadership .arrow_box .circle .txt {position: relative; color: #fff; text-align: center; width: 70%; font-weight: 700; font-size: 20px; line-height: 1.5em;}
.leadership .arrow_box .circle .txt h6 {font-size: 20px; letter-spacing: 0;}
.leadership .arrow_box .circle .txt p {margin-top: 15px;}
.leadership .arrow {width: 150px; aspect-ratio: 1/0.33;}
.leadership .arrow svg {width: 100%; height: 100%; fill: url(#PSgrad_0);}

/* 원형 색상 */
.leadership .arrow_box .circle.blue {border-color: #529be0;}
.leadership .arrow_box .circle.blue::before {background-color: #529be0;}

@media all and (max-width: 1200px) {
    .leadership .arrow_box .circle .txt {font-size: 18px;}
}

@media all and (max-width: 1024px) {
    .leadership .arrow_box {flex-direction: column;}
    .leadership .arrow_box .circle {width: 100%;}
    .leadership .arrow svg {transform: rotate(90deg);}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 인재개발 >  신입 입문 프로그램 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.newcomer_intro .con01 .row02 .grid_box {display: grid; grid-template-columns: 4fr 1fr 4fr 1fr 4fr; text-align: center;}
.newcomer_intro .con01 .row02 .box {display: grid; grid-template-rows: repeat(6, 1fr); gap: 5px;}
.newcomer_intro .con01 .row02 .box-2 {grid-template-rows: 1fr 2fr 3fr;}
.newcomer_intro .con01 .row02 .arrow {align-self: center; justify-items: center;}
.newcomer_intro .con01 .row02 .arrow span {font-weight: 700; font-size: 18px; line-height: 1.55em; color: #529be0;}
.newcomer_intro .con01 .row02 .arrow svg {display: block; width: 74px; height: 52px; margin: auto; margin-top: 10px;}

.newcomer_intro .con01 .row02 .box > * {display: flex; align-items: center; justify-content: center; text-align: center; font-size: 18px; line-height: 1.55em; padding: 10px; box-sizing: border-box;}
.newcomer_intro .con01 .row02 .box h5 {font-weight: 700; color: #fff; background-color: #529be0; min-height: 80px;}
.newcomer_intro .con01 .row02 .box p {font-weight: 300; color: #444; background-color: #d8e7f5;}

@media all and (max-width: 1024px) {
    .newcomer_intro .con01 .row02 .grid_box {grid-template-columns: unset; grid-template-rows: 4fr 1fr 4fr 1fr 4fr;}
    .newcomer_intro .con01 .row02 .arrow svg {transform: rotate(90deg);}
}

/* 상자 색상 */
.newcomer_intro .con01 .row02 .box.deep h5 {background-color: #2a68a3;}
.newcomer_intro .con01 .row02 .box.deep p {background-color: #d0dde9;}
.newcomer_intro .con01 .row02 .box.dark h5 {background-color: #093352;}
.newcomer_intro .con01 .row02 .box.dark p {background-color: #c9d2d8;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 인재개발 > 차세대 육성 프로그램 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.next_gen .con03 .box_wrap {display: flex; --gap:20px; gap: var(--gap); flex-wrap: wrap;}
.next_gen .con03 .box_wrap .box {--i:2; --color: #000; width: calc((100% / var(--i)) - var(--gap) * (var(--i) - 1) / var(--i)); border: 3px solid var(--color); border-radius: 50px 0 50px 0; box-sizing: border-box; overflow: hidden; background-color: #fff;}
.next_gen .con03 .box_wrap h5 {background-color: var(--color); color: #fff; text-align: center; font-weight: 500; font-size: 20px; line-height: 1.3em; padding: 25px 0; box-sizing: border-box;}
.next_gen .con03 .box_wrap .txt {font-size: 18px; line-height: 1.56em; color: #444; text-align: center; padding: 35px; box-sizing: border-box;}
.next_gen .con03 .box_wrap .txt > * {margin: auto;}
.next_gen .con03 .box_wrap .txt > * + * {margin-top: 1em;}

@media all and (max-width: 1024px) {
    .next_gen .con03 .box_wrap .box {width: 100%;}
}

/* 박스 색상 */
.next_gen .con03 .box_wrap .box:nth-child(1) {--color: #23618f;}
.next_gen .con03 .box_wrap .box:nth-child(2) {--color: #3488c6;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 인재개발 > 세일즈 매니지먼트 프로그램 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sales-manage table .txt-rect p {max-width: unset; margin-top: 10px;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 인재개발 > 세일즈 스킬 프로그램 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.skills_arrow ul{display: flex; flex-direction: column; gap: 40px;}
.skills_arrow ul li{width: 100%; display: flex; border-radius: 35px;}
.skills_arrow ul li.deep-blue .tit_box{background-color: #23618f;}
.skills_arrow ul li.sky-blue .tit_box{background-color: #529be0;}
.skills_arrow ul li .tit_box{padding: 20px 0; text-align: center; border-radius: 35px; width: 200px; position: relative; display: flex; align-items: center; justify-content: center;}
.skills_arrow ul li + li .tit_box:before{position: absolute; left: 50%; bottom: calc(100% + 15px); transform: translateX(-50%); width: 14px; height: 7px; content: ''; clip-path: polygon(50% 100%, 0 0, 100% 0); background-color: #529be0;}
.skills_arrow ul li .tit_box p{font-size: 20px; color: #ffffff; letter-spacing: -0.045em; font-weight: 700;}

.skills_arrow ul li .txt_box {padding: 20px 40px; width: calc(100% - 200px); box-sizing: border-box;}
.skills_arrow ul li.deep-blue {background-color: #e2e8ed;}
.skills_arrow ul li.sky-blue {background-color: #e1effd;}
.skills_arrow ul li .txt_box p{color: #222222; font-size: 18px; letter-spacing: -0.045em; line-height: 1.6666em;}
.sales-skill .con02 .row01 .bot_txt {background-color: #23618f; border-radius: 35px; padding: 30px 0; text-align: center; color: #fff; letter-spacing: -0.045em; margin-top: 35px;}
.sales-skill .con02 .row01 .bot_txt h6{font-weight: 700; font-size: 22px; line-height: 1.45454em;}
.sales-skill .con02 .row01 .bot_txt p{font-weight: 200; font-size: 18px; line-height: 1.77777em;}

.sales-skill .con03 .left_box,
.sales-skill .con03 .right_box{width: 50%; display: flex; justify-content: space-around;}

.sales-skill .con03 .gray_arrow{width: 60%; max-width: 394px;}
.sales-skill .con03 .gray_arrow ul{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.sales-skill .con03 .gray_arrow ul li:not(.arrow){border-radius: 35px; background-color: #e2e8ed; min-height: 229px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.sales-skill .con03 .gray_arrow ul li h6{font-size: 22px; font-weight: 700; letter-spacing: -0.045em; color: #222222; line-height: 1.454545em;}
.sales-skill .con03 .gray_arrow ul li p{font-size: 18px; font-weight: 200; color: #444444; letter-spacing: -0.045em; line-height: 1.777777em; text-align: center; margin-top: 5px;}

.sales-skill .con03 .gray_arrow ul li.arrow{width: 44px; height: 53px; background: url(/img/skills_arrow01.png)no-repeat center center; margin: 0 auto;}

@media all and (max-width:1100px){
    .sales-skill .con03 .flex_wrap{flex-direction: column; gap: 60px 0;}
    .sales-skill .con03 .left_box,
    .sales-skill .con03 .right_box{width: 100%; gap: 0 20px; justify-content: center;}
    .sales-skill .con03 .gray_arrow{width: 50%;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 인재개발 > LIFO LICENSE 취득 과정 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* con01 */
.lifo .con01 .grid_box {display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;}
.lifo .con01 .grid_box .box {display: grid; row-gap: 10px; grid-template-rows: 295px 1fr 1fr 1.8fr;}
.lifo .con01 .grid_box .box .head {background-color: #f2f7fc; border: 2px dashed #d3dfe9; box-sizing: border-box; border-radius: 20px; text-align: center; padding: 50px 20px; box-sizing: border-box;}
.lifo .con01 .grid_box .box .head h5 {font-weight: 700; font-size: 20px; line-height: 1.5em; letter-spacing: 0; color: #185a8a; margin-bottom: 30px;}
.lifo .con01 .grid_box .box .head .img {width: 100%; max-width: 200px; margin: auto; aspect-ratio: 1.4 / 1; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.lifo .con01 .grid_box .box .head .img img{max-width: fit-content; width: 100%;}
.lifo .con01 .grid_box .box .txt {background-color: #fff; text-align: center; padding: 30px 10px; box-sizing: border-box;}
.lifo .con01 .grid_box .box .txt h6 {font-weight: 700; color: #2a68a3; font-size: 18px; line-height: 1.4em;}
.lifo .con01 .grid_box .box .txt p {font-weight: 300; color: #666; font-size: 18px; line-height: 1.4em; margin: auto;}

@media all and (max-width: 1200px) {
    .lifo .con01 .grid_box {grid-template-columns: repeat(2, 1fr);}
}

@media all and (max-width: 767px) {
    .lifo .con01 .grid_box {grid-template-columns: 1fr;}
}

/* con02 */
.lifo .con02 .right-bot-round .txt p {max-width: 85%; margin-left: auto; margin-right: auto;}
/* con03 */
.lifo .con03 .txt-rect p {text-align: left;}
/* con04 */
.lifo .con04 .arrow_box {display: grid; grid-template-columns: 1fr 1fr 1.43fr; gap: 15px;}
.lifo .con04 .arrow_box .box {background-color: #f2f7fc; border-radius: 20px; border: 2px dashed #d3dfe9; padding: 50px 30px; box-sizing: border-box; text-align: center; position: relative;}
.lifo .con04 .arrow_box .box + .box:before{width: 52px; aspect-ratio: 1/1; box-sizing: border-box; border-radius: 50%; border: 4px solid #fff; background:#529be0 url(/img/lifo_arrow_icon01.png)no-repeat center center; position: absolute; content: ''; left: -10px; top: 50%; transform: translate(-50%,-50%);}
.lifo .con04 .arrow_box .box h5 {font-weight: 700; font-size: 22px; line-height: 1.45em; margin-bottom: 20px; color: var(--box-color);}
.lifo .con04 .arrow_box .box .txt {margin: auto; width: 100%; background-color: var(--box-color); padding: 30px 50px; text-align: center; box-sizing: border-box; border-bottom-right-radius: 30px; display: flex; align-items: center; justify-content: center; max-width: 265px; color: #fff;}
.lifo .con04 .arrow_box .box .txt p {font-weight: 700; font-size: 20px; line-height: 1.5em;}

.lifo .con04 .arrow_box .box .txt.white {background-color: #fff; color: #23618f; height: 100%;}
.lifo .con04 .arrow_box .box-2 {display: flex; gap: 20px;}
.lifo .con04 .arrow_box .box-2 > div{width: calc(50% - 10px);}

@media all and (max-width:1024px){
    .lifo .con04 .arrow_box{grid-template-columns:auto}
    .lifo .con04 .arrow_box .box + .box:before{top: -10px; left: 50%; transform: translate(-50%,-50%) rotate(90deg);}
    .lifo .con04 .arrow_box .box .txt{max-width: 350px;}
}