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

.all-elements{
	overflow-x:hidden;	
	max-width: 640px;
	margin:auto;
	min-height: 800px;
	background: #fff;
}



.footer {
	padding:20px;
	max-width: 640px;
	color:#fff;
	z-index: 10;
	background-color: #ee1c27;
	margin-top:30px;
	font-size:14px;
}

.page-content{
	background-color:#FFFFFF;
	z-index:10;
	display:block;
	position:relative;
	height:100%;	
	min-height:800px;
}

.page-content-wrapper{
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding:20px;
	padding-bottom:15px;
}

.page-sidebar{
	background-color:#fff;
	width:240px;
	display:block;
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	bottom:0px;
	overflow:hidden;
	position:fixed;
}

.page-sidebar-scroll{
	z-index:2;
	width:260px;
    overflow: scroll;
    overflow-x: hidden;
   /* -webkit-overflow-scrolling: touch;*/
	height:100%;
}
.page-sidebar-scroll div{position: relative;}

.page-header{
	background-color:#fff;
	height:70px;
	width:100%;
	z-index:12;
	border-bottom:1px solid #ff0000;
}


.deploy-sidebar{
	position:relative;
	z-index:999;
	background-image:url(../images/ic_side.png);
	background-size:30px 22px;
	background-repeat:no-repeat;
	background-position:12px 24px;
	width:70px;
	height:70px;
	float:left;
}

.bread-crumb{
	position:relative;
	z-index:99;
	display:block;
	margin-bottom:16px;
	text-transform:uppercase;
	color:#212222;
	font-family:'Lato', sans-serif;
	font-weight:700;
	width: 250px;
	margin-left:13px;
	padding-top:10px;
	margin:auto;
	text-align: center;
}
.bread-crumb img { 
	width:70%;
}






/*Sidebar*/

.sidebar-section{
	background-color:#ee1c27;
	/*height:50px;*/
	margin-bottom:0px;
}
.login {
	background-color: #121313;
}
.login p {
	color:#fff !important;
}

.sidebar-section p{
	font-family:'Malgun Gothic', sans-serif;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	margin-left:20px;
	padding:15px 0;
}
.sidebar-section p img {
	vertical-align: middle;
	padding-right:10px;
}

.sidebar-section a{
	background-repeat:no-repeat;
	width:50px;
	height:50px;
	position:absolute;
	left:205px;
	top:0px;	
}
.sidebar-login{
	background-image:url(../images/ic_login.png);
	background-size:13px 13px;
	background-position:19px 19px;
}
.sidebar-close{
	background-image:url(../images/ic_close.png);
	background-size:13px 13px;
	background-position:19px 19px;
}
.navigation-items{
	width:100%;
	margin-left:0px;
}

.nav-item a{
	opacity:0.7;
	text-transform:uppercase;
	font-family:'Malgun Gothic', sans-serif;
	font-weight:800;
	line-height:50px;
	color:#333;	
	border-bottom:solid 1px #ee1d23;
	background-size:16px 16px;
	background-repeat:no-repeat;
	padding-left:20px;
	background-position:0px 17px;
	display: block;
	font-size:14px;
}



.tosel-nav{
	background-image:url(../images/ic_tosel.png);
}

.info-nav{
	background-image:url(../images/ic_info.png);
}

.apply-nav{
	background-image:url(../images/ic_apply.png);	
}
.report-nav{
	background-image:url(../images/ic_report.png);	
}


.submenu-deploy em{
	background-image:url(../images/ic_plus.png);
	background-size:10px 10px;
	position:absolute;
	width:10px;
	height:10px;
	left:205px;
	top:20px;
	z-index:9999;
}

.dropdown-nav{
	background-image:url(../images/ic_plus.png)!important;
}
.onemenu-nav{
	background-image:url(../images/ic_sub.png)!important;
	background-size:10px 13px;
	background-repeat: no-repeat;
	position:absolute;
	width:10px;
	height:13px;
	left:205px;
	top:20px;
	z-index:9999;
}

