@charset "utf-8";
/* CSS Document */


* {
  box-sizing: border-box;
}

/* Style the body */
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
    overflow-x: hidden;
}
a {text-decoration: none;}
ul{list-style:none; margin-left: -20px;}

/*★★★★★★게이트 css*/
/* 상단메뉴 */
.header-top_wrap {
	width: 100%; 
	height:80px;  
	background-color: #650202; 
	position: absolute;
	opacity: 0.8;
}
.m_header-top {
	top:0px;
	left:0px;
    width: 100%;
    text-align: center;
	position: absolute;
}
.m_header-top img {padding: 24px;}
.m_header_menu{
	top:0px;
	left:0px;
    width: 100%;
    text-align: right;
	z-index: 100;
}
.m_header_menu img {padding: 29px;}


/* Header/logo Title */
.hearder_wrap {  
    background: #000;
    color: white;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    width: inherit;
    height: auto;
    z-index: -1;
    position: relative;
}

/*배경*/
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (min-width: 751px) {
  .hearder_wrap {   
    background: url(../img/kv-1.jpg) no-repeat ;
    background-size : cover;
  }
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 750px) {
  .hearder_wrap {
    background: url(../img/kv-1_m.jpg) no-repeat;
    background-size : cover;
  }
}



.header {
  padding: 160px 20px 160px;
  text-align: center;
}

.hearder_wrap p {
  text-align: center;
}


/*뉴스*/
.m_main_news_wrap .h4_title {color: #0083AE; font-weight: 700;}
.news_m_title {font-weight: 500; font-size: 1.2rem;}
.m_main_news_wrap .news_m_date {color:#777777;}
.m_main_news_wrap .news_circle {text-align: center;}


/*잇올랩*/
.m_italllab {background-color: #063d50; color: #fff;}
.m_itallab_1 {font-size: 1.15rem;}
.m_itallab_2 {font-size: 1.5rem; font-weight: 600;}

.m_italllab1 {max-width: 100%; width: 100%;}
.m_italllab1 .m_italllab_table {width: 100%; color: #046e7c; line-height: 1rem; font-size: 0.9rem; font-weight: 600;}


/*잇올몰*/
.itallmall {width: 100%; text-align: center; margin: 0 auto;}
.itallmall_1 {width: 30%; height: 5px; background-color: #FFC629;}
.itallmall_2 {width: 30%; height: 5px; background-color: #FFC629; float: right;}
/*.itallmall_3 {width: 100%; text-align: center; height: 100%}*/

/*배경*/
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (min-width: 751px) {
  .itallmall_3 {   
    background: url(../img/itallmall-2_05.png) no-repeat center;
    background-size : cover;
	width: 100%;
	height: 314px;  
  }
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 750px) {
  .itallmall_3 {
    background: url(../img/itallmall-2_05_m.png) no-repeat;
    background-size : cover;
	width: 100%;
	padding-bottom: 42%;
  }
}








/*잇올 활용서*/
.italluses-wrap {background: linear-gradient(#0083AE 70%, #ffffff 30%);}
.italluses-1 { text-align: center;}
.italluses-line {margin: 0 auto;border-bottom:3px solid #fff; width: 10%;}
.italluses-font {font-size: 2rem; color: #fff; }


.italluses-2 {height: 150px;}
.italluses-3 {width: 100%; height: 6px; background: #0083AE; }

/*사회공헌위원회*/
.donation_wrap {width: 100%; text-align: center;}

.donation_title h3 {color: #0083AE;  background-color: #fff; display: inline;}

.donation_title .d-line {width: 100%; height: 1px; border: 1px solid #0083AE; position: absolute; margin-top: -20px; z-index: -1;}

.donation_title span {display: block; padding: 10px 0px;}
.donation-p {margin-top: -30px;}
.readmore {
	width: 150px;
	height: 25px;
	border-radius: 11px;
	border: solid 1px #0083AE;
	background-color: #ffffff;
	margin: 0 auto;
	margin-bottom: 80px;
}




/*언론보도*/
.press {width: 100%; text-align: center;}
.press h3 {color: #0083AE;background-color: #fff; display: inline;}

.press .d-line {width: 100%; height: 1px; border: 1px solid #0083AE; position: absolute; margin-top: -20px; z-index: -1;}
.press p {padding: 10px 0px;}

.press_slide {height: 150px;}

/*잇올그룹*/
.itallgroup img { max-width:100%; height:auto }




/* ★★★★★하단 공통부분 css*/
/* 상단메뉴 */
.servicecenter_wrap {
    background-color: #432B30;
    width: 100%;
    text-align: left;
	color: #fff;
}
/*고객센터*/
#servicecenter_wrap_title  {
	font-size: 1.1rem;
	font-weight: 700;
	
}

/*입학문의 방문상담신청*/
#servicecenter_wrap_title .swt-t1 {
	font-size: 1rem;
	font-weight: 100;
	vertical-align : top;
}

/*전화번호*/
#servicecenter_wrap_call {
	font-size: 2.1rem;
	font-weight: 700;
	display: inline;
	height: 50px;
}

#servicecenter_wrap_call span {
	top: 3px;
}

/*회색두줄*/
#servicecenter_wrap_time {
	color: #777777;
	display: inline-block;
	font-size: 0.8rem;
	height: 50px;
	vertical-align : top;
	line-height: 1.4rem;
	padding-left: 20px;
}


/*1:1게시판*/
#servicecenter_wrap_board {
	width: 49%;
	height: 35px; 
	background-color: #0083AE;
	display: inline-block;
	text-align: center;
}
#servicecenter_wrap_board_text {
	line-height: 35px;
	display: inline;
}

/*카톡상담*/
#servicecenter_wrap_kakao {
	width: 49%;
	height: 35px; 
	background-color: #FEA621;
	display: inline-block;
	text-align: center;
	color:#230C00;
	font-weight: 700;
}

#servicecenter_wrap_kakao_text {
	line-height: 35px;
}


/*직영센터안내*/
.servicecenter_centergo {
	background-color: #2A1E21;
    width: 100%;
    text-align: left;
	color: #fff;
	
}

#servicecenter_centergo_title {
	font-size: 1.1rem;
	font-weight: 700;
	width: 160px;
	display: inline-block;
    width: 49%;
}

#servicecenter_centergo_board {
	width: 49%;
	height: 35px; 
	background-color: #0083AE;
	display: inline-block;
	text-align: center;
    
}
#servicecenter_centergo_board_text {
	line-height: 35px;
	display: inline;
}

/*잇올*/
.servicecenter_itall {
	background-color: #231A1E;
    width: 100%;
    text-align: left;
	color: #989898;
}

#servicecenter_itall_logo {
	width: 93px;
	display: inline-block;
	vertical-align : top;
	margin-top: 3px;
}

#servicecenter_itall_ad {
	width: 70%;
	display: inline-block;
	
}

#servicecenter_itall_ad .copy {
	font-size: 0.8rem;
}

