

/* 공통 */
.main_title02{font-size:17px;color:#333;font-weight:bold;letter-spacing:-1px}
.pd{padding:23px 30px}
.more{position:absolute; top:25px; right:35px;font-size:12px;color:#515050;letter-spacing:-1px}

.section01{position:relative;width:539px;height:460px;float:right;margin:0 auto;}
.section01:after{content:"";display:block;clear:both;}
.section02{position:relative;width:1200px;height:185px;margin:0 auto;clear:both;padding-top:8px}
.section02:after{content:"";display:block;clear:both;}

/* main_visual */
.main_visual {position:absolute;top:0;width:100%;;z-index:0;}
.main_visual ul{}
.slides li{position:absolute;top:0; left:50%; margin-left:-960px}
.slides li img{}

/*메인타이틀*/
.mv_txt {position:absolute;padding-top:350px;width:355px; z-index:9999;}
.mv_txt .mv_detail{color:#fff;font-size:36px;background:rgba(169,0,86,0.4);line-height:44px; width:355px;word-break: keep-all;}
/*롤링버튼*/
.rolling_btn{position:absolute;padding-top:540px;z-index:9999;}
.rolling_btn li{display:inline-block; *display:inline; *zoom:1;}
.rolling_btn .on{background:url('/resources/site/optics/resource/images/main/rolling_on.png') no-repeat; text-indent:-9999px;width:20px;height:20px;z-index:900;}
.rolling_btn .off{background:url('/resources/site/optics/resource/images/main/rolling_off.png') no-repeat; text-indent:-9999px;width:20px;height:20px;z-index:900;}


/*block1-1*/
.block1_1{position:relative;float:left; width:302px; height:289px;; overflow:hidden;}
/*팝업존*/
.popupzone {position:relative;width:100%;height:100%; background:#fff;overflow:hidden;}
.popupzone h2{background:#a90056;padding:15px 20px;color:#fff}
.popupzone ul {width:100%}
.popupzone ul li{width:100%;}
.popupzone ul li a{display:block}
.popupzone ul li img{width:100%;}
.popupzone .popup_rolling_btn {position:absolute;top:11px;right:15px}
.popupzone .popup_rolling_btn a:first-child{margin-right:3px}

/*block1-2*/
.block1_2{position:relative; float:right; width:231px; height:229px;overflow:hidden;}
/*빠른메뉴_text*/
.quick_menu_text {position:relative;width:100%;height:100%;background:#fff; overflow:hidden;}
.quick_menu_text h2{padding:15px 20px;border-bottom:1px solid #e7e7e7;text-transform:uppercase;font-weight:700;letter-spacing:-1px}
.quick_menu_text ul{margin-top:13px;}
.quick_menu_text li{position:relative;background:url('/resources/site/optics/resource/images/main/quick_bullet.png') no-repeat 25px 8px; padding-left:35px;padding-bottom:8px;line-height:21px}
.quick_menu_text li a{color:#666; font-size:13px;}
.quick_menu_text li a:hover{text-decoration:underline;color:#666; font-weight:500;}
/*홍보동영상_mid*/
.pr_video_mid{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}
.pr_video_mid .video_box{width:171px;height:120px;margin-top:30px; position:relative;overflow:hidden;}
.pr_video_mid .video_box .play_btn{position:absolute;width:55px;height:54px;top:25%;left:35%;z-index:3}
.pr_video_mid .video_box img{width:100%;height:100%}

/*block1-3*/
.block1_3{position:relative; float:left; width:302px; height:166px;overflow:hidden;margin-top:5px}
/*빠른메뉴_icon*/
.quick_menu_icon {position:relative;width:100%;height:100%;background:rgba(255,255,255,0.95); overflow:hidden;}
.quick_menu_icon .pd {padding:15px 20px;}
.quick_menu_icon h2 .mini_title{font-size:12px;color:#999;font-weight:normal;margin-left:10px}
.quick_menu_icon ul{margin:0 auto; padding:18px 5px 0 5px}
.quick_menu_icon ul li{ width:32%; display:inline-block; *display:inline; *zoom:1; }
.quick_menu_icon ul li a{font-size:13px; color:#666; display:block; text-align:center; padding-top:60px; font-weight:300; vertical-align:top;}
.quick_menu_icon ul li.quick01{background:url('/resources/site/optics/resource/images/main/quick_icon01.png') no-repeat center top; vertical-align:top;}
.quick_menu_icon ul li.quick01:hover{background:url('/resources/site/optics/resource/images/main/quick_icon01_on.png') no-repeat center top;}
.quick_menu_icon ul li.quick02{background:url('/resources/site/optics/resource/images/main/quick_icon02.png') no-repeat center top; vertical-align:top;}
.quick_menu_icon ul li.quick02:hover{background:url('/resources/site/optics/resource/images/main/quick_icon02_on.png') no-repeat center top;}
.quick_menu_icon ul li.quick03{background:url('/resources/site/optics/resource/images/main/quick_icon03.png') no-repeat center top; vertical-align:top;}
.quick_menu_icon ul li.quick03:hover{background:url('/resources/site/optics/resource/images/main/quick_icon03_on.png') no-repeat center top;}

/*block1-4*/
.block1_4{position:relative;float:right; width:231px; height:227px; overflow:hidden; background:#fff;margin-top:-55px}
/*학과소개*/
.major_intro{position:relative;width:100%;height:100%;background:url('/resources/site/optics/resource/images/main/intro_bg.png') no-repeat 90% 90% #9d9d9d;overflow:hidden;}
.major_intro h2{padding:15px 20px;color:#fff;border-bottom:1px solid #a6a6a6;}
.major_intro p{font-size:14px;color:#d1d1d1;line-height:20px;letter-spacing:-0.5px;padding:15px 20px}
.major_intro .detail{padding:35px 20px}
.major_intro .detail a{color:#fff;font-size:13px;;text-decoration:underline}

/*block2-1*/
.block2_1{position:relative; float:left; width:430px; height:185px; background:#fff;background:rgba(255,255,255,0.95);overflow:hidden;;border-right:1px solid #e7e7e7;}
/*공지사항*/
.notice {position:relative;width:100%;height:100%;overflow:hidden;}
.notice ul{height:auto;margin-top:15px}
.notice li{position:relative;background:url('/resources/site/optics/resource/images/main/notice_dot.png') no-repeat 5px 10px; padding-left:15px;font-weight:300;padding-bottom:5px;line-height:22px}
.notice li a{color:#333; font-size:13px;}
.notice li a:hover{text-decoration:underline;color:#333; font-weight:500;}
.notice li .date{position:absolute;right:4px;color:#999999}
/*포토갤러리mid*/
.gallery_mid {position:relative;width:100%;height:100%;overflow:hidden;}
.gallery_mid ul{width:100%;height:auto;margin-top:15px}
.gallery_mid li{width:120px;height:95px;display:inline-block; *display:inline; *zoom:1;margin-right:1px}
.gallery_mid li:last-child{margin-right:0}
.gallery_mid li img{width:100%;;height:100%}

/*block2-2*/
.block2_2{position:relative; float:left; width:531px; height:185px;overflow:hidden;background:rgba(255,255,255,0.95);border-right:1px solid #e7e7e7;}
/*포토갤러리*/
.gallery {position:relative;width:100%;height:100%;overflow:hidden;}
.gallery ul{width:100%;height:auto;margin-top:15px}
.gallery li{width:150px;height:95px;display:inline-block; *display:inline; *zoom:1;margin-right:6px}
.gallery li:last-child{margin-right:0}
.gallery li img{width:100%;;height:100%}

/*block2-2*/
.block2_3{position:relative; float:left; width:236px; height:185px;background:rgba(255,255,255,0.95);overflow:hidden;margin-right:-1px}
/*홍보동영상*/
.pr_video{position:relative;width:100%;height:100%;overflow:hidden;}
.pr_video .video_box{width:176px;height:95px;margin-top:15px; position:relative;overflow:hidden;}
.pr_video .video_box .play_btn{position:absolute;width:55px;height:54px;top:25%;left:35%;z-index:3}
.pr_video .video_box img{width:100%;height:100%}
/*학과소개_mini*/
.major_intro_mini {position:relative;width:100%;height:100%;background:url('/resources/site/optics/resource/images/main/intro_bg.png') no-repeat 90% 90% #9d9d9d;background-size:35%;overflow:hidden;}
.major_intro_mini h2{padding:15px 20px;color:#fff;border-bottom:1px solid #a6a6a6;}
.major_intro_mini p{font-size:13px;color:#d1d1d1;line-height:18px;letter-spacing:-0.5px;padding:15px 20px}
.major_intro_mini .detail{padding:0px 20px}
.major_intro_mini .detail a{color:#fff;font-size:13px;text-decoration:underline}



/*************** Mobile Device ***************/
@media all and (max-width:767px) {

	/* 공통 */
	.more{position:absolute; top:24px; right:26px;font-size:12px;color:#515050;letter-spacing:-1px}
	.pd{padding:6% 4%;}

	/* main_visual */
	.main_visual {position:relative; top:0;width:92%;z-index:10; overflow:hidden;margin:0 auto;margin-top:2%;height:300px}
	.main_visual ul{}
	.slides li{position:relative;top:0; left:0; margin-left:0}
	.slides li img{position:relative; width:225%; left:50%; margin-left:-90%; margin-top:-3%;}

	/*메인타이틀*/
	.mv_txt {position:absolute;top:0;z-index:90;width:90%;left:50%;margin-left:-45%;text-align:center;padding:22% 0}
	.mv_txt .mv_detail{color:#fff;font-size:2em;line-height:35px}

	/*롤링버튼*/
	.rolling_btn{position:absolute;bottom:10%;left:50%;margin-left:-25px;z-index:900;padding:0}
	.rolling_btn li{display:inline-block; *display:inline; *zoom:1;}


	.section01{position:relative;width:92%;height:auto;float:none;margin:0 4%; padding-top:0;clear:both; }
	.section02{position:relative;width:92%;height:auto;float:none;margin:0 auto; padding-top:0; padding-bottom:0;clear:both}

	/*block1-1*/
	.block1_1{position:relative; float:none;width:100%; height:auto;border-right:none;margin-top:2%}
	/*팝업존*/
	.popupzone {position:relative;width:100%;height:100%;overflow:hidden;clear:both;}
	.popupzone ul li{height:100%; /*width:25% !important;*/}
	.popupzone ul li img{width:100%;height:100% !important}

	.popupzone .popup_rolling_btn a{float:left}



	/*block1-2*/
	.block1_2{position:relative;float:none; width:100%; height:auto;border-right:none;margin-top:2%}
	/*퀵메뉴_text*/
	.quick_menu_text {position:relative;width:100%;height:100%;overflow:hidden;clear:both}
	/*홍보동영상_mid*/
	.pr_video_mid {position:relative;width:100%;height:100%;overflow:hidden;clear:both}
	.pr_video_mid .video_box {width:100%;height:auto;margin:0 auto;margin-top:15px}
	.pr_video_mid .video_box .play_btn{position:absolute;width:56px;top:35%;left:40%;z-index:3}
	.pr_video_mid .video_box img{width:100%;;height:100%}

	/*block1-3*/
	.block1_3{position:relative; float:none; width:100%; height:auto;border-right:none;margin-top:2%;}
	/*퀵메뉴_icon*/
	.quick_menu_icon {position:relative;width:100%;height:100%;overflow:hidden;clear:both}
	.quick_menu_icon ul{padding:18px 5px 0 5px}

	/*block1-4*/
	.block1_4{position:relative; float:none; width:100%; height:auto;margin-top:0;border-right:none;margin-top:2%}
	/*학과소개*/
	.major_intro {position:relative;width:100%;height:100%;overflow:hidden;clear:both}

	/*block2-1*/
	.block2_1{position:relative; float:none; width:100%; height:auto;border-right:none;margin-top:2%}
	/*공지사항*/
	.notice {position:relative;width:100%;height:100%;overflow:hidden;clear:both}
	/*포토갤러리_mid*/
	.gallery_mid {position:relative;width:100%;height:100%;overflow:hidden;clear:both}
	.gallery_mid ul{width:100%;height:auto;margin-top:15px}
	.gallery_mid li{width:48%;display:inline-block; *display:inline; *zoom:1;margin-right:1%}
	.gallery_mid li:last-child{display:none;}
	.gallery_mid li img{width:100%;height:100%}

	/*block2-2*/
	.block2_2{position:relative; float:none; width:100%;height:auto;border-right:none;margin-top:2%}
	/*포토갤러리*/
	.gallery {position:relative;width:100%;height:100%;overflow:hidden;clear:both}
	.gallery ul{width:100%;height:auto;margin-top:15px}
	.gallery li{width:48%;height:95px;display:inline-block; *display:inline; *zoom:1;margin-right:1%}
	.gallery li:last-child{display:none;}
	.gallery li img{width:100%;;height:100%}

	/*block2-3*/
	.block2_3{position:relative; float:none; width:100%;height:auto;border-right:none;margin-top:2%}
	/*홍보동영상*/
	.pr_video{position:relative;width:100%;height:100%;overflow:hidden;clear:both}
	.pr_video .video_box {width:100%;height:auto;margin:0 auto;margin-top:15px}
	.pr_video .video_box .play_btn{position:absolute;width:56px;top:35%;left:40%;z-index:3}
	.pr_video .video_box img{width:100%;;height:100%}

	.video_box iframe {width:100%; height:auto}
	/*학과소개_mini*/
	.major_intro_mini {position:relative;width:100%;height:100%;background:url('/resources/site/optics/resource/images/main/intro_bg.png') no-repeat 90% 90% #9d9d9d;background-size:30%}
	.major_intro_mini .detail{padding:15px 20px}


}


