@charset "utf-8";
@import url('https://flozfloz.malgnlms.com/html/fonts/pretendard/pretendard.css');

:root {
    --point-color: #eb6100 !important;
}

body .best.grayBox {background-color: #fff !important;}

body, body * {letter-spacing:-0.03em !important; font-family:'Pretendard' !important; word-break:keep-all !important;}
div {font-weight:400;}
b, strong {font-weight:500;}
input[type="text"],select,img,textarea{ color:#333 !important;}

.ver_mobile { display:none !important;}
.ver_pc { display:block !important;}
.br_mobile { display:none !important;}
.br_pc { display:block !important;}

h2, h3 {font-weight:600;}
h4 {font-weight:600 !important;}
em {font-style:normal !important;}

body .contents_in.about_cont ol, 
body .contents_in.about_cont ul, 
body .contents_in.about_cont li {list-style:none;}

body .w1230 {width:100% !important;  max-width:1270px !important; padding-left:20px !important; padding-right:20px !important; box-sizing:border-box;}


#header .head_in h1 .svg_logo { max-width:200px !important; max-height: 35px !important;}

#header .member_util li,
#header .member_util li a {border:none !important;}
#header .member_util li a {padding-right:10px !important;}
#header .member_util .mypage {height:35px; border-radius: 50px; line-height:35px; margin-top:5px; color: #fff; padding:0px 20px 0px 43px !important; font-size:14px;font-weight: 400; box-sizing: border-box;
    background: url('/theme/6/img/main/mypage_w.png') center left 20px  no-repeat;}

#gnb {left:auto !important; right:50% !important; margin:0px  -615px 0px 0px !important;}


.img_banner_box .section img {max-height:600px !important;}

.main_banner {position:relative; width:100%; background:linear-gradient(to right, #e70513, #ef7a28); padding:50px 0px; margin:0px auto 0px auto; text-align:center; box-sizing:border-box;}
.main_banner .w1230 {display:flex; gap:20px; flex-wrap:nowrap;}
.main_banner .mb_title {width:180px; font-size:30px; font-weight:700; color:#fff; text-align:left; background:url('/html/images/common/mb_arrow.png') right 10px  bottom 30px no-repeat;}
.main_banner ul {width:calc(100% - 200px); display:flex; flex-wrap:nowrap; gap:0px; justify-content:center; }
.main_banner li {position:relative;width:20%; padding:0px;margin:0px;box-sizing:border-box; text-align:center; border-left:1px rgba(255,255,255,0.2) solid;}
.main_banner li:last-child {border-right:1px rgba(255,255,255,0.2) solid;}
.main_banner li a {position:relative;display:flex;flex-wrap:wrap; gap:25px;padding:0px 15px !important;text-align:center;box-sizing:border-box;word-break:keep-all;}
.main_banner li h2 {width:100%;line-height:1.2 !important;font-size:20px;font-weight:500;color:#fff;text-align:center; letter-spacing:-0.06em;}
.main_banner li h2 small {display:block;font-size:15px;}
.main_banner li span {display:inline-block;width:90px;height:90px;box-sizing:border-box;background-color:#fff !important; background-size:cover !important; margin:0px auto; border-radius:50%; transition: all 0.2s linear;}
.main_banner li span.main_banner1 {background:url('/html/images/common/main_banner1.png') 50% 50% no-repeat;}
.main_banner li span.main_banner2 {background:url('/html/images/common/main_banner2.png') 50% 50% no-repeat;}
.main_banner li span.main_banner3 {background:url('/html/images/common/main_banner3.png') 50% 50% no-repeat;}
.main_banner li span.main_banner4 {background:url('/html/images/common/main_banner4.png') 50% 50% no-repeat;}
.main_banner li span.main_banner5 {background:url('/html/images/common/main_banner5.png') 50% 50% no-repeat;}
.main_banner li span.main_banner6 {background:url('/html/images/common/main_banner6.png') 50% 50% no-repeat;}
.main_banner li:hover span {background-color:#fff !important; } 

.new_list {display:flex; gap:30px; flex-wrap:wrap;}
.new_list .item {margin:0px !important;}
.new_list .item .con_box {text-align:center !important; padding:25px !important;}
.new_list .item .con_box h4 { -webkit-line-clamp: 4 !important; max-height:10rem !important;margin:0px !important;}
.new_list .item .con_box h4 a { color:#333; line-height:1.3 !important;}

.jeiu_sns { width:100%; display:flex; flex-wrap:nowrap; gap:30px; justify-content:center;align-items:center; margin-top:80px;}
.jeiu_sns .jeiu_sns_title {width:auto; font-size:28px; font-weight:700; color:#fff; line-height:1 !important; text-align:center;}
.jeiu_sns .jeiu_sns_title span { color:var(--point-color); line-height:1 !important;}
.jeiu_sns ul {width:auto; display:flex; flex-wrap:nowrap; gap:30px; }
.jeiu_sns li {width:60px; height:60px; border-radius:50%; overflow:hidden;}
.jeiu_sns li a {display:block; }


@media (max-width: 980px) {
	.new_list { gap:15px;}

}

@media (max-width: 680px) {

	.ver_pc { display:none	!important;}
	.ver_mobile { display:block !important;}
	.br_mobile { display:block !important;}
	.br_pc { display:none !important;}

	.new_list { gap:10px;}
	.new_list .item .con_box {padding:15px !important;}

	.jeiu_sns {gap:20px; margin-top:50px;}
	.jeiu_sns .jeiu_sns_title { font-size:20px;}
	.jeiu_sns ul { gap:20px; }
	.jeiu_sns li {width:40px; height:40px;}
	.jeiu_sns li a img {width:100%;}
}

:root {
    --khp-point: #e60012 !important;
	--khp-point2: #ee741d !important;
}

/* K-하이테크 플랫폼 */ 
.sub_compad {padding:80px 0px;}
.sub_compad_b {padding:0px 0px 80px 0px;}
.sub_compad_t {padding:80px 0px 0px 0px;}
.sub_inner { width:100%; max-width:1230px; padding:0px; display:block; margin:0px auto;}
.sub_title {position:relative;width:100%; font-size:28px; line-height:1.1; color:#000; font-weight:700; margin-bottom:30px; padding-left:30px; text-align:left;}
.sub_title:before  {content:''; position:absolute;left:0px;top:6px;width:18px;height:18px;border-radius:50%;background:var(--khp-point2);}
.sub_title2 {display:flex; justify-content:center; width:100%; font-size:30px; line-height:1.1; color:#000; font-weight:700; margin-bottom:30px;}
.sub_title2:before {content:'[ ';}
.sub_title2:after {content:' ]';}
.sub_content {width:100%; display:block; margin:0px auto 80px auto;}

.khp_wrap {width:100%;text-align:center; }
.khp_wrap .page_title {position:relative;width:100%; color:#000; font-size:30px; line-height:1.3; font-weight:700; margin-bottom:50px;}
.khp_wrap * {box-sizing:border-box; word-break:keep-all;}

.khp_wrap li {position:relative;}
.khp_wrap h1 {position:relative;width:100%;font-size:20px;line-height:1.3;font-weight:700; margin:0px;}
.khp_wrap h2 {position:relative;width:100%;font-size:24px;line-height:1.3;font-weight:700; margin:0px;}
.khp_wrap h3 {position:relative;width:100%;font-size:30px;line-height:1.3;font-weight:700; margin:0px;}
.khp_wrap h4 {position:relative;width:100%;font-size:40px;line-height:1.3;font-weight:700; margin:0px;}
.khp_wrap h5 {position:relative;width:100%;font-size:45px;line-height:1.3;font-weight:700; margin:0px;}
.khp_wrap p {position:relative;width:100%;font-size:18px;line-height:1.3;color:#333;}

.khp_wrap .sub_table {width:100%;border:1px #ddd solid; border-radius:10px; padding:0px; overflow:hidden; margin-bottom:80px;}
.khp_wrap table {width:100%; position:relative; border-collapse: collapse;font-size:17px;}
.khp_wrap th {background:#75a1a8; font-size:1em;line-height:1.2;color:#fff;font-weight:700; padding:10px; margin:0px; text-align:center; border:1px #d3d3d3 solid; }
.khp_wrap td {position:relative;font-size:1em;line-height:1.2;color:#333; font-weight:500; padding:10px; margin:0px; border:1px #d3d3d3 solid; }
.khp_wrap td.bg {background:#f7f7f7;}
.khp_wrap td.tac {text-align:center;}
.khp_wrap thead th {padding:8px;}
.khp_wrap td a.btn1 {display:inline-block; width:25px;height:25px;line-height:25px;border-radius:50%; background:var(--khp-point) url('/html/images/common/arrow_right.png') 50% 50% no-repeat; background-size:cover !important; font-size:0px;}
.khp_wrap td a.btn2 {display:inline-block; width:50px;padding:4px 12px;height:auto;line-height:20px;border-radius:5px; background:var(--khp-point2); color:#fff !important; margin:0px auto;font-size:15px;}
.khp_wrap td a.btn2_close {background:#aaa;} 

.khp_tab {width:100%; text-align:center; margin-bottom:70px;}
.khp_tab ul {width:100%;display:flex; flex-wrap:wrap; gap:0px; justify-content:center;  }
.khp_tab li {width:auto; margin:0px -1px -1px 0px; }
.khp_tab li > a {display:block;padding:10px 30px;color:#000;font-size:20px;line-height:1.5; border:1px #d2d2d2 solid; }
.khp_tab li.active > a { color:#fff !important; background:var(--khp-point) !important; border-color:var(--khp-point) !important; }

/* 플랫폼 소개 */
.khp_info01_1 {width:100%;position:relative;padding-bottom:20px; }
.khp_info01_1 h1 { position:absolute; right:180px; bottom:-30px;width:230px;height:230px; text-align:center; }
.khp_info01_1 h1 img {position:relative; max-width:100%;}
.khp_info01_1 p {width:100%; background:#d6edec; padding:45px 160px; font-size:26px; line-height:1.6; color:#000; border-radius:10px; text-align:left;}
.khp_info01_1 p em { color:var(--khp-point2); font-weight:600;}

.khp_info01_3 {width:100%;}
.khp_info01_3 .sub_title2 {width:100%; padding:20px;background: linear-gradient(to right, var(--khp-point), var(--khp-point2)); color:#fff; border-radius:0px 40px 0px 40px; }
.khp_info01_3 .sub_title2:before, 
.khp_info01_3 .sub_title2:after {display:none;} 
.khp_info01_3 .sub_content {margin-top:140px;}
.khp_info01_3 ul { width:100%; display:flex; justify-content:space-between; gap:50px; padding:0px 50px 50px !important; border:1px #ddd solid; border-radius:50px;}
.khp_info01_3 li { width:calc((100% - 200px) / 3) !important; max-width:320px !important; padding-top:120px !important; }
.khp_info01_3 li h1 {position:absolute; left:50%; top:0px; transform:translate(-50%, -50%);width:200px; height:200px; border-radius:50%; color:#fff; display:flex; flex-wrap:wrap; justify-content:center;align-content:center;align-items:center; gap:10px;}
.khp_info01_3 li h1 b {width:100%; text-align:center;}
.khp_info01_3 li h1 img {}
.khp_info01_3 li:nth-child(1) h1 {background:#ee7e2f;}
.khp_info01_3 li:nth-child(2) h1{background:#acaa18;}
.khp_info01_3 li:nth-child(3) h1{background:#47b4ab;}

.khp_info02_1 {}
.khp_info02_1 .sub_content {border:1px #ddd solid; border-radius:10px; padding:60px 100px;}
.khp_info02_1 h4 {color:#000;line-height:1;font-weight:600;display:flex; flex-wrap:nowrap; gap:10px; justify-content:center; margin-bottom:15px;}
.khp_info02_1 h5 {color:#000;line-height:1;font-weight:800;display:flex; flex-wrap:nowrap; gap:10px; justify-content:center; margin-bottom:20px;}
.khp_info02_1 em {color:var(--khp-point2); line-height:1; font-weight:800;}
.khp_info02_1 .khp_hash {width:100%; max-width:500px; margin:0px auto; display:flex; flex-wrap:wrap; gap:0px 10px; justify-content:center;margin-bottom:40px;}
.khp_info02_1 .khp_hash p {width:auto; display:inline-block; color:#000; font-weight:600;}
.khp_info02_1 ul {width:100%; display:flex; flex-wrap:wrap; gap:20px; margin:0px !important; padding:0px !important;}
.khp_info02_1 li {width:calc((100% - 60px) / 4); background:#fbfbfb; border:1px #ddd solid; border-radius:10px; overflow:hidden; text-align:center;}
.khp_info02_1 li h2 {width:100%; padding:0px; height:60px; color:#fff; display:flex; flex-wrap:wrap; gap:20px;justify-content:center; align-items:center;}
.khp_info02_1 li dl {padding:16px 0px; width:calc(100% - 40px); margin:0px auto; border-bottom:1px #ddd dashed;display:flex; flex-wrap:wrap; gap:5px;justify-content:center;}
.khp_info02_1 li dl:last-child {border-bottom:none;}
.khp_info02_1 li dt {width:100%;text-decoration:underline; line-height:1.2;font-weight:600; }
.khp_info02_1 li dd {width:100%; font-size:15px; color:#666; line-height:1.2;}
.khp_info02_1 li:nth-child(1) h2 {background:#6f4489;}
.khp_info02_1 li:nth-child(2) h2 {background:#7e5c76;}
.khp_info02_1 li:nth-child(3) h2 {background:#a34a89;}
.khp_info02_1 li:nth-child(4) h2 {background:#464089;}
.khp_info02_1 li:nth-child(1) dt {color:#7800c1;}
.khp_info02_1 li:nth-child(2) dt {color:#561a48;}
.khp_info02_1 li:nth-child(3) dt {color:#860861;}
.khp_info02_1 li:nth-child(4) dt {color:#443b9e;}

.khp_info02_2 table { margin:0px -1px -1px 0px;}
.khp_info02_2 th {width:170px !important; font-size:calc(1em + 1px);border:none;border-bottom:1px #d3d3d3 solid; padding:20px 20px;}
.khp_info02_2 th.line,
.khp_info02_2 td.line {border-bottom:1px rgba(0,0,0,0.4) solid;}
.khp_info02_2 td {border:none;border-bottom:1px #d3d3d3 solid; text-align:left; padding:16px 20px;}
.khp_info02_2 td.bg {width:200px !important; background:#efefef; text-align:center; font-weight:700;border-bottom:1px rgba(0,0,0,0.4) solid; }
.khp_info02_2 td.point {color:var(--khp-point2);padding:16px 20px !important;}
.khp_info02_2 td.point em { width:auto; display:inline-block; background:var(--khp-point2); line-height:1 !important; color:#fff; border-radius:8px; padding:8px 10px !important; margin-right:5px;}
.khp_info02_3 .sub_content {border:1px #ddd solid; border-radius:10px;padding:40px;}
.khp_info02_3 .sub_content img {max-width:100%;}

.khp_info03 {width:100%; border-radius:10px; background:#17628e; padding:20px !important; margin-bottom:30px;}
.khp_info03 .khp_map_title {padding:0px 60px 20px 60px !important;}
.khp_info03 .khp_map_title h2 {color:#fff; text-align:left;display:flex; gap:30px;align-items:center;}
.khp_info03 .khp_map_title h2:before {content:'';  width:60px;height:60px; background:url('/html/images/common/khp_map_title.png') 50% 50% no-repeat;}
.khp_info03 .khp_map_cont { background:#fff; border-radius:10px; padding:20px 50px; }
.khp_info03 .khp_map_cont dl {width:100%; display:flex; gap:30px; flex-wrap:nowrap; align-content:center;align-items:center; }
.khp_info03 .khp_map_cont dt {width:130px; height:130px; border-radius:50%; background:#76beea; color:#fff; font-size:24px; font-weight:600; display:flex; justify-content:center;align-items:center;} 
.khp_info03 .khp_map_cont dd { width:calc(100% - 250px) !important; display:flex; flex-wrap:wrap; gap:20px; text-align:left !important;}
.khp_info03 .khp_map_cont dd p { width:calc((100% - 60px) / 3) !important; max-width:250px !important;padding-left:40px !important; font-size:20px; height:28px; display:inline-block !important;text-align:left !important; background-size:28px !important;}
.khp_info03 .khp_map_cont dd p.company {background:url('/html/images/common/khp_map_company.png') 0% 50% no-repeat;}
.khp_info03 .khp_map_cont dd p.name {background:url('/html/images/common/khp_map_name.png') 0% 50% no-repeat;}
.khp_info03 .khp_map_cont dd p.tel  {background:url('/html/images/common/khp_map_tel.png') 0% 50% no-repeat;}
.khp_info03 .khp_map_cont dd p.email {background:url('/html/images/common/khp_map_email.png') 0% 50% no-repeat;}
.khp_info03 .khp_map_cont dd p.time {background:url('/html/images/common/khp_map_time.png') 0% 50% no-repeat;}

.khp_map .sub_inner { border:1px #ddd solid !important;border-radius:10px !important; overflow:hidden; margin-bottom:50px; }
.khp_map .sub_inner  img {max-width:100%;}


/* 훈련과정 소개 */
.khp_course01_1 .sub_content {border:1px #ddd solid; border-radius:10px; padding:60px 50px; text-align:center;}
.khp_course01_1 h5 {color:#000;line-height:1;font-weight:800; }
.khp_course01_1 em {color:var(--khp-point2); line-height:1; font-weight:800;}
.khp_course01_1 p {margin-top:20px;}

.khp_course_box {position:relative;  width:100%; border:1px #ddd solid; border-radius:10px; padding:0px; overflow:hidden;}
.khp_course_box:before {content:''; position:absolute; left:0px; top:0px; width:110px; height:100%;background:#efefef; }
.khp_course_subject {position:relative;width:100%;height:70px; color:#fff; justify-content:center;align-items:center; background: linear-gradient(to right, #e70a13, #ee741d); z-index:10;}
.khp_course_cont {width:100%; padding:20px 60px;z-index:10;}
.khp_course_cont dl {position:relative;width:100%;}
.khp_course_cont dt {position:absolute;left:0px; top:50%;transform:translateY(-50%);width:90px; height:90px; border-radius:50%;}




@media (max-width: 1300px) {
	.sub_inner { width:100%; padding:0px 20px;}

}