@import "/sites/style-guide/style/css/style.css";

*{word-break:keep-all;}

#menu28346_obj1112 {position: absolute; top: 0; z-index: 1002;}
#visual_text			{font-size:1.2em;color:#fff;text-align: center;}
#visual_text .text_wrap h2		{font-size: 4.7em; color: #fff; font-weight: normal; letter-spacing: -2px;}
#visual_text .text_wrap p {font-size: 1.4em;margin: 5px 0;}
#visual_text .text_wrap h2 em	{color: #14a15f;}

.linkWrap01 ul li {width: 50%; float: left; text-align: center; background: #2dafc5 !important;}
.linkWrap01 ul li.k02 {background-color: #037bc1 !important;}
.linkWrap01 ul li a {color: #fff;font-size: 14px;font-weight: bold; padding-bottom: 15px; display: block;}
.linkWrap01 ul li a:before {content: '';display: block;width: 100px;height: 90px;background: url(../../images/link01_icon.png) -40px top no-repeat !important;margin: 0 auto;}
.linkWrap01 ul li.k02 a:before {background-position: -226px top !important;}

.linkWrap02 ul li {width: 33%;float: left;text-align: center;background: #f5f5f5 !important}
.linkWrap02 ul li a {color: #0b2d5b;font-size: 14px;padding-bottom: 15px;display: block;}
.linkWrap02 ul li a:before {content: '';display: block;width: 100px;height: 90px;background: url(../../images/link02_icon.png) -37px top no-repeat;margin: 0 auto;}
.linkWrap02 ul li.k02 a:before {background-position: -183px top;}
.linkWrap02 ul li.k03 a:before {background-position: -331px top;}

.linkWrap03 ul	{display:table; width:100%;}
.linkWrap03 ul li {text-align: center; display:table-cell;  width:12.5%;}
.linkWrap03 ul li a {color: #114e8b;font-size: 16px;font-weight: bold;display: block;}
.linkWrap03 ul li a img{display:block; margin:0 auto 10px;}


.file {padding-left: 15px; background: url(/sites/uitc/images/ic_file.png) 0 center no-repeat; color: #924 !important;}

.alignL {text-align: left;}
.alignC {text-align: center;}
.alignR {text-align: right;}

.li_4_62555 {width :250px  !important;}
/*11월 이후 네트워크서비스(사설 IP 변경 방법) →네트워크서비스로 변경시 삭제*/
.sub_k2wiz_GNB_28388 { letter-spacing: -2.2px;}
.top_k2wiz_GNB_28388 { letter-spacing: -1.0px;}
/*사용자설명서>스마트교육플랫폼 메뉴명칭 자간줄임*/
.sub_k2wiz_GNB_65296 { letter-spacing: -1.0px;}

html	{overflow-y:auto !important;}
body{-ms-overflow-y: auto !important;}


@media screen and (max-width:600px) {
  .type-03A														{width: 150%;margin-left: -40% !important;}
}


.download-title {border-bottom:2px solid #44a3bd  ;margin-bottom:10px;}
.windows_download ul{text-align:center;margin-top: 50px;}
.windows_download ul li{background:none !important;display:inline-block;vertical-align:top;}
.windows_download ul li + li{margin-left:10px;margin-top: 0 !important;}
.windows_download ul li a{background:#000;padding:10px 25px;width:350px;border-radius:100px;color:#fff;font-size:18px;}
.windows_download ul li a img{width:15px;display:inline-block;margin-top:6px;margin-right:10px;}
.windows_download ul li a:hover{background:#045CA6;}


.outer-div{width: 485px;text-align: center;margin: 80px auto;justify-content: center;}
.mobile-store-text{font-size:11px;color:#686868;margin-bottom:15px;}
.top-margin-mobile{display:inline-block;vertical-align:top;}
.app-margin{padding-right:10px;}
.barcode-margin{display:inline-block;vertical-align:top;margin-left: 50px;}
.barcode-downloads{width:100px;height:100px;}

.manual-download{margin-top:20px;}
.manual-download ul li{background:none !important;margin-bottom: 15px;position:relative;}
.manual-download ul li span{font-size:17px;font-weight:600;}
.manual-download ul li a{display:inline-block;position:absolute;right:0;color:#fff;background: #aaa;font-size:16px;padding: 3px 15px;border-radius: 50px;}

@media screen and (max-width:767px) {
  .windows_download ul li{padding-left:0 !important;margin-left: 0 !important;margin-bottom:30px;}
  .windows_download ul li a{font-size:15px;}
  .outer-div{width:auto;margin:40px auto;}
  .top-margin-mobile{display:block;}
  .barcode-margin{display:block;margin-left:0;margin-top: 30px;}

  .manual-download ul li span{font-size:15px;font-weight:400;}
  .manual-download ul li a{position:initial;text-align:center;display:block;}
}

/*단어글자 통으로 left*/
.word_left{word-break:keep-all; text-align:left;}

.pubulic_title01{font-weight: bold; text-align: left; padding-bottom: 10px; font-size: 16px; color: #1c54a7}
.pubulic_title02{font-weight: bold; text-align: left; padding-bottom: 5px; font-size: 14px; color: #373737}

/*메뉴CSS추가*/
@media screen and (min-width:1024px) {
  .uitc #menuUItab > .tab_div.on > ul{padding-bottom: 60px !important;}
  .uitc #menuUItab > .tab_div .ul_3 > li{width:calc(100% / 5 - 3px);}
}

.uitc #menuUItab > .tab_div.on{}
.uitc #menuUItab > .tab_div.on > ul{position:relative;}
.uitc #menuUItab > .tab_div .ul_3{margin-bottom:15px;}
.uitc #menuUItab > .tab_div .ul_3 > li {display:inline-block;vertical-align:top;margin-bottom: 3px;}
.uitc #menuUItab > .tab_div .ul_3 > li > a{display:block;padding: 10px 20px;font-size: 13px;border:1px solid #eaeaea;color: #000;}
.uitc #menuUItab > .tab_div .ul_3 > li > a._active{background:#1a2a42;color:#fff;border: 1px solid #1a2a42;}

.uitc #menuUItab > .tab_div .tab_k2wiz_GNB .div_4{position:absolute;bottom:0;left:0;width: 100%;border-bottom:1px solid #0d326f;}
.uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4{background:#fff;font-size: 14px;display: inline-block;border:1px solid #e7e7e7;border-bottom:0;}
.uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4 + li{border-left:none;}
.uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4._active{border:1px solid #0d326f;font-weight:bold;position:relative;}
.uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4._active:after{content:'';width:100%;height: 2px;background:#fff;position:absolute;bottom: -2px;left:0;z-index: 9999999;}
.uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4 > a{background: #f7f7f7;border:0;font-size: 12px;padding: 7px 20px;margin: 0;}
.uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4._active > a{background:#fff;color:#0d326f;border: 0;}

.uitc .depth5-bx{margin-bottom:20px;}
.uitc .depth5-bx ul li{display:inline-block;vertical-align:top;}
.uitc .depth5-bx ul li + li{position:relative;margin-left:15px;}
.uitc .depth5-bx ul li + li:after{content:'';width:1px;height:10px;background:#999;position:absolute;top:5px;left:-10px;}
.uitc .depth5-bx ul li a{display:block;padding:2px 0;font-size:13px;position:relative;}
.uitc .depth5-bx ul li a:before{content:'';width:0;height:1px;background:#0d326f;position:absolute;bottom:-2px;left:0;transition:all ease .3s;}
.uitc .depth5-bx ul li a:hover{color:#0d326f;}
.uitc .depth5-bx ul li a:hover:before{width:100%;}
.uitc .depth5-bx ul li a._active:before{width:100%;}
.uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4._active .div_5{display:none;}

.uitc #subContent{overflow:hidden;}

@media screen and (max-width:1023px) {
  .uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4{float:none;border-bottom:1px solid #e7e7e7;} 
  .uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4 + li{border-left:1px solid #e7e7e7;}
  .uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4._active{border-bottom: 1px solid #0d326f;}
  .uitc #menuUItab > .tab_div .tab_k2wiz_GNB .div_4{border:0;}
  .uitc #menuUItab > .tab_div .ul_3 .div_4 .ul_4 .li_4._active:after{display:none;}
}

.uitc .tab_div .li_3_62554,
.uitc .tab_div .li_3_28479{width: auto !important;}

/*230215-정보화위원회 연혁 박스*/
.history-box{margin-bottom: 40px;}
.history-box ul{padding-left:20px;}
.con-title01{
  font-weight:bold;
  font-size:18px;
padding-left: 20px;
background: url("https://uitc.pusan.ac.kr/Web-home/content/skin/skin3/images/h4.gif") 5px 40% no-repeat;
  padding-bottom:10px;
}

/*챗봇 박스*/
.chatbot-wrapper.right{
  right:40px;
}
.chatbot-wrapper{
      bottom: 40px;
    position: fixed;
    z-index: 9999;
    border-radius: 50%;
}
.chatbot-button{
      width: 120px;
    height: 120px;
    background: #fff0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0px; */
    border: 0px solid rgb(47,110,141);
}
.chatbot-img{
      background-image: url("https://uitc.pusan.ac.kr/sites/uitc/images/chatbot.png");
    background-size: contain;
    background-position: bottom;
    position: fixed;
}
.chatbot-img:hover{
      background-image: url("https://uitc.pusan.ac.kr/sites/uitc/images/chatbot-on.png");
    background-size: contain;
    background-position: bottom;
    position: fixed;
}

/*챗봇이미지 동적활동*/
.chatbot-change-image {
  width: 100px;
  height:100px;
  background-image: url('https://uitc.pusan.ac.kr/sites/uitc/images/chat_quick_link.png');
  background-size : 100px 100px;
    background-position: center center;
    background-repeat: no-repeat;
  animation-name: chatbot-change;
  animation-duration:  5s;
  animation-iteration-count: infinite;
    /*animation-fill-mode: backwards;
    animation-play-state: running;*/
}

@keyframes chatbot-change{
  5% { 
    background-image: url('https://uitc.pusan.ac.kr/sites/uitc/images/chat_quick_link.png');
  }
  15% { 
    background-image: url('https://uitc.pusan.ac.kr/sites/uitc/images/chat_quick_link_on.png');
  }
  65% { 
    background-image: url('https://uitc.pusan.ac.kr/sites/uitc/images/chat_quick_link_on.png');
  }
  75% { 
    background-image: url('https://uitc.pusan.ac.kr/sites/uitc/images/chat_quick_link.png');
  }
}

/* 게시판 글자 크기 수정 요청 250507 */
._articleTable .artclView{ font-size: 1.08em; }
._articleTable .artclAnswerWrap{ font-size: 1.1em; }

.img_nwrap{ width: 100%; text-align: center; }
@media screen and (max-width:860px) {
.img_nwrap img{ width: 100%; max-width: contain; }  
}

.bold{ font-weight: bold; }


/* 공통 */
.bold{ font-weight: bold; }
.td_unl{ text-decoration: underline; }
.bg_none, .bg_none li{ background: none; }
.pl0{ padding-left: 0 !important; }

.alignL {text-align: left;}
.alignC {text-align: center;}
.alignR {text-align: right;}

.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }