@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:1270px; padding:0px 20px; 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:40px; 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_tab {width:100%; text-align:center; margin-bottom:70px;}
.khp_tab ul {width:100%;display:flex; flex-wrap:wrap; gap:-1px; justify-content:center;  }
.khp_tab li {width:auto; }
.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 ul {width:100%; display:flex; flex-wrap:wrap; gap:20px;  }
.khp_info02_1 li {width:calc((100% - 60px) / 4); background:#fbfbfb; border:1px #ddd solid;}


.khp_info02_3 .sub_content {border:1px #ddd solid; border-radius:10px; padding:40px; text-align:Center;}
.khp_info02_3 .sub_content img {max-width:100%;}