/*-----------------*/
/*---텝메뉴---*/
/*-----------------*/
.tab_menu { overflow:hidden; position:relative; display:inline-block; width:100%; margin-bottom:30px; }
.tab_menu li      { width:20%; float:left; }
.tab_menu li a    { display:block; font-size:13px; min-width:80px; height:34px; line-height:34px; text-align:center; background:#fff; border:1px solid #ddd; color:#888; }
.tab_menu .tabs_on   { width:20%; float:left; }
.tab_menu .tabs_on a { color:#fff; font-weight:bold; background:#019a91; border:1px solid #019a91; }
.tabs {	position:relative;	margin:0; }

@media(max-width:992px){
	.tab_menu { overflow:hidden; position:relative; display:inline-block; width:100%; margin-bottom:30px;}
	.tab_menu li      { width:50%; float:left; }
	.tab_menu li a    { display:block; font-size:13px; min-width:80px; height:34px; line-height:34px; text-align:center; background:#fff; border:1px solid #ddd; color:#888; }
	.tab_menu .tabs_on   { width:50%; float:left; }
	.tab_menu .tabs_on a { color:#fff; font-weight:bold; background:#019a91; border:1px solid #019a91;}
	.tabs {	position:relative;	margin:0; }

}


/*-----------------*/
/*---텍스트 컬러---*/
/*-----------------*/
.text_bold { font-weight:bold;}
.text_red  { color:#F30; }
.text_blue { color:#0293e7; }


.order_warp { width:100%; overflow:hidden; position:relative; }
.order_warp > ul { padding-right:30px; display:inline-block; }
.order_warp > ul > li { width:260px; margin-bottom:30px; margin-left:30px;padding:0 0 2px 1px; box-sizing: border-box; display:inline-block;}
.order_warp .conts { position: relative; height:90px;width:100%; background-color:#fafafa; text-align:center; border:1px solid #d4d4d4; border-radius:5px; padding-top:36px; box-sizing: border-box; display: table; table-layout:fixed; border-color:#b7b7b7; box-shadow : 2px 2px 0 #e7e7e7;  }
.order_warp .conts .tit{ width:200px; height:24px; padding-top:3px; background-color: #019a91; font-size:15px; font-weight:bold; line-height:1; color: #fff;  position: absolute; left:13%; top:0px; box-sizing: border-box; border-radius:0 0 3px 3px; }
.order_warp .conts .txt{ font-size:16px; line-height:21px; color: #373737;  word-break:keep-all; word-wrap:break-word; }
.order_warp .conts .icon { position:absolute; top:38px; right:-20px; }
/*-----------------*/
/*---텍스트 관련---*/
/*-----------------*/
.content_t0 { background: url('../images/common/basic_t1.gif') no-repeat 0 0px; font-size:16px; color:#000; padding:2px 0 0 20px; font-weight:bold; }
.content_t1 { background: url('../images/common/basic_t1.gif') no-repeat 0 3px; font-size:16px; line-height:18px; color:#019a91; padding:0 0 0 20px; font-weight:bold; margin-bottom:0; }
.content_t2 { background:url('../images/common/basic_t2.gif') no-repeat 0 2px; font-size:13px; line-height:15px; padding:0 0 0 18px;}
.content_t2 span {color:#ff0000;}
.content_t3 { background:url('../images/common/basic_t3.gif') no-repeat 0 3px; font-size:12px; color:#555; padding-left:11px; }
.list_ul li { padding:3px 0 4px 6px; background:url('../images/common/basic_li.gif') no-repeat 0 10px; color:#555;}
.list_ul span { color:#ff0000;}
.list_ol li { margin:5px 0 5px 17px; list-style:decimal; color:#666; }
.text_box { border:solid 3px #CCCCCC; background:#f7f7f7; padding:12px; }

.text_dl { border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; }
.text_dl dt { border-top:solid 1px #eee; border-bottom:solid 1px #eee; background:#fafafa; padding:12px; font-family:sans-serif; font-size:13px; color:#21859b; font-weight: bold; line-height: 120%;}
.text_dl dd { padding:12px; line-height: 120%;}

.content_list_table { border-collapse:collapse; border-top:solid 2px #019a91; width:100%; }
.content_list_table td   { border:solid 1px #eee; padding:12px 6px 10px 6px;}
.content_list_table th   { background:url('../images/common/table_title_bg.gif') repeat; border:solid 1px #d5d5d5;  font-weight:bold; padding:13px 0 10px 0; text-align:center;}

.notice_table { border-collapse: collapse; width: 100%; margin: 0; }
.notice_table th { background:#fafafa; border-top:solid 1px #ddd;  border-bottom:solid 2px #ddd; border-left:dashed 1px #ddd; font-size: 13px; text-align:center; padding: 12px 0; }
.notice_table th:first-child { border-left:0; }
.notice_table td { font-size: 14px; border-bottom:dashed 1px #ddd; padding: 10px 0; color: #454545;}
.notice_table td A h5 { color: #212121; font-weight: 500; font-size:14px; }
.notice_table td A p { color: #565656; }

.list_table { width: 100%; }
.list_table th { background:#fafafa; text-align:center; padding:10px 0; font-size: 13px; border-top:solid 1px #ddd;  border-bottom:solid 2px #ddd; border-left: dashed 1px #ddd; }
.list_table th:first-child { border-left:0; }
.list_table td { padding: 11px 0 11px 0; border-bottom:dashed 1px #ddd; font-size: 12px;  color: #454545; }
.list_table td span { font-size: 11px;  }
.list_table td A { color: #666; font-size: 13px; }


.info_image { float: left; border: solid 1px #ddd; margin:0 10px; }
.order_info  { float: left; }
.order_info .title { font-size: 15px;  }
.order_info p { font-size: 13px; color:#777;  }


/* 게시판 뷰페이지 */
.view_div {   }
.view_div .view_header { position:relative; }
.view_div .view_header dt { width:100%; display:inline-block; font-family:NanumGothic, "나눔고딕",  Malgun Gothic, "돋움", Dotum, sans-serif; padding:7px 0 7px;  }
.view_div .view_header .view_title { float:left;  font-weight:600; font-size:23px; padding-left: 5px; margin-bottom: 10px;  }
.view_div .view_header .date_span { float:right;  font-size:12px; color:#999;  padding:8px 0 0 5px; }


.view_div .view_header dd { display:block; color:#999; padding:0; font-size:12px; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #ddd;  }
.view_div .view_header dd i { color:#bbb;  }
.view_div .view_header dd .share-info { float:left; display: inline-block;  }
.view_div .view_header dd .share-info li { float: left; border-left:solid 1px #e5e5e5; padding: 0 10px; }
.view_div .view_header dd .share-info li:first-child { border-left:0; }
.view_div .view_header .document-name a { color:#777; }
.view_div .view_header .document-name i { color:#337ab7; vertical-align: middle; font-size: 15px; }
.view_div .view_header .document-name span { color:#555;  font-size: 13px; font-weight: normal; }

.view_div .view_header dd span {  padding:0 5px; }
.view_div .view_header dd .si-share li { font-family:NanumGothic, "나눔고딕",  Malgun Gothic, "돋움", Dotum, sans-serif; line-height:15px; margin:12px 0 0; font-size:12px; font-weight: normal;  }

/*스크랩하기*/
.social-icon.si-pocket {  border:0;  }
.si-pocket:hover, .si-pocket { background: none!important;  }
.si-pocket i { line-height: 40px; }
.si-pocket:hover i { color:#EE4056!important ; line-height: 40px; }


.view_div .social_body { display:inline-block; float:right; padding: 0; }
.view_div .social_body .social-icon { display:inline-block; float: none; }
.view_div .view_body { width:100%; display:inline-block; margin-bottom:10px; padding:20px 0;  border-bottom:solid 1px #eee;}

.view_div  .view_body img { max-width: 100%!important; height: auto!important; }

.view_footer { padding: 10px 0; }

/* 게시판 작페이지 */
.row { margin: 0 -10px; }

.form-horizontal .form-group {
   margin-left: -5px;
   margin-right: -5px;
}

.topmargin-xs { margin-top: 15px !important; }
.leftmargin-xs { margin-left: 15px !important; }
.bottommargin-xs { margin-bottom: 15px !important; }
.rightmargin-xs { margin-right: 15px !important; }

.dash_line { height: 1px; border-bottom: dashed 1px #e5e5e5; margin: 12px 0;  }

.form-write .form-group label { text-align: left; font-size: 13px; }


.contents_panel .panel-heading { border:0; padding-bottom: 0;  }
.contents_panel .panel-heading h4 { margin: 0; padding:0 0 10px; border-bottom: solid 1px #eee;  }


.document_list { width: 100%; display: inline-block; border-bottom: solid 1px #ddd; padding: 10px; }
.document_list strong { float: left; margin-right: 15px; color: #777; font-weight: normal; }
.document_list ul { float: left; display: inline-block; }
.document_list ul li { display: block; padding:8px 0 0; }
.document_list ul li:first-child { padding:0; }
.document_list ul li A { color:#111; }
.document_list ul li A:hover {
	color:#1831ac;
}

/*공지사항*/
.post_list { }
.post_list li { width: 100%; float: left; border-bottom: solid 1px #ddd; padding: 15px 0; }
.post_list li .post-title { font-weight:600; line-height:20px; }
.post_list li .post-title A { color: #666; font-size: 16px;  }
.post_list li .post-title A:hover { color: #d9534f; }
.post_list li .post-title span { color:#fff; font-size:12px; line-height: 1.0; }

.post_list .post_meta { float:left; margin-top:5px; font-size: 11px; color: #aaa; }
.post_list .post_content { width:100%; float:left; margin-top:8px;  }
.post_list .post_content A { color: #777; font-size: 13px; }
.post_list .post_content A:hover { color: #d9534f;}

.post_list .post_none { width: 100%; padding:80px 0; text-align: center; }

/*기사제보&구독문의 약관*/
.agrment_box {
	background:#fafafa;
	border:solid 1px #e5e5e5;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow: 0 1px 2px #ddd;
}
.agrment_box .form-group { padding: 10px; }
.agrment_box .form-control[readonly] { background:none; border:none; box-shadow:none; }
.agrment_box .control-label { display: block;; border-top: solid 1px #ddd; padding-left: 10px; }
/*회원가입*/

/*회원가입 경로*/
.member_course { width: 100%; display: table; background-color: rgba(204,212,217,0.95); border-radius: 4px; }
.member_course li { width:33.3%; text-align: center; float:left; display: block; padding:22px 0; border-left: dashed 1px #a4aaae; }
.member_course li h5 { font-size: 16px; color: #666; margin:0; }
.member_course li h5 span { font-size: 13px;  }
.member_course li i { font-size: 21px; margin-bottom: 5px; color:#777; vertical-align: middle; font-variant: 600; }
.member_course li:first-child { border-left: 0; }
.member_course li.active { text-align: center; background: #4b555d;   }
.member_course li.active h5 { font-size: 16px;  color: #fff; }
.member_course li.active h5 span {  color: #ddd;}
.member_course li.active i { color: #fff;}
.member_course li.left { border-top-left-radius: 4px; border-bottom-left-radius: 4px;  }
.member_course li.right { border-top-right-radius: 4px; border-bottom-right-radius: 4px;  }

/*회원가입 폼*/
.member-panel { position:relative; max-width: 600px; background-color: rgba(255,255,255,0.95); margin:0 auto; border-radius:3px; }
.member-panel .panel-body { padding:25px 20px; }
.member-panel .line { margin: 10px 0; border-bottom: solid 1px #e5e5e5; }
.member-panel .form-group { margin:8px 0 0; position: relative; }
.member-panel .form-group label { text-align: left; padding:8px 0 0 5px; }
.member-panel .form-group > div { margin:0 0 0; position: relative; }
.member-panel .form-group > div > .form-control { height:40px; padding-left: 30px; }
.member-panel .form-group > div > i { position: absolute; top:13px; left:20px; color: #bbb; }

.mark-img { position: relative; display: inline-block; }
.mark-img img { border:solid 1px #ddd; border-radius: 50%; -webkit-border-radius:  50%; -moz-border-radius:  50%; }
.mark-img .upload {
	background:url(/assets_app/images/user/image_upload.png) no-repeat ;
	border-radius: 50%; -webkit-border-radius:  50%; -moz-border-radius:  50%;
	width: 25px; height: 25px; position: absolute; top:10px; right:-5px; box-shadow: 0 1px 3px #bbb;

	}