@charset "utf-8";
h2{font-family:'nsr','Malgun Gothic';}

/* 공통 메인 컨텐츠 */
.float{float:left;}
@media(max-width:640px) {
    .float{float:none;}
}

.layout{width:1240px;max-width:none;}
.layout:after{content:"";display:block;clear:both}

 @media(max-width:1300px){
.layout {width:100%;}
} 
@media(min-width:1600px) {
	.layout {width:1240px;}
} 

.moving { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#mvisual {margin-top:-92px;width:100%;  background:url('/images/fund/main/main_visual.jpg') no-repeat center top; background-size: cover;}
#mvisual .visual-wrap {width:1240px;  margin:0 auto; text-align:center; position:relative;}

#mvisual .obj_wrap {width:100%; height:659px; vertical-align: top;  margin:0 auto; display:inline-block; position:relative;}
#mvisual .obj_wrap li {height:659px; display:inline-block; width:100%; position:absolute; left:0px; top:0px}
#mvisual .obj_wrap li#main_vi1 {background:url('/images/irb/main/main_visual_1_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li#main_vi2 {background:url('/images/irb/main/main_visual_2_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li#main_vi3 {background:url('/images/irb/main/main_visual_3_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li#main_vi4 {background:url('/images/irb/main/main_visual_4_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li .layout {color:#fff; width:1240px; margin:215px auto 0; }


#mvisual .obj_wrap li#main_vi1 .text_1 { font-size:0px; display:inline-block; width:100%; height:139px; background:url('/images/fund/main/main_visual_text1.png') no-repeat left top; vertical-align:top; }
#mvisual .obj_wrap li#main_vi1 .text_2 {margin:10px 0 0 3px; display:inline-block; font-size:15px; word-break:keep-all; }

#mvisual .obj_wrap li#main_vi2 .text_1 { font-size:0px; display:inline-block; width:100%; height:139px; background:url('/images/fund/main/main_visual_text1.png') no-repeat left top; vertical-align:top; }
#mvisual .obj_wrap li#main_vi2 .text_2 {margin:10px 0 0 3px; display:inline-block; font-size:15px; }

#mvisual .obj_wrap li#main_vi3 .text_1 { font-size:0px; display:inline-block; width:100%; height:139px; background:url('/images/fund/main/main_visual_text1.png') no-repeat left top; vertical-align:top;}
#mvisual .obj_wrap li#main_vi3 .text_2 {margin:10px 0 0 3px; display:inline-block; font-size:15px; }



#mvisual .control {position:absolute; top:495px; width:100%;  margin:0 auto; z-index:100} 
#mvisual .control button {background:none; background-image:url('/images/fund/main/main_visual_icon.png'); background-repeat:no-repeat;  font-size: 0; position: static;display: inline-block; width:13px;height:13px; vertical-align: middle;}
#mvisual .control .count button { background-position:left top; margin:0 4px 0 0}
#mvisual .control .count button.ov {background-position:left bottom;}
#mvisual .control .count {display:inline-block; margin:0 0 0 5px}
#mvisual .control .state {display:inline-block; margin:0 0 0 5px}
#mvisual .control .state button.stop  { background-position:right top;}
#mvisual .control .state button.play  { background-position:right bottom;}


/* 기본 스타일 */
#vi_btn {
    position: relative;
    top: -56px;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

/* flex 컨테이너 */
#vi_btn ul {
    display: flex;
    justify-content: center;
    align-items: stretch; /* 왼쪽과 오른쪽 높이를 동일하게 설정 */
}

/* 왼쪽 그룹 */
.left-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 40%;
    flex-grow: 1;
    gap: 10px;
}

/* 오른쪽 그룹 */
.right-group {
    display: flex;
    flex-basis: 60%;
    flex-grow: 1;
    justify-content: space-between;
    align-items: stretch; /* 높이를 왼쪽 그룹과 동일하게 맞춤 */
}

/* 리스트 아이템 기본 스타일 */
#vi_btn ul li {
    text-align: center;
    width: 100%;
    border-right: 1px solid #ddd;
}

