@charset "utf-8";

/*-----------------------------------------------------------
Author :GH, Park
Creative date :2021. 06. 17
-----------------------------------------------------------*/

/* intro : */
#wrap{position:relative; min-height:100vh; background:url(https://gnuac.xcache.kinxcdn.com/intro/intro_bg3.png)no-repeat center/cover;  }
#wrap:before{position:absolute; bottom:0; right:0; width:0; height:0; border-top:5000px solid transparent; border-right:5000px solid rgba(0,0,0,.4); opacity:0; content:""; -webkit-transition:opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1), border-top 1000ms cubic-bezier(0.77, 0, 0.175, 1), border-right 1000ms cubic-bezier(0.77, 0, 0.175, 1); transition:opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1), border-top 1000ms cubic-bezier(0.77, 0, 0.175, 1), border-right 1000ms cubic-bezier(0.77, 0, 0.175, 1); }
#wrap:after{position:absolute; top:0; left:0; width:0; height:0; border-bottom:5000px solid transparent; border-left:5000px solid rgba(0,0,0,.4); opacity:1; content:""; -webkit-transition:opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1), border-bottom 1000ms cubic-bezier(0.77, 0, 0.175, 1), border-left 1000ms cubic-bezier(0.77, 0, 0.175, 1); transition:opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1), border-bottom 1000ms cubic-bezier(0.77, 0, 0.175, 1), border-left 1000ms cubic-bezier(0.77, 0, 0.175, 1); }
body.start #wrap:before{border-top:500px solid transparent; border-right:500px solid rgba(0,0,0,.4); opacity:1; }
body.start #wrap:after{border-bottom:0 solid transparent; border-left:0 solid rgba(0,0,0,.4); }
.mbr, .mbr2 {display:none;}

/* intro : header */
#header{position:relative; width:1400px; max-width:90%; height:6.5rem; margin:auto; }
#header .logo{position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
#header .logo a,
#header .logo a img{display:block; max-width:100%; }
#header .util_lst{position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
#header .util_lst > li{float:left; padding:.25rem; }
#header .util_lst > li > a{display:table; table-layout:fixed; min-width:12rem; height:3.5rem; padding:0 1.5rem; background:#008fd9; color:#fff; border-radius:4rem; }
#header .util_lst > li > a.until_btn2{background:#ebd286; }
#header .util_lst > li > a.until_btn2 em {color:#242424;}
#header .util_lst > li > a > em{position:relative; display:table-cell; vertical-align:middle; width:100%; padding-left:2.5rem; font-family:"SCDream"; font-size:.85rem; font-weight:600; line-height:1.3; }
#header .util_lst > li > a > em img{display:block; position:absolute; top:0; left:0; padding-top:15px; -webkit-transition:left .3s; transition:left .3s; }
#header .util_lst > li > a:hover > em img,
#header .util_lst > li > a:focus > em img{left:-.25rem; }

/* intro : layout */
#container{width:1400px; max-width:96%; margin:auto; z-index:1; opacity:0; visibility:hidden; margin-top:3rem ;-webkit-transition:opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1), visibility 1000ms cubic-bezier(0.77, 0, 0.175, 1), margin-top 1000ms cubic-bezier(0.77, 0, 0.175, 1); transition:opacity 1000ms cubic-bezier(0.77, 0, 0.175, 1), visibility 1000ms cubic-bezier(0.77, 0, 0.175, 1), margin-top 1000ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition-delay:.5s; transition-delay:.5s; }
body.start #container{opacity:1; visibility:visible; margin-top:0; }

/* intro : footer */
#footer{position:relative; z-index:1; width:1400px; max-width:90%; margin:auto; padding:2rem 0; }
#footer .copyright{color:#fff; text-align:center; font-family:"SCDream"; font-size:.85rem; font-weight:300; }

/* intro : contents */
.bu_atte2 > li:before{content:"※"; display:inline-block; padding-right:0.25rem; vertical-align:middle; position:absolute; left:13px;}
.bu_atte2 > li  {padding-left:3%; font-size:0.8rem; font-weight:500; }

