@import url("common.css");

/* visual */
#visual {width:100%; 
  height:650px;
  height:520px;
  position:relative; 
  margin-top:130px;
  /* margin-top: 58px; */
  /* top:-30px; */
  clear:both; opacity:0;
}
.slick-slider {
  position: relative; display: block;}
.slick-list {position: relative; display: block; overflow: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
.slick-initialized .slick-slide{display: block;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}

.slick-prev, .slick-next{ font-size: 0; line-height: 0; 
  position: absolute; top: 53%; display: block; cursor: pointer; color: transparent; 
  border: none; outline: none; background: transparent;}

.cover01{background-image:url('../images/main/visual_01.jpg');}
.cover02{background-image:url('../images/main/visual_02.jpg');}



.sub_imgbox{height:100%;}
.section {
  /* margin-bottom:2px; */
  width:100%;height:100%;min-height:400px;
  position:relative;overflow:hidden;background-position:center;background-size:cover; border:0;
}
.sub_imgbox .slick-list ,
.sub_imgbox .slick-track {height:100%;}


.slick-dots{position: absolute; right:20px; top:140px; z-index:99}
.slick-dots li{float:left; margin:0 2px}
.slick-dots li button{width:14px; height:14px; border:0; font-size:0; 
  background-color:rgba(255,255,255,.4); cursor:pointer}
.slick-dots li.slick-active button{background-color:#fff}



.visual_txt {top:-30px;clear:both; opacity:0 }
.cover01 .text_area{
  /* position:absolute;  */
  max-width:1280px; color:#fff;  z-index:1; 
  left:320px;
}
.cover02 .text_area {
  /* position:absolute;  */
  max-width:1280px; color:#fff;  z-index:1; 
  right:320px;
  text-align:right;
}
.text_area {
  height:auto;
  /* top:50%; */
  transform:translateY(74%);
  margin:0 auto;
}

.krt02 .pointyellow>em {
  font-style:normal !important;
  font-weight:500 !important;
  position:relative;
}
.pointyellow>em::before {
  content:'';
  position:absolute;
  display: block;
  width:.428rem;
  height:.428rem;
  border-radius:100px;
  background-color: #ffe100;
  top:-9px;
  left:50%;
  transform:translateX(-50%);
}
.text_area .krt01 {
  -webkit-text-size-adjust: 100%; 
  font-size:32px; 
  font-weight:500;
  line-height:120%; 
  margin-bottom:12px; 
  /* text-shadow: 0 0 5px rgba(0, 0, 0, 1.0); */
}
.text_area .krt02{
  -webkit-text-size-adjust: 100%; 
  font-size:38px; 
  font-weight:500;
  line-height:120%; 
  margin-top:10px; 
  margin-bottom:12px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 1.0); 
  /* font-family:var(--eng02); 
  font-weight: 900;  */
}



.text_area .krb{
  -webkit-text-size-adjust: 100%; font-size:60px; font-family:var(--fw60); line-height:1.2;  
  text-shadow: 0 0 5px rgba(0, 0, 0, 2.0);
  font-weight:700;
}
.text_area .krb02 {
  margin-right:96px;
}
.text_area .krb strong {font-family:var(--fw80);}
.text_area .krb br{display:block;}



.text_area .krp{
  -webkit-text-size-adjust: 100%; font-size:60px; font-family:var(--fw90); line-height:1.2;
   text-shadow: 0 0 5px rgba(0, 0, 0, 1.5);
   font-weight:700;
  }
  .text_area .krp02 {
    margin-left:72px;
  }
/* .text_area .krp span{letter-spacing:-3px;  font-family:var(--fw90);  line-height:150%; } */





.text_area .eng1{position: relative; line-height:130%; color:#fff; font-size:35px;letter-spacing: -1.5pt !important; font-weight:400; text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);}
.text_area .eng1 span { letter-spacing: -1.5pt}
.text_area .eng1 .fw90 {font-weight:900;}



.text_area .kr{font-size:17px; color:rgba(255,255,255,0.8); line-height:24px; letter-spacing:-0.8px; -webkit-text-size-adjust: 100%;}
.text_area .kr .none{display:none;}

.text_area .vbtn{border-radius:50px; letter-spacing:-0.5px; padding:21px 0; font-size:15px; color:#fff; background:rgba(255,255,255,0.1);border:2px solid #fff; text-align:center; line-height:100%; display:block; width:206px; margin:50px auto 0 auto;transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; box-sizing: border-box;}
.text_area .vbtn:hover{color:#fff;background:#b21b21; border:2px solid #b21b21;}

.text_main {margin-top: 120px;}

/* Arrows */
.sub_imgbox .slick-prev, .sub_imgbox .slick-next{position: absolute; display: block; top:50%; width: 60px;height: 60px; padding: 0;  -webkit-transform: translate(0, -46%);    -ms-transform: translate(0, -46%);
	transform: translate(0, -46%);cursor: pointer;  color: transparent; border: none; outline: none; background: transparent; z-index:999; font-size:0}
.sub_imgbox .slick-prev{left:80px; background:url('../images/main/v_arrow_l.png') no-repeat left center;}
.sub_imgbox .slick-next{right:80px; background:url('../images/main/v_arrow_r.png') no-repeat right center;}
.sub_imgbox .slick-slider{position: relative;display: block;box-sizing: border-box;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
		touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
.sub_imgbox .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.sub_imgbox .slick-initialized .slick-slide{display: block;}



/* main */
.scroll_down {display: none;
	position:absolute; 
	bottom:55px; 
	left:50%; 
	margin-left:-80px; 
	padding-top:60px;
	width:160px; 
	height:60px; 
	background:url("../images/main/mouse_down.png") 50% 0 no-repeat; 
	color:#f5f5f5;
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	letter-spacing:3px;
	text-decoration:none;
	font-size:16px; 
	font-weight:800;
	line-height:100%;
	z-index:10;
	animation: scroll_ani 1.8s ease-in-out infinite;
}
.scroll_down a{color:#f5f5f5; font-size:16px; font-weight:600; line-height:100%; font-family: 'Montserrat', sans-serif;}
@keyframes scroll_ani {          
       0% {bottom: 25px;} 
	   50% {bottom: 45px;}  
       100% {bottom: 25px;} 
}

.main_btn1{margin-top:50px; font-weight:600; font-family: 'Montserrat', sans-serif; border-radius:140px; padding:18px 0; font-size:13px; color:#2d3133; background:rgba(255,255,255,0.9);
text-align:center; line-height:100%; display:block; width:140px; transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.main_btn1:hover{color:#fff;background:#006eb7}


.main_btn2{font-family: 'Montserrat', sans-serif; font-weight:600; border-radius:50px; padding:21px 0; font-size:13px; color:#2d3133; background:rgba(255,255,255,0.9); text-align:center; line-height:100%; display:block; width:206px; margin:40px auto 0 auto;transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.main_btn2:hover{color:#fff;background:#006eb7}



.main_line{width:1px; background:#333; height:80px;}
.main_sq{background:#333; width:8px; height:8px; border-radius:8px;}



/* Contents */
#main_container > div {text-align:center !important;}

h3.main_title {
  font-size:60px; 
  /* font-family: 'Roboto', sans-serif;  */
  line-height:1.2; 
  font-weight:700; 
  color:#222; text-align:center;  
  letter-spacing: 0em; margin-bottom: 3px; }
h3.main_title span{
  /* font-family: 'Roboto', sans-serif;   */
  color: #2089d8; letter-spacing:-.025em;
  text-align:center !important; }
h3.main_title.left {
  text-align:left;
  position:relative;
  margin-bottom:0;
  width:auto;
}
/* .main_title.left::after */
.nn-line {
  display:block;
  width: calc( 46% - 60px);
  max-width:100%;
  height:1px;
  background-color:#333;
  /* position: absolute; */
}
p.margin_smtxt{ 
  font-size:20px; color:#222 !important;
   font-family:var(--fw40); line-height:140%; 
   letter-spacing:-0.9px; text-align:center;
  }

.moreWrap {
  margin-top:15px;
}
.view-more {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  width: 13rem;
  width:auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content:flex-end;
  float:right;
}
.view-more .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
	width:44px;
  height:44px;
  background-color:#c5ff6d;
  border-radius: 1.625rem;
}
.view-more .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.view-more .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	left:1rem;
  left:50%;
  top:50%;
  transform:translateX(-50%) translateY(-50%);
}
.view-more .circle .icon.arrow::before {
  /* position: absolute; */
  content:'\f3dd';
  font-family:'Material Symbols Outlined';
  display:block;
  transform: rotate(0deg);
  font-size:20px;
  line-height:1.1;
  transition: all 400ms;
  color:#333;
  font-weight:600;
}
.view-more .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  /* position: absolute;
  top: 0;
  left:-5px;
  right: 0;
  bottom: 0;
  padding:0.75rem 0;
  margin: 0 0 0 3.85rem; */
  margin-right:10px;
  color:#a1a1a1;
  line-height:1.85;
  text-align: center;
	font-size:16px;
  font-weight:400;
}
/* .view-more:hover .circle {
  width:100%;
} */
.view-more:hover .circle .icon.arrow::before {
  transform:rotate(180deg);
  
  /* background-color:#0c2551; */
  /* transform: translate(1rem, 0); */
}
/* .view-more:hover .button-text {
  color:#fff;
} */


.contentArea .more {font-weight:800; font-family:'Montserrat', sans-serif; color:#b21b21; font-size:12px;  text-decoration:underline;}
.contentArea a.more {width:134px; height:47px; line-height:47px; background-color:rgba(255,255,255,0.8); display:block; margin:30px auto 0 auto;text-decoration:none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.contentArea a.more:hover {background-color:#144e94; color:#fff; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}


/*************************** Main Features 주요 기능 20260213 ***************************/
#mainFeatures_wrap {
  width:100%; 
  position: relative; 
  top: 0px; 
  overflow: hidden; 
  background-color:#fff; 
  padding:80px 0 90px 0; 
  z-index: 2;
}
#mainFeatures_wrap h3 {
  text-align:center; 
}
#mainFeatures_wrap h3 span {
  text-align:center;}
#mainFeatures_wrap p.margin_smtxt {
  color: #fff !important;
  display: none;
}
#mainFeatures_wrap .mf_in{
  position: relative; 
  overflow: hidden; 
  max-width:1280px; 
  margin:0 auto;
}
#mainFeatures_wrap .mf_box {
  position:relative; 
}


  
/*  마우스오버 효과 커스텀 Main Features 주요 기능 */
.icon-arrow-right:before {
  content:'\e5c8';
  display:block;
  font-size:26px;
  font-family:'Material Symbols Outlined';
  line-height:44px;
}
.mainFeatures-section {
  margin:0 auto;
  /* margin-block:calc(var(--spacing)*10); */
  width: 100%;
  max-width:1280px;
  position: relative;
  top: 0px;
  z-index: 9;
  /* display: flex; */
  padding: 45px 0;
}

@media (min-width: 768px) {

}

/* .mf-container-wrap {
    height: calc(var(--spacing)*150);
    padding-bottom: calc(var(--spacing)*10)
} */

@media (min-width: 980px) {
  .mf-container-wrap {
    height:356px;
    /* padding-block:calc(var(--spacing)*5); */
  }
}

.mf-container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  gap:30px 0;
}

@media (min-width: 980px) {
  .mf-container {
      flex-direction:row;
      gap:0 30px;
  }
}

.mf-item {
  /* margin: calc(var(--spacing)*2); */
  cursor: pointer;
  border-radius: var(--radius-xl);
  flex: 1;
  transition: flex .6s ease-in-out;
  position: relative;
  overflow: hidden;
}
.mf-item.active,
.mf-item:hover,
.mf-item:focus {
  flex: 0 40%;
}
@media (min-width: 1199px) {
  .mf-item.active,
  .mf-item:hover,
  .mf-item:focus {
    flex: 0 50%;
  }
}
@media (min-width: 979px) {
  .mf-item.active,
  .mf-item:hover,
  .mf-item:focus {
    flex: 0 45%;
  }
}
.mf-item.active .image-wrap img,
.mf-item:hover .image-wrap img,
.mf-item:focus .image-wrap img {
  transform: scale(1.05);
}
.mf-item.active .description-wrap,
.mf-item:hover .description-wrap,
.mf-item:focus .description-wrap {
  bottom: calc(var(--spacing)*10);
}
.mf-item.active .description-wrap .title,
.mf-item:hover .description-wrap .title,
.mf-item:focus .description-wrap .title {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading,var(--text-3xl--line-height));
}

@media (min-width: 979px) {
  :is(.mf-item.active .description-wrap .title,
  .mf-item:hover .description-wrap .title,
  .mf-item:focus .description-wrap .title) {
    font-size:var(--text-5xl);
    line-height: var(--tw-leading,var(--text-5xl--line-height));
  }
}

/* @media (min-width: 768px) {
  :is(.mf-item.active .description-wrap .title,
  .mf-item:hover .description-wrap .title,
  .mf-item:focus .description-wrap .title) {
    font-size:var(--text-4xl);
    line-height: var(--tw-leading,var(--text-4xl--line-height));
  }
} */


/* .mf-item.active .description-wrap .description,
.mf-item:hover .description-wrap .description,
.mf-item:focus .description-wrap .description {
    max-height: 50vh;
    max-height:356px;
    padding-top: calc(var(--spacing)*3)
} */

.mf-item.active .link-wrap>span,
.mf-item:hover .link-wrap>span,
.mf-item:focus .link-wrap>span {
  background-color: var(--color-point);
  /* background-color:#9cff00; */
}
.mf-item.active .link-wrap>span span,
.mf-item:hover .link-wrap>span span,
.mf-item:focus .link-wrap>span span {
  padding-left: calc(var(--spacing)*3);
  max-width: 50vw;
}

.mf-item:focus {
  /* outline-style: var(--tw-outline-style);
  syntax: "*";
  inherits: false; */
  outline-style:solid;
  initial-value: solid;
  outline-width: 0;
}
.mf-item .image-wrap {
  /* border-radius: var(--radius-2xl); */
  border-radius: var(--radius-4xl);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mf-item .image-wrap .image-bg-wrap {
  z-index:-1;
  background-color: #1e293933;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(152deg, #25ceb4 30%, #00aecd, #31addb);
  background-size: 100% 150%;
}
.mf-item:nth-child(2) .image-wrap .image-bg-wrap {
  background: linear-gradient(152deg, #2c91cd 30%, #0e84cb, #0677bb);
}
/* @supports (color: color-mix(in lab, red, red)) {
  .mf-item .image-wrap .image-bg-wrap {
      background-color:color-mix(in oklab,var(--color-bg-dark)20%,transparent);
  }
} */
.mf-item .image-wrap img {
  /* object-fit: cover; */
  width: 100%;
  height: 100%;
  width: 182px;
  height: 174px;
  transition: transform .6s ease-in-out;
  margin-top:-30px;
  /* display: block;
  display: block;
  margin-left: 50%;
  transform: translateX(-50%); */
}
@media (max-width: 980px) {
  .mf-item .image-wrap img {
    margin-top:0;
    width:160px;
    height:153px;
  }
  
}

.mf-item .description-wrap {
  bottom: calc(var(--spacing)*0);
  padding-bottom: calc(var(--spacing)*4);
  padding-left: calc(var(--spacing)*8);
  z-index: 1;
  transition: bottom .6s;
  position: absolute;
}
.mf-item .description-wrap .title {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading,var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  transition: font-size .6s;
}
@media (min-width: 979px) {
  .mf-item .description-wrap .title {
    font-size:var(--text-4xl);
    line-height: var(--tw-leading,var(--text-4xl--line-height));
  }
}


/* .mf-item .description-wrap .description {
  max-height: calc(var(--spacing)*0);
  font-size: var(--text-lg);
  line-height: var(--tw-leading,var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  white-space: pre-line;
  transition: max-height .6s;
  overflow: hidden;
} */

@media (min-width: 768px) {
  /* .mf-item .description-wrap .description {
    font-size:var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height));
  } */
}

.mf-item .link-wrap {
  right: calc(var(--spacing)*0);
  bottom: calc(var(--spacing)*0);
  border-top-left-radius: var(--radius-2xl);
  border-bottom-left-radius: var(--radius-2xl);
  padding: calc(var(--spacing)*2);
  position: absolute;
}
.mf-item .link-wrap:after {
  content: "";
  z-index: 1;
  border-radius: 0 0 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -30px;
  right: 0;
  box-shadow: 30px 30px 0 30px #fff;
}
.mf-item .link-wrap:before {
  content: "";
  z-index: 1;
  border-radius: 0 0 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: -30px;
  box-shadow: 30px 30px 0 30px #fff;
}
.mf-item .link-wrap>span {
  border-radius: var(--radius-4xl);
  /* outline-style: var(--tw-outline-style); */
  outline-style: solid;
  /* syntax: "*";
  inherits: false;
  initial-value: solid; */
  outline-width: 8px;
  outline-color: var(--color-white);
  background-color: var(--color-button-bg-black);
  z-index: 2;
  justify-content: center;
  align-items: center;
  transition: background-color .6s ease-in-out;
  display: flex;
  position: relative;
}
.mf-item .link-wrap>span span {
  font-size: var(--text-lg);
  line-height: var(--tw-leading,var(--text-lg--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-white);
  white-space: nowrap;
  max-width: 0;
  transition: max-width .6s ease-in-out,padding-left .6s ease-in-out;
  overflow: hidden;
}

@media (min-width: 768px) {
  .mf-item .link-wrap>span span {
    font-size:var(--text-xl);
    line-height: var(--tw-leading,var(--text-xl--line-height));
  }
}

.mf-item .link-wrap>span i {
  margin: calc(var(--spacing)*2);
  height: calc(var(--spacing)*6);
  width: calc(var(--spacing)*6);
  /* height: calc(var(--spacing)*9.5);
  width: calc(var(--spacing)*9.5); */
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading,var(--text-xl--line-height));
  /* --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold); */
  color: var(--color-white);
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (min-width: 768px) {
  .mf-item .link-wrap>span i {
    /* height:calc(var(--spacing)*8);
    width: calc(var(--spacing)*8); */
    height:calc(var(--spacing)*9.715);
    width: calc(var(--spacing)*9.715);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading,var(--text-2xl--line-height));
  }
}

.mf-item .link-wrap>span:after {
  right: calc(var(--spacing)*-4);
  bottom: calc(var(--spacing)*-4);
  height: calc(var(--spacing)*4);
  background-color: var(--color-white);
  content: "";
  width: 100%;
  position: absolute;
}

/* //  마우스오버 효과 커스텀 */




/*************************** // Main Features 주요 기능 20260213 ***************************/



/*************************** curriculum_wrap ***************************/

#curriculum_wrap{width:100%; position: relative; top: 0px; overflow: hidden; 
  background-color:#fff; padding:80px 0 90px 0; 
}
#curriculum_wrap h3{text-align:center; }
#curriculum_wrap h3 span{text-align:center;}
#curriculum_wrap p.margin_smtxt{
  color: #fff !important;
  display: none;
}

#curriculum_wrap .curriculum_in{position: relative; overflow: hidden; max-width:1280px; margin:0 auto;}
#curriculum_wrap .curriculum_box {position:relative; }


#curriculum_wrap{position: relative; z-index: 2;}


#curriculum_wrap .product_list{
  position:relative; top:0px; z-index: 9; 
  /* display: flex;  */
  padding: 45px 0;
}
#curriculum_wrap .product_list .list{margin:0 30px 0 0; width:calc((100% - 90px)/4); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.20); position: relative; border-radius:20px; overflow: hidden; backdrop-filter: blur(15px);}
#curriculum_wrap .product_list .list.one{ 
  transition-delay:0.6s;
}
#curriculum_wrap .product_list .list.two{
  background: linear-gradient(152deg, #2c91cd 30%, #0e84cb, #0677bb); 
  transition-delay:0.8s;
}
#curriculum_wrap .product_list .list.three{ transition-delay:1s;}

#curriculum_wrap .product_list .list.twin {
  background: rgba(0, 73, 148, 0.80);  /* background: rgba(0, 139, 210, 0.80);*/ transition-delay:1.2s; margin:0;
  background: linear-gradient(152deg, #25ceb4 30%, #00aecd, #31addb);
	background-size: 100% 150%;
}

/*
#curriculum_wrap .product_list .list.one{background: rgba(0, 73, 148, 0.80); transition-delay:0.6s;}
#curriculum_wrap .product_list .list.two{background: rgba(0, 105, 178, 0.80); transition-delay:0.8s;}
#curriculum_wrap .product_list .list.three{background: rgba(1,122,195,0.80); transition-delay:1s;}
#curriculum_wrap .product_list .list.four{background: #0082d6; background: rgba(0, 139, 210, 0.80);transition-delay:1.2s; margin:0;}
*/
#curriculum_wrap .product_list .list a{display: block; box-sizing:border-box; padding:15% 10%;}
#curriculum_wrap .product_list .list a .tit{font-size: 26px; line-height: 140%; min-height:85px; letter-spacing: -0.5px; color:var(--white); 
  font-family: var(--fw40); position:relative; z-index:5; transition:all .3s linear;}
