@charset "utf-8";

    body{background: #fff;}
	#contents{padding-bottom: 90px; font-size:16px; line-height: 140%; letter-spacing: -1px; }
        /* 슬라이드 */
    .swiper-container{margin: 0 auto; width: 100%; padding: 0 10px ; text-align: center}
    .swiper-slide a{ display: inline-block; text-align: center;}
    .swiper-slide a img{width: 100%;}
    .swiper-button-prev, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{display: none;}
    .swiper-pagination{position: relative; margin-top: -16px;}
    .swiper-pagination-bullet {width: 10px; height: 10px; margin: 4px;}
    .swiper-pagination-bullet-active { opacity: 1;  background: #4d4398; width: 30px; border-radius: 30px;}

div, ul, li, dl, dt, dd{box-sizing: border-box;}
#container_lmenu #lnb{display: none;}
#container_lmenu{width: 100%;}
#container,	#m_contents{width: 100%; margin: 0 auto;}

.nav_slogan{width: 100%; height: 350px; font-size: 18px; line-height: 160%; color: #fff; padding: 110px 0 0; box-sizing: border-box; text-align: center; background: url("/img/main/main_bg.jpg") no-repeat center top; border-bottom: none; }
.nav_slogan p span{font-size: 16px; }
.nav_slogan p strong{font-weight: 700; font-size: 46px;}
/* 메인 롤링배너 */
    /*simpleBanner*/
    .simple_banner_wrap{ position:relative; overflow:hidden; width:100%;  height: 360px; }
    .simple_banner_wrap > ul{ list-style:none; margin:0; padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
    .simple_banner_wrap > ul > li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; font-size: 0;}
    .simple_banner_wrap .nav_wrap{width: 100%; text-align: center; bottom: 20px; position: absolute; z-index: 1;}
    .simple_banner_wrap .nav_wrap.bullet{display: inline-block;  }
    .simple_banner_wrap .nav_wrap.bullet ul li{display: inline-block; width: 10px; height: 10px; margin: 0 4px; border-radius: 10px; background:rgba(134, 134, 134, 0.4);font-size:0px; text-indent:-9999px; background-color:#999; }
    .simple_banner_wrap .nav_wrap.bullet ul li.on{width: 30px; background: #fff; border: none; box-shadow: none;}
/* //메인 롤링배너 */
/*  메인 비주얼 */
.swiper{width: 100%; text-align: center; overflow: hidden;}
.swiper .swiper-pagination{bottom: 10px;}
.swiper-slide{font-size: 14px; }
.swiper-slide .link{display: inline-block; padding: 8px 10px; width: 100%;}
.swiper-slide .link a{ font-size: 1.05em; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 2.4em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.swiper-slide a{display: block;}
.swiper-slide a > img{padding: 10px;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
/* // 메인 비주얼 */
/* 슬로건 */
.slogan{width: 100%; font-size: 16px; line-height: 1.6; color: #fff; padding: 12% 0 6%; box-sizing: border-box; text-align: center;}
.slogan p{font-size: 1.8em; line-height: 1.2; font-weight: 100;}
.slogan p strong{font-weight: 600; font-size: 2em;}
/* //슬로건 */
/* 메인퀵메뉴 */
.mainquick_box{margin: 0 auto; background: #fff; padding: 25px 25px 0; max-width: 1080px;}
.mainquick_box dl{height: 80px;}
.mainquick_box dl dt{padding: 0;}
.mainquick_box dl dd{padding: 4px 0 0 10px;}
.mainquick_box dl dd strong{font-size: 1.1em;}
.mainquick_box dl dd p{white-space: normal; word-wrap: break-word; word-break: keep-all; padding-bottom: 6px; line-height: 1.4;}
/* //메인퀵메뉴 */

/* 메인 게시판 
.m_board_area {clear:both; width:100%; background: #e5e5e7;font-size: 16px; line-height: 160%;}
.m_board{ margin: 0 auto; padding: 40px 0;}
.m_board_area .m_subtitle {  color: #333; font-size: 1.4em; font-weight: 600; margin-bottom: 24px; border-bottom: solid 1px #ccc; padding-bottom: 20px;}
.m_board_area .btn_more{float: right; display: inline-block;  }
.m_board_box{width:32%; height:266px; display: inline-block; vertical-align: top; background: #fff; padding:40px; margin: 0 0.5%; border-top: solid 1px #aaa; box-shadow: 2px 2px 4px rgb(0 0 0 / 5%)}
.m_board_box li{line-height: 200%;}
.m_board_box li a{  width:75%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: right;}
.m_board_box li .date{float: left; width: 25%; color: #ed1c24; font-weight: 600; font-size: 13px;}

/* 메인 게시판 */
.m_board_area {clear:both; width:100%; background: #e5e5e7;line-height: 1.6; padding: 25px;}
.m_board_area > .row{max-width: 1080px; margin: 0 auto;}
.m_board{width: 100%; margin: 0 auto; padding: 10px 0;}
.m_board_area .m_subtitle {  color: #333; font-size: 1.1em; font-weight: 600; margin: 10px 0; border-bottom: solid 1px #ccc; padding-bottom: 14px;}
.m_board_area .btn_more{float: right; display: inline-block;  }
.m_board_box{background: #fff; padding:10px; border-top: solid 1px #aaa; box-shadow: 2px 2px 4px rgb(0 0 0 / 5%);width: 100%; margin-bottom: 10px;}
.m_board_box li{line-height: 2;}
.m_board_box li a{  width:75%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: right;}
.m_board_box li .date{float: left; width: 25%; color: #ed1c24; font-weight: 600; font-size: 13px;}
/* //메인 게시판 */
/* 슬로건 */
.slogan{width: 100%; line-height: 160%; color: #fff; padding: 25% 0 5%; box-sizing: border-box; text-align: center;}
.slogan p{line-height: 100%; font-weight: 100;}
.slogan p strong{font-weight: 600; font-size: 2em; line-height: 1;}
    @media only screen and (max-width:360px) { 
        .slogan{font-size: 12px;}
    }
/* //슬로건 */   
/* 슬라이드 */
#sliderWrap{background: #e5e5e5;}
div.slide-banner { margin: 4px auto 0; width:100%; max-width: 1080px;}
div.slide-max-height { max-height: 135px; }
div.slide-banner ul { margin: 0px; padding: 0px; list-style: none; overflow: hidden;}
div.slide-banner ul li { float: left; margin: 0 3px; padding: 0px; background: none !important;}
div.slide-banner ul li > img { visibility: hidden; width: 100% !important;  }
div.slide-banner .pager { margin:5px 0; }

@media only screen and (max-width: 480px) { 
    div.slide-banner .pager { margin:-20px  0 15px 0; position:relative; z-index:9; }
}

div.slide-banner .pager a { display: inline-block; margin: 0 3px; width: 8px; height: 8px; vertical-align: top;  border-radius: 10px; background: rgba(0, 0, 0, 0.5); font-size: 0; }
div.slide-banner .pager a.selected { width: 20px;}
div.slide-banner div.caroufredsel_wrapper { min-height: 130px; }
/* //슬라이드 */


/* 입시설명회 */

.informovie {clear: both; background: #818181 url(/img/main/bginformovie_m.jpg) repeat-x center top; color: #fff; margin: 0 ; padding: 30px 0 0; }
.informovie .tab{width: 100%; max-width: 1080px; margin: 0 auto; padding:0 25px;}
.informovie .swiper-container{margin: 0 auto; width: 100%; padding:0; text-align: center; box-sizing: border-box;}
.informovie .swiper-slide a{ display: inline-block; text-align: center;}
.informovie .swiper-slide a img{width: 100%;}
.informovie .swiper-button-prev, .informovie .swiper-button-next, .informovie .swiper-container-rtl .swiper-button-prev{display: block;}
.informovie .swiper-pagination{position: relative; margin-top: 10px;}
.informovie .swiper-pagination-bullet {width: 10px; height: 10px; margin: 4px;}
.informovie .swiper-pagination-bullet-active { opacity: 1;  background: #fff; width: 30px; border-radius: 30px;}
.informovie > p{width: 100%; margin: 0 auto; color: #fff; text-align: center;line-height: 200%;}
.informovie > p strong{ font-size: 2em; font-weight: 600; text-transform: uppercase;}
.informovie > p strong span{font-weight: 400;}

.informovie .informovie_title{font-size: 1.4em; font-weight: 500; color: #fff; }
.informovie .swiper-slide p, .informovie .swiper-slide-active p{ font-size: 1.2em; color: #fff; font-weight: 400; display: block; padding:10px; background:#303030; margin-bottom:10px;}

.informovie .informovie_box{position: relative; padding-bottom:56.25%; width: 100%; margin: 0 auto; box-sizing: border-box;}
.informovie .informovie_box iframe{position: absolute; top: 0; left: 0 ; right: 0; bottom: 0; width:100%; height: 100%;background: #000; }

@media only screen and (max-width:640px) { 
    #contents{font-size: 13px;}
    .informovie .swiper-slide-active p { font-size: 1.1em;}
    .slogan p {font-size:14px;}
    .slogan p strong{font-size: 1.5em;}
}    
@media only screen and (max-width:360px) { 
    .informovie .swiper-slide-active p { font-size: 0.9em;}
}
/* //입시설명회 */
/* 진명컬쳐 */
.jmculture{background: #012257 url("/img/main/main_bg2.jpg") no-repeat center center; line-height: 160%; background-size: auto 100%;}
.jmculture_area{width: 100%; padding: 30px 20px; box-sizing: border-box; max-width: 1060px; margin: 0 auto;}
.jmculture_title{color: #fff; font-size: 16px; width: 100%;  box-sizing: border-box; }
.jmculture_title strong{font-size: 2.2em; line-height: 250%; font-weight: 600; text-transform: uppercase;}
.jmculture_area .btn_more{ font-size: 14px; font-weight: 600; color: #fff; background: #f14950; border-radius: 50px; padding: 0 12px; display: inline-block; vertical-align: text-bottom; }
.jmculture_cont{width: 100%;}
.jmculture_cont dl{height: 420px; background: #fff; color: #012257; position: relative; font-size: 16px; display: inline-block;}
.jmculture_cont dl dt{margin-bottom: 20px;}
.jmculture_cont dl dd{padding: 10px 40px; }
.jmculture_cont dl .jmboard_thumb{width: 100%; height: 224px; overflow: hidden;}
.jmculture_cont dl .jmboard_thumb img.thumb_img{width: 100%;}
.jmculture_cont dl .jmboard_title{font-size: 1.2em; font-weight: 600; }
.jmculture_cont dl .jmboard_cont{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; height: 6.5em; text-align: left;
word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
    @media only screen and (max-width:640px) { 
    .jmculture_cont dl .jmboard_thumb{height: 118px;}
    .jmculture_cont dl dd{padding: 10px; }
    .jmculture_cont dl .jmboard_title{font-size: 1.1em; }
    .jmculture_cont dl { height: 290px; }
}
/* //진명컬쳐 */