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

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


#mcontainer{position:relative; background:#f5f5f5; }
#mcontainer .layout{max-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 {position:relative; width:100%; }
#mvisual .visual-wrap {width:1240px;  margin:0 auto; text-align:center; position:relative;}

#mvisual .obj_wrap {width:100%; height:850px; vertical-align: top;  margin:0 auto; display:inline-block;  }
#mvisual .obj_wrap li {height:850px; display:inline-block; width:100%; position:absolute; left:0px; top:0px}
#mvisual .obj_wrap li#main_vi1 {background:url('/images/stu_lab/main/main_visual_1_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li#main_vi2 {background:url('/images/stu_lab/main/main_visual_2_1.jpg') no-repeat center top;}
#mvisual .obj_wrap li .layout {color:#fff; width:1240px; margin:0 auto; }
#mvisual .obj_wrap li .br_2 {display:none}

#mvisual .obj_wrap li#main_vi1 .text_1 {font-family: 'nmj'; font-size:70px; line-height:1.1em; padding:125px 0 0 0;text-shadow: 1px 1px 2px #4d4d4d;}
#mvisual .obj_wrap li#main_vi1 .text_2 {position:absolute; top:308px; left:215px;line-height:1.1em; text-shadow: 1px 1px 2px #4d4d4d;}


#mvisual .obj_wrap li#main_vi2 .text_1 {font-family: 'nmj'; font-size:70px; line-height:1.1em; padding:125px 0 0 0; text-shadow: 1px 1px 2px #4d4d4d;}
#mvisual .obj_wrap li#main_vi2 .text_2 {position:absolute; top:308px; left:215px;line-height:1.1em; text-shadow: 1px 1px 2px #4d4d4d;}

/* 레이아웃마다 비쥬얼 텍스트 안나누시려면 합쳐두 무관 일단 다 분리해둠 */


#mvisual .control {position:absolute; top:405px; width:100%;  margin:0 auto; text-align:left; z-index:100} 
#mvisual .control button {background:none; background-image:url('/images/stu_lab/main/main_visual_icon.png'); background-repeat:no-repeat;  font-size: 0; position: static;display: inline-block; width:21px;height:21px; vertical-align: middle;}
#mvisual .control .count button.ov {background-position:left bottom;}
#mvisual .control .count button { background-position:left top; margin:0 1px 0 0}
#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;}

#scene1 {position:absolute; top:0px; left:0px; width:100%; height:850px}
#scene1 #vi_btn {position:absolute; top:71px; right: 0px; width:484px; height:484px;}
#scene1 #vi_btn::before {content:""; display:inline-block; width:1px; height:152px; background:#b1b4b6; position:absolute; top:0px; left:16px; opacity:0.7}
#scene1 #vi_btn::after {content:""; display:inline-block; width:152px; height:1px; background:#b1b4b6; position:absolute; top:16px; left:0px; opacity:0.7}
#scene1 #vi_btn li {background-image:url('/images/stu_lab/main/main_btn_bg.png'); background-repeat:no-repeat; width:153px; height:152px; display:inline-block; position:absolute;}
#scene1 #vi_btn li a {font-family:"nsr"; display:inline-block; letter-spacing:-0.05em }
#scene1 #vi_btn li.btn1 {top:24px; left:25px; background-position:left top;}
#scene1 #vi_btn li.btn1 a {font-size:19px; color:#fff; text-align:center; padding:30px 0 0 0; width:100%; height:152px;}
#scene1 #vi_btn li.btn2 {top:24px; left:331px; background-position:-153px top;}
#scene1 #vi_btn li.btn2 > a {padding:15px 0 10px 30px; color:#ffe397;  font-size:19px}
#scene1 #vi_btn li.btn2 ul {padding:0 0 0 24px}
#scene1 #vi_btn li.btn2 li {position:relative; width:auto; height:auto; background:url('/images/stu_lab/main/btn_li_bg.png') no-repeat left center; padding:0 0 0 10px}
#scene1 #vi_btn li.btn2 li a {color:#fff; font-size:15px; padding:0}
#scene1 #vi_btn li.btn2 li a:hover {text-decoration:underline; }
#scene1 #vi_btn li.btn3 {top:176px; left:178px; background-position:-306px top;  text-align:center;}
#scene1 #vi_btn li.btn3 a {font-size:19px; color:#212121; text-align:center; padding:30px 0 0 0; width:100%; height:152px;}
#scene1 #vi_btn li.btn4 {top:176px; left:331px; background-position:-459px top;}
#scene1 #vi_btn li.btn4 a {font-size:19px; color:#212121; text-align:center; padding:30px 0 0 0; width:100%; height:152px;}
#scene1 #vi_btn li.btn5 {top:328px; left:25px; background-position:-612px top;}
#scene1 #vi_btn li.btn5 a {font-size:19px; color:#fff; text-align:center; padding:30px 0 0 0; width:100%; height:152px; }
#scene1 #vi_btn li.btn5 span {width:100%; display:inline-block; line-height:1.1em}
#scene1 #vi_btn li.btn5 .more {position:relative; top:20px; background:url('/images/stu_lab/main/main_btn5_more.png') no-repeat left bottom; padding:0 0 5px 0; width:55px; font-size:13px; display:inline-block}
#scene1 #vi_btn li.btn1:hover {background-position:left bottom; }
#scene1 #vi_btn li.btn2:hover {background-position:-153px bottom; }
#scene1 #vi_btn li.btn3:hover {background-position:-306px bottom; }
#scene1 #vi_btn li.btn4:hover {background-position:-459px bottom;}
#scene1 #vi_btn li.btn5:hover {background-position:-612px bottom;}
#scene1 #vi_btn li.btn6:hover {background-position:-612px bottom; }
#scene1 #vi_btn li.btn6 {top:24px; left:178px; background-position: -612px top;}
#scene1 #vi_btn li.btn6 .insta_logo {padding: 12px 44px 8px 44px;}
#scene1 #vi_btn li.btn6 ul {text-align: center;}
#scene1 #vi_btn li.btn6 li {position:relative; /* width:auto; */ height:auto; background:none;}
#scene1 #vi_btn li.btn6 li a {color:#fff; font-size:15px; padding:0}
#scene1 #vi_btn li.btn6 li a:hover {text-decoration:underline; }
#scene1 #vi_btn .smu_text {position:absolute; bottom:0px; right:0px; width:212px; height:102px; display:inline-block; background:url('/images/stu_lab/main/smu_text.png') no-repeat left bottom; }


