@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {background: #2F0B3A;margin:0;padding:0;font-size:0.75em;background:#fff;height:100%;font-family:'Noto Sans KR', sans-serif ;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;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-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none; border:1px solid #bbb; }
textarea, select {font-size:1em;font-family:'Noto Sans KR', sans-serif ;}
input, textarea, select, button {font-family:'Noto Sans KR', sans-serif !important ;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{list-style:none;padding:0;margin:0}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fa{font-family:FontAwesome !important;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop  {display:none;}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;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 {position:fixed;top:0;left:0;right:0;width:100%;height:50px;background:#fff; z-index:100;    box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.12);}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {height:50px;line-height:50px;text-align:center}
#logo img{vertical-align:middle;max-height:100%;max-width:207px;}
#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:30px;width:30px;border:0;background-size:70%;color:#2a211e;background:none; font-size: 16px;}
#gnb {display:none;background:#262626;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:234px;
-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4));
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4));
box-shadow: 0 0 5px  rgba(55,55,5,0.4);}

#gnb a {display:block;color:#efefef}
.gnb_1dli{position:relative;line-height:40px;}
.gnb_1dli button{position:absolute;top:0;right:0;background:url;border:0;width:40px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}
.gnb_1da {padding:0 20px;border-bottom:1px solid #2d2d2d}
.gnb_2dul {display:none;}
.gnb_2da {border-bottom:1px solid #2d2d2d;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px}
#gnb_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%  
#222222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#hd_sch {display:none;text-align:center;padding:20px}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding-right:40px;}
#hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff}
#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;;border:0;border-radius:0 3px 3px 0;cursor:pointer;color:#fff;background:#464646;font-size:1.25em}

#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:30px;border:0;;color:#2a211e;font-size:16px;background:none;letter-spacing:-0.1em}
#user_menu{display:none;position:fixed;top:0;right:0;height:100%;;overflow-y:auto;width:266px;z-index:9999;background:#fff;text-align:center;

-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4));
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4));
box-shadow: 0 0 5px  rgba(55,55,5,0.4);

}
#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%  
#222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}
#snb_cnt span{display:inline-block;padding: 0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff}

#hd_nb{margin:20px;}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li{width:100%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold}
#hd_nb li a{display:block;padding:20px 0}
#hd_nb li i{font-size:20px;}
/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px;}
#text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%}
#text_size button.select{background:#fff;border-bottom:1px solid #bbb;
-webkit-box-shadow:0 0 5px  rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px  rgba(100,100,100,0.2);
box-shadow: 0 0 5px  rgba(100,100,100,0.2);}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 중간 레이아웃 */

#wrapper {padding-top:60px;width:96%; margin:0 auto;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {position:relative;min-height:300px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {display:none;font-size:1.2em;font-weight:bold;height:50px;padding:10px;line-height:30px;background:#fff;color:#333;
    -webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4));
    -moz-box-shadow: 0 0 5px rgba(55,55,5,0.4));
    box-shadow: 0 0 5px rgba(55,55,5,0.4);
}
.top{position:relative}
.btn_top{position:absolute;top:300px;right:0px;z-index:999;padding:10px;}

.btn_top li{display:inline-block}
.btn_top a,.btn_top .btn_submit{line-height:30px;padding: 0 10px;border-radius:3px}
.btn_top .btn_cancel,.btn_top .btn_b01{border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff}
.fixed{position:fixed;top:0;right:0;z-index:999;}
.btn_top.fixed{position:fixed;top:50px;right:0;z-index:999;}
#container_title.fixed{width:100%;}



/* 하단 레이아웃 */
#ft {margin-top:0; /*background:#000000;*/border-top:1px solid #ccc;padding:4px;}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;}
#ft p.tail_account {font-size:12px; color:#e3e3e3;padding-bottom:5px;}

#ft_copy {padding:10px;line-height:1.8em;text-align:center;color:#777}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block;padding:0 10px;line-height:1em;border-left:1px solid #333;color:#fff}
#ft_copy #ft_company a:first-child{border:0}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99}
#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center}

/* 게시물 선택복사 선택이동 */

#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {;height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {width:100%;display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}

