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

* {
	box-sizing: border-box;
}

/* Style the body */
body {
	body {font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','맑은고딕','malgun gothic','helvetica','Apple SD Gothic Neo', '돋움',dotum,sans-serif; margin: 0;letter-spacing: -0.7px;}
	margin: 0;
	color: #000;
}
a {text-decoration: none;}
ul{list-style:none; margin-left: -20px;}
img {max-width: 100%; height: auto;}
html {scroll-behavior: smooth;}


/*★★★★★★게이트 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: #8E2A2A; 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(#8E2A2A 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: #8E2A2A; }

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

.donation_title h3 {color: #8e2a2a;  background-color: #fff; display: inline;}

.donation_title .d-line {width: 100%; height: 1px; border: 1px solid #8e2a2a; 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 #8e2a2a;
	background-color: #ffffff;
	margin: 0 auto;
	margin-bottom: 80px;
}




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

.press .d-line {width: 100%; height: 1px; border: 1px solid #8e2a2a; 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;
    display: inline-block;
}
/*고객센터*/
#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: #8E2A2A;
	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: #8E2A2A;
	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: #8E2A2A; 
}
.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: #8E2A2A; 
}

.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: #8E2A2A;
}



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

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

.m_board-top_wrap .board-top {
    font-size: 24px;
    color: #8E2A2A;
    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;
}

#txtKeyWd {
    width: 45%;
    height: 45px;
}

.m_board_search2 .default {
	float: right;
	width: 50px;
	height: 43px;
	font-size: 14px;
	line-height: 40px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
    margin-left: 9px;
}

.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:#8E2A2A;
    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: #8e2a2a;
    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;
}




