@import url("/css/component.css?ver=1.142");
@import url("/css/styles.css?ver=1.07");
@import url("/css/jquery.modal.css");
@import url("/css/googlemap.css?ver=0.4");

ul.assembly {
    width: 98.5%;
    margin: 0 auto 5.5rem;
}
ul.assembly li {
    width: 49%;
    text-align: center;
    margin: 0 .5%;
    float: left;
}
ul.assembly li a {
    display: block;
    background: #ddd;
    padding: 20px;
	transition: all .4s;
}
ul.assembly li a:hover {
    background: #222;
    color: #fff;	transition: all .4s;
}

select#member {
    height: 50px;
    padding: 10px;
    font-size: 1rem;
    border: 1px solid #222;
    font-weight: 600;width:100%;
}
form#account_form {
    position: absolute;
    top: 30%;
    right: 20px;
}
#menu-outer.fixed #top-nav-hidden li.top-mypage:hover ul.member-info {
	z-index:999;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

/*#hd ul, #ft ul {margin:0;padding:0;list-style:none}*/
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:"NanumBarunGothic", 나눔고딕, NanumGothic, '맑은 고딕', 'Malgun Gothic', tahoma, dotum, 돋움, 굴림, gulim, verdana, palatino, georgia, arial, sans-serif;;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:"NanumBarunGothic", 나눔고딕, NanumGothic, '맑은 고딕', 'Malgun Gothic', tahoma, dotum, 돋움, 굴림, gulim, verdana, palatino, georgia, arial, sans-serif;font-size:13px}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#222;text-decoration:none !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover, a:focus, a:active {text-decoration:underline}
/*빈고 계정*/
p.name {
    font-size: 1.2em;
    padding: 5px 5px;
    margin-bottom: 2px;
    color: #333;
}
p.allsum {
    font-size: 1.2em;
    font-weight: 400;
    padding: 10px 20px;
    background: rgb(41, 180, 124);
    display: inline-block;
    border-radius: 3px;
    color: #fff;
}
table#bingofund tr td:nth-child(3):after, table#bingofund tr td:nth-child(5):after {
    content: "빈";
}
table#bingofund tr td:nth-child(3),table#bingofund tr td:nth-child(5) {
   text-align:right;padding-right: 10px;word-break: keep-all;
}
table#bingofund tr td:nth-child(1),table#bingofund tr td:nth-child(2) {
   text-align:center;
   min-width:80px;
}
table#bingofund tr td:nth-child(4) {padding-left:10px;}
table#bingofund tr th:nth-child(4) span {display:none;}
.slimtable-container-div {
	display: inline-block;
	width:100%;
}

.slimtable {
	border-collapse: collapse;
	border: 1px solid #ddd;
	width:100%;
}

.slimtable th {
    background-color: #29b47c;
    border: 1px solid #129c65;
    color: #f6f6f6;
    text-align: center;
    height: 40px;
    line-height: 17px;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.slimtable th.slimtable-activeth {
	background-color: #129c65;
}

.slimtable tr {
    height: 35px;	
}
.slimtable td {
	border: 1px solid #ddd;
	color: #222;
	padding: 2px;
}

.slimtable tr:nth-child(even) {
	background-color: #f8f8f8;
}

.slimtable tr:nth-child(odd) {
}

/* Paging */
.slimtable-paging-div {
	margin-top: 5px;
	display: inline-block;
	width: 100%;
}

.slimtable-paging-seldiv {
	display: inline;
	float: right;
}

.slimtable-paging-select {
	margin-right: 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 5px;
}

.slimtable-paging-btnsdiv {
	display: inline-block;
}

.slimtable-page-btn {
display: inline-block;
    min-width: 16px;
    border: 1px solid transparent;
    border-radius: 2px;
    letter-spacing: -1px;
    padding: 5px 8px 3px;
    text-align: center;
    color: #A0A5A0;
    border: 1px solid #C9CCC9;
    border-radius: 2px;
    font-size: 12px;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.01, rgb(255,255,255)), color-stop(1, rgb(243,243,243)) );
    background-image: -moz-linear-gradient( center top, rgb(255,255,255), rgb(243,243,243) );
    background-image: -ms-linear-gradient( top, rgb(255,255,255) 0%, rgb(243,243,243) 100%);
    line-height: 25px;
    margin-right: 4px;
	cursor:pointer;
}

.slimtable-page-btn.active {
    background: #2cc185;
    border-color: #2cc185;
    color: #fff !important;
	cursor:default;
}

/* Sprites */

.slimtable-sprites {
	margin-left: 2px;
	margin-right: 5px;
	vertical-align: middle;

	display: inline-block;
	background-image: url("/img/fundarrows.png");
	width: 17px;
	height: 17px;
}

.slimtable-sortboth {
	background-position: -1px -1px;
}

.slimtable-sortnone {
	background-position: -19px -19px;
}

.slimtable-sortasc {
	background-position: -1px -19px;
}

.slimtable-sortdesc {
	background-position: -19px -1px;
}
	
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1000px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index:4;width:100%;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;max-width:1000px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}


#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1000px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {margin:0 0 30px}
.hd_pops_footer {position:absolute;bottom:0;left:0;padding:10px 0;width:100%;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/*******/
#fregister .btn_confirm input.btn_submit {
padding: 13px 22px;
}



/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}



/* 메인메뉴 */

.gnb_1dli {z-index:10;position:relative;float:left}
.gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none}
.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff}
.gnb_2dul {display:none;position:absolute;top:35px;width:180px}
.gnb_2dli {list-style:none;margin:0;}
.gnb_2dli ul {

}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff;margin:0;padding:0;}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

/* 중간 레이아웃 */
#wrapper {z-index:5;width:100%;zoom:1;/*overflow:hidden;*/}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper-inner {max-width:1000px;position:relative;width:100%;margin: 0 auto;}


#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}

#container {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/* 하단 레이아웃 */
#ft {width:100%;position:relative;}
#ft-inner {max-width:1000px;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}


#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:100%;text-align:center}

#ft_company {height: 60px;
color: #aca8a1;
margin: 0 auto;
width: 100%;
max-width: 1000px;}
div#ft_company ul li {
display: inline-block;
padding: 20px;
font-size: 14px;
font-weight: bolder;
}

