@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@900&display=swap');
@font-face {
    font-family: 'KCC-eunyoung';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KCC-eunyoung-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.font_gA1{font-family: 'Gothic A1', sans-serif;}
.font_kcc{ font-family: 'KCC-eunyoung';}


/*공통*/
.pd_b0{padding-bottom:0 !important}
.pd_t0{padding-top:0 !important}
.text_center{text-align:center;}


.moArea{display:none}

.subArea{padding:80px 0; letter-spacing: -0.5px;}
.bg_gr1{background: #f3f5f7;}
.bg_bu1{background: #ecf1f8;}
.bg_gn1{background: #ecf8ec;}
.bg_gn2{background: #ecf8f6;}
.bg_vo1{background: #f1ecf8;}
.bg_on1{background: #ffe9da;}
.bg_bc1{background: #2b2a3c;}
.bg_pn1{background: #f8ecf2;}
.bg_bu2{background: #ddeeff;}
.txt_point1{color:#4c56e3}
.txt_point2{color:#637aff}
.txt_wh{color:#fff}
.border_bt1{border-bottom: 1px solid #ccc;}

.con_tit{}
.con_tit h2{font-size:2.65em; word-break: keep-all;}
.con_tit h3{color:#222; font-size:2.2em; word-break: keep-all;}
.con_tit h5 {
    font-size: 1.55em;
    font-weight: 500;
    padding-top: 13px;
    color: #333;
	word-break: keep-all;
}
.pd_txtBox{padding:50px 0; }
.sub_txtBox p{font-size:1.2em; word-break: keep-all;}
.sub_txtBox h5{font-size:1.4em; word-break: keep-all; font-weight:500;}
.sub_txtBox h6{font-size:1.35em; word-break: keep-all; font-weight:500;}
.sub_txtBox > ul{padding-left: 23px;}
.sub_txtBox > ul li {
    font-size: 1.2em;
    word-break: keep-all;
    padding-bottom: 10px;
    list-style: disc;
	color: #333;
}
.sub_txtBox > ul li::marker {color: #4c56e3;}

/*서브-브랜드소개*/
.baro_infoBox {
    display: flex;
    align-items: flex-start;
    margin: 60px 0;
}

.baro_infoBox .gd_list{}
.baro_infoBox .gd_list ul{
    display: flex;
	flex-wrap: wrap;
    gap:20px;
}
.baro_infoBox .gd_list ul li {
    padding: 40px;
    width: calc(25% - 15px);
    border-radius: 10px;
    color: #fff;
}
.baro_infoBox .gd_list ul li:nth-child(1){background:#4c56e3}
.baro_infoBox .gd_list ul li:nth-child(2){background:#ff8a00}
.baro_infoBox .gd_list ul li:nth-child(3){background:#11a3a8}
.baro_infoBox .gd_list ul li:nth-child(4){background:#27ca73}
.baro_infoBox .gd_list ul li h5 {
    font-size: 1.5em;
    padding-bottom: 15px;
    line-height: 1.3;
    word-break: keep-all;
}
.baro_infoBox .gd_list ul li p {
    font-size: 1.2em;
    word-break: keep-all;
    line-height: 1.3;
}



.baro_infoBox .left {
    margin-right: 70px;
}

.baro_infoBox .tab {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.baro_infoBox .tab:not(:last-child) {
    margin-bottom: 55px;
}
.baro_infoBox .tab p {
    font-size: 1.3em;
    font-weight: 700;
    width: max-content;
}
.baro_infoBox .tab.active p {
    color: #4c56e3;
    transition: color 0.5s ease-in-out;
}
.baro_infoBox .txt_box {
    position: relative;
    padding: 0px 0 0 20px;
}
.baro_infoBox .txt_box.baro2 {
    top: 85px;
}
.baro_infoBox .txt_box.baro3 {
    top: 170px;
}
.baro_infoBox .txt_box.baro4 {
    top: 255px;
}

.baro_infoBox .txt_box::before  {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 9px;
    height: 9px;
    background:#4c56e3;
    border-radius: 50%;
    box-sizing: border-box;
}


.baro_infoBox .txt_box p {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 1.3;
	word-break: keep-all;
}

.greeting{}
.greeting .gt_txtBox{}
.greeting .gt_txtBox h3{font-size:1.8em; word-break: keep-all;}
.greeting .gt_txtBox h5{font-size:1.5em; word-break: keep-all;}
.greeting .gt_txtBox p{font-size:1.2em; word-break: keep-all; padding-top:20px;}
.greeting .gt_txtBox p.sign {
    font-size: 1.65em;
    font-weight: 600;
    text-align: right;
}


.brandBox{
    display: flex;
    flex-wrap: wrap;
	/*
    justify-content: center;
    align-items: center;	*/
    gap: 50px;
    justify-content: space-between;		
}
.brandBox .brand_imgBox{width: calc(48% - 25px);}
.brandBox .brand_imgBox img{width:100%; max-width:1000px; border-radius: 20px;}
.brandBox .brand_txtBox{width: calc(52% - 25px);}

.brandBox2{padding-bottom:0}
.brandBox2 .brand_txtBox{}
.brandBox2 .brand_txtBox .sub_txtBox{}
.brandBox2 .brand_txtBox .sub_txtBox ul{
	display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
}
.brandBox2 .brand_txtBox .sub_txtBox ul li{width: calc(50% - 20px); padding-bottom: 0; line-height:1.3}

#abArea{color: #fff;}
.abBox1{padding:50px 0}
.abBox2{
    display: flex;
    gap:20px;
    padding: 40px 0;
}
.abBox2 h3 {width: 30%; font-size: 1.75em; word-break: keep-all;}
.abBox2 h3 span.se_box{
    font-size: 0.65em;
    background: #4c56e3;
    padding: 4px 10px;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    display: inline-block;	
}
.abBox2 .ab_txtBox {width:70%; padding-top: 5px;}
#abArea .ab_txtBox .sub_txtBox h5.ad_sub_tit{font-size: 1.35em; padding-bottom: 20px;}
#abArea .sub_txtBox > ul li{color:#fff}


/*코칭결과*/
.cons_txtBox ul{	
    display: flex;	
	flex-wrap: wrap;
	gap:14px;
}
.cons_txtBox ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: calc(20% - 12px);
    height: 182px;
    text-align: center;
    padding: 22px;
    border-radius: 10px;
    font-size: 1.2em;
    word-break: keep-all;
    box-shadow: 0 1px 8px #d8d8d8;    
    font-weight: 500;
    line-height: 1.3;
}
.cons_txtBox ul li:nth-child(1),.cons_txtBox ul li:nth-child(4),.cons_txtBox ul li:nth-child(7),.cons_txtBox ul li:nth-child(10),.cons_txtBox ul li:nth-child(13),.cons_txtBox ul li:nth-child(16),.cons_txtBox ul li:nth-child(19),.cons_txtBox ul li:nth-child(22){ background: #4c56e3;color: #fff;}
.cons_txtBox ul li:nth-child(2),.cons_txtBox ul li:nth-child(5),.cons_txtBox ul li:nth-child(8),.cons_txtBox ul li:nth-child(11),.cons_txtBox ul li:nth-child(14),.cons_txtBox ul li:nth-child(17),.cons_txtBox ul li:nth-child(20),.cons_txtBox ul li:nth-child(23){ background: #0ca0c6;color: #fff;}
.cons_txtBox ul li:nth-child(3n){ background: #2b2a3c;color: #fff;}

.cons_txtBox2 ul li {width: calc(25% - 16px);}



/*커리큘럼*/
.coaching1 .coach_info {padding:140px 0 180px; box-sizing: border-box; }
.coaching1 .coach_info .cont { position: relative;}
.coaching1 .coach_info .cont .bg { position: relative; height: 650px; }
.coaching1 .coach_info .cont .bg .circle { position: absolute; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%,-50%); transition: all 0.5s; }
.coaching1 .coach_info .cont .bg .circle1 { z-index: 3; width: 300px; height: 300px; background: #fff; transition: all 0.8s; }
.coaching1 .coach_info .cont .bg .circle2 { z-index: 2; width: 500px; height: 500px; background: #ecf1f8; }
.coaching1 .coach_info .cont .bg .circle3 { z-index: 1; width: 650px; height: 650px; margin: 0 auto; background: #F2F9FF; }

.coaching1 .coach_info .cont ul li { position: absolute; top: 0; z-index: 4;}
.coaching1 .coach_info .cont ul li:nth-child(1) { top: -63px; left: 50%; margin-left: -150px; }
.coaching1 .coach_info .cont ul li:nth-child(2) { top: 203px; right: 50%; margin-right: -408px;}
.coaching1 .coach_info .cont ul li:nth-child(3) { top: 421px; left: 50%; margin-left: -150px; }
.coaching1 .coach_info .cont ul li:nth-child(4) { top: 223px; left: 50%; margin-left: -408px; }
.coaching1 .coach_info .cont ul li img{width:100%; max-width:300px}

.coaching2{display: flex; flex-wrap: wrap;gap:20px;}
.coaching2 .coaBox {
    width: calc(50% - 10px);
    box-shadow: 0 1px 8px #d8d8d8;
    padding: 50px;
    border-radius: 20px;
	background:#fff
}
.coaching2 .coaBox h3{font-size: 1.7em; word-break: keep-all; line-height: 1.3; padding-bottom:15px}
.coaching2 .coaBox h5 {
    font-size: 1.2em;
    padding: 0px 0 10px 33px;
    color: #222;
    word-break: keep-all;
    position: relative;
}
.coaching2 .coaBox h5::before  {
    content: "✔️";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
}
.coaching2 .coaBox ul{padding-left: 25px; padding-top:20px;}
.coaching2 .coaBox ul li{font-size: 1.1em; padding-bottom:10px; list-style: disc; color: #333; word-break: keep-all}
.coaching2 .coaBox ul li::marker {color: #787878;}

.coaching3{
	margin-bottom: 30px;
	box-shadow: 0 1px 8px #d8d8d8;
    padding: 50px;
    border-radius: 20px;
	background:#fff	
}
.coaching3 h3{font-size: 1.7em; word-break: keep-all; line-height: 1.3; padding-bottom:30px}
.coaching3 .ch3_listBpx{display: flex; flex-wrap: wrap;gap:20px;}
.coaching3 .ch3_listBpx ul{width: calc(33.333% - 14px); padding-left: 25px;}
.coaching3 .ch3_listBpx ul li{
	font-size: 1.1em;
    padding-bottom: 10px;
    list-style: disc;
    color: #333;
    word-break: keep-all;	
}

#jobArea{padding-bottom:0}
.job_info{display: flex; gap:50px; justify-content: center; align-items: center;}
.job_info .job_txtBox{width:80%; padding-bottom: 80px;}
.job_info .job_txtBox h3 {
    font-size: 2.2em;
    word-break: keep-all;
    line-height: 1.35;
}
.job_info .job_txtBox h4 {
    font-size: 1.5em;
    word-break: keep-all;
    padding-top: 20px;
    font-weight: 500;
    line-height: 1.35;
    color: #333;
}

.job_info .job_imgBox{}
.job_info .job_imgBox img{width:100%; max-width:1000px;}

#howArea .pd_txtBox{padding-bottom:0}

.co_typeBox{padding-top: 20px;}
.co_typeBox .co_type{padding:20px 0}
.co_typeBox .co_type h5 {
    font-size: 1.35em;
    padding-bottom: 8px;
    font-weight: 700;
}
.co_typeBox .co_type ul {
    display: flex;
	flex-wrap: wrap;
    gap: 10px;   
}
.co_typeBox .co_type ul li {
    font-size: 1.05em;
    background: #eee;
    padding: 5px 20px;
    border-radius: 50px;
}
.co_typeBox .co_type ul li p{}
.co_typeBox .co_type p{font-size: 1.1em;padding: 6px 0;}
.co_typeBox .co_type p strong{font-weight: 600;}
.co_typeBox .co_type p.type_impo{padding:15px 0}

.co_tp_tit{}
.co_tp_tit h5{
    background: #e6f0fe;
    color: #3e6eb4;
    padding: 5px 20px;
    border-radius: 30px;
    margin-bottom: 10px;	
}
.co_tp_tit h6{font-size: 1.2em; padding-bottom: 20px;}
.ko_ck_i{width:100%; max-width:22px; padding-top: 6px;}

#koArea2{
    background: url(../img/koArea2_bg.jpg) no-repeat 50% 50%;
    background-size: cover;	
}
.ko_jobArea {
    padding: 30px 0 40px;
}
.ko_job_tit{padding:0px 0 20px}
.ko_job_tit h4 {
    font-size: 1.8em;
    color: #fff;
    background: #0068ff;
    padding: 10px 20px;
    border-radius: 8px;
	line-height: 1.2;
	word-break: keep-all;
}
.ko_job_tit span {
    font-size: 0.7em;
    font-weight: 500;
	margin-left: 10px;
}
.ko_job_tit p{font-size: 1.2em; color: #fff;}
.ko_job_fx {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 14px;
}
.ko_job_fx .ko_job {
    background: rgba(255, 255, 255, 0.7);
    width: calc(50% - 7px);
    padding: 30px;
    border-radius: 10px;
}
.ko_job_fx .ko_job h5 {
    font-size: 1.4em;
    padding-bottom: 12px;
    color: #0068ff;
}
.ko_job_fx .ko_job ul{padding-left: 20px;}
.ko_job_fx .ko_job ul li {
    list-style: disc;
    font-size: 1.1em;
    padding: 4px 0;
	border-radius: 10px;
}

.ko_jobArea2 {    
    margin-top: 50px;
    background: #d3ff81;
    padding: 20px;
    border-radius: 10px;
    font-size: 1.2em;
}

.abBox_ko .co_tp_list{}
.abBox_ko .co_tp_list ul{display: block;}
.abBox_ko .co_tp_list ul li {
    position: relative;
    background: transparent;
    border-bottom: #c4c4c4 1px dashed;
    border-radius: 0;
    display: block;
    padding: 15px 15px 15px 37px;
    font-size: 1.1em;
}
.abBox_ko .co_tp_list ul li:before {
    color: #fff;
    margin-right: 10px;
    background-color: #0068ff;
    padding: 6px 9px;
    position: absolute;
    left: 0;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.85em;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
}
.abBox_ko .co_tp_list ul li.co_ty_qa1:before {content: "Q";}
.abBox_ko .co_tp_list ul li.co_ty_qa2:before {content: "A";}

.co_ko1_imgBox{
    display: flex;
	flex-wrap: nowrap;
    gap: 14px;		
}
.co_ko1_imgBox .co_ko1_img{position: relative; margin-top: 30px;}
.co_ko1_imgBox .co_ko1_img img{width:100%;}
.co_ko1_imgBox .co_ko1_img .co_ko1_txt{    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 1;
	color:#fff;
	text-align: center;
	width: 100%;
	padding: 20px;
}
.co_ko1_imgBox .co_ko1_img .co_ko1_txt h5 {
    background: #0068ff;
    padding: 0;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 50px;
    margin-bottom: 11px;
	font-size: 1.3em;
}
.co_ko1_imgBox .co_ko1_img .co_ko1_txt p{ font-size: 1em; max-width: 350px; margin: 0 auto;}
.co_ko1_imgBox .co_ko1_img .co_ko1_txt p strong {color: #bbd7ff;}
.co_ko1_imgBox .ko1_imgBg{background:rgba(0,0,0,0.6); position:absolute; top:0; width:100%; height:100%;}

.co_iconBox{padding-bottom: 20px;}
.co_iconBox ul{ display: flex; flex-wrap: wrap; gap: 50px; text-align: center;}
.co_iconBox ul li{}
.co_iconBox ul li .co_icon{}
.co_iconBox ul li .co_icon img{width:100%; max-width:85px;}
.co_iconBox ul li p {
    margin-top: 10px;
    font-weight: 500;
    background: #eee;
    font-size: 1.05em;
    padding: 5px 17px;
    border-radius: 50px;
    color: #222;
	display: inline-block;
}
.type_impo2{padding:0px 0px 30px; font-weight:500;}

.co_iconBox ul.ko_txtBox{gap: 30px;}
.co_iconBox ul.ko_txtBox li{/*width: calc(30% - 10px);*/}
.co_iconBox ul.ko_txtBox li h6{font-size:1em; font-weight:400; margin-top:10px;}

/*서브 공통 - 빠른상담 버튼*/
.quickBox{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;	
}
.quickBox .qBtn_box{width: calc(50% - 20px); }
.quickBox .qBtn_box a{padding: 20px 50px; border-radius: 30px; display: inline-block; }
.quickBox .qBtn_box1 a{background:#ff8a00}
.quickBox .qBtn_box1 a:hover{background:#ff9416;}
.quickBox .qBtn_box2 a{background:#1a1c59}
.quickBox .qBtn_box2 a:hover{background:#202274}
.quickBox .qBtn_box .quick_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.quickBox .qBtn_box .quick_info .quick_txtBox{width: calc(75% - 10px); font-size: 1.8em; font-weight: bold; color:#fff; word-break: keep-all;}
.quickBox .qBtn_box .quick_info .quick_imgBox{width: calc(25% - 10px);}
.quickBox .qBtn_box .quick_info .quick_imgBox img{width:100%; max-width:360px}

/*
#ProArea {
    background: url(../img/pro_img.jpg) no-repeat #ecf1f8;
    background-size: 40%;
    background-position: bottom -1% right 10%;
}
*/
#ProArea{padding-bottom:0}


/*서브-기업로고 슬라이드*/
#com_logoArea{background:#222;padding:50px 0}

/*멘탈코칭*/
#mentalArea{padding-bottom:0}
.mentalBox {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-end;
}
.mentalBox .mental_txt{width: calc(60% - 10px); padding-bottom: 80px}
.mentalBox .mental_txt ul{}
.mentalBox .mental_txt ul li{background:#222; color:#fff; font-weight:500; font-size:1.3em; margin:20px 0; padding:25px; border-radius:10px;}
.mentalBox .mental_txt h6{}
.mentalBox .mental_img{width: calc(40% - 10px);}
.mentalBox .mental_img img{width:100%; max-width:900px;}
#mentalArea4 {background:#4c56e3; color:#fff;text-align:center;position: relative;}
#mentalArea4::after{
  position: absolute;
  bottom: -60px;
  left: calc(50% - 125px);
  content: " ";
  height: 0;
  z-index: -1;
  border-bottom: 120px solid;
  border-left: 125px solid rgba(0, 0, 0, 0);
  border-right: 125px solid rgba(0, 0, 0, 0);
  color: #4c56e3;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}
#mentalArea2 {
    background: url(../img/com_ad.jpg) no-repeat;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    background-position: center;
    background-size: cover;
    padding: 120px 0;
}
.met_tit h3 {
    font-size: 1.8em;
    font-weight: 400;
	word-break: keep-all;
}
.met_tit h5 {
    font-size: 2.2em;
    padding-top: 6px;
	word-break: keep-all;
}
.met_tit h5 span{color:#fff600}

.met_info {}
.met_info .metBox{display: flex; gap: 50px; align-items: center; padding:30px 0}
.met_info .metBox .met_img{width: 35%;}
.met_info .metBox .met_img img{width:100%; border-radius: 20px;}
.met_info .metBox .met_txt{width: 65%;}
.met_info .metBox .met_txt h4{font-size: 1.7em; line-height: 1.3; word-break: keep-all;}
.met_info .metBox .met_txt p{padding-top: 20px; font-size: 1.25em; line-height: 1.3;  color: #333;}


#met_chArea{color:#fff}
.met_ch_txt {
    display: flex;
    padding: 40px 0;
	margin: 40px 0;
    border-top: 1px solid #767676;
	border-bottom: 1px solid #767676;
}
.met_ch_txt .met_ch_tit{width: 30%; }
.met_ch_txt .met_ch_tit h2{ font-size: 1.8em; word-break: keep-all;}
.met_ch_txt .met_ch_list{width: 70%;}
.met_ch_txt .met_ch_list li {
    margin-bottom: 16px;
    position: relative;
    padding: 20px 20px 20px 60px;
    background-color: #f9f9f9;
	word-break: keep-all;
	color:#222;
	border-radius:10px;
}
.met_ch_txt .met_ch_list li:last-child{margin-bottom:0}
.met_ch_txt .met_ch_list li span {
    position: absolute;
    top: 26px;
    left: 20px;
    font-size: 1.35em;
    font-weight: 600;
}
.met_ch_txt .met_ch_list li  h6{font-size: 1.35em;}
.met_ch_txt .met_ch_list li  p{font-size: 1.2em;}


/*직무표*/
.job_listBox{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;	
}
.job_listBox .job_list{width:calc(50% - 10px);}
.job_listBox .job_list table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
	background: #fff;
}
.job_listBox .job_list thead th{background:#ff8a00; color:#fff}   
.job_listBox .job_list th, .job_listBox .job_list td {
    border: 1px solid #ccc;
    padding: 10px;	
  }
.job_listBox .job_list tbody th{background:#eee}  

/*고객센터*/
.cs_infoBox {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}
.cs_infoBox .csBox{width:calc(50% - 10px);}
.cs_infoBox .cs_info{
    font-size: 1.2em;
    text-align: center;	
}
.cs_infoBox .cs_txt{}
.cs_infoBox .cs_txt dl{
	display: flex;
    flex-wrap: wrap;
    gap: 20px;		
   font-size: 1.1em;
}
.cs_infoBox .cs_txt dl dt {width: calc(20% - 10px);}
.cs_infoBox .cs_txt dl dt span{
    background: #000;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 5px;	
}
.cs_infoBox .cs_txt dl dd{width:calc(80% - 10px);}

@media (max-width: 1040px){	
  /*공통*/
  .pcArea{display:none}
  .moArea{display:block}  
  
  /*코레일*/
  .co_ko1_imgBox{flex-wrap: wrap;}
}
@media (max-width: 969px){	
   /*공통*/
   .subArea {padding: 60px 0;}
   .pd_txtBox {padding: 30px 0;}
   
   .con_tit h2 {font-size: 1.65em;}
   .con_tit h5 {font-size: 1.2em;}
   
   .sub_txtBox p {font-size: 1em;}
   .sub_txtBox h6 {font-size: 1.15em;}
   
   .abBox1 {padding: 30px 0;}
   .abBox2{padding: 20px 0;}
   .abBox2 h3{font-size: 1.25em; padding-bottom: 10px;}
   .abBox2 h3 br{display:none}
   .sub_txtBox > ul li {font-size: 1em;}
   
   /**/
   .baro_infoBox{margin: 40px 0;}
   .baro_infoBox .gd_list ul li{width: calc(50% - 10px); padding: 30px;}
   .baro_infoBox .gd_list ul li h5 {font-size: 1.2em;}
   .baro_infoBox .gd_list ul li p {font-size: 1em;}
   
   .greeting .gt_txtBox h3{font-size: 1.4em;}
   .greeting .gt_txtBox h5{font-size: 1.2em;}
   .greeting .gt_txtBox p{font-size: 1em;}
   .greeting .gt_txtBox p.sign {font-size: 1.4em;}
   
   .brandBox{gap: 20px;}
   .brandBox .brand_txtBox {width: calc(50% - 10px);}   
   .brandBox .brand_imgBox {width: calc(50% - 10px);}
   
   /*멘탈코칭*/
   #mentalArea{position:relative; padding-bottom: 100px; overflow: hidden;}
   .mentalBox{display: block;}
   .mentalBox .mental_txt{width: 100%;}
   .mentalBox .mental_txt ul{display: flex;  flex-wrap: wrap; gap: 10px;}
   .mentalBox .mental_txt ul li{font-size: 1em; width: calc(50% - 5px); margin: 0; padding: 18px;}
   .mentalBox .mental_img {width:100%; }
   .mentalBox .mental_img img{max-width: 250px; position:absolute; bottom:0; right:-20px;}

	#mentalArea4::after {
		position: absolute;
		bottom: -25px;
		left: calc(50% - 50px);
		content: " ";
		height: 0;
		z-index: -1;
		border-bottom: 50px solid;
		border-left: 50px solid rgba(0, 0, 0, 0);
		border-right: 50px solid rgba(0, 0, 0, 0);
		color: #4c56e3;
		transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
	}   
	.met_info .metBox{gap: 30px;}
	.met_info .metBox .met_txt h4 {font-size: 1.4em; line-height: 1.2;}	
	.met_info .metBox .met_txt p{font-size: 1em;}
	
    #mentalArea2{padding: 80px 0;}	
    .met_tit h3{font-size: 1.3em;}
    .met_tit h5 {font-size: 1.5em;}
	
	.met_ch_txt .met_ch_tit h2{font-size: 1.35em; padding-bottom: 10px;}
	.met_ch_txt .met_ch_list li h6 {font-size: 1.2em;}
	.met_ch_txt .met_ch_list li span {font-size: 1.2em;}
	.met_ch_txt .met_ch_list li p{font-size: 1em;}
	
	.co_typeBox .co_type ul li {font-size: 0.9em;}
    .co_typeBox .co_type p {font-size: 1em;}
	.co_typeBox .co_type h5{font-size: 1.1em;}
	.co_tp_tit h5{font-size: 1em !important;}
	.co_iconBox ul li .co_icon img{max-width: 50px;}
	.co_iconBox ul li p{font-size: 0.9em;}
	.co_iconBox ul.ko_txtBox{gap: 20px;}
	
	.ko_ck_i{padding-top: 2px;}
	
	
	.coaching2 .coaBox h3{font-size: 1.4em; line-height: 1.2; padding-bottom: 0;}
	.coaching2 .coaBox h5{font-size: 1em;margin-top: 10px; padding: 0px 0 4px 33px;}
	.coaching2 .coaBox ul li {font-size: 1em;}
	
	.coaching3 h3{font-size: 1.4em; line-height: 1.2;}
	.coaching3 .ch3_listBpx {display: block;}	
	.coaching3 .ch3_listBpx ul {width: 100%;}
	.coaching3 .ch3_listBpx ul li{font-size: 1em; line-height:1.3}
	
	
	.cons_txtBox ul li{width: calc(33.333% - 10px);  font-size: 1em; height: auto;}
	
	.job_info{gap: 20px;}
	.job_info .job_imgBox{width: calc(50% - 10px);}
	.job_info .job_txtBox{width: calc(50% - 10px);}
	.job_info .job_txtBox h3{font-size: 1.6em; line-height: 1.25;}
	.job_info .job_txtBox h3 br{display:none}
	.job_info .job_txtBox h4{font-size: 1.1em;}
	
	.job_listBox .job_list table{font-size: 0.9em;}   

   /*커리큘럼*/	   
   .coaching1 .coach_info {padding: 50px 0px 80px;}
   .coaching1 .coach_info .cont ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: space-between;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 3;
		text-align: center;
	}
	.coaching1 .coach_info .cont ul li{width: calc(50% - 5px); position: initial; margin:0 !important}	
	.coaching1 .coach_info .cont ul li img{    max-width: 230px;}
	.coaching1 .coach_info .cont .bg{height: 600px;}
	.coaching1 .coach_info .cont .bg .circle2{width: 450px; height: 450px;}
	.coaching1 .coach_info .cont .bg .circle3{width: 550px; height: 550px;}
	
	.quickBox{gap: 10px;}
	.quickBox .qBtn_box {width: calc(50% - 10px);}
	.quickBox .qBtn_box a{padding: 20px 30px; border-radius: 20px;}
	.quickBox .qBtn_box .quick_info .quick_txtBox{font-size: 1.2em; line-height: 1.3;}
	
	/*코레일*/	
	.ko_jobArea{padding: 20px 0 30px;}
	.ko_job_tit h4 {font-size: 1.3em;}
	.ko_job_tit h4 span{display: block; margin-left:0px; padding-top:5px;}
	.ko_job_tit p {font-size: 1.1em;}
	.ko_job_fx{flex-wrap: wrap;}
	.ko_job_fx .ko_job{width: 100%; padding: 22px;}
	.ko_job_fx .ko_job h5{font-size: 1.1em; padding-bottom: 10px;}
	.ko_job_fx .ko_job ul li{font-size: 1em; padding: 2px 0;}
	
	.ko_jobArea2{font-size: 1em; margin-top: 20px;}
	
	
	
	
}
@media (max-width:  680px){
	.con_tit h2 br{display:none}
	.pd_txtBox{padding: 20px 0;}
	
    /**/
    .baro_infoBox .gd_list ul {display: block;}
	.baro_infoBox .gd_list ul li {
		width: 100%;
		margin: 10px 0;
		padding: 20px;
	}
	
   .brandBox{display: block;}
   .brandBox .brand_txtBox {width: 100%;}   
   .brandBox .brand_imgBox {width: 100%; margin-top: 30px;}
   
   .abBox2 {display: block;}   
   .abBox2 h3{width:100%;}
   .abBox2 .ab_txtBox{width:100%}
   
   /*멘탈코칭*/
   .met_info .metBox {display: block;}
   .met_info .metBox .met_img {width: 100%; margin-bottom: 20px;}
   .met_info .metBox .met_txt { width: 100%;}
   #mentalArea2{padding: 60px 0;}
   .met_tit h5 {font-size: 1.35em; line-height: 1.3;}
   .met_tit h5 br{display:none}
   
   .met_ch_txt {display: block;}
   .met_ch_txt .met_ch_tit{width:100%;}
   .met_ch_txt .met_ch_list{width:100%;}
   
	.co_iconBox ul{gap: 20px;}
	.coaching2 {display: block;}
	.coaching2 .coaBox {width: 100%; margin-bottom: 20px; padding: 30px;}
	
	.cons_txtBox ul li{width: calc(50% - 7px); padding: 17px;}
	
	.job_info{display: block;}
	.job_info .job_imgBox{width: 100%; padding-bottom: 20px;}
	.job_info .job_txtBox{width: 100%;}
	
	.job_listBox {display: block;}
	.job_listBox .job_list {width: 100%;}
	.job_listBox .job_list .mo_job_list_th{display:none}
	
	/*커리큘럼*/	
	.coaching1 .coach_info .cont .bg .circle1 {width: 250px; height: 250px;}
	.coaching1 .coach_info .cont .bg .circle2 {width: 350px; height: 350px;}
	.coaching1 .coach_info .cont .bg .circle3 {width: 450px; height: 450px;}		
	
	
	
	#mentalArea2{padding: 50px 0;}
	
	.quickBox{display: block;}
	.quickBox .qBtn_box{width:100%; margin:20px 0; }
}

@media (max-width: 580px){
	.coaching1 .coach_info .cont .bg {height: 450px;}	
}

@media (max-width: 486px){
	.subArea {padding: 40px 0;}
	.con_tit h2 {font-size: 1.5em;}
	.con_tit h5 {font-size: 1.1em;}
	.sub_txtBox h6 {font-size: 1.1em; line-height: 1.3;}
	.sub_txtBox > ul li{font-size: 0.95em;}
	
	
	#mentalArea{padding-bottom: 80px;}
	.mentalBox .mental_txt ul li{font-size: 0.95em; line-height: 1.3;}
	.mentalBox .mental_img img{right: -40px;}
	
	.met_tit h3 {font-size: 1.1em; line-height: 1.3;}
	.met_tit h5 {font-size: 1.1em; line-height: 1.3; padding-top: 11px;}
	
	.met_info .metBox .met_txt h4 {font-size: 1.25em;}
	.met_ch_txt .met_ch_list li h6 {font-size: 1.1em; line-height: 1.3;}
	.met_ch_txt .met_ch_list li p {font-size: 0.9em; line-height: 1.3;}
	
	.coaching2 .coaBox{padding: 35px;}
	.coaching2 .coaBox h3 {font-size: 1.25em;}
	.coaching2 .coaBox ul li {font-size: 0.95em; line-height: 1.3;}
	
	.cons_txtBox ul li{font-size: 0.95em; padding: 12px;}
	#abArea .ab_txtBox .sub_txtBox h5.ad_sub_tit {font-size: 1.15em;}

	
	
	
	/*커리큘럼*/	
	.coaching1 .coach_info .cont .bg{height: 350px;}
	.coaching1 .coach_info .cont .bg .circle1 {width: 150px; height: 150px;}
	.coaching1 .coach_info .cont .bg .circle2 {width: 250px; height: 250px;}
	.coaching1 .coach_info .cont .bg .circle3 {width: 350px; height: 350px;}		


}

@media (max-width: 400px){
	/*코레일*/
	.co_ko1_imgBox .co_ko1_img{margin-top: 10px;}
	.co_ko1_imgBox .co_ko1_img .co_ko1_txt h5{font-size: 1em; padding: 4px 13px;}	
	.co_ko1_imgBox .co_ko1_img .co_ko1_txt p {font-size: 0.9em;}
	.co_iconBox ul { flex-wrap: nowrap; gap: 10px;}
	
	.coaching1 .coach_info .cont .bg .circle3 {width: 320px; height: 320px;}
	
}