#curriculum_wrap .product_list .list a .con{font-size: 18px; line-height: 140%;letter-spacing: -0.5px; color:rgba(255,255,255,.7); 
  margin:10px 0 0; min-height:50px; position:relative; z-index:5; transition:all .3s linear;}
#curriculum_wrap .product_list .list a ul{display: flex; align-items:center; justify-content:space-between; padding: 100px 0 0;}
#curriculum_wrap .product_list .list a ul li.icon{width:80px; height:80px; position:relative; z-index:5; transition:all .3s linear;}
#curriculum_wrap .product_list .list.one a ul li.icon{background:url('../images/main/curriculum_icon04_w.png') no-repeat center/100% auto;}
#curriculum_wrap .product_list .list.two a ul li.icon{background:url('../images/main/curriculum_icon01_w.png') no-repeat center/100% auto;}
#curriculum_wrap .product_list .list.three a ul li.icon{background:url('../images/main/curriculum_icon02_w.png') no-repeat center/100% auto;}
#curriculum_wrap .product_list .list.four a ul li.icon{background:url('../images/main/curriculum_icon03_w.png') no-repeat center/100% auto;}
#curriculum_wrap .product_list .list a ul li.arrow{}
#curriculum_wrap .product_list .list a ul li.arrow span{display:inline-block; width: 50px; height: 50px; line-height:50px; font-size:30px; text-align:center; color:var(--main); position:relative; transition:all .3s linear;}
#curriculum_wrap .product_list .list a ul li.arrow span:before{content:''; display:block; width: 100%; height: 100%; background:var(--white); border-radius:50%; position: absolute; left: 0; top:0; z-index: -1; transition:all .3s linear;}
/* 추가 */
/* #curriculum_wrap .product_list .list a:hover {background:var(--white);transition:all .6s linear;} */
/* //추가 */
/* #curriculum_wrap .product_list .list a:hover .tit{color:var(--main2);transition:all .4s linear;}
#curriculum_wrap .product_list .list a:hover .con{color:#555; transition:all .4s linear;}
#curriculum_wrap .product_list .list a:hover ul li{transition:all .4s linear;} */
/* #curriculum_wrap .product_list .list.one a:hover ul li.icon{background-image:url('../images/main/curriculum_icon04.png');}
#curriculum_wrap .product_list .list.two a:hover ul li.icon{background-image:url('../images/main/curriculum_icon01.png');}
#curriculum_wrap .product_list .list.three a:hover ul li.icon{background-image:url('../images/main/curriculum_icon02.png');}
#curriculum_wrap .product_list .list.four a:hover ul li.icon{background-image:url('../images/main/curriculum_icon03.png');} */
/*
#curriculum_wrap .product_list .list a:hover ul li.arrow span{transform:translateX(-15px); transition:all .3s linear;}
#curriculum_wrap .product_list .list a:hover ul li.arrow span:before{transform:scale(30); transition:all .5s linear;}
*/