#ft_copy {background:url(/img/pattern3.png) /*#2e353f*/; width:100%;}
#ft_copy-inner {max-width:1000px; margin:0 auto;}
#ft_copy div {position:relative;margin:0 auto;padding:20px 0 10px 0;width:97.7%;color:#ddd;}
#footer-bottom {background:url(/img/pattern2.png) /*#24292f*/;borde-top:2px solid #141519;width:100%;}
#footer-bottom-inner {max-width:1000px; margin:0 auto;}
#footer-bottom div {position:relative;margin:0 auto;padding:10px 0;width:100%;color:#fff;}
#ft_copy .info a {display: inline-block;
margin: 0 7px 10px 0;
color: #C9C5C5;
padding: 10px;
background: rgba(255, 255, 255, 0.12);
border-radius: 2px;
position: relative;transition: all 0.5s;font-size:12px;
text-decoration: none;}
#ft_copy .info a:hover {
background: #ddd;
color: #363935;
}
#footer-bottom-inner p {
color:#fff !important;
}
.info span.new:before {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    background: #fa4e4e;
    right: -15px;
    top: -5px;
    content: "new";
    color: #fff;
    line-height: 20px;
    font-size: .9em;
    text-align: center;
    border-radius: 50%;
}
/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute !important;top:0;left:0;margin:0 !important;padding:0 !important;font-size: 0 !important;
line-height: 0 !important;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {    float: left;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9;
    text-indent: 15px;}
.cke_sc_def dt {    
    font-weight: bold;
    clear: none;
    height: inherit;
    line-height: inherit;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 25%;
    font-weight: bold;
    text-align: right;
}
.cke_sc_def dd {width:25%}

/* 버튼 */
a.btn01 {display: inline-block;
padding: 8px;
border: 1px solid #29B47C;
background: #2CC185;
color: #F7F7F7;
text-decoration: none;
vertical-align: middle;
border-radius: 2px;}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:8px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;border-radius:2px;transition:all .3s;}
a.btn02:focus, .btn02:hover {text-decoration:none;background:#222;}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#2CC185;color:#fff;;cursor:pointer;-webkit-appearance: none;border-radius:2px;}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display: inline-block;
    padding: 7px;
    border: 1px solid #000;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    min-width: 50px;
    background: #000 url(/img/menu_info-icon.svg) no-repeat 5px 2px;
    background-size: 25px;
    border-radius: 3px;} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;  background: #29B47C;
  color: #fff;
  font-size: 12px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:15px 0;border-top:1px solid rgba(56, 58, 57, 0.1);border-bottom:1px solid rgba(56, 58, 57, 0.1);background:rgba(56, 58, 57, 0.1);color:#383838;font-size:0.95em;text-align:center;}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {   
    border: 1px solid #e9e9e9;
    border-left: 0;
    background: #f5f8f9;
    text-align: left;
    width: 20%;
    z-index: 9;
    position: relative;
    padding: 0;
    font-weight: bold;
    margin: 0 13px 0 0;
    background: rgba(56, 58, 57, 0.1);
    border-radius: 2px;
    color: #798077;
    font-size: 14px;
    text-indent: 40px;
    line-height: 36px;}
.tbl_frm01 td {    padding: 7px 20px;
    border-bottom: 1px solid #e9e9e9;
    background: transparent;}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#fff;color:#000;vertical-align:middle;padding: 5px 5px;  outline: none;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:30px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {/*background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important*/}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 내용관리 */
#ctt {margin:0 0 10px 0; padding:0 10px;/*border:1px solid #e9e9e9*/}
.ctt_admin {text-align:right;  position: absolute;
  right: 10px;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}


@media only screen and (max-width : 639px) {
ul.assembly {
    margin: 0 auto;
}	
ul.assembly li {
    width: 99% !important;
    margin: 10px 0;
    float: inherit;
}	
#ft_copy a { margin-right:5px;margin-bottom:10px;}
#ctt_con {padding:0}
table#bingofund tr td:nth-child(1), table#bingofund tr td:nth-child(2) {
    min-width: inherit;
}
table#bingofund tr td:nth-child(3), table#bingofund tr td:nth-child(5) {padding-right:0;}
table#bingofund tr td:nth-child(1), table#bingofund tr th:nth-child(1) { display: none;}
.slimtable-page-btn {min-width: 34px;}
form#account_form {top: 0;right: 0px;width: 100%;position: relative;margin-top: 15px;}


}


fieldset#captcha {
    display: none;
}
/* Layout Of Pages
-------------------------------------------------- */
.row:before,
.row:after {
  content: " ";
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row:after {
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.profile-col-20,.profile-col-25,.step-col-20,.step-col-25,.step-col-19,.curri-col-100,
.col-15,.col-20,.col-25,.col-30,.col-35,.col-40,.col-50,.col-60,.col-70,.col-75,.col-80,.col-85,.col-100{
  position: relative;
  float: left;
  min-height: 1px;
}
.col-15 {width:15%}
.col-20 {width:20%}
.col-25 {width:25%}
.col-30 {width:30%}
.col-35 {width:  33.33333333%;}
.col-40 {width:40%}
.col-50 {width:50%}
.col-60{width:60%;box-sizing: border-box;
padding-left: 1%;  }
.col-70{width:70%}
.col-75{width:75%}
.col-80{width:80%}
.col-85{width:85%}
.col-100{width:100%}
span.keyboard {
display: inline-block;
min-width: 20px;
text-align: center;
padding: 5px;
background: #efefef;
border-radius: 2px;
box-shadow: inset 0 0 13px #ddd;
  border: 1px solid #ddd;
}
ul.explain {
  font-size: 15px;
  line-height: 2em;
}
ul.explain li {
  background: url(/img/blockquote_white.svg) no-repeat;
  background-size: 20px;
  padding: 0 0 0 25px;  line-height: 2.3em;
}
.wage-body {

}
.wage-title {
background-color: #f1f1f1;
border-top: 1px solid #000; 
border-left: 1px solid;
border-right: 1px solid;
}
.wage-bg-white {
background-color: #fff;
}
.wage-col-30 {
width: 30%;
float: left;
box-sizing: border-box;
padding: 3px;

}
.wage-col-70 {
width: 70%;
float: right;
border-left: 1px solid;
box-sizing: border-box;padding: 3px;
}
.ccccol-80 {
width: 80%;
border-left: 1px solid;
box-sizing: border-box;
  position: relative;
  float: left;
  min-height: 1px;
}
.wage-col-30.last, .wage-col-70.last {
border-bottom: none !important;
}
.row.wage-title.wage-body.wage-last {
border-bottom: 1px solid;
}
.socialboard {padding:10px !important;}

.service:after {
content: "";
display: block;
width: 100%;
height: 1px;
position: relative;
clear: both;
}
.service {
display: block;
/* background: #000; */
position: relative;
/* content: ""; */
/* width: 100%; */
/* min-height: 30px; */
height: auto;
border-bottom: 1px dashed #ddd;
}
.service.last {
border-bottom:none;
}
/* h2.heading.line.counsellogo span {
background: url(/img/counseltext.png) no-repeat;
background-size: 228px;
display: block;
text-indent: -8000px;
}*/
span#counsellogo {
background: url(/img/counsellogo.png) no-repeat;
width: 300px;
height: 96px;
background-size: 300px;
position: absolute;
right: 0;
top: -40px;
}
span#soomlogo {
background: url(/img/soomlogo.jpg) no-repeat;
position: absolute;
width: 260px;
height: 67px;
background-size: 260px;
top: -20px;
right: 0;
text-indent: -8000px;
display: block;
}
.row.privacy {
counter-reset: dl;
}

