@charset "utf-8";
body{font-size: 14px;}
#wrap{ word-wrap: break-word; word-break: keep-all;}
#wrap.lmenu{background: none;}
#nav_m {border-bottom: solid 1px #ccc;}
/*  메인컨텐츠  */
.m_topbanner {background:#e3effb url('/Images/main/m_bannerbg.jpg') no-repeat center 0; background-size:auto 100%; height: 300px; position:relative; display: flex;}
.m_quick{padding: 20px;}
.m_quick{max-width: 1400px; margin: 0px auto; display: flex; align-content: center; flex-wrap: wrap; justify-content:space-between;}
.m_quick dl{width: calc((100% / 4) - 20px); padding: 30px 20px 30px 100px; border-radius: 10px; border:solid #756c63 1px;}
.m_quick dl dt{font-size: 1.3em; font-weight: 600; padding-bottom: 10px;}
.m_quick dl:nth-child(1){background: url(/images/main/m_quickicon01.png) no-repeat;}
.m_quick dl:nth-child(2){background: url(/images/main/m_quickicon02.png) no-repeat;}
.m_quick dl:nth-child(3){background: url(/images/main/m_quickicon03.png) no-repeat;}
.m_quick dl:nth-child(4){background: url(/images/main/m_quickicon04.png) no-repeat;}
.m_quick dl:nth-child(n) {background-position: 20px center;}

.m_topvisual { width: 100%; overflow: hidden; max-width: 1400px; margin: 0 auto; padding: 50px 0px 0 200px; border-bottom: solid 1px #efefef;}
.m_topvisual img.topvisualtext{ width: 56%; max-width: 302px;}
.m_topvisual .topbanner_txt {  width:350px; text-align: center; color:#000; line-height: 1.4;}
.m_topvisual .topbanner_txt span.txt1 {display:inline-block; width:100%; padding:10px 0 0 0;}
.m_topvisual .topbanner_txt span.txt2 {display:inline-block; width:100%; font-size:2.5em; font-weight:700;}
.m_topvisual .topbanner_txt span.txt3{display:inline-block; width:100%; border-top:solid 1px rgba(0, 0, 0, 0.5); padding-top: 5px;}
.informovie_mobile{display: none;}
.informovie{background: #f5f5f5; border-radius: 10px; width: calc(100% - 40px); max-width: 1360px; margin: 0 auto; padding: 90px 80px 30px; position: relative; }
.informovie section{display: flex; align-content: center; flex-wrap: wrap; justify-content:space-between;}
.informovie .informovie_title{font-size: 2em; padding-bottom: 30px; color: #756c63; line-height: 1.4;     
	position: absolute;
    top: 30px;
    text-align: center;
    width: 88%;
}
.informovie .informovie_title strong{color: #ed1c24; font-weight: 600;}
.informovie section article.movietab{width: 40%; display: flex; align-content: center; flex-wrap: wrap; justify-content: space-between;}
.informovie section article.movietab div::before{content: ''; display: inline-block; width: 2px; height: 10px; background:#756c63; margin-left: -20px; margin-right: 16px;}
.informovie section article.movietab div{background: #fff; width: 100%;  border-radius: 10px; padding: 16px 40px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 0;}
.informovie section article.movietab div:hover{cursor: pointer;}
.informovie section article.movietab div.clk{background: #fff url(/images/main/m_icon_arrpink.png) no-repeat calc(100% - 6px) center;}
.informovie section article.page{width: 55%;}
.informovie section article.page .informovie_box{ position: relative; padding-bottom:56.25%; width: 100%; margin: 0 auto; box-sizing: border-box; }
.informovie section article.page .informovie_box iframe{border-radius: 10px; position: absolute; top: 0; left: 0 ; right: 0; bottom: 0; width:100%; height: 100%;  }

/* 공지 컬쳐 설명회일정 */
.m_board{ margin: 0 auto; max-width: 1400px; padding: 20px; width: 100%;}
.m_board_area{display: flex; align-content: center; flex-wrap: wrap; justify-content: space-between;}
.m_board_area > div{width: calc((100% / 3) - 10px); background: #f5f5f5; border-radius: 10px; padding:30px 40px 10px; margin-bottom: 10px;}
/*.m_board_area > div:nth-child(2){background: #f5f5f5 url(/images/main/m_boardbg1.png) no-repeat calc(100% - 20px) calc(100% - 10px);}
.m_board_area > div:nth-child(3){background: #f5f5f5 url(/images/main/m_boardbg2.png) no-repeat calc(100% - 20px) calc(100% - 10px);}*/
.m_board_area .m_board_tit{ font-size: 1.3em; font-weight: 600; padding-bottom: 20px;}
.m_board_area .m_board_listbox li{font-size: 1.15em; padding-bottom: 8px;}
.m_board_area .m_board_listbox li a{display: inline-block; width: calc(100% - 90px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*.m_board_area > div:nth-child(2) .m_board_listbox li a, .m_board_area > div:nth-child(3) .m_board_listbox li a{font-weight: 600; width: calc(100% - 70px);}*/
.m_board_area .m_board_listbox li span.date{font-size: 0.9em;}
.m_board_area .m_board_listbox.notice li span.date{display: inline-block; width: 86px; float: right; text-align: right;}
/*.m_board_area > div:nth-child(2) .m_board_listbox li span.date, .m_board_area > div:nth-child(3) .m_board_listbox li span.date{display: inline-block; width: calc(100% - 90px);}*/
.m_board_area .m_board_tit span{display: inline-block; float: right;}
.m_board_area .m_board_tit span a{display: inline-block; background: #4a4c4e; border-radius: 4px; padding: 4px 8px; text-align: center; color: #fff; font-size: 12px; letter-spacing: 1px;}
/* //공지 컬쳐 설명회일정 */


@media (max-width:1200px) {
.m_topvisual { padding: 50px 100px 0;}
.m_quick dl{width: calc((100% / 4) - 10px); padding: 20px 10px 20px 80px;}
.m_quick dl:nth-child(n) {background-position: 10px center; background-size: 60px;}	
}
@media (max-width:1024px) {
.m_topvisual { padding: 30px 60px 0;}
.m_quick dl{padding: 80px 10px 20px; text-align: center;}
.m_quick dl:nth-child(n) {background-position: center 10px;}	
.informovie{display: none;}
.informovie_mobile{display: block; background: #f5f5f5; border-radius: 10px; max-width: 1360px; margin: 0 20px; padding: 30px 100px;}
.informovie_mobile .informovie_title{padding-bottom: 10px; font-size: 2em; color: #756c63; text-align: center;}
.informovie_mobile .informovie_title strong{color: #ed1c24; font-weight: 600;}
.informovie_mobile {overflow: hidden; position: relative;}
.informovie_mobile .swiper-container{position: relative; top:0; background: none; border: none;}
.informovie_mobile .swiper-slide{background: none; }
	
.informovie_mobile .swiper-slide p{ background: rgba(255, 255, 255, 0.8); box-shadow: none; width: 100%; margin:0 auto 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; padding: 6px; border-radius: 10px;}
.informovie_mobile .informovie_box{ position: relative; padding-bottom:56.25%; width: 100%; margin: 0 auto; box-sizing: border-box; }
.informovie_mobile .informovie_box iframe{border-radius: 10px; position: absolute; top: 0; left: 0 ; right: 0; bottom: 0; width:100%; height: 100%;  }
.informovie_mobile .swiper-pagination{position: unset; margin-top: 10px;}
.informovie_mobile .swiper-pagination-bullet{margin: 0 2px !important; }
.informovie_mobile .swiper-pagination-bullet-active{width: 18px !important; border-radius: 20px !important; }
.m_board_area > div{width:100%; }
}

@media (max-width: 767px) {
	.m_topvisual .topbanner_txt span.txt2{font-size: 2em;}
	.informovie_mobile .informovie_title{font-size: 1.8em;}
	.m_quick dl dt{font-size: 1.12em;}
	.m_board_area .m_board_tit{font-size: 1.2em;}
	.m_board_area > div{padding:20px 20px 10px;}	
	.m_topvisual { padding: 40px 30px 0;}
}

@media (max-width: 640px) {
body{font-size: 12px;}
.m_quick{padding: 10px;}
.m_topbanner{height: 200px;}
.m_topvisual { padding: 40px 20px 0;}
.m_topvisual .topbanner_txt span.txt2 {display:inline-block; width:100%; font-size:1.8em; font-weight:700;}
.m_quick dl{padding: 50px 6px 6px;}
.m_quick dl dt{padding-bottom: 0;}
.m_quick dl dd{display: none;}
.m_quick dl:nth-child(n) { background-size: 40px; background-position: center 6px;}
.informovie_mobile{padding: 20px 14px 10px; margin: 0 10px;}
.informovie_mobile .informovie_title{font-size:1.48em; }
.informovie_mobile .swiper-slide p{font-size: 0.9em;}
.informovie_mobile .swiper-button-next, .informovie_mobile .swiper-button-prev{top: 56% !important;}
.m_board {padding: 10px;}
.m_board_area > div:nth-child(2), .m_board_area > div:nth-child(3){background-size: 80px;}
}
@media (max-width: 360px) {
/*
.m_topbanner .topbanner_txt {padding:0 0 0 10px; max-width:1400px; margin:0 auto;}

.m_topbanner .topbanner_box {margin:30px 0 0 0; background:rgba(255,255,255,0.6); border-radius:10px; padding:10px; text-align:left;}
.topbanner_area {width:100%; max-width:1400px; margin:0 auto; padding:0 10px;}
.topbanner_area .topbanner_box span.box1 {display:inline-block; color:#635322; background:#f8b500; padding:0; font-weight:500; width:65px; text-align:center; height:22px; line-height:22px;}
.topbanner_area .topbanner_box span.box2 {display:inline-block; color:#635322; font-weight:500; margin:0 5px;}
.topbanner_area .topbanner_box span.box3 {display:inline-block; color:#ff0000; font-weight:500; font-size:1.3em;}
.topbanner_area .topbanner_box span.box4 {display:inline-block; color:#ff0000; font-weight:500;  margin:0 5px;}
.topbanner_area .topbanner_box span.box5 {display:inline-block; color:#ff0000; font-weight:500; }
.topbanner_area .topbanner_box span.box6 {display:inline-block; background:#e4a00d; color:#ffffff; font-weight:500; padding:0;  margin:0 0 0 5px; width:65px; text-align:center; height:22px; line-height:22px;}

.m_conarea {background:#dbd9d3; margin:0; padding:15px 10px; overflow:hidden;}
.m_best {padding:15px 10px; background:#ffffff; overflow:hidden;}

.m_conarea_area {width:100%; max-width:1400px; margin:0 auto; padding:0 0;}

.m_notice  {width:98%; margin:0 auto; background:#ffffff; border-radius:10px; padding:10px 10px; overflow:hidden;}*/
}