@charset "utf-8";

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

/* intro : */
#wrap{position:relative; min-height:100vh; background:url(../images/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; }
.conBox01 {position: relative;display: flex;justify-content: space-between; flex-wrap: wrap;}

/* 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: 1rem;background-color: #d3e7ff;font-family:"SCDream";width: calc(50% - 1rem);}/*221109*/
/*.main_visual:before{position:absolute;top:-5rem;right:0;width:7rem;height:7rem;background: url(../images/intro/main_bg2.png)no-repeat center left/cover;content:"";z-index: 0;}/*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_box1{position:relative;z-index:1;width: 100%;}
.m_visual_box1 > div {background:#fff;padding: 1rem;border-radius:15px; box-shadow:0 0 10px rgb(26 65 105 / 31%);}
.m_visual_box1 ul.lst{display:inline-block;width: 100%;margin-top:.5rem;}
.m_visual_box1 ul.lst > li{position:relative;padding-left:.75rem;font-size: 0.8rem;text-align:left;font-weight:600;word-break: keep-all;}
.m_visual_box1 ul.lst > li + li {margin-top:.25rem; }
.m_visual_box1 ul.lst > li:before{position:absolute;top: 9px;left:0;width:5px;height:5px;background: #000;border-radius:5px;content:"";}/*221109*/
.m_visual_box1 ul.lst > li > strong {color: #ffe66a;font-size:1.1rem;font-weight:900;}/*221109*/
.m_visual_box1 ul.lst > li > em{font-size: .7rem;/* font-weight:900; */color: #fff;}
.m_visual_box1 ul.lst > li > span {color:#ff0000; font-weight:900;}

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

.m_visual_box2{position:relative;width: 100%;z-index:2;word-break:keep-all;margin-top: 0.5rem;}
.m_visual_box2 > ul > li{position:relative; }
.m_visual_box2 > ul > li + li {margin-top: 0.8rem;}
.m_visual_box2 > 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_box2 > ul > li.no2 > strong{background:#00a0a8; }
.m_visual_box2 > ul > li.no3 > strong{background:#e33d65; }
.m_visual_box2 > ul > li > div{padding: 0.5rem;background:#fff;border-radius:15px;box-shadow:0 0 10px rgb(26 65 105 / 31%);overflow:hidden;display:flex;align-items:center;}
.m_visual_box2 > ul > li ul > li{color: #000;font-size: .75rem;letter-spacing: -.3px;font-weight:600;}
.m_visual_box2 > ul > li ul > li > strong{color:#000; font-weight:800; margin-right:1%;}
.m_visual_box2 > ul > li.no1 ul > li > strong{display:inline-block; margin-right:.5rem;}
.m_visual_box2 > ul > li.no1 ul > li + li{margin-top:.15rem; }
.m_visual_box2 > ul > li.no2 > div ul{overflow:hidden; }
.m_visual_box2 > ul > li.no2 > div ul > li{padding:0 .25rem; }

.m_visual_top {padding-bottom: 1rem;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 -1.5rem/cover;} */
.m_visual_top h3 {font-size: 1.25rem;letter-spacing: -.5px;color:#242424;line-height:46px;position:relative;text-align:center;}
/* .m_visual_top h3:before {width:53%;left:330px;height: 3px;background: linear-gradient(45deg, #ffffff, transparent);top:50%;position:absolute;content:'';transform:translate(0, -50%);}
.m_visual_top h3:after {content: "";display: block;position: absolute;right: 229px;top: 50%;transform: translate(0, -50%);width: 163px;height: 27px;background: url(../images/intro/M_visual_img_t2.png);} */
.m_visual_top h3 span {font-weight:800 !important;font-size: 1.25rem;}


.no2_1 {background:#055895;overflow:hidden;text-align:center;padding: 0.5rem 0;border-radius:10px;width: 61px;color: #fff;}
.no2_1 > p {font-weight:700;line-height: 1rem;font-size: 0.75rem;}
.no2_1 > p > strong {font-size: 0.8rem;font-weight: 800;}
.no2_2 {margin-left:2.5%; width:80%;}
.no3_1 {width:20%;}
.no3_1 > p > strong {font-size: 0.8rem;margin-left: 1%;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.5rem;width:100%;height: auto;padding:0;display:flex;justify-content: space-between;flex-wrap: wrap;}
.m_link1 > li{width: 50%;}
.m_link1 > li a:hover { background:#054d80;}
.m_link1 > li:last-child a{background:#fb9ba3;}
.m_link1 > li:last-child a:hover {background:#f89099;}
.m_link1 > li:last-child .txt {font-size:0.65rem; color:#000;}
.m_link1 > li > a{padding: 0.5rem;margin: 0.25rem 0.25rem;width: 97%;background: #055895;border-radius: 1rem;display: flex;align-items: center;text-align: center;}
.m_link1 > li > a > .img{display: block;width: 3rem;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:#ffffff;text-align: left;font-family:"SCDream";font-size: .75rem;letter-spacing:-1px;word-break:keep-all;font-weight:600;width: 100%;}
.m_link1 > li > a > .txt strong {font-weight: 700;}


/* 바로가기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); }

/*con_box추가*/
.pyeonip{position:relative;min-height:24rem;padding: 1rem;background-color: #00a6d8e6;overflow:hidden;font-family:"SCDream";width: calc(50% - 1rem);}/*221109*/
.pyeonip:before{position:absolute;bottom:1rem;right:2rem;width:6rem;height:6rem;background: url(../images/intro/main_bg4.png)no-repeat center left/cover;content:"";}
.pyeonip h3 {font-size: 1.25rem;letter-spacing: -.5px;color:#fff;line-height:46px;position:relative;text-align:center;margin-bottom: 1rem;}
.pyeonip h3 strong {font-weight:800 !important;font-size: 1.25rem;}
.pyeonip .txt_box  {background:#fff;padding: 1rem;border-radius:15px;}
.pyeonip .txt_box li {padding: 0.25rem 0;font-size: 0.8rem;}
.pyeonip .txt_box li span {display: inline-block;margin-right: 0.5rem;font-weight: 800;color: #0098d8;}
.pyeonip .txt_box li p.indent {padding-left: 0.5rem;font-size: 0.7rem;color: #111;}

.m_link_lst {overflow:hidden; background: rgb(18 43 98 / 80%);border-radius:1rem}
.m_link_lst > li {width:50%;float:left;padding: 0.8rem 0;}
.m_link_lst > li > a {display:table;table-layout:fixed;width: 100%;height:2.5rem;padding: .1rem 0;}
.m_link_lst > li > a > span {position:relative;/* display:table-cell; */vertical-align:middle;display: block;text-align: center;width:100%;/* padding:0 1rem 0 .25rem; */color:#fff;font-family:"SCDream";font-size: .7rem;font-weight:600;letter-spacing:-.05px;}
.m_link_lst > li > a > span > i { position:absolute; top:50%; right:.25rem; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:right .3s; -moz-transition:right .3s; -ms-transition:right .3s; -o-transition:right .3s; transition:right .3s; }
.m_link_lst > li > a.type2 {/* background: #f9f9f9; *//* border: 1px solid #e5e5e5; */}
.m_link_lst > li > a.type2 > img{display:block;text-align:center;width: 35px;height: 55px;margin: 0 auto;-webkit-transition:transform .3s;transition:transform .3s;}
.m_link_lst > li > a.type2 > span {color: #fff;}
.m_link_lst {margin: 1rem 0;padding: 1rem 0;}
.m_link2 .m_link_lst {margin-top: 1.5rem;}
.m_link2 .m_link_lst > li {float:left;width:50%;padding: 0.8rem 0;}

.m_link_lst > li > a.type2:hover > img,
.m_link_lst > li > a.type2:focus > img{-webkit-transform:rotateY(180deg); transform:rotateY(180deg); }

/* 바로가기2,3 : action */
.m_link_lst > li > a:hover > span > i,
.m_link_lst > li > a:focus > span > i { right:.5rem; }

/******** responsive ********/
@media (max-width:1440px){

}

@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; }

  .conBox01 .main_visual, .conBox01 .pyeonip {width: 100%;}
  .conBox01 .pyeonip {margin-top: 1rem;}

  .m_link1 > li > a > .txt br{display:none;}

  
  /* 바로가기2 : 입학문의 */
  .m_link2 {display:block; margin-bottom:.5rem;}

 
}
@media (max-width:1024px){

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


}



@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; }


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




}

@media (max-width:560px){

  /*바로가기 1*/
  .m_link1 > li {width: 100%;}
  .m_link1 > li:last-child .txt {font-size: 0.75rem;}
}

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

  .m_visual_box2 > ul > li > div {display:block;}
  .no2_1 {padding:.3rem 1rem;border-radius:10rem;margin-bottom: .25rem;width: max-content;}
  .no2_1 > p,.no2_1 > p >strong {font-size:.8rem; line-height:20px;}
  .no2_2 {width:100%;}
  .no2_1  br {display: none;}
  .no3_1 {width:100%}
  /*편입학*/
  .pyeonip .txt_box li span {display: block}

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


}