#mcontainer .board{height:455px; margin:65px 0 80px}
#mcontainer .notice_box{position:relative; height:495px; background:url('/images/stu_lab/main/board_line.jpg') no-repeat center 80px; margin:60px 0 120px 0}
#mcontainer .notice_box h2{padding:0 0 40px 0; text-align:center; color:#000;font-size:22px;font-family:'ntk'; font-weight:bold}

#mcontainer #notice_box {position: relative; width:698px;  background: #fff; padding: 20px 35px 0 35px; box-sizing: border-box;  }
#mcontainer #notice_box h2 {float:left; }
#mcontainer #notice_box h2 a{display:inline-block;color:#6c6c6c; font-size:20px;font-weight:normal;  font-family:"nsr"}
#mcontainer #notice_box .list {display:none;width:100%;position:absolute;left:0;top:65px; height:130px; overflow:hidden}
#mcontainer #notice_box .list li {overflow:hidden;padding:0 33px 0 35px;box-sizing:border-box; vertical-align:top; height:24px}
#mcontainer #notice_box .list li a {position:relative;width:100%; display:inline-block;  position: relative;} 
#mcontainer #notice_box .list li a span.text {padding:0 0 0 13px; background:url('/images/stu_lab/main/board_li_bg.gif') no-repeat 3px center} 
#mcontainer #notice_box .list li a .text {font-size:15px; width:100%;  display:inline-block; color:#666; letter-spacing:-0.05em;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
#mcontainer #notice_box .list li a .date {position:absolute;right:0;top:1px;font-size:15px;color:#666;}

#mcontainer #notice_box .list li:first-child {margin:0 0 5px 0;  height:75px}
#mcontainer #notice_box .list li:first-child .date {position:absolute; top:5px; right:auto; left:0px; color:#1e1e1e; font-size:14px; line-height:1.2em; padding:3px 10px; text-align:center;; border:3px solid #d0d0d0}
#mcontainer #notice_box .list li:first-child .date em {font-size:26px; width:100%; display:block; line-height:1.15em}
#mcontainer #notice_box .list li:first-child .text { float:left; width:100%; color:#000; background:url('/images/stu_lab/main/board_icon.gif') no-repeat 94px 6px; padding:0 0 0 117px; text-align:left; font-size:18px; margin:0px; }
#mcontainer #notice_box .list li:first-child .text_2 { float:left; height:38px; text-overflow:ellipsis; overflow:hidden; line-height:1.3em; width:100%;  color:#858585; padding:0 0 0 97px; font-size:14px;text-align:left; margin:0px; }

