@charset "utf-8";

.head_logo a .logo_organA{display:none;}

@media all and (min-width:1281px){
  .btn_mgnb,
  .gnb_m,
  .mgnb_close{display:none;}

  header{width:240px;height:100%;position:fixed;left:0;top:0;z-index:10;}
  header::before{content:"";display:block;width:1px;height:100%;position:absolute;right:0;top:0;}

  .head_logo{display:flex;align-items:center;justify-content:center;}
  .head_logo a{display:flex;flex-direction:column;width:100%;text-align:center;}
  .head_logo a .logo_c{}
  .head_logo a .logo_w{display:none;}
  .head_logo a img{display:inline-block;}
  .head_logo a span{display:block;width:100%;font-family:'Dream Medium';color:#2a2a2a;line-height:1.3;}
  .lan_eng .head_logo a span{font-family:'Dream Bold';line-height:1.2;}

  /*주메뉴*/
  .head_navi{padding:30px;}
  .head_navi nav{}
  .head_navi .div_1{}
  .head_navi .div_2{display:none;position:absolute;left:210px;top:14px;width:240px;}
  .head_navi .div_3{padding:2px 0 10px 0;}

  .head_navi .div_2::before{content:"";display:block;width:240px;height:100%;position:fixed;top:0;left:240px;box-shadow:3px 0px 5px #222;}

  .head_navi .ul_1{}
  .head_navi .ul_2{position:relative;padding:0 25px;width:100%;}
  .head_navi .ul_3{}

  .head_navi .li_1,
  .head_navi .li_2,
  .head_navi .li_3{}
  .head_navi .li_1:last-child{display:none;}
  .head_navi .li_1{position:relative;}
  .head_navi .li_2{}
  .head_navi .li_3{padding:3px 0;margin-left:15px;}

  .head_navi .a_1,
  .head_navi .a_2,
  .head_navi .a_3{display:inline-block;position:relative;font-family:'Dream Medium';}
  .head_navi .a_1{position:relative;font-size:19px;line-height:1.2;padding:20px 15px 20px 0;}
  .head_navi .a_2{position:relative;font-size:17px;line-height:1.3;padding:5px 15px;}
  .head_navi .a_3{position:relative;font-size:16px;line-height:1.3;padding:3px 0;}

  .head_navi .a_1::before,
  .head_navi .a_2::before,
  .head_navi .a_3::before{content:"";display:block;transition:0.25s;}
  .head_navi .a_1::before{width:7px;height:9px;position:absolute;right:0;top:calc(50% - 4.5px);transform:scale(0);}
  .head_navi .a_2::before{width:4px;height:4px;border-radius:100%;position:absolute;left:0;top:14px;}
  .head_navi .a_3::before{width:100%;height:1px;position:absolute;left:0;bottom:0;}

  .head_navi .navGab{position:fixed;left:0;bottom:0;left:240px;width:240px;display:block;padding:30px 20px;line-height:1.3;}
  .head_navi .navGab::before{content:"명확한 비전과 도약이 있는 곳!";display:block;font-family:'Dream Bold';font-size:15px;}
  .head_navi .navGab::after{content:"국립인천대학교 INU, 송도에는 밝은 미래가 있습니다.";display:block;font-family:'Dream Regular';font-size:13px;padding-top:15px;}
  .lan_eng .head_navi .navGab::before{content:"Incheon National University";display:block;font-family:'Dream Bold';font-size:15px;}
  .lan_eng .head_navi .navGab::after{content:"Pulling the World Power";display:block;font-family:'Dream Regular';font-size:13px;padding-top:15px;}
  
  /*새창아이콘*/
  .head_navi nav .a_2.new_win:after,
  .head_navi nav .a_3.new_win:after{content:"";display:inline-block;width:15px;height:15px;vertical-align:0;margin-left:2px;background:url(/sites/templet_guide/images/common/aLink_4_w.png) no-repeat center;filter:alpha(opacity=50);opacity:0.5;}

  /*div_2위치조정*/
  .div_2.count2{top:-1px;}
  .div_2.count3{top:-15px;}
  .div_2.count4{top:-30px;}
  .div_2.count5{top:-45px;}
  .div_2.count6{top:-60px;}
  .div_2.count7{top:-75px;}
  .div_2.count8{top:-90px;}
  .div_2.count9{top:-105px;}
  .div_2.count10{top:-120px;}
  .div_2.count11{top:-135px;}
  .div_2.count12{top:-150px;}

  /*templet_depart_C*/
  .templet_depart_C header{background:#FFF;}
  .templet_depart_C header::before{background:#dedede;}
  .templet_depart_C header .area_1{position:absolute;left:0;top:175px;width:100%;}
  .templet_depart_C header .area_1 .container{display:flex;flex-wrap:wrap;}
  /*.templet_depart_C header .area_1 a{font-family:'Dream Medium';color:#FFF;font-size:14px;width:100%;height:35px;display:flex;align-items:center;justify-content:center;}*/
  .templet_depart_C header .area_1 .item_1 a,
  .templet_depart_C header .area_1 .language a,
  .templet_depart_C header .area_1 .sign a {font-family:'Dream Medium';color:#FFF;font-size:14px;width:100%;height:35px;display:flex;align-items:center;justify-content:center;}
  .templet_depart_C header .area_1 .item_1,
  .templet_depart_C header .area_1 .item_2{width:100%;display:flex;}
  .templet_depart_C header .area_1 .item_1 a,
  .templet_depart_C header .area_1 .item_2 .gnb,
  .templet_depart_C header .area_1 .item_2 .language{width:50%;}
  .templet_depart_C header .area_1 .a_1{background:#0369d3;}
  .templet_depart_C header .area_1 .a_2{background:#ffae00;}
  .templet_depart_C header .area_1 .sign a{background:#7cbaff;color:#0369d3;}
  .templet_depart_C header .area_1 .language a{background:#b18a41;font-family:'Titil SemiBold';font-size:15px;}
  .templet_depart_C .head_logo{height:175px;margin-bottom:70px;}
  .templet_depart_C .head_logo a{padding:50px 30px 40px 30px;}
  .templet_depart_C .head_logo a span{margin-top:10px;font-size:20px;color:#2a2a2a;}
  .lan_eng.templet_depart_C .head_logo a span{font-size:18px;}
  .templet_depart_C .head_navi .div_2::before{background:#EEE;}
  .templet_depart_C .head_navi .a_1{color:#141414;}
  .templet_depart_C .head_navi .a_2{color:#333;}
  .templet_depart_C .head_navi .a_3{color:#444;}

  .templet_depart_C .head_navi .a_1::before{background:url(/sites/templet_guide/images/common/arrow_r_b.png) no-repeat center;}
  .templet_depart_C .head_navi .a_2::before{background:#333;}
  .templet_depart_C .head_navi .a_3::before{background:#444;}
  .templet_depart_C .head_navi .navGab{background:#DDD;}
  .templet_depart_C .head_navi .navGab::before{color:#222;}
  .templet_depart_C .head_navi .navGab::after{color:#888;}
  .templet_depart_C .head_navi .a_1._active{color:#81a2de;}
  .templet_depart_C .head_navi .a_2._active{color:#fcaf17;}
  .templet_depart_C .head_navi .a_3._active{color:#0369d3;}
  .templet_depart_C .head_navi .a_1._active::before{background:url(/sites/templet_guide/images/common/arrow_r_blue.png) no-repeat center;transform:scale(1);}
  .templet_depart_C .head_navi .a_2._active::before{background:#fcaf17;}
  .templet_depart_C .head_navi .a_3._active::before{background:#0369d3;}


  /*templet_organ_A*/
  .templet_organ_A header{background:#03499a;}
  .templet_organ_A header::before{background:#02336b ;}
  .templet_organ_A header{display:flex;flex-direction:column-reverse;justify-content:flex-end;}
  .templet_organ_A header .area_1{padding:0 30px;}
  .templet_organ_A header .area_1 .item_1 a,
  .templet_organ_A header .area_1 .sign a,
  .templet_organ_A header .area_1 .language a{font-family:'Dream Medium';color:#FFF;font-size:14px;width:100%;padding:7px 0;display:flex;align-items:center;}
  .templet_organ_A  header .area_1 .a_1::before,
  .templet_organ_A  header .area_1 .a_2::before,
  .templet_organ_A  header .area_1 .sign a::before,
  .templet_organ_A  header .area_1 .language a::before{content:"";display:block;width:30px;height:22px;}
  .templet_organ_A  header .area_1 .a_1::before{background:url(/sites/templet_guide/images/common/organ_A_home.png) no-repeat left center;}
  .templet_organ_A  header .area_1 .a_2::before{background:url(/sites/templet_guide/images/common/organ_A_language.png) no-repeat left center;}
  .templet_organ_A  header .area_1 .sign a::before{background:url(/sites/templet_guide/images/common/organ_A_login.png) no-repeat left center;}
  .templet_organ_A  header .area_1 .language a::before{background:url(/sites/templet_guide/images/common/organ_A_sitemap.png) no-repeat left center;}
  .templet_organ_A .head_logo a{padding:35px 0 0 0;align-items:center;}
  .templet_organ_A .head_logo a span{margin-top:30px;font-size:25px;color:#FFF;background:#02336b;padding:15px;}
  .templet_organ_A .head_logo a .logo_c{display:none;}
  .templet_organ_A .head_logo a .logo_organA{display:block;}

  .templet_organ_A .head_navi .div_2::before{background:#00418c;}
  .templet_organ_A .head_navi .a_1{color:#81a2de;}
  .templet_organ_A .head_navi .a_2{color:#FFF;}
  .templet_organ_A .head_navi .a_3{color:#9ab7ea;}
  .templet_organ_A .head_navi .a_1::before{background:url(/sites/templet_guide/images/common/arrow_r_blue.png) no-repeat center;}
  .templet_organ_A .head_navi .a_2::before{background:#FFF;}
  .templet_organ_A .head_navi .a_3::before{background:#9ab7ea;}
  .templet_organ_A .head_navi .navGab{background:#003776;}
  .templet_organ_A .head_navi .navGab::before{color:rgba(255,255,255,0.7);}
  .templet_organ_A .head_navi .navGab::after{color:rgba(255,255,255,0.5);}
  .templet_organ_A .head_navi .a_1._active{color:#FFF;}
  .templet_organ_A .head_navi .a_2._active{color:#fcaf17;}
  .templet_organ_A .head_navi .a_3._active{color:#cfe0ff;}
  .templet_organ_A .head_navi .a_1._active::before{background:url(/sites/templet_guide/images/common/arrow_r_w.png) no-repeat center;transform:scale(1);}
  .templet_organ_A .head_navi .a_2._active::before{background:#fcaf17;}
  .templet_organ_A .head_navi .a_3._active::before{background:#cfe0ff;}


  /*풀팝업&사이트맵*/
  .head_util{display:none;}

  /*구조*/
  .wrap_contents,
  footer{margin-left:240px;}
  footer .container{max-width:1580px;margin:unset;padding-left:80px;}

  .wrap_sub_visual{height:335px;}
  .wrap_sub_visual .container{padding:0;max-width:1580px;margin-left:240px;}
  .fix .wrap_sub_visual:before{background-position:center -80px;}

  .wrap_page_func{margin-top:275px;}
  .wrap_page_func .container{max-width:1500px;margin:unset;margin-left:280px;}

  .sub.vertical_type .wrap_contents{padding-left:80px;}
  .sub.vertical_type .wrap_contents .container{max-width:1420px;margin:unset}

  /*
  .page_title h1{margin:unset;text-align:left;}
  .page_title h1::before{left:80px;margin-left:unset;}
  .page_title h1::after{left:100px;margin-left:unset;}
  */

  .subNav .menuUIsub{margin:unset;}
  .subNav .ul_4{justify-content:flex-start;}
  .subNav .li_4:first-child .a_4,
  .subNav .li_4:last-child .a_4{border-radius:0;}

  .tabNav .menuUItab{margin:unset;}
  .tabNav .ul_5{justify-content:flex-start;}

}
@media all and (min-width:1281px) and (max-width:1820px) {
  .vertical_type .wrap_sub_visual .container{max-width:100%;}
  .vertical_type .wrap_page_func .container{max-width:calc(100% - 320px);}
  .sub.vertical_type .wrap_contents .container{max-width:calc(100% - 80px);}
}


/*HOVER*/
@media all and (min-width:1281px) {
  .head_navi .li_1:hover .a_1::before{transform:scale(1);transition:0.5s;}
  .head_navi .a_3:hover::before{width:20%;transition:0.5s;}

  .templet_depart_C header .area_1 .a_1:hover,
  .templet_depart_C header .area_1 .a_2:hover,
  .templet_depart_C header .area_1 .sign a:hover,
  .templet_depart_C header .area_1 .language a:hover{background:#222;color:#FFF;}

  .templet_depart_C .head_navi .li_1:hover .a_1{color:#81a2de;}
  .templet_depart_C .head_navi .li_2:hover .a_2{color:#fcaf17;}
  .templet_depart_C .head_navi .li_3:hover .a_3{color:#0369d3;}
  .templet_depart_C .head_navi .li_1:hover .a_1::before{background:url(/sites/templet_guide/images/common/arrow_r_blue.png) no-repeat center;}
  .templet_depart_C .head_navi .li_2:hover .a_2::before{background:#fcaf17;}
  .templet_depart_C .head_navi .li_3:hover .a_3::before{background:#0369d3;}

  .templet_organ_A  header .area_1 .a_1:hover::before,
  .templet_organ_A  header .area_1 .a_2:hover::before,
  .templet_organ_A  header .area_1 .sign a:hover::before,
  .templet_organ_A  header .area_1 .language a:hover::before{transform: rotateX(360deg);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}

  .templet_organ_A .head_navi .li_1:hover .a_1{color:#FFF;}
  .templet_organ_A .head_navi .li_2:hover .a_2{color:#fcaf17;}
  .templet_organ_A .head_navi .li_3:hover .a_3{color:#cfe0ff;}
  .templet_organ_A .head_navi .li_1:hover .a_1::before{background:url(/sites/templet_guide/images/common/arrow_r_w.png) no-repeat center;}
  .templet_organ_A .head_navi .li_2:hover .a_2::before{background:#fcaf17;}
  .templet_organ_A .head_navi .li_3:hover .a_3::before{background:#cfe0ff;}
}