#servicecenter_itall_ad p {
	font-size: 0.8rem;
}

/*드롭다운*/

.servicecenter_itall .dropbtn {
	background-color: #231A1E;
	color: white;
	padding: 16px;
	font-size: 1rem;
	border: 1px solid #f3f3f3;
	width: 98%;
}

.servicecenter_itall .dropbtn:hover, .dropbtn:focus {
	background-color: #231A1E;
	border: 1px solid #f3f3f3;
}

.servicecenter_itall .dropdown {
	position: relative;
	display: inline-block;
	color: white;
}

.servicecenter_itall .dropdown-content {
	display: none;
	position: absolute;
	background-color: #231A1E;
	min-width: 98%;
	bottom: 58px;
	z-index: 1;
	border: 1px solid #f3f3f3;

}

.servicecenter_itall .dropdown-content a {
	color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.servicecenter_itall .dropdown a:hover {background-color: #fff; color:#231A1E;}

.servicecenter_itall .show {display: block;}



/* ★★★★★삼코딩 css*/
/* 상단메뉴 */
.sam-top_wrap {
	width: 100%; 
	height:80px;  
	background-color: #0083AE; 
}
.m_sam-top-top {
	top:0px;
	left:0px;
    width: 40%;
	float: left;
	font-size: 22px;
	font-weight: 700;
	line-height: 80px;
}
.m_sam-top-top img {padding: 10px;}

.m_sam-top-top2 {
    width: 43%;
    height: 30px;
    float: left;
    text-align: right;
}
.m_sam-top-top2 a {
    display: inline-block;
    padding: 5px 10px;
    line-height: 18px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 10px;
}

.m_sam-top-top4{
	top:0px;
	left:0px;
    width: 100%;
    text-align: right;
	z-index: 100;
}
.m_sam-top-top4 img {padding-top: 29px; padding-right: 20px;}


/*아이콘 영역*/
.sam-icon_wrap {
    width: 100%; 
	height:100px;  
	background-color: #0083AE; 
}

.sam-icon_wrap ul {
    padding: 15px ;
}
.sam-icon_wrap ul li {
    float: left;
    width: 25%;
    text-align: center;}

.sam-icon_wrap a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}

.sam-icon_wrap label {
    display: block;
    margin-bottom: 0;
    color: #fff;
    font-weight: 700;
}



/*아코디언메뉴*/

.ui-state-active {
    border:none;
    background: #f6f6f6;
    color: #000000;
}
.accordion1 {margin-bottom:-30px;overflow-y: hidden;}
.accordion4 {margin-bottom:-30px;overflow-y: hidden;}

.accordion li {
    display: block;
    height: 40px;
    font-size: 14px;
}

.ui-widget-content {
    border: none;
    background: #ffffff;
    color: #333333;
}

.ui-accordion .ui-accordion-header {
    height: 50px;
    line-height: 33px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.homepage-idong {width: 100%;}
.homepage-idong a {
    display: block;
    border: 1px solid #f6f6f6;
    width: 33.33%;
    height: 50px;
    text-align: center;
    float: left;
    line-height: 50px;
    text-decoration: none;
    color:#fff;
    background-color: #0083AE;
}



/* ★★★★★게시판 css*/

/*상단*/
.m_board-top_wrap {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.m_board-top_wrap .border-board {
    width: 60px;
    border-top: 3px solid #0083AE;
    margin: 0 auto;
    height: 10px;
}

.m_board-top_wrap .board-top {
    font-size: 24px;
    color: #0083AE;
    font-weight: 700;
}



/*검색 부분*/
/*게시판 검색*/
.m_board_search_wrap {
    width: 100%;
    height: 60px;
    margin: 0 auto;
}
    
.m_board_search_wrap .m_board_search_wrap .m_board_search_wrap_n {
    width: 100%; 
    margin: 0 auto;
}

.m_board_search_wrap .m_board_search2 {
	text-align: left;
}
.m_board_search_wrap .board_search .select {
    text-align: left;
}

#m_txtSchContents {
    width: 55%;
    height: 45px;
}

.m_board_search_wrap .m_board_search2 select {
    width: 23%;
    height: 45px;
    padding: 2px 30px 2px 8px;
    line-height: 20px;
    border: 1px solid #fff;
    color: #666;
    float: left;
    margin-right: 10px;
    font-size: 12px;
    color:#0083AE;
    background-color: #fff;
}

.m_board_search_wrap .m_board_search2 option {
	font-weight: normal;
	display: block;
	white-space: pre;
	min-height: 1.2em;
	padding: 0px 2px 1px;
    font-size: 12px;
}

.m_board_search_wrap .m_board_search2 input {
    float: left;
    height: 39px;
    padding: 2px 30px 2px 8px;
    line-height: 20px;
    border: 1px solid #ddd;
    color: #666;
    outline: none;
    
}

.m_board_search_wrap .m_board_search2 .search {
    float: left;
    width: 50px;
    height: 45px;
    font-size: 14px;
    line-height: 40px;
    background: #fff;
    
    text-align: center;
    border-left: none;
}
.m_board_search_wrap .board_search .search a {
	text-decoration: none;
	color: #666;
}



/*내용*/
.m_board_list {
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
}


.m_board_list .m_board_list_center {
    color: #0083AE;
    font-size:13px;
    text-align: left;
}

.m_board_list .m_board_list_title {
    font-size: 15px;
    margin-top: -10px;
}

.m_board_list .m_board_list_date {
    font-size: 12px;
    margin-top: -10px;
}





/*페이지 숫자*/

.m_board_num_wrap {
    width: 100%;
    margin :0 auto;
    text-align: center;
    padding-bottom: 50px;
}

.m_board_num_wrap .m_board_num_left {
    display: inline-block;
    color: #0083AE;
    font-weight: bold;
    font-size: 22px;
}

.m_board_num_wrap .m_board_num {display: inline-block;}

.m_board_num_wrap .m_board_num_right {
    display: inline-block;
    color: #0083AE;
    font-weight: bold;
    font-size: 22px;
}


/* ★★★★★게시판뷰페이지 css*/
/*내용*/
.m_board_listview {
    width: 95%;
    margin: 0 auto;

}

.m_board_listview .m_board_listview_center {
    color: #0083AE;
    font-size:13px;
    text-align: left;
}

.m_board_listview .m_board_listview_title {
    font-size: 17px;
    margin-top: -10px;
    font-weight: bold;
}

.m_board_listview .m_board_listview_date {
    font-size: 12px;
    margin-top: -10px;
}


.m_board_listview_n img {max-width: 100%;}



/*★★★★★게시판 뷰페이지-첨부파일페이지 css*/
/*첨부파일*/

.m_board_file_wrap {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    margin-top:20px;
    margin-bottom:20px;
}
.m_board_file1 {
    width: 20%; 
    background-color:#F2E7E7;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    text-align: center;
    z-index: 1;
    position: absolute;
    line-height: 72px;
}

.m_board_file2 {
    width: 100%; 
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    text-align: center;
    padding-left: 26%;
    height: 74px;
}

.m_board_listview_n {text-align: center;}

/*이전글다음글목록*/
.m_board_file2 a {padding-left: 3%; color: #000; text-decoration: none;}


.m_board_previous_wrap {width: 50%;}
.m_board_previous {border: 1px solid #d4d4d4; width: 72px; height: 40px; font-size: 13px; line-height: 13px; float: left;}
.m_board_previous p {padding: 14px;}

.m_board_previous_wrap2 {width: 50%;float: right;}
.m_board_p_list {background-color: #0083AE; width: 72px; height: 40px;font-size: 15px; line-height: 13px; float: right;}
.m_board_p_list p {padding: 14px;text-align: center;color: #fff;}


/*★★★★★갤러리형 리스트*/

/*내용*/
.m_board_glist {
    width: 95%;
    margin: 0 auto;
}
.m_board_glist .m_youtube_thumb img {width: 100%;}

.m_board_glist .m_youtube_thumb {width: 100%;}

.m_board_glist .m_youtube_info {width: 100%;}

.m_board_glist .m_theme_category {
    width: 80px; 
    height: 25px;
    background-color: #0083AE;
    text-align:center;
    color: #fff;
}

/*★★★★★로그인*/

.m_login-top_wrap {width: 100%;}

.m_login-top {text-align: left; color:#000; font-size: 24px;}



/*내용*/

.m_wrapper-login .wrap-login {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}    
.m_wrapper-login .text {
    flex-basis: 100%;
    margin-bottom: 20px;
    font-size: 35px;
}    
.m_wrapper-login .wrap-form {
    flex-basis: 100% ;
}    
.m_wrapper-login .btn-login {
    flex-basis: 150px;
    margin-left: 10px;
}  
.wrapper-account input[type='text'], .wrapper-account input[type='password'] {
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    outline: none;
    transition: .2s ease border;
}
.m_wrapper-login input[type='url'], input[type='number'], input[type='date'], input[type='text'], input[type='password'], input[type='file'] {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    height: 45px;
    padding: 0 15px;
    border: 1px solid #ddd;
    font-size: 13px;
    color: #111;
    letter-spacing: -.05em;
    font-weight: 700;
} 

.m_wrapper-login .m_wrap-option {margin-top:20px; font-size: 13px; line-height: 20px; text-align: left;}

.m_wrapper-login .btn-login .btn {
    height: 100px;
    width: 150px;
}
.m_wrapper-login .btn.btn-color1 {
    border-color: #74191e;
    color: #fff;
    background-color: #74191e;
}
.m_wrapper-login .wrap-btn>a, .wrap-btn>button, .wrap-btn>input[type='button'] {
    flex: 1;
}    
.m_wrapper-login .wrap-form input[type=password] {
    margin-top: 10px;
    padding: 0 15px;
}
.m_wrapper-login .wrapper-account input[type='text'], .wrapper-account input[type='password'] {
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    outline: none;
    transition: .2s ease border;
}

.m_wrapper-login .m_login_bt {
    width: 100%;
    height: 56px;
    background-color: #0083AE;
    color:#fff;
    text-align: center;
    line-height: 56px;
    font-size:17px;
    font-weight: bold;
}

.m_wrapper-login .m_login_members {
    text-align: left;
    font-size:14px;
    line-height: 14px;
    font-weight: bold;
}

.m_wrapper-login .idsearch {color:#0083AE;}




/*★★★★★회원가입-1단계
.m_join-top_wrap {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.m_join-top_wrap .join-top {
    font-size: 24px;
    font-weight: 700;
}
.m_join-top .m_login_members {
    text-align: left;
    font-size:14px;
    line-height: 14px;
    font-weight: bold;
}
.m_join-top .m_join_wrap-option {
    margin-top:20px; 
    font-size: 13px; 
    line-height: 20px; 
    text-align: left;
}
.m_join_1 {
    width: 100%;
    height: 120px;
    border:1px solid #d4d4d4;
}
.m_join-top .m_top_bt {
    width: 100%;
    height: 56px;
    background-color: #0083AE;
    color:#fff;
    text-align: center;
    line-height: 56px;
    font-size:17px;
    font-weight: bold;
}
*/
/*★★★★★회원가입-1단계*/
.m_join-top_wrap {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.m_join-top_wrap .join-top {
    font-size: 24px;
    font-weight: 700;
}
.m_join-top .m_login_members {
    text-align: left;
    font-size:14px;
    line-height: 14px;
    font-weight: bold;
}
.m_join-top .m_join_wrap-option {
    margin-top:20px; 
    font-size: 13px; 
    line-height: 20px; 
    text-align: left;
}
.m_join_1 {
    width: 100%;
    height: 120px;
    border:1px solid #d4d4d4;
}
.m_join-top .m_top_bt {
    width: 100%;
    height: 56px;
    background-color: #d8d8d8;
    color:#fff;
    text-align: center;
    line-height: 56px;
    font-size:17px;
    font-weight: bold;
}
.m_join-top .m_top_bt.on {
	background-color: #0083AE;
}

.m_join_top {font-size: 18px; color: #707070; line-height: 23px;}
.m_join_text {color: #707070; }
.m_join_border {border-bottom: 1px solid #ddd; height: 30px;}
.m_join_text a {
    text-decoration: underline;
    color: #707070; 
    right: 0; 
    position: absolute;
    padding-right: 20px;
    font-size: 12px;
}

/*★★★★★회원가입-1단계
.m_join-top_wrap {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.m_join-top_wrap .join-top {
    font-size: 24px;
    font-weight: 700;
}
.m_join-top .m_login_members {
    text-align: left;
    font-size:14px;
    line-height: 14px;
    font-weight: bold;
}
.m_join-top .m_join_wrap-option {
    margin-top:20px; 
    font-size: 13px; 
    line-height: 20px; 
    text-align: left;
}
.m_join_1 {
    width: 100%;
    height: 120px;
    border:1px solid #d4d4d4;
}
.m_join-top .m_top_bt {
    width: 100%;
    height: 56px;
    background-color: #0083AE;
    color:#fff;
    text-align: center;
    line-height: 56px;
    font-size:17px;
    font-weight: bold;
}
*//*★★★★★회원가입-1단계
.m_join-top_wrap {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.m_join-top_wrap .join-top {
    font-size: 24px;
    font-weight: 700;
}
.m_join-top .m_login_members {
    text-align: left;
    font-size:14px;
    line-height: 14px;
    font-weight: bold;
}
.m_join-top .m_join_wrap-option {
    margin-top:20px; 
    font-size: 13px; 
    line-height: 20px; 
    text-align: left;
}
.m_join_1 {
    width: 100%;
    height: 120px;
    border:1px solid #d4d4d4;
}
.m_join-top .m_top_bt {
    width: 100%;
    height: 56px;
    background-color: #0083AE;
    color:#fff;
    text-align: center;
    line-height: 56px;
    font-size:17px;
    font-weight: bold;
}
*/
/*★★★★★회원가입-3단계*/
.m_join-top .m_top_bt1 {
    width: 100%;
    height: 40px;
    background-color: #0083AE;
    color:#fff;
    text-align: center;
    line-height: 41px;
    font-size:17px;
    font-weight: bold;
}


.m_join-top .m_top_bt2 {
    width: 100%;
    height: 40px;
    background-color: #3a3a3a;
    color:#fff;
    text-align: center;
    line-height: 41px;
    font-size:17px;
    font-weight: bold;
}

.m_join-top a {text-decoration: none;}


.m_join_3step {text-align: center;}

.m_join_3step_n {
    width: 100%;
    height: 210px;
    background-color: #f8f8f8;
}




/*★★★★★회원가입-2단계*/

.m_login_members_2step {
    font-weight: bold;
    font-size: 14px;
    
}

.n_2step_bt_1 {
    background-color: #0083AE;
    width: 19%;
    height: 45px;
    float: right;
    text-align: center;
    line-height: 45px;
    color:#fff;
    font-size:13px;
}

.n_2step_bt_2 {
	background-color: #d8d8d8;
	width: 34%;
	height: 45px;
	float: right;
	text-align: center;
	line-height: 45px;
	color:#fff;
	font-size:13px;
}
.n_2step_bt_2.on {
	background-color: #0083AE;
}

.outLine {
	border:1px solid #cfcfcf;
	height: 45px;
}


/*★★★★★수능 메인*/

/* 상단메뉴 */
.su-mainheader-top_wrap {
	width: 100%; 
	height:40px;  
	background-color: #fff; 
	opacity: 0.8;
}
.m_su-mainheader-top {
	top:0px;
	left:0px;
    width: 100%;
    text-align: left;
	position: absolute;
	font-size: 18px;
	font-weight: 700;
	line-height: 80px;
    margin-top: -13px;
}
.m_su-mainheader-top img {padding-left: 15px; padding-right: 5px; margin-top: -3px;}
.m_su-mainheader_menu{
	top:0px;
	left:0px;
    width: 100%;
    text-align: right;
	z-index: 100;
}
.m_su-mainheader_menu img {padding: 15px;}

/*상단메뉴 목록*/
.su-mainmenu-wrap {
    background-color: #fff;
    width: 100%;
    height: 45px;
    margin-top: -4px;
}
.su-mainmenu {overflow-x: scroll;  white-space:nowrap; line-height: 45px; border-bottom: 1px solid #ddd;}

.su-mainmenu a {
    color: #000;
    padding-left: 15px;
    font-size: 14px;
    text-decoration: none;
}

.su-mainmenu a:hover {
    color: #8f2a2a;
    font-weight: 700;
}
.su-mainmenu a:checked {
    color: #8f2a2a;
    font-weight: 700;
}
/*서브메뉴 목록*/
.sub_su-mainmenu {overflow-x: scroll;  white-space:nowrap; line-height: 30px; background-color: #f0f0f0; border-bottom: 1px solid #ddd;}

.sub_su-mainmenu a {
    color: #000;
    padding-left: 15px;
    font-size: 12px;
    text-decoration: none;
    
}

.sub_su-mainmenu a:hover {
    color: #8f2a2a;
    font-weight: 700;
}


/*메인슬라이드 자리*/
.su-main-slide-1 {height: 512px;}


/*메인 하단 슬라이드 자리*/
.su-main-slide-2 {height: 130px;}

/*수강안내*/
.su-main-sugang {
	
	background-color: #f2e7e7;
    text-align: center;
    font-weight: 700;
}

.sungang-sub-title {
    padding-top: 30px;
}

.sungang-title {
    font-size: 30px;
    letter-spacing: -0.3px;
    line-height: 10px;   
}

.su-main-sugang li {
    display: inline-block;
    padding-right: 30px;
    line-height: 40px;
    font-size: 14px;
}

.sungang-6 {
    margin-top: -15px;
    max-width: 100%;
}

.sungang-6 li {
    margin-right: -15px;
    
}


.sungang-bottom {
    background-color: #0083AE;
    line-height: 20px;
    color:#fff;
    margin-top: -15px;
    padding-bottom: 1px;
    padding-top:10px; 
}

.sungang-bottom p {padding-top: 10px;}


.sungang-bottom-title {
    color: #0083AE;
    font-size: 22px;
}

.sungang-readmore {
    border-radius: 11px;
    border: solid 1px #0083AE;
    background-color: #ffffff;
    width: 92px;
    height: 24px;
    margin: 0 auto;
    font-size: 11px;
    color:#6a5f5f;
    line-height: 22px;
    margin-top: -10px;
}




/*잇올 프리미엄 빅3*/
.su-main-big3-wrap {
    text-align: center;
    font-weight: 700;
    padding-top: 30px;
}

.su-main-big3-wrap .m_big3-title {
    font-size: 30px;
    letter-spacing: -0.3px;
    line-height: 10px;
    padding-bottom: 20px;
}

/*콘텐츠 블랙홀*/
/*배경*/
.su-main-contentblackhole {
    margin: 0 auto;
    height: 350px;
    background: url(../img/contentblackhole.png) no-repeat center;
}

/*선생님*/
.su-main-teacher {
    margin: 0 auto;
    height: 230px;
    background:#f4e6e4 url(../img/teacher.png) no-repeat center;
}



/*배너5개*/
.su-main-banner5_wrap {
    background-color: #f3f3f3;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.su-main-banner5-12 {
    width: 98%;
    height: 140px;
    text-align: center;
    margin-bottom: 20px;
}

.su-main-banner5-1 {
    width: 47%;
    background-color: #fff;
    height: 100%;
    float: left;
    margin-left: 3%;
    border-top:5px solid #0083AE;
}

.su-main-banner5-2 {
    width: 47%;
    background-color: #fff;
    height: 100%;
    float: left;
    margin-left: 2%;
    border-top:5px solid #0083AE;
}


.su-main-banner5-3 {
    width: 94%;
    height: 140px;
    text-align: center;
    margin-bottom: 20px;
    background-color: #fff;
    margin-left: 3%;
}



/*수험생 필독 알리미 */


.su-main-notice_title {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
}

.su-main-notice-n-wrap {
    width:  100%;
    height: 40px;
    margin-top: 20px;
    border-top:1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
}

.su-main-notice-n-wrap .su-main-notice-n-1 {
    width: 20%;
    float: left;
    line-height: 40px;
    text-align: center;
}


.su-main-notice-n-wrap .su-main-notice-n-2 {
    width: 80%;
    float: left;
    line-height: 40px;
    text-align: center;
}


.su-main-notice-n-wrap2 {
    width:  100%;
    height: 40px;
}

.su-main-notice-n-wrap2 .su-main-notice-n-1 {
    width: 20%;
    float: left;
    line-height: 40px;
    text-align: center;
}


.su-main-notice-n-wrap2 .su-main-notice-n-2 {
    max-width: 80%;
    float: left;
    line-height: 40px;
    text-align: left;
}



/*바이러스 제로*/
.su-main-viruszero {
    width: 50%;
    height: 93px;
    background-color: #f5f5f5;
    float: left;
}


.su-main-viruszero1 {
    font-size: 12px;
    margin-left: 20px;
}

.su-main-viruszero2 {
    font-size: 17px;
    color: #0083AE;
    font-weight: bold;
    margin-top: -15px;
    margin-left: 20px;
}

.su-main-viruszero3 {
    font-size: 11px;
    color: #636363;
    margin-top: -15px;
    margin-left: 20px;
}



/*---------------------------------------------------------------------------------------------------------*/



/*★★★★★갤러리형 뷰페이지*/


.m_ic_video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.m_ic_video-wrap iframe,
.m_ic_video-wrap object,
.m_ic_video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}


.m_ic_video_text_wrap {width:100%; padding: 20px; }
.m_ic_video_title {font-size: 20px; font-weight: bold;}

.m_ic_video_n {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background-color: #fbf8f8;
}
.m_ic_video_n p {
    margin: 10px;
    
}
.comment_wrap {width:100%; margin-top: 20px; margin-bottom: 20px;}
.comment  {width : 100%; margin:0 auto;  text-align: left; border-top:1px solid #e3d1d2; border-bottom:1px solid #e3d1d2;color: #505050; }
.comment span {font-size: 16px; margin: 10px; }
.comment p {display: inline-block; font-size: 14px;}
.comment div {font-size: 14px; margin: 10px; }


/*★★★★★직영센터*/
.board-top_sub {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 11.5px;
}
/**/
.m_center_wrap {
    width: 100%;
    text-align: left;
    margin-top: 30px;
	font-size: 17px;
    color: #0083AE;
    font-weight: bold;
    margin-top: -15px; 
}
.m_center_wrap .to-btn{
	width: 22.05%;
	height: 42px;
	border: solid 1px #dfdfdf;
	background-color: #ffffff;
	line-height: 40px;
	text-align: center;
	font-weight: 100;
	color: #707070;
	font-size: 13px;
	float: left;
	margin-right: 2.9%;
}
.m_center_title {
	font-size: 16px; 
	text-align: left; 
	color: #0083AE; 
	font-weight: 700;
	padding-bottom: 5px;
}
.m_center_open {
	background-color: #FEEFEF;
	width: 100%;
	height:180px;
	padding-top: 3px;
}
.centertitle {
	font-size: 15px;
	text-align: left;
	color: #933838;
	display: block;margin-top: 20px;
}
.m_center_open p {
	font-size: 15px;
	text-align: left;
	color: #000000;
}
.m_center_open .box  {
	border: 1px solid #933838;
	width: 182px;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 40px;
	color: #933838;
	font-weight: 700;
}
.m_center_open  .jong {
	display: block;
	position: absolute;
	padding-top: 55px;
	font-size: 14px;
}
.m_center_open  .jong p {display: inline; margin-right: 20px;}


/*공간철학*/
.m_space_subtitle span {font-size: 14px;}
.m_space_subtitle p {font-size: 12px; color: #8f2a2a; line-height: 14px;}
.m_space_subtitle .pls_war_bt {
    width: 126px;
    height: 24px;
    background-color:  #8f2a2a;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    margin: 0 auto;
}

/*리스트*/
.p_learning_space_list {
    position: fixed;
    top: 25%;
    right: 0px;
    z-index:100;
}
.p_learning_space_list li {
    display: block;
    height: 50px;
    text-align: right;
    font-size: 15px;
}
.p_learning_space_list li:hover {
    color:  #8f2a2a;
    font-size: 20px;
    font-weight: 700;
}
.p_learning_space_list a {text-decoration: none; color: inherit ; }
/*상단*/
.p_learning_space_wrap {
    width: 100%;
    height: 360px;
    
}
.p_learning_space {
    width: 1024px;
    text-align: center;
    margin: 0 auto;
}
.p_learning_space .pls_title {
    font-size: 53px;
    color: #8f2a2a;
    font-weight: 700;
}
.p_learning_space .pls_border {
    width: 1024px;
    height: 10px;
    border-top:1px solid #000;
}
.p_learning_space .pls_subtitle {
    font-size: 16.5px;
    letter-spacing: 0.2pt;
    font-weight: 300;
}
.p_learning_space .pls_subtiltle_war {
    font-size: 13px;
    color: #8f2a2a;
}
.p_learning_space .pls_war_bt {
    width: 126px;
    height: 24px;
    background-color:  #8f2a2a;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    margin: 0 auto;
}
/*내용*/
.m_p_l_space_explanation_wrap {
    width: 100%;
    background: linear-gradient(#f8f3f4 50%, #ffffff 50%);
    margin-bottom: 20px;
}
.m_p_l_space_explanation {
    width: 100%;
    text-align: left;
    margin: 0 auto;
}
.m_p_l_space_explanation .plse_border {
    border-bottom: 3px solid #74191e;
    height: 20px;
    width: 30px;
    margin-bottom: 10px;
}
.m_p_l_space_explanation .plse_title {
    font-size: 20px;
    color: #74191e;
    font-weight: 700;
    text-align: left;
}
.m_p_l_space_explanation .plse_n {
    font-size: 12.5px;
    color: #262626;
    letter-spacing: 0.2pt;
    text-align: left;
    font-weight: 200;
}
/*슬라이드*/
.m_p_l_space_explanation_wrap .plse_slide {margin-top: -85px;}
.m_p_l_space_explanation_wrap .plse_slide .slider {
    width: 100%;
    margin: 100px auto;
}
.m_p_l_space_explanation_wrap .plse_slide .slick-slide {
    margin: 0px 10px;
}
.m_p_l_space_explanation_wrap .plse_slide .slick-slide img {
    width: 100%;
    border: none;
}
.m_p_l_space_explanation_wrap .plse_slide .slick-prev:before,
.m_p_l_space_explanation_wrap .plse_slide .slick-next:before {
    color: black;
}
.m_p_l_space_explanation_wrap .plse_slide .slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.m_p_l_space_explanation_wrap .plse_slide .slick-active {
    opacity: .5;
    width: 23px;
}
.m_p_l_space_explanation_wrap .plse_slide .slick-current {
    opacity: 1;
}
.m_p_l_space_explanation_wrap .plse_slide .slick-dotted.slick-slider {
    margin-bottom: 30px;
    margin-top: -90px;
}
.m_p_l_space_explanation_wrap .plse_slide .slick-slide {height: 504px;}
.m_p_l_space_explanation_wrap .plse_slide .img {
    width: 100%;
    height: 200px;
}
.m_p_l_space_explanation_wrap .plse_slide .slick-list {background-color: none;}
.m_p_l_space_explanation_wrap .plse_slide .img-2 {width: 133px; max-width: 100%; height: 60px; margin-left: -20px;border: 9px solid #fff;}
.m_p_l_space_explanation_wrap .plse_slide .img-2 img {width:100%; height: 100%;}
.m_p_l_space_explanation_wrap .plse_slide .img img {
    width: 110%;
    height: 100%;
    margin-left: -20px;
}
.m_p_l_space_explanation_wrap .plse_slide .blue {
    background: none;
}
.m_p_l_space_explanation_wrap .plse_slide .blue h3 {background: #e1c4a0; color:#fff;}

.m_p_l_space_explanation_wrap .plse_slide .slick-prev, .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 20px;
        margin-top: -320px;
        }
.m_p_l_space_explanation_wrap .plse_slide .slick-prev:before  {
    position: absolute;
    left: 0px;
    top: 900%;
    z-index: 9;
    font-size: 0;
    border: none;
    background: transparent;
    background: url("../space_p/arrow_left.png")left center no-repeat;
    background-size: 40px auto;
    width: 40px;
    height: 75px;
    line-height: 75px;
    padding: 0;
    margin-top: -30px;
    cursor: pointer;
}
.m_p_l_space_explanation_wrap .plse_slide .slick-next:before {
    position: absolute;
    right: 0px;
    top: 900%;
    z-index: 9;
    font-size: 0;
    border: none;
    background: transparent;
    background: url(../space_p/arrow_right.png) left center no-repeat;
    background-size: 40px auto;
    width: 40px;
    height: 75px;
    line-height: 75px;
    padding: 0;
    margin-top: -30px;
    cursor: pointer;
}


/*★★★★★입학문의*/
.m_ibhack_wrap {width: 100%; margin: 0 auto;}
.m_ibhack_wrap .ibhack {
    width: 100%; 
    height: 50px;
    margin: 0 auto; 
    text-align: left;
}

.m_ibhack_wrap .ibhack p {
    float: left;
    line-height: 50px;
    width: 140px;
    background-color: #f8f3f3;
    text-align: center;
}
 
.m_ibhack_wrap .ibhack input { 
    float: left;
    width: 100%;
    height: 39px;
    padding: 2px 30px 2px 8px;
    line-height: 20px;
    border: 1px solid #ddd;
    color: #666;
    outline: none;
    padding: 20px;
}

.m_ibhack_wrap .ibhack_sl {
    background-color: #f8f3f3;
    width: 100%;
    margin: 0 auto;
    margin-top: 17px; 
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.m_ibhack_wrap .ibhack_footer {
    width: 100%; 
    height: 550px;
    margin: 0 auto; 
    text-align: left;
    margin-top: 17px; 
    margin-bottom: 30px;
}

 
.m_ibhack_wrap .ibhack_footer input { 
    float: left;
    width: 100%;
    height: 520px;
    padding: 2px 30px 2px 8px;
    line-height: 20px;
    border: 1px solid #ddd;
    color: #666;
    outline: none;
}

.m_ibhack_wrap .ibhack_bt {
    background-color: #74191e;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin: 0 auto;
    display: block;
    margin-bottom: 50px;
    text-align: center;
}
/*1*/
.ibhack_sl_sub {margin: 30px;}
.ibhack_sl_sub select {
    width: 100%;
    height: 45px;
    padding: 2px 30px 2px 8px;
    line-height: 20px;
    border: 1px solid #ddd;
    color: #666;
    float: left;
    margin-right: 30px;
    font-size: 13px;
    font-weight: 700;
}
.ibhack_sl_sub .writer {
    height: 45px; 
    line-height: 45px;
    display: block;
    color:#7d7a7a; 
    font-size: 13px;
}
#radio_a {margin-left: 20px; }

/*2*/
.ibhack_sl_sub2 {margin: 30px;}
.ibhack_sl_sub2 input[type='text'] {
    width: 250px;
    height: 45px;
    border: 1px solid #ddd;
    outline: none;
    transition: .2s ease border;
    margin-top: 20px;
    padding-left: 10px;
}

.ibhack_sl_sub2 select {
    width: 150px;
    height: 48px;
    padding: 2px 30px 2px 8px;
    line-height: 20px;
    border: 1px solid #ddd;
    color: #666;
    font-size: 13px;
    font-weight: 700;
}
/*3*/
.ibhack_sl_sub3 {margin: 30px; margin-top: -30px;}
.ibhack_sl_sub3 input[type='text'] {
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    outline: none;
    transition: .2s ease border;
    margin-top: 20px;
    padding-left: 10px;
}

/*4*/
.ibhack_sl_sub4 {margin: 30px; margin-top: -10px;}
.ibhack_sl_sub4 select {
    width: 49%;
    height: 48px;
    padding: 2px 30px 2px 8px;
    line-height: 20px;
    border: 1px solid #ddd;
    color: #666;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
}
/*5*/
.ibhack_sl_sub5 {margin: 30px;}
.ibhack_sl_sub5 p {color: #666; margin-bottom: -5px;}
.ibhack_sl_sub5 input[type='text'] {
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    outline: none;
    transition: .2s ease border;
    margin-top: 20px;
    padding-left: 10px;
}
/*6*/
.ibhack_sl_sub6 {
    width: 100%;
    text-align: center; 
    margin: 0 auto;
    font-size: 12px;
    color: #666;
    line-height: 25px;
    margin-bottom: 20px;
}
.ibhack_sl_sub6 .box {
    background-color: #fff;
    width: 85px;
    height: 25px;
    border: 1px solid #ddd;
    display: inline-block;
    line-height: 25px;
}