@charset "utf-8";
.clearfix::after{display:block; content:''; clear:both;}
h1, h2, h3, h4, h5, h6, p, span, a, th, td, li, dd, dt{font-family: 'Pretendard', sans-serif; color: #333; text-decoration: none;  font-style:normal; font-weight:500; letter-spacing:-0.05em;}
a.btn i.fa {margin-right: 5px;}

/*sub-top-bg 넣으세용 ..*/
.sub-top-bg.VISUAL_intro:before{}

/*공통 소제목*/
.tit{padding:30px 24px; border-top:1px solid #d6d6d6; position:relative; font-size:24px; color:#111111; font-weight:bold; margin-bottom:30px;}
.tit:after{content:""; display:block; width:200px; height:1px; position:absolute; top:0; left:0; background:#111111}
.c-tit01 {position: relative; font-size: 30px; line-height: 1; color: #000; margin: 30px 0 20px; font-family: 'Gmarket';line-height:1.25}
.c-tit01:before {content: ''; position: absolute; left: 0px;top: -20px; width: 25px;height: 6px; background-color: #29a0a7; border-radius:10px;}
/*시안 - 너비 좁은 부분*/
.con{max-width:1200px; margin:0 auto;}
.boxCon{margin-bottom:50px;}

/*공통 - 탭*/
.ui-page-tab {border-bottom:0; margin-bottom:40px;}
.ui-page-tab ul{display:flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.ui-page-tab ul li{border: 1px solid #eee;}
.ui-page-tab li a{display:flex; padding:20px 12px; font-family:'Gmarket'; display:block; font-weight:300 !important; line-height:1; height:auto; font-size: 16px;}
.ui-page-tab > ul li.on a{color:#fff; background:#184fa4;}
.ui-page-tab li a:hover{font-weight:unset; color:unset;}
@media all and (max-width: 740px){
.ui-page-tab li{
width:48%;		
}
}
/*텝 있는 게시판일때*/
.tabNav > li{max-width:unset;}
.tabNav{width:unset;}

/*사이트맵*/
.VISUAL_sitemap .sub-top-ttl {max-width: 100%;}
.VISUAL_sitemap .sub-top-ttl h3 { color:#fff; text-align:center;}
.sitemapWrap .sub-page-top { display:none;}
.sitemap { margin:80px 0px;}
.sitemap-body .contentsTitle{font-size:35px; }
.sitemap {display: inline-block; width :100%;}
.sitemap a {display: block;}
.sitemap > ul > li {float: left; width: 33.333%;}
.sitemap > ul > li > a {background: #003876; color: #fff; border-radius: 5px; width: 90%; text-align: center; padding: 20px 0; font-size: 18px; margin: 0 auto 10px;}
.sitemap > ul > li > ul > li {margin-bottom: 10px;}
.sitemap > ul > li > ul > li > a {border: 1px solid #dadada; color: #333; border-radius: 5px; width: 90%; padding: 14px 5%; margin: 0 auto 10px;}
.sitemap > ul > li > ul > li > a:hover {border: 1px solid #003876; color: #003876;}
.sitemap > ul > li > ul > li > ul > li {position: relative; font-size:16px; padding: 4px 0 4px 35px; line-height: 20px; margin-left: 10px;}
.sitemap > ul > li > ul > li > ul > li > a:hover {color: #003876;}
.sitemap > ul > li > ul > li > ul > li:before   {content: ""; display: block; position: absolute; width: 4px; height: 4px; background: #003876; top:15px; margin-top:-3px; left: 20px; border-radius:50%;}

@media all and (max-width:767px){
    .sitemap > ul > li{width:50%;}
    .sitemap-body .main_tit{padding:20px 0 20px;}
}
@media all and (max-width:400px){
    .sitemap > ul > li{width:100%;}
}

/*공통 - 볼드 텍스트*/
.text_bold{color: #244092; font-family:'Gmarket'; font-size:32px; margin-bottom:20px; word-break:keep-all;}
@media all and (max-width:767px){
	.text_bold{font-size:24px;}	
	.text_bold br{display:none;}
}

/*공통 - 테이블*/
.table-wrapper {overflow-x: auto;margin: 1rem 0;}
.contact-table {width: 100%;min-width: 700px;border-collapse: collapse;color: white;background-color: rgba(0,0,0, 0.02);}
.table th,
.table td {border: 1px solid rgba(0,0,0, 0.1);padding: 14px 20px;text-align: center;font-size: 16px;/*white-space: nowrap;*/white-space: normal; word-break: break-word;}
.table thead {background: linear-gradient(to right, #2196f3, #64b5f6);color: white;}
.table thead th{color:#fff;}
.table tbody tr:nth-child(even) {background-color: rgba(255, 255, 255, 0.08);}
/* 반응형 */
@media (max-width: 768px) {
  .table th,
  .table td {
    font-size: 14px;padding: 10px;}
}

@media (max-width: 480px) {
  .table-wrapper {padding: 1rem 0.5rem;}
  .table {min-width: 500px;}
  .table th,
  .table td {font-size: 12px;padding: 8px; }
}

/*공통 - 리스트*/
/* 리스트*/
ul[class^=c-list] {text-align:left}
ul[class^=c-list] > li {box-sizing:border-box;white-space:normal;position:relative}
ul[class^=c-list] > li:first-child {margin-top:0}
ul[class^=c-list] > li .tit, .c-list01-li .tit, .c-list04-li .tit {display:block;color:#222;font-weight:600}
ul[class^=c-list] > li .tit-in, .c-list01-li .tit-in, .c-list04-li .tit-in {display:inline;color:#222;font-weight:600}
ul[class^=c-list] > li ul li:before {display:block;content:"";width:3px;height:3px;background:#cfcfcf;position:absolute;top:11px;left:0}
ul[class^=c-list] > li ul {margin:7px 0 0 0;font-size:.941em}
ul[class^=c-list] > li ul li {padding:0 0 0 11px;position:relative;font-size:.944em;color:#666;margin-bottom:4px}
[class^=c-list] > li > ul.s-list > li {padding-left:26px}
[class^=c-list] > li > ul.s-list > li:before {display:none}
[class^=c-list] > li > ul.s-list > li > .stit {position:absolute;top:0;left:0;font-weight:500}
.c-list01 > li, .c-list01-li {position:relative;padding:0 0 0 14px;margin-top:0px;text-align:left;margin-top:4px}
.c-list01 > li:first-child, .c-list01-li:first-child, .c-list02 > li:first-child {margin-top:0}
.c-list01 > li:before, .c-list01-li:before {display:block;content:"";position:absolute;top:10px;left:0;width:4px;height:4px;background:#767676;border-radius:50%}
.c-list01 > li .txt {display:inline-block}
.c-list02{display:flex; gap:30px;}
.c-list02 > li{padding:50px 30px; width:calc((100% - 60px) / 3); border:1px solid #eee; position:relative;}
.c-list02 li h3{display:inline-block; padding:10px 20px; border:1px solid #4F79FF; font-family:'Gmarket'; font-size:18px; color:#4F79FF; font-weight:300; margin-bottom:20px;}
.c-list03 > li{display:flex; gap:20px; align-items:center; padding:20px 0;}
.c-list03 li h3{text-align: center; word-break:keep-all; display:inline-block; padding:10px 20px; border-bottom:1px solid #4F79FF; font-family:'Gmarket';  color:#4F79FF; font-weight:300; width:300px;}
.c-list03 li p{flex:1;}

@media only screen and (max-width:767px) {
		.c-list02{flex-direction:column;}
		.c-list02 > li{width:100%;}
		.c-list03 > li{flex-direction:column;}
		.c-list03 > li{padding:24px; border:1px solid #eee; margin-bottom:20px;} 
		.c-list03 li h3{width:unset;}
		
}
/*공통 - uit*/
/* topbox */
.uit{overflow:hidden;position:relative; margin-top:40px; margin-bottom: 50px;border:0px solid #d2d2d2;}
.uit:after{content:"";display:block;clear:both;visibility:hidden;}
.uit .inner{position:relative;padding:50px 60px;}
.uit .inner .txtwrap{position:relative;}
.uit .inner .txtwrap ul{display: block;margin: 0;text-align: left;}
.uit .inner .tit_inner{display:block;color:#121212;font-size:20px;line-height:30px;margin:0 0 0px 0;padding:0; font-weight:300;/* font-weight:600;*/ font-family: 'Gmarket'; }
.uit .inner .tit_inner em { display:block; color:#1435a1;}
.uit .inner .txtwrap p{margin:0;font-size:16px; font-weight:400; color:#545454;word-break:break-word;}
.uit .inner .txtwrap p .txt-tip{display: inline-block;color: #da4453 !important;}
.uit .inner .txtwrap b{display: block;}
.uit .inner .txtwrap a{margin: 10px 0 0;}
.uit .btnwrap{position:absolute;top:-35px;right:0;margin-top:0;}

.type1.uit{border:none;}
.uit.type1 .inner{min-height:auto;padding-left:190px; background-color: #f6f6f6; border-radius: 20px;}
.uit.type1 .inner .tp_icon,
.uit.type1 .inner .tp_icon2{display:block;position:absolute;top:50%;left:35px;margin-top: -55px}
.uit.type1 .inner.long .tp_icon,
.uit.type1 .inner.long .tp_icon2{top:45px;margin-top: 0}
.uit.type1 .inner.n_short{min-height: auto;padding: 70px 25px 70px 170px}

.uit.type3{border-color:#fff;border-top-color:#949494;border-bottom-color:#ddd;}
.uit.type3 .inner{min-height:213px;padding-left:300px;}
.uit.type3 .inner .thm_figure{display:block;overflow:hidden;position:absolute;top:35px;left:35px;width:230px;height:153px;margin:0;text-align:center}
.uit.type3 .thm_figure img{max-width:100%;width:auto;}

@media only screen and (max-width:767px) {
    .uit .inner,
    .uit.type1 .inner,
    .uit.type1 .inner.n_short,
    .uit.type3 .inner{position:relative;min-height: auto;padding:25px;}
    .uit.type1 .inner .tp_icon,
    .uit.type1 .inner .tp_icon2{display:none;}
    .uit .thm_figure,
    .uit.type3 .inner .thm_figure{display:none;}
    .uit .inner .btnwrap{position: static;margin-top:20px;}
}

/* 탑박스 아이콘 */
.tp_icon{display:block;overflow:hidden;width:110px;height:110px;background:url(/resources/custom/images/kreon/sub/top_info_ico01.png) no-repeat;}
.tp_icon.circle1{background-position:0 0;}
.tp_icon.circle2{background-position:-110px 0;}
.tp_icon.circle3{background-position:-220px 0;}
.tp_icon.circle4{background-position:-330px 0;}
.tp_icon .icon{display:block;overflow:hidden;width:110px;height:110px;background:url(/resources/custom/images/kreon/sub/top_info_ico01.png) no-repeat;}
.tp_icon .icon1{background-position:0 -110px;}
.tp_icon .icon2{background-position:-100px -110px;}
.tp_icon .icon3{background-position:-203px -110px;}
.tp_icon .icon4{background-position:-301px -110px;}
.tp_icon .icon5{background-position:-400px -110px;}
.tp_icon .icon6{background-position:-550px -110px;}
.tp_icon .icon7{background-position:-660px -110px;}
.tp_icon .icon8{background-position:-765px -110px;}

/*KREON 소개 > 연구소 소개 > 연구소 목표*/
.intro .vision > p{width:50%; font-size:40px; color:#000; line-height:1.5; font-weight:bold; word-break:keep-all;}
.intro .vision > span{padding-left:60%; font-size:24px; line-height:1.5; display:block; word-break:keep-all;}
.intro .goal{display:flex; max-width:1000px; margin:0 auto; justify-content: center;}
.intro .goal > div{width:calc(100% / 3); margin-left:-50px; display:flex; height:150px; align-items:center;justify-content:center;  padding:0 50px; text-align:center; border-radius:100px; position:relative;}
.intro .goal > div:after{content:""; display:block; width:14px; height:14px; background:url(/resources/custom/images/kreon/sub/ico-goal-plus.png) no-repeat;
position:absolute; top:50%; transform:translateY(-50%); right:20px; z-index:1;}
.intro .goal .box01{background:rgba(42,110,213,.9);}
.intro .goal .box02{background:rgba(223,173,38,.9);}
.intro .goal .box03{background:rgba(80,145,52,.9);}
.intro .goal .box03:after{display:none;}
.intro .goal > div span{color:#fff; font-family:'Gmarket'; font-size:20px; font-weight:300;}
@media all and (max-width:1024px){
		.intro .vision > p br{display:none; }
}
@media all and (max-width:767px){
		.intro .vision > p{width:100%; font-size:32px; margin-bottom:24px;}
	    .intro .vision > span{padding-left:30px; font-size:18px;}
	    .intro .goal{flex-wrap:wrap;}
	    .intro .goal > div{width:100%;}
	    .intro .goal > div{margin-left:0; margin-top:-50px; height:unset; padding: 50px 12px 70px; }
	    .intro .goal > div:after{top:unset; transform:translateY(0%); right:unset; left:50%;  bottom:20px; transform:translateX(-50%);}
	    .intro .goal > div span{font-size:18px;}
	    .intro .goal .box01{margin-top:0;}
	    .intro .goal .box03{padding-bottom:50px;}
}

/*KREON 소개 > 연구소 소개 > 연혁*/
.intro .history_box {position:relative; margin-top:80px; margin-bottom:160px;}
.intro .history_box .item {display: flex; flex-wrap: wrap; margin-bottom:50px;}
.intro .history_box .item.last {margin-bottom:100px;}
.intro .history_box .item h4 {width:250px; font-size:40px; font-family:'Gmarket';}
.intro .history_box .item ul {width:calc(100% - 250px); font-size:0;}
.intro .history_box .item li {display: block; margin-bottom:10px;}
.intro .history_box .item li .info_box {display: flex; flex-wrap: wrap;}
.intro .history_box .item li .info_box .history_day {display: inline-block; width:130px; font-size:20px; font-weight:700; line-height:28px;}
.intro .history_box .item li .info_box .history_day:before {display: inline-block; content: ''; margin-right:30px; margin-bottom:2px; margin-left: -1px; width:10px; height:10px; background:#e5e5e5; border-radius: 5px;}
.intro .history_box .item li .info_box .history_info {width:calc(100% - 130px);}
.intro .history_box .item li .info_box .history_info span {display: block; margin-bottom:10px; font-size:18px; line-height:28px;}
.intro .history_box .item li .info_box .history_day.on:before {background:#006fb9;}
.progressbar {position:absolute; left:0; top:0; width:100%; height:calc(100% - 45px); z-index:-1;}
.line-guide {position:absolute; width:1px; height:100%; top:12px; left:254px; transform:translateX(-50%); background:#e5e5e5;}
.line-guide .progress {position:absolute; width:100%; height: 0;  top:0; left:0; transform:translateX(-50%); background:#006fb9;}
.last-bin {display: block; height:50px;}

@media all and (max-width:1023px) {
    .intro .history_box {margin-top:50px;}
    .intro .history_box .item h4 {padding:0 0 20px 20px; width:100%;}
    .intro .history_box .item ul {width:100%;}
    .intro .history_box .item li .info_box .history_day {width:90px; font-size:16px; line-height:20px;}
    .intro .history_box .item li .info_box .history_info {width:calc(100% - 90px);}
    .intro .history_box .item li .info_box .history_info span {font-size:16px; line-height:20px;}
    
    .progressbar {height:calc(100% - 94px);}
    .line-guide {top:68px; left:4px;}
}

/*KREON 소개 > 연구소 소개 > 조직도*/
.orga_wrap{border: 1px solid #eee; padding: 70px 20px 93px; border-radius:30px;}
.organ {position:relative; width: 100%; overflow: hidden;}
.organ:before {content:''; display: block; position: absolute; left: 50%; top: 8px; width: 0; height: 90%; border-left: 1px solid #ddd;}
.organ ul {list-style: none; padding: 0; margin: 0;}
.organ li {list-style: none; padding: 0; margin: 0;}
.organ .lv {display: block; position: relative; margin: 0 auto 20px; width: 200px; height: 50px; line-height: 50px; border-radius:12px;}
.organ .lv.lv1 {width: 213px;  background:#0f216e;  font-size: 24px; font-weight: bold;}
.organ .lv .t1 {display: block; text-align: center; color: #fff;}
.organ .lv2 {background: #57a9ca;}
.organ .lv4 {margin: 40px auto 0; width: auto; height: auto; overflow: hidden;}
.organ .lv4 ul li {display: block; margin: 0 auto 20px; width: 20%;}
.organ .lv4 ul li .t1 {padding: 13px 0; color: #fff; line-height: 25px; background-color: #2d599f;}
.organ .lv4 ul li .t2 {display: block; text-align: center; font-weight: 400; color: #fff; border: 1px solid #2e599f; background: #fff; box-sizing: border-box; color: #2e599f; margin-bottom: 35px;}
.organ .lv4 .tview li {margin: 0; text-align: center; background: #fff; width: 100%; color: #111; border: 1px solid #0f216e;}

@media all and (min-width: 1200px){
    .organ {width: 1200px; margin: 70px auto;}
    .organ:before {height: 55%;}
    .organ .lv2 {position: relative; margin: 0 auto 10px;}
    .organ .lv2_2th {height: 70px;}
    .organ .lv2_2th li {float: left; width: 50%;}
    .organ .lv2_line:after {content:''; display: block; position: absolute; left: 200px; top: 50%; width: 225%; height: 0; border-top: 1px solid #ddd;}
    .organ .lv4 {margin: 0 auto; padding: 95px 0 0; border-radius: 0;}
    .organ .lv4 ul {position: relative; padding: 0 -5px;}
    .organ .lv4 ul:before {content:''; position: absolute; left: 50%; top: -40px; margin-left: -480px; width: 960px; height: 0; border-top: 1px solid #ddd;}
    .organ .lv4 ul li {float: left; position: relative; padding: 0 5px;}
    .organ .lv4 ul li:before {content:''; position: absolute; left: 50%; top: -40px; width: 0; height: 200px; border-left: 1px solid #ddd; z-index: -1;}
    .organ .lv4 ul li ul:before,
    .organ .lv4 ul li ul li:before {display: none;}
}
@media all and (max-width: 1200px) {
	.organ:before {height: 95%;}
    .organ .lv {width: 300px;}
    .organ .lv4 ul li {width: 300px;}
}

/*KREON 소개 > KREON 상징*/
.intro .symbol{display:flex; gap:50px;}
.intro .symbol > div{border:1px solid #eee; width:calc((100% - 50px) /2); padding:30px;}
.intro .symbol > div img{width:100%; height:auto;}
.intro .char{display:flex; gap:50px; background:#F6F9FF; padding:50px; align-items:start; flex-wrap:wrap; }
.intro .char .img{width:440px; border:1px solid #eee; background:#fff; padding:30px;}
.intro .char .img img{width:100%;}
.intro .char .txt{width:calc(100% - 440px - 50px)}
.intro .char .txt h3{font-size:40px; color:#2E45EE; font-family:'Gmarket';}
.intro .char .txt > span{margin:10px 0; display:inline-block; padding:12px; background:#fff; border:1px solid #eee;}
.intro .char .txt .txt01{font-family:'Gmarket'; font-weight:300; line-height:1.5;}
.intro .char .txt .list > li{position:relative;padding-left:100px; padding:24px 0  24px 100px; border-bottom:1px solid #eee; margin-bottom:12px;}
.intro .char .txt .list > li >  span{position:absolute; left:0; top:24px; width:80px; line-height:35px; font-family:'Gmarket';  color:#fff; font-size:18px;font-weight:300;  text-align:center;  border-radius:4px;}
.intro .char .txt .list > li .blue{background:#132C58}
.intro .char .txt .list > li .pink{background:#F0837B}
.intro .char .txt .list > li .green{background:#2AAE25}
.intro .char .txt .list > li > div > p{padding:20px; background:#E9EBFF; font-family:'Gmarket'; font-weight:300; font-weight:300; margin:16px 0; color:#3923C5;}
.intro .char .txt .list > li > div li{display:inline-block; margin-right:24px; margin-bottom:12px;}
.intro .char .txt .list > li > div li > span{margin-right:12px; padding:8px; background:#fff; border-radius:4px; display:inline-block; border:1px solid #3923C5; color:#3923C5;}

.intro .char02{display:flex; gap:30px;}
.intro .char02 li{width:calc((100% - 90px) / 4); border:1px solid #eee; padding:30px ; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:30px;}
.intro .char02 li span{font-family:'Gmarket';     word-break: keep-all; text-align:center;}
.intro .char02 li img{width:100%; height:auto;}

.intro .char03{display:flex; gap:30px; flex-wrap:wrap;}
.intro .char03 li{position:relative; width:calc((100% - 60px) / 3); border:1px solid #eee; padding:30px ; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:30px;}
.intro .char03 li span{font-family:'Gmarket'; word-break: keep-all; text-align:center; background:#fff; position:absolute; right:20px; top:20px; border:1px solid #3923C5; border-radius:4px; color:#3923C5; display:block; padding:10px;}
.intro .char03 li img{width:100%; height:auto;}


@media all and (max-width: 1024px) {
		.intro .char{flex-wrap:wrap; }
		.intro .char .img{margin:0 auto; width:100%; max-width:500px;}
		.intro .char .txt{width:100%;}
}
@media all and (max-width: 767px) {
		.intro .symbol{flex-direction:column; gap:20px;}
		.intro .symbol > div{width:100%;}
		.intro .char{padding:30px;}
		.intro .char .txt .list > li{padding:20px 0;}
		.intro .char .txt .list > li > span{position:relative; margin-bottom:10px; display: block; left:unset; top:unset;}
		.intro .char02, .intro .char03{gap:20px; flex-wrap:wrap;}
		.intro .char02 li, .intro .char03 li{width:calc((100% - 20px) / 2);}
		.intro .char03 li span{position:relative; right:unset; top:unset; margin-bottom:20px;}
		.intro .char .txt .list > li > div li{margin-right:0; display:block;}
		.intro .char .txt .list > li > div li > span{display:block; margin-bottom:10px;}
		
}


/*KREON 소개 > 찾아오시는 길*/
.map_wrap .map_box { overflow: hidden; margin-bottom: 40px;border-radius: 0px 0 40px 40px;}
.map_wrap .map_box .map { width: 100%;height: 460px;}
.map_wrap .map_box .map_info { position: relative;background: #585c6d; padding: 56.5px 170px 58.5px 57px;}
.map_wrap .map_box .map_info .map_title { display: block; vertical-align: middle; width: auto;margin-right: 30px; margin-bottom:20px;}
.map_wrap .map_box .map_info .map_title strong {color: #fff; font-size: 30px;letter-spacing: -0.05em;  font-weight: bold;}
.map_wrap .map_box .map_info .map_lst { display: inline-block;  vertical-align: top;  padding-left: 25px;  border-left: 1px solid #fff;width: calc(100% - 214px);}
.map_wrap .map_box .map_info .map_lst ul li {  position: relative; padding-left: 120px; color: #fff; font-size: 18px; line-height: 1.2; letter-spacing: -0.05em;}
.map_wrap .map_box .map_info .map_lst ul li+li {margin-top: 18px;}
.map_wrap .map_box .map_info .map_lst ul li b { position: absolute; left: 0;top: 0; font-weight: bold; padding-left: 40px; line-height: 1.2;letter-spacing: -0.05em;}
.map_wrap .map_box .map_info .map_lst ul li b::before {content: ""; position: absolute; left: 0; top: 0; width: 32px; height: 32px; background-color: #fff; background-position: center; background-repeat: no-repeat; border-radius: 100%;}
.map_wrap .map_box .map_info .map_lst ul li.address b::before { background: url(/resources/custom/images/kreon/sub/st_set.png) no-repeat -109px -230px;}
.map_wrap .map_box .map_info .map_lst ul li.tel b::before { background: url(/resources/custom/images/kreon/sub/st_set.png) no-repeat -164px -230px;;}
.map_wrap .map_box .map_info .map_button {  position: absolute; right: 49px; top: 50%; transform: translateY(-50%);}
.map_wrap .map_box .map_info .map_button a { display: flex; align-items: center;justify-content: center; flex-direction: column; width: 150px; height: 100px; border: 0px solid #fff; background: #fff; border-radius: 20px;color: #fff !important;font-weight: bold; transition: 0.3s; text-align: center; color: #171c2d !important;}
.map_wrap .map_box .map_info .map_button a em { display: block;/*margin: 0 auto 11px;*/ width: 32px; height: 36px; background: url(/resources/custom/images/kreon/sub/st_set.png) no-repeat -53px -226px;}
.map_wrap .map_box .map_info .map_button a:hover, .map_wrap .map_box .map_info .map_button a:focus { background: #fff;  color: #171c2d !important; border: 2px solid #fff;}
.map_wrap .map_box .map_info .map_button a:hover em, .map_wrap .map_box .map_info .map_button a:focus em { background: url(/resources/custom/images/kreon/sub/st_set.png) no-repeat -53px -228px;}

.map_wrap .map_con_box { overflow: hidden;display: flex;  flex-wrap: wrap; gap: 30px 0; margin: 0 -15px;}
.map_wrap .map_con_box .con_box {width: calc(49% - 30px); margin: 0 15px;  padding: 45px;border: 1px solid #E6E6E6;border-radius: 20px;min-height: 260px;}
.map_wrap .map_con_box .con_box .title { position: relative;margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #666;}
.map_wrap .map_con_box .con_box .title::before { content: "";position: absolute; right: 0; top: 0;}
.map_wrap .map_con_box .con_box.sub .title::before { width: 20px;height: 22px;background: url('/resources/custom/images/kreon/sub/st_set.png') no-repeat -159px 0px;}
.map_wrap .map_con_box .con_box.bus .title::before { width: 22px;height: 22px; background: url('/resources/custom/images/kreon/sub/st_set.png') no-repeat -194px 0px;}
.map_wrap .map_con_box .con_box.car .title::before { width: 20px;height: 22px; background: url('/resources/custom/images/kreon/sub/st_set.png') no-repeat -232px 0px;}
.map_wrap .map_con_box .con_box.tra .title::before { width: 20px;height: 22px; background: url('/resources/custom/images/kreon/sub/st_set.png') no-repeat -269px 0px;}
.map_wrap .map_con_box .con_box .title strong { color: #000;font-size: 20px;line-height: 1.2; letter-spacing: -0.025em;font-weight: bold;}
.map_wrap .map_con_box .con_box .way+.way { margin-top: 24px;}
.map_wrap .map_con_box .con_box .way strong {color: #0064bd;letter-spacing: 0;font-weight: bold; display:block; margin-bottom:12px;}
.map_wrap .map_con_box .con_box .way p {margin-top: 5px; color: #222; letter-spacing: 0;}

.map_wrap .con{display:flex; gap:10px; flex-wrap:wrap;}
.map_wrap .con li a{    color: #587290; padding:10px 16px;  border-radius:30px; display:flex; align-items:center;  gap:10px; border:1px solid #8396ac; border-radius:12px;     height: 100%;}
.map_wrap .con li a p{color:#587290}
.map_wrap .con .icon{width: 30px; height:30px; border-radius:30px; display:flex; align-items:center; justify-content:center; font-family:'Gmarket'; font-size:13px; font-weight:300;}
.map_wrap .con .icon.orange{background:#ff893a; color:#fff; }
.map_wrap .con .icon.blue{width: fit-content;height: fit-content;padding: 4px 8px;color: #fff;background: #3357b4;border-radius: 4px;}
.map_wrap .con .icon.yellow{background:#cea43a; color:#fff;}

@media(max-width: 767px) {
    .map_wrap .map_box .map {  height:300px; padding-top: 0;}
    .map_wrap .map_box .map_info {padding: 50px 30px;}
    .map_wrap .map_box .map_info .map_title {display: block;width: auto;margin-right: 0;}
    .map_wrap .map_box .map_info .map_lst { display: block; width: 100%; border: 0; padding: 0; padding-right: 150px; margin: 20px auto 30px;}
    .map_wrap .map_con_box { margin: 0 }
    .map_wrap .map_con_box .con_box { width: 100%;margin: 0;min-height: auto; padding: 30px; }
  
}

@media(max-width: 599px) {
    .map_wrap .map_box .map_info .map_lst { padding-right:0;}
    .map_wrap .map_box .map_info .map_button {  position: relative; right: auto; top: auto;  transform: none;}
    .map_wrap .map_box .map_info .map_button a {  flex-direction: row;margin: 0 auto;padding: 13.82px 10px; border-radius: 8px;width: 100%;height: 100%;}
    .map_wrap .map_box .map_info .map_button a:hover, .map_wrap .map_box .map_info .map_button a:focus { border-radius: 0;}
    .map_wrap .map_box .map_info .map_button a em {   margin: 0;margin-right: 9px;/*width: 17px; height: 21px; */}
}

/*KREON Labs  > Edtech SoftLab (그림)*/
.edTech {background: linear-gradient(to bottom right, #003c8f, #0075c9);color: white;
  padding: 2rem;text-align: center;}
.edTech .header {margin-bottom: 3rem;}
.edTech .logo { max-height: 100px; margin-bottom: 1rem; border-radius:12px;}
.edTech .description { font-size: 1.5rem;line-height: 1.6; font-family:'Gmarket'; color:#fff; font-weight: 300;}
.edTech .edLab {display: flex;justify-content: space-between;align-items: center;
  flex-wrap: wrap;gap: 2rem;}
.edTech .side {width: 20%; min-width: 180px; position:relative;}
.edTech .side:after{content:""; display:block; position:absolute; top:50%; transform:tranlateY(-50%); width:42px; height:39px;}
.edTech .side h3 {font-size: 1.2rem;margin-bottom: 1rem; color:#fff; font-family:'Gmarket';}
.edTech .icon {max-width: 80px;margin: 1rem 0; padding:20px; background:#fff; border-radius:30px;}
.edTech .side p{color:#fff; font-size:18px; line-height:1.5;}
.edTech .center {flex-grow: 1;background: white;border-radius: 20px;color: #222;padding: 2rem;
  max-width: 600px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.edTech .left:after{background:url(/resources/custom/images/kreon/sub/edtech-arrow-left.png); left:100%;}
.edTech .right:after{background:url(/resources/custom/images/kreon/sub/edtech-arrow-right.png); right:100%;}
.edTech .label {background: #d1e4ff;display: inline-block;padding: 0.5rem 1.2rem;border-radius: 10px;margin-bottom: 1.5rem;font-weight: bold;color: #003c8f; font-size: 20px;}
.edTech .middle-box {display: flex;align-items: center;justify-content: space-between;}
.edTech .teacher, .edTech .company {width: 45%; padding:24px; border:1px solid #eee; border-radius:12px;}
.edTech .teacher > span, .edTech .company > span{display:inline-block; background:#A4C12C; padding:12px 20px; color:#fff; border-radius:12px;}
.edTech .teacher img,
.edTech .company img { max-width: 80px; margin:0 auto 10px; display:block; }
.edTech .teacher ul,
.edTech .company ul {text-align: left;margin-top: 30px;line-height: 1.5;}
.edTech .teacher ul li, .edTech .company ul li{position:relative; padding-left:20px;}
.edTech .teacher ul li:after, .edTech .company ul li:after{
		content:""; display:block; width:6px; height:6px; border-radius:20px; background:#333; position:absolute; left:0; top:50%; transform:translateY(-50%);
}
.edTech .arrow {width: 5%;background: url('/resources/custom/images/kreon/sub/edtech-arrow02.png') center/contain no-repeat;height: 50px;}

@media all and (max-width:1200px){
		.edTech .side{width:15%;}
		.edTech .edLab{gap:3rem;}
}
@media all and (max-width:1024px){
		.edTech .header{margin-bottom:2rem;}
		.edTech .description{font-size:1.3rem;}
		.edTech .edLab{flex-direction:column; gap:4rem;}
		.edTech .left:after {bottom: -50px;top: unset;transform: rotate(90deg);left: 50%;transform: translateX(-50%) rotate(90deg);}
		.edTech .right:after {top: -50px;transform: rotate(90deg);left: 50%;transform: translateX(-50%) rotate(90deg);}
		.edTech .side h3{margin-bottom:0;}
		.edTech .center{width:100%;}
}
@media all and (max-width:767px){
		.edTech .middle-box{flex-direction:column; }
		.edTech .teacher, .edTech .company{width:100%;}
		.edTech .arrow{transform: rotate(90deg);}
}

/*KREON Labs  > Edtech SoftLab (조직도)*/
.lab .org-chart-box{padding: 32px; border-radius:12px; border:1px solid #ddd; }
.lab .org-chart {text-align: center;color: white; position:relative;}
.lab .org-chart:before{width:1px; height:calc(100% - 83px); content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); background:#eee;}
.lab .level {display: flex;justify-content: center;gap: 2rem;margin: 2rem 0;position: relative;}
.lab .box {background: white;color: #003c8f;padding: 1rem 1.5rem;
  border-radius: 10px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);font-weight: bold;min-width: 100px;}
/*.lab .level-3{padding-top:32px; width:fit-content; position:relative; margin:0 auto;}*/
.lab .level-3{display: flex; justify-content: center; gap: 2rem; position: relative; margin: 0 auto; padding-top: 32px; width: fit-content;}
.lab .level-3:before{width:calc(100% - 107px); height:1px; background:#eee; position:absolute; top:0; left:50%; transform:translateX(-50%); /*content:""; display:block;*/}
.lab .level-3 .box {background: linear-gradient(to right, #5ec8ff, #6aafff);color: white; position:relative; z-index: 1;}
.lab .level-3 .box:after{/*display:block;*/ content:""; width:1px; height:32px; left:50%; transform:translateX(-50%); top:-32px; background:#eee; position:absolute;}
.lab .level-3 .line { position: absolute;  top: 0; height: 1px; background: #eee; content: "";  display: block; left: 87px; width: calc(100% - 145px);  z-index: 0; }
@media all and (max-width:767px){
		.lab .level-3{flex-direction:column;}
		.lab .level-3 .line { display:none;}
}

/*KREON Labs  > 소프트랩 소개 */
.vision-wrapper {display: grid;grid-template-columns: 200px 1fr;gap: 1.5rem;padding: 32px;background: white; background: linear-gradient(to bottom, #005ca6, #007fc1)}
.vision-box.label-box {
  background:#fff;color: #005ca6;border-radius: 12px;padding: 2rem 1rem;
  text-align: center;font-weight: bold;font-size: 1.2rem; display: flex;align-items: center; justify-content: center;}
.vision-box.text-box {background: white;color: #005ca6;font-weight: bold;font-size: 1.3rem;
  padding: 1.5rem;border-radius: 12px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);display: flex;align-items: center; font-family:'Gmarket'; font-weight:300;}
.vision-box.goals-box {
  display: grid; grid-template-columns: repeat(2, 1fr);gap: 1.5rem;}
.goal-item {text-align: center; padding:32px 12px; background:#F6FCFF; border-radius:32px; font-family:'Gmarket';}
.goal-item img {width: 50px;margin-bottom: 1rem;}
.goal-item p{font-family:'Gmarket'; font-weight:300; font-size:18px; }

/* 반응형 */
@media (max-width: 768px) {
  .vision-wrapper {grid-template-columns: 1fr;}
  .vision-box.label-box {writing-mode: horizontal-tb;padding: 1rem;}
  .vision-box.goals-box {grid-template-columns: 1fr;}
}

.edutech-structure {display: flex;justify-content: space-between;gap: 4rem;padding: 2rem;flex-wrap: wrap;}
.edutech-column {flex: 1;display: flex;flex-direction: column;gap: 2rem;}
.edutech-box {background: rgba(255, 255, 255, 0.1);border: 2px solid white;border-radius: 16px; backdrop-filter: blur(10px);}
.edutech-title {padding:1rem; border-radius:12px;font-size: 1.4rem;font-weight: 600;margin-bottom: 1rem;text-align: center;border:1px solid #4F79FF; font-family:'Gmarket'; color:#4F79FF;}
.edutech-title strong {display: block;font-size: 1.8rem;color: #4F79FF; font-family:'Gmarket'}
.edutech-box ul {list-style: none;padding: 0;margin: 0;background:#FBFBFB;padding:24px; border-radius:12px;}
.edutech-box ul li {padding: 0.5rem 0;border-top: 1px dashed #ddd;font-size: 1rem;}
.edutech-box ul li:first-child {border-top: none;}
.edutech-center {flex: 8;text-align: center;max-width:400px; height:450px;position: relative; margin-top:100px;}
.alliance-hexagons {display: flex;flex-direction: column;gap: 1.2rem;align-items: center;}
.hex-row {display: flex;justify-content: center;align-items: center;gap: 2rem;position:absolute;z-index:2; width:100%; justify-content: space-between;}
.hex-row.row01{top:-150px; max-width:80%;}
.hex-row.row02{top:0; max-width:80%;} 
.hex-row.row03{top:35%;width: 120%;}
.hex-row.row04{bottom:0; max-width:80%;}
.hex-row > div{width:130px; height:130px; border-radius:50%; border:1px solid #eee; display:flex; justify-content:center;  align-items: center; background:#fff; }
.hex-row img {width: 80px;height: auto;object-fit: contain;}
.alliance-label {font-size: 1.2rem; font-family:'Gmarket'; font-size:20px;font-weight: bold;color: white;padding: 0.5rem 1rem;background: linear-gradient(to bottom, #005ca6, #007fc1);
  border-radius: 10px;white-space: nowrap;position:absolute; width:300px; height:300px; top:50%; left:50%; transform:translate(-50%, -50% );  display: flex;  justify-content: center; align-items: center;border-radius: 50%;}

@media (max-width: 1200px) {
		.edutech-center {width:300px; height:350px;}
		.alliance-label{width:250px; height:250px;}
		.hex-row > div{width:100px; height:100px;}
		.hex-row.row03{width:100%;}
}
@media (max-width: 1024px) {
  .edutech-structure {flex-direction: column;align-items: center;}
  .top-row,
  .mid-row,
  .bottom-row {flex-wrap: wrap;gap: 1rem;}
  .alliance-hexagons img {width: 60px; }
  .edutech-column{width:100%;}
  .edutech-center{flex:unset;}
  
  .hex-row.row01{top:-80px;}
  .hex-row.row02{top:30px;}
  .hex-row.row04{bottom:30px;}
  .hex-row > div{width:80px; height:80px;}
}

/** 연구 사업 안내 > 4대 연구 분야**/
.task_column {margin: 0;gap: 30px; display:flex; flex-wrap:wrap;}
.task_column .inner { overflow: hidden;width:calc((100% - 90px) / 4); margin: 0;border: none;}
.task_column .inner .item {padding: 41px 30px 37px; border-radius: 0px 30px; text-align:center;}
.task_column .inner .item.color1 {background: #429693;}
.task_column .inner .item.color2 {background: #3a64b2;}
.task_column .inner .item.color3 {background: #008dc3;}
.task_column .inner .item.color4 {background: #358cdc;}
.task_column .inner .item.color5 {background: #1ab0a7;}
.task_column .inner .item.color6 {background: #6f9f44;}
.task_column .inner .item.color7 {background: #5f37b2;}
.task_column .inner .item .circle { width: 104px;height: 104px;border-radius: 50%; margin:0 auto 10px; position:relative; background: #fff;}
.task_column .inner .item .circle .icon_line {background-size: 80% auto;  position:absolute; top:50%; left:50%; width:70px; height:70px; transform:none; margin-left: -35px; margin-top: -35px; background-repeat: no-repeat;background-position: center;}
.task_column .inner .item .circle .icon_line.icon1 { background-image: url(/resources/custom/images/kreon/sub/btask_ico_img01.png)}
.task_column .inner .item .circle .icon_line.icon2 { background-image: url(/resources/custom/images/kreon/sub/btask_ico_img02.png)}
.task_column .inner .item .circle .icon_line.icon3 { background-image: url(/resources/custom/images/kreon/sub/btask_ico_img03.png)}
.task_column .inner .item .circle .icon_line.icon4 { background-image: url(/resources/custom/images/kreon/sub/btask_ico_img04_ver01.png)}
.task_column .inner .item.color .ui-summary p {color: #fff;letter-spacing: -1px;}
.task_column .inner .item .ui-summary strong { font-family:'Gmarket'; position: relative; font-size: 24px;line-height: 1.5;color: #fff;  /*text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,0px 1px 0 #fff,0px -1px 0 #fff,-1px 0px 0 #fff,1px 0px 0 #fff,2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff,0px 2px 0 #fff,0px -2px 0 #fff,-2px 0px 0 #fff,2px 0px 0 #fff,1px 2px 0 #fff,-1px 2px 0 #fff,1px -2px 0 #fff,-1px -2px 0 #fff,2px 1px 0 #fff,-2px 1px 0 #fff,2px -1px 0 #fff,-2px -1px 0 #fff; */}
.task_column .inner .item .ui-summary strong span{ font-family:'Gmarket'; display:block; color:#fff; font-size:16px; color: #fff; }
.task_column .inner .item .ui-summary p{color:#fff;}
.task_column .desk{padding:20px;}
.task_column .desk li{padding:12px; border-bottom:1px dashed #ddd;}

@media(max-width: 1240px) {
    .task_column { gap:20px;margin-bottom: 10px;}
    .task_column .inner {width: calc(33.33% - 13.333px); }
}

@media(max-width: 900px) {
    .task_column .inner {width: 100%;}
    .task_column .inner .item {  padding: 40px 30px;}
}

@media(max-width: 400px) {
    .task_column { gap:20px;}
    .task_column .inner .item { padding: 30px;}
}
/** 연구 사업 안내 > 연구 보럼 안내**/
.bprocess01 { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px;position: relative;}
.bprocess01 .b_row { display: flex;justify-content: space-between;flex-wrap: nowrap;width: 100%;max-width: 1100px;position: relative;}
.bprocess01 .innovation { position: relative; background-color: #1A5ABE; color: #fff; font-size: 30px; padding: 20px; border-radius: 50%;display: flex;align-items: center;  justify-content: center;width: 180px;height: 180px;font-weight: bold;margin: 20px 0;}
.bprocess01 .innovation:after {content: ""; display:block; position: absolute; width: 1px; height: 350px;  border-left: 1px dashed #C5D9E7; left: 50%; transform: translateX(-50%); z-index:-1; }
.bprocess01 .innovation:after {top: -75px;}
.bprocess01 .innovation::before {content: ""; position: absolute;opacity: 0;width: 200px;height: 200px; border-radius: 50%;background-color: rgba(26, 90, 190, 0.1);  opacity: 1;animation: tabWave 1.3s ease-in-out infinite both;}
.bprocess01 .innovation::before {  /* bottom: -50px; */}
.bprocess01 .b_box { background-color: white; padding: 30px 20px;margin: 10px;border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);width: 48%;min-width: 250px;position: relative;/*z-index: 1;*/}
.bprocess01 .b_box h3 { font-size:30px;}
.bprocess01 .b_box p { color:#a0a0a0;}
.bprocess01 .b_box p span { color:#193dcb;}
.bprocess01 .b_row::before { content: ""; position: absolute; width: 90%;height: 2px; border-top: 1px dashed #C5D9E7;top: calc(50% + 10px);left: 5%;z-index: 0;}

@keyframes tabWave {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}


@media (max-width: 600px) {
            .bprocess01 .b_row { flex-wrap: wrap; }
            .bprocess01 .b_box {  width: 100%; }
            .bprocess01 .b_row::before { display: none; }
}


/* 달력 */
#schdulWrap{display:flex; gap:50px; align-items:start;}
.schdule-box{flex:1;}
.month-search-box{position:relative;}
.schedule-button{float: left; width: 290px; margin-top: 5px; text-align: right; position:absolute; right:0;}
.schedule-button.year {width: calc(100% - 300px);}
.schedule-button-box{display: inline-block; overflow: hidden;}
.schedule-button a{display: block;position: relative; float: left; padding:12px 20px; color: #000;}
.schedule-button a.on{border:1px solid #2545C8; color:#2545C8;}

@media all and (max-width:1024px){
		#schdulWrap{flex-direction:column;}
		.schdule-box{width:100%;}
}

.schedule-inner{display: none;}
.schedule-inner.on{display: block;}

.month-search-box{display: inline-block; width: 100%; margin-bottom: 50px; }
.month-search-header {float: left; width: 300px; font-size: 0;}
.month-search-header::after{content:""; display: table; clear: both;}
.month-search-header p{display: inline-block; min-width: 200px; font-family: 'Gmarket'; font-size: 60px; line-height: 1.1; vertical-align: middle; color: #333;}
.month-search-content{float: left; width: calc(100% - 590px); display:none;}
.month-search-content .search-content-inner {display: block; width:100%; height:100%;}
.month-search-content .search-content-inner::after{content:""; display: table; clear: both;}
.month-search-content .png,.month-search-header .png{color: #444444; font-size: 17px; font-family: 'Gmarket'; display: block; line-height: 35px;}
.month-search-content .all-prev, .month-search-header .all-prev{position: relative; top: 0; display: inline-block; width: 50px; height: 50px; border: 1px solid #d7d7d7; background: url(/resources/custom/images/enter/sub/year_prev.png) no-repeat center; text-indent: -99999px; vertical-align: middle;}
.month-search-content .all-prev, .month-search-header .all-prev:hover{background:url(/resources/custom/images/enter/sub/year_prev_on.png) no-repeat center;}
.month-search-content .all-prev {display: none;}
.month-search-content .all-next, .month-search-header .all-next{position: relative; top: 0; display: inline-block; width: 50px; height: 50px; margin-left: -1px; border: 1px solid #d7d7d7; background: url(/resources/custom/images/enter/sub/year_next.png) no-repeat center; text-indent: -999999px; vertical-align: middle;}
.month-search-content .all-next, .month-search-header .all-next:hover { background: url(/resources/custom/images/enter/sub/year_next_on.png) no-repeat center;}
.month-search-content .all-next {display: none;}
.month-search-header .png {color:#fff;}
.month-search-content ul {margin-top: 6px; padding: 10px 120px 10px 40px;}
.month-search-content ul::after{content:""; display: table; clear: both;}
.month-search-content li{float: left; width: 8.3333%; text-align: center;}
.month-search-content li a{width: 100%; height: 100%; display: block; }
.month-search-content li span{position: relative; font-family: 'Gmarket'; font-size: 18px; color: #333; font-weight: 300;}
.month-search-content li.on span {color: #fff;}
.month-search-content li.on span:after{content: ''; position: absolute; left: calc(50% - 25px); top: calc(50% - 25px); z-index: -1; width: 50px; height: 50px; background: #1d3a8f; border-radius: 100%;}

.table-content-wrap {display: table; display:none;}
.table-content-wrap::after{content:""; display: table; clear: both;}
.table-content{vertical-align: top;}
.table-content caption {display: block !important; position: absolute; left: -99999px}
.table-content .table-month{padding-bottom: 30px; text-align: center;}
.table-content .table-month p{display: inline-block; }
.table-content .table-month p span{margin-right: 15px; font-family: 'Gmarket'; font-size: 20px; text-transform: uppercase; color: #19323c;}
.table-content .table-month .month-eng{font-family: 'Gmarket'; font-size: 22px; color: #333;}
.table-content-wrap ._fnTable{border: 0; width:100%;     table-layout: fixed;}
.table-content-wrap ._fnTable thead tr {border-bottom:1px solid #dcdcdc;}
.table-content-wrap ._fnTable thead tr, ._fnctWrap ._fnTable tbody tr._odd{background-color: white;}
.table-content-wrap ._fnTable thead tr th{height:50px; padding: 7px 0;background-color: #1d3a8f; font-weight: normal; border: 0; font-family: 'Gmarket'; font-size: 15px; box-shadow: none; color: #fff;}
.table-content-wrap ._fnTable tbody tr td{position: relative; height: 70px; border: 0; font-family: 'Gmarket'; font-size: 17px; vertical-align: top; color: #2a2a2a; text-align:center;  cursor:pointer;}
.table-content-wrap ._fnTable tbody tr td ul {padding:10px 0;}
.table-content-wrap ._fnTable tbody tr:last-child {border-bottom:0;}
.table-content-wrap ._fnTable tbody tr td .day{position: relative; top: 4px; z-index: 2; color: #666;}
.table-content-wrap ._fnTable tbody tr td.today {position: relative;}
.table-content-wrap ._fnTable tbody tr td.today::after {content: ''; position: absolute; left: 50%; top: 0; width: 100%; max-width: 100%; height: 100%; background: #ececec; transform: translate(-50%, 0); mix-blend-mode: multiply;}
.table-content-wrap ._fnTable tbody tr td.sun .day{color: #FF1800}
.table-content-wrap ._fnTable tbody tr td.sat .day{color: #01499A}
.table-content-wrap ._fnTable tbody tr td .date-circle{display: none; width:10px; height:10px; background:#537aed; border-radius: 100%; position: absolute; bottom: 15px; left:50%; z-index: 1; margin-left:-5px; text-indent: -99999px;}
.table-content-wrap ._fnTable tbody tr td .date-circle:first-of-type{display: inline-block;}
.table-content-wrap ._fnTable tbody tr td a{display:block; }
.table-content-wrap ._fnTable tbody tr td a:hover p{text-decoration:underline;}
.table-content-wrap ._fnTable tbody tr td a p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
#layer_planner{display: none;}
.month-search-header {width: 100%;}
.month-search-content {width: 100%;}
.month-search-content ul {margin-top: 15px; padding: 25px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.schedule-button {position: absolute; right: 0; top: 0; width: auto; margin-top: 14px;}

@media all and (max-width: 990px) {
    .month-search-box {margin-bottom: 2px;}
    .table-content .table-month {padding-bottom: 15px;}
    .table-content-wrap .applyList {padding: 20px; border-top: 1px solid #ccc;}
}

@media all and (max-width: 767px) {
		.table-content-wrap ._fnTable{display:block;}
		.table-content-wrap ._fnTable tr, .table-content-wrap ._fnTable td{display:block; width:100%;}
		.table-content-wrap ._fnTable thead{display:none;}
		.table-content-wrap ._fnTable tbody{display:block;}
		.table-content-wrap ._fnTable tbody tr td{height:fit-content;   text-align:left}
		.table-content-wrap ._fnTable tbody tr td ul{padding:24px 0; border-bottom:1px solid #eee;}
		.table-content-wrap ._fnTable tbody tr td .day{font-size:22px;}
		.table-content-wrap ._fnTable tbody tr td.today::after{left:0;}
}

@media all and (max-width: 600px) {
    .table-content-wrap .applyList col.th {width: 120px;}
    .table-content-wrap .applyList tbody th {font-size: 16px;}
    .table-content-wrap .applyList tbody td {font-size: 16px;}
    .month-search-content li {width: 16.666%; padding: 10px 0;}
    .table-content{padding:0;}
    .schedule-button{position:unset; width:100%; }
    .schedule-button-box{width:100%;}
    .schedule-button a{width:50%; text-align:center;}
}
@media all and (max-width: 500px) {
        .month-search-header p{font-size:30px; min-width:100px;}
}
#timeTableList .timeTable{border-top: 2px solid #184fa4; display:flex; flex-wrap:wrap; gap:0 20px; }
#timeTableList .timeTable > li{width:calc((100% - 20px) / 2); padding:50px 12px; border-bottom:1px solid #000;}
#timeTableList .timeTable > li a{display:block;}
#timeTableList .timeTable .program_tit{font-size: 1.875rem; font-weight:bold; line-height:1.5em; margin:20px 0 50px;}
#timeTableList .timeTable .program_date{font-family:'Gmarket'; font-weight:300; }
#timeTableList .timeTable > li a:hover .program_tit{color:#184fa4;}
@media screen and (max-width:1024px){
		#timeTableList .timeTable .program_tit{font-size:1.3rem;}
}

/*programlabel 공통*/
.program_label{position:relative; padding-left:24px; font-family:'Gmarket'; font-weight:300; }
.program_label:before{display:block; width:10px; height:10px; position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; border-radius:20px;}
.program_label.type01:before{background:#CEA4CC;}
.program_label.type02:before{background:#EE5A36;}
.program_label.type03:before{background:#A0C4E8;}
.program_label.type04:before{background:#1A9461;}
.program_label.type05:before{background:#F5AB54;}

.program_label02{position:relative; padding:12px; font-family:'Gmarket'; font-weight:300; display:inline-block; color:#fff; }
.program_label02.type01{background:#CEA4CC;}
.program_label02.type02{background:#EE5A36;}
.program_label02.type03{background:#A0C4E8;}
.program_label02.type04{background:#1A9461;}
.program_label02.type05{background:#F5AB54;}

.ProgramCalendarCategory-list{display:flex; justify-content: end; gap:10px; flex-wrap:wrap; margin-bottom:20px; width:100%; margin-top:10px;}
.ProgramCalendarCategory-list .program_label{font-size:12px; padding-left:12px;}

/*searchBox 공통*/
.ProgramFilter{background-color:#000F31;padding:3rem 2.375rem;width:400px; position: sticky; top:20px; left:0;}
.ProgramFilter_ref{position:absolute;top:0;right:0;color:#fff;text-decoration:underline;}
.ProgramFilterRow{margin-top:3.75rem;}
.ProgramFilterRow:first-child{margin-top:0;}
.ProgramFilterRow-title{font-size:0.875rem;line-height:1.2em;color:#fff;margin-bottom:0.938rem;position:relative;}
.ProgramFilterKeyword-list{overflow:hidden;margin:-0.313rem -0.313rem;}
.ProgramFilterKeyword-item{padding:0.313rem 0.313rem;float:left;}
.ProgramFilterKeyword-label{display:block;}
.ProgramFilterKeyword-input{display:none;}
.ProgramFilterKeyword-text{display:block;font-size:1rem;line-height:1.2em;font-weight:500;color:rgba(255,255,255,0.5);border:solid 1px rgba(255,255,255,0.5);border-radius:100px 100px;padding:0.438rem 0.813rem;}
.ProgramFilterKeyword-input:checked + .ProgramFilterKeyword-text{border-color:#fff;color:#000;background-color:#fff;}
.ProgramFilterCheck-item{margin-top:0.625rem;}
.ProgramFilterCheck-item:first-child{margin-top:0;}
.ProgramFilterCheck-label{display:block;}
.ProgramFilterCheck-input{display:none;}
.ProgramFilterCheck-text{display:block;font-size:1rem;line-height:1.2em;color:#fff;font-weight:500;padding:0.75rem 1rem;border:solid 1px rgba(255,255,255,0.5);position:relative;}
.ProgramFilterCheck-input:checked + .ProgramFilterCheck-text{padding-left:2.125rem;background-color:#fff;border-color:#fff;color:#000;}
.ProgramFilterCheck-input:checked + .ProgramFilterCheck-text:before{content:"";width:0.75rem;height:0.438rem;
    background-image:url(/resources/custom/images/kreon/sub/ico_filter_check.svg);background-size:0.75rem 0.438rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%);}
.PeriodBox-item{float: left;width: 25%;padding: 0 0.25rem;}
.PeriodBox-link {display: block;padding: 0.5rem 0;color: #fff;font-weight: 500;line-height: 1.5em;text-align: center;border: 1px solid #fff;}
.is-Selected .PeriodBox-link{background-color:#fff;color:#000;}
.BsCalender-input {display: block;width: 100%;font-size: 0.938rem;line-height: normal;color: #fff;padding: 1rem 12px;background-color: rgba(255, 255, 255, 0.12);cursor: pointer;
    background-size: 1.125rem 0.938rem;background-position: 0.938rem center;background-repeat: no-repeat; outline:none; border:none;}
.BsCalender-input::-webkit-calendar-picker-indicator {filter: invert(1);opacity: 0.8;}
.CalenderList-item{float: left; margin-top:30px;width: 50%;position: relative; padding:0.5rem;}
.CalenderList-item:first-child:after {content: "-";color: #fff;position: absolute;top: 50%;right: -0.2rem;transform: translateY(-50%);}
@media screen and (min-width:1025px){
    .ProgramFilterKeyword-text:hover{border-color:#fff;color:#fff;}}
@media screen and (max-width:1024px){
    .ProgramFilter{width:100%; position:unset;}
    .ProgramFilterCheck-list{display:flex; gap:10px; flex-wrap:wrap;}
    .ProgramFilterCheck-item{width:calc((100% - 40px) / 5); margin-top:0;}
}
@media screen and (max-width:767px){
	.ProgramFilterCheck-item{width:calc((100% - 10px) / 2);}
	.PeriodBox-item{width:50%}
	.CalenderList-item{width:100%; margin-top:0;}
}

/*Kreon Labs > 에듀테크 실증 > 실증 제품 소개 > list */
.program .board_header .searchBar .submit{border:none;}
.program .board_header{display:flex; align-items:center; justify-content: space-between; }
.program .board_header .board_cate_btn{margin:0;}
@media all and (max-width:1024px){
		.program .board_header{flex-direction:column; gap:10px;}
}
.program_list{display:flex; flex-wrap:wrap; gap:20px; margin-top:30px; display:none;}
.program_list.is-active{display:flex; }
.program_itm{width:calc((100% - 40px) / 3);}
.program_itm .thumb{width:100%; height:300px; position:relative;}
.program_itm .thumb .program_label02{position:absolute; top:20px; left:20px;}
.program_itm .thumb img{width:100%; height:100%; object-fit:cover;}
.program_itm .figcaption{padding:30px; border:1px solid #eee; border-top:none; margin-top:0; border-top:none;}
.program_itm .fig_tit{font-size:22px; margin-bottom:20px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight:bold;}
.program_itm .fig_info li{display:flex; margin-bottom:12px;}
.program_itm .fig_info li p{font-size:17px; flex:1;}
.program_itm .fig_info li span{width:100px; font-size:17px; font-weight:bold;}
@media all and (max-width:1024px){
		.program_itm{width:calc((100% - 20px) / 2);}
}
@media all and (max-width:768px){
        .program_itm{width:100%;}
        .program_itm .fig_info li{flex-direction:column; gap:10px;}
}

/*Kreon Labs > 프로그램 운영 > 참가신청 > detail */
.bbs_program .view_content{display:flex; gap:20px; flex-wrap:wrap;}
.bbs_program .left_img_box{width:60%; height:400px; border:1px solid #eee;}
.bbs_program .left_img_box img{width:100%; height:100%; object-fit:cover;}
.bbs_program .right_info_box{flex:1; padding:24px;}
.bbs_program .program_label02{margin-bottom:10px;}
.bbs_program .right_info_box .title p {font-size:24px; padding-bottom:20px ; border-bottom:1px solid #eee; margin-bottom:20px; font-weight:bold;}
.bbs_program .dinfo li{display:flex; margin-bottom:12px;}
.bbs_program .dinfo li p{font-size:17px; flex:1;}
.bbs_program .dinfo li span{width:100px; font-size:17px; font-weight:bold;}
.bbs_program .requestBtn{color:#4F79FF; padding:20px; border:1px solid #4F79FF; margin-top:20px; background:#fff; width:100%; font-size:16px;}
.bbs_program .detail_content{padding-top:20px; margin-top:20px; border-top:1px solid #eee;}
.bbs_program .detail_content img{width:100%; height:auto; max-width:1000px; display:block; margin:0 auto;}
@media all and (max-width:1024px){
        .bbs_program .left_img_box{width:100%;}
        .bbs_program .right_info_box{width:100%; padding:0;}
        .bbs_program .txt_info_box {padding:24px 0;}
}