/*페이징*/
.board-number_wrap {width: 100%; margin: 0 auto; text-align: center; padding-bottom: 50px;}
.board-number_wrap a {text-decoration: none; color: #000;}
.board-number_wrap .bbs_pge_arrow {width: 32px; height: 32px; line-height: 32px; margin: 5px;}
.board-number_wrap .board-number {display: inline-block; position: relative; margin-top: 25px;}
.board-number_wrap .bbs_pge_num {
	min-width: 30px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	margin: 20px;
}
.board-number_wrap .bbsselected {color: #8e2a2a; border-bottom: 1px solid #8E2A2A; font-weight: bold;}

.paging-number {display: inline-block; position: relative; margin-top: 25px;}

.paging .bbs_pge_num {
	min-width: 25px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	margin: 10px;
}
.paging .bbsselected {color: #8e2a2a; border-bottom: 1px solid #8e2a2a; font-weight: bold;}


/*페이지 숫자*/
.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: #8e2a2a;
    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: #8e2a2a;
    font-weight: bold;
    font-size: 22px;
}


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

}

.m_board_listview .m_board_listview_center {
    color: #8e2a2a;
    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: left;
}

/*이전글다음글목록*/
.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: #8e2a2a; 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: #8e2a2a;
    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: #8e2a2a;
    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:#8e2a2a;}




/*★★★★★회원가입-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: #8e2a2a;
    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: #8e2a2a;
    color:#fff;
    text-align: center;
    line-height: 56px;
    font-size:17px;
    font-weight: bold;
}
.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: #8e2a2a;
    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: #8e2a2a;
    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: #8e2a2a;
    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: #8e2a2a;
    width: 19%;
    height: 45px;
    float: right;
    text-align: center;
    line-height: 45px;
    color:#fff;
    font-size:13px;
}





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

/* 상단메뉴 */
.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: 60px;
    margin-top: -5px;
}
.m_su-mainheader-top a {color: #000000; text-decoration: none;}
.m_su-mainheader-top img {padding-left: 15px; padding-right: 5px; margin-top: -3px;}
.m_su-mainheader_menu{
	position: absolute;
	top:0;
	right:15px;
	///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;
    z-index: 100;
}
.su-mainmenu {overflow-x: scroll;  white-space:nowrap; line-height: 45px; border-bottom: 1px solid #ddd; background: #fff;}

.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.on {
    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;
}

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


/*메인슬라이드 자리*/
.su-main-slide-1 {
    height: 300px;
    background: /*url(/img/gate/bg.png) center;*/ #fff;
    background-size: cover;
    animation: breath 4s;
    margin-top: -22px;
}


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

/*수강안내*/
.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;}

.su-main-sugang li a {color: #000; text-decoration: none;}
.sungang-6 {
    margin-top: -15px;
    max-width: 100%;
}

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


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

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


.sungang-bottom-title {
    color: #8E2A2A;
    font-size: 22px;
}

.sungang-readmore {
    border-radius: 11px;
    border: solid 1px #8e2a2a;
    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-big3-wrap li {float: left; width: 31%;}
.su-main-big3-wrap  a {color: #000; text-decoration: none;}

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

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

/*합격자*/
.su-main-Successful {margin: 0 auto;
    height: auto;}


/*배너5개*/
.su-main-banner5_wrap {
    background-color: #fff;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.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;
    background: url(/img/suneung/main/5bn_bg-1.png) #fff right bottom;
    margin-left: 3%;
    border-top:5px solid #8e2a2a;
    box-shadow: 2px 2px 2px lightgrey;
}

.su-main-banner5-1 span {font-size: 18px; margin-top: 20px; display: inline-block; font-weight: 700;}
.su-main-banner5-1 p {font-size:14px; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.su-main-banner5-1 a {text-decoration: none; color: #000;}


.su-main-banner5-2 {
    width: 47%;
    background-color: #fff;
    height: 100%;
    float: left;
    background: url(/img/suneung/main/5bn_bg-2.png) #fff right bottom;
    margin-left: 2%;
    border-top:5px solid #8e2a2a;
    box-shadow: 2px 2px 2px lightgrey;
}

.su-main-banner5-2 span {font-size: 18px; margin-top: 20px; display: inline-block; font-weight: 700;}
.su-main-banner5-2 p {font-size:14px; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.su-main-banner5-2 a {text-decoration: none; color: #000;}

.su-main-banner5-3 {
    width: 94%;
    height: 140px;
    text-align: center;
    margin-bottom: 20px;
    background: url(/img/suneung/main/5bn_bg.png) #fff right bottom;
    margin-left: 3%;
    border-top:5px solid #8e2a2a;
    box-shadow: 2px 2px 2px lightgrey;
}

.su-main-banner5-3 span {font-size: 18px; margin-top: 20px; display: inline-block; font-weight: 700;}
.su-main-banner5-3 p {font-size:14px; padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.su-main-banner5-3 a {text-decoration: none; color: #000;}



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


.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;
    color:#000;
}

.su-main-viruszero2 {
    font-size: 17px;
    color: #8e2a2a;
    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; word-wrap: break-word;
    word-break: keep-all;}
.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: #8e2a2a;
    font-weight: bold;
    margin-top: -15px; 
    clear:both;
}
.m_center_wrap .to-btn{
	padding: 0;
	width: 22.05%;
	height: 42px;
	border: solid 1px #dfdfdf;
	background-color: #ffffff;
	line-height: 40px;
	text-align: center;
	font-weight: 100;
	color: #606060;
	font-size: 0.6em;
    font-weight: 700;
	float: left;
	margin-right: 2.9%;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:20px;
}
.m_center_title {
	font-size: 16px; 
	text-align: left; 
	color: #8E2A2A; 
	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: auto;
    height: 230px;
    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-top: 10px; 
    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 { 
    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: #f8f8f8;
    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: 300px;
    margin: 0 auto; 
    text-align: left;
    margin-top: 17px; 
    margin-bottom: 30px;
}

 
.m_ibhack_wrap .ibhack_footer textarea { 
    width: 100%;
    height: 300px;
    padding: 12px;
	font-size: 14px;
    line-height: 1.3;
    border: 1px solid #ddd;
    color: #333;
    outline: none;
	font-family: 'SUIt';
}

.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;
}

.ibhack_sl_center select {
    width: 200px;
    height: 42px;
    padding: 2px 30px 2px 8px;
    line-height: 20px;
    border: 1px solid #ddd;
    color: #666;
    font-size: 13px;
    font-weight: 700;
}


/*영상배경*/
.su-main-slide-1 .bg_slide {
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    height: 460px;}


/*직영센터 팝업 css*/
.jickyoung_popup_viewshop_pop {
	background: #fff;
}

.jickyoung_popup_viewshop_pop  table {
	border-collapse: collapse;
	border-spacing: 0;
}

.jickyoung_popup_viewshop_pop table {
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: none;
}

.jickyoung_popup_viewshop_pop tr {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.jickyoung_popup_viewshop_pop th {
	width: 100px;
	padding: 20px 10px;
	box-sizing: border-box;
	background: #fff5f5;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}

.jickyoung_popup_viewshop_pop td {
	width: 450px;
	padding: 20px 10px;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 1.5em;
}

/*재원생건의*/
#id_MyWord_Wrap {float:left; padding-top: 10px; padding-left:10px;}
#id_MyWord_Wrap label {float:left; padding-top: 10px; padding-left:10px;}

.write_wrap2 .write_w2 {
	width: 100px;
	height: 43px;
	line-height: 43px;
	background-color: #d8d8d8;
	margin-top: 3px;
	margin-left: 10px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.write_wrap2 .write_w2.on {
	background-color: #74191e;
}

/*댓글기능 css*/
.comment div {font-size: 14px; margin: 5px; }

.comment_wrap {
	width:100%; 
	margin-top: 100px; 
	margin-bottom: 20px;
}

.comment_wrap #txtUserName {
	width : 15%;
}
.comment_wrap #txtComment {
	width : 50%;
}


.comment  {
	width : 100%; 
	margin:0 auto;  
	text-align: left; 
	border-top:1px solid #e3d1d2; 
	border-bottom:1px solid #e3d1d2;
	color: #505050; 
	margin-top: 20px; 
}
.comment_bin {height: 3px;}
.comment span {
	font-size: 16px;
	margin: 10px; 
}
.comment p {
	display: inline-block; 
	font-size: 14px;
}
.comment_n {
	font-size: 14px;
	margin: 10px; 
}
.comment_edit {
	width: 93%; 
	margin: 0 auto; 
	position: absolute; 
	text-align: right; 
	font-size: 12px;
}
.comment_edit a {color: #7c3b3b;}


.comment_write_wrap {width: 100%; margin: 0 auto;}
.comment_write_wrap .comment_write {
	width: 100%; 
	height: 50px;
	margin: 0 auto; 
	text-align: left;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.comment_write_wrap .comment_write p {
	float: left;
	line-height: 50px;
	width: 10%;
	background-color: #f8f3f3;
	text-align: center;
	font-size: 14px;
}

.comment_write_wrap .comment_write input { 
	float: left;
	width: 60%;
	height: 35px;
	line-height: 20px;
	border: 1px solid #ddd;
	color: #666;
	outline: none;
	margin-top: 4px;
	margin-left: 7px;
}

.comment_write_wrap .comment_write .write_w {
	display: inline-block;
	width: 11%;
	height: 43px;
	line-height: 43px;
	background-color: #E0462E;
	margin-top: 2px;
	margin-left: 5px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.comment_write_wrap .comment_write .default {
	display: inline-block;
	width: 11%;
	margin-top: 6px;
    height: 35px;
    line-height: 35px;
    border-radius: 4px;
	background-color: #74191e;
	margin-left: 5px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

/*게시판보기 목록*/
.board_viewbt_wrap {width: 100%; height: 40px; margin: 0 auto;}
.board_viewbt {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	text-align: right;
	margin-top: 30px;
	margin-bottom: 30px;
}

/*게시판 버튼*/
.btnBoard_70 {
	width: 70px;
	height: 43px;
	line-height: 43px;
	background-color: #d8d8d8;
	margin-top: 3px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.btnBoard_70.on {
	background-color: #74191e;
}

/*합격자*/
.hapgyuks_wrap_7 {width: 100%; height: 100%; background:#fff; border-top: 1px  solid #ddd; margin-bottom: 50px; padding: 0 15px;}
.hapgyuks_7 {width: 100%;  margin: 0 auto; margin-top: 50px; position: relative; text-align: center;}
.hapgyuks_7 p {font-weight: 700; text-align: left; margin-top: 50px;}
.hapgyuks_7 table {
	position: relative;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-size: 12px;
}
.hapgyuks_7 table th {
	background: #f8f8f8;
	border-top: 2px solid #c33030;
	height: 50px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
}
.hapgyuks_7 table td {
	height: 50px;
	width: 12.5%;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	border: 1px solid #ddd;
}
.hapgyuks_7 select {width: 30%; height: 50px; border: 1px solid #ddd; color: #666; }
.hapgyuks_7 .main_su_7-select1 {width: 120%;}
.hapgyuks_7 .main_su_7-select2 {width: 70%;}




/*추가된 메인*/
.singyu_warp {background-color: #fff9f4; text-align: center;}
.singyu {width: 30%; background: #fff; margin: 8px; display: inline-block; margin-right: -3px; border: 1px solid #f3f2f2;}
.singyu2 {width: 30%; background: #fff; margin: 8px; display: inline-block; border: 1px solid #f3f2f2;}


/*공지사항 중요*/
.clsTopAlways {
	background: #8f2a2a;
	padding: 5px;
	color: #fff;
}


/* 직영센터 백그라운드 */
.btnCenterMap {background-color: #8e2a2a; color:#fff; font-weight:bold;}


/* 전국 수석 페이지 2022 - 211216*/


.mainToggle {
    width: 100%;
    font-family: 'Noto Sans KR' !important;
}

.wrapToggle {
    padding: 0;
    margin: 0;
}

.wrapToggle > li {
    cursor:pointer;
  }
  
.wrapToggle > li > h4 {
    padding:20px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#fff;
    font-size:0.9rem;
    text-shadow:1px 1px 0px rgba(0,0,0,.1);
    border-top: 1px solid #a73e3e;
    border-bottom: 1px solid #711515;
    display: flex;
    justify-content: space-between;
    font-weight: bolder;
    margin: 0;
}

.head {
      background-color: #8f2a2a;
}

.content img {
    width: 608px;
}

p.content {
    margin: 0;
    display:none;
    padding:10px 20px 20px 20px;
    font-size:15px;
    word-spacing:3px;
    line-height:1.5em;
    background:#fff;
    font-weight: bolder;
}
  
.content:last-of-type {
    border:1px solid #8f2a2a;
}

.content strong {
    color: #8f2a2a;
    font-size: 25px;
    font-weight: bolder;
}

.always-open {
    display: block !important;
}

.swiper {
    width: 100%;
    height: 300px;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: rgb(141, 98, 98);

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
/**
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }**/
:root {
    --swiper-theme-color: rgb(100, 100, 100)  !important ;
}

.main_su_3 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.main_su_3 table {
    margin: auto;
    width: 100%;
    margin-bottom: 30px;
}

.main_su_3 table td {
    background-color: #fff;
    padding: 20px 15px 20px 15px;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    text-align: center;
    vertical-align: middle;
    color: #333;
    font-size: 16px;
    line-height: 24px;
}

.main_su_3 table th {
    font-size: 16px;
    color: #000;
    background: rgb(241, 240, 240);
    border-right: 1px solid #bdbdbd ;
    border-bottom: 1px solid #bdbdbd;
    vertical-align: middle;
    }

.th-style {
    border-top: 3px solid;
}

.red {
    background-color: #f8f0f0 !important;
    
}

.th-style.red {
    border-top: 3px solid #8f2a2a;
}

.th-style.red th{
    background-color: #f8f0f0 !important;
}

.th-style th {
    background-color: rgb(202, 202, 196);
    height: 50px;
    font-weight: bolder;
    vertical-align: middle;
    border-right: 1px solid #bdbdbd ;
    border-bottom: 1px solid #bdbdbd
}

.bdn {
    border-right: none !important;
}

.bdr {
    border-right: 1px solid #bdbdbd;
}

.img-arrow {
    width: 80px;
    height: auto;
    margin-bottom: 35px;
}

@media (max-width:320px) {
    .main_su_3 table td {
        padding: 0.6rem;
    }
}

.explain-button {background-color: #8f2a2a; color: #fff !important; box-shadow: 4px 2px 7px rgba(0,0,0,0.2);}

.tab-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/*220616 추가*/
.patent-wrap {display: flex; justify-content: center; align-items: center; background-color: #f9f9f9; margin-top: 15px; padding:15px; word-break: break-all;}
.design-patent { width: 100%; border: 1px solid #e1e1e1} 
.h-auto { height: auto;}
.text-left {text-align: left; margin-left: 15px;}
.text-left .pls_subtiltle_war {color: #333 !important; margin-top: 0 !important; font-size: 11px;}
.text-left .pls_subtiltle_war strong {font-weight: 900; font-size: 14px;display: block;margin-bottom: 10px;}
.text-left .pls_subtiltle_war span { display: block; color: #8e2a2a; font-size: 10px; opacity: .7;}
.margin-unset {margin: unset !important; padding: 3px 5px; text-align: center;}