#curriculum_wrap .product_list .list.one a ul li.arrow span{color:var(--main);}
#curriculum_wrap .product_list .list.two a ul li.arrow span{color:var(--sub2);}
#curriculum_wrap .product_list .list.three a ul li.arrow span{color:#017AC3;}
#curriculum_wrap .product_list .list.four a ul li.arrow span{color:var(--sub);}


/*************************** //curriculum_wrap ***************************/





/************************ 기업홍보관 ************************/
/*** sub의 채용정보 ***/	

#corpromo_wrap {
  position:relative;
  z-index:2;
  padding:80px 0 90px 0;
}
#corpromo_wrap .corpromo_in {
  position:relative;
  overflow:hidden;
  max-width:1280px;
  margin:0 auto;
}
.rec_con {
  padding:45px 0 0 0;
}
.corpromo_box .main_title>br {
  display:none;
}
/* 나머지 코드는 이미 제작된 sub에 있음 */
/************************ //기업홍보관 ************************/


/*************************** program_wrap ***************************/
/*************************** 채용정보와 동일하게 쓰임 ***************************/

#program_wrap{width:100%; position: relative; top: 0px; overflow: hidden; background:#f6f6f6; padding:80px 0 90px 0; }
/* #program_wrap h3{text-align:center;}
#program_wrap h3 span{text-align:center;}
#program_wrap p.margin_smtxt{} */

.program_in{position: relative; display: block; overflow: hidden; max-width:1280px; margin:0 auto;transition:all 1s .6s linear;}
.program_in .banner_box {position:relative; }
.program_list{position:relative; top:0px; z-index: 9; display: flex; padding: 45px 0 0 0;}
.program_in .box{position: relative; margin:0 40px 0 0; width:calc((100% - 80px)/3); border-radius:20px; overflow:hidden; box-shadow:0px 10px 30px rgba(0, 0, 0, 0.10); transition:all 1s linear;}
.program_in .box:last-child{margin: 0;}
.program_in .box .bg{position:absolute; left:0; top:0; width:100%; height:100%; z-index: 1;}
.program_in .banner_box{}
.program_in #ir{backdrop-filter: blur(15px);}
.program_in .banner_box a{display:block; width:100%; height:100%; box-sizing:border-box; padding:20% 10%; position: relative; z-index: 2;}
.program_in .banner_box a .eng_t{font-size: 16px; line-height: 140%;letter-spacing: 0.5px; padding: 0 0 4px; font-family:var(--eng); font-weight: 600; color:var(--white); position: relative; z-index: 5;}
.program_in .banner_box a .tit{font-size: 26px; line-height: 140%; min-height:30px; letter-spacing: -0.5px; color:var(--white); font-family: var(--fw40); position: relative; z-index: 5;}
.program_in .banner_box a .con{font-size: 18px; line-height: 140%;letter-spacing: -0.5px;  padding: 20px 0 0; color:rgba(255,255,255,.8); position: relative; z-index: 5;}
.program_in .banner_box a .arrow{display: inline-block; width:50px; height:50px; line-height: 50px; font-size:30px; color:var(--main); text-align:center; margin: 100px 0 0;  position: relative; z-index: 3; transition:all .3s linear;}
.program_in .banner_box a .arrow:before{content:''; display:block; width: 100%; height: 100%; background:var(--white); border-radius:50%; position: absolute; left: 0; top:0; z-index: -1; transition:all .5s linear;}

.program_in .banner_box a:hover .arrow{transform:translateX(10px); color:var(--white);}
.program_in .banner_box a:hover .arrow:before{transform:scale(30);}
.program_in #program a:hover .arrow:before{background: rgba(0, 73, 148, 0.70);}
.program_in #certification a:hover .arrow:before{background: rgba(0, 105, 178, 0.50);}


/*************************** //program_wrap ***************************/



/*************************** notice_wrap ***************************/
#notice_wrap{width:100%; position: relative; top: 0px; overflow: hidden; background:#fff; padding:80px 0 90px 0; }
#notice_wrap h3{text-align:center;}
#notice_wrap h3 span{text-align:center;}
#notice_wrap p.margin_smtxt{}

#notice_wrap .notice_in{width: 100%; position: relative; overflow: hidden; max-width:1280px; margin:0 auto;}
#notice_wrap .notice_box {position:relative; }


#notice_wrap{position: relative; z-index: 2;}