/* 왼쪽 그룹 li 스타일 */
.left-group li {
    border-left: none;
    border-top:1px solid #ddd;
    flex-basis: 100%;
}

/* 오른쪽 그룹 내부 li */
.right-group li {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; /* 세로 높이 꽉 채우기 */
    border-left:1px solid #ddd;
}

/* 리스트 아이콘 스타일 */
#vi_btn ul li a {
    display: flex;
    flex-direction: column; /* 세로 정렬 */
    align-items: center; /* 수평 중앙 정렬 */
    justify-content: center; /* 수직 중앙 정렬 */
    padding: 10px 0; /* 위아래 여백 조정 */
}

#vi_btn ul li a i {
    width: 58px;
    height: 58px;
    display: block;
    border: 1px solid #6380c0;
    border-radius: 50%;
    background-image: url('/images/irb/main/main_tab_icon.png');
    background-repeat: no-repeat;
    background-color: #2049a5;
}

/* 개별 버튼 배경 이미지 */
#vi_btn ul li.btn1 a i { background-position: -1px -77px; }
#vi_btn ul li.btn2 a i { background-position: -97px -78px; }
#vi_btn ul li.btn3 a i { background-position: -193px -75px; }
#vi_btn ul li.btn4 a i { background-position: -288px -77px; }
#vi_btn ul li.btn5 a i { background-position: -387px -74px; }

/* hover 효과 */
#vi_btn ul li a:hover i {
    background-color: #122f71;
    border: 2px solid #2049a5;
}

/* #vi_btn ul li.btn1 a:hover i { background-position: left 26px; }
#vi_btn ul li.btn2 a:hover i { background-position: -93px 12px; }
#vi_btn ul li.btn3 a:hover i { background-position: -189px 12px; }
#vi_btn ul li.btn4 a:hover i { background-position: -294px 12px; }
#vi_btn ul li.btn5 a:hover i { background-position: -294px 12px; } */

#vi_btn ul li a span {
    display: block; /* 한 줄 차지하도록 변경 */
    margin-top: 16px; /* 아이콘과 간격 조정 */
    color: #333;
    font-size: 16px;
    font-family: "NanumSqure", sans-serif;
    text-align: center;
}

/* 첫 번째 li의 왼쪽 테두리 제거 */
#vi_btn .left-group:first-child {
    border: none;
}