dl.default {
font-size: 14px;
counter-reset: dd;
}
dl.default  dt {
padding-bottom: 7px;
padding-left: 20px;line-height: 23px;
}
.row.privacy dl.default:before {
content: counter(dl) '. ';
counter-increment: dl;
position: absolute;
font-size: 17px;
font-family: lexisaebomR;
display: inline-block;
}
.row.privacy dl.default  dd {
line-height: 30px;
padding-left: 10px;
}

.row.cmsprivacy {
counter-reset:ol;
}


.row.privacy p {margin-bottom:20px;}
.callout.gray_bg p {margin-bottom:0 !important}
/* Cross-Browser Image Grayscale
-------------------------------------------------- */
/*img.wde-image {
     -webkit-filter: grayscale(85%);
         -moz-filter: grayscale(85%);
         -ms-filter: grayscale(85%);
         -o-filter: grayscale(85%);
          filter: grayscale(85%);
          filter: url(filters.svg#grayscale); 
          filter: gray; 
-webkit-filter: grayscale(85%);
-webkit-transition: all .6s ease;
-webkit-backface-visibility: hidden;		 
transition:all 0.5s; 
}

img.wde-image:hover {
filter: url(unfilters.svg#grayscale);
-webkit-filter: grayscale(0%);
-webkit-transition: all .6s ease;
transition:all 0.5s;
}*/
a.cms_join {
background: #29B47C;
color: #fff;
padding: 15px;
border-radius: 3px;
margin-top: 10px;
display: block;
font-size: 14px;
font-weight: bold;
text-decoration: none; 
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
a.cms_join:hover {
background: #000;
}
span.phone {
background: url(/img/p-sprite.png) no-repeat 0 0;
padding: 5px 0 5px 30px;
margin: 0 0 8px 0;
display:block;
}
span.fax {
background: url(/img/p-sprite.png) no-repeat 1px -50px;
padding: 5px 0 5px 30px;
margin: 0 0 8px 0;
display:block;
}
span.email {
background: url(/img/p-sprite.png) no-repeat 0 -22px;
padding: 5px 0 5px 30px;
margin: 0 0 8px 0;
display:block;
}

#bingonav {
text-align: right;
position: absolute;
top: 8%;
margin-left: -200px;
width: 130px;z-index: 20;
border-radius: 3px;
border: 1px solid #fff;
box-shadow: 0px 0px 2px #F7F5F5;
}
ul.nav.binstory {
	width:90px !important;margin-left: -120px !important;
	text-align:center !important;
}
.anchor {
    display: block;
    height: 65px;
    margin: -65px 0 0 0 !important;
    padding: 0 !important;
    visibility: hidden;
}
ul.fixed#bingonav {
    position: fixed;
	top:80px;
}
#bingonav li:first-child a {
border-radius:3px 3px 0 0;
}
#bingonav li:last-child a {
border-radius:0 0 3px 3px;
border-bottom:none;
}
#bingonav a {
	background: rgba(237, 237, 237, 0.7); /*#ededed;*/
border-bottom: 1px solid #fff;	
	color: #666;
	display: block;
	font-size: 14px;
	padding:10px;
	text-decoration: none;
	text-transform: uppercase;
	transition:all .5s;
}

#bingonav a:hover {
	background: rgba(44, 193, 133, .7); /*#29B47C;*/
	color:#efefef;
}

#bingonav .current a {
	background: rgba(44, 193, 133, .8); /*#2cc185;*/
	color: #fff;
}

.dictionary dt {
  margin-top: 20px;
  font-size: 15px;
  background: #2CC185 url(/img/book-white.svg) no-repeat 5px center;
  background-size: 14px;
  color: #fff;
  padding: .5em .9em .5em 2em;
  border: 1px solid #19AE72;
  border-radius: 2px;
  display: inline-block;
  box-sizing: content-box; 
}

.dictionary dd {
  line-height: 1.8em;
  font-size: 15px;
  }
