@charset "utf-8";

/*포커스*/
a:focus,
button:focus,
input:focus{outline: 1px solid #dfdfdf !important;}

/*임시팝업*/
.tempPop{display:none !important;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:10000;display:flex;justify-content:center;align-items:flex-start;padding-top:150px;}
.tempPop div{}
.tempPop div img{max-width:100%;}
.tempPop a{display:block;font-size:0;width:60px;height:60px;background:url(/sites/style_guide/images/common/x_5_w.png) no-repeat center;}


/*Titlllium Web*/
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');


/*메인콘트롤************************************************************/
.wrap_main_control{position:fixed;right:30px;top:calc(50% - 50px);width:70px;z-index:8;}
.wrap_main_control:before{content:"";display:block;background:#FFF;width:1px;height:70%;position:absolute;right:9px;top:15%;z-index:1;}
.wrap_main_control a{display:block;font-size:13px;color:#FFF;padding:8px 10px;line-height:1;margin:5px 0;background:rgba(10,161,211,0.7);border-radius:30px;position:relative;}
.wrap_main_control a.active{background:rgba(10,161,211,1);}
.wrap_main_control a:after{content:"";display:block;width:9px;height:9px;background:#FFF;position:absolute;right:5px;top:calc(50% - 4.5px);border-radius:100%;}
@media all and (max-width:1280px) {
  .wrap_main_control{display:none;}
}


/*메인비주얼************************************************************/
.main_visual{}
/*슬라이드*/
.main_visual,
.main_visual .slick-list,
.main_visual .slick-slide{height:880px !important;}
.main_visual .slick-list{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}
.main_visual .slick-slide{height:100%;position:relative;}
.main_visual .slick-slide img{width:100%;}
.main_visual .type_video:before,
.main_visual .type_image:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/sites/kr/images/main/main_slogan.png) no-repeat center;background-size:1200px;z-index:1;}
.main_visual .type_video:before{display:none;}
.main_visual .type_video:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;right:0;background:rgba(0,0,0,0.1);}
.main_visual .type_video video{position:absolute;top:-15%;left:0;width:100%;}
/*진행바*/
.main_visual progress{position:absolute;left:0;top:48px;width:100%;height:2px;z-index:1;}
.main_visual progress,
.main_visual progress[role]{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;/*for Safari*/background-size:auto;}
.main_visual progress[role]:after{background-image:none;/*for FF*/}
.main_visual progress,
.main_visual progress[role][aria-valuenow]{background:transparent !important;}
/* Chrome */
.main_visual progress::-webkit-progress-bar{background:transparent;}
/*IE*/.main_visual progress{color:white;z-index:9;}
/*FF*/.main_visual progress::-moz-progress-bar{background:white;}
/*Chrome*/.main_visual progress::-webkit-progress-value{background:white;}
@media only screen and (min-width:2001px){
  .main_visual .slick-list{left:0;width:100%;margin-left:0}
}
@media only screen and (max-width:1400px){
  .main_visual .type_video:before,
  .main_visual .type_image:before{background-size:1000px;}
}
@media only screen and (max-width:1024px){
  .main_visual,
  .main_visual .slick-list,
  .main_visual .slick-slide{height:563px !important;}
  .main_visual .slick-list{width:1280px;margin-left:-640px}
  .main_visual .type_video:before,
  .main_visual .type_image:before{background-size:600px;background-position:center 40%;}
  .main_visual progress{top:35px;}
}
@media only screen and (max-width:768px){
  .main_visual,
  .main_visual .slick-list,
  .main_visual .slick-slide{height:451px !important;}
  .main_visual .slick-list{width:1024px;margin-left:-512px}
  .main_visual .type_video:before,
  .main_visual .type_image:before{background-size:350px;}
}
@media only screen and (max-width:420px){
  .main_visual .type_video:before,
  .main_visual .type_image:before{background-size:250px;}
}
/*공통*/
.main_visual .playstop,
.main_visual .paging li{line-height:0;}
.main_visual .paging button,
.main_visual .playstop button,
.main_visual .prevnext button{display:inline-block;text-indent:-9999px;}
/*컨트롤*/
.main_visual .control{position:absolute;left:0;bottom:150px;width:100%;}
.main_visual .control .container{display:flex;justify-content:center;align-items:center;}
/*페이징*/
.main_visual .paging{}
.main_visual .paging ul{display:flex;justify-content:center;}
.main_visual .paging li{padding:0 3px;}
.main_visual .paging button{width:12px;height:12px;border:3px solid #FFF;border-radius:30px;}
.main_visual .paging li.slick-active button{border-color:#6dcff6;}
/*재생정지*/
.main_visual .playstop{margin-left:10px;}
.main_visual .playstop button{display:none;width:9px;height:12px;}
.main_visual .playstop button.play{background:url(/sites/style_guide/images/common/play_2_w.png) no-repeat center;}
.main_visual .playstop button.stop{background:url(/sites/style_guide/images/common/pause_2_w.png) no-repeat center;}
.main_visual .playstop button.on{display:inline-block;}
/*이전다음*/
.main_visual .prevnext{}
.main_visual .prevnext .container{}
.main_visual .prevnext button{width:60px;height:60px;background:rgba(0,0,0,0.7) url(/sites/style_guide/images/common/arrow_5_w.png) no-repeat center;position:absolute;top:calc(50% - 30px);}
.main_visual .prevnext button.prev{left:0;transform:rotate(180deg);}
.main_visual .prevnext button.next{right:0;}
@media only screen and (max-width:768px){
  .main_visual .prevnext button{width:45px;height:45px;top:calc(50% - 22.5px);background-size:10px;}
}


/*텍스트배너슬라이드************************************************************/
#multipleDiv_kr_18{margin-top:-134px;}


/*인포그래픽************************************************************/
.main_info{background:url(../../images/main/bg_14.png);padding:40px 0;}
.main_info .container{max-width:1550px;margin: 0 auto;}
.main_info ul{display:flex;justify-content:space-between;align-items:center;}
.main_info ul li{display:flex;}
.main_info ul li .bul{width:77px;height:77px;display:block;margin-right:20px;background-size:100% !important;}
.main_info ul li.in_1 .bul{background:url(../../images/main/info_icon_1.png);}
.main_info ul li.in_2 .bul{background:url(../../images/main/info_icon_2.png);}
.main_info ul li.in_3 .bul{background:url(../../images/main/info_icon_3.png);}
.main_info ul li.in_4 .bul{background:url(../../images/main/info_icon_4.png);}
.main_info ul li .tex{color:#FFF;}
.main_info ul li .tex strong{font-size:42px;font-family: 'Titillium Web', sans-serif;font-weight:600;}
.main_info ul li .tex em{display:inline-block;vertical-align:3px;font-size:30px;font-family:'Noto Medium';}
.main_info ul li .tex strong.counter{padding-right:3px;}
.main_info ul li .tex i{font-size:18px;display:block;}
@media all and (max-width:1550px) {
  .main_info .container{max-width:96%;}
}
@media all and (max-width:1280px) {
  .main_info ul li .bul{width:60px;height:60px;}
  .main_info ul li .tex strong{font-size:32px;}
  .main_info ul li .tex em{font-size:20px;}
}
@media all and (max-width:1024px) {
  .main_info{padding:25px 0;}
  .main_info ul li{display:block;}
  .main_info ul li .bul{width:40px;height:40px;margin: 0 auto;}
  .main_info ul li .tex{display:block;text-align:center;}
  .main_info ul li .tex strong{font-size:25px;}
  .main_info ul li .tex em{font-size:18px;vertical-align:2px;}
}
@media all and (max-width:768px) {
  .main_info ul li .tex strong{font-size:22px;}
  .main_info ul li .tex em{font-size:16px;}
  .main_info ul li .tex i{font-size:16px;}
}
@media all and (max-width:540px) {
  .main_info{padding:15px 0;}
  .main_info ul{flex-wrap:wrap;}
  .main_info ul li{width:50%;margin:5px 0;}
}
@media all and (max-width:320px) {
  .main_info ul li{width:100%;}
}


/*학과.원점메아리.동영상.바로가기들************************************************************/
#multipleContentsDiv_kr_24{max-width:1550px;margin: 0 auto;padding-top:60px;display:flex;flex-wrap:wrap;justify-content:space-between;}
/*학 과*/#menu73_obj1118,
/*원 점*/#menu73_obj6843,
/*영 상*/#menu73_obj1125,
/*배너1*/#menu73_obj1126,
/*배너2*/#menu73_obj1127,
/*배너3*/#menu73_obj1128{width:33.33% !important;}
/*원 점*/#menu73_obj6843{z-index:0 !important;}

/*학 과*/#menu73_obj1118,
/*원 점*/#menu73_obj6843,
/*영 상*/#menu73_obj1125{}

/*배너1*/#menu73_obj1126,
/*배너2*/#menu73_obj1127,
/*배너3*/#menu73_obj1128{}

/*배너1*/#menu73_obj1126{}
/*배너2*/#menu73_obj1127{}
/*배너3*/#menu73_obj1128{}
@media all and (max-width:1550px) {
  #multipleContentsDiv_kr_24{max-width:100%;}
}
@media all and (max-width:1024px) {
  #multipleContentsDiv_kr_24{padding-top:0;}
  /*학 과*/#menu73_obj1118{width:100% !important;}
  /*원 점*/#menu73_obj6843,
  /*영 상*/#menu73_obj1125{width:50% !important;}
}
@media all and (max-width:768px) {
  /*원 점*/#menu73_obj6843,
  /*영 상*/#menu73_obj1125{width:100% !important;}
  /*배너1*/#menu73_obj1126,
  /*배너2*/#menu73_obj1127{width:50% !important;}
  /*배너3*/#menu73_obj1128{width:100% !important;}
}
@media all and (max-width:340px) {
  /*배너1*/#menu73_obj1126,
  /*배너2*/#menu73_obj1127{width:100% !important;}
}
/*학과*/
.main_mojor{}
.main_mojor h2{display:flex;align-items:center;padding-left:40px;height:165px;font-size:42px;font-family:'Noto Bold';color:#FFF;line-height:1;background:url(../../images/main/bg_4_2.jpg) no-repeat center;background-size:cover;}
.main_mojor ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border-left:1px solid #d8d8d8;}
.main_mojor ul li{width:50%;}
.main_mojor ul li a{display:block;text-align:center;font-size:18px;font-family:'Noto Regular';line-height:1.2;padding:18px 5px;border:1px solid #d8d8d8;margin-left:-1px;margin-top:-1px;}
.main_mojor ul li a span{display:inline-block;position:relative;}
.main_mojor ul li a span:before{content:"";display:block;width:15px;height:15px;border-radius:100%;background:#b2ebea;position:absolute;right:-7px;top:5px;z-index:-1;}
.main_mojor ul li:last-child a{background:url(../../images/main/bg_6.jpg) no-repeat center !important;background-size:cover;color:#FFF;}
@media all and (max-width:1280px) {
  .main_mojor ul li a{font-size:16px;padding:9px 5px;}
}
@media all and (max-width:1024px) {
  .main_mojor h2{display:none;}
  .main_mojor ul li{width:20%;}
  .main_mojor ul li a span i{display:block;}
}
@media all and (max-width:768px) {
  .main_mojor ul li a{font-size:15px;padding:12px 5px;}
}
@media all and (max-width:480px) {
  .main_mojor ul li{width:50%;}
  .main_mojor ul li a span i{display:inline;}
}
@media all and (max-width:320px) {
  .main_mojor ul li{width:100%;}
}
/*동영상*/
.main_video{height:100%;background:url(../../images/main/bg_13.jpg) no-repeat center;background-size:cover;display:flex;justify-content:center;align-items:center; position:relative;}
.main_video h2{position:absolute; top:20px; left:40px; font-size:22px; font-family: 'Noto Bold'; color:#fff;}
.main_video a{display:block;text-indent:-9999px;width:84px;height:84px;background:url(../../images/main/icon_play.png);}
@media all and (max-width:768px) {
  .main_video{padding:40px 0;}
  .main_video a{width:50px;height:50px;background-size:100%;}
}
/*배너1,2,3*/
.main_link_1,
.main_link_2,
.main_link_3{height:100%;}
.main_link_1{background:#f4ffe3 url(../../images/main/bg_9.jpg) no-repeat right bottom;}
.main_link_2{background:#ccf7ec url(../../images/main/bg_10.jpg) no-repeat right bottom;}
.main_link_1 a,
.main_link_2 a{display:block;padding:30px;font-size:30px;font-family:'Noto Regular';line-height:1.2;}
.main_link_1 a span,
.main_link_2 a span{display:block;}
.main_link_3 ul{display:flex;flex-wrap:wrap;height:100%;}
.main_link_3 ul li{width:50%;}
.main_link_3 ul li:nth-child(1){background:#f5f5f5 url(../../images/main/bg_11.png) no-repeat 95% 90%;}
.main_link_3 ul li:nth-child(2){background:#e7ecf3 url(../../images/main/bg_12.png) no-repeat 95% 90%;}
.main_link_3 ul li a{display:block;padding:30px;font-size:24px;font-family:'Noto Regular';}
.main_link_3 ul li a span{display:block;font-size:18px;font-family:'Noto Light';color:#666;}
@media all and (max-width:1280px) {
  .main_link_1 a,
  .main_link_2 a{font-size:24px;}
}
@media all and (max-width:1024px) {
  .main_link_1,
  .main_link_2{background-size:80% !important;}
  .main_link_3 ul li{background-size:50px !important;}
  .main_link_1 a,
  .main_link_2 a,
  .main_link_3 ul li a{padding:20px;font-size:20px;}
}
@media all and (max-width:768px) {
  .main_link_1 a,
  .main_link_2 a,
  .main_link_3 ul li a{font-size:16px;font-family:'Noto Medium';}
  .main_link_3 ul li a span{font-size:15px;}
}
@media all and (max-width:340px) {
  .main_link_3 ul li{width:100%;}
}


/*HOVER효과************************************************************/
@media all and (min-width:1025px) {
  .wrap_main_control a:hover{background:#52575c;}
  .main_visual .prevnext button:hover{background-color:rgba(0,0,0,1);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}

  .main_mojor ul li a:hover{color:#FFF;background:#00beba;}
}