@charset "euc-kr";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
 */

body { position: relative; background: #fff; }
.mobile { display: none !important; }
.pc { display: block !important; }
* { box-sizing: border-box; }
* a, a:hover, a:visited { color:inherit; text-decoration: none; cursor: pointer; }
.link { cursor: pointer; }
.link:hover { text-decoration: underline !important; }
.main_color { color: #00a9c1 !important; }
.keepall th, .keepall td { word-break:keep-all !important; }
.bg_gray { background: #fcfcfc; }
.flex { display: flex !important; width: 100%; }
.flex-between { flex-direction:row; justify-content:space-between }

/* header */
header {width: 100%; position:absolute; top:0;left:0;right:0;z-index:10000;transition:0.3s; }
header:hover { background: rgba(255,255,255,0.2); }
header h1 { }
header .gnb_wrap { border-bottom: 1px solid rgba(255,255,255,0.2);  }
header .gnb { width: 100%; max-width:1460px; padding:0 30px; height: 140px; display:flex !important ; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-between; align-content:center; margin: 0 auto; }
header .gnb_inner { height: 100%; }
header .gnb_inner > ul { margin: 0 auto; position: relative; display:flex; align-items:center; justify-content:center; align-content:center; }
header .gnb_inner > ul > li { height: 140px; position:relative; }
header .gnb_inner > ul > li > a { height: 100%; padding: 0 45px; color: #fff; font-size: 21px; font-weight: 500; position: relative; transition:0.2s; display:flex; align-items:center; justify-content:center; align-content:center;  }
header .gnb_inner > ul > li:hover > a, header .gnb_inner > ul > li.on > a { color: #00a9c1;	 }
header .gnb_inner > ul > li > ul { display:none; width: 100%; height: 240px; z-index:1000; position:absolute; top: 140px; left: 0px; margin: 0 auto; padding-top: 15px;}
header .gnb_inner > ul > li:hover > ul { background: rgba(255,255,255,0.3); }
header .gnb_inner > ul > li > ul li a { display:block; width:100%; height: 100%; color: #fff; text-align: center; font-size: 18px; font-weight: 500; letter-spacing: -0.5px; transition:0.2s; padding: 10px 0; line-height: 100%; }
header .gnb_inner > ul > li > ul li a:hover { color: #f8c37a;}
.gnb_bg { position: absolute; left: 0; top: 140px; background: rgba(255,255,255,0.2); width: 100%; height: 240px; z-index: 0; display: none; }
.global { width: 145px; border: 1px solid rgba(255,255,255,0.2); border-radius: 20px; text-align: center; }
.global a { font-size: 15.5px; font-weight: 300; color: #b7b7b7; line-height: 38px; transition:0.2s; }
.global a + a:before { content:''; width: 1px; height: 11px; background: #b0b5b8; display: inline-block; margin: 0 15px 0 10px; }
.global a:hover { color: #f8c37a; }

/* visual */
.visual { width: 100%; height: 960px; position:relative; overflow:hidden; border-radius: 0 0 0 230px; }
.visual .swiper-container { height: 960px; }
.visual .swiper-slide { width: 100%; height: 100%;}
.swiper-slide.visual_01 { background:url("/images/main/visu_01.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_02 { background:url("/images/main/visu_02.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.visuTxt_wrap { max-width: 1460px; padding:0 30px; height: 100%; display: flex; flex-direction:column; justify-content: center; align-items: flex-start; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; z-index: 99; padding-top: 140px; }
.visuTxt { color: #fff; text-shadow: 3px 3px 5px rgba(0,0,0,0.35); letter-spacing: -1px; }
.visuTxt01 { font-size: 65px; font-weight: 600; }
.visuTxt02 { font-size: 22px; font-weight: 400; margin-top: 15px; }
.visu_arr.mArr { margin-top: 70px; color: #fff; }

/* mContents_wrap */
.mContainer { padding: 100px 0; }
.mContents { max-width: 1460px; padding:0 30px; margin: 0 auto;}
.mContents .mTitle { font-size: 51px; font-weight: 600; color: #222; }
.mContents .mExplain { font-size: 20.5px; font-weight: 400; color: #222; gap:10px; flex-wrap:wrap; }
.mExplain .mExplain  { text-align: right; }
.mArr { font-size: 18px; font-weight: 400; }
.mArr img { margin-left: 15px; transition:0.3s; }
.mArr:hover img { animation-name:mArr-img;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1; }

@keyframes mArr-img {
	16.65% {
	-webkit-transform: translateX(6px);transform: translateX(6px);
  }
  33.3% {
	-webkit-transform: translateX(-4px);
	transform: translateX(-4px);
  }
  49.95% {
	-webkit-transform: translateX(3px);
	transform: translateX(3px);
  }
  66.6% {
	-webkit-transform: translateX(-2px);
	transform: translateX(-2px);
  }
  83.25% {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
  }
  100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
  }
}

/* mBoard_list */
.mBoard_list_wrap { display: flex; justify-content: space-between; align-items: flex-start; }
.mBoard_list { max-width: 675px; width: 48.5%; margin-top: 40px; }
.mBoard a { height: 140px; padding: 30px 35px; border: 1px solid #ddd; display: flex; flex-wrap: nowrap; flex-direction:row; align-items:center; gap:40px; border-radius: 20px; transition:0.2s; }
.mBoard:hover a { border: 1px solid #00a9c1; }
.mBoard + .mBoard { margin-top: 25px; }
.mBoard .mBoard_date {text-align: center; }
.mBoard .mBoard_day { width: 70px; font-size: 47px; font-weight: 600; color: #898989; line-height: 120%; letter-spacing: -0.5px; }
.mBoard .mBoard_year { font-size: 18px; font-weight: 600; color: #898989; letter-spacing: -1px; }
.mBoard .mBoard_txt { width: calc(100% - 110px); }
.mBoard .mBoard_classify { font-size: 17px; font-weight: 500; color: #00a9c1; }
.mBoard .mBoard_title { max-width: 100%; display: inline-block; font-size: 24px; font-weight: 600; color: #252525; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; position: relative; margin-top: 11px; padding-bottom: 2px;}
.mBoard .mBoard_title:before { content:''; display: block; width: 0; height: 2px; background: #252525; position: absolute; left: 0; bottom: 0;transition:0.3s; }
.mBoard:hover .mBoard_title:before { width: 100%; }

/* mTech_wrap */
.mTech_wrap { height: 900px; padding-top: 0; background: url('/images/main/mTech_bg.jpg') center no-repeat; background-size: cover; border-radius: 0 230px 0 0; }
.mTech_inner > div { color: #fff; }
.mTech_title_wrap { position: absolute; right: 0; top: 180px; }
.mTech_title_wrap > * { color: #fff !important; }
.mTech_title_wrap .mExplain { margin-top: 10px; }
.mTech_title_wrap .mArr { margin-top: 60px; }
.mTech { width: 285px; height: 285px; padding: 50px 40px; color: #fff; border: 1px solid rgba(255,255,255,0.6); position: absolute; word-break:keep-all; }
.mTech01 { top: 175px; left: 0; }
.mTech01:after { content:''; width: 140px; height: 135px; display: block; background: rgba(0,169,193,0.4); position: absolute; right: -20px; top: 265px; }
.mTech02 { top: 459px; left: 284px; }
.mTech03 { top: 95px; right: 545px; }
.mTech03:after { content:''; width: 172px; height: 172px; display: block; background: rgba(0,169,193,0.4); position: absolute; left: -50px; top: 235px; }
.mTech04 { top: 475px; right: 300px; }
.mTech05 { top: 540px; right: 0; }

.mTech_list_en .mTech { padding: 25px 35px; line-height: 145%;  }


/* mBottom */
.mBottom_wrap { background: linear-gradient(to right, #00a9c1 50%, #012350 50%); margin-top: 100px; }
.mBottom { max-width: 1460px; padding:0 30px; margin: 0 auto; display: flex; flex-direction:row; justify-content: center; align-items: center; }
.mBottom > div { width: 50%; position: relative; }
.mBottom > div a { display: flex; flex-direction:row; justify-content: space-between; align-items: center;  }
.mMember > a { padding: 45px 50px 45px 0; }
.mLocation > a { padding: 45px 50px 45px 60px; }
.mBottom .msTitle { font-size: 42px; font-weight: 600; color: #fff; }
.mBottom .mTxt { font-size: 20.5px; color: #fff; margin-top: 20px; word-break:keep-all; }
.mBottom > div:hover img { animation-name:mBottom-img;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1; }

@media all and (max-width:1400px){/**/
	.mMember > a { padding-left: 60px; }
}/**/


@keyframes mBottom-img {
	16.65% {
	-webkit-transform: translateY(6px);transform: translateY(6px);
  }
  33.3% {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
  }
  49.95% {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
  }
  66.6% {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
  }
  83.25% {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
  }
  100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}


/* Footer */
footer { width: 100%; background: #353535; position: relative; }
.footer_wrap { max-width: 1460px; padding:45px 30px; margin: 0 auto; position: relative; }
.footer_txt { font-size: 17px; font-weight: 300; color: #b7b7b7; }
.footer_terms { text-align: right; margin-top: 20px; }
.footer_terms a { color: #fff; font-size: 14px; font-weight: 300; transition:0.2s;  text-underline-offset: 5px;}
.footer_terms a:hover { text-decoration: solid underline #fff 1px; text-underline-position: under; }
.footer_terms a:first-child:after { content:''; width: 1px; height: 12px; background: #868686; display: inline-block; margin: 0 11px 0 15px; }

/* sVisual */
.sVisual { width:100%; height: 430px; margin-bottom: 35px; background-size: cover; position: relative; clear: both; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start; border-radius: 0 0 0 230px; }
.sVisuTxt_wrap { height: 100%; padding-top: 140px; position: relative; overflow: hidden; display: flex; flex-direction:column; justify-content: center; text-align: center; background: url('/images/sub/sVisu_bg.jpg') right 0 no-repeat; z-index: 100; }
.sVisual_bg { width: 100%; height: 100%; animation: sv_ani 1s ease-in-out; animation-fill-mode: forwards; overflow: hidden; }
.sVisual_bg01 {  background: url('/images/sub/sVisu_01.jpg') center no-repeat; background-size:cover; }
.sVisual_bg02 {  background: url('/images/sub/sVisu_02.jpg') center no-repeat; background-size:cover; }

.sVisuTxt_wrap { width: 100%; height: 100%; margin: 0 auto; position: absolute; top: 0; right: 0; left: 0; display: flex; flex-direction:column; justify-content: center; align-items: center; z-index: 1000; }
.sVisuTxt { color: #fff; word-break:keep-all; }
.sVisuTxt01 { font-size: 56px; font-weight: 600; }

.sVisuTxt_wrap .location { display: none; }
.sVisuTxt_wrap .location > li { font-size: 17px; color:#fff; font-weight:300; padding:0 15px; float:left; background:url('/images/sub/locationDot.png') no-repeat left 12px;}
.sVisuTxt_wrap .location > li:first-child { background:none; padding-left: 0; }
.sVisuTxt_wrap .location > li:first-child img { vertical-align: top; margin-top: 7px; }

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

.snb { max-width: 1460px; padding:0 30px; height: auto; text-align: center; margin: 25px auto 60px; overflow: hidden; z-index: 100; }
.snb > li { float: left; margin-left: -1px; margin-top: -1px; background: url('/images/sub/snbLine.png') right center no-repeat; margin-top: 5px;}
.snb > li:last-child { background: none; }
.snb > li > a { width: 100%; height: 55px; text-align: center; font-size: 19.5px; font-weight: 500; display: flex; flex-wrap: nowrap; flex-direction:row; justify-content: center; align-items:center; border-bottom: 3px solid #012350;  position: relative; }
.snb > li:hover > a { color: #111; }
.snb > li.on > a { color: #012350; border: 3px solid #012350; border-bottom: #fff;}
.snb > li.on > a:hover:after { height: 0; }
.snb > li > a:hover:after,.snb > li > a:focus:after {height:49px; transition: all 0.3s ease 0s;}

.snb.s2 > li {width:calc(50% + 1px);}
.snb.s3 > li {width:calc(33.33% + 1px);}
.snb.s4 > li {width:calc(25% + 1px);}
.snb.s5 > li {width:calc(20% + 1px);}
.snb.s6 > li {width:calc(16.6% + 1.8px);}
.snb.s7 > li {width:calc(14.285% + 1px);}
.snb.s8 > li {width:calc(12.5% + 1px);}

@media all and (max-width:1399px){/**/
	.snb > li > a { font-size: 18px; letter-spacing: -0.5px; }
}/**/

/* sContainer */
.sContainer { max-width: 1460px; padding:0 30px; height: 100%; min-height:400px; margin: 40px auto 100px; }

.sub_tab { width: 100%; height: auto; text-align: center; margin: 0 auto 50px; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: stretch; gap:10px;}
.sub_tab > li { border-radius: 30px; min-height: 47px; }
.sub_tab > li > a { width: 100%; height: 100%; border: 1px solid #b7b7b7; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center;	 word-break:break-all; border-radius: 30px; overflow: hidden; padding: 10px 10px; position: relative; }
.sub_tab > li > a:hover { color: #111; border-color: #595959; position: relative; z-index: 1;}
.sub_tab > li > a:after { content:''; z-index:-1; position:absolute; left:0; top:0; display:block; width:100%; height:0%; background:#f9f9f9; transition: all 0.3s ease 0s; }
.sub_tab > li > a:hover:after,.sub_tab > li > a:focus:after {height:100%; transition: all 0.3s ease 0s;}
.sub_tab > li.on > a { color: #fff; background: #0b2f6b; border-color: #0b2f6b; }
.sub_tab > li.on > a:hover:after { display: none; }

.sub_tab.s2 li { width: 190px; }
.sub_tab.s3 li { width: 190px; }
.sub_tab.s4 li { width: 200px; }
.sub_tab.s5 li { width: 150px; }

/* sContents */
.sContents_wrap { position: relative; }
.sContents_wrap .title { text-align: center; }
.sContents_wrap .title h2 { font-size:41px; color:#111; font-weight:600; margin-bottom: 60px; letter-spacing:-0.5px; position: relative; display: inline-block; }
.sContents_wrap .title h2:after { width: 100%; height: 5px; background: #acacac; position: absolute; right: 0; bottom: 0; content:''; display: inline-block;}
.sContents h4 { font-size: 32px; font-weight: 600; color: #012350; margin: 40px 0 15px; background: url('/images/sub/conTItle.jpg') 0 center no-repeat; padding-left: 45px; }
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h5 { font-size: 21px; font-weight: 600; margin:40px 0 15px; color:#00a9c1; text-decoration: solid underline #00a9c1 1px; text-underline-offset: 2px; text-underline-position: under; }
.sContents h4 + h5 { margin-top: 0; }
.sContents .imgBox { margin-bottom: 20px; }
.sContents .imgBox img { max-width:100%; }
.txtBox { word-break: keep-all; text-align: justify;}

/* intro_list */
.intro_list {  }
.intro { margin-bottom: 30px; border: 1px solid #ddd; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items:stretch; }
.intro:nth-child(1) { border-radius: 50px 0 0 0; }
.intro_title { width: 270px; font-size: 30px; font-weight: 500; color: #012350; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items:center; border-right: 1px solid #ddd; text-align: center; padding: 0 10px; line-height: 120%; }
.intro_info { width: calc(100% - 270px); padding: 35px; }
.intro_info_title { font-size: 23px; font-weight: 600; margin-bottom:15px; color:#00a9c1; text-decoration: solid underline #00a9c1 1px; text-underline-offset: 2px; text-underline-position: under; }
.intro_info_txt { }

/* ¿¬Çõ */
.history { display: flex; flex-wrap: nowrap; flex-direction:row; justify-content: flex-start; align-items:flex-start; margin-bottom:45px; padding-bottom:45px; background:url('../images/sub/dotLine.jpg') repeat-x bottom; }
.hisory_year { width: 225px; font-size: 34px; font-weight: 600; color: #00a9c1;	line-height: 100%; }
.history_info_list { width: calc(100% - 225px); }
.history_info { display: flex; flex-wrap: nowrap; flex-direction:row; }
.history_info + .history_info { margin-top: 40px; }
.hisory_month { width: 50px; font-weight: 600; color: #111111; }
.hisory_context { width: calc(100% - 50px); }

.history_list_en .hisory_month { width: 120px; }
.history_list_en .hisory_context { width: calc(100% - 120px); }

/* vision */
.vision { background-image: url('/images/sub/vision_01.jpg'), url('/images/sub/vision_02.jpg'); background-position: 0 0, right 0; background-repeat:no-repeat; }
.vision_inner { display: flex; flex-wrap: nowrap; flex-direction:row; justify-content: flex-end; align-items:center; gap:75px; padding-top: 55px;}
.vision_logo { width: 158px; height: 158px; border-radius: 158px; border: 1px solid #00a9c1; position: relative; display: flex; flex-wrap: nowrap; flex-direction:row; justify-content: center; align-items:center; background: #fff; }
.vision_logo:after { content:''; position: absolute; width: 75px; height: 1px; background: #00a9c1; display: block; top: 0; bottom: 0; margin: auto 0; right: -75px; }
.vision_info_wrap { width: 980px; padding: 50px 30px 50px 95px; border-radius: 300px; border: 1px solid #00a9c1; background: #fff; }
.vision_info { display: flex; flex-wrap: nowrap; flex-direction:row; justify-content: center; align-items:flex-start; }
.vision_info + .vision_info { margin-top: 25px; }
.vision_info_title { width: 170px; font-size: 32px; font-weight: 600; color: #00a9c1; }
.vision_info_txt { width: calc(100% - 170px); font-size: 23px; word-break:keep-all; }

/* message */
.message { display: flex; flex-wrap: nowrap; flex-direction:row; justify-content: space-between; align-items:flex-start; gap:90px; }

/* member */
.member_wrap { display: flex; flex-wrap: nowrap; flex-direction:row; justify-content: space-between; align-items:flex-start; gap:95px; }
.member_wrap + .member_wrap { margin-top: 75px; padding-top: 75px; background:url('../images/sub/dotLine.jpg') repeat-x top; }

.member_left { width: 327px; }
.member_ceo_img { border-radius: 60px 0 0 0 ; overflow: hidden; }
.member_ceo_txt { background: #00a9c1; padding: 25px; color: #fff; text-align: right; }
.member_ceo_position { font-size: 23px; font-weight: 600; color: #fff; position: relative; }
.member_ceo_position:before { content:''; height: 1px; width: 232px; display: block; background: #fff; position: absolute; left: -25px; top: 20px; }
.member_ceo_name { font-size: 25px; font-weight: 500; color: #fff; letter-spacing: normal; line-height: 135%; margin-top: 10px; }
.member_right { width: 980px; }
.member_ceo_info_wrap { display: flex; flex-wrap: wrap; flex-direction:row; align-items:flex-start; gap: 50px 80px; }
.member_ceo_info { width: 45%; }
.member_ceo_info_title { font-size: 32px; font-weight: 600; color: #012350; margin-bottom: 15px; }

.member_cso_img img { border-radius: 500px; margin-bottom: 25px; }
.member_cso .member_info { width: 100%; }
.member_list { display: flex; flex-wrap: wrap; flex-direction:row; align-items:flex-start; gap: 50px 2%; }
.member { width: 49%; display: flex; flex-wrap: nowrap; flex-direction:row; align-items:flex-start; gap: 20px; }
.member_info { width: calc(100% - 165px); }
.member_position { font-size: 23px; font-weight: 600; color: #00a9c1; }
.member_name { font-size: 25px; font-weight: 500; color: #252525; }
.member_degree { font-weight: 300; line-height: 135%; }
.member_career { font-weight: 300; line-height: 135%; letter-spacing: normal; }
.member_career:before { display: block; max-width:90%; width: 245px; height: 1px; background: #ddd; margin: 10px 0; content:''; }
.member_img { width: 135px; height: 175px; border-radius: 50%; overflow: hidden; position: relative; }
.member_img_line { border: 1px solid #ddd; }

/* about nk */
.nk_wrap { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items:stretch }
.nk { width: 48.5%; border: 1px solid #d7d7d7; padding: 55px 45px; border-radius: 45px; }
.nk .txtBox { margin-top: 40px; }

/*platform*/
.platform { position: relative; margin-top: 65px; }
.platform .dotList { position: absolute; width: 34%;  right: 0;  }
.platform .dotList li { letter-spacing: -0.1px; word-break:keep-all; margin-bottom: 18px; text-align: justify; line-height: 150%;}
.platform01 .dotList { top: 3.5vw; }
.platform02 .dotList { top: 2vw; }
.platform02 img { width: 73%; }

/* career */
.careerTitle { font-size: 30px; border: 1px solid #d7d7d7; padding: 50px 55px; }
.career_txt01 { color: #012350; font-size: 45px; font-weight: 600; }
.career_txt02 { color: #00a9c1; }
.career_circle_wrap { margin-top: 85px; display: flex; flex-direction:row; gap: 130px; justify-content:center }
.career_circle { }
.career_ico { width: 255px; height: 255px; border-radius: 255px; font-size: 30px; font-weight: 500; color: #fff; margin-bottom: 25px; display: flex; flex-direction:column; justify-content:center; align-items:center;  }
.career_ico img { margin-bottom: 10px; }
.career_ico_01 { background: #ebab55; }
.career_ico_02 { background: #01234f; }
.career_ico_03 { background: #00a9c1; }

/* location */
.location_map { width: 100% !important; }
.root_daum_roughmap .wrap_map { height: 400px !important; }
.root_daum_roughmap .wrap_controllers { display: none; }
.location_info { margin-top: 20px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; gap: 10px 60px; border: 1px solid #d7d7d7; border-bottom: 4px solid #00a9c1; padding: 20px; text-align: center; }
.location_info span { color: #111; font-weight: 500;}


/* btn */
.btn_over:before { display: block; content:''; width: 120%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; -webkit-transform-origin: right top; -ms-transform:translateX(-101%) skewX(-17.620001deg); transform: translateX(-101%) skewX(-17.620001deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1); }
.btn_over { display: inline-block; border: 1px solid #00b0f0; background: #00b0f0; cursor: pointer; position: relative; overflow: hidden; transition: color .55s; text-align: center; border-radius: 20px; color: #fff; }
.btn_over:hover::before { background: #fff; -webkit-transform:translateX(0) skewX(-17.62deg); -ms-transform:translateX(0px) skewX(-17.620001deg); transform: translateX(0px) skewX(-17.620001deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.btn_over a { display: block; width: 100%; height: 100%; position: relative; z-index: 100; transition: color .55s; padding: 5px 30px; }
.btn_over:hover a { color: #00b0f0; }

.btn_plus.btn_over {  }
.btn_plus.btn_over a { padding: 5px 60px 5px 30px; background: url('/images/sub/plus_wh.png') calc(100% - 25px) center no-repeat !important; color: #fff !important;  background-size: 17px !important; }
.btn_plus.btn_over:hover a { color: #00b0f0 !important; background: transparent url('/images/sub/plus_sky.png') calc(100% - 25px) center no-repeat !important; background-size: 17px !important;}
.btn_plus.btn_over:before { background: #fff !important; }

.sContents .navy_btn { display: inline-block; background: #002c71 !important; border-color: #002c71 !important; color: #fff !important; padding: 10px 30px 10px 30px; }
.sContents .sky_btn { background: #2eafc9 !important; border-color: #2eafc9 !important; color: #fff !important; padding: 10px 30px 10px 30px; }
.sContents .red_btn { background: #a50021 !important; border-color: #a50021 !important; color: #fff !important; padding: 10px 30px 10px 30px; }
.sContents .green_btn { background: #21ba45 !important; border-color: #21ba45 !important; color: #fff !important; padding: 10px 30px 10px 30px; }
.sContents .gray_btn { background: #333f50 !important; border-color: #333f50 !important; color: #fff !important; padding: 10px 30px 10px 30px; }

.sContents .navy_btn:hover { background: #002256 !important; border-color: #002256 !important; }
.sContents .sky_btn:hover { background: #289ab1 !important; border-color: #289ab1 !important; }
.sContents .red_btn:hover { background: #9e0121 !important; border-color: #9e0121 !important; }
.sContents .green_btn:hover { background: #0ea432 !important; border-color: #0ea432 !important; }
.sContents .gray_btn:hover { background: #293340 !important; border-color: #293340 !important; }

.sContents .btn_320 input { width: 320px !important; margin-bottom: 5px !important; }
.sContents .btn_190 input { width: 190px !important; margin-bottom: 5px !important; }

.btn_200.btn_over { width: 200px !important; }


.module_speaker_up { float: right; margin-top: -10px; }
.sContents .module_speaker_up input { width: 180px; cursor: pointer; text-align: center; margin-right: 15px; ursor: pointer; border-radius: 30px; padding: 10px 50px 10px 30px; color: #fff;}
.sContents .module_speaker_up input:last-child { margin-right: 0; }
.module_speaker_up { margin-bottom: 5px; }
.sContents .module_speaker_up .move_up { background: #002c71 url('/images/sub/up.png') calc(100% - 25px) center no-repeat !important;}
.sContents .module_speaker_up .move_up:hover { background: #002256 url('/images/sub/up.png') calc(100% - 25px) center no-repea !importantt; }
.sContents .module_speaker_up .move_down { background: #2eafc9 url('/images/sub/down.png') calc(100% - 25px) center no-repeat !important;}
.sContents .module_speaker_up .move_down:hover { background: #289ab1 url('/images/sub/down.png') calc(100% - 25px) center no-repeat !important;}

input.remove_speaker.next { background: #35b2cb !important; border-color: #35b2cb !important; }
input.remove_speaker.next:hover { background: #33a9c1 !important; border-color: #33a9c1 !important; }
input#btn_add_speaker.next { background: #002c71 !important; border-color: #002c71 !important;}
input#btn_add_speaker.next:hover { background: #002256 !important; border-color: #002256 !important;}

.module_organizer_up { float: right; margin-top: -10px; }
.sContents .module_organizer_up input { width: 180px; cursor: pointer; text-align: center; margin-right: 15px; ursor: pointer; border-radius: 30px; padding: 10px 50px 10px 30px; color: #fff;}
.sContents .module_organizer_up input:last-child { margin-right: 0; }
.module_organizer_up { margin-bottom: 5px; }
.sContents .module_organizer_up .move_up { background: #002c71 url('/images/sub/up.png') calc(100% - 25px) center no-repeat !important;}
.sContents .module_organizer_up .move_up:hover { background: #002256 url('/images/sub/up.png') calc(100% - 25px) center no-repea !importantt; }
.sContents .module_organizer_up .move_down { background: #2eafc9 url('/images/sub/down.png') calc(100% - 25px) center no-repeat !important;}
.sContents .module_organizer_up .move_down:hover { background: #289ab1 url('/images/sub/down.png') calc(100% - 25px) center no-repeat !important;}

input.remove_organizer.next { background: #35b2cb !important; border-color: #35b2cb !important; }
input.remove_organizer.next:hover { background: #33a9c1 !important; border-color: #33a9c1 !important; }
input#btn_add_organizer.next { background: #002c71 !important; border-color: #002c71 !important;}
input#btn_add_organizer.next:hover { background: #002256 !important; border-color: #002256 !important;}

.list_search { padding-right: 10px; }
.list_search .tt { padding-top: 0; }
.list_search form { display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
.search_right { width: calc(100% - 115px); display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; justify-content:flex-start; gap:5px 10px;  }
.list_search .search_right select { margin-right: 0; }
#xtopic { width: 342px; }
#xsearch {  }
#xdate {  }
#xquery { width: 642px; margin-right: 0; }


/* ====== .pipeline-table ====== */
table.pipeline-table {width: 100%;border-collapse: collapse;text-align:center;font-size:15px;}
.pipeline-table th, .pipeline-table td {border: 1px solid #e0e0e0;padding: 14px 10px;}
.pipeline-table th {background-color: #00b4c6;color: white;font-weight: 600;border: none;}
.pipeline-table th:first-child {border-top-left-radius: 25px;}
.pipeline-table th:last-child {border-top-right-radius: 25px;}
.pipeline-table .indication {color: #00a1b2;font-weight: 500;}
.pipeline-table .drug-type {color: #f4a23c;font-weight: 500;}
.pipeline-table .stage, .pipeline-table .note {color: #555;}
/* ====== ¹ÝÀÀÇü (¸ð¹ÙÀÏ Ä«µåÇü) ====== */
@media (max-width: 768px) {
    .pipeline-table, .pipeline-table thead, .pipeline-table tbody, .pipeline-table th, .pipeline-table td, .pipeline-table tr {display: block;}
    .pipeline-table thead {display: none; /* Çì´õ Á¦°Å */}
    .pipeline-table tr {margin-bottom: 20px;border: 1px solid #ddd;border-radius: 15px;padding: 12px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
    .pipeline-table td {border: none;text-align: left;padding: 8px 5px;}
    .pipeline-table td::before {content: attr(data-label);display: block;font-weight: 600;color: #00b4c6;margin-bottom: 4px;}
}