@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/smuhc/main/main_visual_1_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li#main_vi2 {background:url('/images/smuhc/main/main_visual_2_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li#main_vi3 {background:url('/images/smuhc/main/main_visual_3_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li#main_vi4 {background:url('/images/smuhc/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:#2049a5;}
#vi_btn ul {width:100%; display:inline-block;  vertical-align: top;}
#vi_btn ul li {float:left; width:33%; border-left:1px solid #18377c; height:105px; text-align:center;}
#vi_btn ul li a { padding:23px 0 0 0; display:inline-block;}
#vi_btn ul li a i { width:56px; height:58px; display:inline-block; border:1px solid #6380c0; border-radius:58px; background-image:url('/images/fund/main/main_tab_icon.png'); background-repeat:no-repeat; background-color:#2049a5}
#vi_btn ul li.btn1 a i {background-position:left -130px; }
#vi_btn ul li.btn2 a i {background-position:-93px -130px; }
#vi_btn ul li.btn3 a i {background-position:-189px -130px; }
#vi_btn ul li.btn4 a i {background-position:-294px -130px; }

#vi_btn ul li a:hover i {background-color:#fff; border:1px solid #fff}
#vi_btn ul li.btn1 a:hover i {background-position:left 12px; }
#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 a span{ padding:15px 0 0 18px; display:inline-block; vertical-align:top; color:#fff;  font-size:18px	}
#vi_btn ul li: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;}


/* 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 {}
	#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} 
} 
@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 li {width:50%; 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);}
}