.container{
	width:100%;
	margin:0 auto;
}



/*메인비주얼*/
#main_visual{
	position:relative;
	width:100%;
}
#main_visual .visual_txt_box{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:5;
	background:rgba(0,0,0,.6);
	width:75%;
	padding:35px 25px; 
	color:#fff;
}
#main_visual .visual_txt_box .mv_control{
	font-size:0;
}
#main_visual .visual_txt_box .mv_control a{
	float:left;
	border:1px solid rgba(255,255,255,.5);
	padding:15px;
	margin-left:-1px;

}
#main_visual .visual_txt_box .mv_control a img{
	vertical-align:top;
}


#main_visual .visual_right_box {
	width:100%;
	overflow:hidden;
	color:#fff;
	text-align:center;
}
#main_visual .visual_right_box .box1 {
	background:#576373;
	height: 60px;
	line-height: 60px;
	font-size: 17px;
}
#main_visual .visual_right_box .box1 img { margin-right:5px; }
#main_visual .visual_right_box .box1 span { margin-left:10px; color:#00baf2; font-weight:600; font-size:18px; }
#main_visual .visual_right_box .box2 {
	width:50%;
	float:left;
	height: 175px;
	background:#e8eaf3;
	padding:30px 15px;
	color:#000;
	/* font-size:20px; */
}
#main_visual .visual_right_box .box2 h3 {font-size: 18px;}
#main_visual .visual_right_box .box2 p {font-size: 15px;}
#main_visual .visual_right_box .box2 a {padding: 8px 10px;color:#fff;font-size:15px; font-weight:500;background:#05499b;} 
#main_visual .visual_right_box .box3 {
	width:50%;
	float:right;
	height: 175px;
	background:#05499b;
}
#main_visual .visual_right_box .box3 a { color:#fff; font-size:16px; } 
#main_visual .visual_right_box .box3 a{
	float:left;
	width:100%;
	text-align:center;
	border:1px solid #3d689c;
	padding: 23px 0;
	font-size:14px;
	color:#fff;
	font-weight:300;
}
#main_visual .visual_right_box .box3 a:nth-child(1){
	margin-right:-1px;
}
#main_visual .visual_right_box .box3 a:nth-child(3){
	margin:-1px -1px 0 0;
}
#main_visual .visual_right_box .box3 a:nth-child(4){
	margin-top:-1px;
}

#main_visual .item{
	height:auto;
	padding-top: 102%;
	background-size: 100% ! important;
	position:relative;
}
#main_visual .item a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
}

#main_visual .mv_prev,
#main_visual .mv_next{
	position:absolute;
	top:55%;
	transform:translatey(-50%);
	width:40px;
	height:40px;
	z-index:10;
}
#main_visual .mv_prev::after,
#main_visual .mv_next::after{
	content:"";
	position:absolute;
	width:26px;
	height:26px;
	border-left:2px solid #fff;
	border-top:2px solid #fff;
}
#main_visual .mv_prev::after{
	transform:rotate(-200deg);
}
#main_visual .mv_next::after{
	transform:rotate(200deg)
}
#main_visual .mv_prev{
	left:20px;
}
#main_visual .mv_next{
	right:5px;
}

/*info_section*/
.info_section{
	padding:30px 0 0;
}