/* main_visual */
.main_visual{position:relative;min-height:24rem;padding: 2rem; background-color: #d3e7ff;overflow:hidden;font-family:"SCDream";}/*221109*/
.main_visual:before{position:absolute;bottom: 0;left:0;width:100%;height:24rem;/*background: url(/images/ap/tp/entsch5/M_visial_img1_3_r.png)no-repeat center left/cover;*/content:"";z-index:1;}/*221109*/
/*.main_visual:after{position:absolute; bottom:7rem; left:.5rem; width:33rem; height:16.15rem; background:url(/images/ap/tp/entsch1/M_visial_img2.png)no-repeat center/cover; content:""; -webkit-animation-name:float; animation-name:float; -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-direction:alternate; animation-direction:alternate; -webkit-animation-timing-function:ease; animation-timing-function:ease; -webkit-animation-delay:.5s; animation-delay:.5s;}
@-webkit-keyframes float{
  to{
    bottom:6rem;
  } from{
    bottom:7rem;
  }
}
@keyframes float{
  to{
    bottom:6rem;
  } from{
    bottom:7rem;
  }
}*/
.m_visual_left{position:relative;z-index:1;float:left;width: 58%;padding-right: 0.9rem;}
.m_visual_left > div {background:#fff; padding:1.5rem 0rem 1.8rem 2rem; border-radius:15px; box-shadow: 0 0 13px 0px rgb(8 84 121 / 48%);}
.m_visual_left ul.lst{display:inline-block; margin-top:.5rem; }
.m_visual_left ul.lst > li{position:relative;padding-left:.75rem;font-size:1rem;text-align:left;font-weight:600; word-break: keep-all;}
.m_visual_left ul.lst > li + li {margin-top:.25rem; }
.m_visual_left ul.lst > li:before{position:absolute;top:15px;left:0;width:5px;height:5px;background: #000;border-radius:5px;content:"";}/*221109*/
.m_visual_left ul.lst > li > strong {color: #ffe66a;font-size:1.1rem;font-weight:900;}/*221109*/
.m_visual_left ul.lst > li > em{font-size: .7rem;/* font-weight:900; */color: #fff;}
.m_visual_left ul.lst > li > span {color:#ff0000; font-weight:900;}

.le_t {overflow:hidden; margin: 0 auto; }
.le_t > p {float:left; line-height:20px; font-weight:900; padding:2% 0 0 3%;} 
.le_t > strong {font-size:2rem; padding-left:2%; }
.le_t > strong > span {color:#ff0000; font-weight:900; letter-spacing: -.7px;}

.m_visual_right{position:relative;float:left;width: 42%;z-index:2;word-break:keep-all;}
.m_visual_right > ul > li{position:relative; }
.m_visual_right > ul > li + li {margin-top: 0.8rem;}
.m_visual_right > ul > li > strong{position:absolute; top:0; left:1rem; padding:.75rem 1rem; background:#22499d; color:#fff; line-height:1.2; border-radius:20px; }
.m_visual_right > ul > li.no2 > strong{background:#00a0a8; }
.m_visual_right > ul > li.no3 > strong{background:#e33d65; }
.m_visual_right > ul > li > div{padding:0.7rem; background:#fff; border-radius:15px; box-shadow: 0 0 12px 0px rgb(8 84 121 / 48%); overflow:hidden; display:flex; align-items:center;}
.m_visual_right > ul > li ul > li{color: #000;font-size:.9rem; letter-spacing: -.3px; font-weight:600;}
.m_visual_right > ul > li ul > li > strong{color:#000; font-weight:800; margin-right:1%;}
.m_visual_right > ul > li.no1 ul > li > strong{display:inline-block; margin-right:.5rem;}
.m_visual_right > ul > li.no1 ul > li + li{margin-top:.15rem; }
.m_visual_right > ul > li.no2 > div ul{overflow:hidden; }
.m_visual_right > ul > li.no2 > div ul > li{padding:0 .25rem; }

.m_visual_top {padding-bottom:2.3rem; position:relative;}
.m_visual_top:before {position:absolute; right:2%; top:-20%; content:''; width:212px; height:240px; background: url(../images/intro/M_visual_img_t2.png)no-repeat center top/cover;}
.m_visual_top h3 {font-size:1.6rem; letter-spacing: -.5px; color:#0c1539; line-height:46px; position:relative;}
.m_visual_top h3:before {width: 49%;left: 422px;height: 4px;background:#fff;top:50%;position:absolute;content:'';transform:translate(0, -50%);}
.m_visual_top h3 span {font-weight:800 !important; font-size:2.07rem;}


.no2_1 { background:#005c8b; overflow:hidden; text-align:center; padding:3.2% 0; border-radius:10px; width:90px; color: #fff;}
.no2_1 > p {font-weight:700; line-height:25px; font-size:1rem;}
.no2_1 > p > strong {font-size:1.3rem; font-weight:700;}
.no2_2 {margin-left:2.5%; width:80%;}
.no3_1 {width:33%;}
.no3_1 > p > strong {font-size:1.1rem; margin-left:2%; font-weight:800;}

.no3 > div {padding:1rem !important;}

.con_wrap {overflow:hidden;}
/* 바로가기1 */
.m_link1{position:relative;z-index:1;overflow:hidden;margin-top: 0.8rem;width:100%;height: 7.5rem;float:right;padding:0; display:flex; justify-content: space-between;}
.m_link1 > li{ width:24%; background:#7fb8f5; border-radius:1rem; }
.m_link1 > li:hover { background:#6aa8eb;}
.m_link1 > li:last-child {background:#ffbaae;}
.m_link1 > li:last-child:hover {background:#ee9f91;}
.m_link1 > li:last-child .txt {font-size:0.65rem;}
.m_link1 > li > a{display:block; }
.m_link1 > li > a > .img{display:block;margin:auto;-webkit-transition:transform .3s;transition:transform .3s;}
.m_link1 > li > a > .img > img{display:block; max-width:100%; max-height:100%; margin:auto; }
.m_link1 > li > a:hover > .img,
.m_link1 > li > a:focus > .img{-webkit-transform:rotateY(180deg); transform:rotateY(180deg); }
.m_link1 > li > a > .txt{display:block;/* max-height:56px; */overflow:hidden;padding:0 .5rem;color:#242424;text-align:center;font-family:"SCDream";font-size: .7rem;letter-spacing:-1px;word-break:keep-all; font-weight:600;}

/* 바로가기2 : 입학문의 */
.m_link2{position:relative;margin-top:1rem;width: 100%;height: 8rem;float:left;z-index:1;padding: 1rem 1rem;background:rgba(0,0,0,.8);border-radius:1rem; display:flex; align-items: center; align-content: center;}
.m_link2 > strong{color:#fff; font-family:"SCDream"; font-weight:600; font-size:1rem; width:15%; text-align:center;}
.m_link2 > strong > em > i{display:inline-block; vertical-align:middle; margin-right:.25rem; font-size:1.2rem; }
.m_link2 > strong > em > span{display:inline-block; vertical-align:middle; font-size:1.2rem;}
.m_link2 > ul{overflow:hidden;  }
.m_link2 > ul > li {font-size:.8rem; font-weight:400; font-family:"SCDream"; color:#fff; }

/*221212 버튼스타일추가*/
.btn_style2{display:inline-block;padding: .3rem .5rem;background:#22499d;color:#fff;font-size: .7rem;font-weight:500;}
.btn_style2:hover,
.btn_style2:focus { background:#009edb; }


div + a[class^="btn_"], table + a[class^="btn_"], ul + a[class^="btn_"], p + a[class^="btn_"], br + a[class^="btn_"]{ margin-top:0.5rem; }
[class^="btn_style"],
[class^="btn_line_style"]{ margin:.15rem; -webkit-transition:all .3s; transition:all .3s; }
[class^="btn_style"] i,
[class^="btn_line_style"] i { margin-left:.25rem; -webkit-transition:transform .3s; transition:transform .3s; }
[class^="btn_style"]:hover i,
[class^="btn_style"]:focus i,
[class^="btn_line_style"]:hover i,
[class^="btn_line_style"]:focus i {-webkit-transform:translateX(2px); transform:translateX(2px); }




/******** responsive ********/
@media (max-width:1440px){
  .m_link1 > li > a > .txt{/* max-height: 70px; */}
  .m_link1 > li:last-child .txt {font-size:0.6rem;}
  .m_visual_right > ul > li ul > li {font-size:0.85rem;}

  .m_visual_left > div {padding-left:1.3rem;}

  .no3_1 {width:35%;}

  .m_visual_top h3:before {width:45%;}
  .le_t > strong {font-size:1.8rem;}
  .le_t > p {padding-top:1.5%;}
}
@media (max-width:1200px){
  #header .logo{width:200px; }
  #header .util_lst > li > a{min-width:auto; height:3rem; padding:0 1.25rem; }
  #header .util_lst > li > a > em{padding-left:2rem; font-size:.8rem; }
  #header .util_lst > li > a > em img{width:25px; }

  .main_visual{padding:1.5rem 2.5rem 6rem; }
  .main_visual:before{opacity:.6; }
  .main_visual:after { top:1.5rem; left:50%; bottom:auto; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-animation-name:none; animation-name:none; }
  .m_visual_left{float:none;width:100%;padding-right:0;overflow: hidden;}
  .m_visual_left > h3{margin-top:0; word-break:keep-all; }
  /*.m_visual_left > h3 > br {display:none; }*/
  .m_visual_right{overflow: hidden;float:none;width:100%; margin-top:1rem;}

  
  .m_link1{margin-top: 1rem;}
  .m_link1 > li:last-child .txt {font-size:.7rem;}
  
  .m_link2 {display:block; margin-bottom:.5rem;}
  .m_visual_left > div {text-align:center; padding:2rem;}

  .le_t {display:flex; justify-items: center; justify-content: center; align-items:center;}
  .le_t > p {float:none; padding:0;}
  .le_t > strong {}
  .m_visual_top {padding-bottom:1.5rem;}
  .m_visual_top:before {top:-5%;}
  .m_visual_top h3 {padding-top:1rem;}
  .m_visual_top h3:before  {display:none;}

  .no3_1 {width:17%;}
 
}
@media (max-width:1024px){
  /* 바로가기1 */
  .m_link1{width:100%; height:auto; padding:0 0 1rem; }
  .m_link1 > li {padding:1rem 0;}
  .m_link1 > li > a > .txt{/* max-height:53px; */}

  /* 바로가기2 : 입학문의 */
  .m_link2{width:100%; height:auto; float:none;}


  .no3_1 {width:20%;}
}

@media (max-width:860px){
  /* 바로가기1 */
  .m_link1{width:100%; height:auto; padding:0 0 1rem; flex-wrap: wrap;}
  .m_link1 > li {padding:1rem 0; width:49%; margin-bottom:2%;}
  .m_link1 > li > a > .txt{/* max-height:53px; */}

  .no3_1 {width:25%;}


}

@media (max-width:768px){
  #header{height:auto; padding:2rem 0 1rem; overflow:hidden; }
  #header .logo{position:relative; top:auto; left:auto; -webkit-transform:translateY(0); transform:translateY(0); }
  #header .util_lst{position:relative; top:auto; right:auto; -webkit-transform:translateY(0); transform:translateY(0); width:100%; margin-top:1.5rem; }
  #header .util_lst > li{width:50%; }
  #header .util_lst > li > a{width:100%; }
  #header .util_lst > li > a br{display:none; }
  #header .util_lst > li > a:hover > em img, #header .util_lst > li > a:focus > em img{left:0; }
  .m_visual_left > h3 > strong{display:block;}
  
  .main_visual {padding:2rem;}

  .m_link1 > li {width: 49%;}
  .m_link1 > li > a > .txt{height: auto;word-break:keep-all;}
  .m_link1 > li > a:hover > .img, .m_link1 > li > a:focus > .img{-webkit-transform:rotateY(0deg); transform:rotateY(0deg); }
  
  .m_visual_right > ul > li > strong{position:relative; top:auto; left:auto; display:block; font-size:.9rem; border-radius:10px 10px 0 0; text-align:center; line-height:1.3; }
  .m_visual_right > ul > li > div{padding:0.7rem;}
  .m_visual_right > ul > li.no2 > div ul > li{float:none; width:100%; }

  /* 바로가기2 : 입학문의 */
  .m_link2 > ul > li{width:100%; float:none;}

  .m_visual_left > div {padding:1.5rem 1rem;}
  .m_visual_left > h3 {font-size:0.9rem}

  .m_visual_left > ul.lst > li {font-size:0.9rem;}
  .mbr {display:block;}

  .m_visual_left ul.lst > li {font-size:0.8rem;}

  .le_t {display:block;}
  .le_t p {background:#fb4b45; display:inline-block; float:none; color:#fff; padding:0.3rem 1rem; border-radius:10rem; font-size:1rem; font-weight:700;}
  .le_t > strong {font-size:1.7rem;}
  .m_non {display:none;}

  .mbr2 {display:block;}

  .bu_atte2 > li {padding-left:5%;}
  .m_visual_left ul.lst > li:before {top:9px;}

  .m_visual_top h3 { text-align:center; }
  .m_visual_top:before {display:none;}

 
  .no3 > div {display:block !important;}
  .no3_1 {width:100%;}
  .no3_1 > p > strong {margin-left:0;}

}
@media (max-width:480px){
  #header .logo{margin:auto; }
  #header .util_lst > li{width:100%; float:none; }

  .m_non2 {display:none;}

  .main_visual {padding:1.5rem 1rem; }
  .m_visual_left > h3{font-size:0.9rem; }

  .m_visual_left > ul > li{font-size:.75rem; width:48.5%; }
  
  .m_visual_left > ul > li > strong {font-size:.8rem; }
  .m_visual_left > ul > li:before{top:8px; }
  .m_visual_right{margin-top:1rem; }
  .m_visual_right > ul > li{padding-top:0; }
  .m_visual_right > ul > li ul > li {font-size:.8rem;}
  

  .m_link1{padding:.5rem 0 0; }
  .m_link1 > li {width:50%; }
  .m_link1 > li > a > .txt {height:auto;}

  .m_link2 > ul > li{float:none; width:100%; }
  .m_link2 > ul > li + li{margin-top:.5rem; }


  .m_visual_left > ul.lst > li {font-size:0.rem;}

  .le_t p {font-size:.9rem;}
  .le_t > strong {font-size:1.3rem;}

  .m_visual_right > ul > li > div {display:block;}
  .no2_1 {padding:.3rem 1rem; border-radius:10rem; margin-bottom:.5rem;}
  .no2_1 > p,.no2_1 > p >strong {font-size:.8rem; line-height:20px;}
  .no2_2 {width:100%;}

}