@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;700;900&display=swap');
/*
font-family: 'Noto Sans KR', sans-serif;
Thin=100
Light=300
Regular=400
Medium=500
bold=700
black=900
font-family: 'Roboto', sans-serif;
Thin=100
Light=300
Regular=400
bold=700
black=900
*/


/******************************
COMMON
******************************/
#multipleDiv_en_210{background:#f3f3f3;padding:90px 0;}
#multipleDiv_en_211{background:#FFF;padding:90px 0;}
#multipleDiv_en_212{background:#FFF;padding-bottom:90px;}
.multipleContentsDiv{max-width:1400px;margin: 0 auto;}
#multipleContentsDiv_en_209{max-width:100%;}
@media all and (max-width:1400px){
  .multipleContentsDiv{max-width:96%;}
  #multipleContentsDiv_en_209{max-width:100%;}
}
@media all and (max-width:768px){
  #multipleDiv_en_210{padding:50px 0;}
  #multipleDiv_en_211{padding:50px 0;}
  #multipleDiv_en_212{padding-bottom:50px;}
}


/******************************
비주얼
******************************/
#menu3498_obj227 ._objTool{top:150px;}
/*메인비주얼*/
.main_visual{position:relative;}
.main_visual::before {content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;z-index: 1;}
.main_visual .slick-list{position:relative;top:0;left:50%;width:2000px;margin-left:-1000px;padding:0 !important;}
.main_visual .slick-slide{position:relative;}
.main_visual .slick-slide img{width:100%}
.main_visual .type_video video{position:absolute;top:0;left:0;width:100%;}
/*콘트롤*/
.main_visual .control{position:absolute;left:0;bottom:140px;width:100%;display:flex;justify-content:center;align-items:center;z-index:2;}
.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 .paging{}
.main_visual .paging ul{display:flex;justify-content:center;}
.main_visual .paging li{display:flex;justify-content:center;align-items:center;}
.main_visual .paging button{width:50px;height:1px;background:rgba(255,255,255,0.5);}
.main_visual .paging li.slick-active button{height:3px;background:#FFF;}
/*재생정지*/
.main_visual .playstop{margin:0 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 .numbering{display:flex;align-items:center;margin:0 10px;}
.main_visual .numbering span{font-size:16px;color:#FFF;}
.main_visual .numbering .now{}
.main_visual .numbering .now:after{content:"/";display:inline-block;padding:0 5px;}
.main_visual .numbering .total{}
/*이전다음*/
.main_visual .prevnext{display:flex;align-items:center;}
.main_visual .prevnext button{width:20px;height:10px;background:url(/sites/style_guide/images/common/arrow_15_w.png) no-repeat center;}
.main_visual .prevnext button.prev{}
.main_visual .prevnext button.next{transform:rotate(180deg);}

/*가로2000이상꽉차게
@media only screen and (min-width:2001px){
.main_visual .slick-list{left:0;width:100%;margin-left:0;}
}
*/
@media only screen and (max-width:1280px){
  .main_visual,
  .main_visual .slick-list{height:653px !important;}
  .main_visual .slick-list{width:1280px;margin-left:-640px}
}
@media only screen and (max-width:768px){
  .main_visual,
  .main_visual .slick-list{height:522px !important;}
  .main_visual .slick-list{width:1024px;margin-left:-512px}
}


/******************************
슬로건
******************************/
#menu3498_obj228{position:absolute;top:35% !important;width:1400px !important;left:50% !important;margin-left:-700px !important;}
.slogan{font-family: 'Roboto', sans-serif;font-size:30px;font-weight:400;color:#FFF;line-height:1.2;word-break:keep-all;text-align:center;text-shadow:0 0 5px #000;}
.slogan strong{display:block;font-weight:700;margin-top:10px;font-size:50px;}
@media all and (max-width:1400px){
  #menu3498_obj228{width:96% !important;left:2% !important;margin-left:0 !important;}
}
@media all and (max-width:1280px){
  .slogan{font-size:25px;}
  .slogan strong{font-size:40px;}
}
@media all and (max-width:768px){
  #menu3498_obj228{top:30% !important;}
  .slogan{font-size:20px;}
  .slogan strong{font-size:30px;}
}


/******************************
타이틀
******************************/
.mainTitle{line-height:1 !important;font-family: 'Roboto', sans-serif;font-size:40px;color:#1b2b43;margin-bottom:50px;font-weight:900;}
@media all and (max-width:768px){
  .mainTitle{margin-bottom:20px;text-align:center;font-size:25px;}
}


/******************************
ACADEMICS
******************************/
#menu3498_obj229{margin-top:-80px !important;}
.depart_wrap{}
.depart_wrap .title{margin-left:270px;}
.depart_wrap .title a{display:flex;align-items:center;justify-content:center;font-size:13px;height:30px;line-height:1;word-break:keep-all;}
.depart_wrap .depart_nav{margin-right:90px;}

.depart_wrap .list{line-height:0;margin-top:20px;}
.depart_wrap .list ul{display:flex;}
.depart_wrap .list li{}
.depart_wrap .list li .item{overflow:hidden;display:flex;flex-direction:column;}
.depart_wrap .list li:nth-child(even) .item{flex-direction:column-reverse;}

.depart_wrap .list li .pic{position:relative;}
.depart_wrap .list li .pic::after{content:"";display:block;position:absolute;width:0;height:0;}

.depart_wrap .list img{width:100%;}
.depart_wrap .list dl{height:350px;padding:40px;line-height:1.5;}
.depart_wrap .list dt{font-size: 20px;color: #FFF;word-break: keep-all;font-weight: 500;}
.depart_wrap .list dt::after{content:"";display:block;width:20px;height:3px;background:#FFF;margin:15px 0;}
.depart_wrap .list dd{}
.depart_wrap .list dd .mainMajor{font-size:16px;color:#FFF;font-weight:500;margin-bottom:10px;display:flex;flex-wrap:wrap;}
.depart_wrap .list dd .mainMajor span{display:block;width:100%;position:relative;box-sizing:border-box;padding-left:10px;font-size:14px;font-weight:300;}
.depart_wrap .list dd .mainMajor span:before{content: "";width: 4px;background: #FFF;height: 4px;display: block;position: absolute;left: 0;top:8px;}
.depart_wrap .list dd p{font-size:15px;color:#FFF;font-weight:300;max-height:115px;overflow:hidden;}
.depart_wrap .list .btns{padding:15px 0;}
.depart_wrap .list .btns a{font-size:14px;}
.depart_wrap .more{display:block;text-indent:-9999px;width:30px;height:30px;border-radius:100%;background:url(/sites/style_guide/images/common/arrow_2_w.png) no-repeat center;}

.depart_wrap .de_1,
.depart_wrap .de_5,
.depart_wrap .de_9,
.depart_wrap .de_13{background:#265aa6;}
.depart_wrap .de_1 .pic::after,
.depart_wrap .de_5 .pic::after,
.depart_wrap .de_9 .pic::after,
.depart_wrap .de_13 .pic::after{bottom:0;left:0;border-bottom:50px solid #265aa6;border-left:40px solid transparent;border-right:0 solid transparent;}
.depart_wrap .de_2,
.depart_wrap .de_6,
.depart_wrap .de_10,
.depart_wrap .de_14{background:#8baddc;}
.depart_wrap .de_2 .pic::after,
.depart_wrap .de_6 .pic::after,
.depart_wrap .de_10 .pic::after,
.depart_wrap .de_14 .pic::after{top:0;right:0;border-top:50px solid #8baddc;border-left:0 solid transparent;border-right:40px solid transparent;}
.depart_wrap .de_3,
.depart_wrap .de_7,
.depart_wrap .de_11{background:#ececec;}
.depart_wrap .de_3 .pic::after,
.depart_wrap .de_7 .pic::after,
.depart_wrap .de_11 .pic::after{bottom:0;left:0;border-bottom:50px solid #ececec;border-left:40px solid transparent;border-right:0 solid transparent;}
.depart_wrap .de_4,
.depart_wrap .de_8,
.depart_wrap .de_12{background:#0091d3;}
.depart_wrap .de_4 .pic::after,
.depart_wrap .de_8 .pic::after,
.depart_wrap .de_12 .pic::after{top:0;right:0;border-top:50px solid #0091d3;border-left:0 solid transparent;border-right:40px solid transparent;}

.depart_wrap .de_1 .btns a,
.depart_wrap .de_5 .btns a,
.depart_wrap .de_9 .btns a,
.depart_wrap .de_13 .btns a{color:#95d3e6;}
.depart_wrap .de_2 .btns a,
.depart_wrap .de_6 .btns a,
.depart_wrap .de_10 .btns a,
.depart_wrap .de_14 .btns a{color:#FFF;}
.depart_wrap .de_3 .btns a,
.depart_wrap .de_7 .btns a,
.depart_wrap .de_11 .btns a{color:#1b2b43;}
.depart_wrap .de_4 .btns a,
.depart_wrap .de_8 .btns a,
.depart_wrap .de_12 .btns a{color:#95d3e6;}

.depart_wrap .de_3 dt,
.depart_wrap .de_7 dt,
.depart_wrap .de_11 dt{color:#1b2b43;}
.depart_wrap .de_3 dt::after,
.depart_wrap .de_7 dt::after,
.depart_wrap .de_11 dt::after{background:#1b2b43;}
.depart_wrap .de_3 dd p,
.depart_wrap .de_7 dd p,
.depart_wrap .de_11 dd p{color:#1b2b43;}
.depart_wrap .de_3 dd .mainMajor,
.depart_wrap .de_7 dd .mainMajor,
.depart_wrap .de_11 dd .mainMajor{color:#1b2b43;}
.depart_wrap .de_3 dd .mainMajor span:before,
.depart_wrap .de_7 dd .mainMajor span:before,
.depart_wrap .de_11 dd .mainMajor span:before{background:#1b2b43;}

/*
.depart_wrap .de_12 dd .mainMajor span:nth-child(3),
.depart_wrap .de_13 dd .mainMajor span{width:100%;}
*/

.depart_wrap .de_1 .more,
.depart_wrap .de_5 .more,
.depart_wrap .de_9 .more,
.depart_wrap .de_13 .more{background-color:#93add3;}
.depart_wrap .de_2 .more,
.depart_wrap .de_6 .more,
.depart_wrap .de_10 .more,
.depart_wrap .de_14 .more{background-color:#aec6e7;}
.depart_wrap .de_3 .more,
.depart_wrap .de_7 .more,
.depart_wrap .de_11 .more{background-color:#838b97;}
.depart_wrap .de_4 .more,
.depart_wrap .de_8 .more,
.depart_wrap .de_12 .more{background-color:#80c8e9;}

.depart_wrap .control{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;}
.depart_wrap .control button{display:block;width:30px;height:30px;border:1px solid #000;text-indent:-9999px;margin-left:-1px;}
.depart_wrap .control button.prev{background:url(/sites/style_guide/images/common/arrow_2_b.png) no-repeat center;transform:rotate(180deg);}
.depart_wrap .control button.next{background:url(/sites/style_guide/images/common/arrow_2_b.png) no-repeat center;}
.depart_wrap .control button.play{display:none;background:url(/sites/style_guide/images/common/play_2_b.png) no-repeat center;}
.depart_wrap .control button.stop{display:none;background:url(/sites/style_guide/images/common/pause_2_b.png) no-repeat center;}
.depart_wrap .control button.on{display:block;}

@media all and (max-width:768px){
  #menu3498_obj229{margin-top:0 !important;}
  .depart_wrap .depart_nav{margin-right:0;}
  .depart_wrap .title{margin-left:0;}
  .depart_wrap .control{position:relative;right:auto;top:auto;margin-top:10px;}
  .depart_wrap .control button.on{display:none;}
  .depart_wrap .list dl{padding:20px;}
  .depart_wrap .list dt{font-size:20px;}
  .depart_wrap .list dd .mainMajor span{width:100%;}
}
@media all and (max-width:480px){
  .depart_wrap .list li:nth-child(even) .item{flex-direction:column;}
  .depart_wrap .list li .pic::before{display:none;}
  .depart_wrap .list dl{height:auto;}
}



/******************************
LINK1
******************************/
.main_link_1{display:flex;justify-content:space-between;flex-wrap:wrap;}
.main_link_1 .item_1{width:43%;position:relative;padding:0 0 15px 15px;}
.main_link_1 .item_1 span{display:inline-block;padding:30px 50px;background:rgba(13,87,167,0.45);line-height:1.3;font-family: 'Roboto', sans-serif;font-size:30px;color:#FFF;font-weight:400;word-break:keep-all;position:absolute;left:0;bottom:0;}
.main_link_1 .item_1 i{display:block;}
.main_link_1 .item_2{width:55%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.main_link_1 .item_2 div{width:49%;background:#FFF;display:flex;justify-content:center;align-items:center;}
.main_link_1 .item_2 a{display:flex;flex-direction:column;align-items:center;}
.main_link_1 .item_2 span{padding:10px;line-height:1.3;font-family: 'Roboto', sans-serif;font-size:25px;color:#000;font-weight:700;word-break:keep-all;}
.main_link_1 .item_2 .con_1{background:#0d57a7;}
.main_link_1 .item_2 .con_1 span{color:#FFF;}
.main_link_1 .item_2 .con_1,
.main_link_1 .item_2 .con_2{margin-bottom:2%;}

@media all and (max-width:1024px){
  .main_link_1 .item_1{width:50%;padding:0;}
  .main_link_1 .item_1 span{display:block;padding:20px;font-size:20px;position:relative;}
  .main_link_1 .item_1 i{display:inline;}
  .main_link_1 .item_2{width:49%;}
  .main_link_1 .item_2 div{width:100%;margin-bottom:1% !important;justify-content:flex-start;}
  .main_link_1 .item_2 a{flex-direction:row;padding:10px;}
  .main_link_1 .item_2 span{padding:0 20px;font-size:20px;}
  .main_link_1 .item_2 img{max-width:45px;}
}
@media all and (max-width:520px){
  .main_link_1 .item_1{width:100%;}
  .main_link_1 .item_2{width:100%;margin-top:1%;}
}


/******************************
LINK2
******************************/
.main_link_2{display:flex;justify-content:space-between;flex-wrap:wrap;}
.main_link_2 div{width:19%;}
.main_link_2 a{display:flex;flex-direction:column;align-items:center;text-align:center;}
.main_link_2 span{line-height:1.1;font-family: 'Roboto', sans-serif;font-size:22px;color:#000;font-weight:700;margin-top:20px;word-break:keep-all;}

@media all and (max-width:1024px){
  .main_link_2 img{max-width:95px;}
  .main_link_2 span{font-size:18px;margin-top:10px;}
}
@media all and (max-width:520px){
  .main_link_2 div{width:100%;}
  .main_link_2 img{display:none;}
  .main_link_2 span{margin-top:0;}
  .main_link_2 a{align-items:flex-start;text-align:left;background:#EEE;margin:2px 0;padding:20px;}
}


/******************************
HOVER
******************************/
@media only screen and (min-width:1281px){
  .goTop a:hover{filter:alpha(opacity=100);opacity:1;}
}