.nav-item-submenu{
	display:none;
	background-color: #fcfcfc;
	border-bottom:1px solid #ee1d23;
}

.active-submenu{
	display:block;
}

.nav-item-submenu a{
	font-family:'Malgun Gothic', sans-serif;
	font-weight:700!important;
	color:#666;
	background-image:url(../images/ic_sub.png);
	background-repeat:no-repeat;
	background-size:7px 8px;
	margin-bottom:0px;
	margin-top:0px;
	height:50px!important;
	line-height:50px!important;
	background-position:25px 20px;
	padding-left:60px;
	margin-left:0px;
	font-size:12px;
	font-weight:400;
	border-bottom:solid 1px rgba(255,255,255,0.03);
}

.nav-item-submenu a:last-child{
	border-bottom:none!important;
}



/* main */
.main_img {margin-bottom:30px;}
.content {overflow: hidden;}
h2.main_tit {background: url("../images/ic_bullet.png") no-repeat 0px 0px;
	padding-left:10px;
	margin-bottom:20px;
	font-size:22px;
}
.main_process div.process_wrap{ 
	border:3px solid #ec1e22;
	padding:10px;
	width:100%;
}
.main_process div.process_wrap em { 
	font-size:14px;
	color:#666666;
	font-style: normal;
}
.main_process div.process_wrap .process_tit {
	font-size:18px;
	font-weight: bold;
	color:#3a383b;
	padding:10px 0;
	width:270px; 
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}
.main_process div.process_wrap dl dt {
	float: left;
	color:#ec1e22;
}
@media all and (min-width:420px) and (max-width:599px) {
	 .main_process div.process_wrap .process_tit {
	 	width:380px;
	 }
 }
.main_bbs { 
	float: left;
	width:49%;
	margin-top:30px;
	margin-right:1%;
}
.main_bbs ul,.main_banner ul {
	margin-bottom:0;
}
.main_bbs ul li,.main_banner ul li {
	list-style: none;
}
.main_bbs ul li a {
	color:#333;
	width: 100%;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}
.main_bbs ul li a:hover {
	color:#ec1e22;
}
.main_banner{
	float: right;
	width:50%;
	margin-top:30px;
}
@media all and (max-width:540px) {
	 .main_bbs, .main_banner{
	 	float: none;
	 	width: 100%;
	 }
 }