strong {color:#222;}

.row.wde_herstory p.strong {
font-size: 15px;
line-height: 30px;
margin-bottom:0 !important;
font-family:lexisaebomR;
color:#000;
}
.row.wde_herstory p.strong:after {
content: "";
display: block;
background: #eee;
height: 3px;
margin-top: 1px;
margin-bottom: 10px;
}

.row.wde_herstory p {
margin-bottom:15px;
color: #555;
}
.row.wde_herstory p img {max-width: 160px;
float: left;
margin-right: 20px;
vertical-align: middle;
box-shadow: 0 0 0 4px white, 0 0 0 8px #ddd;
border-radius: 50%;
margin: 10px 20px 20px 10px;}
.row.wde_herstory ol  {
list-style-type: none;
list-style-type: decimal !ie;
counter-reset: li;
}
.row.wde_herstory ol li , .row.cmsprivacy ol li {clear:both;position:relative;}
.row.wde_herstory ol li:before {
position: absolute;
top: 0;
left: -1.2em;
width: 0.8em;
font-size: 3em;
line-height: 1;
font-weight: bold;
text-align: right;
color: #A4A5A7;
font-family: LexisaebomR;
    content: counter(li);
    counter-increment: li;
}
.row.wde_herstory ol li:after {
content:"";display:block;width:100%; height:0;
}

.row.cmsprivacy ol li, .row.provision ol li {
font-size:14px;
margin-bottom: 25px;
padding:0 !important;
line-height:30px;
}
.row.cmsprivacy ol li ol li, .row.provision ol li ol li {
margin-bottom: 15px;padding:0 !important;line-height: 22px;
}
.row.cmsprivacy ol, .row.provision ol  {
  counter-reset: section;               
  list-style-type: none;padding: 5px;
}
.row.cmsprivacy ol  li ol, .row.provision ol li ol {
padding-left: 20px;
}
.row.cmsprivacy ol li:before, .row.provision ol li:before {
  counter-increment: section;  
  content: counters(section,".") " "; 
line-height: 25px;
width: 0.8em;
font-size: 1.42em;
font-weight: bold;
text-align: left;
color: #A4A5A7;
font-family: LexisaebomR; 
}

.row.provision ol li  {
font-weight: bold !important;font-size: 17px;
}
.row.provision ol li ol li {
font-weight: normal !important;font-size: 14px;
}

.row.cmsprivacy ol li ol li:before {
font-size: 1em;
}

.row.publishing ol  {
list-style-type: none;
list-style-type: decimal !ie;
counter-reset: li;
}

.row.publishing li {
font-size: 14px;
position: relative;
clear: both;
min-height: 150px;
margin-bottom: 20px;
}
.row.publishing li:before {
position: absolute;
top: -6px;
left: -40px;
width: 0.8em;
font-size: 2em;
line-height: 1;
font-weight: bold;
text-align: right;
color: #666;
font-family: LexisaebomR;
content: counter(li);
counter-increment: li;
}
.row.publishing li:after {
content: "";
width: 96.7%;
display: block;
height: 4px;
background: #eee;
margin-left: 3%;
box-sizing: border-box;
position: absolute;
bottom: 3px;
z-index:9;
}
.row.publishing img {
height: 140px;
box-shadow: 0 0 0 3px white, 0 0 0 7px #eee;
border-radius: 3px 3px 0 3px;
float: left;
z-index: 99;
position: absolute;
bottom: 10px;
transition: all .4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
}
.row.publishing img:hover {
z-index: 1000;
-ms-transform: scale(1.7);
-moz-transform: scale(1.7);
-webkit-transform: scale(1.7);
transform: scale(1.7);
}
.row.publishing ol li p {
display:block;
margin-left:25%;
z-index: 100;
background: rgba(255, 255, 255, 0.72);
position: relative;
padding: 10px;
border-radius: 3px;
color:#000;
}
p.pdf {
margin-top: 10px;
background:none !important;
padding:0 10px !important;
}
p.pdf a {
padding: 8px 10px 8px 30px;
background: #29B47C url(/img/pdf_bg.png) no-repeat 3px;
border-radius: 2px;
color: #fff;
font-weight: bold;
background-size: 22px;
}
.col-30 img{
width: 95%;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
padding: 5px;
}
.col-40 img {
width: 95% !important;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
padding: 5px;
margin:0 10px 10px 0;
}
img.page_top {width:100%;}
.default.explain p {
font-size: 13px;
line-height: 20px;
margin-bottom: 10px;
}
ul.default.explain li a {
padding: 5px 10px;
background: #fff;border: 1px solid #efefef;
max-width: 130px;
border-radius: 3px;
margin-bottom: 5px;
display: block;
text-decoration: none;
}
ul.default.explain li a:hover {
background: #29B47C;
color: #fff;
}
ul.default.explain {
margin-top: 15px;
}
ul.default.explain li {  background: none;padding:0 5px;list-style-type: decimal;
margin-left: 25px;}
p.windows {background: #0bb2ed url(/img/windows_8.png) no-repeat -2px -1px;
background-size: 40px;
padding: 5px 5px 5px 35px;
color: #fff;
line-height: 30px !important;
border-radius: 3px;margin-top: 15px;font-weight: bold;
}
p.mac {background: #ccc url(/img/mac_os.png) no-repeat 3px 6px;
background-size: 25px;
padding: 5px 5px 5px 35px;
line-height: 30px !important;
border-radius: 3px;margin-top: 15px;font-weight: bold;
}
p.linux {background: #f3bf00 url(/img/linux.png) no-repeat 3px 5px;
background-size: 30px;
padding: 5px 5px 5px 35px;
line-height: 30px !important;
border-radius: 3px;margin-top: 15px;font-weight: bold;
}
p.access {
background: #fff url(/img/access.png) no-repeat 3px;
padding: 5px 10px 5px 37px;
border-radius: 3px;
line-height: 30px !important;
margin-top: 20px;
display: block;
background-size: 30px;font-weight: bold;
}
/**************조직도*****************/
.tree ul {
	padding-top: 20px; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
box-sizing: border-box;	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 2px solid #ddd;
	width: 52%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 2px solid #ddd;

}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 2px solid #ddd;
	border-radius: 0 3px 0 0;
	-webkit-border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
}
.tree li:first-child::after{
	border-radius: 3px 0 0 0;
	-webkit-border-radius: 3px 0 0 0;
	-moz-border-radius: 3px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 2px solid #ddd;
	width: 0; height: 20px;
}

.tree li a{
	border: 2px solid #ddd;
	padding: 10px;
	text-decoration: none;
	color: #666;
	font-size: 12px;
	display: inline-block;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
z-index:9;position:relative;	cursor: default;
}
/*.tree li a:hover {
z-index: 10;
-ms-transform: scale(1.15);
-moz-transform: scale(1.15);
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
*/
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
background: #29B47C;
color: #fff;
border: 2px solid #2cc185;
z-index:9;position:relative;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #2cc185;
}
a.orgetc {
background: #ddd;
top: -15px !important;
position: absolute !important;
left: 50%;
margin-left:-34px;
}
a.topleft{
position: absolute !important;
width: 53px;
height: 53px;
line-height: 53px;
left: 0;
top: -25px;
background: #efefef;
border-radius: 50% !important;
padding: 0px !important;
margin-left: 2%;
}
a.topright{
position: absolute !important;
width: 53px;
height: 53px;
line-height: 53px;
right: 0;
top: -25px;
background: #efefef;
border-radius: 50% !important;
padding: 0px !important;
margin-right: 2%;
}

a.secondright {
/* top: 10px; */
background: #fff;
/* position: absolute !important; */
/* left: 50%; */
width: 64px;
height: 64px;
padding: 0 !important;
line-height: 64px;
border-radius: 50% !important;
/* margin-left: -26px; */
}
a.firstcenter {width: 52px;
height: 52px;
line-height: 52px;
padding: 0 !important;
border-radius: 50% !important;}


/* Layout Of Page
-------------------------------------------------- */
.profile-col-20 {   
  width: 15%;
  padding:20px;  
}
.profile-col-25 {   
  width: 15.5%;
  padding:2%;  
}
.step-col-20 {   
  width: 15%; 
  padding:10px 7px;
}
.step-col-25 {   
  width: 23%; 
  padding: 10px 5px;
}
.step-col-19 {   
  width: 17%; 
  padding: 10px;
}
/* Layout Of curri Page
-------------------------------------------------- */
.curri-col-100 {   
  width: 100%; 
  border-top: 1px solid #eee;
  color: #999;
}