.info_section .board_box{
	width:90%;
	margin: 0 auto 30px;
}
.info_section .board_box.board_box_gallery ul{
	display:flex;
	margin-left:-5px;
	margin-right:-5px;
}
.info_section .board_box.board_box_gallery ul > li{
	width:calc(100%/2);
	text-align:center;
	padding:5px;
}
.info_section .board_box.board_box_gallery ul > li a{
	display:block;
	color:#000;
}
.info_section .board_box.board_box_gallery ul > li .thum{
	padding-top:100%;
}
.info_section .board_box.board_box_gallery ul > li .tit{
	font-size:16px;
	padding:10px 0 5px 0;
	width:100%;
	display:inline-block;
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.info_section .board_box.board_box_gallery ul > li .date{
	font-size:13px;
	color:#888;
}


.info_section .board_box h2 { font-size:20px; text-align:center; font-weight:600; margin-bottom:10px; }
.info_section .board_box .board_tab{
	position:relative;
	display: table;
	margin-bottom:10px;
	width: 100%;
}
.info_section .board_box .board_tab > li {
	/* float:left; */
	padding-left: 10px;
	display: table-cell;
}
.info_section .board_box .board_tab > li > a:first-child{
	display:block;
	text-align:left;
	font-size:16px;
	padding: 6px 0 17px;
	color:#9f9f9f;
}
.info_section .board_box .board_tab > li > a.more{
	position:absolute;
	background:#e8e9eb;
	font-size:0;
	width:34px;
	height:34px;
	overflow:hidden;
	text-indent:-1000px;
	right:0;
	top:0;
	display:none;
}
.info_section .board_box .board_tab > li.active > a:first-child{
	color:#000;
	font-weight:500;
}
.info_section .board_box .board_tab > li.active:after {
	content:"";
	position:absolute;
	width: 50px;
	bottom:0;
	padding-left: 60px;
	height: 10px;
	background: url(../../img/main/info_section_arr.gif) center 0 no-repeat;
}
.info_section .board_box .board_tab > li:nth-child(2).active:after {
	content:"";
	position:absolute;
	width: 50px;
	bottom:0;
	padding-left: 99px;
	height: 10px;
	background: url(../../img/main/info_section_arr.gif) center 0 no-repeat;
}
.info_section .board_box .board_tab > li.active > a.more{
	display:block;
}
.info_section .board_box .board_tab > li > a.more:after,
.info_section .board_box .board_tab > li > a.more:before{
	content:"";
	position:absolute;
	width:14px;
	height:2px;
	background:#ababab;
	left:50%;
	top:50%;
	margin-left:-7px;
	margin-top:-1px;
}
.info_section .board_box .board_tab > li > a.more:before{
	transform:rotate(90deg);
}

.info_section .board_box .tab_body{
	padding:0 0 10px 0;
	display:none;
}
.info_section .board_box .tab_body > ul > li > a > span{
	font-size:14px;
	color:#7f7f7f;
}

.info_section .board_box .tab_body > ul { overflow:hidden; }
.info_section .board_box .tab_body > ul > li{
	border:1px solid #eee;
	float:left;
	width:48%;
	height: 125px;
	padding: 20px 15px;
}
/* .info_section .board_box .tab_body > ul > li:nth-child(1){
	border:2px solid #05499B;
} */
.info_section .board_box .tab_body > ul > li:last-child{
	float:right;
	margin-right:0!important;
}

.info_section .board_box .tab_body > ul > li > a{
	display:block;
	font-size: 15px;
	color:#000;
	font-weight:400;
}
.info_section .board_box .tab_body > ul > li > a > span{
	margin-top: 10px;
	display: block;
	font-size:14px;
	color:#7f7f7f;
	font-weight:300;
}

.info_section .schedule_box{
	width:90%; 
	margin:0 auto 20px;
	position:relative;
}
.info_section .schedule_box > .arrow_btn{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:34px;
}
.info_section .schedule_box > .arrow_btn a{
	position:absolute;
	width:34px;
	height:100%;
	top:0;
	overflow:hidden;
	font-size:0;
	text-indent:-100px;
}
.info_section .schedule_box > .arrow_btn a.prev{
	right:37px;
	background:#e8e9eb url(../../img/icon/icon_schedule_arrow1.png) no-repeat center center ;
}
.info_section .schedule_box > .arrow_btn a.next{
	right:0;
	background:#e8e9eb url(../../img/icon/icon_schedule_arrow2.png) no-repeat center center ;
}
.info_section .schedule_box h3{
	height:40px;
	line-height:40px;
}
.info_section .schedule_box .schedule_slide ul > li{
	padding:5px 0;
	border-bottom:1px solid #e6e6e6;
	font-size:14px;
}
.info_section .schedule_box .schedule_slide ul > li:last-child{
	border-bottom:0;
}


.info_section .cs_box{
	width:100%;
	background:#1e305a;
	padding:45px 8%;
	color:#fff;
}
.info_section .cs_box .btn_dv > a{
	display:block;
	background:#fff;
	padding:10px 23px;
	font-size:16px;
	color:#000;
	font-weight:400;
	text-align:center;
}
.info_section .cs_box .btn_dv > a:first-child{
	margin-bottom:-1px;
}
.quick_link_section{
	background:#474747;
	padding:35px 8%;
}
.quick_link_section .title{ margin-bottom:10px; }
.quick_link_section p { line-height:1.2em; }
.quick_link_section .main_quick_slider .item{
	padding:0px 35px;
}
.quick_link_section .main_quick_slider .item p.stit {display:inline-block;background:#404040;padding: 5px 17px;border-radius:30px;}
.quick_link_section .main_quick_slider .item img{
	width:60px;
	margin:0 auto;
}

.quick_link_section .qs_prev,
.quick_link_section .qs_next{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	z-index:5;
}
.quick_link_section .qs_next{
	left:auto;
	right:0;
}

.why_hoseo{
	width:100%;
	background:url(../../img/main/main_why_hoseo_bg.jpg) no-repeat center center / cover;
	padding:50px 0 30px;
}
/*.why_hoseo h3{
	position:relative;
	text-align:center;
	font-weight:600;
	color:#000;
}*/
.why_hoseo .item p.img { width:26%; margin:0 auto;  }
.why_hoseo .item p.tit { color:#fff; }
.why_hoseo .item p.tit span { font-family: 'Montserrat', sans-serif; font-weight:500; }
.why_hoseo .item p.txt { color:#dedede; }

/*hoseo_people*/
.hoseo_people {background:#1e2b4e;position: relative;/* padding-bottom: 50px; */}
.hoseo_people .item{ text-align:center; }
.hoseo_people .item div.img { width:100%; height:250px; }
.hoseo_people .arrow {width: 100%;position: absolute;bottom: 30px;z-index: 10;left: 5%;}
.hoseo_people .arrow a {
	display:inline-block;
	margin-left:-1px;
}
.hoseo_people .arrow a.hps_next{
	transform:rotate(-180deg);
}
.hoseo_people .con {padding: 50px 5% 80px!important;}


/*hoseo_course*/
.hoseo_course{
	padding:30px 5%;
	background:#073976;
}
.hoseo_course .box{ padding:100px 0; }
.hoseo_course ul.dp1 > li.active > a{
	background:#05499c;
	font-weight:600;
}
.hoseo_course ul.dp1 > li > a{
	display:block;
	width:100%;
	padding:12px 20px;
	color:#fff;
	font-size:17px;
	font-weight:400;
}
.hoseo_course ul.dp1 > li > ul{
	padding:15px 20px;
	display:none;
}
.hoseo_course ul.dp1 > li:first-child > ul{ display:block; }
.hoseo_course ul.dp1 > li > ul > li{
	width:100%;
}
.hoseo_course ul.dp1 > li > ul > li > a{
	color:#fff;
	font-size:15px;
	font-weight:400;
	display:block;
	padding:5px 0;
	padding-left:22px;
	background:url(../../img/comm/bullet_1.gif) no-repeat left center;
	background-size:16px;
}

/* sho_news */
.sho_news{
	overflow:hidden;
	padding:40px 5%;
}
.sho_news li > p { position:relative; }
.sho_news li > p > a {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:16px;
	height:16px;
}
.sho_news li > p > a:after,
.sho_news li > p > a:before{
	content:"";
	position:absolute;
	width:100%;
	height:3px;
	background:#ababab;
	left:50%;
	top:50%;
	margin-left:-7px;
	margin-top:-1px;
}
.sho_news li > p > a:before{
	transform:rotate(90deg);
}

.sho_news ul {
	overflow:hidden;
}
.sho_news ul li{
	float:left;
	width:100%;
}
.sho_news ul li > a{
	display:block;
	color:#222;
	background:#000;
}
.sho_news ul li .thum { 
	opacity:.8; 
	padding-top:75%;
} 
.sho_news ul li p.title{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	position: absolute;
	white-space:nowrap;
	bottom: 20px;
	font-size: 16px;
	color: #fff;
	/* background: #000; */
	padding: 15px 20px;
}
.sho_news ul li p.dec{
	 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.6;
    height: 50px;
}

/*main_quick_section*/
.main_quick_section{
	width:100%;
	padding:30px 5%;
	margin:0 auto;
	background:url(../../img/main/main_quick_section_bg.jpg) no-repeat center center / cover;
}
.main_quick_section .item_row .item{
	width:100%;
	margin-bottom:20px;
}


.main_quick_section .item_row .item .box{
	background:rgb(255,255,255);
}
.main_quick_section .item_row .item h4{
	padding:30px 25px 20px;
}
.main_quick_section .item_row .item h4 > a{
	position:absolute;
	right:30px;
	top:50%;
	transform:translateY(-50%);
	width:16px;
	height:16px;
}
.main_quick_section .item_row .item h4 > a:after,
.main_quick_section .item_row .item h4 > a:before{
	content:"";
	position:absolute;
	width:100%;
	height:3px;
	background:#ababab;
	left:50%;
	top:50%;
	margin-left:-7px;
	margin-top:-1px;
}
.main_quick_section .item_row .item h4 > a:before{
	transform:rotate(90deg);
}
.main_quick_section .item_row .item > .box > ul{
	padding:0px 25px 5px;
}
.main_quick_section .item_row .item > .box > ul > li{
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:1px solid #ddd;
}
.main_quick_section .item_row .item > .box > ul > li:last-child{
	border-bottom:0;
}
.main_quick_section .item_row .item > .box > ul > li > a{
	display:block;
	color:#222;
	font-size:15px;
}
.main_quick_section .item_row .item > .box > ul > li > a > .title{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:16px;
}
.main_quick_section .item_row .box2{
	background:#fff
}
.main_quick_section .item_row .box2 > a{
	display:block;
	text-align:center;
	padding:15px 0;
}

/*family_logo*/
.family_logo{
	padding:40px 5%;
}
.family_logo .item img{
	max-width:160px;
}
.family_logo .fls_prev,
.family_logo .fls_next{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.family_logo .fls_next{
	left:auto;
	right:0;
	transform:translateY(-50%) rotate(180deg);
}



/* ---------------------------------------------------------- 입학안내/시간제/일학습병행제/아카데미 ---------------------------------------------------------- */

/*quick_icon_section*/
.quick_icon_section{
	padding: 18px 5%;
}
.quick_icon_section ul {
	overflow:hidden;
	list-style:none; 
	margin:0;
	padding:0;
}
.quick_icon_section ul li {
	width:100%;
	background-color: #eee;
	padding: 1.5rem;
}
.quick_icon_section ul li img{
	margin:0 auto;
	width: 45px;
}
.quick_icon_section ul li .b_icon img{
	margin:0 auto;
	width: 75px;
}

/*step_section*/
.step_section{ width:100%; padding:0 5%; margin:0 auto 20px; }
.step_section .step_box{ overflow:hidden; }
.step_section .step_box .board_tab{
	width:100%;
	background:#e8eaf3;
}

.step_section .step_box p.singleTit { 
	display:block;
	width:100%;
	padding:20px 0 0;
	background:#073976;
	text-align:center;
	font-size:18px;
	font-weight:500;
	color:#fff; 
}

.step_section .step_box .board_tab > li { float:left; width:50%; }
.step_section .step_box .board_tab > li.active {
	background:#073976;
}
.step_section .step_box .board_tab > li a {
	display:block;
	text-align:center;
	font-size: 15px;
	/* font-weight:500; */
	padding: 12px 0;
	color:#627498;
}
.step_section .step_box .board_tab > li.active a{ color:#fff; }
.step_section .step_box .tab_body{
	display:none;
	width:100%;
	padding: 16px 0 0;
	background:#073976;
	text-align:center;
}
.step_section .step_box .tab_body > ul { overflow:hidden; width:100%; }
.step_section .step_box .tab_body > ul > li {
	float:left;
	width:33.3%;
	height:55px;
	margin-bottom: 13px;
	background:url(../../img/mobile/main/step_con_arr.png) right 15px no-repeat;
	background-size:18px;
	color:#fff;
	font-size:14px;
}
.step_section .step_box .tab_body > ul > li:nth-child(3n), .step_section .step_box .tab_body > ul > li:last-child { background:none; }
.step_section .step_box .tab_body > ul > li span{
	color:#7395be;
	font-weight:600;
	font-size:13px;
	display:block;
}

/*main_quick_section*/
.main_quick2_section{width:100%;padding:0 5%;margin: 0 auto 20px;}
.main_quick2_section .item_row{}
.main_quick2_section .item_row .item{
	width:100%;
	margin-bottom:20px;
}
.main_quick2_section .item_row .item:nth-child(1) .box{
	background:#576373;
}
.main_quick2_section .item_row .item:nth-child(1) h4{
	padding: 20px 0;
	text-align:center;
}
.main_quick2_section .item_row .item:nth-child(1) ul > li{
	float:left;
	width:50%;
	text-align:center;
	border-top:1px solid #707a88;
	border-right:1px solid #707a88;
}
.main_quick2_section .item_row .item:nth-child(1) ul > li:nth-child(2n){
	border-right:0;
}
.main_quick2_section .item_row .item:nth-child(1) ul > li > a{
	display:block;
	padding: 15px 0 15px;
	color:#fff;
	font-size:16px;
}
.main_quick2_section .item_row .item:nth-child(1) ul > li > a > img {
	display:inline-block;
	margin-right:10px;
}
.main_quick2_section .item_row .item:nth-child(1) ul > li > a p.title {
	display:inline-block;
}

.main_quick2_section .item_row .item:nth-child(2) .box{
	background:#e8eaf3;
	padding: 25px 25px 20px;
	position:relative;
}
.main_quick2_section .item_row .item:nth-child(2) h4{margin-bottom: 15px;}
.main_quick2_section .item_row .item:nth-child(2) h4 > a{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:16px;
	height:16px;
}
.main_quick2_section .item_row .item:nth-child(2) h4 > a:after,
.main_quick2_section .item_row .item:nth-child(2) h4 > a:before{
	content:"";
	position:absolute;
	width:100%;
	height:3px;
	background:#ababab;
	left:50%;
	top:50%;
	margin-left:-7px;
	margin-top:-1px;
}
.main_quick2_section .item_row .item:nth-child(2) h4 > a:before{
	transform:rotate(90deg);
}
.main_quick2_section .item_row .item:nth-child(2) > .box > ul{}
.main_quick2_section .item_row .item:nth-child(2) > .box > ul > li{
	overflow:hidden;
	margin-bottom: 7px;
}
.main_quick2_section .item_row .item:nth-child(2) > .box > ul > li:last-child{
	border-bottom:0;
}
.main_quick2_section .item_row .item:nth-child(2) > .box > ul > li > a{
	overflow:hidden;
	float:left;
	width: 70%;
	color:#222;
	font-size: 14px;
	font-weight:300;
	/* padding-right:80px; */
	text-overflow:ellipsis;
	white-space:nowrap;
}
.main_quick2_section .item_row .item:nth-child(2) > .box > ul > li > a span {
	position:absolute;
	right: 25px;
	font-size:14px;
	color:#7f7f7f;
}


/* site1 banner */
.banner_site1{
	position:relative;
	margin-top: 40px !important; 
}



/* 입학안내 */
.admission_info_wrap #main_visual{
	position: relative;
}
.admission_info_wrap #main_visual div{
	position: absolute;
	bottom: 0;
	left: 50.5%;
	transform: translateX(-50%);
	width: 95.5%;
	height: 13.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2%;
}
.admission_info_wrap #main_visual div a{
	display: inline-block;
	height: 50%;
}
.admission_info_wrap #main_visual div a:nth-child(1){
	width: 24%;
}
.admission_info_wrap #main_visual div a:nth-child(2){
	width: 17%;
}
.admission_info_wrap #main_visual div a:nth-child(3){
	width: 20%;
}
.admission_info_wrap #main_visual div a:nth-child(4){
	width: 20%;
}