#mcontainer #notice_box  .more {display:none;position:absolute; top:30px; right:31px;}
#mcontainer #notice_box li.ov .more{display:block;}
#mcontainer #notice_box  .more a {width:29px; height:29px; display:inline-block;font-size:0;background:url('/images/stu_lab/main/more_icon.gif') no-repeat 0 0;vertical-align:top;}
#mcontainer #notice_box  > ul > li:first-child h2:after {content: ''; display:inline-block;  width:2px; height: 16px;margin:-1px 13px 0;vertical-align:middle; background-color: #a3a3a3;}
#mcontainer #notice_box .ov .list{display:block;}
#mcontainer #notice_box .ov h2 .t{font-weight:bold; color:#1d3ea7;}

#m_link {position:relative;  background:#013f6f; width:154px; height:215px; float:left; }
#m_link ul {width:100%; height:215px;}
#m_link ul li {width:100%; height:108px; text-align:center;}
#m_link ul li a {width:100%; width:100%; height:100%;   display:inline-block; color:#fff; vertical-align:top; font-size:15px}
#m_link ul li a i {content:""; display:inline-block; margin:25px 0 0 0; width:30px; height:37px;}
#m_link ul li a span {width:100%; display:inline-block;}
#m_link ul li.btn_1 a i { background:url(/images/stu_lab/main/board_icon.png) no-repeat right top}
#m_link ul li.btn_2 a i { background:url(/images/stu_lab/main/board_icon.png) no-repeat left top}
#m_link ul li.btn_1 a::after  {content:""; display:inline-block; width:80%; margin:0 10%; height:1px; border-top:1px dashed #34658c;}


#content_box {width:100%; height:215px; position:absolute; bottom:0px; left:0px;}
#notice_box {width:698px; height:215px; float:left;  background:#fff}

#m_info {position:relative;  width:348px; height:215px; float:left; display:inline-block; background:url('/images/stu_lab/main/call_box_bg.jpg') no-repeat left top; background-size:100% 215px}
#m_info .call_info {width:100%; display:inline-block}
#m_info .call_info ul li {display:inline-block; width:100%; float:left; text-align:center;}
#m_info .call_info ul li span {display:inline-block; font-family:"nsr";  color:#fff; font-size:17px;}
#m_info .call_info ul li .title {  padding:4px 30px; margin:37px 0 5px 0;  background:#064d6d; border-radius:31px; }
#m_info .call_info ul li .text {width:100%;   font-weight:bold;}

#m_info .location_info {text-align:center; margin:15px 0 0 0}
#m_info .location_info ul li {color:#fff; padding:0 0 5px 0}
#m_info .location_info ul li::before {background-image:url('/images/stu_lab/main/call_icon.png'); background-repeat:no-repeat; width:26px; height:27px; display:inline-block; vertical-align:top; margin:0 5px 0 0}
#m_info .location_info ul li.icon_1::before {content:""; background-position:left top;}
#m_info .location_info ul li.icon_2::before {content:""; background-position:right top;}
#m_info .location_info ul li span {position:relative; display:inline-block}
#m_info .location_info ul li span a {color:#fff}
#m_info .location_info ul li span.title {width:60px; text-align:left;}
#m_info .location_info ul li span.title:after {content:"";background:#91bfca; width:1px; height:11px; display:inline-block; position:absolute; left:50px; top:7px  }
#m_info .location_info ul {margin:0 auto;}