/* breakpoint for xs
-------------------------------------------------- */
@media screen and (max-width: 980px) {
  .col-md-100 { width:100%; }
}
@media screen and (max-width: 639px) {
  .col-xs-100 { width:100%; }
  .curri-mobile-col { float:left; width:33.3%; border-top: 1px solid #eee; box-sizing: border-box;}

  
}

/* Common style of Page
-------------------------------------------------- */
.entry-content {
color: #555;
text-align: justify;
}
.entry-content p {
font-size: 15px;
line-height: 27px;
color: #555;
}
.entry-content img {
  display: block;
  max-width: 100%;
  width:auto\9;
  height: auto;
  vertical-align:middle;
  border:0;
  -ms-interpolation-mode:bicubic;
}
iframe, object, embed { max-width:100%; } 
video { max-width:100%; height: auto; } 
.media-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.media-container iframe,  
.media-container object,  
.media-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img-box { 
  padding: 10px 10px 10px 0;
}
hr.default {
  display:block;
  border:none;

}
h2.heading, h3.heading {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
  font-weight: 200;
  text-transform: uppercase;
  padding-bottom: 24px;
  color: #828282;
  margin-bottom: 0;
  overflow: visible;
  color:#000;font-family: lexisaebomR;
}
h2.heading.line, .ui.label_box {

}
h2.heading.line, h3.heading.line {
border-bottom: 1px solid #e1e1e1;
box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.72);
position: relative;
margin-bottom: 20px;
}
h2.heading.line:after, h3.heading.line:after {
  content: '';
  display: block;
  height: 4px;
  width: 83px;
  position: absolute;
  bottom: -4px;
  background: #2cc185;
  left:0;
}
small.heading {
  font-size:16px;
  color:#555;
}