/*단축키일람 */
.cke_sc{text-align:right}
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none}
.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}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn{display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px}
a.btn01 {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
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;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
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 {;border:0;background:#12b1a1;color:#fff;cursor:pointer;border-radius:3px}
fieldset .btn_submit {}

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

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

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02 ,.btn_b02{display:inline-block;background:#ff506a;color:#fff;text-decoration:none;vertical-align:middle;border:0}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}


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

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border:1px solid #cacaca;background:#d9d9da;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border:1px solid #e3e3e5;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.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;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;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}

/* 기본리스트 */
.list_01{padding:0 10px;}
.list_01 li{background:#fff;border-radius:3px;margin:10px 0;padding:10px 15px;border-bottom:1px solid #ccc;}

/* 기본폼 */
.form_01{margin:10px}
.form_01 .write_div{margin:5px 0;position:relative}
.form_01 li{margin:5px 0;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:40px;}
.full_input{width:100%} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select{height:40px;border-radius:3px}
.form_01 .frm_info{font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

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

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}


/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;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:#999}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px;line-height: 30px;background: #efefef;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con{margin:10px}

.new_win .win_ul {margin:10px}
.new_win .win_ul li{display:inline-block;}
.new_win .win_ul li a{display: block;line-height: 24px;padding: 0 10px;}
.new_win .win_ul li .selected {background: #4162ff;color: #fff;border-radius: 13px;
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
box-shadow: 0 0 8px rgba(65,98,255,0.8);}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff}

.new_win .win_btn {clear:both;margin:10px 0;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0}
.new_win .win_btn .btn_submit{width:100%;height:40px;line-height:40px;border-radius:3px;margin:0 0 20px;display:inline-block;font-weight:bold}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0  10px;line-height:30px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333;font-weight:bold;}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:10px 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {display:inline-block;padding:0 10px;height:30px;color:#000;line-height:28px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#fff;border:1px solid #d4d4d4;border-radius:3px}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:normal;border-radius:3px;line-height:30px;}


#main_cont {
	width:94%;
	margin:0 auto;
}
#main_cont #main_logo {
	margin-bottom:30px;
}
#main_cont #main_title {
	margin-bottom:50px;
}
#main_cont .main_search_title {
	/*color:#fff;*/
	font-size:18px;
	font-weight: 900;
	text-align: center;
	margin-bottom:6px;
	letter-spacing:-0.08em;
}
#main_cont .main_search_title .differ {
	color: #349980;
}
@media screen and (max-width: 360px) {
	#main_cont .main_search_title .differ {
/*		display: block;*/
	}
}
#main_search {
	padding:10px 8px;
	background:#999999;
    border-radius: 10px;
    border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#main_cont .main_search_all {
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-bottom:10px;
}
#main_cont .main_search_all a {
	display:block;
	padding:0 10px;
	line-height:32px;
	text-align:center;
	font-size:14px;
	/*color:#fff;*/
	border-radius:5px;
	background:#12b1a1;
}
#main_cont .main_search_bx {
	position:relative;
	margin-bottom:4px;
	text-align:center;
}
#main_cont .main_search_bx input {
	box-sizing:border-box;
	padding:10px 40px 10px 10px;
	width:100%;
	height:30px;
	margin:0 auto;
	font-size:14px;
	border:none;
	border-radius:5px;
}
#main_cont .main_search_bx a {
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	display:block;
	width:24px;
	height:auto;
	text-indent:-9999px;
	background:url("../img/main_search_bx2.gif") no-repeat center ;
	background-size: 24px auto;
}
#main_cont .main_search_cate {
	margin-bottom:20px;
	width:100%;
	margin:0 auto;
}
#main_cont .main_search_cate dl dd {
	font-size:0;
}
#main_cont .main_search_cate dl dd a {
	display:inline-block;
	width:31.33%;
	margin:2px 1%;
	padding:4px 0; 	
	font-size:14px;
	text-align:center;
	color:#fff;
	border-radius:5px; 
	background:rgba(255,255,255,0.6);
}

#main_cont .main_search_cate dl dd a:last-child {
	border:none;
}
#main_cont .main_search_cate dl dd a.election-id3 {
	background-color: #000;
}
#main_cont .main_search_cate dl dd a.election-id4 {
	background-color: #7a5e52;
}
#main_cont .main_search_cate dl dd a.election-id5 {
	background-color: #793736;
}
#main_cont .main_search_cate dl dd a.election-id6 {
	background-color: #255859;
}
#main_cont .main_search_cate dl dd a.election-id11 {
	background-color: #290913;
}
#main_cont .main_search_cate dl dd a.election-id10 {
	background-color: #220A2E;
}
#main_cont .main_search_cate dl dd a.election-id2 {
	background-color: #180E26;
}
#main_cont .main_search_cate dl dd a.election-all {
	background-color: #000000;
}
#main_cont .main_search_cate dl dd a.on {
	color:#9f6c34;
	font-weight:500;
	background:rgba(255,255,255,1);
}
#main_cont .main_search_select select {
	margin:0 2px;
	padding:0 4px;
	height:36px;
	font-size:14px;
	border-radius:5px;
	border:1px solid #898989;
}
#main_cont .main_search_select #spanSubmit input {
	display:block;
	width:120px;
	margin:10px auto 0 auto;
	padding:5px 24px;
	font-size:14px;
	/*color:#fff;*/
	border:2px solid #fff;
	background:transparent;
	border-radius:5px;
	cursor:pointer;
}
#main_cont .main_search_select {
	pad ding-top:10px;
}
#main_cont .main_search_select .wub_select1 {
}
#main_cont .main_search_select .wub_select1 > span {
	display:block;
	width:100%;
	/*color:#fff;*/
}
#main_cont .main_search_select .wub_select1 > span label {
	display:inline-block;
	width:34px;
}
#main_cont .main_search_select .wub_select1 > span select {	
	box-sizing:border-box;
	width:100%;
	margin:2px 0;
	height:32px;
	font-size:12px;
	background:#fff;
	border:1px solid #fff;
}
#main_cont #main_manual {
	margin:10px 0;
	padding:10px 5px;
	font-size:0;
	background:#f1f1f1;
}
#main_cont #main_manual .main_search_title {
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#333;
}
#main_cont #main_manual ul li {
	width:50%;
	display:inline-block;
	font-size:14px;
	text-align:center;
}
#main_cont #main_manual ul li a {
	display:block;
	padding:8px 0;
	margin:10px 5px 0 5px;;
	/*color:#fff;*/
	background:#cfe2f1;
	border-radius:5px;
	cursor:pointer;
}
#main_cont #main_manual ul li:nth-child(1) a{
	background:#ea5415;
}
#main_cont #main_manual ul li:nth-child(2) a {
	background:#2caf41;
}
#main_cont #main_manual ul li:nth-child(3) a {
	background:#f8b62d;
}
#main_cont #main_manual ul li:nth-child(4) a{
	background:#0d6fb8;
}
#main_cont #main_manual ul li a i {
	font-size:24px;
}