.notice_list {
  position:relative; 
  overflow:hidden; 
  padding:5px 0 0 0; 
  display:flex;
  
}
.notice_in .notice_list {
  gap:0 13px;
}
.notice_list dl {
  /* float:left;  */
  /* margin:0 30px 0 0;  */
  /* width:calc((100% - 90px)/4);  */
  width:100%; 
  border:1px solid #ddd; 
  box-sizing:border-box; 
  border-radius:20px; 
  overflow:hidden;
  background-color:#fff;
}
.notice_list dl:nth-child(4n){margin-right:0;}
.notice_list dl {display:block;}
.notice_list dl:hover{border-color:#ccc} 
.notice_list dl:hover p.title{color:var(--main)}
.notice_list dt {overflow:hidden;}
.notice_list dd {
  position:relative; 
  padding:2.7rem 1.2rem;
  min-height:188px;
  height:100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.nn-wrap .notice_list dd {
  padding:0;
  display:flex;
  flex-direction:row;
  min-height:auto;
  height:84px;
  align-items:center;
  justify-content:space-between;
  align-items:center;
}
.nn-wrap .notice_list dd>a {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
}
.notice_list dd p.title {
  transition: all 0.3s ease; 
	/* padding: 10px 0 20px 0; */
  font-family:var(--fw40);
  font-size: 20px; 
  letter-spacing: -0.6pt;

  color: #171717;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break:break-all;
  line-height:1.3;
}
.notice_list dd p::before {
  content:'📢';
  display:inline-block;
  padding-right:5px;
}
.notice_list dd p.title:hover {
  color:var(--main); 
  /* font-weight:500;  */
  text-decoration: underline; 
}

.notice_list .con-date {
  position: relative; 
  width:auto; 
  text-align: right; 
  box-sizing: border-box; 
  margin-top:40px;
}
.notice_list .con-date .date {
  /* display: inline-block;  */
  font-size: 15px; 
  /* line-height: 70px;  */
  letter-spacing: 0px; color: #999999; font-family:var(--fw40); transition: color 0.3s;}
.notice_list .con-date span {
  font-size: 20px; vertical-align:text-bottom; color: #5f6368; transition: color 0.3s;}

  .nn-wrap .notice_list dd {
    padding-left:30px;
  }
  .nn-wrap .notice_list .con-date {
    padding-right:30px;
    margin-top:0;
    width:auto;
  }

  .nn-wrap .notice_list dd p.title {
    /* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; */
    -webkit-line-clamp:1;
    max-width:550px;
    width:100%;
    /* -webkit-box-orient: vertical; */
  }

/* 새 공지사항 */
#new-notice, #program_wrap.new-notice {
  background-color:#f5f5f5;
}
.nn-wrap {
  display:flex;
  flex-direction:row;
  width:100%;
  gap:0 38px;
}
.nn-wrap .notice_list {
  display:flex;
  flex-direction:column;
  max-width:843px;
  width:100%;
  padding:0;
  min-height:374px;
}
.nn-wrap .notice_list dl {
  float:none;
  margin: 0 30px 0 0;
  width:100%;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
}
.nn-wrap dl:not(:first-child) {
  margin-top:10px;
}

.nn-titleWrap {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:10px;
}
.nn-TabBtn>li {
  display: inline-block;
}


.tabCont-list { 
  overflow: hidden; 
  /* max-width: 800px; margin: 0 auto 3rem; background: #fff; 
  border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 12px; 
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);   */
  transition: all 0.3s ease;
} 
.nn-TabBtn { 
  /* display: flex;  */
  /* background: #fff;  */
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.06);  */
} 
.nn-TabBtn > li { 
  flex: 1;
  list-style: none; 
  position: relative;
  cursor:pointer;
  border-bottom:2px solid transparent;
  transition: all 0.3s ease;
} 
.nn-TabBtn > li a { 
  display: block; 
  position: relative; 
  padding:8px 2px; 
  font-size: 1rem;
  font-size:1.575rem; 
  font-weight:600; 
  color:#a1a1a1; 
  text-align: center; 
  text-decoration: none; 
  transition: all 0.3s ease;
  
} 

.nn-TabBtn > li a:hover { 
  color:#004eb9; 
} 
.nn-TabBtn > li.active a { 
  /* background: #004eb9;  */
  color: #fff; 
  color:#004eb9;
} 
.nn-TabBtn > li.active {
  border-bottom:2px solid #004eb9;
}
.nn-TabBtn > li:last-child {
  margin-left:2rem;
}
.nn-TabBtn > li:last-child::before {
  content:'/';
  display:block;
  font-weight:600;
  color:#bfbfbf;
  font-size:1.575rem; 
  /* background-color:#ccc; */
  position:absolute;
  left:-1.2rem;
  top:48%;
  transform:translateY(-50%);
}

.tabCont { 
  display:none;
  /* padding:28px 24px;  */
  transition: all 0.3s ease; 
} 

.port-banner {
  background:url(../images/main/port-img.png) #2061d8 50% 85% no-repeat;
  background-size:80%;
  max-width:399px;
  color:#fff;
  border-radius:30px;
  position:relative;
  left:0;
  top:0;
  padding:56px 32px;
}
.port-banner .view-more {
  position:absolute;
  top:.93rem;
  right:.93rem;
  display:block;
  width:44px;
  height:44px;
}
.port-banner h3 {
  font-size:38px;
  font-weight:700;
  line-height:1;
}
.port-banner p {
  font-size:20px;
  font-weight:300;
  margin-top:20px;
  line-height:1.4;
}

/* 하단 기타 기능 */
.otherFeatures-wrap>ul {
  display:flex;
  
}
.otherFeatures-wrap>ul>li {
  width:50%;
  min-height:370px;
  height:100%;
  position:relative;
  overflow:hidden;
}
.otherFeatures-wrap>ul>li:first-child {
  background-color:#fff66e;
  border-top-right-radius:50px;
  /* padding-left:310px; */
  display:flex;
  justify-content:flex-end;
}
.otherFeatures-wrap>ul>li:last-child {
  background-color:#b1e9f5;
  border-bottom-left-radius:50px;
  padding-left:64px;
}
/* .oF1 {
  background:url(../images/main/obj_oth2.png) center right no-repeat;
}
.oF2 {
  background:url(../images/main/obj_oth3.png) 470px 60px no-repeat;
} */
.oF1-inner {
  max-width:648px;
  width:100%;
  display: flex;
  flex-direction:column;
}
.otherFeatures-wrap img {
  position:absolute;
  top:0;
}
.otherFeatures-wrap li:first-child>img {
  right:109px;
  top:48px;
}
.otherFeatures-wrap li:last-child>img {
  left:482px;
  top:61px;
}
.oF1 h3 {
  position:relative;
}
.oF1 h3::before {
  content:'';
  display: block;
  position:absolute;
  background:url(../images/main/obj_oth1.png) no-repeat;
  left:-90px;
  top:-29px;
  width:76px;
  height:72px;
  background-size:auto;
}
.otherFeatures-wrap h3 {
  font-size:39px;
  font-weight:700;
  margin-top:96px;
  margin-bottom:26px;
}
.otherFeatures-wrap p {
  font-size:20px;
  line-height:1.4;
}
.mainBtn-wrap {
  margin-top:30px;
}
.mainBtn-wrap a {
  border-radius:150px;
  width:190px;
  height:52px;
  border:1px solid #9d9797;
  display:inline-block;
  text-align:center;
  color:#555;
  font-size:18px;
  line-height:52px;
}
.mainBtn-wrap a:nth-child(2) {
  margin-left:8px;
}
.mainBtn-wrap a>span {
  vertical-align:middle;
  margin-top:-2px;
}


/* jobHelper-Wrap 취업중개업체 배너 */
.jobHelper-wrap {
  width:100%; 
  position: relative; top: 0px; 
  overflow: hidden; background:#f5f5f5; 
  /* padding:85px 0 110px 0;  */
}

.jobHelper_in{position: relative; overflow: hidden; max-width:1280px; margin:0 auto;}
.jobHelper_box {position:relative; }
.main_section.partner {position:relative;background-color:#f8f8f8;overflow: hidden;}
.main_section.partner h2,
.main_section.partner .partner_box {position: relative;z-index:5;}
.main_section.partner:after {
  content:'Partner';
  position:absolute;
  bottom:-100px;left:80px;color: #efefef;font-size:260px;
  font-weight:600;letter-spacing:0.2rem;
}
.main_section_tit {position: relative;}
.main_section_tit .linkbtnL {position: absolute;right:0;top: 104px;z-index: 9;}
.partner_box{
	padding:35px 0;
	overflow:hidden;
}
.partner_track{
  display:flex;
  gap:20px;
  animation:scrollLeft 40s linear infinite; 
  width:fit-content; 
}
.partner_track:hover {animation-play-state: paused;}
.partner_box a {
  flex:0 0 auto;
	width:248px;
  height:81px;
	background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  position:relative;
  border:1px solid #9d9797;
}

/* 로고별 배경 */
.partner_box .cs01 { background-image:url('../images/main/b1.jpg'); }
.partner_box .cs02 { background-image:url('../images/main/b2.jpg'); }
.partner_box .cs03 { background-image:url('../images/main/b3.jpg'); }
.partner_box .cs04 { background-image:url('../images/main/b4.jpg'); }
.partner_box .cs05 { background-image:url('../images/main/b5.jpg'); }
.partner_box .cs06 { background-image:url('../images/main/b6.jpg'); }

.hidden_txt {
	visibility:hidden;
}

/* 애니메이션 정의 */
@keyframes scrollLeft {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}



.schedule_list{position:relative; overflow:hidden; margin: 45px 0 0 0; height: 100px; border: 1px solid #d4d4d4; border-radius: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex;min-width: 0; max-width: 100%; overflow: hidden;}
.schedule_list .sc_header{ padding: 0 30px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;background: var(--main);flex-shrink: 0;}
.schedule_list .sc_header h4{font-family:var(--fw40); font-weight: 400; font-size: 26px; letter-spacing: -0.8pt; color: #fff; margin-right: 20px;line-height: 140% }
.schedule_list .sc_header h4 span{font-family:var(--eng03); font-weight: 800; font-size: 30px; letter-spacing: 1pt; color: #fff;line-height: 140%  }
.schedule_list .sc_header .controller{ align-items: center; margin-right: 0px;margin-top:38px;}
.schedule_list .sc_header .controller a{font-family:var(--eng03); font-weight: 800; font-size: 30px; letter-spacing: -0.2pt; color: #fff; line-height: 140%; }
.schedule_list .sc_header .controller a:hover{color:#4ce4ff; }
.schedule_list .sc_header .controller a:hover::before{background:#4ce4ff; }
.schedule_list .sc_header .controller a:before{content:"";display:block;margin-bottom:-40px; left: 50%; /*width: 75%;*/width: 120px; height:1px;background:#fff; text-align:center !important; }
.schedule_list .sc_header .m_more span{margin-left: 5px; font-size: 35px;line-height: 140% color: #fff;  align-items: center; vertical-align:text-bottom; transition: color 0.3s;}


.schedule_list .sc_body{width: 100%;flex-grow: 0;position: relative;}
.schedule_list .sc_body .scheduleListW{/width: 100%;}
.schedule_list .sc_body .scheduleList{box-sizing: border-box;}

.schedule_list .scheduleList{ margin: 0 30px;}
.schedule_list .scheduleList dl{float:left;overflow:hidden;margin:0 20px 0 0; width:calc((100% - 20px)/2); height: 100px;  border:0px solid #ddd; box-sizing:border-box; border-radius:0px;}
.schedule_list .scheduleList dl:nth-child(1){ }
.schedule_list .scheduleList dl:nth-child(2){ margin:0; }
.schedule_list .scheduleList dl {display:block;}


.schedule_list a.subject {position: relative; display: block; line-height: 50px;  padding: 32px 0 0 0; width:100%; box-sizing:border-box;}

.schedule_list .con-date {display: inline-block;float: left; position: relative; text-align: left; box-sizing: border-box; }
.schedule_list .con-date .dday {padding: 5px 12px 4px 15px; width: 80px; margin-right: 0px; font-size: 18px;  color: #fff; line-height: 120%; letter-spacing: 1px;  font-family:var(--eng03); font-weight: 900;  border-radius: 5px;  background-color:var(--main); transition: color 0.3s; vertical-align: middle;}
.schedule_list .con-date .date {display: inline-block; padding: 5px 6px; border: 0px solid #333; font-size: 24px; line-height: 120%; letter-spacing: -0.5px; color: #111; font-family:var(--eng03);  font-weight: 900; vertical-align: middle;transition: color 0.3s;}



.schedule_list .con-info {float: left; position: relative; display: inline-block; line-height: 120%; padding-top: 7px; width:calc(100% - 160px);text-align: left; box-sizing: border-box;}
.schedule_list .con-info .title {display: block; display: inline-block; 
    font-family:var(--fw50);
    font-size: 20px;
    color: #171717;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height:120%;}
.schedule_list .con-info .title:hover {color:var(--main); font-weight:500; text-decoration: underline; }	
.schedule_list .con-info .title span {line-height: 120%; width: 100%; font-family:var(--fw50); letter-spacing: -0.8pt;}



/*************************** //notice_wrap ***************************/






/*************************** promotion_wrap ***************************/
#promotion_wrap{width:100%; position: relative; top: 0px; overflow: hidden; background:#f1f1f1; padding:80px 0 90px 0; }
#promotion_wrap h3{text-align:center;}
#promotion_wrap h3 span{text-align:center;}
#promotion_wrap p.margin_smtxt{}

#promotion_wrap .promotion_in{position: relative; overflow: hidden; max-width:1280px; margin:0 auto;}
#promotion_wrap .promotion_box {position:relative; }


#promotion_wrap{position: relative; z-index: 2;}

.promotion_list {position:relative; overflow:hidden; padding: 45px 0 0 0; }
.promotion_list dl{float:left; margin:0 40px 0 0; width:calc((100% - 80px)/3); border:1px solid #ddd; box-sizing:border-box; background: #fff; border-radius:20px; overflow:hidden;}
.promotion_list dl:nth-child(3n){margin-right:0}
.promotion_list dl {display:block;}
.promotion_list dl:hover{border-color:#ccc} 
.promotion_list dl:hover p.title{color:var(--main)}
.promotion_list dt .img {width: 400px; background-size: cover; }
.promotion_list dt img{width: 100%; height: auto; /*width: 100%; max-width: 400px; min-height: 400px; max-height: 400px; height: auto; */background-size:cover;  background-repeat: no-repeat;  background-position:center;  transform:rotate(0.01deg) scale3d(1, 1, 1);transition:transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.promotion_list dl:hover dt img{transform:rotate(0.01deg) scale3d(1.1, 1.1, 1);}
.promotion_list dt {overflow:hidden;}
.promotion_list dd{position:relative; padding:5% 8% 10% 8%;}

.promotion_list dd p.title{transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	padding: 10px 0 20px 0;
	font-family:var(--fw40);
    font-size: 20px; letter-spacing: -0.6pt;
    font-weight: 400;
    color: #171717;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5em; height: 2em;}
.promotion_list dd p.title:hover {color:var(--main); font-weight:500; text-decoration: underline; }

/*************************** //promotion_wrap ***************************/




/*************************** gallery_wrap ***************************/
#gallery_wrap{width:100%; position: relative; top: 0px; 
    overflow: hidden; background:#fff; 
    padding:80px 0 90px 0;
    /* background:#f1f1f1; */
    background:#273a52;
}
#gallery_wrap h3{
    text-align:center;
    color:#fff;
}
#gallery_wrap h3 span{text-align:center;}
#gallery_wrap p.margin_smtxt{
    color:#fff !important;
}

#gallery_wrap .gallery_in{position: relative; overflow: hidden; max-width:1280px; margin:0 auto;}
#gallery_wrap .gallery_box {position:relative; }


#gallery_wrap{position: relative; z-index: 2;}

.gallery_list {position:relative; overflow:hidden; padding: 45px 0 0 0; }
.gallery_list dl{float:left; margin:0 40px 0 0; width:calc((100% - 80px)/3);  border:1px solid #ddd; box-sizing:border-box; border-radius:20px; overflow:hidden;}
.gallery_list dl:nth-child(3n){margin-right:0}
.gallery_list dl {
    display:block;
    background-color:#fff;
}
.gallery_list dl:hover{border-color:#ccc} 
.gallery_list dl:hover p.title{color:var(--main)}
.gallery_list dt img{width: 100%; height: auto; background-size:cover;  background-repeat: no-repeat;  background-position:center;  transform:rotate(0.01deg) scale3d(1, 1, 1);transition:transform 1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.gallery_list dl:hover dt img{transform:rotate(0.01deg) scale3d(1.1, 1.1, 1);}
.gallery_list dt {overflow:hidden;}
.gallery_list dd{position:relative; padding:7% 8% 14% 8%;}
.gallery_list dd p.sub_txt{overflow: hidden;line-height: 140%;font-size: 16px; font-family: var(--eng); color:var(--main); font-weight: 600;}
.gallery_list dd p.title{transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	padding: 10px 0 20px 0;
	font-family:var(--fw40);
    font-size: 20px; letter-spacing: -0.6pt;
    font-weight: 400;
    color: #171717;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5em; height: 2em;}
.gallery_list dd p.title:hover {color:var(--main); font-weight:500; text-decoration: underline; }

.gallery_list .con-date {float: right; position: relative; width: 130px; padding: 0px 0px 0px 10px; text-align: right; box-sizing: border-box; margin-left: 10px;}
.gallery_list .con-date .date {display: inline-block; font-size: 15px; line-height: 100px; letter-spacing: 0px; color: #999999; font-family:var(--fw40); transition: color 0.3s;}
.gallery_list .con-date span {font-size: 20px; vertical-align:text-bottom; color: #5f6368; transition: color 0.3s;}
/*************************** //gallery_wrap ***************************/






/*************************** youtube_wrap ***************************/

/* more*/
.Ttit_area{padding:0 0px 0px 0; position:relative; box-sizing:border-box;}
.Ttit_area .btn{position: absolute; right:0; bottom:12px; display: flex; align-items:center;}
.btn.pc{display:block;}
.btn.mo{display:none;}	

/*more_btn */
.more_btn{display:inline-block; width:220px; height:70px; line-height:70px; padding: 0 22px; box-sizing:border-box; border-radius:10px; border:1px solid var(--border);  background: var(--white); text-align:left; position: relative; transition:all .4s ease; overflow: hidden;}
.more_btn font{font-size:16px; font-weight:600; color:var(--blue_black); font-family:var(--eng); letter-spacing: 0.32px; position: relative; z-index: 3; transition:all .4s ease;}
.more_btn .icon{display: inline-block; position: absolute; z-index: 2; right:20px; top:50%; margin-top: -15px; width:30px; height:30px; line-height:30px; font-size:20px; border-radius:50%; text-align:center; color:var(--white);}
.more_btn .icon:before{content:''; display:block; width: 100%; height: 100%; background:var(--main); border-radius:50%; position: absolute; left: 0; top:0; z-index: -1; transition:all .4s ease;}

.more_btn:hover{border-color:var(--main); transition:all .3s linear;}
.more_btn:hover font{color:var(--white); transition:all .3s linear;}
.more_btn:hover .icon:before{transform:scale(20); transition:all .4s linear;}	




#youtube_wrap{width:100%; position: relative; top: 0px; overflow: hidden; background:#273a52; padding:80px 0 90px 0; }
#youtube_wrap h3{text-align:center; color: #fff !important;}
#youtube_wrap h3 span{text-align:center;}
#youtube_wrap p.margin_smtxt{color: #fff !important;}

#youtube_wrap .youtube_in{position: relative; overflow: hidden; max-width:1280px; margin:0 auto;}
#youtube_wrap .youtube_box {position:relative; }


#youtube_wrap{position: relative; z-index: 2;}
#youtube_wrap .youtube_list{position:relative; top:0px; z-index: 9; display: flex; padding: 45px 0 0 0;}
#youtube_wrap .youtube_list .list{margin:0 30px 0 0; width:calc((100% - 30px)/2); height: auto; min-height: 315px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.20); position: relative; border-radius:20px; overflow: hidden; backdrop-filter: blur(15px);
display: block; object-fit: cover; transition:all 0.4s linear;}
#youtube_wrap .youtube_list .list:last-child{margin:0 0px 0 0;}

/*************************** //youtube_wrap ***************************/



/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1639px){

  /********** mainFeatures_wrap **********/
  #mainFeatures_wrap .mf_in{
    width:96%;
  }

	
/*************************** curriculum_wrap ***************************/
#curriculum_wrap .curriculum_in{width:96%;}	

/*************************** corpromo_wrap ***************************/
#corpromo_wrap .corpromo_in{
  width:96%;
}	

	

/*************************** program_wrap ***************************/
.program_in{width:96%;}	
	

/*************************** notice_wrap ***************************/
#notice_wrap .notice_in{width:96%;}	

	
/*************************** promotion_wrap ***************************/
#promotion_wrap .promotion_in{width:96%;}	

/*************************** gallery_wrap ***************************/
#gallery_wrap .gallery_in{width:96%;}	
	
	
/*************************** youtube_wrap ***************************/	
#youtube_wrap .youtube_in{width:96%;}
	

	
	
}


/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1639px){

	

/* .text_area{ left: 5%; } */
	
}


@media all and (max-width:1560px){

  .otherFeatures-wrap li:first-child>img {
    width:35%;
    right:59px;
  }
  .otherFeatures-wrap li:last-child>img {
    width:40%;
    left:65%;
  }
  .oF1-inner {
    width:80%;
  }
}

/*******************************************************************************
	@media 1200px~1300px
*******************************************************************************/

@media all and (max-width:1504px){

  .text_area{width: 80%; }
}

@media all and (max-width:1400px){
	
/*************************** curriculum_wrap ***************************/
#curriculum_wrap .product_list .list a .tit{font-size: 24px; line-height: 140%; min-height:80px; letter-spacing: -0.5px;}
/*************************** //curriculum_wrap ***************************/	
	


  /*************************** corpromo_wrap ***************************/
  /************************ 기업홍보관 ************************/
  .corpromo_box .main_title>br {
    display:block;
  }
  .corpromo_box h3.main_title {
    line-height:.8;
  }
  .corpromo_box p.margin_smtxt {
    padding-top:15px;
  }
  /************************ //기업홍보관 ************************/
	
	
}




/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1200px){

  .partner_box a {
    width:220px;
    height:72px;
  }

	.sub_imgbox .slick-prev {
    left:30px;
  }
  .sub_imgbox .slick-next {
    right:30px;
  }
	
	

.text_area .krt01 {
  font-size:22px; 
  line-height:120%; 
  margin-bottom:10px;
}
.text_area .krt02 {
  font-size:24px; 
  line-height:120%;
   margin-top:8px;
}
.text_area .krb {
  font-size:50px; 
  line-height:130%;
}
.text_area .krp {
  font-size:50px; 
  line-height:150%;
}
.text_area .krp span {
  line-height:150%; 
}
	
	
	
	
/* Contents */
h3.main_title{font-size:45px;}
p.margin_smtxt{ font-size:18px; letter-spacing:-0.9px;}
/* //Contents */
	
/* 새 공지, 상담신청 */
.nn-wrap .notice_list dd p.title {
  max-width:100%;
  width:calc( 100% - 140px );
}
.nn-TabBtn > li a {
  font-size:20px;
}

/*************************** notice_wrap ***************************/
#notice_wrap{padding:70px 0 80px 0; }

	
.notice_list {padding: 35px 0 0 0; 
    
  }
/* .notice_list dl{margin:0 20px 0 0; width:calc((100% - 60px)/4); border-radius:20px; overflow:hidden;} */
.notice_list dl:nth-child(4n){margin-right:0;}
.notice_list dd p.title{font-size: 18px;}
.notice_list .con-date .date {font-size: 14px; }
.notice_list .con-date span {font-size: 18px; }



/*************************** curriculum_wrap ***************************/
#curriculum_wrap .product_list .list a{padding:20% 10%;}
#curriculum_wrap .product_list .list a .tit{font-size: 24px; line-height: 140%; min-height:80px; letter-spacing: -0.5px;}
#curriculum_wrap .product_list .list a .tit br {display: none;}	
#curriculum_wrap .product_list .list a .con{font-size: 18px; line-height: 140%;letter-spacing: -0.5px; margin:10px 0 0; min-height:50px;}
#curriculum_wrap .product_list .list a ul{padding: 70px 0 0;}

/*************************** //curriculum_wrap ***************************/
	

/*************************** program_wrap ***************************/
.program_in .banner_box a .eng_t{font-size: 15px; line-height: 140%;letter-spacing: 0.5px;}
.program_in .banner_box a .tit{font-size: 24px; line-height: 140%; min-height:30px; letter-spacing: -0.5px;}
.program_in .banner_box a .con{font-size: 18px; line-height: 140%;letter-spacing: -0.5px;  padding: 20px 0 0;}

/*************************** //curriculum_wrap ***************************/	
	
	

/*************************** youtube_wrap ***************************/
/*more_btn */
.more_btn{height:65px; line-height:65px;}
	
#youtube_wrap .youtube_list .list{ min-height: 255px; }

/*************************** //youtube_wrap ***************************/	

	

	
}
	
/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1169px){

  .otherFeatures-wrap h3 {
    font-size:2.8vw;
  }
  .otherFeatures-wrap p {
    font-size:1.8vw;
  }
  /* .otherFeatures-wrap li:first-child>img {
    width:35%;
    right:59px;
  }
  .otherFeatures-wrap li:last-child>img {
    width:40%;
    left:65%;
  }
  .oF1-inner {
    width:80%;
  } */

}




/*******************************************************************************
	@media 1100px
*******************************************************************************/
@media all and (max-width:1100px){
	


/* Contents */
h3.main_title{font-size:42px;}
p.margin_smtxt{ font-size:18px; letter-spacing:0px;}
/* //Contents */

  /********** mainFeatures_wrap **********/
  #mainFeatures_wrap {
    padding:70px 0 80px 0;
  }

/*************************** curriculum_wrap ***************************/

#curriculum_wrap{padding:70px 0 80px 0; }

#curriculum_wrap .product_list{padding: 35px 0 0 0;}
#curriculum_wrap .product_list .list a .tit{font-size: 22px; line-height: 140%; min-height:60px; letter-spacing: 0px;}
#curriculum_wrap .product_list .list a .tit br {display: none;}	
#curriculum_wrap .product_list .list a .con{font-size: 16px; line-height: 140%;letter-spacing: 0px; margin:10px 0 0; min-height:50px;}
#curriculum_wrap .product_list .list a ul{padding: 80px 0 0;}
#curriculum_wrap .product_list .list a ul li.icon{width:70px; height:70px;}

/*************************** //curriculum_wrap ***************************/
	

/*************************** corpromo_wrap ***************************/
/************************ 기업홍보관 ************************/


#corpromo_wrap {
  padding:70px 0 80px 0;
}
/* #corpromo_wrap .corpromo_in {
  position:relative;
  overflow:hidden;
  max-width:1280px;
  margin:0 auto;
}
.rec_con {
  padding:45px 0 0 0;
} */

/************************ //기업홍보관 ************************/
	
	

/*************************** program_wrap ***************************/
#program_wrap{padding:70px 0 80px 0;}

.program_list{display: flex; padding: 35px 0 0 0;}
.program_in .banner_box a .eng_t{font-size: 14px; line-height: 140%;letter-spacing: 0.5px;}
.program_in .banner_box a .tit{font-size: 22px; line-height: 140%; min-height:25px; letter-spacing: -0.5px;}
.program_in .banner_box a .con{font-size: 16px; line-height: 140%;letter-spacing: -0.5px;  padding: 20px 0 0;}

/*************************** //program_wrap ***************************/
	

	




.schedule_list{margin: 35px 0 0 0; height: 100px;border-radius: 15px;}
.schedule_list .sc_header{ padding: 0 25px 0 25px;}
.schedule_list .sc_header h4{font-size: 22px; letter-spacing: -0.8pt; margin-right: 20px;line-height: 140% }
.schedule_list .sc_header h4 span{font-size: 26px; }
.schedule_list .sc_header .controller{ margin-top:36px;}
.schedule_list .sc_header .controller a{font-size: 26px; letter-spacing: -0.2pt;}

.schedule_list .sc_header .controller a:before{margin-bottom:-35px; left: 50%; /*width: 75%;*/width: 70%;}
.schedule_list .sc_header .m_more span{margin-left: 3px; font-size: 30px;}



.schedule_list .scheduleList{ margin: 0 25px;}
.schedule_list .scheduleList dl{margin:0 20px 0 0; width:calc((100% - 20px)/2); height: 100px;  border:0px solid #ddd; box-sizing:border-box; border-radius:0px;}


.schedule_list a.subject {line-height: 50px;  padding: 32px 0 0 0;}

.schedule_list .con-date .dday {padding: 5px 12px 4px 15px; width: 80px; font-size: 16px;}
.schedule_list .con-date .date {padding: 5px 6px; font-size: 22px;}



.schedule_list .con-info {padding-top: 7px; width:calc(100% - 140px);}
.schedule_list .con-info .title {font-size: 18px; }	
.schedule_list .con-info .title span {line-height: 120%; width: 100%; font-family:var(--fw50); letter-spacing: -0.8pt;}



/*************************** //notice_wrap ***************************/	
	
/*************************** promotion_wrap ***************************/
#promotion_wrap{padding:70px 0 80px 0;}

.promotion_list {padding: 35px 0 0 0; }
.promotion_list dd p.title{padding: 10px 0 20px 0; font-size: 18px; letter-spacing: -0.6pt;
    -webkit-line-clamp: 2;
    line-height: 1.4em; height: 1.6em;}

/*************************** //promotion_wrap ***************************/




/*************************** gallery_wrap ***************************/
#gallery_wrap{padding:70px 0 80px 0;}

.gallery_list {padding: 35px 0 0 0; }
.gallery_list dd p.sub_txt{line-height: 140%;font-size: 15px; font-family: var(--eng); color:var(--main); font-weight: 600;}
.gallery_list dd p.title{padding: 10px 0 20px 0; font-size: 18px; letter-spacing: -0.6pt;
    -webkit-line-clamp: 2;
    line-height: 1.4em; height: 1.6em;}
.gallery_list .con-date .date {font-size: 14px; line-height: 100px; letter-spacing: 0px;}
.gallery_list .con-date span {font-size: 18px; }
/*************************** //gallery_wrap ***************************/	
	
/*************************** youtube_wrap ***************************/

#youtube_wrap{padding:70px 0 80px 0; }

#youtube_wrap .youtube_list{display: flex; padding: 35px 0 0 0;}
/*************************** //youtube_wrap ***************************/
	
	

	

}
	
/*******************************************************************************
	@media 980~1024px
*******************************************************************************/
@media all and (max-width:1024px){


  .otherFeatures-wrap>ul>li {
    min-height:330px;
  }
  .otherFeatures-wrap>ul>li:last-child {
    padding-left:40px;
  }
  .otherFeatures-wrap li:first-child>img {
    right:38px;
  }
  .mainBtn-wrap a {
    width:170px;
    font-size:16px;
  }
  .mainBtn-wrap a>span {
    margin-left:5px;
  }

  .partner_box a {
    width:200px;
    height:65px;
  }

}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){

	
/* Contents */
h3.main_title{font-size:34px;}
p.margin_smtxt{ font-size:18px; letter-spacing:0px;}
/* //Contents */

	
/* 새 공지, 상담 */
.nn-wrap {
    flex-direction:column;
    gap:38px 0;
}
.nn-wrap .notice_list {
  max-width:100%;
  min-height:auto;
}
.new-notice .nn-line {
  width:calc( 64% - 60px );
}
	
.port-banner {
  max-width:100%;
  background-size:30%;
  background-position:94%;
}
.port-banner h3 {
  font-size:30px;
}
.port-banner p {
  font-size:16px;
  width:60%;
}

.main_btn1{font-size:13px; width:130px;}
.main_btn2{width:130px; font-size:13px;}


/* 주요 메뉴 (메인 피쳐) */
.mf-item .image-wrap {
  padding:30px 0;
}


/* 비주얼 */
#visual {
  margin-top:110px;
}	
.sub_imgbox .slick-prev, .sub_imgbox .slick-next{background-size:40px; width:40px; height:40px;}
.sub_imgbox .slick-prev{left:2%}
.sub_imgbox .slick-next{right:2%}
.text_area .vbtn{font-size:14px; width:160px; padding:15px 0; margin:40px auto 0 auto;}

.scroll_down a{font-size:13px;}
.scroll_down .line{height:40px;}
	
.text_area .krt01 {
  font-size:22px; 
  line-height:120%; 
  margin-bottom:10px;
}
.text_area .krt02 {
  font-size:24px; 
  line-height:120%;
   margin-top:8px;
}
.text_area .krb {
  font-size:50px; 
  line-height:130%;
}
.text_area .krp {
  font-size:50px; 
  line-height:150%;
}
.text_area .krp span {
  line-height:150%; 
}


/* .text_area{width: 90%; margin:260px auto 0 auto;}

.text_area .krt{font-size:12px; line-height:120%; margin-bottom:6px;}
.text_area .krt02{font-size:16px; line-height:120%; margin-top:4px;}
.text_area .krb{font-size:35px; line-height:130%;}
.text_area .krp{font-size:35px; line-height:150%;}
.text_area .krp span{line-height:150%; } */
		
	/********** mainFeatures_wrap **********/
  #mainFeatures_wrap {
    padding:60px 0 70px 0;
  }

/*************************** curriculum_wrap ***************************/

#curriculum_wrap{padding:60px 0 70px 0; }

#curriculum_wrap .product_list{padding: 35px 0 0 0;flex-wrap:wrap;}
#curriculum_wrap .product_list .list{margin:0 20px 20px 0; width:calc((100% - 20px)/2);}
#curriculum_wrap .product_list .list.two{margin-right: 0;}
#curriculum_wrap .product_list .list.three{margin-bottom: 0;}
#curriculum_wrap .product_list .list a{padding:12% 10%;}
#curriculum_wrap .product_list .list a .tit{font-size:22px; line-height: 140%; min-height:80px; letter-spacing: 0.5px;}
#curriculum_wrap .product_list .list a .tit br {display: block;}	
#curriculum_wrap .product_list .list a ul{padding: 20px 0 0;}
#curriculum_wrap .product_list .list a ul li.icon{width:60px; height:60px;}



/*************************** //curriculum_wrap ***************************/	
	
		
/*************************** program_wrap ***************************/
#program_wrap{padding:60px 0 70px 0;}

	
.program_in .box{margin:0 20px 0 0; width:calc((100% - 40px)/3); border-radius:20px;}	
.program_in .banner_box a .arrow{width:50px; height:50px; line-height: 50px; font-size:30px; margin: 80px 0 0; }


/*************************** //program_wrap ***************************/
	

/*************************** notice_wrap ***************************/
#notice_wrap{padding:60px 0 70px 0; }

/* .notice_list dl{margin:0 20px 20px 0; width:calc((100% - 20px)/2); border-radius:15px; overflow:hidden;}
.notice_list dl:nth-child(2n){margin-right:0;}
.notice_list dl:nth-child(3n){margin-bottom: 0px;}
.notice_list dl:nth-child(4n){margin-right:0; margin-bottom: 0px;} */
.notice_list {
  flex-wrap:wrap;
  
}
.notice_in .notice_list {
  gap:20px 10px;
  justify-content:space-between;
}
.notice_list dl {
  /* width:49%; */
  /* 
  width:49%;
  width:48%; */
  width:calc( 50% - 10px);
  /* width:48%; */
}
.notice_list dd{
  position:relative; 
  padding:2rem 1.2rem;
  min-height: 128px;
  
}
.notice_list dd p.title{ 
	/* padding: 10px 0 20px 0; */
  font-size: 17px; 
  letter-spacing: -0.6pt;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* line-height: 1.5em; height: 0.5em; */
}

/* .notice_list .con-date { width: 130px; padding: 0px 0px 20px 10px;  margin-left: 10px;} */
.notice_list .con-date .date {font-size: 14px;  letter-spacing: 0px; }
.notice_list .con-date span {font-size: 17px; }


	
	
.schedule_list{display: block; margin: 35px 0 0 0; height: auto; border-radius: 15px;}
.schedule_list .sc_header{ padding: 12px 30px; }
.schedule_list .sc_header h4{font-size: 22px; letter-spacing: -0.8pt; margin-right: 20px;}
.schedule_list .sc_header h4 span{font-size: 26px; letter-spacing: 1pt; }
.schedule_list .sc_header .controller{margin-top:36px;}
.schedule_list .sc_header .controller a{font-size: 26px; letter-spacing: -0.2pt; }

.schedule_list .sc_header .controller a:before{margin-bottom:-35px; left: 50%; width: 70%; }
.schedule_list .sc_header .m_more span{margin-left: 5px; font-size: 30px;}

	
.schedule_list .sc_body{ width: 100%; padding: 0 30px 0 30px; }	

.schedule_list .scheduleList{ margin: 0px 0px 20px; float: left;}
.schedule_list .scheduleList dl{margin:0 20px 0 0; width:100%; height: 50px;}
.schedule_list .scheduleList dl:nth-child(1){ }
.schedule_list .scheduleList dl:nth-child(2){ margin:0; }


.schedule_list a.subject {line-height: 50px;  padding: 20px 0 0 0;}

.schedule_list .con-date {display: inline-block;float: left;}
.schedule_list .con-date .dday {padding: 5px 12px 4px 15px; width: 80px; margin-right: 0px; font-size: 16px;  letter-spacing: 1px; }
.schedule_list .con-date .date {display: inline-block; padding: 5px 6px;font-size: 22px;letter-spacing: -0.5px;}



.schedule_list .con-info {float: left; position: relative; display: inline-block; padding-top: 7px; width:calc(100% - 140px);}
.schedule_list .con-info .title {
    font-size: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height:120%;}
.schedule_list .con-info .title span {letter-spacing: -0.8pt;}



/*************************** //notice_wrap ***************************/		
	
	
	
/*************************** promotion_wrap ***************************/
#promotion_wrap{padding:60px 0 70px 0;}

.promotion_list dl{margin:0 20px 0 0; width:calc((100% - 40px)/3); border-radius:20px;}
.promotion_list dd{position:relative; padding:5% 8% 12% 8%;}
.promotion_list dd p.title{padding: 10px 0 20px 0; font-size: 17px; letter-spacing: -0.6pt;
    -webkit-line-clamp: 2;
    line-height: 1.4em; height: 1.4em;}

/*************************** //promotion_wrap ***************************/



/*************************** gallery_wrap ***************************/
#gallery_wrap{padding:60px 0 70px 0;}

.gallery_list dl{margin:0 20px 0 0; width:calc((100% - 40px)/3); border-radius:20px;}
.gallery_list dd{position:relative; padding:7% 8% 12% 8%;}
.gallery_list dd p.sub_txt{line-height: 140%;font-size: 14px; font-family: var(--eng); color:var(--main); font-weight: 600;}
.gallery_list dd p.title{padding: 10px 0 20px 0; font-size: 17px; letter-spacing: -0.6pt;
    -webkit-line-clamp: 2;
    line-height: 1.4em; height: 1.4em;}
.gallery_list .con-date .date {font-size: 14px; line-height: 80px; letter-spacing: 0px;}
.gallery_list .con-date span {font-size: 18px; }
/*************************** //gallery_wrap ***************************/	
	
	
	
	
/*************************** youtube_wrap ***************************/
/*more_btn */
.more_btn{width:180px; height:60px; line-height:60px; padding: 0 20px;}
.more_btn font{font-size:16px;}
.more_btn .icon{right:15px; margin-top: -12px; width:24px; height:24px; line-height:24px; font-size:16px;}


#youtube_wrap{padding:60px 0 70px 0; }

#youtube_wrap .youtube_list{display: flex; padding: 35px 0 0 0;}
#youtube_wrap .youtube_list .list{margin:0 30px 0 0; width:calc((100% - 30px)/2); height: auto; min-height:220px; border-radius:20px; }

/*************************** //youtube_wrap ***************************/
	
	



}

/*******************************************************************************
	@media 768px ~ 860px
*******************************************************************************/
@media all and (max-width:860px) { 

  .mainFeatures-section {
    padding:30px 0;
  }
  .mf-container {
    gap:15px 0;
  }

}



@media all and (max-width:820px) { 

  .notice_list,
  .nn-wrap .notice_list {
    padding-top:15px;
  }
  .nn-line {
    display:none;
  }

  .otherFeatures-wrap>ul {
    flex-direction:column;
  }
  .otherFeatures-wrap>ul>li {
    width:100%;
    min-height:260px;
  }
  .otherFeatures-wrap>ul>li:first-child {
    padding-left:40px;
    justify-content: flex-start;
  }
  .otherFeatures-wrap>ul>li:last-child {
    padding-left:40px;
  }
  .otherFeatures-wrap li:first-child>img {
    right:68px;
    top:10%;
    width:180px;
  }
  .otherFeatures-wrap li:last-child>img {
    width:260px;
    top:15%;
  }

  .otherFeatures-wrap h3 {
    font-size:20px;
    font-weight: 700;
    margin-top:36px;
    margin-bottom:16px;
  }
  .otherFeatures-wrap .oF1 h3 {
    margin-top:76px;
    width:fit-content;
  }
  .oF1 h3::before {
    left:initial;
    top: -29px;
    right:-80px;
    width: 76px;
    height: 72px;
    background-size: auto;
}
.otherFeatures-wrap p {
    font-size:16px;
    max-width:500px;
  }
  .otherFeatures-wrap .oF1 p>br:not(:nth-child(2)) {
    display: none;
  }
  
  .mainBtn-wrap a {
    width:170px;
    font-size:16px;
  }
  .mainBtn-wrap a>span {
    margin-left:5px;
  }


}
/*******************************************************************************
	@media 640px~780px
*******************************************************************************/
@media all and (max-width:780px){



.main_btn1{font-size:12px; padding:15px 0; width:120px;}
.main_btn2{font-size:12px; padding:15px 0; width:120px;}





/* Contents */
h3.main_title{font-size:38px;}
p.margin_smtxt{ font-size:18px; letter-spacing:0px;}
/* //Contents */
	

  /********** mainFeatures_wrap **********/
  #mainFeatures_wrap .mf_in {
    width:94%;
  }
	
/*************************** curriculum_wrap ***************************/
#curriculum_wrap .curriculum_in{width:94%;}	
/*************************** //curriculum_wrap ***************************/
	
/*************************** corpromo_wrap ***************************/
#corpromo_wrap .corpromo_in{
  width:94%;
}	


/*************************** program_wrap ***************************/
.program_in{width:94%;}	
/*************************** //program_wrap ***************************/	
	
/*************************** notice_wrap ***************************/
#notice_wrap .notice_in{width:94%;}	
/*************************** //notice_wrap ***************************/	
	
/*************************** promotion_wrap ***************************/	
#promotion_wrap .promotion_in{width:94%;}
/*************************** //promotion_wrap ***************************/

/*************************** gallery_wrap ***************************/
#gallery_wrap .gallery_in{width:94%;}
/*************************** //gallery_wrap ***************************/		
	
	
	
/*************************** youtube_wrap ***************************/
#youtube_wrap .youtube_in{width:94%;}
/*************************** //youtube_wrap ***************************/	


}


/*******************************************************************************
	@media 640px~768px
*******************************************************************************/
@media all and (max-width:768px){

	
/* 비주얼 */
/* .text_area{width: 90%; margin:260px auto 0 auto;} */
#visual {
  width:100%; 
  height:540px;
}	/* 비쥬얼 height 값 */	
.cover01{background-image:url('../images/main/visual_01_m.jpg');}
.cover02{background-image:url('../images/main/visual_02_m.jpg');} 

.text_area {
  transform: translateY(54%);
}
.cover02 .text_area {
  transform: translateY(84%);
}

.sub_imgbox .slick-prev, 
.sub_imgbox .slick-next{
  background-size:30px; width:30px; height:30px;
}

.text_area .krt01 {font-size:18px; line-height:120%; margin-bottom:6px;}
.text_area .krt02 {font-size:18px; line-height:120%; margin-top:4px;}
.text_area .krb{font-size:35px; line-height:130%;}
.text_area .krp{font-size:35px; line-height:150%;}
.text_area .krp span{line-height:150%; }
	
	
	
/*** quick_wrap ***/

#quick_wrap li a p { padding: 0px 0 0 5%; }
	

		

	
	
}


/*******************************************************************************
	@media ~680px
*******************************************************************************/
@media all and (max-width:680px){


	
/* 비주얼 */
#visual {
  margin-top:90px;
}
	.otherFeatures-wrap p {
    width:62%;
  }
	.otherFeatures-wrap li:first-child>img,
  .otherFeatures-wrap li:last-child>img   {
    width:30%;
    width:30vw;
  }
  .otherFeatures-wrap li:first-child>img {
    top:50%;
    transform:translateY(-50%);
  }
	
/* Contents */
h3.main_title{font-size:36px; margin-bottom: 0;}
p.margin_smtxt{ font-size:16px; letter-spacing:0px;}
/* //Contents */
	
  /********** mainFeatures_wrap **********/
  #mainFeatures_wrap {
    padding:50px 0 60px 0;
  }
	
/*************************** curriculum_wrap ***************************/

#curriculum_wrap{padding:50px 0 60px 0; }

#curriculum_wrap .product_list{padding: 35px 0 0 0;flex-wrap:wrap;}
#curriculum_wrap .product_list .list{margin:0 20px 20px 0; width:calc((100% - 20px)/2);}
#curriculum_wrap .product_list .list.two{margin-right: 0;}
#curriculum_wrap .product_list .list.three{margin-bottom: 0;}
#curriculum_wrap .product_list .list a{padding:15% 10%;}
#curriculum_wrap .product_list .list a .tit{font-size:22px; line-height: 140%; min-height:60px; letter-spacing: 0.5px;}
#curriculum_wrap .product_list .list a .tit br {display: none;}	
#curriculum_wrap .product_list .list a .con{font-size: 16px; line-height: 140%;letter-spacing: 0px; margin:10px 0 0; min-height:60px;}
#curriculum_wrap .product_list .list a ul{padding: 20px 0 0;}
#curriculum_wrap .product_list .list a ul li.icon{width:60px; height:60px;}

#curriculum_wrap .product_list .list a ul li.arrow span{width: 50px; height: 50px; line-height:50px; font-size:30px; }


/*************************** //curriculum_wrap ***************************/		
	

	
/*************************** program_wrap ***************************/
#program_wrap{padding:50px 0 60px 0;}

.program_list{display: flex; padding: 35px 0 0 0; flex-wrap:wrap;}
.program_in .box{margin: 0 0px 20px 0; width:100%; }

.program_in .banner_box a{padding:10% 10%;}
.program_in .banner_box a .arrow{width:50px; height:50px; line-height: 50px; font-size:30px; margin:40px 0 0; }

/*************************** //program_wrap ***************************/	
	

/*************************** notice_wrap ***************************/
#notice_wrap{padding:50px 0 60px 0; }

.notice_in .notice_list {
  gap:10px 0;
}
.notice_list {
  padding: 25px 0 0 0; 
  flex-wrap:wrap;
}
.notice_list dl{
  margin:0;
  width:100%;
  overflow:hidden;
}

.notice_list dd {
  min-height:auto;
  flex-direction:row;
  height: 84px;
  padding:0;
  padding-left:30px;
    justify-content: space-between;
    align-items: center;
}
.notice_list .con-date {
  margin:0;
  padding-right:30px;
}
.notice_list dd p.title{ 
  padding:0;
  font-size: 16px; 
  width: calc(100% - 140px);
  line-height:1.8;
  height:auto;
}


.nn-wrap .notice_list .con-date {
    margin-top: 0;
    width: auto;
}

/* .notice_list .con-date { 
  padding:0 ;
  margin:0;
} */
.notice_list .con-date .date {font-size: 13px; line-height: 20px; letter-spacing: 0px; }
.notice_list .con-date span {font-size: 16px; }


.schedule_list{display: block; margin: 35px 0 0 0; height: auto; border-radius: 10px;}
.schedule_list .sc_header{ padding: 12px 30px; }
.schedule_list .sc_header h4{font-size: 20px; letter-spacing: -0.8pt; margin-right: 20px;}
.schedule_list .sc_header h4 span{font-size: 24px; letter-spacing: 1pt; }
.schedule_list .sc_header .controller{margin-top:34px;}
.schedule_list .sc_header .controller a{font-size: 24px; letter-spacing: -0.2pt; }

.schedule_list .sc_header .controller a:before{margin-bottom:-35px; left: 50%; width: 70%; }
.schedule_list .sc_header .m_more span{margin-left: 5px; font-size: 28px;}

	
.schedule_list .sc_body{ width: 100%; padding: 0 30px 0 30px; }	

.schedule_list .scheduleList{ margin: 0px 0px 20px; float: left;}
.schedule_list .scheduleList dl{margin:0 20px 0 0; width:100%; height: 50px;}
.schedule_list .scheduleList dl:nth-child(1){ }
.schedule_list .scheduleList dl:nth-child(2){ margin:0; }


.schedule_list a.subject {line-height: 50px;  padding: 20px 0 0 0;}

.schedule_list .con-date {display: inline-block;float: left;}
.schedule_list .con-date .dday {padding: 5px 12px 4px 15px; width: 80px; margin-right: 0px; font-size: 14px;  letter-spacing: 1px; }
.schedule_list .con-date .date {display: inline-block; padding: 5px 6px;font-size: 20px;letter-spacing: -0.5px;}



.schedule_list .con-info {float: left; position: relative; display: inline-block; padding-top: 7px; width:calc(100% - 140px);}
.schedule_list .con-info .title {
    font-size: 16px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height:120%;}
.schedule_list .con-info .title span {letter-spacing: -0.8pt;}



/*************************** //notice_wrap ***************************/			
	
	
	
	
/*************************** promotion_wrap ***************************/
#promotion_wrap{padding:50px 0 60px 0;}

.promotion_list dl{margin:0 20px 0 0; width:calc((100% - 20px)/2); border-radius:20px;}
.promotion_list dl:nth-child(2n){margin-right:0}
.promotion_list dl:nth-child(3n){margin-right:0; display: none;}
.promotion_list dd p.title{padding: 10px 0 20px 0; font-size: 16px; letter-spacing: -0.6pt;
    -webkit-line-clamp: 2;
    line-height: 1.4em; height: 1.4em;}	
/*************************** //promotion_wrap ***************************/




/*************************** gallery_wrap ***************************/
#gallery_wrap{padding:50px 0 60px 0;}

.gallery_list dl{margin:0 20px 0 0; width:calc((100% - 20px)/2); border-radius:20px;}
.gallery_list dl:nth-child(2n){margin-right:0}
.gallery_list dl:nth-child(3n){margin-right:0; display: none;}
.gallery_list dd p.title{padding: 10px 0 20px 0; font-size: 16px; letter-spacing: -0.6pt;
    -webkit-line-clamp: 2;
    line-height: 1.4em; height: 1.4em;}	
/*************************** //gallery_wrap ***************************/		
	
	
/*************************** youtube_wrap ***************************/

/* more*/
.Ttit_area{padding:60px 0px 0px 0; position:relative; box-sizing:border-box;}
.Ttit_area .btn{ clear: both; position: absolute;  top:0px; bottom:12px; align-items:center;justify-content: center; text-align: center !important;}
.btn.pc{display:block;}
.btn.mo{display:none;}	
	
	

/*more_btn */
.more_btn{width:165px; height:50px; line-height:50px; padding: 0 17px;}
.more_btn:hover .icon:before{transform:scale(30);}
.more_btn font{font-size:16px;}
.more_btn .icon{right:15px; margin-top: -12px; width:24px; height:24px; line-height:24px; font-size:16px;}
	
	
/*************************** youtube_wrap ***************************/

#youtube_wrap{padding:50px 0 60px 0; }

#youtube_wrap .youtube_list{display: flex; padding: 35px 0 0 0; flex-wrap:wrap;}
#youtube_wrap .youtube_list .list{margin:0 0px 20px 0; width:100%;  height: auto; min-height:300px; border-radius:20px; }

/*************************** //youtube_wrap ***************************/

	
	
	
}





/*******************************************************************************
	@media ~640px
*******************************************************************************/
@media all and (max-width:640px){


  .main_line{height:30px;}

  /* 주요 메뉴 (메인 피쳐) */
  .mf-item .image-wrap img {
    width:140px;
    height:134px;
  }

	

}


@media all and (max-width:540px) {

  .otherFeatures-wrap .oF1 h3 {
    margin-top:56px;
  }
  .oF1 h3::before {
    background-size:80%;
  }
  


  .port-banner h3 {
    font-size:28px;
  }
  h3.main_title {
    font-size:32px;
  }
  .nn-TabBtn > li a {
    font-size:17px;
  }
}

/*******************************************************************************
	@media ~480px
*******************************************************************************/
@media all and (max-width:480px){


.main_btn1{font-size:11px; width:110px;}
.main_btn2{font-size:11px; width:110px;}

/* 비주얼 */	
#visual {width:100%; height:380px;}	/* 비쥬얼 height 값 */	
.cover01{background-image:url('../images/main/visual_01_m.jpg'); background-size: cover;}
.cover02{background-image:url('../images/main/visual_02_m.jpg'); background-size: cover;}
	
		
.text_area {
  width:86%;
  transform: translateY(34%);
}

.text_area .krt01 {font-size:16px;}
.text_area .krt02{font-size:18px; }

.text_area .krb{font-size:32px; }
.text_area .krp{font-size:32px;}

/* .text_area .krt{font-size:8px; line-height:120%; margin-bottom:6px;}
.text_area .krt02{font-size:12px; letter-spacing: 1px; line-height:120%; margin-top:4px;}
.text_area .krb{font-size:22px; line-height:130%; letter-spacing: -1.8px;}
.text_area .krp{font-size:22px; line-height:150%; letter-spacing: -1.8px;}
.text_area .krp span{line-height:150%; letter-spacing: -1.8px;}
		 */
	
	
.nn-titleWrap {
  flex-direction:column;
}
.notice_list dd,
.nn-wrap .notice_list dd {
  height:64px;
}
/* 주요 메뉴 (메인 피쳐) */
.mf-item .image-wrap {
  padding:48px 0;
}
.mf-item .image-wrap img {
  width:126px;
  height:120px;
}

.sub_imgbox .slick-prev, .sub_imgbox .slick-next{display:none !important;}



	
/* Contents */
h3.main_title{font-size:26px; margin-bottom: 0;}
p.margin_smtxt{ font-size:14px; letter-spacing:0px;}
/* //Contents */
	
  /********** mainFeatures_wrap **********/
  #mainFeatures_wrap {
    padding:40px 0 50px 0;
  }
  #mainFeatures_wrap .mf_in {
    width:90%
  }

/*************************** curriculum_wrap ***************************/

#curriculum_wrap{padding:40px 0 50px 0; }
#curriculum_wrap .curriculum_in{width:90%;}	
#curriculum_wrap .curriculum_in .box{ border-radius:15px;}
#curriculum_wrap .product_list{padding: 20px 0 0 0;flex-wrap:wrap;}
#curriculum_wrap .product_list .list{margin:0 0px 20px 0; width:100%;}
#curriculum_wrap .product_list .list.three{margin-bottom: 20px;}
#curriculum_wrap .product_list .list.four{margin-bottom: 0;}
#curriculum_wrap .product_list .list a{padding:10% 10%;}
#curriculum_wrap .product_list .list a .tit{font-size:18px; line-height: 140%; min-height:30px; letter-spacing: -1px;}
#curriculum_wrap .product_list .list a .tit br {display: none;}	
#curriculum_wrap .product_list .list a .con{font-size: 14px; line-height: 140%;letter-spacing: -0.5px; margin:10px 0 0; min-height:30px;}
#curriculum_wrap .product_list .list a ul{padding: 20px 0 0;}
#curriculum_wrap .product_list .list a ul li.icon{width:50px; height:50px;}

#curriculum_wrap .product_list .list a ul li.arrow span{width: 40px; height: 40px; line-height:40px; font-size:25px; }


/*************************** //curriculum_wrap ***************************/	

/*************************** corpromo_wrap ***************************/
#corpromo_wrap {
  padding:40px 0 50px 0; 
}
#corpromo_wrap .corpromo_in{
  width:90%;
}	




/*************************** program_wrap ***************************/
#program_wrap{padding:40px 0 50px 0;}

.program_in{width:90%;}	
.program_list{display: flex; padding: 20px 0 0 0; flex-wrap:wrap;}
.program_in .box{ border-radius:15px;}	
.program_in .banner_box a{padding:10% 10%;}
.program_in .banner_box a .eng_t{font-size: 12px; line-height: 140%;letter-spacing: 0.5px;}
.program_in .banner_box a .tit{font-size: 18px; line-height: 140%; min-height:25px; letter-spacing: -0.5px;}
.program_in .banner_box a .con{font-size: 14px; line-height: 140%;letter-spacing: -0.5px;  padding: 10px 0 0;}
.program_in .banner_box a .arrow{width: 40px; height: 40px; line-height:40px; font-size:25px; margin:20px 0 0; }

/*************************** //program_wrap ***************************/		
	
	

/*************************** notice_wrap ***************************/
#notice_wrap{padding:40px 0 50px 0; }
#notice_wrap .notice_in{width:90%;}	
	
	
.notice_list {padding: 25px 0 0 0; }
.notice_list dd p.title{ 
  /* padding: 10px 0 20px 0; */
  font-size: 14px;

}


.notice_list .con-date .date {font-size: 12px;  }
.notice_list .con-date span {font-size: 14px; }


.schedule_list{display: block; margin: 35px 0 0 0; height: auto; border-radius: 10px;}
.schedule_list .sc_header{ padding: 12px 20px; }
.schedule_list .sc_header h4{font-size: 16px; letter-spacing: -0.8pt; margin-right:10px;}
.schedule_list .sc_header h4 span{font-size: 20px; letter-spacing: 1pt; }
.schedule_list .sc_header .controller{margin-top:34px;}
.schedule_list .sc_header .controller a{font-size: 20px; letter-spacing: -0.2pt; }

.schedule_list .sc_header .controller a:before{margin-bottom:-32px; left: 50%; width: 70%; }
.schedule_list .sc_header .m_more span{margin-left: 5px; font-size: 26px;}

	
.schedule_list .sc_body{ width: 100%; padding: 0 20px 0 20px; }	

.schedule_list .scheduleList{ margin: 0px 0px 15px; float: left;}
.schedule_list .scheduleList dl{margin:0 20px 0 0; width:100%; height: 50px;}
.schedule_list .scheduleList dl:nth-child(1){ }
.schedule_list .scheduleList dl:nth-child(2){ margin:0; }


.schedule_list a.subject {line-height: 50px;  padding: 15px 0 0 0;}

.schedule_list .con-date {display: inline-block;float: left;}
.schedule_list .con-date .dday {padding: 5px 10px 4px 13px; width: 60px; margin-right: 0px; font-size: 15px;  letter-spacing: 1px; }
.schedule_list .con-date .date {display: inline-block; padding: 5px 5px;font-size: 18px;letter-spacing: -0.5px;}



.schedule_list .con-info {float: left; position: relative; display: inline-block; padding-top: 7px; width:calc(100% - 140px);}
.schedule_list .con-info .title {
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height:120%;}
.schedule_list .con-info .title span {letter-spacing: -0.8pt;}



/*************************** //notice_wrap ***************************/		
	
	
	
/*************************** promotion_wrap ***************************/
#promotion_wrap{padding:40px 0 50px 0;}
#promotion_wrap .promotion_in{width:85%;}

.promotion_list {padding: 20px 0 0 0; flex-wrap: wrap; }
.promotion_list dl{margin:0 0px 20px 0; width:100%; border-radius:15px;}
.promotion_list dl:nth-child(2n){margin-right:0}
.promotion_list dl:nth-child(3n){margin-right:0; display: none;}

.promotion_list dd{position:relative; padding:3% 8% 8% 8%;}

.promotion_list dd p.title{padding: 10px 0 20px 0; font-size: 14px; letter-spacing: -0.6pt;
    -webkit-line-clamp: 2;
    line-height: 1.5em; height: 1.4em;}

/*************************** //promotion_wrap ***************************/




/*************************** gallery_wrap ***************************/
#gallery_wrap{padding:40px 0 50px 0;}
#gallery_wrap .gallery_in{width:85%;}

.gallery_list {padding: 20px 0 0 0; flex-wrap: wrap; }
.gallery_list dl{margin:0 0px 20px 0; width:100%; border-radius:15px;}
.gallery_list dl:nth-child(2n){margin-right:0}
.gallery_list dl:nth-child(3n){margin-right:0; display: none;}
.gallery_list dd{position:relative; padding:5% 8% 8% 8%;}
.gallery_list dd p.sub_txt{line-height: 140%;font-size: 12px;}
.gallery_list dd p.title{padding: 10px 0 20px 0; font-size: 14px; letter-spacing: -0.6pt;
    -webkit-line-clamp: 2;
    line-height: 1.5em; height: 1.4em;}

.gallery_list .con-date {width: 130px; padding: 0px 0px 0px 10px;margin-left: 10px;}
.gallery_list .con-date .date {font-size: 12px; line-height: 60px; letter-spacing: 0px;}
.gallery_list .con-date span {font-size: 15px; }
/*************************** //gallery_wrap ***************************/			
	
	
/*************************** youtube_wrap ***************************/

/* more*/
.Ttit_area{padding:50px 0px 0px 0; position:relative; box-sizing:border-box;}
.Ttit_area .btn{ clear: both; position: absolute;  top:0px; bottom:12px; align-items:center;justify-content: center; text-align: center !important;}
	

/*more_btn */
.more_btn{width:150px; height:40px; line-height:40px; padding: 0 17px;border-radius:5px;}
.more_btn:hover .icon:before{transform:scale(30);}
.more_btn font{font-size:14px;}
.more_btn .icon{right:15px; margin-top: -12px; width:24px; height:24px; line-height:24px; font-size:16px;}
	
	
/*************************** youtube_wrap ***************************/

#youtube_wrap{padding:40px 0 50px 0; }
#youtube_wrap .youtube_in{width:90%;}	

#youtube_wrap .youtube_list{display: flex; padding: 20px 0 0 0; flex-wrap:wrap;}
#youtube_wrap .youtube_list .list{margin:0 0px 20px 0; width:100%; height: 50px; border-radius:15px; }


/*************************** //youtube_wrap ***************************/


}


@media all and (max-width:420px){

  .otherFeatures-wrap>ul>li:first-child {
    padding-left:30px;
  }
  .otherFeatures-wrap>ul>li:last-child {
    padding-left:30px;
  }
  .mainBtn-wrap a {
    width:160px;
  }
}


/*******************************************************************************
	@media ~380px
*******************************************************************************/
@media all and (max-width:380px){


/* 비주얼 */
		

		
	
	
/* Contents */
h3.main_title{font-size:24px; margin-bottom: 0;}
p.margin_smtxt{ font-size:14px; letter-spacing:0px;}


/* //Contents */
	
  
	
/*************************** curriculum_wrap ***************************/

#curriculum_wrap{padding:40px 0 50px 0; }
#curriculum_wrap .product_list{padding: 20px 0 0 0;flex-wrap:wrap;}
#curriculum_wrap .product_list .list{margin:0 0px 20px 0; width:100%;}
#curriculum_wrap .product_list .list.three{margin-bottom: 20px;}
#curriculum_wrap .product_list .list.four{margin-bottom: 0;}
#curriculum_wrap .product_list .list a{padding:10% 10%;}
#curriculum_wrap .product_list .list a .tit{font-size:17px; line-height: 140%; min-height:30px; letter-spacing: -1px;}
#curriculum_wrap .product_list .list a .tit br {display: none;}	
#curriculum_wrap .product_list .list a .con{font-size: 13px; line-height: 140%;letter-spacing: -0.5px; margin:10px 0 0; min-height:30px;}
#curriculum_wrap .product_list .list a ul{padding: 20px 0 0;}
#curriculum_wrap .product_list .list a ul li.icon{width:50px; height:50px;}

#curriculum_wrap .product_list .list a ul li.arrow span{width: 40px; height: 40px; line-height:40px; font-size:25px; }


/*************************** //curriculum_wrap ***************************/	


/*************************** corpromo_wrap ***************************/
.corpromo_box h3.main_title {
  line-height:.9;
}
.corpromo_box  p.margin_smtxt {
  padding-top:8px;
}
	

/*************************** notice_wrap ***************************/

.schedule_list{display: block; margin: 25px 0 0 0; height: auto; border-radius: 10px;}
.schedule_list .sc_header h4{font-size: 16px; letter-spacing: -0.8pt; margin-right:10px;}
.schedule_list .sc_header h4 span{font-size: 18px; letter-spacing: 1pt; }
.schedule_list .sc_header .controller{margin-top:34px;}
.schedule_list .sc_header .controller a{font-size: 18px; letter-spacing: -0.2pt; }

.schedule_list .sc_header .controller a:before{margin-bottom:-30px; left: 50%; width: 70%; }
.schedule_list .sc_header .m_more span{margin-left: 5px; font-size: 24px;}

	
.schedule_list .sc_body{ width: 100%; padding: 0 20px 0 20px; }	

.schedule_list .scheduleList{ margin: 0px 0px 15px; float: left;}
.schedule_list .scheduleList dl{margin:0 20px 0 0; width:100%; height: 50px;}
.schedule_list .scheduleList dl:nth-child(1){ }
.schedule_list .scheduleList dl:nth-child(2){ margin:0; }


.schedule_list a.subject {line-height: 50px;  padding: 15px 0 0 0;}

.schedule_list .con-date {display: inline-block;float: left;}
.schedule_list .con-date .dday {padding: 5px 10px 4px 13px; width: 60px; margin-right: 0px; font-size: 15px;  letter-spacing: 1px; }
.schedule_list .con-date .date {display: inline-block; padding: 5px 5px;font-size: 18px;letter-spacing: -0.5px;}


.schedule_list .con-info .title {
    font-size: 13px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height:120%;}
.schedule_list .con-info .title span {letter-spacing: -0.8pt;}



/*************************** //notice_wrap ***************************/	
	
	
	
/*************************** youtube_wrap ***************************/

/* more*/
.Ttit_area{padding:50px 0px 0px 0; position:relative; box-sizing:border-box;}
	

/*more_btn */
.more_btn{width:140px; height:40px; line-height:40px; padding: 0 17px;border-radius:5px;}
.more_btn:hover .icon:before{transform:scale(30);}
.more_btn font{font-size:12px;}
.more_btn .icon{right:15px; margin-top: -12px; width:24px; height:24px; line-height:24px; font-size:16px;}
	
	
/*************************** youtube_wrap ***************************/

#youtube_wrap .youtube_list{display: flex; padding: 20px 0 0 0; flex-wrap:wrap;}
#youtube_wrap .youtube_list .list{min-height:150px; }

/*************************** //youtube_wrap ***************************/	
	

	

}




/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){
	
	
	

	


}