@media screen and (max-width: 639px) {
  small.heading {
    font-size:14px;
  }
  .mobile-margin-top {
    margin-top: 20px;
  }
 h2.heading, h3.heading {font-size:20px;} 

  
}
ol.default {
  margin:0;
  padding:0 0 0 20px;
  font-size:14px;
  line-height:2;
  color:#555;
}
ol.default li {
  padding: 10px 5px;
}
ol.default li ul li {
padding: 0;
}
ol.default li  span {
  padding-bottom:3px;
  font-weight:900;
  border-bottom:1px dotted #ddd; 
}
ol.underline {
  margin:0;
  padding:0 0 0 20px;
  font-size:13px;
  color:#555;
}
ol.underline li {
  margin-right:20px;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
ol.underline li a {
  color:#00a1db;
}
ol.underline li a:hover {
  color:#333;
}
ul.default {
  margin:0;
  padding:0 0 0 20px;
  font-size:13px;
  line-height:2;
  color:#555;
}
ul.default li {
  padding: 10px 5px;
}
ul.default li  span {
  padding-bottom:3px;
  font-weight:900;
  border-bottom:1px dotted #ccc; 
}
ul.underline {
  margin:0;
  padding:0 0 0 20px;
  font-size:13px;
  color:#555;
  list-style-type:circle;  
}
ul.underline li {
  margin-right:20px;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
ul.underline li a {
  color:#00a1db;
}
ul.underline li a:hover {
  color:#333;
}
ul.square {
  margin:0;
  padding:0 0 0 20px;
  font-size:13px;
  line-height:2;
  color:#555;
  list-style-type:square;  
}
ul.square ul {
  padding: 5px 0 15px 10px;
  list-style-type:circle;  
}
ul.wdebasic {
margin-bottom:10px;
}
ul.wdebasic li {
padding: 5px 5px 5px 20px;
}
/* about Page
-------------------------------------------------- */
blockquote.about {
  margin:20px 0;
  padding:0;
  font-weight: bold;
  font-size:13px;
  color:#000;
}
p.about { line-height: 3; letter-spacing:1px; word-spacing:1px; text-align: justify; padding-right:15px; }
@media screen and (max-width: 585px) {
  p.about { line-height: 2; padding-right:0;  }
}
.about img {
  margin-bottom:5px;
  padding:5px;
  border:1px solid #ddd;
}
.about_bg {
  padding:20px;
  background-color:#f7f7f7;
}
.profile-image {
  border: 7px solid #ddd !important;
  border-radius: 50%;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  -webkit-background-clip: padding-box; 
  -moz-background-clip: padding; 
  background-clip: padding-box;
}
.profile-image:hover {
  border: 7px solid #2cc185 !important;
}
.profile-col-20 p {
  margin-top: 10px;
  text-align:center;
  font-weight: bold;
}
.profile-col-25 p {
  margin-top: 10px;
  text-align:center;
  font-weight: bold;
}
blockquote.profile {
  margin:15px 0;
  padding: 20px 10px;
  background-color: #f2f2f2;
  border-left: 3px solid #dcdcdc;
  color:#777;
  font-weight:bold;
}
blockquote.profile:hover {
  background-color: #f2f2f2;
  border-left: 3px solid #2cc185;
  color:#333;
}
/* timeline Page
-------------------------------------------------- */
.timeline {
  margin: 5% 0 5% 20%;
  padding-left: 30px;
  border-left: 8px solid #eee;
  list-style: none;
}
.timeline li {
  margin: 40px 0;
  position: relative;
}
.timeline p {
  margin: 0 0 15px;
  font-size:13px;
}
.timeline .date {
margin-top: -10px;
top: 50%;
left: -90px;
font-size: 0.95em;
line-height: 19px;
position: absolute;
}
ul.timeline.text {
margin-left: 12%;
}
.timeline .circle {
margin-top: -10px;
top: 50%;
left: -44px;
width: 10px;
height: 10px;
background: #999;
border: 5px solid #eee;
border-radius: 50%;
display: block;
position: absolute !important;
text-indent:-9999px;
box-sizing: initial;
}
.timeline .circle.now.pivotal {
background:#29b47c;
}
.timeline .circle.now {
background: #FF5D32;
}
ul.timeline.year {
margin-left: 25%;

}
ul.timeline.year p {
line-height: 25px;
}
ul.timeline.year li img {
border-radius: 50%;
vertical-align: middle;
box-shadow: 0 0 0 3px white, 0 0 0 5px #ccc;
width: 90px;
height: 90px;
position: absolute;
display: block;
top: -20px;
left: -105px;
max-width: inherit;
z-index: 9;
transition: all .4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
}
ul.timeline.year li img:hover /*, ul.timeline.year li:hover img*/ {
z-index: 10;
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
span.lb-caption a,
ul.sub-timeline a {
    color: #29b47c;
}

.data-lightbox {
    position: relative;
    display: block;
}
.data-lightbox a img {
    width: 50px !important;
    height: 50px !important;
    display: inline-block !important;
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
    margin-right: 10px;
}

span.date.picture {
margin-top: -25px;
}
ul.timeline.year li span.date.picture:after {
content: "";
display: block;
height: 7px;
min-width: 90px;
background: #eee;
position: absolute;
right: 0;
margin-right: -20px;
bottom: -10px;
}
/* etc Page
-------------------------------------------------- */
.bold_p {
  font-size: 13px;
  line-height: 2;
  word-spacing:5px;
} 
small.small {
  font-size:11px;
  color:#666;
  text-indent: 15px;
}

@media screen and (max-width: 639px) {
  .timeline {
    margin: 50px 0 30px 50px;
  }
 ul.timeline.year {
margin-left: 120px;
}
ul.timeline.year p {
margin-left:-10px;
line-height: 22px;
}
span.date.picture .year2 {
margin-top: -30px;
padding-bottom: 30px;
position: relative;
display: block;font-size: 13px;
}
span.year2 {
font-size:13px;
}
.row.wde_herstory p img {
max-width: 640px;
width: 95%;
float: inherit;
margin-top: 20px;
border-radius: inherit;box-sizing: border-box;
}
ul.timeline.year li img {
width: 72px;
height: 72px;
top: -8px;
left: -65px;
} 
ul.timeline.year li img:hover {
z-index: 10;
left: -40px;
-ms-transform: scale(1.75);
-moz-transform: scale(1.75);
-webkit-transform: scale(1.75);
transform: scale(1.75);
}
  .mobile-profile-image {
  float:left;
  width:100px;
  height:100px;
  }
  .profile-col-20 p {
   width:100%;
   margin-top:30px;
 }
  .profile-col-25 p {
   width:100%;
   margin-top:35px;
   text-align: center;
   padding-left:5%;
 }
}

/* curris Page
-------------------------------------------------- */
.curri-header {
  margin-top:10px;
  padding-bottom:15px;
  border-bottom:1px solid #111;
}
.curri-title {
  background-color: #f1f1f1;
}
.curri-body  {
  border-bottom:1px solid #ddd;
}
.curri-body p {
  font-size:13px;
  font-weight:normal;
  line-height: 1.4;
}
.curri-bg-white { background-color:#fff; }
.curri-header strong,.curri-body p {
  margin:15px;
}
p.curri-content {
  font-weight: bold;
}
ul.curri {
  margin:0;
  padding:0 0 10px 15px;
  font-size:12px;
  font-weight:normal;
  line-height: 1.4;
  list-style-type:square;
}
ul.curri li {
  margin:0 15px 5px;
}
@media screen and (max-width: 639px) {
    ul.curri li { margin:5px; }
	.curri-header strong,.curri-body p {
    margin:5px;
   }
}

.segment {
  position: relative;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  margin: 1em;
  padding: 3em 1em;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.segment:first-child {
  margin-top: 0em;
}
.segment:last-child {
  margin-bottom: 0em;
}
.segment:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.blue.segment {
  border-top: 0.2em solid #6ECFF5;
}
.green.segment {
  border-top: 0.2em solid #2CC185;
}
.red.segment {
  border-top: 0.2em solid #D95C5C;
}
.orange.segment {
  border-top: 0.2em solid #F05940;
}
.purple.segment {
  border-top: 0.2em solid #903f98;
}
.teal.segment {
  border-top: 0.2em solid #00B5AD;
}
.segment.bigfont {
  font-size: 18px;
  font-weight: 900;
}
.segment.bigfont p {
  font-size:13px;
}
.segment.bigfont p:hover {
  background-color: #00a1db; 
  color:#fff;
}
.segment:hover {
  background-color: #00a1db; 
  color:#fff;
}
.segment small {
  display: block;
  padding-top:15px;
  font-size: 12px;
}
.segment a:hover {
  color:#fff;
  text-decoration:none;
}
.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid transparent;
  border-radius: 3px;
}
.callout.gray_bg { 
  background-color:#f7f7f7;
}
.callout-info {
  border-left-width: 5px;
  border-left-color: #00a1db;
}
.callout-danger {
  border-left-width: 5px;
  border-left-color: #EEC2C1;
}

.step {
  display: inline-block;
  position: relative;
  width:90%;
  padding: 15px 10px 15px 5px;
  vertical-align: middle;
  background-color: #FFFFFF;
  color: #000;
     font-size: 12px;
	 text-align:center;
   /* border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.step:after {
  position: absolute;
  content: '';
  top: 1em;
  right: -1em;
  border: medium;
  width: 2em;
  height: 2em;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.15) inset;
}
.steps {
  overflow:hidden;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.3125rem;
}
.page_btn {
  display: inline-block;
  margin: 40px 0;
}
.bci_btn {
    -moz-border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.5) 0 4px 3px;
    -moz-transition:.1s;
    -o-transition:.1s;
    -webkit-border-radius:5px;
    -webkit-box-shadow:rgba(0,0,0,0.5) 0 4px 3px;
    -webkit-transition:.1s;
    background:#EEE;
    border-color:#999;
    border-radius:5px;
    border-style:solid;
    border-width:1px 1px 4px;
    bottom:4px;
    box-shadow:rgba(0,0,0,0.5) 0 4px 3px;
    color:#222;
    display:inline;
    margin:0 auto 0 10px;
    padding:5px;
    position:relative;
    text-align:center;
	font-size: 16px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:pointer;
    transition:.1s;
    white-space: nowrap;
}
.bci_btn:hover {
    -moz-box-shadow:inset rgba(0,0,0,0.5) 0 2px 2px;
    -webkit-box-shadow:inset rgba(0,0,0,0.5) 0 2px 2px;
    border-width:1px;
    bottom:0;
    margin-bottom:3px;
    box-shadow:inset rgba(0,0,0,0.5) 0 2px 2px;
	text-decoration: none;
}
.bci_btn.blue
{
    background:#fff!important;
    border-color:#00a1db!important;
    color:#333!important;
}
.ui.accordion,
.ui.accordion .accordion {
  width: 100%;
  max-width: 100%;
  font-size: 1rem;
  border-radius: 0.3125em;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 639px) {
  .ui.accordion,
  .ui.accordion .accordion {
    font-size:8pt;
  }
}
.ui.accordion .title,
.ui.accordion .accordion .title {
  cursor: pointer;
  margin: 0em;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.6);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.ui.accordion > .title:first-child,
.ui.accordion .accordion > .title:first-child {
  border-top: none;
}
.ui.accordion .content,
.ui.accordion .accordion .content {
  display: none;
  margin: 0em;
}
.ui.accordion .title .arrow-icon,
.ui.accordion .accordion .title .arrow-icon {
  display: inline-block;
  float: none;
  width:0;
  height:0;
  font-size:8pt;
  vertical-align:middle;
  margin: 0em 0.5em 0em 0em;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #00a1db;
	
  -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
  -moz-transition: -moz-transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.ui.basic.accordion.menu {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
.ui.basic.accordion.menu .title,
.ui.basic.accordion.menu .content {
  padding: 0em;
}
.ui.basic.accordion {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui.basic.accordion .title,
.ui.basic.accordion .accordion .title {
  background-color: transparent;
  border-top: none;
  padding-left: 0em;
  padding-right: 0em;
}
.ui.basic.accordion .content,
.ui.basic.accordion .accordion .content {
  padding: 0.5em 0em;
}
.ui.basic.accordion .active.title,
.ui.basic.accordion .accordion .active.title {
  background-color: transparent;
}
.ui.accordion .title:hover,
.ui.accordion .active.title,
.ui.accordion .accordion .title:hover,
.ui.accordion .accordion .active.title {
  color: rgba(0, 0, 0, 0.8);
}
.ui.accordion .active.title,
.ui.accordion .accordion .active.title {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.8);
}
.ui.accordion .active.title .arrow-icon,
.ui.accordion .accordion .active.title .arrow-icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ui.accordion .active.content,
.ui.accordion .accordion .active.content {
  display: block;
}
.all-open { 
  display:inline-block; 
  *display:inline;
  margin: 10px 0;
  padding: 10px;
  cursor:pointer; 
}
.all-open:hover { 
  color:#fff;
  background-color: #00a1db;
  border-radius:5px;
}
.all-close { 
  display:inline-block;  
  *display:inline;
  margin: 10px 0;
  padding:10px;
  cursor:pointer; 
}
.all-close:hover { 
  color:#fff;
  background-color: #00a1db;
  border-radius:5px;
}
.all-open span, .all-close span {
  color:#00a1db;
  font-weight:900;
}
.all-open:hover span, .all-close:hover span {
  color:#fff;
}


.ui.label_box {
  position: relative;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  margin: 1em 0em;
  padding: 1em;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui.label_box:first-child {
  margin-top: 0em;
}
.ui.label_box:last-child {
  margin-bottom: 0em;
}
.ui.label_box:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui.label {
  display: inline-block;
  vertical-align: middle;
  margin: -0.25em 0.25em 0em;
  background-color: #E8E8E8;
  border-color: #E8E8E8;
  padding: 0.6em 0.8em;
  color: rgba(0, 0, 0, 0.65);
  text-transform: uppercase;
  font-weight: normal;
  border-radius: 0.325em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.1s linear
  ;
  -moz-transition: background 0.1s linear
  ;
  transition: background 0.1s linear
  ;
}
.ui.label:first-child {
  margin-left: 0em;
}
.ui.label:last-child {
  margin-right: 0em;
}

.ui.label_box dl {
  border: 1px solid #f1f1f1;
  padding: 30px 20px 20px;
  position: relative;
  border-radius: 2px;
   margin-top: 30px;   background: #F7F7F7;
}
dt.red {  
background: #D95C5C;
border: 1px solid #BD3B3B;
}
dt.green {
background: #2cc185;
border: 1px solid #29b47c;
}
dt.purple {
background: #903f98;
border: 1px solid #7c3784;
}
dt.yellow {
background: #fec300;
border: 1px solid #e8b400;
text-shadow: 0 0 1px #D7A703;
}
.ui.label_box dt {
  font-size: 15px;
  color: #fff;
  padding: 10px;
  display: block;
  position: absolute;
  top: -20px;
  left: -4px;
  border-radius: 2px;
}
.ui.label_box dd {
  font-size: 14px;
  padding-left: 0px;
  margin-left: 0px;
  line-height: 1.7em;
  margin-bottom: 4px;
}
/* Link */
a.ui.label {
  cursor: pointer;
}
/* Inside Link */
.ui.label a {
  cursor: pointer;
  color: inherit;
  opacity: 0.8;
  -webkit-transition: 0.2s opacity ease;
  -moz-transition: 0.2s opacity ease;
  transition: 0.2s opacity ease;
}
.ui.label a:hover {
  opacity: 1;
}
.ui.ribbon.label {
  position: relative;
  margin: 0 4px;
  left: -2rem;
  padding-left: 2rem;
  font-size: 16px;
  border-radius: 0px 2px 2px 0px;
  border-color: rgba(0, 0, 0, 0.15);
}
.ui.ribbon.label:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0%;
  border-top: 0em solid transparent;
  border-right-width: 1em;
  border-right-color: inherit;
  border-right-style: solid;
  border-bottom: 1em solid transparent;
  border-left: 0em solid transparent;
  width: 0em;
  height: 0em;
}
/* Ribbon */
.ui.black.ribbon.label {
  border-color: #333333 !important;
}
/*--- yellow ---*/
.ui.yellow.labels .label,
.ui.yellow.label {
  background-color: #fec300 !important;
  border-color: #e8b400 !important;
  color: #FFFFFF !important;
}
.ui.labels .yellow.label:before,
.ui.yellown.labels .label:before,
.ui.yellow.label:before {
  background-color: #fec300 !important;
}
/* Hover */
a.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
  background-color: #e8b400 !important;
  border-color: #e8b400 !important;
}
.ui.labels a.yellow.label:hover:before,
.ui.yellow.labels a.label:hover:before,
a.ui.yellow.label:hover:before {
  background-color: #e8b400 !important;
}
/* Corner */
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.yellow.ribbon.label {
  border-color: #e8b400 !important;
text-shadow: 0 1px 0 #D7A703;  
}

/*--- Green ---*/
.ui.green.labels .label,
.ui.green.label {
  background-color: #2CC185 !important;
  border-color: #2CC185 !important;
  color: #FFFFFF !important;
}
.ui.labels .green.label:before,
.ui.green.labels .label:before,
.ui.green.label:before {
  background-color: #2CC185 !important;
}
/* Hover */
a.ui.green.labels .label:hover,
a.ui.green.label:hover {
  background-color: #29B47C !important;
  border-color: #29B47C !important;
}
.ui.labels a.green.label:hover:before,
.ui.green.labels a.label:hover:before,
a.ui.green.label:hover:before {
  background-color: #29B47C !important;
}
/* Corner */
.ui.green.corner.label,
.ui.green.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.green.ribbon.label {
  border-color: #29B47C !important;
}
/*--- Red ---*/
.ui.red.labels .label,
.ui.red.label {
  background-color: #D95C5C !important;
  border-color: #D95C5C !important;
  color: #FFFFFF !important;
}
.ui.labels .red.label:before,
.ui.red.labels .label:before,
.ui.red.label:before {
  background-color: #D95C5C !important;
}
/* Corner */
.ui.red.corner.label,
.ui.red.corner.label:hover {
  background-color: transparent !important;
}
/* Hover */
a.ui.red.labels .label:hover,
a.ui.red.label:hover {
  background-color: #DE3859 !important;
  border-color: #DE3859 !important;
  color: #FFFFFF !important;
}
.ui.labels a.red.label:hover:before,
.ui.red.labels a.label:hover:before,
a.ui.red.label:hover:before {
  background-color: #DE3859 !important;
}
/* Ribbon */
.ui.red.ribbon.label {
  border-color: #DE3859 !important;
}
/*--- Blue ---*/
.ui.blue.labels .label,
.ui.blue.label {
background-color: #a869af !important;
border-color: #2cc185 !important;
  color: #FFFFFF !important;
}
.ui.labels .blue.label:before,
.ui.blue.labels .label:before,
.ui.blue.label:before {
  background-color: #6ECFF5 !important;
}
/* Hover */
a.ui.blue.labels .label:hover,
.ui.blue.labels a.label:hover,
a.ui.blue.label:hover {
  background-color: #1AB8F3 !important;
  border-color: #1AB8F3 !important;
  color: #FFFFFF !important;
}
.ui.labels a.blue.label:hover:before,
.ui.blue.labels a.label:hover:before,
a.ui.blue.label:hover:before {
  background-color: #1AB8F3 !important;
}
/* Corner */
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.blue.ribbon.label {
border-color: #2cc185 !important;
}
/*--- Purple ---*/
.ui.purple.labels .label,
.ui.purple.label {
  background-color: #903f98 !important;
  border-color: #903f98 !important;
  color: #FFFFFF !important;
}
.ui.labels .purple.label:before,
.ui.purple.labels .label:before,
.ui.purple.label:before {
  background-color: #903f98 !important;
}
/* Hover */
a.ui.purple.labels .label:hover,
.ui.purple.labels a.label:hover,
a.ui.purple.label:hover {
  background-color: #7c3784 !important;
  border-color: #7c3784 !important;
  color: #FFFFFF !important;
}
.ui.labels a.purple.label:hover:before,
.ui.purple.labels a.label:hover:before,
a.ui.purple.label:hover:before {
  background-color: #7c3784 !important;
}
/* Corner */
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.purple.ribbon.label {
  border-color: #7c3784 !important;
}
/*--- Orange ---*/
.ui.orange.labels .label,
.ui.orange.label {
  background-color: #F05940 !important;
  border-color: #F05940 !important;
  color: #FFFFFF !important;
}
.ui.labels .orange.label:before,
.ui.orange.labels .label:before,
.ui.orange.label:before {
  background-color: #F05940 !important;
}
/* Hover */
a.ui.orange.labels .label:hover,
.ui.orange.labels a.label:hover,
a.ui.orange.label:hover {
  background-color: #FF4121 !important;
  border-color: #FF4121 !important;
  color: #FFFFFF !important;
}
.ui.labels a.orange.label:hover:before,
.ui.orange.labels a.label:hover:before,
a.ui.orange.label:hover:before {
  background-color: #FF4121 !important;
}
/* Corner */
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.orange.ribbon.label {
  border-color: #FF4121 !important;
}
/*--- Teal ---*/
.ui.teal.labels .label,
.ui.teal.label {
  background-color: #00B5AD !important;
  border-color: #00B5AD !important;
  color: #FFFFFF !important;
}
.ui.labels .teal.label:before,
.ui.teal.labels .label:before,
.ui.teal.label:before {
  background-color: #00B5AD !important;
}
/* Hover */
a.ui.teal.labels .label:hover,
.ui.teal.labels a.label:hover,
a.ui.teal.label:hover {
  background-color: #009A93 !important;
  border-color: #009A93 !important;
  color: #FFFFFF !important;
}
.ui.labels a.teal.label:hover:before,
.ui.teal.labels a.label:hover:before,
a.ui.teal.label:hover:before {
  background-color: #009A93 !important;
}
/* Corner */
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.teal.ribbon.label {
  border-color: #009A93 !important;
}
p.label_p {
  padding-top:20px;
  padding-left:10px;
  padding-bottom:15px;
  font-size: 16px;
  font-weight:bolder;
}
p.label_p2 {
  padding-top:2%;
  padding-left:10px;
  padding-bottom:15px;
  font-size: 13px;
  line-height:23px;
  color:#666 !important;text-align: justify;
}
ul.label_ul {
   margin:0;
   padding:0;
   list-style:none;
}
ul.label_ul li {
  padding-top:10px;
  padding-left:10px;
  font-size:13px;
  color:#999;
}


table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 639px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

@media only screen and (max-width: 639px) { 
.row.publishing ol li p {
margin-top:15px;
margin-bottom:0px;
float: right;
font-size:13px;
background: rgba(93, 10, 102, 0.66);
color: #fff !important;
font-weight:bold;
}
p.pdf {
margin-top: -5px; }
 .row.publishing img:hover {
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
left:20px;
}

.ccccol-80.wage-bg-white {
width: 100%;
border-top: 1px solid;
}
.row.wage-title.wage-body .col-20 {
width: 100%;
border-left: 1px solid;
padding: 4px 0 4px 10px;
}
#bingonav,span#soomlogo,span#counsellogo {display:none;}
.col-30 img {width: 100%; }
a.orgetc {top: -17px !important;margin-left:-29px;}
.col-40 img {width:100% !important;}

ul.timeline.year li img {
    width: 52px;
    height: 52px;
    top: 0px;
    left: -15px;
}

ul.timeline.year {
    margin-left: 70px;
}

.data-lightbox a img {
    width: 45px !important;
    height: 45px !important;
}

span.date.picture .year2 {
    font-weight: 500;
}

ul.timeline.year li img:hover {
    left: -15px;
	-ms-transform: scale(1.11);
	-moz-transform: scale(1.11);
	-webkit-transform: scale(1.11);	
    transform: scale(1.11);
}


}


@media only screen and (max-width : 320px) {
.tree li a {padding:10px 7px;}
h2.heading, h3.heading {font-size:20px;}
ul.timeline.text {margin-left: 17%;}
 .row.publishing img:hover {
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
left:20px;
}


}