#main_cont .membox {padding:0px 0;}
#main_cont .quick-links {padding:5px 0; margin-bottom:0;}
#main_cont .guide-links {padding:0px 0; margin-bottom:0;}
.page-index #ft_copy {padding:0;}

.main_top_link{text-align:center;}
.main_top_link a{/*color:#fff;*/display:inline-block;padding:0px 10px 10px;letter-spacing:-1px;}


/* 후보자리스트 */

.membox {padding:0px 0;}

.membox ul {
	list-style: none;
    padding: 0px;
    margin: 0px;
    display: inline;
    margin-bottom: 20px;
    font-size: 0;
;}
.membox li {    
	display: inline-block;
    background: #fff;
    width: 32.33%;
    border: 1px solid #dfdfdf;
    margin: 0 0.5%;
    text-align: Center;
    font-size: 10px;
    letter-spacing: -1px;
    font-family: 'Noto Sans KR', sans-serif !important;
    transition: all 0.3s;
    margin-bottom: 2px;
}
.membox li:hover {border:1px solid #000}
.membox li:last-child {}
.membox li div {color:#424242;border-bottom:1px solid #efefef;pad ding:5px 0px;}
.membox li div.locate {height:16px;}
.membox li div.name {color:#000;font-weight:900;height:3.2em;}
.membox li div.money {display:inline-block;width:100%;font-weight:800;background:#fafafa;}
.membox li div.money div.txt {padding:0px;border:0px;width:100%;flo at:left;pad ding-left:10px;text-align:center;}
.membox li div.money div.val {padding:0px;border:0px;width:100%;flo at:left;text-align:center;pa dding-right:10px;letter-spacing:0px;font-family:roboto}
.membox li div.money div.val span {display:block;}
.membox li div i {margin-right:2px;}
.membox li div.gage {height:15px;bo rder:1px solid #dfdfdf;padding:0px ;margin-top:-1px;position:relative;;font-size:10px;overflow:hidden}
.membox img {
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    top: 50%;
    left: 0px;
    right: 0px;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}

.membox li div.candiimg {
	bord er: 1px solid #dfdfdf;
    padding: 0px;
    overflow: hidden;
    width: 100%;
    height: 124px !important;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
}
.membox li div.candiimg .candi_st {position:absolute;z-index:100;width:95px;height:95px;padding:0px;margin:0px;bordeR:0px;right:0px;bottom:0px;}
.membox li div.candiimg .candi_st img {width:100%}





.mem_wrap {width:100%;background:#fff;margin:auto;bordeR:1px solid #efefef;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:20px;display:inline-block;}
.membox02 {border:1px solid #1470b8; padding:10px ;}
.membox02 ul {width:100%;list-style:none;padding:0px;margin:0px;display:inline-block;margin-bottom:20px;}
.membox02 li {background:#fff;text-align:Center;font-size:12px;padding:10px;letter-spacing:-1px;font-family: 'Noto Sans KR', sans-serif !important ;}
.membox02 u li {text-align:center;border:1px solid #1470b8}
.membox02 li div {color:#555;border-bottom:1px solid rgba(0,0,0,0.1);padding:5px 0px;box-shadow:0px 1px 0px rgba(255,255,255,0.1)}
.membox02 li div.name {color:#000;font-weight:900;}
.membox02 li div.money {display:inline-block;width:100%;font-weight:800;background:#fafafa}
.membox02 li div.money div.txt {padding:0px;border:0px;width:calc(35% - 10px);float:left;padding-left:10px;text-align:left;box-shadow:none}
.membox02 li div.money div.val {padding:0px;border:0px;width:calc(65% - 10px);float:left;text-align:right;padding-right:10px;letter-spacing:0px;font-family:roboto;box-shadow:none}
.membox02 li div i {margin-right:4px;}
.membox02 li div.gage {height:15px;border:1px solid #dfdfdf;padding:0px ;margin-top:10px;position:relative;;font-size:10px;overflow:hidden;box-shadow:none}
.membox02 li div.gage .gage_area {position:absolute;z-index:10;height:20px;width:100%;padding:0px;}
.membox02 li div.gage .gage_value {height:20px;position:absolute;background:#a8c655;top:0px;z-index:1}
.membox02 img {width:210px;height:auto;margin:auto;top:0px;bottom:0px;position:absolute;left:0px;right:0px;}
.membox02 li div.candiimg {border:1px solid #efefef;padding:0px;overflow:hidden;height:312px;position:relative;box-shadow:none}
.membox02 li div.candiimg a {display:block; text-align:center;}
.membox02 li div.candiimg .candi_st {position:absolute;z-index:100;width:95px;height:95px;padding:0px;margin:0px;bordeR:0px;right:0px;bottom:0px;}
.membox02 li div.candiimg .candi_st img {width:100%}
.membox02 li div.party {background:#1470b8;color:#fff}
.membox02 li div.val span {color:#1470b8}
.membox02 li div.money .val span {color:#4ca8f7}
.membox02 div.add_field {width:80px;display:inline-block;font-size:12px;background:#222;margin:5px 0;height:28px;color:#fff;text-align:center;float:right;}


ul.view_txt01 {list-style:none;padding:0px;margin:0px;;width:100%;display:inline-block;border-bottom:1px solid #efefef;padding: 0px;}
ul.view_txt01 li {display:block;text-align:left;padding:0;}
ul.view_txt01 li img {width:300px;}
ul.view_txt01 li.line {float:left;display:inline-block;margin-left:40px;}
ul.view_txt01 li:nth-child(2) {text-align:right;margin-bottom:5px;}
ul.view_txt01 li.clear {clear:left;margin-left:0px;}
ul.view_txt01:last-child {border-bottom:0px;}
ul.view_txt02 {list-style:none;padding:10px 0px;margin:0px;;width:100%;display:inline-block;}
ul.view_txt02 li {display:inline-block;wid th:287px;bo rder:1px solid #efefef;;vertical-align:top;}
ul.view_txt02 li img {max-width:100%;}


.membox02 .input01 {border:1px solid #dfdfdf;padding:10px;width:100%;font-size:12px;}
.membox02 .input02 {border:1px solid #dfdfdf;padding:5px;font-size:12px;width:calc(100% - 80px);}
.membox02 .view_txt01_birth .input02 {width:50px}
.membox02 .input03 {border:1px solid #dfdfdf;padding:5px;font-size:12px;margin-bottom:3px;width:100%}


.reply ul {list-style:none;padding:0px;margin:0px;display:inline-block;width:100%;border-bottom:1px solid #efefef}
.reply li {line-height:30px;}
.reply li.writer {font-weight:bold;}
.reply li.cont {}
.reply li.date {font-size:10px;text-align:right;color:#a7a7a7}
.reply li.date i {margin-left:5px;cursor:pointer}
.reply li.date i:hover {color:#000}
.reply ul.rep {list-style:none;padding:0px;margin:0px;display:inline-block;width:100%;border-bottom:1px solid #efefef;background:#fcfcfc}
.reply ul.rep li.writer {width:130px;}
.reply ul.rep li.writer i {margin:0px 5px;}
.reply ul.rep li.cont {width:calc(100% - 230px)}
.reply ul.rep_nothing  {list-style:none;padding:0px;margin:0px;display:inline-block;width:100%;height:100px;padding:7px 0px;border-bottom:0px;}
.reply ul.rep_nothing li {width:100%;text-align:center;}
.reply ul.rep_frame {list-style:none;padding:0px;margin:0px;display:inline-block;width:100%;height:100px;padding:7px 0px;display:none;}
.reply ul.rep_frame li {width:100%;text-align:center;}
.reply_btn {width:100px;height:30px;background:#fff;margin:15px auto;line-height:30px;text-align:center;border:1px solid #dfdfdf;border-radius:5px;cursor:pointer}
.reply_btn2 {width:70px;height:30px;background:#fff;margin:25px auto;line-height:30px;text-align:center;border:1px solid #dfdfdf;border-radius:5px;display:inline-block;margin-right:10px;cursor:pointer}












.fund_btn {font-size:16px;background:#797979;height:40px;line-height:40px;letter-spacing:-1px;text-align:Center;color:#fff;cursor:pointer;border-radius:5px;margin-bottom:5px;}

.sns_btn {font-size:16px;letter-spacing:-1px;text-align:Center;color:#fff;}

.tablehead {background:#dfdfdf;font-size:12px;text-align:center;margin-bottom:3px;}
.tablehead td {background:#efefef;padding:10px 0px;}

.tablecont01 {background:#efefef;font-size:12px;text-align:center;}
.tablecont01 td {background:#fff;padding:10px 0px;}
.tablecont01 td div {background:#efefef;border:1px solid #dfdfdf;width:50px;margin:auto;padding:5px 0px;border-radius:4px;cursor:pointer}
.tablecont01 td div.apply {background:blue;color:#fff}


.tablecont02 {background:#efefef;font-size:11px;text-align:center;}
.tablecont02 td {background:#fff;padding:10px 0px;}
.tablecont02 td div {background:#efefef;border:1px solid #dfdfdf;color:#777;width:50px;margin:auto;padding:5px 0px;border-radius:4px;cursor:pointer}
.tablecont02 td div.apply {background:blue;color:#fff}



.joinbtn {cursor:pointer;width:100%;padding:10px 0;height:;border-radius:7px;background:#efefef;color:#383838;transition:all 0.3s;margin-bottom:10px;}
.joinbtn:hover {background:#c0aa6f}
.joinbtn:hover > div {color:#fff}
.joinbtn > div {text-align:center;font-family:'Noto Sans KR', sans-serif;;letter-spacing:-1px;;font-size:16px;}

.loginbtn {cursor:pointer;width:400px;background:#efefef;color:#383838;font-size:16px;font-family:'Noto Sans KR', sans-serif ;letter-spacing:-1px;margin:auto;margin-top:20px;height:60px;line-height:60px;transition:all 0.3s}
.loginbtn:hover {background:#c0aa6f;color:#fff}

.small_confirm {display:inline-block;cursor:pointer;width:200px;text-align:center;background:#efefef;color:#383838;font-size:16px;font-family:'Noto Sans KR', sans-serif ;letter-spacing:-1px;margin:auto;margin-top:20px;height:40px;line-height:40px;transition:all 0.3s;border-radius:8px;}
.small_confirm:hover	{background:#c0aa6f;color:#fff}


.join_input01 {border:1px solid #dfdfdf;padding:5px 5px;width:300px;;outline:none;font-family:tahoma,dotum;font-size:12px;}


.overlap {border:1px solid #dfdfdf;cursor:pointer;background:#efefef;font-family:'Noto Sans KR', sans-serif !important ;font-size:11px;height:24px;margin:0px;}
.inputtxt {font-family:'Noto Sans KR', sans-serif !important ;font-size:11px;color:#555}
.join_confirm {cursor:pointer;width:100%;text-align:center;background:#efefef;color:#383838;font-size:16px;font-family:'Noto Sans KR', sans-serif ;letter-spacing:-1px;margin:auto;margin-top:20px;height:60px;line-height:60px;transition:all 0.3s;border-radius:8px;}
.join_confirm:hover {background:#c0aa6f;color:#fff}



#container {width:100%;}
.tab {display:inline-block;list-style:none;padding:0px;margin:0px;}
.tab li {float:left;height:20px;font-family:'Noto Sans KR', sans-serif ;letter-spacing:-1px;text-align:center;color:#777;cursor:pointer;margin:0px 10px;}
.tabcontent {display: none;padding: 0px;color:#000;}
ul.tab li.current{color:#ee4646;}
.tabcontent.current {display: block;}



.tab_tab {display:inline-block;list-style:none;padding:0px;margin:0px;}
.tab_tab li {float:left;height:20px;font-family:'Noto Sans KR', sans-serif ;letter-spacing:-1px;text-align:center;color:#777;cursor:pointer;margin:0px 10px;}
.tabcontent1 {display: none;padding: 0px;color:#000;}
ul.tab_tab li.current{color:#ee4646;}
.tabcontent1.current {display: block;}



.findbtn {display:inline-block;text-align:center;font-family:notor;letter-spacing:-1px;color:#545454;font-size:14px;padding:5px 0px;;cursor:pointer;width:150px;background:#fafafa;border-radius:30px;margin-top:30px;}
.findbtn:hover {background:#c0aa6f;color:#fff}

.atd td {background:#fff;padding:10px 10px;font-family:'Noto Sans KR', sans-serif !important ;font-size:12px;}
.atd02 td {background:#fff;padding:10px 10px;font-family:'Noto Sans KR', sans-serif !important ;font-size:13px;}
.atd02 td.bold {font-weight:bold}
.highlight td {font-weight:bold; color:#1460b6; background:#f5fbff;}
.highlight td.bold {font-size:18px;}

.mypagebtn {box-sizing:border-box;cursor:pointer;width:100%;padding:10px 0;height:;border-radius:7px;background:#efefef;color:#383838;transition:all 0.3s;margin:10px 0;}
.mypagebtn > div {text-align:center;font-family:'Noto Sans KR', sans-serif;;letter-spacing:-1px;;font-size:16px;}
.mypagebtn:hover {background:#c0aa6f}
.mypagebtn:hover > div {color:#fff}



.mem_table_warp {border:1px solid #efefef;margin-bottom:20px;clear:both;margin-top:20px;}
.mem_wrap_title {font-family:'Noto Sans KR', sans-serif;font-size:18px;letter-spacing:-1px;padding:20px 0px 10px;text-align:center;}
.mem_table_warp td {display:block;}
.mem_table_warp .td_title {background:#f1f1f1;}
.mem_table_warp td input {width:100%;}
.memcd_table_warp td input {width:auto;}


.tabcontent {width:100%;overflow-x:scroll;}
.tabcontent table {width:1200px;}


.tabcontent1 {width:100%;overflow-x:scroll;}
.tabcontent1 table {width:1200px;}

/*매뉴얼공통*/
/*매뉴얼공통*/
.img-responsive {max-width:100%;}
.page_title:before {content:"";display:block; width:60px; height:2px; margin:0 auto 5px; background:#2a211e;}
.page_title {font-size:24px; padding:16px 0 ; text-align:center; font-weight:500;color:#2a211e;}
.page_cont {font-size:0;line-height:2.2;color:#2a211e;text-align:center;}
.page_wrap {}

/*매뉴얼-HOME*/
.page_img_half {width:100%; display:inline-block;}

/*매뉴얼-SERVICES*/
.page_serv {width:100%;font-size:14px;}
.page_serv {}
.page_serv h2 {font-size:22px; font-weight:500;color:#2a283a;background: #f1f1f1;}
.page_serv h4 {font-size:20px;font-weight:400;text-align:center;color:#34cfb5;}
.page_serv h4:after {content:"";display:block;width:100%;border-bottom:1px dashed #aaa;}
.page_serv h4 img {width:75px;}
.page_serv h6 {font-size:16px;font-weight:400; font-weight:500;}
.page_serv .page_serv_cont {padding:20px 0;font-size:0;text-align:left;}
.page_serv .page_serv_cont_detatil {box-sizing:border-box;display:block; width:100%; vertical-align:top; font-size:14px; padding:20px 10px; padding-bottom:0; color:#2a283a;}

/*매뉴얼-Q&A*/
.page_ps {text-align:center;font-size:14px; margin-bottom:20px;}
.page_bar {display:block; width:100%;height:1px;border-bottom:1px dashed #aaa; margin:30px 0;}

/*매뉴얼-contact*/
.page_info {font-size:14px;margin-bottom:20px;}
.page_info a {color:#2a211e; text-decoration:underline;}
.page_info a {display:block;}
.page_map {}
.page_form {font-size:14px;margin:30px 0;}
.page_form table {width:100%; border-collapse:collapse;}
.page_form table th {text-align:left; font-weight:500;font-size:12px;}
.page_form table td {border:none}
.page_form table th,
.page_form table td {display:block;}
.page_form table td input,
.page_form table td textarea {box-sizing:border-box; width:100%; border:1px solid #ddd;}
.page_form table td input {height:2.5em;}
.page_form table td textarea {height:10em;}
.page_form .btn {    
	text-align: center;
    width: 120px;
    height: 2.5em;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #2a211e;
    background: rgba(255, 255, 255, 0.1);
    color: #2a211e;
    border-radius: 5px;
	cursor:pointer;
}


/*유튜브반응형*/
.page_vedio {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  text-align:left;
}
.page_vedio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}


.btn_scrap{
	display:block;
	width:100%;
	height:40px;
	margin-bottom:5px;
	line-height:40px;
	background:#2a211e;
	color:#fff;
	border-radius:5px;
}

.page-index {
	/*background-color: #090312;*/
}

/*광고:main_ad*/
.main_ad {
	padding:6px 0;
}
.main_ad h6 {
	padding-bottom:5px;
	font-size:12px;
	text-align:center;
	color:#fff;
}
.main_ad ul {
	margin:0 auto;
	font-size:0;
}
.main_ad ul li {
	box-sizing:border-box;
	display:inline-block;
	width:25%;
	text-align:center;
	font-size:12px;
}
.main_ad ul li a {
	display:block;
	width:90%;	
	margin:0 auto;
	padding:10px 0;
	/*color:#fff;*/
	background:#585858;
	border-radius:5px;
	transition:all 0.3s;
}

/*광고:main_ad2*/
.main_ad2{padding:10px 0;}
.main_ad2 ul {
	width:100%;
	margin:0 auto;
	font-size:0;
}
.main_ad2 ul li {
	box-sizing:border-box;
	display:inline-block;
	width:25%;
	margin:5px 0;
	text-align:center;
	font-size:12px;
}
.main_ad2 ul li a {
	display:block;
	width:90%;	
	margin:0 auto;
	padding:0px 0;
	color:#aaa;
	border:1px dashed #ddd;
	border-radius:5px;
	transition:all 0.3s;
}

/**/
.quick-links {
	font-size: 0;
	margin-bottom: 40px;
}
.quick-links .ql {
	display: inline-block;
    width: 48%;
    margin: 1%;
	padding: 4px 0;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
}
.quick-links .ql-account {
	background-color: #7a5e52;
}

.quick-links .ql-account-basic {
	background-color: #475C42;
}
.quick-links .ql-account-cd {
	background-color: #814737;
}
.quick-links .ql-pc {
	background-color: #195669;
}
.quick-links .ql-manual {
	background-color: #4C4C4C;
}
.quick-links .ql-user-cafe {
	background-color: #6e0001;
}

.guide-links {
	margin-bottom: 20px;
	font-size: 0;
	text-align: center;
}
.guide-links .gl {
	position: relative;
	margin: 0.1rem 0;
	padding: 0 10px;
	min-width: 10em;
	display: inline-block;
	color: #7F7F7F;
	font-size: 14px;
}

.guide-links .gl:after {
	content: '';
	position: absolute;
	width: 1px;
	top: 3px;
	right: 0;
	bottom: 3px;
	background-color: #7F7F7F;
}
.guide-links .gl:last-child:after {
	display: none;
}
@media screen and (max-width: 375px) {
	.guide-group {
		display: inline;
	}
	
	.guide-links .gl {
		
	}
	.guide-links .guide-group:first-child .gl:after {
		display: inline-block;
	}
	.guide-links .guide-group:first-child .gl:nth-child(2):after {
		display: none;
	}
}

@media screen and (max-width:320px) {
	.guide-links .gl {margin:0;}
}



/*상담신청*/
.cs-infor{
	text-align:left;
}
.cs-infor h3{
	font-size:24px;
	font-weight:500;
	letter-spacing:1px;
	padding-bottom:32px;
}
.cs-infor p{
	padding-bottom:12px;
}
.cs-infor span{
	font-weight:500;
	margin-right:2px;
}
.cs-infor a{
	color:#fff;
	text-decoration:underline;
}
.cs-infor .cs-txt{
	float:left;
	width:50%;
}
.cs-infor .cs-form{
	float:right;
	width:50%;
}
.row{
	margin-bottom:1%;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.col-50 {
    float: left;
    width: 49%;
}
.col-50:nth-child(odd){
	margin-right:1% ;
}
.col-50:nth-child(even){
	margin-left:1% ;
}
.cs-form input[type="text"],
.cs-form input[type="email"],
.cs-form input[type="submit"],
.cs-form select, 
.cs-form textarea {
    width: 100%;
	font-family:'Noto Sans KR', sans-serif;
    border: 1px solid #ccc;
    resize: vertical;
	font-size:1rem;
	padding:.5rem 0;
}
.cs-form input[type="submit"]{
    border: none;
	padding:0;
}
.cs-form input, 
.cs-form textarea{
    padding: 0px;	
}
.cs-form select{
	padding:7px;
}
.submit-btn input[type="submit"]{
	font-weight:600;
	background:#2ed6b6;
	color:#fff;
	border:none;
	margin-top:.5rem;
	padding:.75rem 0;
}
.submit-btn input:hover{
	background:#292a2f;
	transition:ease-out .5s
}
.cs-infor a {
    color: #333;
    text-decoration: underline;
}
.cs-infor .cs-txt,
.cs-infor .cs-form{
	float:none;
	width:100%;
}
.cs-infor .cs-txt{
	padding-bottom:2rem;
}
.cs-infor h3{
	padding-bottom:24px;
}
.cs-infor p{
	padding-bottom:0px;
}
.row.submit-btn {
	margin-bottom:30px;
}
	/* 상담신청modal */

	.modal-window {
		position: fixed;
		background-color: rgba(0, 0, 0, 0.3);
		top: 0;
		right: 0;
		left: 0;
		bottom:0;
		z-index: 9999;
		display: none;
		pointer-events: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.modal-window:target {
		display: block;
		pointer-events: auto;
	}
	.modal-window>div {
		max-width: 598px;
		height:480px;
		position: relative;
		margin: 15% auto;
		padding: 2rem;
		background: #fff;
		color: #444;
		border-radius:.75rem;
		box-shadow: 0 4px 10px 0 hsla(0, 0%, 0%, 0.3);
	}
	.modal-con{
		height:345px;
		overflow: hidden;
	}
	.modal-inner {
		height:100%;
		overflow-y: auto;
	}
	.modal-window header {
		font-weight: bold;
	}

	.modal-close {
		color: #555;
		font-weight:600;
		line-height: 50px;
		position: absolute;
		right: 16px;
		text-align: center;
		top: 10px;
		width: 70px;
		text-decoration: none;
	}

	.modal-close:hover {
		color: #000;
	}

	.modal-window h1 {
		font-size: 150%;
		margin: 0 0 15px;
		padding-bottom:1.5rem;
		border-bottom:1px solid #ddd;
	}
	.modal-window h3{
		padding:.5rem 0;
	} 
	.modal-window p{
		font-size: 14px;
		line-height:1.6;	
		padding-bottom:1rem;
	}

/*homepage 후보자사이트제작안내*/

.sub-title{
	text-align:center;
	line-height:1.4;
	margin:6% 0 8% 0;
}
.sub-title h1{
	font-size:26px;
	color:#333;
	padding-bottom:20px;
}
.sub-title p{
	font-size:19px;
	color:#666;
	font-weight: 300;
}

.sub-tab{
	text-align:center;
	font-size:16px;
	margin-bottom:5%;
	background:#f1f1f1;
}
.sub-tab li{
	display:inline-block;
	padding:20px;
	margin:0 2%;
	position:relative;
}
.sub-tab li a {
	color:#333;
}
.sub-tab .now::before{
    content: '';
    display: block;
    width: 90px;
    height: 4px;
    background-color: #333;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -45px;
}
.info-top .hp-img{
	width:48%;
	text-align:center;
	float:left;
}
.info-top .hp-img img{
	width:100%;
	max-width:580px;
}
.info-top .info-text {
    width: 48%;
    margin: 0 0 0 4%;
	color:#333;
    float: left;
}
.info-text h3{
	display:block;
	font-size:18px;
	font-weight: 400;
	letter-spacing: -0.05em;
	color:#2ed6b6;
	padding-bottom:5px;
}
.info-text p{
	font-weight:300;
}

.info-text-border{
	display:block;
	width:100%;
	height:1px;
	background-color:#ddd;
	margin:10px 0;
}
.info-text .price{
	font-size:28px;
	font-weight: 400;
	color:#2ed6b6;
}
.info-text .contact-bt{
    display: inline-block;
    padding: 0px 15px;
	margin-top: 10px;
    line-height: 38px;
    background-color: #2ed6b6;
    border-radius: 5px;
    color: #fff;
}

.contact-bt:hover {

	background-color:#a59172;
}

.info-process {
	padding-top:40px;
}

.info-process .info-pro-box{
    text-align: center;
    width: 31.333%;
    height: 225px;
    margin: 1% 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    float: left;
    line-height: 1.5em;
    font-weight: 300;
}
.info-process .info-pro-box-middle{
	margin: 1% 2%;
}
.info-process .hp-img img {
	width:100%;
}
@media screen and (max-width: 990px) {
	.info-top .hp-img {
		width: 58%;
		transition-duration: 0.5s;
	}
	.info-top .info-text {
		width: 40%;
		margin: 1% 0 0 2%;
	}

}
@media screen and (max-width: 768px) {
	.sub-title p {
		font-size: 16px;
	}
	.m-block{
		display:block;
	}
	.sub-tab {
		font-size: 14px;
	}
	.sub-tab li {
		display: inline-block;
		padding: 10px 0;
		/* margin: 0 2%; */
		position: relative;
		width: 24%;
		margin: 0;
	}
	.sub-tab .now::before {
		content: '';
		display: block;
		width: 70px;
		height: 3px;
		background-color: #444;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -35px;
	}
	.sub-art {
		padding:25px 5px;
		border-bottom: 1px solid #ddd;
		color: #666;
		font-size: 1.2em;
		line-height: 1.5;
	}
	.info-top .hp-img {
		width: 100%;
		float:none;
		transition-duration: 0.5s;
	}
	.info-top .info-text {
		width: 100%;
		margin: 6% 0 2%;
		float: none;
		transition-duration: 0.5s;
	}
	.info-text .price {
		padding: 10px 0 5px;
	}
	.info-text-border {
		display: block;
		width: 100%;
		height: 1px;
		background-color: #fff;
		margin: 10px 0;
	}
	.info-con .info-text p{
		padding-bottom:3px;
	}
	.info-process.sub-art{
		padding:25px 0;
	}
	.info-process .info-pro-box,
	.info-process .info-pro-box-middle {
		text-align: center;
		width: 48%;
		height: 225px;
		margin: 1%;
		border: 1px solid #ddd;
		box-sizing: border-box;
		float: left;
		line-height: 1.5em;
		font-weight: 300;
	}
	.info-service .info-ser-box {
		width: 100%;
		float: none;
		text-align: center;
	}
	.info-service .info-ser-box p {
		line-height: 1.5em;
		padding: 0 2%;
		text-align:left;
		padding: 4% 2%;
	}
	.info-service .ser-icon {
		display: inline-block;
		float: left;
		width: 70px;
		height: 82px;
		background-size: 210px;
		margin: 20px 10px 0 0;
	}
	.info-service .ser-icon2 {
		background-position: -70px 0;
	}
	.info-service .ser-icon3 {
		background-position: -140px 0;
	}

} 
@media screen and (max-width: 640px) {
	.info-process .info-pro-box,
	.info-process .info-pro-box-middle {
		text-align: center;
		width: 98%;
		height: auto;
		margin: 1%;
		border: 1px solid #ddd;
		box-sizing: border-box;
		float: left;
		line-height: 1.5em;
		font-weight: 300;
	}
	.info-pro-box .big-num {
		font-size: 40px;
		color: #bca480;
		display: block;
		margin: 5% 0 5%;
	}

}


.candidateList-action {
   padding: 1em 0;
   text-align: center; 
}
#btnCandidateLsit {
   padding: 15px 30px;
   color: #fff;
   font-size: 16px;
   line-height: 1;
   background-color: #12b1a1;
   border: 0;
}
   #btnCandidateLsit.loading {
      cursor: progress;
      opacity: 0.5;
      background: #0d0d0f url('images/ajax-loader.gif') no-repeat 50% 50%;
      background-size: auto 30px;
   }