@charset "utf-8";

/* 메인 */
#container.main{padding:0;}
#container .sec01{background:#0a0c35;border-bottom:1px solid #2e3a5a;}
#container .sec02{background:#0a0c35;}
#container .sec03{background:#0a0c35;}
#container .content.main{overflow:hidden;padding:30px 0 30px;line-height:1;}

/* BX슬라이드 관련 */
.bx-wrapper{position: relative;margin:0 auto;padding: 0;*zoom: 1;z-index:0;}
/* PAGER */
.bx-wrapper .bx-pager, .bx-controls-auto{display:none;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-controls-direction{}
.bx-wrapper .bx-prev {left:0;background:url("../images/main/btn_controls_prev.png") 0 0 no-repeat;}
.bx-wrapper .bx-next {left:80px;background:url("../images/main/btn_controls_next.png") 0 0 no-repeat;}
.bx-wrapper .bx-controls-direction a {position: absolute;top:80%;margin-top: -50px;margin-left:8%;margin-right:10%;outline:0;width:62px;height:62px;text-indent:-9999px;z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}

/* 메인슬라이드 */
.m_banner_wrap .bx-controls-direction{}

/* 메인컨텐츠 */
.m_banner_wrap{position:relative;}
.slide_m{display:none;}



/* ===== VISUAL FRAME ===== */
.s_visual{
  position: relative;
  width: 100%;
  /*height: 100vh;*/
  height: 600px;
  min-height: 560px;
  overflow: hidden;
  background: #000;
}

.s_visual.sub{height:auto;min-height:auto;}

/* 로고 중앙 */
.s_visual .logo_ttl{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 50;

  display: flex;
  align-items: center;
  justify-content: center;

  width: auto;          /* 이미지 크기에 맡김 */
  max-width: 520px;     /* 필요 시 조절 */
  pointer-events: none;
}

/* 로고 이미지 자체 */
.s_visual .logo_ttl img{
  display: block;
  max-width: 100%;
  height: auto;
}


.s_visual .s_slide3{
  position:absolute;
  inset:0;
}

/* ===== SET ===== */
.s_visual .set{
  position:absolute;
  inset:0;
  display:flex;
  opacity:0;
  pointer-events:none;

  transform-origin:center center;
  will-change: transform;
}

.s_visual .set.is-active{
  opacity:1;
  pointer-events:auto;
}

/* 3분할 패널 */
.s_visual .set > p{
  margin:0;
  height:100%;
  overflow:hidden;

  /* drop-in 기본 */
  transform: translateY(-120%);
  opacity:0;
  transition:
    transform 900ms cubic-bezier(.2,.8,.2,1),
    opacity 600ms ease;
}


.s_visual .set > .slide01{ flex: 0 0 33%; width:33%; }
.s_visual .set > .slide02{ flex: 0 0 34%; width:34%; }
.s_visual .set > .slide03{ flex: 0 0 33%; width:33%; }

.s_visual .set > .slide02,
.s_visual .set > .slide03{
  margin-left: -1px;
}

/* 이미지 채우기 */
.s_visual .set img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ===== 내려오기 ===== */
.s_visual .set.is-dropin > .slide01{ transform:translateY(0); opacity:1; transition-delay:0ms; }
.s_visual .set.is-dropin > .slide02{ transform:translateY(0); opacity:1; transition-delay:160ms; }
.s_visual .set.is-dropin > .slide03{ transform:translateY(0); opacity:1; transition-delay:320ms; }

/* ===== 올라가기 ===== */
.s_visual .set.is-riseout > .slide01,
.s_visual .set.is-riseout > .slide02,
.s_visual .set.is-riseout > .slide03{
  transform:translateY(-120%);
  opacity:0;
  transition-delay:0ms;
}

/* ===== 세트 통째로 줌 (고급스러운 숨쉬기) ===== */
@keyframes ealaSetZoom{
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.s_visual .set.is-zoom{
  animation: ealaSetZoom 9s cubic-bezier(.4,0,.2,1) forwards;
}

/* reduce motion */
@media (prefers-reduced-motion: reduce){
  .s_visual .set{ opacity:1; }
  .s_visual .set > p{
    transform:none;
    opacity:1;
    transition:none;
  }
  .s_visual .set.is-zoom{ animation:none; }
}

/* 메인컨텐츠*/
.m_txt{color:#949494;line-height:1.7;}
.m_txt .txt_pt{font-size:22px;color:#828282;}
.m_ttl{text-align:center;font-size:40px;padding:30px 0 0;font-weight:500;}
.m_ttl span{display:block;font-size:18px;}

.m_jrc_wrpa{width:80%;margin:0 auto;}
.m_jrc{overflow:hidden;display: flex;flex-direction: row;}
.m_jrc li{float:left;width:32.3%;margin:0 0.5%;padding:15px 20px;box-sizing:border-box;border:1px solid #d6d6d6;border-radius:10px;}
.m_jrc li strong{display:block;font-size:20px;}
.m_jrc li.js{border:1px solid #0073a2;}
.m_jrc li.js strong{color:#0073a2;}
.m_jrc li.rb{border:1px solid #09a9a8;}
.m_jrc li.rb strong{color:#09a9a8;}
.m_jrc li.cr{border:1px solid #302f62;}
.m_jrc li.cr strong{color:#302f62;}


.visual_wrap{padding-top:120px;}

.logo_ms{text-align:center;padding:30px 0 0;}
.logo_ms a{padding:10px 20px;}

/*서브페이지*/
.sub_visual{position:relative;z-index:100;}

/*
.stab{position:absolute;width:100%;box-sizing:border-box;border-bottom:1px solid #d6d6d6;text-align:center;z-index:300;background:rgba(50,49,99);height:120px;}
.stab a{display:inline-block;padding:45px 15px 50px;color:#fff;font-weight:500;box-sizing:border-box;font-size:16px;}
.stab a:first-child{border:none;}
.stab a.selected{color:#fff;font-weight:600;}
*/



.stab {
	position: relative;
	z-index: 100;
	width:100%;box-sizing:border-box;border-bottom:1px solid #d6d6d6;text-align:center;z-index:300;background:rgba(50,49,99);height:120px;
}

.stab a{color:#fff;}

.stab ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.stab ul li {
	position: relative;
	margin: 0;
	padding: 0;
}

.stab ul li > a {
	display: block;
	padding: 45px 20px;
	text-decoration: none;
	white-space: nowrap;
}

.stab ul li > a.selected {
	font-weight: 700;
}

.stab .stab-item {
	display: none;
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 220px;
	padding: 30px 0;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	text-align: center;
	z-index: 999;
	border-radius:10px;
}

.stab .stab-item a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	white-space: nowrap;
	color:#000;
	font-size:13px;
}

.stab .stab-item a:hover {
	background: #f7f7f7;
}

.stab ul li.open .stab-item {
	display: block;
}

/* hover 가능한 PC 환경 */
@media (hover: hover) and (pointer: fine) {
	.stab ul li.has-sub:hover .stab-item {
		display: block;
	}
}


/* 텝 */

ul.tabList{overflow:hidden;padding:30px 0 10px;text-align:center;width:100%;}
ul.tabList li{float:left;width:50%;border-bottom:2px solid #dadde1;padding:20px 0;}
ul.tabList li.active{border-bottom:2px solid #3c3f42;color:#3c3f42;}
ul.tabList li a{color:#979a9e;}
ul.tabList li.active a{color:#3c3f42;}


ul.tabs{overflow:hidden;padding:30px 0 10px;text-align:center;width:100%;}
ul.tabs.two li{width:50%;}
ul.tabs.one li{width:100%;}
ul.tabs li{float:left;width:25%;border:1px solid #c4c4c4;background:#f6f6f6;box-sizing:border-box;margin-right:-1px;padding:10px;}
ul.tabs li.active {margin-right:0;font-weight:500;background:#162da1!important;border:1px solid #162da1;}
ul.tabs li.active a{color:#fff;}

.tab_container {clear: both;width:100%;}
.tab_content{padding:5px 0;font-size: 16px;display: none;}


/* 프로그램다시 */
.program_area{background:#fff;border:1px solid #1672a1;}
.program_area.s02{background:#fff;border:1px solid #1a9d3f;}
.program_area.s03{background:#fff;border:1px solid #64c09b;}
.program_area.s04{background:#fff;border:1px solid #f39ec2;}
.program_area .session{background:#e8f2f7;padding:20px 20px;}
.program_area .sTitle{font-size:20px;color:#162da1;}
.program_area .speaker{font-style:italic;color:#777;background:none;}
.program_area .speaker span{font-style:normal;color:#c28a69;background:none;}
.program_area .session.s02{background:#e8f6ec;}
.program_area .session.s02 .sTitle{color:#1a9d80;}
.program_area .session.s03{background:#eef9e8;}
.program_area .session.s03 .sTitle{color:#34946d;}
.program_area .session.s04{background:#fbe1ed;}
.program_area .session.s04 .sTitle{color:#bd2968;}


.program_area .sessions{padding:20px 20px;}
.program_area .sessions ul{overflow:hidden;margin-bottom:20px;}
.program_area .sessions ul li{float:left;width:75%;}
.program_area .sessions ul li:nth-child(1){width:15%;}
.program_area .sessions ul.bg01{background:#f6f6f6;}
.program_area .sessions ul.bg02{background:#ebf8f5;}

.sessions01{border:1px solid #f6f6f6;background:#f6f6f6;padding:20px 20px;}
.sessions01 ul{overflow:hidden;}
.sessions01 ul li{float:left;width:75%;}
.sessions01 ul li:nth-child(1){width:15%;}
.sessions01 ul.bg01{background:#f6f6f6;}


/* 버튼 */
.btn_down_bb{margin:20px 0 10px;}
.btn_down_bb a{padding:10px 5px;border:1px solid #7d4cfc;border-radius:30px;font-size:13px;background:#7d4cfc;color:#fff;min-width:150px;display:inline-block;text-align:center;}



/* 테이블 */
.tbl_A{width:100%;border-top:2px solid #162da1;border-collapse:collapse;table-layout:fixed;font-size:14px;}
.tbl_A th{padding:12px 15px;text-align:center;background-color:#fafafa;color:#222121;font-weight:normal;border:1px solid #e5e5e5;border-collapse:collapse;vertical-align:middle;line-height:1.4;}
.tbl_A td{padding:12px 15px;text-align:center;color:#3a3a3a;font-weight:normal;border:1px solid #e5e5e5;border-collapse:collapse;vertical-align:middle;line-height:1.5;word-break:break-all;word-break:keep-all;}
.tbl_A td.ttl{padding:5px 15px;text-align:left;background-color:#fafafa;color:#222121;font-weight:normal;border:1px solid #e5e5e5;border-collapse:collapse;vertical-align:middle;}
.tbl_A.txt-C th{text-align:center;}
.tbl_A.txt-C td{text-align:center;}

/* 리스트 */
.listD{overflow:hidden;margin:0 0 0 9px;}
.listD li{padding:0 0 0 8px;line-height:1.4;margin:2px 0;background:url(../images/common/ico_dot.png) 0 0.7em no-repeat;}

/* 박스 */
.boxG{background:#fafafa;border:1px solid #d9d9d9; padding:15px;}
.boxW{background:#fff;border:1px solid #d9d9d9; padding:15px;}

.bgwrap{background:#f3f6f9;margin:-100px -30px 0;}
.bgboot{background:url(../images/sub/bg_bootcamp01.png) right bottom no-repeat;background-size:50%;padding-bottom:130px!important;}
.bgsymp{background:url(../images/sub/bgsymp.png) right bottom no-repeat;background-size:70%;padding-bottom:130px!important;}
.research{background:url(../images/sub/bg_bootcamp.png) right bottom no-repeat;background-size:60%;padding-bottom:230px!important;}

/* about */
.about_wrap{overflow:hidden;margin-top:50px;}
.about_wrap .font_p{color:#313163;font-weight:500;font-size:20px;padding:10px 0;}
.about_wrap .ct01{float:left;width:50%;box-sizing:border-box;padding:0 50px;}
.about_wrap .ct02{float:left;width:50%;box-sizing:border-box;padding:0 50px;margin-top:50px;}

/* GOVERNANCE */
.governance{overflow:hidden;display:flex;flex-direction: row;}
.governance .ghalf{float:left;width:49%;margin:0.5%;box-sizing:border-box;border:1px solid #ddd;padding:30px;border-radius:5px;text-align:center;background:#fbfbfb;}
.governance .ghalf .name strong{display:block;font-size:20px;color:#002fa7;}
.governance.three .ghalf{width:32.3333%;background:#ffffff!important;} 


.contact_logo{overflow:hidden;display:flex;flex-direction: row;}
.contact_logo .logo{float:left;width:30%; margin-right:1%;box-sizing: border-box;}
.contact_logo .con{float:left;width:69%; box-sizing: border-box;}

.con_po{}
.con_po ul{overflow:hidden;display:flex;flex-direction: row;}
.con_po ul li{float:left;width:49%;margin: 1% 1% 0 0;border:1px solid #e3e2e2;box-sizing: border-box;border-radius:10px;padding:20px 30px;}
.con_po .txt_num{color:#d9e4ed;font-size:30px;}
.con_po .txt_01{color:#4b291d;font-weight:500;}
.con_po .txt_02{color:#76787e;}

.con_ei{overflow:hidden;display:flex;flex-direction: row;padding:30px;}
.con_ei01{float:left;width:39%;margin-right:1%;box-sizing: border-box;background:#c7dbf5;border-radius:10px;padding:30px;}
.con_ei02{float:left;width:60%;box-sizing: border-box;background:#f6f5f3;border-radius:10px;padding:30px;}
.con_ei02 li{margin-bottom:20px;padding-left:60px;}

.con_ei02 li:nth-child(1){background:url(../images/sub/ico_ei01.png) 0 0 no-repeat;}
.con_ei02 li:nth-child(2){background:url(../images/sub/ico_ei02.png) 0 0 no-repeat;}
.con_ei02 li:nth-child(3){background:url(../images/sub/ico_ei03.png) 0 0 no-repeat;}
.con_ei02 li:nth-child(4){background:url(../images/sub/ico_ei04.png) 0 0 no-repeat;}


@media (max-width:1260px){

}


@media (max-width:1024px){

/* 이미지스왑 */
.pimg{display:none}
.mimg{display:block;}

.slide_p{display:none;}
.slide_m{display:block;}

.stab{position:relative;margin-top:0;display:none;}
.stab a{display:block;padding:12px 0;}


.logo_ms a{display:block;}


/* about */
.about_wrap{margin-top:50px;}
.about_wrap .font_p{color:#ccc;font-weight:500;font-size:20px;padding:10px 0;}
.about_wrap .ct01{float:left;width:100%;box-sizing:border-box;padding:0 25px;}
.about_wrap .ct02{float:left;width:100%;box-sizing:border-box;padding:0 25px;margin-top:50px;}


.m_jrc{display:block;}
.m_jrc li{float:left;width:100%;margin:5px 0;}
.m_jrc li strong{display:block;font-size:20px;}
.do_img img{width:100%;}

#header{height:120px;background:#323163;}

.contact_logo{overflow:hidden;display:block;}
.contact_logo .logo{float:left;width:100%; margin-right:0%;margin-bottom:5px;box-sizing: border-box;}
.contact_logo .con{float:left;width:100%; box-sizing: border-box;}


.con_po ul{overflow:hidden;display:block;}
.con_po ul li{float:left;width:100%;margin:0%;margin-top:10px;}

.con_ei{display:block;}
.con_ei01{float:left;width:100%;margin-right:0%;}
.con_ei02{float:left;width:100%;}

.btn_down_bb a{width:100%;margin-bottom:5px;}




}

@media (max-width:979px){
.bx-controls-direction{display:none;}

.governance{display:block;}
.governance .ghalf{width:98%;}
.governance.three .ghalf{width:98%;}

.bgboot{background-size:120%;}
.bgsymp{background-size:150%;}

ul.tabs li{float:left;width:100%;border:1px solid #c4c4c4;background:#f6f6f6;box-sizing:border-box;margin-right:0;margin-bottom:-1px;padding:10px;}


ul.tabList li{float:left;width:100%;border-bottom:2px solid #dadde1;padding:20px 0;}
ul.tabs.two li{width:100%;}
ul.tabs.one li{width:100%;}
ul.tabs li{float:left;width:100%;border:1px solid #c4c4c4;background:#f6f6f6;box-sizing:border-box;margin-right:-1px;padding:10px;}

}

@media (max-width:767px){


  /* 모바일: 1장 풀스크린 스테이지 */
  .s_visual .set{
    display:block;
  }
  .s_visual .set > p{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    overflow:hidden;

    /* PC 드롭인 무력화 */
    transform:none !important;
    opacity:0;
    transition: opacity 250ms ease !important;
  }

  /* JS가 m-show-*로 1장만 보이게 */
  .s_visual .set.m-show-1 > .slide01{ opacity:1; }
  .s_visual .set.m-show-2 > .slide02{ opacity:1; }
  .s_visual .set.m-show-3 > .slide03{ opacity:1; }

  /* 3분할 flex 무력화 */
  .s_visual .set > .slide01,
  .s_visual .set > .slide02,
  .s_visual .set > .slide03{
    flex:none !important;
    width:100% !important;
  }

}


@media (min-width:980px){


}

@media (max-width:480px){

}

@media (min-width:1260px){


}