/*table*/
.tbl_style {width:100%; border-top:2px solid #e82226; margin-top:20px; border-bottom:0;}
.tbl_style th, .tbl_style td {border-bottom:1px solid #d0d0d0; padding:5px 3px; line-height:26px;}
.tbl_style th {text-align: left; vertical-align: middle !important; font-size:14px; color:#383838; background-color: #efefef}
.tbl_style th span {color:#ec1212; padding-right:5px; vertical-align:middle}
.tbl_style td p {margin-bottom:3px;}
.tbl_style td p:last-child {margin-bottom: 0}
.tbl_style textarea { padding:3px; width:100%; border:1px solid #bebebe; /* #d0d0d0 */}
.tbl_style a {margin-left:4px}
.tbl_style strong {font-weight:normal; color:#383838}
.tbl_style label{font-weight:normal;}
.tbl_style select {font-size:13px; color:#676767; vertical-align:middle; height:26px; border:1px solid #bebebe}
.tbl_style input{vertical-align: middle;}


.sch_table {width: 100%; border-top:2px solid #ccc; border-bottom:2px solid #ccc; font-size:14px;}
.sch_table th {border-bottom:1px solid #ccc; background-color:#efefef; padding:10px; vertical-align:middle;}
.sch_table td {border-bottom: 1px solid #ccc; background-color: #fff; padding:10px; text-align: left;}
/* login */
.login_img {text-align:center; margin:30px 0;}
.login_box input {border:1px solid #ccc; padding:5px; line-height: 30px; font-size:14px;}

.login_box { color:#666;}

.login_top {margin:0 auto; border:1px solid #ccc; border-radius: 20px;
	padding:20px; margin-bottom:20px;
}
.login_input {float: left; width: 60%; margin-bottom: 10px}
.login_input input {width: 95%; padding:10px !important; line-height: 18px !important}
.login_input p, .login_btn p {margin-bottom:10px;}
.login_btn {float: right; width: 40%; margin-bottom: 10px;}
.login_btn .btn{width: 95%;}
.login_check {clear: both; text-align: center; font-size:14px;}

.login_bottom .float_left, .login_bottom .float_right{
	margin-bottom: 20px
}
.login_bottom dl dt{
	background:url(../images/ic_sbullet.png) no-repeat 0px 8px;
	background-size: 9px 4px;
	padding-left:15px;
}
.login_bottom dl dd {margin-top:10px;}
@media all and (max-width:540px) {
	.login_input, .login_btn {float: none; width: 100%}
	.login_bottom .float_left, .login_bottom .float_right{
		float: none;
		text-align: left;
	}
}
.join_btn {margin-top:20px;}
.join_btn p{
	margin-bottom:20px;
}
.join_check {margin-top:20px; border:1px solid #ccc; padding:10px;}
.join_check  p {margin-bottom:10px;}
.join_check  p:last-child{margin-bottom:0;}
.join_complete {
	text-align: center;
}
.join_complete .join_c{
	font-size:24px;
	color:#9c9c9c; 
	font-weight: bold;
	line-height: 24px;
	margin-bottom:10px;
}
.join_complete .join_c strong {
	color:#3a383b;
}
.join_complete .join_c strong span {
	color:#ed1c22;
}
.section-title h2 {
	background-color: #3a383a;
	text-align: center;
	color:#fff;
	font-size:22px;
	padding:10px 0;
	margin-bottom:0;
}
.section-title.view_tit h2{
	color:#ee1c25;
	font-size:24px;
	text-align: left;
	background-color: #fff;
	padding:20px;
	margin:0;
	line-height:24px;
	
} 

.search {margin:10px 0;}
.course_list ul li{list-style: none;border-bottom:1px solid #ccc;padding:10px 0;}
.course_list .course_tit {
	color:#ee1c25;
	font-size:20px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 28px
}
.course_tit .check {margin-right:10px;}
.course_tit .check input {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}
.course_list .course_info{position: relative;}
.course_list dl  {margin-bottom: 10px;}
.course_list dl dt{
	float: left;
	width: 30%;
	background-color: #343434;
	border-radius: 5px;
	color:#fff;
	font-size:14px;
	text-align: center;
	padding:3px;
}
.course_list dl dd {
	font-size:14px;
	margin-left:34%;
	padding-top:3px;
}
.course_list .jjim {position: absolute; top:25px; right:0;}
.course_list .jjim.survey {top:15px;}
.course_view  {margin-left:0 !important; margin-right:0 !important;}
.course_view .course_info {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:20px;
	font-size:14px;
}
.course_view .course_info p{
	background: url("../images/ic_sbullet.png") no-repeat 0px 10px;
	background-size: 10px 4px;
	padding-left:15px;
	line-height: 24px;
}
.course_view .course_detail{
	margin:20px;
	margin-top:0;
}
.course_view .course_detail h3 {
	background: url("../images/ic_sbullet.png") no-repeat 0px 10px;
	font-size:18px;
	background-size: 10px 4px;
	padding-left:15px;
	margin:20px 0 10px;
}
.course_view .course_detail .detail_cont {
	background-color: #f6f4f4;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:10px;
	font-size:14px;
	line-height: 24px;
}

.course_view .btn_list {margin:0 20px;}
.btn_list {overflow: hidden;}

.course_view .pay_info {
	border-bottom:1px solid #ccc;
	padding:20px;
	font-size:14px;
}
.course_view .pay_info p{
	background: url("../images/ic_sbullet.png") no-repeat 0px 10px;
	background-size: 10px 4px;
	padding-left:15px;
	line-height: 24px;
}
.course_view  .total_pay {
	font-size:22px; 
	text-align: center;
	font-weight: bold;
	line-height: 28px;
	margin:20px 0;
}
.course_view  .total_pay span {
	color:#eb1820;
}
.idpw_f {margin: 20px;}
.idpw_f .find_img {text-align: center; margin-bottom: 20px;}
.idpw_f .find_img img{width: 70%;}
.idpw_f dl {overflow: hidden;}
.idpw_f dl dt {
	font-size:14px;
	width: 25%;
	float: left;
	margin-bottom:10px;
	padding:5px 0;
	font-weight: bold;
}
.idpw_f dl dd {
	width:75%;
	float: right;margin-bottom:10px;
}
.clause {margin-top:30px;}
.clause h3 {
	font-size:18px; color:#e92227; text-align: center; 
	border-bottom:1px solid #ccc;padding-bottom: 10px; margin-bottom:20px;
}
.clause .tb_142 {font-size:16px; color:#e92227; font-weight: bold}
.clause .t_92 {font-size:14px; font-weight: bold;}
.clause table td {text-align: center; vertical-align: middle;}

.bbs {border-bottom:2px solid #e92227; background-color: #fff}
.bbs .toggle-1 {background-color: #fff; 
	border-bottom:1px solid #ccc;
}
.bbs .toggle-1:last-child {
	border-bottom:0;
}
.bbs .toggle-1 .deploy-toggle-1 {
	line-height: 24px;
	padding-left:25px;
	font-size:14px;
	color:#343434;
	display: block;
	text-transform:uppercase;
	background-image:url(../images/ic_toggle.png),url(../images/ic_bullet.png);
	background-repeat:no-repeat;
	background-size:16px 16px, 4px 16px;
	background-position: top 20px right 20px, 10px 20px
}
.bbs .toggle-1-active{
	background-image:url(../images/ic_toggle_active.png) ,url(../images/ic_bullet.png) !important;
	color:#ea1d28 !important;
}
.bbs .toggle-1 .deploy-toggle-1 span.new {
	background-color: #ea1d28;
	border-radius: 6px;
	padding:2px 4px;
	font-size:12px;
	color:#fff;
	text-align: center;
	margin-left:12px;
}
.bbs .toggle-content{

	background-color: #efefef
}
.bbs .toggle-content .reply {
	border-top:solid 1px rgba(0,0,0,0.05);
	margin-bottom:0px;
	padding-top:10px;
	padding:15px;
}

.map { text-align: center; margin-top:20px;}
.map img {width:95%;}

/* form btn etc */
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 15px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
  font-size:14px;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 5px;
}
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
  vertical-align: middle;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -15px;
}
input[type="text"],input[type="password"] {
	border:1px solid #ccc; padding:5px; line-height: 14px; font-size:14px;
}

select {
	border: 1px solid #ccc;
	padding:3px;
	font-family:'Nanum Gothic','Open Sans', sans-serif;
}
.btn {
  display: inline-block;
  padding: 6px 12px 4px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn_red{
  color: #ffffff;
  background-color: #ee1d23;
  border-color: #ee1d23;
}
.btn_grey{
	color: #ffffff;
  background-color: #343434;
  border-color: #343434;
}
.btn_w {
	color:#e82226;
	background-color: #fff;
	border-color: #e82226
}
.btn_disabled{
	background-color:#999;
	color:#eee;
	font-weight: bold;
	cursor: default;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.33;
  border-radius: 30px;
}
.btn-xs {
  padding: 5px 8px;
  font-size: 12px;
  line-height: 1.33;
  border-radius: 3px;
}
.btn_block {
	width: 100%;
	text-align:center;
}

/* tab */
.tabs{
	width: 100%;
	margin: 0 auto ;
	background-color: #fff;
}
.tabs a{
	color:#3a383b;
	text-transform:uppercase;
	text-align: center;
	font-weight: bold;
}
.tab-content{
	display:none;
}

.tab-content p{
	margin-bottom:0px;
}

.tab-content-1{
	display:block;
}

.tab-active{
	background-color:#ee1c27!important;
	border-bottom:1px solid #ee1c27 !important;
	color:#fff !important;
}

.tab-but{
	font-size:20px;
	float:left;
	background-color:#dbdbdb;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
	width: 50%;
	border-bottom:1px solid #ee1c27;
}

.tab-but span{text-align: center}

.tab-content{
	background-color: #fff !important;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:10px;
}


.tab_link {
	font-size:12px;
	float:left;
	background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	width: 20%;
	border-bottom:1px solid #969696;
	color:#3a383b;
	text-transform:uppercase;
	text-align: center;
	font-weight: bold;
	border-right:1px solid #969696;
}
.tab_link:last-child{
	border-right:none;
}
.tab_link_active{
	background-color:#969696!important;
	border-bottom:1px solid #969696 !important;
	color:#fff !important;
}

.info_tab-active{
	color:#ee1c27 !important;
}

.info_tab-but{
	font-size:12px;
	float:left;
	background-color:#fff;
	padding:5px;
	width: 33.3333%;
}


@media all and (min-width:0px) and (max-width:599px) {
	.tab_link:nth-child(1),.tab_link:nth-child(2){
		width:50%;
	}
	.tab_link:nth-child(3),.tab_link:nth-child(4),.tab_link:nth-child(5)  {
		width:33.333%;
	}
	.tab_link:nth-child(2) {
		border-right:none;
	}
}

.file {
	background: url("../images/ic_link.png") no-repeat 0px 0;
	padding-left:22px;
	font-size:14px;
	margin-bottom:10px;
}
.event_list dl {overflow: hidden;}
.event_list dl dt {
	float: left;
	width: 50%;
	height: 100px;
}
.event_list dl dt  img {
	width: 100%;
	height: 100%;
}
.event_list dl dd {
	float: left;
	width: 49%;
	height: 100px;
	margin-left:1%;
}
.event_list dl dd strong{
	font-size:14px;
	
}
.event_list dl dd p {
	overflow: hidden;
  	white-space: nowrap;
  	text-overflow:ellipsis;
  	-o-text-overflow:ellipsis;
  	-ms-text-overflow:ellipsis;
  	margin-bottom:15px;
}
.event_view {
	margin-left:0px !important;
	margin-right:0px !important;
}
.event_view .event_detail {margin:0 20px;}
.event_view .event_detail p img {width:100%;}
.event_view .event_info {border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:20px;
	font-size:14px;}
.event_view .event_info p{
	background: url("../images/ic_sbullet.png") no-repeat 0px 10px;
	background-size: 10px 4px;
	padding-left:15px;
	line-height: 24px;
}
.event_view  .btn_list {margin:0 20px;}

.company {margin:30px 60px !important;}

@media all and (min-width:0px) and (max-width:599px) {
	.company {margin:20px 10px !important;}
}

.post_box {margin:20px 0;}
.post_box .contactField {
	 min-width:70%; 
	display:inline;
}
.post_box .bg_g {
	background-color: #eee;
	text-align: center;
	padding:3px;
	margin:20px 0;
}

.post_r {
	overflow: hidden;
	overflow-y: auto;
	height:400px;
}
.post_r p {
	padding:5px;
	text-align: center;
}


@media all and (min-width:0px) and (max-width:599px) {
	.post_box .contactField {
	 min-width:30%; 
	display:inline;
	}
}

.text-center {text-align:center}
.mg_t20{margin-top:20px;}
.mg_t10{margin-top:10px;}
.txt_green {color:#4f8300;}

.float_left{float:left;}
.float_right{float:right;}
.font_14 {font-size:14px;}

.paginate{text-align:center; margin-top:10px; margin-bottom:10px;}
.paginate a{margin : 0 5px 0 5px;}