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

/*@import url("framework.css");
@import url("font-awesome.css");
@import url("color-dark.css");
@import url("owl.theme.css");
@import url("owl.carousel.css");
@import url("swipebox.css");
@import url("colorbox.css");

*/
@import url("default.css");


html {
	height:100%;
}


.overlay{
	pointer-events:none;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:9999;
}

.all-elements{
	min-height:100%;
}

.page-content{
	background-color:#FFFFFF;
	z-index:10;
	display:block;
	/*min-height:580px;	*/
	min-height:100vh;
	position:relative;
	box-shadow: -4px 0 4px 0 rgba(0,0,0,0.1);
}

.page-content2{
	z-index:21;
	display:block;
	/*min-height:580px;	*/
	min-height:100%;
	position:relative;
	background-color: #fff;/* Old browsers */
}



.page-sidebar{
	width:200px;
	display:block;
	position:absolute;
	z-index:20;
	top:0px;
	left:0px;
	bottom:0px;
	overflow:hidden;
	background-color:#333333;


}

.page-sidebar-scroll{
	z-index:20;
	width:200px;
   /* overflow: scroll;*/
    overflow-x: hidden;
   /* -webkit-overflow-scrolling: touch;*/
	height:100%;
	/*min-height:620px;*/
	background-color:#333333;
}

.header-clear{
	height:50px;
}

.header-clear-big{
	height:80px;
}



.subnav-item{
	display:none;
}

.nav-item .fa-plus{
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform:rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	color:inherit;
	transition:all 100ms ease;
}

.active-subnav-icon{
	-ms-transform: rotate(45deg)!important; /* IE 9 */
	-webkit-transform:rotate(45deg)!important; /* Chrome, Safari, Opera */
	transform: rotate(45deg)!important;
	color:#c0392b!important;
	transition:all 100ms ease;
}

.active-subnav-item{
	display:block;
}

/*Header Icons*/
/*////////////*/

.header{
	height:55px;
	position:fixed;
	width:100%;
	z-index:9999999;
}

.header a:first-child{
	height:55px;
	width:55px;
	display:block;
	text-align:center;
	line-height:55px;
	font-size:14px;
}

.header img{
	width:50px;
	position:absolute;
	top:17px;
	left:50%;
	margin-left:-25px;
}

.header a:last-child{
	height:55px;
	width:55px;
	display:block;
	position:absolute;
	text-align:center;
	line-height:55px;
	font-size:14px;
	top:0px;
	right:0px;
}

.header a:hover{
	background-color:rgba(255,255,255,0.02);
}


.navtitlebar {
   
  position: sticky;
  top: 0px; /* 도달했을때 고정시킬 위치 */
  padding: 5px;
  background-color: gold;
  border: 2px solid orange;
  z-index: 10;

}



.navbar.affix {
    clear: both;
    z-index: 990;
    position: fixed;
    top: 0;
    width: 100%;
    height: 14vw;
    background-color: #fff;
    padding: 0px;
    margin: 0;
    border-bottom: 1px solid #666;
    box-sizing: border-box;
    box-shadow: 0 2px 3px rgb(0 0 0 / 30%);}





/*Error Page*/

.error-page{
	padding-top:20px;
	padding-bottom:80px;
}

.error-page h1{
	font-size:32px;
	line-height:70px;
	text-align:center;
}

.error-page p{
	text-align:center;
	width:85%;
	margin-left:auto;
	margin-right:auto;
}



@media (min-width:767px){
	.error-page{
		padding-top:150px;
		padding-bottom:150px;
	}

	.error-page p{
		width:60%;
		padding-bottom:50px;
	}

	.error-page h1{
		font-size:60px;
		line-height:80px;
	}
}

/*//////////*/
/*Staff Page*/
/*//////////*/


.staff-sidebar-small em{
	color:#e34e47;
	margin-top:-10px;
	display:block;
	margin-bottom:20px;
}

/*/////////*/
/*Login Box*/
/*/////////*/

.login-box{
	width:90%;
	margin:0 auto;
	background-color:rgba(255,255,255,0.6);
	padding:20px;
	margin-top:40px;
	margin-bottom:40px;
	border:solid 1px rgba(0,0,0,0.07);
	overflow:visible;
}

@media (min-width:768px){
	.login-box{
		margin-top:120px;
		margin-bottom:120px!important;
	}
}

.login-box img{
	position:absolute;
	margin-top:-85px;
	border:solid 10px #FFFFFF;
	width:120px;
	border-radius:175px;
	margin-left:55px;
}

.login-box em{
	margin-top:40px;
	margin-bottom:15px;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	font-style:normal;
	font-weight:bold;
}

.login-username{
	margin-bottom:20px;
	height:40px;
	width:100%;
	border:solid 2px rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.5);
	padding-left:20px;
	transition:all 400ms ease;
}

.login-username:focus{
	border:solid 2px #27ae60;/*Green*/
	transition:all 400ms ease;
}

.login-password{
	margin-bottom:20px;
	height:40px;
	width:100%;
	border:solid 2px rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.5);
	padding-left:20px;
	transition:all 400ms ease;
}

.login-password:focus{
	border:solid 2px #c0392b;
	transition:all 400ms ease;
}

.login-box strong{
	font-size:9px;
	text-align:center;
	display:block;
	margin-top:20px;
	margin-bottom:0px;
	color:#555555;
	font-weight:400;
}

.login-box strong a{
	display:inline;
	opacity:0.8;
}

/*Portfolio*/

.portfolio-wrapper p{
	color:#666666;
}




/* 한국어3급추가 */
.main_bg{
	width:100%;
	height:100%;
	min-height:620px;
}

.main_logo img{
	width:100%;
	max-width:320px;
	margin:40px auto 0  auto;
	/*-webkit-filter:drop-shadow(0 4px 4px #333333);
	filter:drop-shadow(0 4px 4px #333333);*/
}

