@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:1400px;}
} 

.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-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 {}
#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; margin: 20px 0 0 40px; width:100%; height:246px; background:url('/images/smulib/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:170px; background:url('/images/clinic/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:170px; background:url('/images/clinic/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 .obj_wrap li#main_vi4 .text_1 { font-size:0px; display:inline-block; width:100%; height:170px; background:url('/images/clinic/main/main_visual_text1.png') no-repeat left top; vertical-align:top;}
#mvisual .obj_wrap li#main_vi4 .text_2 {margin:10px 0 0 3px; display:inline-block; font-size:15px; }



#mvisual .control {position:absolute; top:425px; width:100%;  margin:0 auto; text-align:left; 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:25%; 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}


#mcontainer{ width:100%; padding:0; margin:0; display:inline-block;}
#mcontainer div[id *= con]{ width:93.8%; height:1300px; background-size:cover; font-family:nsr; text-align:center; padding:0; margin:0; display:inline-block; box-sizing:border-box; position:relative; float:left;}
.inner_con{ position:relative;width:1200px; text-align:left; padding:0; margin:0; display:inline-block;}
.con_page{ width:38px; padding:0; margin:-40px 0 0 790px; display:inline-block; position:absolute; top:50%; left:50%;}
.con_page ul,
.con_page ul li{ width:100%; padding:0; margin:0; display:inline-block; box-sizing:border-box;}
.con_page ul li{ height:20px; position:relative; float:left;}
.con_page ul li:before{ width:100%; height:3px; background-color:#fff; content:""; position:absolute; bottom:0; left:0; opacity:0.6;}
.con_page ul li a{ width:100%; height:20px; text-align:left; text-indent:-99999px; display:block;}
.con_page ul li.on{ height:32px; border:3px solid #fff;}
.con_page ul li.on:before{ display:none;}
.con_page ul li.on a{ height:26px; font-size:14px; text-align:center; text-indent:0; color:#fff; line-height:26px;}
.con_page ul li + li.on{ margin-top:19px;}

.br{ width:100%; display:inline-block;}

#con1{ background:url(/images/interior/main/2025_main_img.png) no-repeat center top; padding-top:90px !important;}
#con1 .inner_con{ margin-top:152px;}
#con1 .title_wrap,
#con1 .con_wrap{ width:50%; color:#fff; padding:0; margin:0; float:left;}
#con1 .title_wrap .en{ height:20px; font-size:12px; color:#cccccc; line-height:20px; padding:0 11px 0 0; margin:0 0 87px 0; display:inline-block; position:relative; z-index:0;}
#con1 .title_wrap .en:after{ width:10000%; height:20px; background-color:#000; content:""; position:absolute; top:0; right:0; opacity:0.5; z-index:-1;}
#con1 .title_wrap p{ font-size:60px; font-weight:100; line-height:68px; padding:0; margin:0; color:#292929;}
#con1 .title_wrap p span{ line-height:inherit; display:inline-block;}
#con1 .title_wrap p .sSize{ font-size:30px; line-height:34px; padding:0; margin:0 0 19px 0; display:block;}
#con1 .title_wrap p .bold{ font-weight:bold;}
#con1 .con_wrap{ height:326px; padding-top:57px; box-sizing:border-box;}
#con1 .con_wrap h3{ width:317px; height:269px; font-size:24px; font-weight:bold; color:#292929; text-align:center; padding:163px 0 0 0; margin:0 21px 0 0; display:block; box-sizing:border-box; float:left; position:relative;}
#con1 .con_wrap h3:before{ width:344px; height:296px; background:url(/images/smenter/main/con1_icon_img.png) no-repeat center center; content:""; position:absolute; bottom:0; right:0;}
#con1 .con_wrap dl{ width:260px; padding:0; margin:0; display:block; float:left;}
#con1 .con_wrap dl dt,
#con1 .con_wrap dl dd{ padding:0; margin:0; display:block; float:left;}
#con1 .con_wrap dl dt{ width:153px; height:124px;}
#con1 .con_wrap dl dd{ width:84px; height:58px; }
#con1 .con_wrap dl dt + dd{ margin-left:23px;}
#con1 .con_wrap dl dd + dt{ margin-top:21px;}
#con1 .con_wrap dl dd + dd{ margin-top:8px; margin-left:23px;}
#con1 .con_wrap dl dd + dt + dd{ margin-top:21px;}
#con1 .con_wrap dl dt a,
#con1 .con_wrap dl dd a{ width:100%; height:58px; font-size:16px; color:#292929; text-align:center; line-height:58px; display:block; position:relative; z-index:10;}
#con1 .con_wrap dl dt a{ height:124px; font-size:20px; line-height:30px; padding:32px 0;}
#con1 .con_wrap dl dt a:before,
#con1 .con_wrap dl dd a:before{ width:100%; height:100%; background-color:#000; content:""; position:absolute; top:0; left:0; z-index:-1;}
#con1 .con_wrap dl dt a:before{ opacity:0.3;}
#con1 .con_wrap dl dd a:before{ opacity:0.1;}
#con1 .con_wrap dl dt a:hover:before{ opacity:0.5;}
#con1 .con_wrap dl dd a:hover:before{ opacity:0.3;}
#con1 .notice_wrap{ width:490px; height:18px; color:#292929; padding:0; margin:56px 107px 0 0 ; display:block; float:right;}
#con1 .notice_wrap h3{ width:90px; font-weight:900; font-size:18px; line-height:20px; padding:0; margin:0 15px 0 0; display:block; position:relative; float:left;}
#con1 .notice_wrap h3:before{ width:1px; height:18px; background-color:#292929; content:""; position:absolute; top:0; right:0; opacity:0.3; pointer-events:none;}
#con1 .notice_wrap ul,
#con1 .notice_wrap ul li{ width:300px; height:18px; line-height:18px; padding:0; margin:0; display:block; float:left;}
#con1 .notice_wrap ul li a{ width:230px; font-size:18px; color:#292929; line-height:18px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#con1 .notice_wrap ul li span{ width:70px; font-size:14px; text-align:right; line-height:18px; display:block; float:right; position:relative;}
#con1 .notice_wrap ul li span:before{ width:1px; height:18px; background-color:#292929; content:""; position:absolute; top:0; left:0; opacity:0.3;}
#con1 .notice_wrap .btn{ line-height:18px; display:inline-block; float:right;}
#con1 .notice_wrap .btn a{ background-color:#292929; font-size:14px; font-style:italic; color:#000; line-height:18px; padding:0 5px; margin:0; display:inline-block;}









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

.notice_box{position:relative;width:100%;height:415px;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: 'Pretendard'; 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 45px 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, #gallery .more {position:absolute; top:-27px; right:5px;}
.notice_box .more a, #gallery .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}



@media(max-width:1280px){
	#vi_quick_box {margin: 0 0 68px 0;}
	#vi_quick_box .vi_box {width:50%; padding:0 0 0 2%; }
	#vi_quick_box .quick_box {width:50%}
	#cnt_top_box {width:100%;}
	#cnt_top_box .link_call_box {width:48%; margin:0 4% 0 0}
	#cnt_top_box .link_call_box .call_box {width:50%}
	#cnt_top_box .link_call_box .link_box {width:50%}
	#cnt_top_box .notice_box {width:48%}
}


@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:1050px) {
	#cnt_top_box {width:100%; padding:0 25px}
	#cnt_top_box .link_call_box {width:100%; margin:0 0 30px 0;}
	#cnt_top_box .link_call_box .call_box {width:50%; height:300px;}
	#cnt_top_box .link_call_box .link_box {width:50%;  height:300px;}
	#cnt_top_box .notice_box {width:100%}
}
@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/clinic/main/main_visual_1_1.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi2 {background:url('/images/clinic/main/main_visual_2_1.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi3 {background:url('/images/clinic/main/main_visual_3_1.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi4 {background:url('/images/clinic/main/main_visual_4_1.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; }
	#mvisual .obj_wrap li#main_vi4 .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;}
	#mcontainer div[id *= con]{ width:100%; height:auto; background-size:cover; font-family:nsr; text-align:center; padding:0; margin:0; display:inline-block; box-sizing:border-box; position:relative; float:left;}
	#con1 .inner_con{margin-top:0;}
	#con1 .title_wrap p .sSize{font-size:30px; padding:10px;}
	#con1 .title_wrap p .bold{font-weight:bold; padding:10px; font-size:22px;}
	#cnt_top_box{width:100%; padding:0;}
} 
@media(max-width:768px) {
	#mvisual .obj_wrap li {}
	#mvisual .obj_wrap li#main_vi1 .text_1 {width:100%; height:105px; background: url(/images/clinic/main/main_visual_text1.png) no-repeat center top; }
	#mvisual .obj_wrap li#main_vi2 .text_1 {width:100%; height:105px; background: url(/images/clinic/main/main_visual_text1.png) no-repeat center top; }
	#mvisual .obj_wrap li#main_vi3 .text_1 {width:100%; height:105px; background: url(/images/clinic/main/main_visual_text1.png) no-repeat center top; }
	#mvisual .obj_wrap li#main_vi4 .text_1 {width:100%; height:105px; background: url(/images/clinic/main/main_visual_text1.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#main_vi4 .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:560px){
	#mcontainer{background:url('/images/clinic/main/main_visual_3.jpg') no-repeat center top; }
	#cnt_top_box .link_call_box .call_box {width:100%;}
	#cnt_top_box .link_call_box .link_box {width:100%;}
	.notice_box {height:615px}
	.notice_box .more {top:180px; left:0px; width:100%; display:inline-block; text-align:center;}
	.notice_box > ul > li:first-child {margin:0 0 0 20px}
	.notice_box h2 {margin:10px 0 0 0; botder-bottom:none;}
	.notice_box > ul {background: url(/images/stu_life/main/board_line.gif) repeat-x left 53px;}
	.notice_box .list {padding: 0 35px 0 33px; top:70px}
	.notice_box .list .date {display:none;}
	.notice_box .list li a span.text{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; display:inline-block }
	.notice_box .list li:first-child { min-height: auto; margin:0px; padding:0; border:none}
	.notice_box .list li:first-child a {  background: url(/images/stu_life/main/board_li_bg.gif) no-repeat 5px center;}
	.notice_box .list li:first-child a .text {padding:0px; font-size:15px; letter-spacing:0em}
	.notice_box .list li:first-child a .text i {display:none}
	.notice_box .list li:first-child a .text_con {display:none}
}
@media(max-width:500px) {
	#mvisual .obj_wrap {height:383px}
	#mvisual .obj_wrap li {height:383px}
	#mvisual .obj_wrap li#main_vi1 {background:url('/images/clinic/main/main_visual_1_1.jpg') no-repeat center top; background-size:cover }
	#mvisual .obj_wrap li#main_vi2 {background:url('/images/clinic/main/main_visual_2_1.jpg') no-repeat center top; background-size:cover }
	#mvisual .obj_wrap li#main_vi3 {background:url('/images/clinic/main/main_visual_3_1.jpg') no-repeat center top; background-size:cover }
	#mvisual .obj_wrap li#main_vi4 {background:url('/images/clinic/main/main_visual_4_1.jpg') no-repeat center top; background-size:cover }
	#mvisual .obj_wrap li#main_vi1 .text_1 {width:100%; height:153px; background: url(/images/clinic/main/main_visual_text1.png) no-repeat center top; background-size:auto 110px}
	#mvisual .obj_wrap li#main_vi2 .text_1 {width:100%; height:153px; background: url(/images/clinic/main/main_visual_text1.png) no-repeat center top; background-size:auto 110px}
	#mvisual .obj_wrap li#main_vi3 .text_1 {width:100%; height:153px; background: url(/images/clinic/main/main_visual_text1.png) no-repeat center top; background-size:auto 110px}
	#mvisual .obj_wrap li#main_vi4 .text_1 {width:100%; height:153px; background: url(/images/clinic/main/main_visual_text1.png) no-repeat center top; background-size:auto 110px}
	#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:256px}
	#cnt_top_box .link_call_box .call_box{width:100%;}
	#cnt_top_box .link_call_box .link_box{width:100%;}
	.notice_box > ul{background:url(/images/stu_life/main/board_line.gif) repeat-x left 53px;}
	.notice_box > ul > li:first-child{margin:0 0 0 20px;}
	.notice_box h2{margin:10px 0 0 0; float:left;}
	.notice_box h2 a{padding:0 15px 8px 0; margin:0px; width:100%; font-size:18px;}
	.notice_box .list{padding: 0 35px 0 33px; top:70px;}
	.notice_box .list li:first-child{min-height:auto; margin:0px; padding:0; border:none;}
	.notice_box .list li:first-child a{background:url(/images/stu_lift/main/board_li_bg.gif) no-repeat 5px center;}
	.notice_box .more{top:-53px; left:0; width:100%; display:inline-block; text-align:center;}
}
@media(max-width:380px){
	.notice_box h2 a {padding:0 15px 8px 0; margin:0px; width:100%; font-size:15px}
	.notice_box > ul {   background: url(/images/stu_life/main/board_line.gif) repeat-x left 45px;}
}
@media(max-width:320px) {
	#mvisual .obj_wrap li#main_vi1 {background:url('/images/clinic/main/main_visual_1_1.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi2 {background:url('/images/clinic/main/main_visual_2_1.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi3 {background:url('/images/clinic/main/main_visual_3_1.jpg') no-repeat center top;}
	#mvisual .obj_wrap li#main_vi4 {background:url('/images/clinic/main/main_visual_4_1.jpg') no-repeat center top;}
}




#scene1 {position:relative; height:400px}
#scene1 .layout{max-width:1240px;}

#scene1 #gibu_box1 {position:absolute; top:200px; left:0px; width:540px; }
#scene1 #gibu_box1 .text_1 {font-size:0px; display:inline-block; width:100%; height:140px; background:url('/images/fund/main/gibu_title.png') no-repeat left top; background-size:100%; vertical-align:top; }
#scene1 #gibu_box1 .text_2 {padding:13px 0 0 0; display:inline-block; color:#333333;  font-size:26px; vertical-align:top; letter-spacing:-0.04em;}

#scene1 .gibu_list{position:absolute;bottom:50px;left:0;width:100%;height:57px;background-color:#fff;border:1px solid #c5c5c5;}
#scene1 .gibu_list .gibu_wrap{position:relative;width:100%;height:100%;}
#scene1 .gibu_list h3{position:absolute;top:0;left:0;width:240px;height:57px;line-height:57px;background-color:#1c5ec0;color:#fff;text-align:center;padding-right:20px}
#scene1 .gibu_list .more{position:absolute;top:29%;left:172px;display:inline-block;width:28px;height:28px;border-radius:50%;font-size:0;background:#0e418d url(/images/fund/main/control.png) no-repeat;vertical-align:middle;background-position: 7px -14px}
#scene1 .gibu_list .grap{position:relative;width:100%;height:57px;padding:0 168px 0 240px;overflow:hidden;}
#scene1 .gibu_list .grap .obj{position:relative;width:100%;height:100%;}
#scene1 .gibu_list .grap .obj .item{position:relative;width:100%;height:100%;padding:0 30px;line-height:57px;}
#scene1 .gibu_list .grap .obj .item a{display:block;float:left;height:100%;/*width:75%;text-align:left;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;*/color:#474747;line-height:57px;}
#scene1 .gibu_list .grap .obj .item a b{font-size:23px;color:#000;line-height:48px;}
#scene1 .gibu_list .grap .obj .item span{float:right;text-align:right;color:#474747;font-size:14px;line-height:57px;}
#scene1 .gibu_list .control{position:absolute;top:0;right:0;width:168px;height:57px;}
#scene1 .gibu_list .control button{float:left;display:inline-block;width:33.33%;height:100%;font-size:0;background: url(/images/fund/main/control.png) no-repeat;vertical-align:middle;}
#scene1 .gibu_list .control button[data-control="prev"]{background-position:-45px 0;}
#scene1 .gibu_list .control button[data-control="stop"]{background-position:-102px 0;}
#scene1 .gibu_list .control button[data-control="play"]{display:none;background-position:-158px 0;}
#scene1 .gibu_list .control button[data-control="next"]{background-position:-214px 0;}


@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);}
}

#scene1  #gibu_box3 {position:absolute; top:140px; right:52px; width:510px; height:560px }
#scene1  #gibu_box3 ul {position:absolute; top:0px; left:0px; width:100%; z-index:13}
#scene1  #gibu_box3 ul li {position:absolute; width:127px; height:127px; border-radius:127px; display:inline-block; text-align:center}
#scene1  #gibu_box3 ul li a {width:100%; color:#fff; font-size:15px;}
#scene1  #gibu_box3 ul li a i {background-image:url('/images/fund/main/gibu_icon.png'); width:80px; height:62px; margin:20px auto 0; display:inline-block; background-repeat:no-repeat; vertical-align:top; }
#scene1  #gibu_box3 ul li a:hover i,
#scene1  #gibu_box3 ul li a:focus i{top:-3px;-moz-animation:swing 1s ease;-moz-animation-iteration-count:1;-o-animation:swing 1s ease;-o-animation-iteration-count:1;-ms-animation:swing 1s ease;-ms-animation-iteration-count:1;-webkit-animation:swing 1s ease;-webkit-animation-iteration-count:1;animation:swing 1s ease;animation-iteration-count:1;}

#scene1  #gibu_box3 ul li a span {width:100%; display:inline-block; font-family:'ntk'; letter-spacing:-0.03em}
#scene1  #gibu_box3 ul li.btn1 {background:#2149a5; left:189px; top:0px;}
#scene1  #gibu_box3 ul li.btn1 a i {background-position:18px top;}

#scene1  #gibu_box3 ul li.btn2 {background:#986f4d; right:0px; top:105px;}
#scene1  #gibu_box3 ul li.btn2 a i {background-position:-117px top;}

#scene1  #gibu_box3 ul li.btn3 {background:#79725e; right:0px; top:330px;}
#scene1  #gibu_box3 ul li.btn3 a i {background-position:-245px top;}

#scene1  #gibu_box3 ul li.btn4 {background:#f0be2e;  left:189px; top:430px; }
#scene1  #gibu_box3 ul li.btn4 a i {background-position:-373px top;}

#scene1  #gibu_box3 ul li.btn5 {background:#01ade5; left:0px; top:330px;}
#scene1  #gibu_box3 ul li.btn5 a i {background-position:-501px top;}

#scene1  #gibu_box3 ul li.btn6 {background:#3f65ce;   left:0px; top:105px; }
#scene1  #gibu_box3 ul li.btn6 a i {background-position:-630px top;}

#scene1  #gibu_box3 h2 {position:absolute; left:130px; top:365px; letter-spacing:-1px; text-align:center; font-size:22px; color:#222222; width:250px; background:url('/images/fund/main/gibu_bulb.png') no-repeat left top; z-index:12;}
#scene1  #gibu_box3 .bulb_box {position:absolute; left:51px; top:65px; width:400px; height:400px; background:url('/images/fund/main/gibu_bulb.png') no-repeat left top; z-index:10;}
#scene1  #gibu_box3 .circle_box {position:absolute; left:30px; top:60px; width:450px; height:450px; background:url('/images/fund/main/gibu_circle.png') no-repeat left top; z-index:11;}

#scene1  #gibu_box2 {position:absolute; top:495px; left:0px; display:inline-block}
#scene1  #gibu_box2 h2 {font-size:0px; display:inline-block; width:100%; height:32px; background:url('/images/fund/main/gibu_title2.png') no-repeat left top; vertical-align:top; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#scene1  #gibu_box2 .text_2 {width:100%; display:inline-block;  margin:18px 0 20px 0; display:inline-block; color:#666666; font-family:"ntk"}
#scene1  #gibu_box2 a {width:253px; height:253px; padding:80px 0 0 0; text-align:center; color:#fff; font-size:22px; font-weight:bold; display:inline-block; background:url('/images/fund/main/gibu_img_off.png') no-repeat left top;  vertical-align: top;}
#scene1  #gibu_box2 a:hover, #scene1  #gibu_box2 a:focus { background:url('/images/fund/main/gibu_img_on.png') no-repeat left top; font-size:0px;  -moz-animation:swing 1s ease;-moz-animation-iteration-count:1;-o-animation:swing 1s ease;-o-animation-iteration-count:1;-ms-animation:swing 1s ease;-ms-animation-iteration-count:1;-webkit-animation:swing 1s ease;-webkit-animation-iteration-count:1;animation:swing 1s ease;animation-iteration-count:1;}


#scene1  #gibu_box4 {position:absolute; top:745px; left:297px; display:inline-block; }
#scene1  #gibu_box4 h2 {font-family:"nsr"; font-size:20px; color:#333333; font-weight:bold; line-height:1.2em; float:left; margin:0 36px 0 0}
#scene1  #gibu_box4 .text_box {float:left;}
#scene1  #gibu_box4 p {margin:0 0 4px 0;  font-family: 'Pretendard';  font-size:14px; }
#scene1  #gibu_box4 i {background-image:url('/images/fund/main/gibu_icon2.png'); background-repeat:no-repeat; width:22px; height:23px; display:inline-block; margin:0 5px 0 0; vertical-align:top}
#scene1  #gibu_box4 i.icon_1 {background-position:0px top;}
#scene1  #gibu_box4 i.icon_2 {background-position:-50px top; }
#scene1  #gibu_box4 i.icon_3 {background-position:-100px top; margin:0 5px}
#scene1  #gibu_box4 .mail_icon {float:left; margin:4px 0 0 5px}
#scene1  #gibu_box4 .mail_icon a {float:left; font-size:0px; width:45px; height:45px; background:url('/images/fund/main/gibu_icon_mail.png') no-repeat left top; }

#scene1  #gibu_box5 {position:absolute; top:745px; right:00px; display:inline-block; }
#scene1  #gibu_box5 h2 {font-family:"nsr"; font-size:20px; color:#333333; font-weight:bold; line-height:1.2em; float:left; margin:0 24px 0 0}
#scene1  #gibu_box5 .text_box {float:left; }
#scene1  #gibu_box5 p {margin:0 0 4px 0; float:left;  font-family: 'Pretendard';  font-size:14px; }
#scene1  #gibu_box5 p.p_2 {margin:0 0  0 19px; padding:0 0 0 19px; border-left:1px solid #c4c4c4;}
#scene1  #gibu_box5 p.p_2 span, #scene1  #gibu_box5 p.p_2 strong {width:100%; display:block;}
#scene1  #gibu_box5 p.p_2 strong { font-family: 'Pretendard'; font-size:15px; font-weight:bold; color:#333333;}
#scene1  #gibu_box5 p.p_2 span { font-family: 'Pretendard'; font-size:14px; color:#666666;}
#scene1  #gibu_box5 i {background-image:url('/images/fund/main/gibu_icon2.png'); background-repeat:no-repeat; width:22px; height:23px; display:inline-block; margin:0 5px 0 0; vertical-align:top}
#scene1  #gibu_box5 i.icon_1 {background-position:-150px top;}
#scene1  #gibu_box5 i.icon_2 {background-position:-246px top; }


/* #scene1 .cloud_1 {position:absolute; top:428px; left:379px; background:url('/images/fund/main/gibu_cloud.png') no-repeat left bottom; width:64px; height:31px; display:inline-block}
#scene1 .cloud_2 {position:absolute; top:303px; left:512px; background:url('/images/fund/main/gibu_cloud.png') no-repeat -145px top; width:111px; height:54px; display:inline-block}
#scene1 .cloud_3 {position:absolute; top:415px; right:-80px; background:url('/images/fund/main/gibu_cloud.png') no-repeat -336px bottom; width:64px; height:31px; display:inline-block} */



@media(max-width:1400px) {
	#scene1  #gibu_box5 { right:50px; }
}



@media(max-width:1340px) {
	#scene1 #gibu_box1 {left:50px}
	#scene1 #gibu_box2 {left:50px}
	#scene1  #gibu_box4 {left:337px}
	#scene1 #gibu_box4 h2 {float:none; margin:0 0 10px 0}
	#scene1 #gibu_box4 h2 br {display:none}
	#scene1 #gibu_box5 { right:30px; }
	#scene1 #gibu_box5 h2 {float:none;  margin:0 0 10px 0}
	#scene1 #gibu_box5 h2 br {display:none}
}
@media(max-width:1250px) {
	#scene1  #gibu_box3 {right:0px}
}
@media(max-width:1150px) {
	#scene1 {height:1250px}
	#scene1 #gibu_box1 {top: 125px; left:60px;  width: 528px;}
	#scene1 #gibu_box2 {top:113px; right:40px; width:253px; left:auto}
	#scene1 #gibu_box2 h2, #scene1  #gibu_box2 .text_2{display:none}
	#scene1 #gibu_box3 {position: relative; top:265px; right:auto; margin:0 auto}
	#scene1 .cloud_1 {top:423px; left:-30px;}
	#scene1 .cloud_2 { top:370px; left:100px;}
	#scene1 .cloud_3 {top:475px; right:-40px;}
	#scene1 #gibu_box4 {top:1000px; left:45px;}
	#scene1 #gibu_box5 {top:1000px; left:368px}
/*	#scene1 .gibu_list{height:117px;bottom:0;}
	#scene1 .gibu_list .grap{height:117px;padding:0 168px 0 110px;}
	#scene1 .gibu_list .grap .obj .item a{line-height:1.3;}
	#scene1 .gibu_list h3{height:114px;padding:20px;line-height:1.3;}
	#scene1 .gibu_list .more{left:42px;top:60%;}*/
	#scene1 #gibu_box5 { position:relative; top:auto;  padding:20px 0 0 0 ;}
	#scene1  #gibu_box5 p {display:inline-block; float:none; text-align:center; }
	#scene1  #gibu_box5 p.p_2 {padding:0px; margin:0 0 0 10px; border:none; vertical-align:top;}
	#scene1 .gibu_list{height:116px;bottom:0;}
	#scene1 .gibu_list h3{position:static;width:135px;padding-right:0}
	#scene1 .gibu_list .grap{border-top:1px solid #c5c5c5;padding:0;}
	#scene1 .gibu_list .grap .obj .item{padding:0 50px 0 10px;}
	#scene1 .gibu_list .more{position:static;float:right;margin:-41px 10px 0 0;}
}

@media(max-width:900px) {
	/*#scene1 .gibu_list .grap .obj .item a{width:100%;}
*/	#scene1 .gibu_list .grap .obj .item span{display:none}

}


@media(max-width:860px) {
	#scene1 {height:1200px}
	#scene1 #gibu_box1 {width:390px}
	#scene1 #gibu_box1 .text_1 {height:90px}
	#scene1 #gibu_box1 .text_2 {font-size:20px}
	#scene1  #gibu_box2 a {width:215px; height:215px; background: url(/images/fund/main/gibu_img_off.png) no-repeat left top; background-size:100%;}
	#scene1  #gibu_box2 a:hover, #scene1  #gibu_box2 a:focus { background:url('/images/fund/main/gibu_img_on.png') no-repeat left top;background-size:100%; -moz-animation:swing 1s ease;-moz-animation-iteration-count:1;-o-animation:swing 1s ease;-o-animation-iteration-count:1;-ms-animation:swing 1s ease;-ms-animation-iteration-count:1;-webkit-animation:swing 1s ease;-webkit-animation-iteration-count:1;animation:swing 1s ease;animation-iteration-count:1;}
	#scene1 #gibu_box3 {top:200px}
	#scene1 #gibu_box4 {top:950px; left:45px;}
	#scene1 #gibu_box5 {top:950px; left:368px}


}
@media(max-width:740px) {
	#scene1 {height:1300px}
	#scene1 #gibu_box1 {width:350px}
	#scene1 #gibu_box2 {width:195px;}
	#scene1 #gibu_box2 a {width:195px; height:215px; padding:60px 0 0 0; background: url(/images/fund/main/gibu_img_off.png) no-repeat left top; background-size:100%;}
	#scene1 #gibu_box1 .text_1 {height:90px; }
	#scene1 #gibu_box1 .text_2 {font-size:14px}
	#scene1 #gibu_box4 { top:940px; padding:0 100px 0 0; width:100%; left:auto;  text-align:center;}
	#scene1 #gibu_box4 .text_box {float:none; display:inline-block}
	#scene1 #gibu_box4 .mail_icon {float:none; display:inline-block}
	#scene1 #gibu_box5 { top:1070px; padding:0 100px 0 0; width:100%;  left:auto; right:auto; text-align:center;}
	#scene1 #gibu_box5 .text_box {float:none; display:inline-block}
	#scene1 #gibu_box5 .mail_icon {float:none; display:inline-block}

	#scene1 .gibu_list{height:136px;bottom:0;}
	#scene1 .gibu_list .grap{height:77px;}
	#scene1 .gibu_list .grap .obj .item a{line-height:1.2}

}

@media(max-width:610px) {
	#scene1 {height:1051px; padding:0;}
	#scene1 #gibu_box1 {position:relative; left:auto; top:auto; text-align:center; width:100%;}
	#scene1 #gibu_box1 .text_1 {background: url(/images/fund/main/gibu_title_2.png) no-repeat center top; height:70px}
	#scene1 #gibu_box1 .text_2 {padding:0px}
	#scene1 #gibu_box2 {position:relative; left:auto; right:auto; top:30px; width:100%; text-align:center;}
	#scene1 #gibu_box3 {width:100%; height:auto; display:inline-block; top:auto; text-align:center; padding:20px 0 0 0 ;}
	#scene1 #gibu_box3 ul {position:relative; left:auto; top:auto;}
	#scene1 #gibu_box3 ul li {position:relative; display:inline-block; margin:10px 2%}
	#scene1 #gibu_box3 ul li.btn1, #scene1  #gibu_box3 ul li.btn2, #scene1  #gibu_box3 ul li.btn3, #scene1  #gibu_box3 ul li.btn4, #scene1  #gibu_box3 ul li.btn5, #scene1  #gibu_box3 ul li.btn6 {left:auto; top:auto;}
	#scene1 #gibu_box4 { position:relative; top:auto;  padding:20px 0 0 0 ;}
	
	#scene1 .circle_box, #scene1 .bulb_box, #scene1  #gibu_box3 h2 {display:none}
	#scene1 .cloud_1, #scene1 .cloud_2, #scene1 .cloud_3 {display:none}
	

}
@media(max-width:420px) {
	#scene1{height:1100px}
}


.link_call_box {width:603px; float:left; margin:0 40px 0 0}
.link_call_box .call_box {position:relative; width:298px; height:309px;  color:#fff;  text-align:center; float:left; background:url('/images/stu_life/main/call_center_bg.png') no-repeat left top;}
.link_call_box .call_box h2 {padding:65px 0 18px 0;  font-size:17px; font-family:"ntk"}
.link_call_box .call_box h2::after {content: ''; display:block; width:33px; height:1px; background:#fff; margin:17px auto 10px}
.link_call_box .call_box .call {font-size:30px; font-weight:800; font-family:"nsr"; letter-spacing:-0.05em; line-height:1.2em }
.link_call_box .call_box .fax {line-height:1.25em;}
.link_call_box .call_box .fax em {border:1px solid #fff; border-radius:20px; margin:0 5px 0 0; width:22px; height:22px; vertical-align:middle; line-height:1.35em; display:inline-block} 
.link_call_box .call_box .btn {width:100%; display:inline-block; margin:38px 0 0 0}
.link_call_box .call_box .btn a {background:#1a55b6; color:#fff; border-radius:20px; padding:8px 30px; font-size:15px;  font-family: 'Pretendard'; }

#link_box {position:relative; width:305px; height:309px; float:left; background:url('/images/stu_life/main/link_box_bg.jpg') no-repeat left top #21babc; text-align:center;}
#link_box .state button {width:15px; height:25px; display:inline-block; position:absolute; z-index:100}
#link_box .state button.prev {left:44px; top:120px; background:url('/images/stu_life/main/link_arrow_left.gif') no-repeat left top;}
#link_box .state button.next {right:44px; top:120px; background:url('/images/stu_life/main/link_arrow_right.gif') no-repeat left top;}
#link_box .obj_wrap {position:relative; width:143px; height:220px; margin:0 auto; overflow:hidden; top:45px; }
#link_box .obj_wrap li {position:absolute; top:0px; left:0px;}
#link_box .obj_wrap li a {width:100%; height:100%; display:inline-block}
#link_box .obj_wrap li a .text {border:1px solid #fff; color:#fff; padding:3px 10px; display:inline-block; margin:20px 0 5px 0; font-family:"ntk"}
#link_box .obj_wrap li a .call {width:100%; display:inline-block; font-size:18px; color:#fff; font-family:"nsr"}

#link_box h2{padding:65px 0 18px 0; font-size: 17px;  font-family: 'Pretendard';}
#link_box h2::after{content:''; display:block; width:33px; height:1px; background:#fff; margin:17px auto 10px;}

#gallery {max-width: 1240px; margin: 0 auto; padding: 36px;}
#gallery .inner {padding: 0;}
#gallery h2 {font-weight: bold; color: #000000; font-size: 20px;  font-family: 'Pretendard'; margin: 20px 0; padding: 0 15px 8px 0;}
#gallery .depgallery .grap {max-width: 1240px; margin: 0 auto; padding: 20px 0;}
#gallery .depgallery .grap .inner {display: flex; flex-wrap: wrap; gap: 20px; justify-content: flex-start;}
#gallery .depgallery .grap .obj {width: 100%; display: flex; flex-wrap: wrap; gap: 20px;}
#gallery .depgallery .grap .obj .item {flex: 1 1 calc(25% - 20px); max-width: calc(25% - 20px); display: flex; flex-direction: column; background: #fff; overflow: hidden; position: relative; transition: transform 0.3s;}
#gallery .depgallery .grap .obj .item:hover {transform: translateY(-5px); box-shadow: 0 4px 15px rgba(0,0,0,0.1);}
#gallery .depgallery .grap .obj .item a {display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; position: relative;}
#gallery .depgallery .grap .obj .item a .img {width: 100%; aspect-ratio: 2 / 4; overflow: hidden; background: #fff; position: relative;}
#gallery .depgallery .grap .obj .item a .img img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease-in-out;}
#gallery .depgallery .grap .obj .item a:hover .img img {transform: scale(1.1);}
#gallery .depgallery .grap .obj .item a .info {padding: 15px; text-align: center; background: #fff; z-index: 2;}
#gallery .depgallery .grap .obj .item a .tit {font-family: "NanumSquare", sans-serif; font-size: 17px; line-height: 1.2; color: #666; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400;}
#gallery .depgallery .grap .obj .item a .text {font-size: 14px; color: #555; line-height: 1.4; margin-bottom: 10px;}
#gallery .depgallery .grap .obj .item a .date {font-size: 12px; color: #767676;}
#gallery .control {margin: 20px auto; display: flex; justify-content: center; gap: 10px;}
#gallery .control .more {border: 1px solid #26303d; color: #222; padding: 6px 20px; font-size: 14px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; background: #fff; transition: all 0.3s;}
#gallery .control .more:hover {background: #26303d; color: #fff;}

@media (max-width: 1024px) {
  #gallery .depgallery .grap .obj .item {flex: 1 1 calc(33.33% - 20px); max-width: calc(33.33% - 20px);}
}

@media (max-width: 768px) {
  #gallery .depgallery .grap .obj .item {flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px);}
}

@media (max-width: 480px) {
  #gallery .depgallery .grap .obj .item {flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px);}
  #gallery h2 {font-size: 23x;}
  #gallery .depgallery .grap .obj .item a .tit {font-size: 15px; line-height: 1.2;}
  #gallery .depgallery .grap .obj .item a .text {font-size: 13px; line-height: 1.3;}
  #gallery .depgallery .grap .obj .item a .date {font-size: 11px;}
  #gallery .control .more {font-size: 13px; height: 34px; line-height: 34px; padding: 5px 16px;}
}



.section-grid {max-width: 1240px; margin: 0 auto; padding: 40px 20px;}
.grid-wrapper {width: 100%;}
.grid-gallery {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; list-style: none; padding: 0; margin: 0;}
.grid-item {background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.08); transition: transform 0.3s, box-shadow 0.3s; overflow: hidden; border-radius: 8px;}
.grid-item:hover {transform: translateY(-5px); box-shadow: 0 4px 15px rgba(0,0,0,0.15);}
.grid-item a {display: block; text-decoration: none; color: inherit;}
.grid-item img {width: 100%; height: auto; display: block; object-fit: cover;}
.grid-item .title {font-size: 18px; font-weight: bold; text-align: center; margin: 15px 0 5px; color: #333;}
.grid-item .btn {text-align: center; font-size: 14px; color: #0073b1; margin-bottom: 15px;}
@media (max-width: 1024px) {.grid-gallery {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px) {.grid-gallery {grid-template-columns: 1fr;}}