.admission_info_wrap .sec01{
	padding: 45px 5% 50px;
	text-align: center;
	color: #fff;
	background: url(../../img/mobile/site1/admission_info_sec01_bg.jpg) no-repeat center center / cover;
}
.admission_info_wrap .sec01 > div{
	padding: 0 20px;
}
.admission_info_wrap .sec01 p:nth-of-type(2){
	letter-spacing: -.05em;
}
.admission_info_wrap .sec01 a{
	display: block;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	border: 1px solid #fff;
}
.admission_info_wrap .sec02{
	padding: 20px 5% 35px;
	background: #f2f6fe;
}
.admission_info_wrap .sec02 .step{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap:40px 20px;
	max-width: 324px;
	width: 100%;
	margin: 0 auto;
}
.admission_info_wrap .sec02 .step > div{
	width: 94px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.admission_info_wrap .sec02 .step > div img{
	margin: 5px 0 15px;
}
.admission_info_wrap .sec02 .num{
	color: #074a9b;
}
.admission_info_wrap .sec03{
	padding: 55px 5% 60px;
	color: #fff;
	background: url(../../img/mobile/site1/admission_info_sec03_bg.jpg) no-repeat center center / cover;
}
.admission_info_wrap .sec03 > div{
	padding: 0 20px;
}
.admission_info_wrap .sec03 a{
	display: block;
	height: 55px;
	text-align: center;
	line-height: 55px;
	font-size: 17px;
	color: #fff;
	background: #022044;
}





.info_section .listBx {
	width: 90%;
	margin: 0 auto 30px;
}
.info_section .listBx ul{
	display: flex;
	gap: 10px;
}
.info_section .listBx ul li{
	width: calc((100%/3) - 5px);
}