.latest_board {position:relative; width:70vh; height:auto; padding:25px 35px;}
.latest_board h1{font-size:22px;line-height:24px;color:#333;padding:0 0 9px;border-bottom:1px solid #ddd;margin:0px 0 25px;}
.latest_board ul {width:597px;padding:0;margin:0;}
.latest_board ul li {list-style: none;font-size:16px;line-height:18px;clear:both;margin-bottom:13px;padding-left:15px;background:url('/images/smuhc/main/latest_dot.jpg') no-repeat 0 8px;}
.latest_board ul li a{color:#333;font-weight:300;}
.latest_board ul li:last-child{margin-bottom:0;}
.latest_board ul li em{font-size:14px;color:#666;font-weight:300; float: right;}
.latest_board .btn_more { position:absolute;top:32px;right:30px;width:23px;height:23px;text-indent:-9999em;background:url('./img/latest_more.jpg') no-repeat;margin:0;}
.latest_board .category { float:left;width:68px;color:#000;font-weight:bold; }

.lt_more {position:absolute;top:28px;right:35px;}

#main_box02{position: relative; top: -56px; width:100%; height: 700px; background:url('/images/smuhc/main/main_section_ptn.jpg') repeat 0 0;padding-bottom:65px;}
#main_box02 .top{width:100%;height:256px;}
#main_box02 .top .box_01{float:left;width:667px;height:256px;background:#fff;}
#main_box02 .top .box_01 section{width: 100%; height: 100%;}
#main_box02 .top .box_02{float:left;width:333px;height:256px;}
#main_box02 .bot{width:100%;height:256px;}
#main_box02 .bot .box_03{float:left;width:332px;height:256px;}
#main_box02 .bot .box_04{float:left;width:335px;height:256px;}
#main_box02 .bot .box_05{float:left;width:333px;height:256px;}

#container {z-index:4;position:relative;width:100%;min-height:500px;height:auto !important;height:500px;background:#fff;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

.align_c{position: relative; top: 97px; width: 1000px; margin: 0 auto;}

#main_box03{width:100%;height:145px;background:#fff;}

#scene1{position:relative; top:20px;}

.notice_box{position:relative;width:100%;height:350px;background:#fff; float:left;overflow:hidden;margin:-10px 0 65px 0;}
.notice_box h2 {margin:20px 0 0 0; border-bottom:1px solid #ddd;}
.notice_box h2 a{display:inline-block;color:#5f5f5f;font-size:20px; font-family: 'ntk'; font-weight:normal; padding:0 15px 8px 0; margin:0 15px 0 0;}  
.notice_box > ul > li:first-child {margin:0 0 0 40px}
.notice_box > ul {height:100%;}

.notice_box .list{display:none;position:relative;width:100%;position:absolute;left:0;top:65px; padding:0 0 0 22px;  }
.notice_box .list li a {position:relative;padding:0 0 0 18px;  display:inline-block; font-size:17px; font-family:"NanumSqaure", sans-serif;}
.notice_box .list li em {float:right; font-size:17px; font-family:"NanumSqaure", sans-serif; color:#666;}

.notice_box .list li {padding:10px 0 0 0;}
.notice_box .list li a { }
.notice_box .list li .text {float:left;}
.notice_box .list li .date {float:right}
.notice_box ul .calendar .list{width:100%;height:100%}
.notice_box ul .calendar .list li{position:relative;text-align: right;font-size:15px;color:#9e9e9e;overflow:hidden;margin-bottom: 10px;/* padding-left:10px;background:url(/images/common/list_bul1.png) no-repeat 0 9px; */}
.notice_box ul .calendar .list li:first-child{min-height:0;padding:0;margin:0 0 10px 0;border:none;}
.notice_box ul .calendar .list li a{width: 75%;overflow: hidden;float: left;text-align: left;color: #000;font-size:15px;font-weight:normal;padding-left:50px;background:none;}
.notice_box ul .calendar .list li a:hover{text-decoration:underline;}
.notice_box ul .calendar .list li .cat{position:absolute;top:0;left:0;display:inline-block;padding:3px 9px;color:#fff;font-size:13px;}
.notice_box ul .calendar .list li .cat.cat1{background-color:#0479f4;}
.notice_box ul .calendar .list li .cat.cat2{background-color:#0fa9c7;}
.notice_box ul .calendar .list li .cat.cat3{background-color:#071a69;}


.notice_box .more {position:absolute; top:-37px; right:5px;}
.notice_box .more a {width:18px; height:18px; display:inline-block;font-size:0;background:url('/images/stu_life/main/more_icon.gif') no-repeat 0 0;vertical-align:top;}
.notice_box .ov .list{display:block;}
.notice_box .ov h2 .t{font-weight:bold; font-size: 23px; font-family: "NanumSquare", sans-serif; color:#000}


/* sub01_01 */

.sub01_01 #ctt{margin: 0; padding: 0; border: 0;}
.sub01_01 #ctt_con{padding: 0 0 50px;}
.sub01_01 #cont_tit{font-size: 40px; line-height: 42px; font-weight: bold; margin: 80px 0 60px; font-family: "NanumSquare", sans-serif; background: url(/images/smuhc/common/tit_bg.jpg) no-repeat 0 bottom; padding-bottom: 25px;}
.sub01_01 #sub_local_menu{width: 100%; margin-bottom: 50px;}
.sub01_01 #sub_local_menu ul{list-style: none; padding: 0; margin: 0; width: 100%; display: inline-block; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.sub01_01 #sub_local_menu ul li{float: left; width: 498.5px; height: 53px; font-size: 18px; line-height: 53px; border-right: 1px solid #d9d9d9; text-align: center; font-weight: bold;}
.sub01_01 #sub_local_menu ul li .on{background: #2561a5;}
.sub01_01 #sub_local_menu ul li .on a{color: #fff;}
.sub01_01 #sub_local_menu ul li a{display: inline-block; width: 100%; font-family: "NanumSquare", sans-serif;}
.sub01_01 #sub_local_menu ul li:first-child{border-left: 1px solid #d9d9d9;}
.sub01_01 #cont{width: 100%;}
.sub01_01 .box01{list-style: none; padding: 0; margin: 0; display: inline-block; width: 100%;}

/* sub01_01 */


@media(max-width:1240px) {
	#mvisual .control {padding:0 50px}
	#mvisual .obj_wrap li .layout {width:100%; padding:0 116px 0 50px;}
	#mvisual .visual-wrap {width:100%;}
	#mvisual .control {left:0px}
}
@media(max-width:1024px) {
	#mvisual .obj_wrap li .vi_text1 em {font-size:60px}
	#mvisual .obj_wrap li .vi_text1 strong {font-size:64px}
}
@media(max-width:1000px) {
	#mvisual .obj_wrap li .layout {margin: 190px auto 0;}
	#mvisual .obj_wrap li#main_vi1 {background:url('/images/fund/main/main_visual_1_2.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi2 {background:url('/images/fund/main/main_visual_2_2.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi3 {background:url('/images/fund/main/main_visual_3_2.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi1 .text_2 {font-size:14px; word-break:keep-all; }
	#mvisual .obj_wrap li#main_vi2 .text_2 {font-size:14px; word-break:keep-all; }
	#mvisual .obj_wrap li#main_vi3 .text_2 {font-size:14px; word-break:keep-all; }
	#vi_btn ul li a span {font-size:16px; font-family:"nsr";    padding: 15px 0 0 6px;}
} 
@media(max-width:860px) {
	#mvisual .obj_wrap li .layout br {display:none}
	#mvisual .obj_wrap li .layout {padding:0 50px;}
} 
@media(max-width:800px) {
	#vi_btn {top:-70px}
	#vi_btn ul li {height:133px}
	#vi_btn ul li a {padding: 21px 0 0 0;}    
	#vi_btn ul li a span {width:100%; padding:5px 0 0 0; vertical-align:top;}
} 
@media(max-width:768px) {
	#mvisual .obj_wrap li#main_vi1 .text_1 {width:100%; height:105px; background: url(/images/fund/main/main_visual_text2.png) no-repeat center top;  }
	#mvisual .obj_wrap li#main_vi2 .text_1 {width:100%; height:105px; background: url(/images/fund/main/main_visual_text2.png) no-repeat center top; }
	#mvisual .obj_wrap li#main_vi3 .text_1 {width:100%; height:105px; background: url(/images/fund/main/main_visual_text2.png) no-repeat center top; }
	#mvisual .obj_wrap li#main_vi1 .text_2 {font-size:13px; margin:10px 0 0 0; text-align:center;}
	#mvisual .obj_wrap li#main_vi2 .text_2 {font-size:13px; margin:10px 0 0 0; text-align:center;}
	#mvisual .obj_wrap li#main_vi3 .text_2 {font-size:13px; margin:10px 0 0 0; text-align:center;}
	#mvisual .obj_wrap li .layout {margin: 170px auto 0;}
	#mvisual .control {text-align:center; top:370px}
	#vi_btn ul {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto);}
	#vi_btn ul li:nth-child(1) { grid-row: 1; grid-column: 1; }
	#vi_btn ul li:nth-child(2) { grid-row: 1; grid-column: 2; }
	#vi_btn ul li:nth-child(3) { grid-row: 3; grid-column: 1; }
	#vi_btn ul li:nth-child(4) { grid-row: 3; grid-column: 2; }
	#vi_btn ul li:nth-child(5) { grid-row: 2; grid-column: 1 / span 2; }
} 
@media(max-width:600px) {
	#mvisual .obj_wrap li .vi_text1 em {font-size:40px}
	#mvisual .obj_wrap li .vi_text1 strong {font-size:42px}
	#mvisual .obj_wrap li .vi_text2 {padding:0 30px; font-size:13px; word-break:keep-all}
	#vi_btn ul li a span {font-size:15px;}
} 

@media(max-width:500px) {
	#mvisual .obj_wrap {height:383px}
	#mvisual .obj_wrap li {height:383px}
	#mvisual .obj_wrap li#main_vi1 {background:url('/images/fund/main/main_visual_1_2.jpg') no-repeat center top; background-size:cover }
	#mvisual .obj_wrap li#main_vi2 {background:url('/images/fund/main/main_visual_2_2.jpg') no-repeat center top; background-size:cover }
	#mvisual .obj_wrap li#main_vi3 {background:url('/images/fund/main/main_visual_3_2.jpg') no-repeat center top; background-size:cover }
	#mvisual .obj_wrap li#main_vi1 .text_1 {width:100%; height:60px; background: url(/images/fund/main/main_visual_text2.png) no-repeat center top; background-size:auto 60px}
	#mvisual .obj_wrap li#main_vi2 .text_1 {width:100%; height:60px; background: url(/images/fund/main/main_visual_text2.png) no-repeat center top; background-size:auto 60px}
	#mvisual .obj_wrap li#main_vi3 .text_1 {width:100%; height:60px; background: url(/images/fund/main/main_visual_text2.png) no-repeat center top; background-size:auto 60px}
	#mvisual .obj_wrap li .layout {margin: 121px auto 0;}
	#mvisual .obj_wrap .text_2 {display:none !important}	
	#vi_btn {top:-56px}
	#vi_btn ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2열 구성 */
    grid-template-rows: repeat(3, auto);   /* 3행 구성 */
    gap: 20px;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  /* 1행: 제천/충주 한방병원 */
  #vi_btn ul li:nth-child(1) { grid-row: 1; grid-column: 1 / span 2; } /* 제천한방병원 */
  #vi_btn ul li:nth-child(2) { grid-row: 1; grid-column: 3; }         /* 충주한방병원 */

  /* 2행: 생명윤리, 동물실험윤리, 연구진실성위원회 */
  #vi_btn ul li:nth-child(3) { grid-row: 2; grid-column: 1; }
  #vi_btn ul li:nth-child(4) { grid-row: 2; grid-column: 2; }
  #vi_btn ul li:nth-child(5) { grid-row: 2; grid-column: 3; }

  #vi_btn ul li {
    width: 100%;
    height: 56px;
  }

  #vi_btn ul li a {
    padding: 13px 0 0 0;
  }

  #vi_btn ul li a i {
    display: none;
  }

  #vi_btn ul li:nth-child(1) { grid-row: 1; grid-column: 1; }
  #vi_btn ul li:nth-child(2) { grid-row: 1; grid-column: 2; }
  #vi_btn ul li:nth-child(3) { grid-row: 3; grid-column: 1; }
  #vi_btn ul li:nth-child(4) { grid-row: 3; grid-column: 2; }
  #vi_btn ul li:nth-child(5) { grid-row: 2; grid-column: 1 / span 2; }

  #vi_btn ul li {
    width: 100%; /* 100%로 변경하는 게 더 모바일에 자연스럽습니다 */
    height: 56px;
  }
	#vi_btn ul li.btn1, #vi_btn ul li.btn2 {border-bottom:1px solid #18377c}
	#vi_btn ul li a { padding: 13px 0 0 0;}
	#vi_btn ul li a i {display:none}
	#mvisual .control {top:198px}
}
@media(max-width:320px) {
	#mvisual .obj_wrap li#main_vi1 {background:url('/images/fund/main/main_visual_1_3.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi2 {background:url('/images/fund/main/main_visual_2_3.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi3 {background:url('/images/fund/main/main_visual_3_3.jpg') no-repeat center top;}
}



@keyframes swing{
    15%{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);}
    30%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);}
    50%{-webkit-transform:translateY(3px);-moz-transform:translateY(3px);-o-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);}
    65%{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);}
    80%{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);}
    100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}