.sub_top{
	width:100%;
	height:50px;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #6C6C6C),
	color-stop(0.8, #4A4A4A)
);
background-image: -o-linear-gradient(bottom, #6C6C6C 0%, #4A4A4A 80%);
background-image: -moz-linear-gradient(bottom, #6C6C6C 0%, #4A4A4A 80%);
background-image: -webkit-linear-gradient(bottom, #6C6C6C 0%, #4A4A4A 80%);
background-image: -ms-linear-gradient(bottom, #6C6C6C 0%, #4A4A4A 80%);
background-image: linear-gradient(to bottom, #6C6C6C 0%, #4A4A4A 80%);
}


.sub_logo {
	width:130px;
	margin:10px auto;
}

.sub_logo img{
	width:100%;
	max-width:230px;
}
.sub_top_logout_btn{
	width:50px;
	position:absolute;
	top:0;
	right:0;
}

.sub_top_logout_btn img {
	width:100%;
	border:none;
}



.sub_top_slide{
	width:50px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
}
.sub_top_slide img{
	width:100%;
	max-width:88px;
}



.login_logo img{
	width:100%;
	max-width:420px;
	margin:25px auto 0  auto;
	/*-webkit-filter:drop-shadow(0 4px 4px #333333);
	filter:drop-shadow(0 4px 4px #333333);*/
}



.main_btn li{
	list-style:none;
	background-color:rgba(255,255,255,0.3);
	width:100%;
	height:40px;
	color:#fff;
	padding-top:10px;
	margin-bottom:10px;
	display:inline-block;
	text-align:center;
	vertical-align:central;
	font-size:20px;
	font-weight:bold;

}
.main_btn{
	width:90%;
	position:absolute;
	left:5%;
	bottom:20%;
}





/***************************************** 에듀업 모바일 2015 *****************************************/

/************************************************* 탑메뉴 ********************************************/
.icon_c_bl { color:#929292}


 .top_bar{
    width:100%;
	min-width:260px;
	background-color:#fff;
	max-height:96px;
	display:block;
	text-align:center;
    border-bottom: #eee solid 1px;  
	position:relative;
 }

 .top_bar_logo{
	 margin:9px auto 8px auto;
	 width:40%;
	 min-width:160px;
	 max-width:360px;
 }
 .top_bar_logo img{
	 width:100%;
 }

@media (min-width:540px){    
    .top_bar_logo{ padding-top:5px; width:40%; }    
}


 .square-box_left{
    position: relative;
    width: 14%;
    overflow: hidden;
    background: #fff;
	float:left;
	max-width:96px;
	min-width:50px;
	height:100%;
}

.square-box_left:before{
    content: "";
    display: block;
    padding-top: 100%;
}


 .square-box_right{
    position: relative;
    width: 14%;
    overflow: hidden;
    background: #fff;
	float:right;
	max-width:96px;
	min-width:50px;
	height:100%;
}

.square-box_right:before{
    content: "";
    display: block;
    padding-top: 100%;
}


.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    
}
.square-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white
}


/*****************************************GNB************************************************************/

.top_menu_list a{
	color:#ffffff;
}
.top_menu_last a{
	color:#ffffff;
}

.top_menu{
	width:100%;
	margin:0;
	height:45px;
	background-color:#434a54;
	color:#fff;
}

.top_menu ul{
	width:100%;
	margin:0;
	padding:0;
	height:45px;
}
.top_menu_list{
	color:#ffffff;
	list-style:none;
	font-size:120%;
	font-weight:bold;
	width:25%;
	float:left;
	height:100%;
	line-height:45px;
	text-align:center;

}

.top_menu_last{
	color:#ffffff;
	list-style:none;
	font-size:120%;
	font-weight:bold;
	width:25%;
	float:right;
	height:100%;
	line-height:45px;
	text-align:center;
}

.top_menu_list:hover{
	color:#999;
	height:100%;
	text-shadow:none;
	border-bottom:3px solid #4fc1e9;
}

.top_menu_last:hover{
	color:#999;
	height:100%;
	border-bottom:3px solid #4fc1e9;
}




/****************************************2뎁스**********************************************************/



.sub_menu{
	width:100%;
	margin:0;
	height:45px;
	background-color:#ededed;
	color:#434a54;
   
    font-size: 13px;
}

.sub_menu ul{
	width:100%;
	margin:0;
	padding:0;
	height:48px;
}
.sub_menu_list{
	color:#9b9da0;
	list-style:none;
	font-size:100%;
	font-weight:bold;
	width: 20%;
	float:left;
	height:100%;
	line-height:39px;
	text-align:center;
	border-bottom:3px solid #e6e6e6;
}
.sub_menu_list_2x{
	color:#9b9da0;
	list-style:none;
	font-size:120%;
	font-weight:bold;
	width:50%;
	float:left;
	height:100%;
	line-height:39px;
	text-align:center;
	background-color:#dcdcdc;
	
}



.sub_menu_list_active{
	color:#000;
	height:100%;
	width:100%;
	float:left;
	background-color:#fff;
    line-height:39px;
    border-bottom: 4px solid #3467e6;

}


.sub_menu_aboutedup_active{
	color:#000;
	height:100%;
	width:100%;
	float:left;
	background-color:#fff;
	box-shadow: #858585 0px 0px 5px;

}
.sub_menu_creditbank_active{
	color:#000;
	height:100%;
	width:100%;
	float:left;
	background-color:#fff;
	box-shadow: #858585 0px 0px 5px;

}


.package_bn_library {
	display: flex;
    background: #fff;
    width: 100%;
    height: 110px;
    box-sizing: border-box;
    padding: 10px;
    
	background-size:cover;
	box-shadow: 0px 2px 7px rgb(0, 0, 0, 15%);
	border: 3px solid #5c75e9;
	border-radius: 8px;
	justify-content: space-between;
	margin-bottom: 10px;
}

.package_title1 { font-size: 16px; line-height: 20px; margin-bottom: 5px;}
.package_title2 {font-size: 25px; font-weight: bold; line-height: 27px;}

.package_app_wrap { width: 80px; display: table; }
.btn_package_app { height:100%; ; font-size: 15px; background: #0062E7;  border-radius: 8px; display: table-cell; text-align: center;  vertical-align: middle;  }
a.btn_package_app {color: #fff;}

.package_bn_title { display: flex; flex-direction: column;  justify-content: center;}


@media screen and (max-width:390px) {
	
	.package_title2 {font-size: 22px; line-height: 27px;}
  }



/*교육과정 2뎁스 END*/


/* 학습지원 2뎁스 */
.sub_menu_noti{
	color:#9b9da0;
	height:100%;
	width:100%;
	float:left;
	background-color:#c0c0c0;

}
.sub_menu_schedule{
	color:#9b9da0;
	height:100%;
	width:100%;
	float:left;
	background-color:#c0c0c0;

}

.sub_menu_noti_active{
	color:#fff;
	height:100%;
	width:100%;
	float:left;
	background-color:#89b0c8;

}
.sub_menu_schedule_active{
	color:#fff;
	height:100%;
	width:100%;
	float:left;
	background-color:#89b0c8;

}
/* 학습지원 2뎁스END */


/***************************************메인화면********************************************************/


a.oneonone{
	width:96%;
	margin:auto;
	margin-top:2%;
	margin-bottom:2%;
	height:50px;
	background-color:#2e4368;
	color:#fff;
	text-align:center;
	line-height:50px;
	font-size:1.8em;
    border-radius: 5px;

}
.oneonone span{
	margin-top:5px;
}


/**********************************푸터**********************************************************/

.m_copyright{
	width:100%;
	padding:20px;
	background-color:#eeeff2;
    font-size: 13px;
	line-height:15px;
	
}

.footer{
	width:100%;
	
	background-color:#434a54;
	font-size:1.1em;
	color:#fff;
	opacity:0.95;

}
.footer li {
	width:33%;
	list-style:none;
	float:left;
	text-align:center;
	line-height:46px;
	margin:0;
	padding:0;
    border-right:#7A7A7A solid 1px;
}
.footer li:last-child {

    border-right: #D5D5D5 solid 0px;
}

.footer li a {
	color:#ffffff;

}

#toTop {position:fixed;z-index:1000;bottom:30px;right:10px;display:none;
	opacity:.7;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=60);
}
#toTop a {display:block;width:41px;height:41px;background-color:#777;color:#fff;overflow:hidden;text-align:center;line-height:28px;
	border-radius:5px;
}
#toTop a em {position:relative;top:4px;left:15px;display:block;width:5px;height:5px;border:5px solid #777;border-bottom:5px solid #fff; }

/********************************************* 게시판 *************************************************/



/*.sub_menu_learn_active{
	height:50px;
	color:#FFFFFF;
	border:none;
	background:#00a9c2;
}.sub_menu_noti_active{
	height:50px;
	color:#FFFFFF;
	border:none;
	background:#00a9c2;
}
.sub_menu_schedule_active{
	height:50px;
	width:100%;
	border:none;
	color:#FFFFFF;
	background:#00a9c2;
}
*/

.lecture_contents{
	width:100%;
	min-height:100%;
	background-color:#ffffff;
}

.noti_contents{
	width:100%;
	min-height:100%;
	background-color:#ffffff;


}

.schedule_contents{
	width:100%;
	min-height:100%;
	background-color:#ffffff;
    padding: 10px; 
    box-sizing: border-box;

}

.text_list{
	width:100%;
	margin:3px 0 0 0;
	min-height:100%;

}

.text_list li{
	width:100%;
	border-bottom:1px solid #ccc;
	list-style:none;
	height:45px;


}

.list_txt{
	color:#666666;
	
	float:left;
	margin:0;
	line-height:40px;
	padding-left:30px;
	padding-right:15px;
	overflow-x :hidden;
	overflow-y:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	background-image:url(/images/list_ico_01.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:32px 40px;
}

.list_mustread_icon{
	color:#666666;
	
	float:left;
	margin:0;
	line-height:40px;
	padding-left:30px;
	padding-right:15px;
	overflow-x :hidden;
	overflow-y:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	background-image:url(/images/list_ico_03.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:32px 40px;
}


.list_data{
	color:#09F !important;
	
	float:right;
	color:#333;
	line-height:40px;
	padding-right:5px;
}



.text_view{
	width:100%;
	height:100%;
	padding:15px;
	font-size:14px;
}

.text_view_title{
	font-size:18px;
	color:#222222;
	width:80%;
	float:left;
	height:35px;
	line-height:35px;
}

.text_view_line{
	width:100%;
	height:1px;
	background-color:#ccc;
	margin-bottom:10px;
}
.text_view_data{
	font-size:14px;
	color:#666666;
	width:20%;
	float:right;
	text-align:right;
	height:35px;
	line-height:35px;
	
	
}

.text_view img {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	border:none;
	display:block;
}

.list_back_warp{
	width:100%;
	margin-top:10px;
	margin-bottom:30px;
}

.list_back{
	width:90%;
	padding:10px 20px;
	margin:0 auto;
	height:45px;
	display:block!important;
	text-align:center;
	background-color:#5791a5;
	color:#FFFFFF;
	font-size:15px;
	border-radius:4px;
	      -webkit-border-radius: 4px !important;
          -moz-border-radius:    4px !important;
               border-radius:    4px !important;
}

.list_back:hover{
	background-color:#3498db;
}

/*******************************블릿정의*****************************/
.text_deco_f {
	position:relative;
	width:100%;
	margin:0.6em 0 0.5em 0;
	display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:2em;
  color:#145d75; !important;
}

.text_deco_f:before{
	content: "\f138";


}

.text_deco_s{
	background-image:url(/images/text_deco_s.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	background-size:20px 30px;
}

.text_deco_t{
	display:block;
	background-color:#434a54;
	color:#fff;
	width:70px;
	text-align:center;
	height:1.8em;
	line-height:1.8em;
	font-size:1.15em;
	font-weight:bold;
	border-radius:4px; !important;
	 -webkit-border-radius: 4px !important;
     -moz-border-radius:    4px !important;
	 margin-bottom:10px;
}

.text_deco_b{
	color:#1392bd;
	font-size:1.3em;
	font-weight:bold;
}

/****************************교육원소개**********************************************/
.aboutedup_wrap{
	width:90%;
	margin:0 auto;
}

.aboutedup_Sentence{
	margin:0 0 1.35em 0;
	line-height:1.55em;
	font-size:1.1em;
	font-weight:500;
	letter-spacing:-0.0765em;
	word-wrap:break-word;
}

.aboutedup_chart {
	width:100%;
	padding:10px 0 0 0;
}

.aboutedup_Sentence table{
	width:100%;
	border-collapse:collapse;	
	border-spacing:0;
}
.aboutedup_Sentence caption{
	height:0;
	overflow:hidden;
}
.aboutedup_Sentence colgroup{
	display:table-column-group;
}

.aboutedup_Sentence thead{
	display:table-header-group;
}

.aboutedup_Sentence tbody{
	display:table-row-group;
}

.aboutedup_Sentence th{
	background-color:#666666;
	border:1px solid #939393;
	line-height:2.2em;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size:0.8em;
}

.aboutedup_Sentence tr{
	display: table-row;
}

.aboutedup_Sentence td{
	border:1px solid #e5e5e5;
	padding:0.65em 0;
	line-height:1.03em;
	color:#555;
	text-align:center;
	vertical-align:middle;
	font-size:0.8em;
}


.aboutedup_chart li:nth-child(1){
	list-style:none;
	position:relative;
	width:30%;
	min-width:70px;
	margin-left:3%;
	background-color:#bc6edc;
	color:#fff;
	font-size:1.1em;
	line-height:1.2em;
	text-align:center;
	border-radius:10px !important;
	 -webkit-border-radius: 10px !important;
     -moz-border-radius:    10px !important;
	 float:left;
}

.aboutedup_chart li:nth-child(2){
	list-style:none;
	position:relative;
	width:30%;
	min-width:70px;
	margin-left:3%;
	background-color:#489bd2;
	color:#fff;
	font-size:1.1em;
	line-height:1.2em;
	text-align:center;
	border-radius:10px !important;
	 -webkit-border-radius: 10px !important;
     -moz-border-radius:    10px !important;
	  float:left;
}

.aboutedup_chart li:nth-child(3){
	list-style:none;
	position:relative;
	width:30%;
	min-width:70px;
	margin-left:3%;
	background-color:#e17469;
	color:#fff;
	font-size:1.1em;
	line-height:1.2em;
	text-align:center;
	border-radius:10px !important;
	 -webkit-border-radius: 10px !important;
     -moz-border-radius:    10px !important;
	  float:left;
}

.aboutedup_chart li:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.aboutedup_chart_plus{
	width:100%;
	text-align:center;
	margin:10px 0;
}

.aboutedup_chrt_text_t{
	width:100%;
	text-align:center;
	font-size:2em;
	font-weight:bold;
	height:25px;
}

.aboutedup_chrt_text_b{
	width:100%;
	text-align:center;
	font-size:1.1em;
	color:#888888;
}

/****연혁***/

.aboutedup_history li{
	display:block;
	margin:0 0 0.5em 0;
	line-height:1.1em;
	font-size:1em;
	font-weight:500;
	letter-spacing:-0.0765em;
	word-wrap:break-word;
	background-image:url(/images/text_deco_s.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	background-size:10px 15px;

}

.aboutedup_history li:first-child{
	background-image:none;
	background-color:#434a54;
	color:#fff;
	width:70px;
	text-align:center;
	height:1.6em;
	line-height:1.6em;
	font-size:1.15em;
	font-weight:bold;
	padding:0;
	border-radius:4px; !important
	 -webkit-border-radius: 4px !important;
     -moz-border-radius:    4px !important;
	 margin-bottom:10px;
}


/***교육원특징***/

.aboutedup_Sentence dt{
	background-image:url(/images/text_deco_s.png);
	background-repeat:no-repeat;
	background-position: left;
	background-size:10px 15px;
	padding-left:10px;
	font-weight:bold;


}

.aboutedup_Sentence dd{
	padding-left:15px;
	margin-bottom:10px;
}


.line_f{
	height:1px;
	width:100%;
	border-bottom:1px dashed #c7c7c7;
	margin:10px 0;
}

/*********************************학점은행 소개**************************************/
.creditbank_info div:nth-child(4n+1){
	width:100%;
	height:50px;
	border-radius:0 20px 0 20px !important;
	-webkit-border-radius:0 20px 0 20px !important;
    -moz-border-radius:   0 20px 0 20px !important;
	background-color:#b4e3f2;
	color:#0d4152;
	font-size:1.2em;
	text-align:center;
	/*text-shadow:0px 1px 1px rgba(0,0,0,0.3);*/
	line-height:50px;
	border-bottom:3px solid #6aabc0;
}

.creditbank_info div:nth-child(4n-1){
	width:100%;
	height:50px;
	border-radius:0 20px 0 20px !important;
	-webkit-border-radius:0 20px 0 20px !important;
    -moz-border-radius:   0 20px 0 20px !important;
	background-color:#2980b9;
	color:#fff;
	font-size:1.2em;
	text-align:center;
	/*text-shadow:0px 1px 1px rgba(0,0,0,0.3);*/
	line-height:50px;
	border-bottom:3px solid #135d8e;
}

.creditbank_info div:last-child{
	width:100%;
	height:50px;
	border-radius:0 20px 0 20px !important;
	-webkit-border-radius:0 20px 0 20px !important;
    -moz-border-radius:   0 20px 0 20px !important;
	background-color:#564128;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	/*text-shadow:0px 1px 1px rgba(0,0,0,0.3);*/
	line-height:50px;
	border-bottom:3px solid #462f14;
	margin-bottom:20px;
}

.creditbank_info div:nth-child(2n){
	width:100%;
	text-align:center;
	height:20px;
}

.aboutedup_Sentence_box_l{
	width:45%;
	float:left;
	height:30px;
	font-size:0.9em;
	text-align:center;
	background-color:#247d9b;
	color:#fff;
	line-height:30px;
	border-radius:0 10px 0 10px !important;
	-webkit-border-radius:0 10px 0 10px !important;
    -moz-border-radius:   0 10px 0 10px !important;

}
.aboutedup_Sentence_box_r{
	width:45%;
	float:right;
	height:30px;
	font-size:0.9em;
	text-align:center;
	background-color:#247d9b;
	color:#fff;
	line-height:30px;
	border-radius:0 10px 0 10px !important;
	-webkit-border-radius:0 10px 0 10px !important;
    -moz-border-radius:   0 10px 0 10px !important;

}

.aboutedup_Sentence_box_c{
	width:10%;
	text-align:center;
	float:left;
	font-size:1.5em;
	font-weight:700;
	height:30px;
	line-height:30px;
	color:#333333;
}
.aboutedup_Sentence_tbox{
	width:100%;
	height:35px;
	line-height:32px;
	text-align:center;
	border:2px solid #e0e0e0;
	font-size:1.1em;
	font-weight:bold;
	background-color:#f0f0f0;
}
.aboutedup_Sentence_tbox_s{
	width:100%;
	padding:10px;
	text-align:center;
	border:2px solid #e0e0e0;
	font-size:1.1em;
	font-weight:bold;
	background-color:#f0f0f0;
	margin-bottom:10px;
}
.aboutedup_Sentence_tbox_s_font{
	font-size:0.9em;
	color:#999999;
}


.aboutedup_Sentence_box_ll{
	width:30%;
	float:left;
	height:30px;
	font-size:0.9em;
	text-align:center;
	background-color:#247d9b;
	color:#fff;
	line-height:30px;
	border-radius:0 10px 0 10px !important;
	-webkit-border-radius:0 10px 0 10px !important;
    -moz-border-radius:   0 10px 0 10px !important;

}
.aboutedup_Sentence_box_rr{
	width:30%;
	float:right;
	height:30px;
	font-size:0.9em;
	text-align:center;
	background-color:#247d9b;
	color:#fff;
	line-height:30px;
	border-radius:0 10px 0 10px !important;
	-webkit-border-radius:0 10px 0 10px !important;
    -moz-border-radius:   0 10px 0 10px !important;

}


.aboutedup_Sentence_box_plus{
	width:5%;
	text-align:center;
	float:left;
	font-size:1.5em;
	font-weight:700;
	height:30px;
	line-height:30px;
	color:#333333;
}


.aboutedup_Sentence_box_lll{
	width:20%;
	float:left;
	padding:2%;
	font-size:0.9em;
	text-align:center;
	background-color:#247d9b;
	color:#fff;
	border-radius:0 10px 0 10px !important;
	-webkit-border-radius:0 10px 0 10px !important;
    -moz-border-radius:   0 10px 0 10px !important;

}
.aboutedup_Sentence_box_rrr{
	width:70%;
	float:right;
	padding:2%;
	font-size:0.9em;
	text-align:center;
	background-color:#247d9b;
	color:#fff;
	border-radius:0 10px 0 10px !important;
	-webkit-border-radius:0 10px 0 10px !important;
    -moz-border-radius:   0 10px 0 10px !important;

}


.aboutedup_Sentence_box_or{
	width:10%;
	text-align:center;
	float:left;
	font-size:1.5em;
	font-weight:700;
	height:50px;
	line-height:50px;
	color:#333333;
}


.creditbank_tb_one col:nth-child(1){width:11.1%;}
.creditbank_tb_one col:nth-child(2){width:13.2%;}
.creditbank_tb_one col:nth-child(3){width:26.0%;}
.creditbank_tb_one col:nth-child(4){width:24.6%;}
.creditbank_tb_one col:nth-child(5){width:24.1%;}

.creditbank_tb_two col:nth-child(1){width:24%;}
.creditbank_tb_two col:nth-child(2){width:25%;}
.creditbank_tb_two col:nth-child(3){width:25.5%;}
.creditbank_tb_two col:nth-child(4){width:25.5%;}



/******************************** 교육과정 ******************************************/
.course_wrap img { width: 100% }

.course_shortcuts_square_1{
    position: relative;
	width:100%;
    overflow: hidden;
	float:left;
    background: #f6d6b4;
	height:110px;
}


 .course_shortcuts_square_2{
    position: relative;
	width:100%;
    overflow: hidden;
	float:left;
    background: #f6ecb3;
	height:110px;
}


 .course_shortcuts_square_3{
    position: relative;
	width:100%;
    overflow: hidden;
	float:left;
    background: #eed8fc;
	height:110px;
}


 .course_shortcuts_square_4{
    position: relative;
	width:100%;
    overflow: hidden;
	float:left;
    background: #d5f7f0;
	height:110px;
}


.course_shortcuts_content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
   left: 0;
   padding:25px 6%;
   display: table-cell;
}


.course_shortcuts_title{
	font-size:1.8em;
	font-weight:900;
	color:#555555;
	height:22px;

}

.course_shortcuts_title_s{
	font-size:1em;
	line-height:1.2em;
	color:#555555;
	float:left;
	width:70%;
	margin-top:8px;

}

.course_shortcuts_icon{
	position:absolute;
	right:6%;
	float:right;
	width:20%;
	max-width:80px;
	display: table-cell;
    vertical-align: middle;


}
.course_shortcuts_icon img{
	width:100%;
	display:block;
}



.table_tbody{
	margin-bottom:15px;
	box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
}

.table_th{
	width:100%;
	text-align:center;
	background-color:#5b626c;
	color:#fff;
	height:30px;
	font-size:1.2em;
	font-weight:bold;
	line-height:30px;
	border-radius:6px 6px 0 0 !important;
	 -webkit-border-radius: 6px 6px 0 0 !important;
     -moz-border-radius:    6px 6px 0 0 !important;

}

.table_td{
	width:100%;
	padding:12px;
	background-color:#fff;
	color:#444444;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-top:none;
	font-size:1em;
}

.table_noti{
	position:absolute;
	bottom:0;
	right:0;
	color:#ad3626;
	font-size:0.6em;
}
.consultation_btn{
	width:100%;
	height:60px;
	line-height:60px;
	background-color:#5791a5;
	text-align:center;
	font-size:2em;
	margin:10px auto;
	border-radius:6px 6px  !important;
	 -webkit-border-radius: 6px 6px !important;
     -moz-border-radius:    6px 6px  !important;
	 border-top:1px solid #90bac9;
	 border-bottom:1px solid #1c5568;
}

.aboutedup_Sentence_list li{
	list-style:none;
	background-image:url(/images/text_deco_s.png);
	background-repeat:no-repeat;
	background-position: left;
	background-size:10px 15px;
	padding-left:10px;
	font-weight:bold;


}

/******************************** 상담신청 *****************************************/
.consult_wrap{
	width:100%;
	min-height:420px;
	height:100%;
	/*height:500px;*/
	background-color:#f5f6f7;
	text-align:center;
}
.consult_tit{
	height:50px;
	width:90%;
	max-width:450px;
	min-width:280px;
	line-height:50px;
	margin:0 auto;
    text-align: center;
    font-size: 14px;

}
.consult_input_wrap{
	width:90%;
	max-width:450px;
	min-width:280px;
	border:1px solid #dadada;
	padding:11px 11px 11px 13px;
	background-color:#fff;
	height:50px;
	margin:0 auto 10px auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.consult_text_wrap{
	width:90%;
	max-width:450px;
	min-width:280px;
	border:1px solid #dadada;
	padding:11px 11px 11px 13px;
	background-color:#fff;
	height:110px;
	overflow:scroll;
	margin:10px auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}


.consult_input_box{
	width:100%;
	height:30px;
	border:none;
	color:#333333;
	padding:6px 0;
	font-size:1.25em;
	font-weight:bold;

}

.consult_text_box{
	width:100%;
	border:none;
	line-height:30px;
	height:85px;
	color:#333333;
	padding:6px 0;
	font-size:1.25em;
	font-weight:bold;
	overflow:hidden;

}

#context{
	overflow:hidden;
}

.btn_wrap{
	width:90%;
	max-width:450px;
	min-width:280px;
	margin:5px auto 15px auto;
    text-align: center;
}

.submit_btn{
	width:48%;
	padding:10px 20px;
	float:left;
	height:40px;
     line-height: 20px;
	display:block!important;
	text-align:center;
	background-color:#2a91d4;
	color:#FFFFFF;
	font-size:16px;
	border-radius:4px;
	      -webkit-border-radius: 4px !important;
          -moz-border-radius:    4px !important;
               border-radius:    4px !important;
}

.cancel_btn{
	width:48%;
	padding:10px 20px;
	float:right;
	height:40px;
    line-height: 20px;
	display:block!important;
	text-align:center;
	background-color:#646b7c;
	color:#fff;
	font-size:16px;
	border-radius:4px;
	      -webkit-border-radius: 4px !important;
          -moz-border-radius:    4px !important;
               border-radius:    4px !important;
}


.consul_wrap { padding:5px 0 10px 0;}
.consul_wrap label{ font-size: 14px !important; font-weight: bold}
.consul_wrap a {font-size: 14px; font-weight: bold }

.invisible {
	display:none;
}


#top_noti ul li
{
	height:28px;
	line-height:28px;
	vertical-align:middle;
	list-style:none;
}

#top_noti ul li a
{
	color:black;
}


/*메인 영역*/
.maintopbar_wrap {width:100%; display:flex;justify-content:space-between;align-items:center;}
.maintopbar_wrap > a { text-align: center; height: 40px; line-height:40px; font-size: 14px;  }
.maintopbar_wrap > .maintop_btn01 { width: 50%; display: block; background: #172c7b; color: #FFFFFF}
.maintopbar_wrap > .maintop_btn02 {width: 50%; display: block; background: #0e3b65; color: #FFFFFF}

@media screen and (min-width:767px) {
	.maintopbar_wrap > a { text-align: center; height: 50px; line-height:50px; font-size: 15px;  }
}

.main_slider_wrap img{ width: 100%}

.banner_open_warp .maintab_wrap {height: 30px;line-height: 30px; font-size: 14px; text-align: center;font-weight: bold; margin: 10px 0}
.banner_open_warp .maintab_off { width: 20%;  display:inline-block;  background: #B1B1B1; color: #6A6A6A}
.banner_open_warp .maintab_on  { width: 20%;  display:inline-block;background: #FFFFFF; }

.banner_open_warp {width:100%; background: #ffd73f; text-align: center; padding:20px 10px; box-sizing: border-box}
.banner_open_warp p { margin: 0 ; padding: 0}
.mainNotice .banner_open_title { font-size: 20px; font-weight: bold; }
.mainNotice .banner_open_title span { color: #E10003}

.mainNotice .btn_main_open_wrap {width:90%;  margin: auto; margin-top: 5px; display:flex;justify-content:space-between;align-items:center;}
.mainNotice a { text-align: center; height:25px; line-height:25px; font-size: 12px;  }
.mainNotice .btn_main_open { width: 100%; background: #1f3346; margin: 0 2px; color: #FFFFFF; border-radius: 5px; height: 30px; line-height: 30px; }


/**/
.notice_box {background: #FFCE00; position:relative;width:100%; background: #ffd73f; text-align: center; padding:20px 10px; box-sizing: border-box }
.mainNotice {position:relative;width:100%; }
.mainNotice li {list-style: none;}
.mainNotice ul {position:relative; }
.mainNotice ul > li > ul {display:none;display:none;height:150px;margin-top:0px;padding-top:45px;border-top:0px solid #ccc;}
.mainNotice ul > li > ul > li {position:relative;margin:12px 5px 2px 5px;list-style: none; vertical-align: top }
.mainNotice ul > li > ul > li a {color:#333333;padding-right:10px; }
.mainNotice ul > li > ul > li .day_text {position:absolute;right:0px;top:0; color:#005176  }
.mainNotice ul > li > ul > li dl {padding-bottom:15px;border-bottom:1px dotted #ccc;}
.mainNotice ul > li > ul > li dl dt {margin-bottom:10px;}
.mainNotice ul > li .tab2 {display:inline-block;position:absolute;top:0px;width:100px;height:35px;line-height:34px;font-size:16px; background:#fff;
border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8;border-top:1px solid #d8d8d8 ;  border-bottom:1px solid #d8d8d8 ;text-align:center;font-family: 'notokr-regular';z-index:10;color:#5d5d5d}

.mainNotice ul > li .tab3 {display:inline-block;position:absolute;top:0px;width:100px;height:35px;line-height:34px;font-size:16px; background:#f7f7f7;
border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8;border-top:1px solid #d8d8d8;  border-bottom:1px solid #d8d8d8 ;text-align:center;font-family: 'notokr-regular';z-index:10;color:#000}

.mainNotice ul > li:nth-child(1) > a.tab2 {left:0px; border-right:0px solid #ccc;}
.mainNotice ul > li:nth-child(2) > a.tab2 {left:101px;}
.mainNotice ul > li:nth-child(3) > a.tab2 {width:100px;left:201px;}
.mainNotice ul > li.active > a {background:#fff;color:#000;height:35px;font-family: 'notokr-bold'; font-weight: bold}
.mainNotice ul > li.active .list {display:block;}


.mainNotice ul > li.active > a.tab3 {background:#000;color:#fff;width:100px;height:35px;}


.mainNotice ul > li:nth-child(1) > a.tab3 {left:0px; border-right:0px solid #ccc; }
.mainNotice ul > li:nth-child(2) > a.tab3 {left:100px;}
.mainNotice ul > li:nth-child(3) > a.tab3 {border-right:none;width:100px;left:201px;}
.mainNotice ul > li:nth-child(4) > a.tab3 {border-right:none;width:100px;left:301px;}
.mainNotice ul > li:nth-child(5) > a.tab3 {width:100px;left:401px;}
.mainNotice ul > li:nth-child(6) > a.tab3 {width:100px;left:501px;}





.mainNotice ul > li .tab1 {display:inline-block;position:absolute;top:0px;width:80px;height:35px;line-height:34px; background:#d8d8d8;
text-align:center;font-family: 'notokr-regular';z-index:5; color:#000;font-size:14px}


.mainNotice ul > li:nth-child(1) > a.tab1 {left:0px;  }
.mainNotice ul > li:nth-child(2) > a.tab1 {left:81px;}
.mainNotice ul > li:nth-child(3) > a.tab1 {left:163px;}
.mainNotice ul > li:nth-child(4) > a.tab1 {left:245px;}


.mainNotice2 ul > li .tab11 {display:inline-block;position:absolute;top:0px;width:90px;height:35px;line-height:34px; background:#d8d8d8;
	text-align:center;font-family: 'notokr-regular';z-index:5; color:#000;font-size:14px}
	
	
.mainNotice2 ul > li:nth-child(1) > a.tab11 {left:0px;  }
.mainNotice2 ul > li:nth-child(2) > a.tab11 {left:101px;}
.mainNotice2 ul > li:nth-child(3) > a.tab11 {left:202px;  width:100px;}
.mainNotice2 ul > li:nth-child(4) > a.tab11 {left:302px;  width:100px;}




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

/**/






.mainbody_quick_wrap { width:100%; padding: 10px;box-sizing: border-box;} 
.banner_icon_warp { width:100%;display:flex;justify-content:space-between;align-items:center;} 
.banner_q_wrap {width:33%; height:110px; padding:20px 10px;box-sizing: border-box; border-radius: 5px;  background:#FFF; display:inline-block; margin:2px; border:#d5d5d5 solid 1px}
.banner_q_wrap:last-child { padding:15px 10px;}

.q_icon01 { background: url(/images/main/q_icon01.png) bottom right  no-repeat; background-size:50% }
.q_icon02 { background: url(/images/main/q_icon02.png) bottom right  no-repeat; background-size:50% }
.q_icon03 { background: url(/images/main/q_icon03.png) bottom right  no-repeat; background-size:50% }
.q_icon04 { background: url(/images/main/q_icon04.png) bottom right  no-repeat; background-size:50% }
.q_icon05 { background: url(/images/main/q_icon05.png) bottom right  no-repeat; background-size:50% }
.q_icon06 { background: #0e5ac2; color:#FFFFFF !important; text-align: center; font-size: 14px;}

@media (min-width:540px){   
.q_icon01 { background: url(/images/main/q_icon01.png) bottom right  no-repeat; background-si0ze:30% }
.q_icon02 { background: url(/images/main/q_icon02.png) bottom right  no-repeat; background-size:30% }
.q_icon03 { background: url(/images/main/q_icon03.png) bottom right  no-repeat; background-size:30% }
.q_icon04 { background: url(/images/main/q_icon04.png) bottom right  no-repeat; background-size:30% }
.q_icon05 { background: url(/images/main/q_icon05.png) bottom right  no-repeat; background-size:30% }
.q_icon06 { background: #0e5ac2; color:#FFFFFF !important; text-align: center; font-size: 14px;}
}


.banner_q_tit { font-family: 'Gmarket Sans'; font-weight: bold; font-size: 14px; display: block}
.banner_q_body { color: #6B6B6B; font-size: 13px;}
.banner_q_t2 {color: #FFD600; font-family: 'Gmarket Sans'; font-weight: bold; font-size: 16px; display: block; text-align: center; padding: 2px 0;}
.btn_phone {font-family: 'Gmarket Sans';font-weight: bold; font-size: 14px; display: block; color: #fff}
.btn_phone img { display: inline-block; vertical-align: middle}
.banner_icon01 img, .banner_icon02 img, .banner_icon03 img, .banner_icon04 img { width:60%; margin:auto}

.notice_title {width:96%; margin:2% 2% 0% 2%; font-family:'NanumSquareB'; font-size:15px; line-height:25px}
.notice_title span { vertical-align:middle; font-size:20px;}

.notice_warp  { background:#fff; width:96%; margin:0% 2% 0% 2%; font-family:'NanumSquare'; font-size:13px; }
.notice_warp li { line-height:30px;; border-bottom:1px #d6d6d6 solid; list-style-type:none; padding-left:5px}
.notice_warp a {display:inline-block;}
.notice_warp span { display:inline-block; float:right;vertical-align:middle; margin-right:5px; color:#09C }




/*로그인*/
.subbody_wrap { background:#fff; min-height:500px;width:100%; padding:4%; }

@media screen and (max-width:767px) {
	.subtitlebar { height:42px; line-height:42px; }
}
.subtitlebar { height:38px; line-height:38px; text-align:center; background:#093469; font-family:'NanumSquareB'; font-size:17px; color: #fff}
.subtitlebar .backicon{ float:left; padding:10px}



.login_guide_t01 { font-size:14px; line-height:20px; text-align:center; margin:3% 2%; color:#e50000}

.logintab_wrap {width:100%;}

.logintab_on { width:49.5%; background:#0071b8;box-sizing:border-box; font-family:'NanumSquareB'; font-size:14px; color:#fff; display:inline-block; text-align:center; padding:2%}
.logintab_off { width:49.5%; background:#ffffff; box-sizing:border-box; border: #CCC solid 1px; font-family:'NanumSquareB'; font-size:14px; display:inline-block;text-align:center; padding:2%}
.logintab_on a { color:#fff; }

input, textarea { border-radius: 3px;}
.login_input01_wrap {width:100%; margin-bottom:5px; }
.login_input01_wrap input{ width:100%; padding:7px; border:1px #D0D0D0 solid; line-height:25px; margin-bottom: 5px;}

.form_input_wrap > .flexline > input + button {margin-left:1.2rem}
.form_input_wrap input{ width:100%; padding:7px; border:1px #D0D0D0 solid; line-height:25px; margin-bottom: 5px;}
.form_input_wrap {width:100%; margin-bottom:5px; display:flex;justify-content:space-between;align-items:center;}
.form_input_wrap >  input.nbox{width:30%;}
.form_input_wrap >  input.nbox2{width:72%;}
.form_input_wrap >  input.shortt{width:30%}


.form_input_wrap > textarea{width:100%;height: 40vw;resize:none;padding:0.65em 0 0 0.65em;}

.form_input_wrap >  textarea{padding:0;line-height:1.3em;}




.login_guide_t02 {font-family:'NanumSquare'; color:#2a92d4; font-size:15px; text-align:center; padding:2%}

a.btn_sns {width:100%; background:#285ab5; padding:8px;line-height:25px;font-size:15px;font-family:'NanumSquareB'; color:#fff; text-align:center ;border-radius: 3px;}

.login_guide_t03  {width:94%; margin:2% 3% 0% 3%;}
.login_guide_t03 li{ list-style-type:square;}


.login_input02_wrap {width:100%;}
.login_input02_wrap input{ width:70%; padding:7px; border:1px #eeeeee solid; line-height:25px;font-size:15px; float:left }

/*버튼*/

.btn_login{width:30%; border:0px; background:#d42a2a; padding:7px;line-height:25px;font-size:15px;font-family:'NanumSquareB'; color:#fff; text-align:center ;float:left }

.btn_member_wrap {width:100%; margin-top:15px;}
a.btn_member { width:49.5%; background:#285ab5; font-family:'NanumSquareB'; font-size:14px; color:#fff; display:inline-block; text-align:center; padding:8px}
a.btn_idpw { width:49.5%; background:#838383; font-family:'NanumSquareB'; font-size:14px; color:#fff; display:inline-block; text-align:center; padding:8px}
a.btn_member , a.btn_idpw  {color:#fff;}





/*내강의실*/

.study_list_wrap {width:100%;background:#FFF; padding:0; margin:0 0 3% 0}
.study_list_wrap ul {padding:0; margin:0 }
.study_list_wrap li { list-style-type:none; border-bottom:1px solid #e3e3e3; padding:8px 8px 4px 8px; position:relative}
.subject_wrap .subject_name { font-size:14px; font-family:'NanumSquare'; font-weight:bold; display:block}
.text_red { color:#F00}
.text_blue { color:#06C}

.subject_wrap { display:inline-block;  position:relative; width:60%; font-size: 11px;}
.subject_wrap2 { display:inline-block;  position:relative; width:82%;}
.subject_wrap2  .subject_name {font-size:14px; font-family:'NanumSquareB'; display:block}

@media screen and (max-width:320px) {
	
  .subject_wrap { display:inline-block;  position:relative; width:57%; font-size: 11px; }
}



 .iconmobile {display:inline-block; position:relative; color:#0273cb;  text-align:center; vertical-align:middle}

.mobile_guide img{ width: 100%}

/*버튼*/
.btn_studylist { background:#0065a7; color:#FFF;  padding:7px 5px 7px 5px; position:relative; float:right; border-radius:5px; display:block; font-weight:bold}
.btn_studylist i { padding-left:3px}
.btn_studylist a, .btn_studylist i { color:#fff}


.btn_state01 { background:#fff; color:#9d9d9d;  padding:7px 3px 7px 3px; position:relative; float:left; border-radius:5px;border:#9d9d9d solid 1px; display:block; font-weight:bold; margin-right: 5px; font-size: 12px}

.btn_state02 { background:#fff; color:#0154df;  padding:7px 3px 7px 3px; position:relative; float:left; border-radius:5px;border:#0154df solid 1px; display:block; font-weight:bold; margin-right: 5px; font-size: 12px}

.btn_state03 { background:#fff; color:#00c144;  padding:7px 3px 7px 3px; position:relative; float:left; border-radius:5px;border:#00c144 solid 1px; display:block; font-weight:bold; margin-right: 5px; font-size: 12px}


.btn_study_go {background:#0065a7; color:#FFF;  padding:5px 15px; position:relative; float:right; border-radius:5px; display:block; font-weight:bold; line-height:13px;}
.btn_study_go a  { color:#fff}

.btn_study_go_off {background:#808080; color:#FFF;  padding:5px 15px; position:relative; float:right; border-radius:5px; display:block; font-weight:bold; line-height:13px;}
.btn_study_go_off a  { color:#fff}

.subject_mainname { font-size:1.5em; font-family:'NanumSquareB'; margin-bottom:10px; padding:0; border-bottom:#EEE solid 1px; color:#039}

/*회원가입*/

.login_guide_t04 {font-family:'NanumSquare'; font-size:15px; text-align:center; padding:2%; margin-top: 10px }

.agree_check_wrap {width:100%;background:#FFF; padding:0; margin:0 0 3% 0}
.agree_check_wrap ul {padding:0; margin:0 }
.agree_check_wrap li { list-style-type:none; border-bottom:1px solid #e3e3e3; padding:10px 8px 10px 8px; }


/*버튼*/
.btn_agree_view  {background:#0065a7; color:#FFF;  padding:7px 7px; position:relative; float:right; border-radius:3px; display:block; font-weight:bold; line-height:15px;vertical-align:middle }
.btn_agree_view a {color:#FFF; }

.agree_check_wrap input[type="checkbox"] { border:1px #CCCCCC solid; width:20px; height:20px; vertical-align:middle; float:left  }


.wrap-btnToday {position:relative; text-align:left; cursor:pointer; overflow:hidden;}
.wrap-btnToday input.form-inputPop {position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:5;}
.wrap-btnToday i {float:left; display:block; width:20px; height:20px; background:url(../images/checkicon.gif)no-repeat left top; z-index:3; margin-top: 5px}
.wrap-btnToday label {float:left; margin-left:10px; cursor:pointer; font-size:14px;  margin-top: 5px}
.wrap-btnToday input.form-inputPop:checked+i {background-position:left bottom;}
.wrap-btnToday input.form-inputPop:checked+i+label {color:#E30003;}


/*버튼*/
.btn_mem_next { }
.btn_mem_next a {width:100%;  background:#2a91d4; font-family:'NanumSquareB'; font-size:15px; color:#fff; display:inline-block; text-align:center; color:#FFF; border-radius:3px; height: 40px; line-height: 40px}
a.btn_mem_next  {width:100%;  background:#2a91d4; font-family:'NanumSquareB'; font-size:15px; color:#fff; display:inline-block; text-align:center; color:#FFF; border-radius:3px; height: 40px; line-height: 40px}


.join_wrap {width:100%;background:#FFF; padding:0; margin:0 0 3% 0}
.join_wrap li { list-style:none}


select { border:1px solid #dcdcdc;  padding:5px 34px 5px 10px; height:40px; box-sizing:border-box; border-radius:0; color:#535353; background:url('http://img.eduwill.net/Img2/mobile2/brand_new/common/ico_select.png') no-repeat right center #fff; background-size:22px; -webkit-appearance:none}
select:focus { font-weight:bold; color:#202020;}
select[disabled="disabled"] { opacity:0.5;}

.form_group .labelnone{ position:absolute; top:0; left:-9999em; width:0; height:0; font-size:0; line-height:0}
.labelnone{ position:absolute; top:0; left:-9999em; width:0; height:0; font-size:0; line-height:0}


.radioSize { width:16px; height:18px; float:left}
.checkboxSize { width:16px; height:18px;float:left}


.radioBTN { display:inline-block; padding-left:10px; }
.radioBTN input[type="radio"] { display: inline-block; margin-right:5px}

.form_group .form_input:last-child { border-bottom:1px solid #d2d2d2;}
.form_input { position:relative; overbtn_idpwflow:hidden; width:100%; padding:10px 0 0; min-height:43px; box-sizing:border-box; border:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#fff; margin-bottom: 5px; border-radius: 3px;}
.formlast {  border-bottom:1px solid #d2d2d2; border-radius: 3px;}
.form_input label { color:#535353; float:left}

.form_input input{ padding-left:10px;}

.form_input input[type="text"],.form_input input[type="password"], .form_input input[type="tel"],.form_input input[type="number"] { margin:0; padding:0; height:25px; width:100%; line-height:25px; border:0 none;}

.form_input .txtNamebox { float:left; width:65%; padding-left:10px;}
.form_input.select { padding:0; overflow:hidden;}
.form_input.select select { padding:0 38px 0 10px; width:100%; height:43px; color:#535353; border:0 none;}
.form_input.select .fleft { float:left; width:33%; margin:0; padding-left:0; box-sizing:border-box; border-right:1px solid #d2d2d2; }
.form_input.select .fleft:first-child { width:33%;}
.form_input.select .fleft:last-child { border-right:0 none;}

.form_input.select .mobile02 { float:left; width:33%; padding:9px 0; }
.form_input.select .mobile02 input { padding-left:10px;}
.form_input.select .mobile03 { float:left; width:33%; padding:9px 0;  box-sizing:border-box; border-left:1px solid #d2d2d2;}
.form_input.select .mobile03 input { padding-left:10px;}

.form_input .email01 { float:left;  padding:9px 0; box-sizing:border-box; border-right:1px solid #d2d2d2; }
.form_input .email01 input{ float:left;  }

.form_input .email02 { float:left; width:5%; padding:9px 0 9px 3px; box-sizing:border-box; border-right:0px solid #d2d2d2;}


.form_input .email03 { float:left; width:33%; padding:9px 0; box-sizing:border-box; border-left:1px solid #d2d2d2;}
.form_input .email03 input { padding-left:10px;}

.labelnone {    position: absolute !important;    width: 1px;    height: 1px;}
.join_title { padding:10px 0px 0px 0px; margin:0px; line-height:20px; font-weight: bold}

.form_input .chk_overlap { position:absolute; top:0px; right:0px; display:inline-block; color:#fff; font-size:13px; height:43px; width:30%; line-height:43px; text-align:center; background:#999}
.form_input .chk_overlap a { color:#FFF}

.form_input .chk_overlap2 { position:absolute; top:0px; right:0px; display:inline-block; color:#fff; font-size:13px; height:43px; width:30%; line-height:43px; text-align:center; background:#2a91d4}
.form_input .chk_overlap2 a { color:#FFF}

.form_input.select .graduation  { float:left; width:50%; padding:9px 0; box-sizing:border-box; }
.form_input.select .graduation input { padding-left:10px;}



.form_input.select .schoolbox { float:left; width:50%; padding:9px 0; float:left}
.form_input.select .schoolbox input { padding-left:10px;}
.form_input.select .schoolbox_last { float:left; width:50%; padding:9px 0; box-sizing:border-box; border-left:1px solid #d2d2d2;float:left}
.form_input.select .schoolbox_last input { padding-left:10px;}



.form_sms {position:relative; overflow:hidden;  box-sizing:border-box; padding-left:10px; border:1px solid #d2d2d2; background:#FFF; padding:7px 10px 7px 10px}

.poppage_wrap { background:#fff; min-height:500px;width:100%; padding:1% 4%; }
.agree_pop_title { background:#0082d5; color:#fff;font-family:'NanumSquareB'; font-size:14px; padding:10px; margin-bottom:10px} 

.tableStyleA { width:100%}
.tableStyleA th{ background:#CCC; color:#fff;  border:1px solid #999; padding:2px}
.tableStyleA td{ background:#fff; border:1px solid #999; padding:2px}

.pop_title { background:#273a5c; color:#fff;font-family:'NanumSquareB'; font-size:18px;  line-height:27px; padding:10px 10px;  margin-bottom:10px} 
.pop_title  a {float:right; display:inline-block; color:#fff } 

.tab_wrap {width:100%; margin-bottom:20px;}
.tab_on { width:49.5%; background:#0071b8;box-sizing:border-box; font-family:'NanumSquareB'; font-size:14px; color:#fff; display:inline-block; text-align:center; padding:2%}
.tab_off { width:49.5%; background:#f4f4f4; font-family:'NanumSquareB'; font-size:14px; display:inline-block;text-align:center; padding:2%}
.tab_on a { color:#fff; }


.login_logo_wrap { width:50%; margin:auto; padding:20px;}
.login_wrap  { width:500px;margin:auto; padding-top:70px;}

@media screen and (max-width:414px) {
	
	.login_logo_wrap { width:50%; margin:auto; padding:20px;}
	.login_wrap  { width:300px;margin:auto; padding-top:70px;}
	
}


.Result_box { border-radius: 3px; border: #EC0003 solid 1px; padding: 10px 20px; color: #F00004; font-weight: 600 ; margin-bottom: 5px}

.input_2x { width: 50%}

.join_end_box  { }
.join_end_box { padding-top: 20px;}
.join_end_box .memtitle01 { font-size: 20px; font-family:'Gmarket Sans'; font-weight: bold; text-align: center; color:#ac8158}
.join_end_box .memtitle02 { font-size: 15px;  font-weight: bold;  padding:5px 0 0 0 ; margin: 0; line-height: 20px; padding-bottom:10px}

.mem_join_end01 { border-bottom: 1px solid #CFCFCF; text-align:center }
.mem_join_end01 img{ width: 50%; margin: auto;text-align:center;   vertical-align: bottom}


@media screen and (max-width:414px) {
	
	.mem_join_end01 img{ width: 90%;}
    .join_end_box .memtitle01 { width: 232px; margin: auto; text-align: center}
}

/*실명인증*/
.box_original2 {border:#e3e3e3 solid 1px; padding:0px; width:100%; margin:auto; margin-bottom:13px; box-sizing: border-box}
.box_original2 input[type="checkbox"] { background:#F7F7F7; padding:8px; width:30px; margin-bottom:3px;}
.original_title2 { border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; padding:20px 40px; text-align:center; margin:auto; margin-bottom:20px; font-family:'NanumSquareB'; font-size:22px; }
.user_headtitle {font-family:'NanumSquareB'; font-size:15px;margin-bottom:0px; clear:both  }

.user_box { position: relative; background: #E9E9E9; padding:0px 5px;}
.user_box .user_check { position: absolute; right:5px; top:5px;}


/*수강신청*******************************************************************/
.app_title { padding:10px 0px 0px 0px; margin:0px; line-height:20px; font-weight: bold; font-size: 15px;}
.app_tab_wrap {width:100%;}
.app_tab_wrap span { font-size: 11px; display: block; line-height: 12px;}

a.app_tab_off { width:32.5%;  box-sizing:border-box; border: #CCC solid 1px; font-family:'NanumSquareB'; font-size:14px; display:inline-block;text-align:center; padding:8px 0; background:#E9E9E9;color:#4c4c4c; border-radius: 3px;}

a.app_tab_on { width:32.5%;  box-sizing:border-box; font-family:'NanumSquareB'; font-size:14px; display:inline-block;text-align:center; padding:8px 0; background:#0071b8;border: #0071b8 solid 1px; color:#fff; border-radius: 3px;}

.card_wrap { border: 2px solid #C9C9C9; margin-top: 10px; margin-bottom: 10px; border-radius: 3px;}
.card_header{ background: #E7E7E7; font-family:'Gmarket Sans'; font-weight: bold ;padding: 10px; color: #000000; font-size: 15px; }
.card_body { padding: 10px;}
.app_step { text-align: right; padding:5px 20px 7px 15px;  border-bottom: #BCBCBC solid 1px; background: #fff}
.app_step .stepNum { border-radius:25px; width: 20px; height: 20px; line-height: 20px; text-align: center; background:#828282; color: #fff; display:inline-block}
.app_step .on {background:#109AFF;}
.step_title { float: left;font-size: 16px;font-family:'NanumSquareB'; font-weight: bold; line-height: 20px;}

.app_guide_box {  padding:20px 20px; margin:auto;  border: 1px solid #e3e3e3}
a.btn_guide { background: #EB0003; color: #FFFFFF; height: 30px; width: 200px; text-align: center; line-height: 30px; font-size: 13px; margin: auto}

.app_guide_box ul {  }
.app_guide_box li { list-style-position: outside !important; }

.app_guide_box .listSA { list-style-type: decimal;margin-left: 10px; }


a.btn_coupon { background:#545454; color:#fff; display: inline-block; padding: 2px 8px; vertical-align: middle }

a.btn_select_cart { width:130px; height:40px; line-height:40px; background:#646b7c ; color:#fff;display:inline-block; font-size:16px; border-radius: 3px; text-align: center }
a:link.btn_select_cart { width:130px; height:40px; line-height:40px; background:#646b7c ; color:#fff;display:inline-block; }
a:hover.btn_select_cart { background:#434956 ; color:#fff }

a.btn_select_app  { width:130px; height:40px; line-height:40px; background:#d60000 ; color:#fff; display:inline-block; font-size:16px; border-radius: 3px;text-align: center }
a:link.btn_select_app { width:130px; height:40px; line-height:40px; background:#d60000 ; color:#fff;display:inline-block; }
a:hover.btn_select_app { background:#e60000 ; color:#fff }

.app_guidebox{ padding: 20px; border: 1px #AAAAAA solid; box-sizing: border-box; font-weight: bold;text-align: center; background: #FDFFE0}
.app_guidebox2 { margin-top: 10px;}
.app_guidebox2 input[type="checkbox"] { vertical-align: middle}

.tt_point{color: #e60000;}


/*과목 탭*********************/
.detail_wrap { margin-bottom: 10px}
a.detail_tab_off { width:19.3%;  box-sizing:border-box; border: #CCC solid 1px; font-family:'NanumSquareB'; font-size:13px; display:inline-block;text-align:center; padding:8px 0; background:#E9E9E9;color:#4c4c4c; border-radius: 3px;}

a.detail_tab_on {width:19.3%;  box-sizing:border-box; font-family:'NanumSquareB'; font-size:13px; display:inline-block;text-align:center; padding:8px 0;border-radius: 3px; background:#0071b8;border: #0071b8 solid 1px; color:#fff;}

@media screen and (max-width:390px) {
	
	a.detail_tab_off { width:19%;  }
    a.detail_tab_on {width:19%; }
	
}

@media screen and (max-width:320px) {
	
	a.detail_tab_off { width:19%; height:54px; vertical-align:top}
    a.detail_tab_on {width:19%;  height:54px; vertical-align:top}
	
}
/*과목 탭*********************end/

.detail_wrap input[type="checkbox"] { border:1px #CCCCCC solid; width:20px; height:20px; vertical-align:middle; float:left  }

/*과목리스트 선택*/
.check_wrap {width:100%;background:#FFF; padding:0; margin:0 0 3% 0}
.check_wrap ul {padding:0; margin:0 }
.check_wrap li { list-style-type:none; border-bottom:1px solid #e3e3e3; padding:10px 8px 10px 8px; }
.check_wrap input[type="checkbox"] { border:1px #CCCCCC solid; width:20px; height:20px; vertical-align:middle; float:left  }

/*.app-btnToday {position:relative; text-align:left; cursor:pointer; overflow:hidden;}
.app-btnToday input.form-inputPop {position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:5;}
.app-btnToday i {float:left; display:block; width:20px; height:20px; background:url(../images/checkicon.gif)no-repeat left top; z-index:3;}*/
.app-btnToday label {float:left; margin-left:0px; cursor:pointer; font-size:16px; font-weight: bold}
.app-btnToday input.form-inputPop:checked+i {background-position:left bottom;}
.app-btnToday input.form-inputPop:checked+i+label {color:#E30003;}

.app_detail { display: block; width: 100%; font-size: 13px !important;}
.text_price { color: #F00004; }
.text_price1 { color: #009cff; }
.app_wrap_L { width: 64%; display: inline-block; }
.app_wrap_L .iconimg_left { position: absolute; margin-top: 1px; }
.app_wrap_L img {margin-left: 5px; display: inline-block}



.app_select_list  li { list-style: none; border-bottom: 1px solid #D9D9D9; padding: 5px 0; }
.app_select_list .sel_title{font-size:16px; font-weight: bold}
.iconimg_left { display: inline-block}

.account_wrap { border-bottom: #000000 dashed 0px; padding: 5px 0}
.accountList { width: 100%; }
.accountList th{ background: #EFEFEF; font-size: 14px; border-top: 1px #D8D8D8 solid; border-bottom:0px #D8D8D8 solid; border-left: 1px #D8D8D8 solid; 
                 border-right: 1px #D8D8D8 solid; text-align: left; padding: 3px 7px; }
.accountList td{  border: 1px #D8D8D8 solid;  padding: 5px 7px;}

.icon_Payment { display: inline-block;  background: #858585; border: #5d5d5d solid 1px; color: #fff; font-size: 11px;line-height: 18px; padding: 0 5px; border-radius: 3px; margin-right: 2px}
.Paytd { text-align: right}

.account_date {padding: 5px 0 }


.bgtable { background: #F9F6EB; text-align: center; }
.acc_title { font-weight: bold; font-size: 13px;}

/*버튼*/
.btn_wrap_r  {  padding:0px; position:relative; float:right; vertical-align:middle }
a.btn_syllabus_on {
    background: #008060;
    width: 77px;
    height: 29px;
    line-height: 29px;
    color: #fff;
    font-size: 12px;
    margin: auto;
    border-radius: 0px;
    text-align: center}

.btn_syllabus_off {
    background: #fff;
    color: #717171;
    width: 77px;
    height: 29px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #8d8d8d;
    display: block;
    margin: auto;
    font-family: 'Dotum';
    font-size: 12px;
    border-radius: 0px;
}

.icon_ing { float: left; padding-left: 10px; padding-top:2px;}

.select_app { font-size: 16px;  font-weight: bold; background: #FFEDD1; padding: 10px; margin-bottom: 10px; text-align: right }

/*강의계획서*/

.pop_headtitle {padding:15px 10px ; width:100%; box-sizing: border-box; background:#333; color:#fff !important; margin:auto; position:relative}
.pop_page_wrap {width:100%; padding:10px 20px; width:100%; box-sizing: border-box;}


.pop_app_guide {  padding:10px 10px; margin:auto; height:500px; overflow-y:scroll;font-family:'맑은 고딕'; font-size:13px; }
.pop_app_guide2 {width:100%;  padding:20px; border:#CCC solid 1px ; margin-top:10px; margin-bottom:20px; box-sizing:border-box; overflow: hidden;}

.pop_app_guide2 ul {padding-left: 10px}
.pop_app_guide2 li { float: none !important; }


.pop_app_box { padding:20px;}
.pop_close {position:absolute; right:10px; top:0px;}
a:focus.pop_close  {outline: 2px  dashed #e80000;}

.pop_close2 {position:absolute; right:10px; top:13px;}
a:focus.pop_close2  {outline: 2px  dashed #e80000;}
ol.numlist { width:99%; list-style-position:outside; margin-left:10px; }
ol.numlist li {list-style: decimal ; padding:2px; }


.sub_headtitle { background:url(https://www.edup.co.kr/images/common/bullet01.png) no-repeat; padding-left:25px ;font-family:'NanumSquareB'; font-size:20px; margin:20px 0; }
.sub_headtitle2 { font-family:'NanumSquareB'; font-size:17px; }
.sub_headtitle3 { background:url(https://www.edup.co.kr/images/common/bullet02.png) no-repeat 0px; padding-left:25px ;font-family:'NanumSquareB'; font-size:18px;
    margin-bottom:15px;  }
.sub_headtitle4 {font-family:'NanumSquareB'; font-size:20px;margin-bottom:15px; clear:both  }

.agreeFrm_check { width:100%; background:#F4F4F4; padding:20px 10px; box-sizing:border-box; position:fixed; bottom:0 } 
.agreeFrm_check input { vertical-align:middle}

.agreeFrm_check_b { width:100%; background:#F4F4F4; padding:20px 10px; box-sizing:border-box;  } 
.agreeFrm_check_b input { vertical-align:middle}

.agreeFrm_check2 { width:100%; background:#F4F4F4; padding:20px 10px; box-sizing:border-box; position:fixed; bottom:0 ; font-size: 17px; line-height: 28px} 
.agreeFrm_check input { vertical-align:middle}



a.btn_close11 { width:70px; height:30px; line-height:30px; background:#6E6E6E ; color:#fff;display:inline-block; font-size:14px ; float:right; text-align: center; border-radius: 5px;}
a:link.btn_close11 { width:70px; height:30px; line-height:30px; background:#6E6E6E ; color:#fff;display:inline-block; }
a:hover.btn_close11 { background:#4c4c4c ; color:#fff }

.app_end_box { width:100%;  border:#e4e4e4 solid 1px;  margin:auto; padding-top:10px;}
.app_end_text { font-family:'NanumSquareB'; font-size:20px; line-height: 25px; text-align: center;  
border-bottom:#CCC solid 1px}
.app_end_box img { margin:auto;}
.app_end_text2 { padding:30px;  margin:auto;}



/*표*/

.table_stA { width:100%}
.table_stA th {border-left:#CCC solid 1px;border-right:#CCC solid 1px; border-bottom:#CCC solid 1px; border-top:#CCC solid 1px;  background:#F3F3F3; color:#333; padding:5px; font-weight:normal; text-align: center}
.table_stA td { border:#CCC solid 1px; padding:10px 5px; text-align:center}
.table_stA thead {border-top:#000 solid 2px; }
.table_stA .lefttitle { text-align:left; padding-left:20px}
.table_stA thead > tr > th {font-weight:bold !important}

.app_table_stA{ width:100%;  margin-bottom:30px; }
.app_table_stA thead { background:#CCC !important; }
.app_table_stA th{background:#f6f6f6; border:#e0e0e0 solid 1px; padding:6px 0;text-align: center}
.app_table_stA td{ background:#fff; border:#e0e0e0 solid 1px; padding:5px 10px;}

.app_table_stB{ width:100%;  margin-bottom:10px; }
.app_table_stB thead {  border-top:2px solid #000}
.app_table_stB th{ border-bottom:#e0e0e0 solid 1px; padding:6px 0;text-align: center}
.app_table_stB td{ background:#fff; border-bottom:#e0e0e0 solid 1px; padding:7px 10px;text-align: center}

.app_table_stB .lefttitle { text-align:left; padding-left:20px}
.app_table_stB .text_price_end { text-align:left; padding-left:20px;  color: #EF0003; font-weight: bold; font-size: 15px;}

.radio-basic  { background-image: none ;
	background-size:16px 18px;
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:0px 0px;
	margin-bottom:0px;  }


.radioBTN2 input[type="radio"] { display: inline-block; margin-right:5px}
.radioBTN2 { display:inline-block; padding-left:0px; padding-right:10px; }

.radioBTN2 label { display:inline-block; }


.tabs input[type=radio] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs {
 
  float: none;
  list-style: none;
  position: relative;
  padding: 0;
  margin-top:10px;
  
  
}
.tabs li {
  float: left;
    list-style: none;
   
}
.tabs label {
  display: block;
  padding: 10px 20px;
  border-radius: 5px 5px 0 0;
  color: #08C;
  margin-left:3px;    
  font-weight: normal;
  font-family: 'Roboto', helveti;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  position: relative;
  top: 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
     font-size: 13px;
  letter-spacing: -1px; 

}
.tabs label:hover {
  background: rgba(255, 255, 255, 0.5);
  top: 15px;
     font-size: 13px;
  letter-spacing: -1px; 

}

[id^=tab]:checked + label {
  background: #08C;
  color: white;
  top: 15px;
  border-radius:5px 5px 0 0;
     font-size: 13px;
  letter-spacing: -1px; 

         
}

[id^=tab]:checked ~ [id^=tab-content] {
  display: block;
}
.tab-content_p {
  z-index: 2; 
  display: none;
  text-align: left;
  width: 100%;
  padding:20px;
  background:#fff;
  font-size: 13px;
  
  position: absolute;
  top: 53px;
  left: 0;
  box-sizing: border-box;
  -webkit-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

ul.contentsList { width: 100%; border-top: 0px solid #D0D0D0 ;}
.contentsList li{ border-bottom: 1px solid #D0D0D0 ; border-top: 1px solid #D0D0D0 ;  float: none; padding-bottom:20px; }

.con_head {font-weight: bold; display: block; font-size: 14px; margin-bottom: 5px; background: #E9E9E9; padding:8px 5px;}


a.btn_close {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #646b7c;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 5px;
    margin-top:5px;
    margin: auto;
    
}

.ft_color_red { color: #EC0003}
.ft_color_blue { color: #0062E7}

/*휴면계정팝*/

.pop_main_dormancy { padding:40px 30px; background:#fff ; line-height: 23px }
.pop_title_dormancy {background:#253485; color:#fff; width:100%; height:70px; line-height:70px; text-align:center ;font-family:'NanumSquareB'; font-size:25px;}
.pop_main_box {  padding: 20px; border:#d5d5d5 solid 1px; background:#F0F0F0 }
.ft_red { color: #FF0004 }
.pop_main_bottom { text-align:center; padding-top: 30px; font-weight: bold}

a.btn_select_go  { width:190px; height:49px; line-height:49px; background:#253485 ; color:#fff; display:inline-block; font-size:18px}
a:link.btn_select_go { width:190px; height:49px; line-height:49px; background:#253485 ; color:#fff;display:inline-block; }
a:hover.btn_select_go { background:#1a297b ; color:#fff }



/*모달팝업*/

.modal{position: absolute; z-index:999; padding:0 ; display: none; box-shadow:2px 2px 5px gray; }
		.modal h1 { font-size: 20px; padding-left:12px; padding-top: 5px; color:#000}		
		.modal button.closeModalLayer{
			overflow:hidden; *overflow:visible; padding:0; margin:0; line-height:0; width:40px; height:34px; position:absolute; top:5px; right:5px; background:rgba(255,255,255,0);
			border: 0px; 
		}
		
		.m-regist { width: 93%;  background: #fff; border:#535353 solid 1px; margin: auto ;z-index:999; margin-top:50px;}
		
		
		
		
		
		.overlay { width:100%;height:100%; position:fixed; top:0; left:0;margin:0;padding:0; display:none}
		
		
		.modal_box {width: 100%; height:80%; position: relative; border:0px solid #B45D5F; padding-top:10px; margin:0px auto}
		.modal_scroll { height:98%; padding: 5px 15px ; overflow-y: scroll; overflow-x: hidden; line-height: 20px;}
		
		.modal_scroll p {line-height:20px; color:#666; padding:10px;z-index:2;background-color:#000; opacity:0.4; filter: alpha(opacity=40); 
            -ms-ilter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; position:fixed; top:0; left:0;margin:0; padding:0; display:none}
		

@media screen and (max-width:820px) {
	
    .m-regist {height:570px;}
	
}


@media screen and (max-width:414px) {
	
	.m-regist {height:500px;}
	
}


@media screen and (max-width:360px) {
	
	.m-regist {height:480px;}
	
}