/* 메인 백그라운드 이미지 */
.full_bg_wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1;}
.full_bg_wrap .full_bg {position:fixed; top:0; left:0; width:100%; height:auto; min-width:1920px; min-height:100%;}
.full_bg_wrap .pattern {position:absolute; top:0; left:0; width:100%; height:100%; background:url("/2016/professor/images/common/bg_pattern.png") repeat; z-index:2;}

@media screen and (max-width: 1098px) { 
    .full_bg {left:50% !important; margin-left: -960px;}
}

/* 메인컨테이너 */
.main_container {position:absolute; top:50%; left:50%; width:1024px; margin:-352px 0 0 -512px; z-index:2; text-align:right;}

/* 메인 슬로건  */
.slogan_box {float:left; width:360px; text-align:left;}
.slogan_box .tit {height:227px; margin:0 0 40px 0; font-size:57px; font-weight:bold; color:#3a3a3a;}
.slogan_box .tit:after{margin-top:27px; display:block; content:''; width:116px; height:2px; border-bottom:2px solid #3a3a3a;}
.slogan_box .stit {font-size:20px; line-height:26px; letter-spacing:-1px; color:#3a3a3a;}

/* 메뉴박스 */
.menu_box {display:inline-block; width:300px; height:340px; margin:0 0 12px 8px; background:#fff; text-align:left;}
.menu_box .img {margin:0 0 33px 0;}
.menu_box dl {padding:0 0 0 25px; background:url("/2016/professor/images/main/bul_menu_box01.png") no-repeat 264px center;}
.menu_box dl dt {height:30px; font-size:20px; font-weight:bold; color:#000;}
.menu_box dl dd {color:#666;}

.sub {background:url("/2016/professor/images/common/bg_sub.gif") repeat;}

@media all and (max-width:640px) {
.header .hd_inner{position:relative; height:100%;}
.btn_header_open{display:block;}
.btn_header_close{right:-54px;}
.header .inner{position:absolute; width:100%; height:100%; top:0; left:0; bottom:0; 
	-moz-transition: top .2s ease-in-out;
    -o-transition: top .2s ease-in-out;
    -webkit-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out; 
	-webkit-overflow-scrolling: touch;
    overflow-y: auto;
	overflow-x:hidden;}
.main_container{width:100%; padding-bottom:30px;top:0; left:0; margin:0;}
.main_container .inner{padding:0 10px;}
.main_container .inner:after{display:block; content:''; clear:both;}
.menu_box{width:50%; height:225px; float:left; padding:0 3px; margin:0 0 8px 0; background:none; box-sizing:border-box;}
.menu_box dl{padding:15px; height:91px;background:#fff; box-sizing:border-box;}
.menu_box dl dt{height:25px; font-size:1.125em;}
.menu_box dl dd{font-size:0.987em; line-height:18px;}
.menu_box .img{width:100%; margin-bottom:0; height:125px; overflow:hidden;}
.menu_box .img img{width:100%; height:100%;}

.slogan_box{float:none; padding-bottom:20px; width:100%;}
.slogan_box .tit{margin-bottom:10px; padding:100px 5px 0 5px; font-size:2.286em; height:100%;}
.slogan_box .tit:after{width:50px; margin-top:17px;}
.slogan_box .stit{padding:0 5px;}
}

@media all and (min-width:641px) and (max-width:1199px){
.header .hd_inner{position:relative; height:100%;}
.btn_header_open{left:20px; display:block !important;}
.btn_header_close{right:-54px;}
.header .inner{position:absolute; width:100%; height:100%; top:0; left:0; bottom:0; 
	-moz-transition: top .2s ease-in-out;
    -o-transition: top .2s ease-in-out;
    -webkit-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out; 
	-webkit-overflow-scrolling: touch;
    overflow-y: auto;
	overflow-x:hidden;}
.main_container{width:100%; padding-bottom:30px;top:0; left:0; margin:0;}
.main_container .inner{padding:0 15px;}
.main_container .inner:after{display:block; content:''; clear:both;}
.menu_box{width:33.3%; height:317px; float:left; padding:0 5px; margin:0 0 10px 0; background:none; box-sizing:border-box;}
.menu_box dl{padding:15px; height:91px;background:#fff; box-sizing:border-box;}
.menu_box dl dt{height:25px; font-size:1.125em;}
.menu_box dl dd{font-size:0.987em; line-height:18px;}
.menu_box .img{width:100%; margin-bottom:0; height:226px; overflow:hidden;}
.menu_box .img img{width:100%; height:100%;}

.slogan_box{float:none; padding-bottom:20px; width:80%;}
.slogan_box .tit{margin-bottom:10px; padding:100px 5px 0 5px; font-size:2.857em; height:100%;}
.slogan_box .tit:after{width:50px; margin-top:17px;}
.slogan_box .stit{padding:0 5px;}

}