@media(max-width:1360px) {
	#mcontainer #notice_box {width:55%;}
	#mcontainer #m_link {width:10%;}
	#mcontainer #m_info {width:35%;}
	
}
@media(max-width:1340px) {
	#mvisual .obj_wrap li#main_vi1 .text_2 {left:265px;}
	#mvisual .obj_wrap li#main_vi2 .text_2 {left:265px;}
}
@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}
	#content_box {padding:0 50px;}
}
@media(max-width:1000px) {
	
	#mvisual .obj_wrap li#main_vi1 {background:url('/images/stu_lab/main/main_visual_1_2.jpg') no-repeat center top; background-size:cover;}
	#mvisual .obj_wrap li#main_vi2 {background:url('/images/stu_lab/main/main_visual_2_2.jpg') no-repeat center top;  background-size:cover;}
	#mvisual .obj_wrap li#main_vi1 .text_1 {font-size:53px; padding:65px 0 0 0;}
	#mvisual .obj_wrap li#main_vi2 .text_1 {font-size:53px;  padding:65px 0 0 0;}
	#mvisual .obj_wrap li#main_vi1 .text_2 {top:200px; left:215px;}
	#mvisual .obj_wrap li#main_vi2 .text_2 {top:200px; left:215px;}
	#mvisual .control {top:280px}
	#content_box {bottom:0px; height:auto}
	#scene1 { height:1035px}
	#mvisual .obj_wrap {height:1035px;}
	#mvisual .obj_wrap li {height:1035px}
	
	#scene1 #vi_btn {position:relative; height:346px; width:510px; top:329px; text-align:center; margin:0 auto;}
	#scene1 #vi_btn li.btn5 {    top: 176px;}
	#scene1 #vi_btn li.btn2 {text-align:left}
	#mcontainer #notice_box {width:100%; height:200px; padding:35px;}
	#mcontainer #notice_box h2 a {font-size:18px}
	#mcontainer #notice_box .list {height:100px; top:75px}
	#mcontainer #notice_box .list li {margin:1px 0;}
	#mcontainer #notice_box .list li a span.text {width:100%; padding:0 90px 0 13px}
	#mcontainer #notice_box .list li:first-child {height:24px; margin:0px}
	#mcontainer #notice_box .list li:first-child .date {left:auto; right:0px; top:1px; font-size:15px; color:#666; padding:0px; text-align:right; border:none}
	#mcontainer #notice_box .list li:first-child .text {padding:0 90px 0 20px; font-size:15px; background: url(/images/stu_lab/main/board_icon.gif) no-repeat left 3px;}
	#mcontainer #notice_box .list li:first-child .text_2 {display:none}
	#mcontainer #notice_box .list li:first-child .date em {font-size:15px; display:inline; margin:0 5px 0 0}
	#mcontainer #notice_box  .more {top:42px; right:25px}
	#mcontainer #m_link {width:30%; height:125px; padding:7px 0 0 0}
	#mcontainer #m_info {width:70%; height:125px;}
	#m_link ul li {position:relative; width:50%; display:inline-block; float:left;}
	#m_link ul li.btn_1 a::after {content: "";  display: inline-block;  width:1px; margin:0px;height: 65px; position:absolute; top:20px; right:0px;  border-right: 1px dashed #34658c;}
	#m_info .call_info ul {text-align:center;}
	#m_info .call_info ul li  {width:auto; float:none} 
	#m_info .call_info ul li:first-child {margin:0 10px 0 0}
	#m_info .call_info ul li .text {width:auto;  font-size:15px}
	#m_info .call_info ul li .title {padding: 4px 10px; margin: 17px 10px 5px 0; background: #064d6d; border-radius: 31px; font-size:15px}
	#m_info .call_info ul li:first-child::after {display:none}
	#m_info .location_info {margin:0px}
	#scene1 #vi_btn .smu_text {display:none}
} 
@media(max-width:860px) {
	
} 
@media(max-width:800px) {

} 
@media(max-width:768px) {
}


} 
@media(max-width:650px) {
	#content_box {padding:0px}
} 
@media(max-width:600px) {
	#mvisual .obj_wrap li#main_vi1 .text_1 {font-size:33px; padding:55px 0 0 0;}
	#mvisual .obj_wrap li#main_vi2 .text_1 {font-size:33px;  padding:55px 0 0 0;}
	#mvisual .obj_wrap li .text_2 br {display:none}
	#mvisual .obj_wrap li .text_2 br.br_2 {display:inline-block}
	#mvisual .obj_wrap li#main_vi1 .text_2 {top:180px; left:50px;}
	#mvisual .obj_wrap li#main_vi2 .text_2 {top:180px; left:50px;}
	#mvisual .control {display:none}

	#content_box {padding:0px}
	#scene1 #vi_btn {width:495px; top:250px; left:auto; right:auto; display:inline-block; margin:0 auto; text-align:center; padding:25px 0 0 25px}
	#scene1 #vi_btn li {position:relative; left:0px !important; top:0px !important; float:left; width:150px; height:150px; vertical-align:top }

	#mcontainer  #m_link {width:100%;}
	#mcontainer  #m_info {width:100%;}
} 

@media(max-width:500px) {
	#mvisual .obj_wrap {height:1250px;}
	#mvisual .obj_wrap li {height:1250px}
	#scene1  {height:1250px}
	#scene1 #vi_btn {width:405px; top:250px; left:auto; right:auto; display:inline-block; margin:0 auto; text-align:center; padding:25px 0 0 25px}
	#scene1 #vi_btn li {position:relative; left:0px !important; top:0px !important; float:left; width:140px; height:140px; vertical-align:top }

	#mcontainer #m_info {height:170px;}
	#m_info .call_info {padding:20px 0 0 0;}
	#m_info .call_info ul li {width:100%;}
	#m_info .call_info ul li .title {margin:0 5px 5px 0; padding: 4px 30px;}
}
@media(max-width:320px) {
}