@charset "utf-8";
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:normal;
    src: url(/css/font/gmarketsans/GmarketSansMedium.woff) format('woff')
 }
 
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight: 100;
    src: url(/css/font/gmarketsans/GmarketSansLight.woff) format('woff')
 }
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:400;
    src: url(/css/font/gmarketsans/GmarketSansMedium.woff) format('woff')
}
@font-face {
    font-family: 'gmarket';
    font-style: normal;
    font-weight:600;
    src: url(/css/font/gmarketsans/GmarketSansBold.woff) format('woff')
}
.intro_ipsi .btn_wrap li a b{
  margin-right: 8px;
}
.intro_ipsi .layout>em{
  display: block;
color:#fff;font-family: 'gmarket';
font-size: 24px;
}
.intro_ipsi .layout>span{
  display: block;
  font-size: 16px;
  color: #fff;
}
.intro_ipsi .title{display:block;margin-bottom: 10px;font-size:35px;color:#fff;font-family: 'gmarket';    line-height: 1.2;font-weight: 400;}
.intro_ipsi .title b{display:inline-block;font-size:35px;color:#9dea3c;font-family: 'gmarket';font-weight: bold;}
.intro_ipsi .btn_wrap{
  position: static;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  
  box-sizing: border-box;
  margin-top: 30px;
  margin-bottom: 30px;
}

.intro_ipsi .btn_wrap li{
  width: calc(100% / 2 - 11px);
  margin:  0 ;
}
.intro_ipsi .btn_wrap li a{
  
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.intro_ipsi .btn_wrap li.n1 a{
  background:rgba(123,189,38,.8);
}
.intro_ipsi .btn_wrap li.n2 a{
  background:rgba(0,104,61,.8);
}
.intro_ipsi .btn_wrap li.n1 a::before{
  display: inline-block;
  content: "";
  width: 30px;
  height: 24px;
  background: url(/images/ipsi/intro/icon1.png) 0 0 no-repeat;
  /* background-color: none; */
  margin-right: 10px;
}
.intro_ipsi .btn_wrap li.n2 a::before{
  display: inline-block;
  content: "";
  width: 33px;
  height: 26px;
  background: url(/images/ipsi/intro/icon2.png) 0 0 no-repeat;
  /* background-color: none; */
  margin-right: 10px;
}


  .intro_ipsi .btn_wrap2{
    display: none;
  }

@media (max-width: 1259px){
  .intro_ipsi .layout>em,
  .intro_ipsi .layout>span{
    text-align: center;
  }
}

@media (max-width: 620px){
  .intro_ipsi .btn_wrap{
    display: block;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .intro_ipsi .btn_wrap li{
    margin: 0 1% 15px;
    /*width: 100%;*/
    width: 47%;;
  }
  .intro_ipsi .title{
    font-size: 26px;
  }
  .intro_ipsi .title b{
    font-size: 26px;
  }
  .intro_ipsi .layout>em{
    font-size: 18px;
  }
  .intro_ipsi .layout>span{
    font-size: 14px;
    letter-spacing: -1px;
  }
}



@media (max-width: 400px){
  .intro_ipsi .btn_wrap{
    display: none;
  }
  .intro_ipsi .btn_wrap2{
    display: block;
    flex-wrap: wrap;
    margin: 20px auto 0; text-align:center;
  }
  .intro_ipsi .btn_wrap2 li{
    display:inline-block; min-width: 45%; margin: 0 1%;
  }
  .intro_ipsi .btn_wrap2 li a{display:block; position: relative;padding: 0px 20px 0px 13px;border: 2px solid #fff;border-radius: 30px;font-size:13px;color:#fff;text-align:center;line-height: 35px;transition: all .4s;text-align: left; letter-spacing:-1px;}
  .intro_ipsi .btn_wrap2 li a:hover,
  .intro_ipsi .btn_wrap2 li a:focus{background:#7bbd26;border-color: #7bbd26;}
  .intro_ipsi .btn_wrap2 li a:after{position:absolute;right: 13px;top:50%;width: 6px;height: 6px;border: 2px solid #fff;border-width: 2px 2px 0 0;border-radius: 2px;transform:rotate(45deg) translateY(-50%);content:'';}
  .intro_ipsi .btn_wrap2 li a b{font-weight:bold;}
  .intro_ipsi .btn_wrap2 li.n1 a{
    background:rgba(123,189,38,.8);
  }
  .intro_ipsi .btn_wrap2 li.n2 a{
    background:rgba(0,104,61,.8);
  }


  .intro_ipsi .title{
    font-size: 20px;
  }
  .intro_ipsi .title b{
    font-size: 20px;
  }

}



@media (max-width: 380px){
  .intro_ipsi .layout>span .line_b{

    display: block;
    line-height:20px;
  }
}


  /* 새창팝업 */
  #popup_content {display:block; visibility:visible;}
  #popup_content .pop_bg .pop_con_box { background:#fff; text-align:center; } 
  #popup_content .pop_bt_bg { background:#383d43; }
  #popup_content .pop_bt_bg:after { content:""; display:block; clear:both; }
  #popup_content .pop_bt_bg .pop_font { float:left; padding:5px 0 0 8px; font-size:0.875em; }
  #popup_content .pop_bt_bg .pop_font a { color:#fff; }
  #popup_content .pop_bt_bg .pop_close { float:right; margin:6px 8px 0 0; }




/* 학과 홈페이지 바로가기 */

.intro_ipsi .layout .familysite {position:absolute; top:60px; right:0;width: 570px;text-align: center; background:rgba(31,34,41,.8); border-bottom: 3px solid #9fec3d; border-radius:15px;}
.intro_ipsi .layout .familysite img {display:block;margin: 10px auto 0;}
.intro_ipsi .layout .familysite .clickOpen {position: relative;width:100%;}
.intro_ipsi .layout .familysite .clickOpen > button {position:relative; width:100%;height: 50px;line-height: 50px;padding: 0 20px;border-bottom: 0px solid #8f9194;background: none;text-align: left;font-size: 16px;color: #fff;}
.intro_ipsi .layout .familysite .clickOpen > button:before {display:block;position:absolute;right:20px;top: 20px;content:'';width: 8px;height: 8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.intro_ipsi .layout .familysite .clickOpen > div {display:none;}
.intro_ipsi .layout .familysite .clickOpen.on > div { z-index:1000; display:block;position: absolute;left: 0;top: 0px;width: 100%;}
.intro_ipsi .layout .familysite .clickOpen > div .inner {overflow-y:auto;width:530px;height:580px;padding: 20px;background: #1f2229; border-radius:0 0 15px 15px;}
.intro_ipsi .layout .familysite .clickOpen > div .inner > ul {}
.intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li {float: left; display:inline-block; width:30%; margin:0 0.5% 12px; padding:0 0 5px 8px; background:url(/images/default/sh_dot03.gif) no-repeat left 10px; border-bottom: 1px solid rgba(255,255,255,.2);text-align: left;}
/*.intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li:last-child {border:none;}*/
.intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li > a {display:block; font-size:14px; margin:0 0 5px; color:#e9e9e9;}
.intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li >ul {}
.intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li >ul > li {}
.intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li >ul > li > a {display:block; }
.intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li > a:hover,
.intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li > a:focus {color:#9fec3d;}
.intro_ipsi .layout .familysite .clickOpen > div .clickClose {position:relative; width:100%;height: 50px;line-height: 50px;padding: 0 20px;border-bottom: 3px solid #9fec3d;background:#1f2229;text-align: left;font-size: 16px;color: #e9e9e9; border-radius:15px 15px 0 0;}
.intro_ipsi .layout .familysite .clickOpen > div .clickClose:before {display:block;position:absolute;right:20px;top: 18px;content:'';width: 8px;height: 8px;border:solid #fff;border-width:2px 0 0 2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}




@media(max-width:1259px){
    .intro_ipsi .layout .familysite img {display:none;}
    .intro_ipsi .layout .familysite {position:static;width: 100%;margin: 20px auto; }
    .intro_ipsi .layout .familysite .clickOpen > button,
    .intro_ipsi .layout .familysite .clickOpen > div .clickClose {font-size: 14px; height: 39px; line-height: 42px;}
    .intro_ipsi .layout .familysite .clickOpen > button:before {top: 13px;}
    .intro_ipsi .layout .familysite .clickOpen > div .inner {width:95%; height:350px;}
    .intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li {width:18%;}
}



@media(max-width:940px){
    .intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li {width:22%; margin:0 0.5% 10px; padding:0 0 2px 8px;}
    .intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li > a {font-size:12px;}
}


@media(max-width:610px){
    .intro_ipsi .layout .familysite .clickOpen > div .inner {width:90%; height:300px;}
    .intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li {width:30%;}

}


@media(max-width:430px){
    .intro_ipsi .layout .familysite .clickOpen > div .inner > ul > li {width:45%;}
}