@charset "utf-8";

/* =============================================================================
Category : Layout
============================================================================= */

*, *:after, *::before { -moz-box-sizing: border-box; box-sizing: border-box; }

html { position: relative; }
body { color: #333; font-size: 13px; min-height: 100%; background: #fff; }
html, body { min-height: 100%; font-family: 'nanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Apple Gothic'; }
th { text-align: center;}
ul {list-style:none;}

.st-pusher { height: 100%; }
.st-content { height: 100%; background: #f0f0f0; }
.st-container { position: relative; min-height: 100%; }
.st-pusher { position: relative; left: 0; z-index: 99; height: 100%; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; }
.st-pusher::after { position: absolute; top: 0; right: 0; width: 0; height: 0; background: rgba(0,0,0,0.3); content: ''; opacity: 0; -webkit-transition: opacity 0.6s, width 0.1s 0.6s, height 0.1s 0.6s; transition: opacity 0.6s, width 0.1s 0.6s, height 0.1s 0.6s; }
.st-content { background: #dbdbdb; box-shadow: -5px 0px 5px rgba(50, 50, 50, 0.5); } /* 기존 bg background: #f0f0f0;  */ 
.st-content, .st-content-inner { position: relative; }

html.push-menu-open.touch .st-content { overflow-x: hidden; }

.st-container { height: 100%; overflow: hidden; }
.st-contents { height: 100%; }

/*
html, body { height: 100%; }
.st-content { overflow-y: auto; }
.st-content-inner { overflow-x: hidden; }
.st-container { overflow: hidden; }
*/

/* 100% Layout */
.st-content-inner { height: 100%; min-height: 100%; }

/* skipNavigation */
#skipNavigation { text-align: center; }
#skipNavigation a.sr-only:focus { display: inline-block; position: static; width: auto; height: auto; margin: 0px; padding: 10px; color: #fff; }

#header { position: relative; z-index: 100; height: 60px; padding-top: 10px; }
#body { min-height: 100%; margin: -50px 0 -100px; }
* html #body { height: 100%; }
#contents { padding: 50px 0px 100px; }
.page-sub #contents { min-height: 1024px; }
#footer { overflow: hidden; }

.main-page #header { background: #fff; border-bottom: 1px solid #bdbdbd; }
.main-page #header button { position: absolute; top: 6px; width: 50px; height: 50px; background: #fff; }
.main-page #title img { margin-top: -15px; max-width: 280px; width: 80%;}

#header { overflow: hidden; text-align: center; background: #fff; border-bottom: solid 1px #81237f; }
#header button { position: absolute; top: 0; width: 50px; height: 50px; background: #fff; color: #176ca7; }
#header button.pull-left { background: url('/img/common/header_menu_on.png') no-repeat center; background-size: 25px 27px; }
#header .menu-close { background-image: url('/img/common/header_menu_off.png') !important; }
#header .nav-pushmenu { background: #fff; }
#header .nav-pushmenu { left: 0; }
#header .nav-home { right: 0; }
#header .nav-back { right: 84px; display: none;}

#contents:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; font-size: 0; }
#header.back-disable .nav-back { display: none; }

#footer  { clear: both; margin: 0; padding: 0; background: #fff; font-size: 13px; color: #222; }
#footer div.btn-group {  }
#footer div.btn-group a { padding: 12px 0;  box-shadow: none; color: #222; }
#footer div.btn-group a:hover, #footer div.btn-group a:focus, #footer div.btn-group a:link{ color: #222; }
#footer div.btn-group a:nth-child(even) { }
#footer .navbar { position: static; z-index: 1; border: 0; margin-bottom: -30px; padding-bottom: 30px;}
#footer em { color: #686868; font-style: normal; font-weight: normal; }
#footer strong{font-weight: 700;}
#footer p, #footer address { margin: 0; padding: 0; color: #686868; }
#footer .info { margin-top: 20px; color: #686868;}
#footer .info * { color: #686868 !important;}
#footer .address { display: block; margin-bottom: 15px; width: 90%;word-break: keep-all; }
#footer .copyrights { margin:15px 0 10px 0; color: #6f7187; }
#footer nav a.btn{background: #fff;}
#footer .navbar-default{background: #fff;}
#footer .btn-group-justified{border-top: solid 1px #ececec; border-bottom: solid 1px #ececec;}

/* #sliderWrap { margin-bottom: 15px; background: #fbfbfb; box-shadow: inset 0px 2px 5px #b0b0b0; border-top: 1px solid #176ca7; border-bottom: 1px solid #91a5c9; } 
#sliderWrap .slide { margin: 15px 15px 35px; }
#sliderMain .carousel-indicators { bottom: -38px;} 1509 */
#sliderWrap {  background: #dbdbdb; margin: 0;}
#sliderWrap .slide { margin:0; }
#sliderMain .carousel-indicators { bottom: -38px;}

/* 사이드바 사용자 메뉴 */
div.main-menu { clear: both; overflow: hidden; width: 100%; height: 69px; background: #212667; border-top: 1px solid #131750;}
div.main-menu ul { width:100%; z-index: 1; }
div.main-menu * { margin: 0; padding: 0; }
div.main-menu li { float:left; padding:5px 0; border-left: 1px solid #252638; border-bottom: 0;}
div.main-menu li:first-child { border-left: 0; }
div.main-menu li:last-child { border-right: 0;float:right; }
div.main-menu li a { padding: 0; }
div.main-menu img { width: 60px; height:54px; text-align:right;}

div.list_banner {position:relative; top:8px;left:10px;}
/* 수험정보 교육안내 교육안내 내강의실 */
.swiper-slide > .row.padder > .col.padder { padding-left: 10px; padding-right: 10px; }



/* metlefega_event  */

#contents_event {padding:0; height:100% !important; width:100%; background:#3c95d8;}
.metlifega_h1 {background: #ffffff; border-bottom: 3px solid #176ca7; padding:5px 0 10px 0; text-align:center; margin:0;}
.metlifega_h1 img {height: 30px;}

		#metlife_1 {position:relative; margin:0 auto; padding:40px 20px 20px 20px; width:100%; height:100% !important; overflow:hidden; background:#3c95d8; text-align:center;}

		#metlife_1 .vodarea {padding:10px 20px;}
		#metlife_1 video {width:100%; border:12px solid #ffffff; border-radius:10px; background:#575757;}
		#metlife_1 .btnbox {text-align:center; margin:20px 0;}
		#metlife_1 .btnbox img {width:43%; margin:0 1%;}


		#metlife_1 .bottom_btnbox {width:100%; border-top:1px dotted #9eb8cb; padding:20px 0 0 0;}
		#metlife_1 .bottom_btnbox a.left {display:inline-block; width:28%; margin: 0 2% 10px 0;  }
		#metlife_1 .bottom_btnbox a.right {display:inline-block; width:70%; margin:0 0 10px 0;}




/* 모바일 */
@media (max-width:320px) {

		#metlife_1 .btnbox3 {text-align:center; margin:20px 0 80px 0;}
}

@media  (min-width:321px) and (max-width:360px) { 

		#metlife_1 .btnbox3 {text-align:center; margin:20px 0 150px 0;}
		#metlife_1 .bottom_btnbox {width:100%; border-top:1px dotted #9eb8cb; padding:20px 0 30px 0;}


}

@media  (min-width:361px) and (max-width:413px) { 

		#metlife_1 .btnbox3 {text-align:center; margin:20px 0 100px 0;}

}


@media  (min-width:414px) and (max-width:720px) { 

		#metlife_1 .btnbox3 {text-align:center; margin:20px 0 170px 0;}
		#metlife_1 .bottom_btnbox {width:100%; border-top:1px dotted #9eb8cb; padding:20px 0 40px 0;}



}



/*테블릿, 웹 */ 
@media (min-width:721px) and (max-width:2000px) { 

		#metlife_1 .vodarea {padding:0; }
		#metlife_1 video {width:70%; border:12px solid #ffffff; border-radius:10px; background:#575757;}
		#metlife_1 video.webvod {width:48%; float:left; margin:1%; border:12px solid #ffffff; border-radius:10px; background:#575757;}

		#metlife_1 .btnbox {text-align:center; margin:20px 0; clear:both !important;}
		#metlife_1 .btnbox img {width:35%; margin:0 1%;}

		#metlife_1 .bottom_btnbox {width:75%; margin:0 auto; border-top:1px dotted #9eb8cb; padding:30px 0 100px 0;}
		#metlife_1 .bottom_btnbox a.left {display:inline-block; width:28%; margin: 0 2% 10px 0;  }
		#metlife_1 .bottom_btnbox a.right {display:inline-block; width:70%; margin:0 0 10px 0;}

		#metlife_1 .btnbox2 {text-align:center; margin:0 0 200px 0 !important; clear:both !important; padding-top:50px;}
		#metlife_1 .btnbox3 {text-align:center; margin:50px 0 450px 0 !important;}

.metlife_sliderlist {width:100%; min-height:400px; margin:0; padding:0; overflow:hidden;}


}