@charset "utf-8";
/* 초기화 */

/*div ,li{border:1px #00FFD3 solid; padding:10px;}*/

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff}
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;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {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;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
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}

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

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;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 img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {background:#212020}
#hd_h1 ,#container_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
#container_title span {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

#hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:30px 0 0}

.hd_sch_wr {float:left;padding:30px 0;;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}


#hd_qnb {float:right;text-align:right;  }
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:12px;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191; }
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


/* 메인메뉴 */
#gnb {position:relative;background:#fff}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

/* 중간 레이아웃 */
#wrapper {}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0; font-size:1em;width:930px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {background:#212020;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.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;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;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}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#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 {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;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:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;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}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* 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}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;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;padding:7px;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:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.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:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.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-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.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;letter-spacing:-0.1em}
.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;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;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 {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;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}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;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:80px;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:110px;text-align:center}
.td_group {width:80px;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 {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 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 {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-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;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* 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}



/*//////////////////////사용자CSS//////////////////////*/

img.preload {visibility: hidden;width: 0;height: 0;position: absolute}
.clr {clear: both}
#n_wrap {width: 100%;min-width: 1140px;background-color: #FFFFFF;color: #333;font-size: 13px;font-family: "Malgun Gothic", "맑은 고딕", -apple-system, BlinkMacSystemFont, helvetica, "Apple SD Gothic Neo", sans-serif;font-weight: 400;}
#n_header {width: 100%;float: left;}
#n_section {margin: 0 auto;width: 100%;float: left;background-color: #f4f4f4;min-width: 1140px;}
#n_section_ct {width: 1140px;margin: 0 auto;padding: 20px 0;}
#n_section_ct:after {display: block;visibility: hidden;clear: both;content: ""}
#n_footer_wrap {width: 100%;float: left;}
#n_footer_tt {margin: 0 auto;width: 100%;background-color: #fff;float: left;border-top: 1px solid #E5E5E5;padding-bottom: 12px;}
#n_footer_ct_tt {width: 1140px;margin: 0 auto;}
#n_footer {margin: 0 auto;width: 100%;background-color: #3c3f4a;float: left;}
#n_footer_ct {width: 1140px;margin: 0 auto;min-height: 150px;padding-top: 30px;}
#addr {width: 990px;float: left;color: #fff;font-style: normal;font-size: 12px;line-height: 150%;}
header, section, footer, aside, nav, main, article, figure {display: block;}
/*베이스아웃라인종료 */

/*epdc-wrap*/
#n_header_tt {width: 100%;background-color: #f0f0f0;min-width: 1140px;height: 43px;border-bottom: solid 1px #cfcfcf;}
#n_header_tt_ct {width: 1140px;margin: 0 auto;}
#n_header_ct {width: 1140px;margin: 0 auto;background-color: #8D91C1;min-height: 150px;}
#n_header_ct #menu {width: 500px;background-color: #FDFAAF;float: right;}
#n_rolling_banner_wrap {width: 100%;min-width: 1140px;text-align: center;background-image: url(../n_images/main_bn_bg.png);background-repeat: repeat-x;}
#n_rolling_banner {width: 100%;text-align: center;height: 679px;background-image: url(../n_images/main_banner_bg.png);background-repeat: no-repeat;background-position: center;}
#n_rolling_banner #n_rolling_banner_inner {margin: 0 auto;max-width: 1140px;height: 679px;position: relative;}
.top_logo {width: 200px;height: 70px;float: left;background-color: #ccc;}
.bottom_logo {width: 144px;height: 95px;float: left;}
/*========== 메인꾸미기시작 ===========*/


.logo_wrap {float: left;width: 138px;height: 87px;}
.ssl_banner {width: 136px;height: 56px;float: right;background-image: url(../n_images/ssl_logo.png);background-repeat: no-repeat;margin-top: 15px;}
/*메인배너*/

.bn_txt_01 {position: absolute;width: 250px;height: 77px;top: 63px;left: 5px;z-index: 1;font-size: 23px;color: #fff;text-align: left;font-family: 'Noto Sans KR', sans-serif;font-weight: 400;}
.bn_txt_02_01, .bn_txt_02_02, .bn_txt_02_03 {font-size: 36px;color: #f1ffdb;text-align: left;font-family: 'Noto Sans KR', sans-serif;font-weight: 400;text-shadow: 1px 1px 1px gray;}
.bn_txt_02_01 span  ,.bn_txt_02_02 span ,.bn_txt_02_03 span{color:#fcfca0; font-weight: 700;}


.bn_txt_02_01 {position: absolute;width: 378px;height: 47px;top: 200px;left: 5px;z-index: 1;}
.bn_txt_02_02 {position: absolute;width: 378px;height: 47px;top: 250px;left: 5px;z-index: 1;}
.bn_txt_02_03 {position: absolute;width: 378px;height: 47px;top: 300px;left: 5px;z-index: 1;}
.bn_01 {position: absolute;width: 730px;height: 700px;top: -36px;left: 400px;z-index: 1;overflow: hidden}
.bn_02 {position: absolute;width: 224px;height: 96px;top: 20px;left: 260px;z-index: 1;}
.main_notice {position: absolute;width: 567px;height: 46px;bottom: 2px;left: 0px;border: solid 1px #d1d1d1;z-index: 1;}
/*메인베너1번*/

.main_banner_01_wrap {float: left;border: solid 1px #d1d1d1;width: 1140px; font-family: 'Noto Sans KR', sans-serif; color:#000}

.main_banner_01_wrap ul li {float: left;width: 25%;display: block;}

.main_banner_01_wrap .bn0001{background-image: url(../n_images/main_cscenter.png); background-repeat: no-repeat; width:284px; height:212px; padding:20px;}
.main_banner_01_wrap .n_get_email a {font-size:16px;  font-weight:700;  padding:4px 20px 6px 20px; border-radius: 20px; margin-top:7px; display:inline-block;
	
  color: #fef4e9;
  border: solid 1px #da7c0c;
  background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');

 }
.main_banner_01_wrap .bn0001 h2 ,.main_banner_01_wrap .bn0004 h2{font-size:22px; font-weight:700; color:#fff;}
.main_banner_01_wrap .bn0001 span{font-size:18px; font-weight:700; padding: 2px 0 2px 0; display: block; color:rgba(255,255,255,0.9) }
.main_banner_01_wrap .bn0001 p ,.main_banner_01_wrap .bn0004 p{font-size:14px; font-weight:700; padding-top:5px; color:rgba(255,255,255,0.70)}
.main_banner_01_wrap .bn0002{}
.main_banner_01_wrap .bn0003-1{background-image: url(../n_images/main_estimate.png); background-repeat: no-repeat; width:285px; height:109px ;padding:20px; font-size:18px; font-weight: 700; color: #7C7C7C }
.main_banner_01_wrap .bn0003-2{background-image: url(../n_images/main_direction.png); background-repeat: no-repeat; width:285px; height:103px;padding:20px; font-size:18px; font-weight: 700; color: #7C7C7C }
.main_banner_01_wrap .bn0004{background-image: url(../n_images/main_card.png); background-repeat: no-repeat; width:284px; height:212px; padding:20px;}



/*메인배너2번*/

.cross_banner02 {width: 100%;height: 89px;margin: 20px 0 20px 0;float: left;display: block;}
.cross_banner02 ul li {float: left;margin-right: 12px;font-family: 'Noto Sans KR', sans-serif;}
.cross_banner02 ul li:last-child {margin-right: 0px;float: right;}
.cross_banner02 ul .one {width: 275px;height: 89px;border: 1px solid #ccc;background-image: url(../n_images/slogna_01.png);background-repeat: no-repeat;padding: 25px 0 0 50px;}
.cross_banner02 ul .two {width: 275px;height: 89px;border: 1px solid #ccc;background-image: url(../n_images/slogna_02.png);background-repeat: no-repeat;padding: 25px 0 0 50px;}
.cross_banner02 ul .three {width: 275px;height: 89px;border: 1px solid #ccc;background-image: url(../n_images/slogna_03.png);background-repeat: no-repeat;padding: 25px 0 0 50px;}
.cross_banner02 ul .four {width: 275px;height: 89px;border: 1px solid #ccc;background-image: url(../n_images/slogna_04.png);background-repeat: no-repeat;padding: 25px 0 0 50px;}
.cross_banner02 ul li h4 {font-size: 15px;color: #7B7A7A;font-weight: 700}
.cross_banner02 ul li span {font-size: 13px;color: #7B7A7A;}
/*메인배너슬라이더*/
.main_middle_bxslider_txt {position: relative;}
.main_middle_rolling_wrap .main_middle_bxslider li .main_middle_bxslider_txt h2 {position: absolute;font-family: 'Noto Sans KR', sans-serif;font-size: 20px;top: 20px;left: 15px;}
.main_middle_rolling_wrap .main_middle_bxslider li .main_middle_bxslider_txt span {position: absolute;font-family: 'Noto Sans KR', sans-serif;font-size: 13px;top: 60px;left: 15px;}
.main_middle_rolling_wrap {width: 285px;height: 212px;overflow: hidden;}
.main_middle_rolling_wrap .main_middle_bxslider {}
.main_middle_rolling_wrap .bx-default-pager {top: -15px;left: 115px;width: 100px;height: 20px;}

/*하단퀵링크*/
.alliance_bxslider_wrap .alliance_bxslider_ct {float: left;}
.alliance_bxslider_wrap .alliance_bxslider_ct li{float: left; border-left:1px solid #ccc; padding:0 7px; text-align:center; }
.alliance_bxslider_wrap .alliance_bxslider_ct li:first-child{border-left:0px}
.alliance_bxslider_wrap .alliance_bxslider_ct li .fa{color:#989898; font-size:24px; }
.alliance_bxslider_wrap .alliance_bxslider_ct span{ font-size:12px; display: block; padding-top:7px;color:#989898; }
/*제휴사*/

.alliance_bxslider_wrap {margin: 10px 0;}
.alliance_bxslider_wrap .bx-wrapper {margin: 0px;}
.alliance_bxslider li {float: left;}
.alliance_bxslider_wrap .alliance_bxslider_ct2 {float: right;width: 950px;-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;border: 5px solid #fff;background: #fff;padding : 7px 40px 0px 40px;}
.alliance_bxslider_wrap .alliance_bxslider_ct2 .bx-controls .bx-controls-direction .bx-prev {position: absolute;left: -35px;}
.alliance_bxslider_wrap .alliance_bxslider_ct2 .bx-controls .bx-controls-direction .bx-next {position: absolute;right: -35px;}


/*/////////커스텀css서브페이지시작///////////*/
/*서브페이지-wrap*/
#n_sub_rolling_banner_wrap{width:100%; text-align:center; min-width:1140px; background-image: url(../n_images/sub_banner_bg.png); background-repeat: repeat-x;}
#n_sub_rolling_banner{width:100%; text-align:center; height:282px; background-image: url(../n_images/sub_banner.png); background-repeat: no-repeat; background-position: center; }
#n_sub_rolling_banner #n_sub_rolling_banner_inner{margin: 0 auto; width:1140px; height:282px; position: relative;}
#n_sub_section{margin:0 auto; min-width:1140px; width:100%; float:left; background-color: #fff;  }
#n_sub_section_ct{ width: 1140px; margin: 0  auto;  padding-top: 20px; position: relative; }
#sub_vertical_menu{ width: 260px; float:left;}
#sub_ct_wrapper{ width: 860px;  float:right;    margin-bottom:50px; position: relative;}
#sub_ct_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
/*서브페이지-wrap종료*/





/*서브배너이미지들*/
.sub_banner_txt_01{position:absolute;width:344px;height:77px;top:63px;left:10px;z-index:1;font-size:25px;color:#fff;text-align:left;font-family:'Noto Sans KR',sans-serif;font-weight:400}
.sub_banner_txt_02{position:absolute;width:940px;height:51px;top:154px;left:9px;z-index:1;font-size:32px;font-weight:bold;color:#fff;text-shadow:2px 2px 2px gray}
.sub_banner_img_01{position:absolute;width:224px;height:96px;top:16px;left:430px;z-index:1}
.sub_banner_img_02{position:absolute;width:248px;height:211px;bottom:57px;left:897px;z-index:1}
.sub_middle_nav{position:absolute;width:505px;height:20px;bottom:0;right:10px;z-index:1}


/*체크박스이미지*/
.check_box{width:20px; height: 22px; background-image:url(../n_images/check_icon.gif); background-repeat: no-repeat; background-position:0px 8px;  display: inline-block; margin:0 0 0 5px;  }


/*따라다니는배너*/
#stv{position: absolute; width: 100px; height:346px;  top:20px; right:-130px; z-index: 1; }
#stv_list {border: #e5e5e5 1px solid; border-radius: 10px; background-image: url(../n_images/stv_bg.png); background-repeat: no-repeat; width: 100px; height:346px; } 
#stv_list ul li{text-align: center; color:   #434343; font-weight: 300}

#stv_list ul li .one{padding-top:95px; display: block; color:#79A700;  }
#stv_list ul li .two{padding-top:70px; display: block; color:#79A700; }
#stv_list ul li .three{padding-top:70px; display: block; color:#79A700;}
#stv_list ul li .four{padding-top:5px; display: block; color:#425b00;}







/*좌측사이드바*/
.n_sub_menu{width:212px;color:#7a7a7a;background-image:url('../n_images/n_menu_header.gif');background-repeat:no-repeat;margin-bottom:20px}
.n_sub_menu_head{width:212px;height:83px;background-color:#618003;color:#c0c4bf;font-weight:700;background-image:url('../n_images/sub_menu_head.png');background-repeat:no-repeat;padding:25px 0 0 62px;font-size:20px;
line-height:0.8;margin-bottom:2px}
.n_sub_menu_head span{font-size:12px;font-weight:normal}
.nav{width:212px;font-size:14px;font-weight:300}
.nav li{background-image:url('../n_images/blit_arrow.png');background-repeat:no-repeat;background-position:190px 17px}
.nav li span{font-size:10px;padding-left:4px}
.nav li a{font-family:'Noto Sans KR',sans-serif;font-weight:700;display:block;line-height:44px;border-bottom:1px solid #cdcdcd;padding-left:4px;width:212px;color:#7a7a7a;text-indent:10px}
.nav a:hover{color:#fff;text-decoration:none}
.nav li.on_color a:hover{background-color:#abd644;color:#000;background-image:url('../n_images/arrow_over.png');background-repeat:no-repeat;background-position:190px 17px;transition:all 0.3s ease 0s}
.nav #select a:hover{color:#6600ff}
.nav #select a{color:#0e7b40;background-image:url('../n_images/arrow_black.gif');background-repeat:no-repeat;background-position:15px 50%;padding-left:18px}



.sub_title{padding:5px 20px;font-size:20px;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;display:inline-block;border-radius:30px;margin-bottom:20px}
.sub_title2{padding:20px 0 0;font-size:18px;font-weight:400}


/*서브원형테두리슬로건*/

.sub_slogan{font-size:15px;  height:40px; width: 100%; background-color:  #E9F1E3; color:#233812;  padding:10px 40px; font-weight:bold; border-radius: 100px; text-align: center; line-height: 1.4; white-space: nowrap; display: block; margin-bottom:20px;}


/*공용템플릿*/

.rule_001{line-height: 170%; display: block; } 
.rule_001 h3{font-size:18px; font-weight:bold; margin-bottom:30px; } 
.rule_001 ul{margin-bottom:30px; } 
.rule_001 .sub_title00 h5{font-size: 18px; color:#468009;font-weight:700; font-family: 'Noto Sans KR', sans-serif; display: inline-block; margin-bottom:20px;} 
.rule_001 .sub_title00 span {font-size: 16px; color:#50524F; font-weight:700; font-family: 'Noto Sans KR', sans-serif;} 
.rule_001 .sub_title01 {font-size: 16px; color:#50524F;font-weight:700; font-family: 'Noto Sans KR', sans-serif; } 
.rule_001 .sub_title02 {font-size: 15px; color:#468009;font-weight:700;  text-indent:15px; margin:10px 0 5px 0; } 
.rule_001 .sub_title01:before {content: "▣"; padding-right: 4px; color:#61a443; }
.rule_001 ul li:before {content: "ㆍ"; padding-right: 0px; color:#61a443; } 
.rule_001 ul li {text-indent: -20px; padding-left:18px;} 






/*숫자가 변하는 배너*/
.cal_txt li{float:left; font-family: 'Noto Sans KR', sans-serif; font-size:32px; font-weight: 700; text-shadow: 2px 2px 2px gray; }
.cal_txt .spot_txt { font-family: 'Noto Sans KR', sans-serif; font-size:32px; font-weight: 700; text-shadow: 2px 2px 2px gray; color: #ffff00;  }
.calculator{color: #ffff00; width:110px;vertical-align:middle; line-height: 1.5;  }

/*블랙박스*/

.sub_middle_nav ul {float: right;}
.sub_middle_nav ul li{float: left; padding: 0 10px;  background-image: url(../n_images/blit_arrow.png);background-repeat: no-repeat; background-position: 0 50%; word-break : nowrap;   } 
.sub_middle_nav ul li:last-child{color: #559534    } 
.sub_middle_nav ul li:first-child{background-image: url(../n_images/null.png); background-repeat: no-repeat;  } 

/*전담작업자꾸미기*/
.worker_info{width:100%;  margin: 20px 0 ; display: block;  float: left;} 
.worker_info .ct{height:90px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background-image: url(../n_images/worker_icon.png); background-repeat: no-repeat; background-position: 13px 50%; }							
.worker_info .ct ul{margin:10px 0 0 100px; float: left; }
.worker_info .ct ul li {line-height: 150%;  }
.worker_info .ct ul li span {color: #FF9900; font-weight: 700; }
.worker_info .ct .link_estimate {float:right; margin: 22px  30px 0 0 ; }
.worker_info .ct .link_estimate a {text-align: center;  color: #fff; background-color: #63A207; padding:10px;  border-radius:10px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc; display: block; }
.worker_info .ct .link_estimate a:hover { background-color: #79C806; transition : all 0.3s ease 0s;   }


/*메뉴바하단에 배너*/

.sub_banner_001_wrap{float:left; margin-top:40px; }
.sub_banner_001_wrap ul {width:212px;  float:left; border: 1px solid #ccc; border-radius: 5px; background-image: url(../n_images/banner_005.png); background-repeat: no-repeat; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc; }
.sub_banner_001_wrap ul li { height:90px;  border-bottom: 1px solid #ccc; padding:12px 12px 12px 60px;}
.sub_banner_001_wrap ul h4 {font-size: 15px;font-weight: 700; padding-bottom:5px; color: #63A207; margin: 0;}
.sub_banner_001_wrap ul span {font-size: 12px; display:block}

/*이미지갤러리wrap*/
.gallery_wrap{margin-bottom:30px; }
.gallery_wrap:after {display:block;visibility:hidden;clear:both;content:""}



/*연혁_wrap*/
.org_ct{width:100%; height:750px; background-image: url(../n_images/org_circle_bg.png); background-repeat: no-repeat; background-position: center bottom; position: relative;}
.org_ct h4{font-size:18px; color:  #618003;; display:inline-block; padding:5px 20px; border: #AFAFAF 1px solid; border-radius: 30px; line-height: 1.2; }
.org_ct h5{font-size:18px; color: #F9F6C7;}
.org_ct .one ,.org_ct .two ,.org_ct .three ,.org_ct .four ,.org_ct .five{font-size:15px; color: #fff; text-align:center;}
.org_ct .one{position:absolute;left:73px;top:270px}
.org_ct .three{position:absolute;left:149px;top:590px}
.org_ct .four{position:absolute;left:530px;top:570px}
.org_ct .two{position:absolute;left:654px;top:262px}
.org_ct .five{position:absolute;left:375px;top:155px}
 

/*히스토리*/
.history_ct {font-size: 14px;}

.history_ct h4{font-size:18px; color:  #618003;; display:inline-block; padding:5px 20px; border: #AFAFAF 1px solid; border-radius: 30px; line-height: 1.2; }
.history_ct{width:100%; display:block; float: left; padding-bottom:30px; position: relative; height:800px;}


.history_ct .year{display:block; padding-bottom:10px;} 
.history_ct  h5{font-size:32px;  color: #686868;  display: inline-block;}
.history_ct  h4{font-size:18px; color:  #618003; padding:5px 20px; border: #AFAFAF 1px solid;  line-height: 1.2; float: left;height:37px;  margin-bottom: 20px; }
.history_ct li {padding: 10px 0 10px 0; font-size: 14px; border-bottom:1px solid #DBDBDB; }
.history_ct li:last-child {border-bottom:0px }
.history_ct span {color: #2FA4A2; font-weight: 700;padding-right:10px;}
.history_ct .year2015 ,.history_ct .year2008 ,.history_ct .year2006,.history_ct .year2004 ,.history_ct .year2003 ,.history_ct .year2002 ,.history_ct .year1999
{position: absolute; border:#E4E4E4 solid 2px; padding:10px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc; 	background-color: #FDFDFD; border-radius: 10px;}

.history_ct .year2015{ width:400px; height: 120px; left:20px; top:60px;}
.history_ct .year2008{ width:400px; height: 120px; left:20px; top:200px; }
.history_ct .year2006{ width:400px; height: 190px; right:20px; top:200px; }
.history_ct .year2004{width:400px; height: 120px; left:20px; top:410px;}
.history_ct .year2003{width:400px; height: 120px; right:20px; top:410px;}
.history_ct .year2002{width:400px; height: 150px; left:20px; top:550px;}
.history_ct .year1999{width:400px; height: 150px; right:20px; top:550px;}

/*아트워크페이지꾸미기*/



.artwork_ct01{background-image: url(../n_images/artwork_img.png); width:854px; height:326px;  }
.artwork_ct02{ padding-bottom:200px;}

.artwork_ct02 > div{width: 400px; height:160px; display:inline-block; background-image: url(../n_images/artwork_img_01.png); background-position: 20px 50%; background-repeat: no-repeat; border:1px solid #ccc; padding:20px; border-radius: 10px;  -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc; } 
.artwork_ct02  li{padding:10px 0 0 120px; } 
.artwork_ct02  span{color: #618003 } 
.artwork_ct02  h4 {font-size:18px; font-weight: 700; } 

.artwork_ct02 .ct_001{background-image: url(../n_images/artwork_img_01.png); float:left; }
.artwork_ct02 .ct_002{background-image: url(../n_images/artwork_img_02.png); float:right;} 
.artwork_ct02 .ct_003{background-image: url(../n_images/artwork_img_03.png); float:left; }
.artwork_ct02 .ct_004{background-image: url(../n_images/artwork_img_04.png); float:right;} 
.artwork_ct02 .ct_005{background-image: url(../n_images/artwork_img_05.png); float:left; }
.artwork_ct02 .ct_006{background-image: url(../n_images/artwork_img_06.png); float:right;} 
.artwork_ct02 .ct_007{background-image: url(../n_images/artwork_img_07.png); float:left; }
.artwork_ct02 .ct_008{background-image: url(../n_images/artwork_img_08.png); float:right;} 
.artwork_ct02 .ct_009{background-image: url(../n_images/artwork_img_09.png); float:left; }
.artwork_ct02 .ct_010{background-image: url(../n_images/artwork_img_10.png); float:right;} 

/*작업자들*/
.worker_wrap {width:860px; height:auto; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; padding :40px 40px 20px 40px; }
.worker_wrap .worker_bxslider {width:860px; }

/*PCB생산*/
.pcb_make_wrap > div
{width:180px; height:130px; border:4px solid  #CBE09D; border-radius: 10px; padding:10px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc; float: left; margin:0 45px 60px 0; background-color: #FDFDFD;} 


.pcb_make_wrap .box_00{width:100%; height:200px; border:5px solid #777575; margin-bottom:20px;background-image: url(../n_images/pcb_make_img.png); background-repeat: no-repeat;text-align: center;}
.pcb_make_wrap .box_00 h4{background-color:rgba(0,0,0,0.50); color: #FFFFFF; padding:10px 30px; margin:70px 10px 0 10px ; font-size:18px;  border-radius: 20px; display:inline-block;}
.pcb_make_wrap div > h4{color:#72A400;  margin-bottom:10px; font-size: 16px; font-weight: 700;}

.pcb_make_wrap .ma0{margin-right:0px; }

.pcb_make_wrap .arrow
{position:absolute;  background-image: url(../n_images/green_arrow.png); background-repeat: no-repeat; width:25px; height:25px; right:-40px; top:50px;  }



/*pcb조립*/
.pcb_assembly_wrap > div {width:100%;  border:4px solid  #CBE09D; border-radius: 10px; padding:20px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc; float: left; margin:0 0 60px 0; background-color: #FDFDFD; position: relative; } 
.pcb_assembly_wrap dt{font-size: 20px; font-weight: 700; color: #759C14; padding:5px 30px 5px 5px;  }

.pcb_assembly_wrap .box_00{width:100%; height:200px; border:5px solid #777575; margin-bottom:20px;background-image: url(../n_images/pcb_assembly_img.png); background-repeat: no-repeat;text-align: center;}
.pcb_assembly_wrap .box_00 h4{background-color:rgba(0,0,0,0.50); color: #FFFFFF; padding:10px 30px; margin:70px 10px 0 10px ; font-size:18px;  border-radius: 20px; display:inline-block;}
.pcb_assembly_wrap dt ,.pcb_assembly_wrap dt{float: left; }
.pcb_assembly_wrap dl{display:table; }
.pcb_assembly_wrap dd{display:table-cell; vertical-align:middle; }
.pcb_assembly_wrap .dot_arrow{display:inline-block; color:#85BD08; padding: 0 10px 0 10px; margin:0; }
.pcb_assembly_wrap .arrow {position:absolute;  background-image: url(../n_images/green_bottom_arrow.png); background-repeat: no-repeat; width:25px; height:25px; right:50%; bottom:-40px;  }


/*pds*/
.col-orange{color:#f27d15;}
.col-marinblue{color:#61a443;}
.col-yellow{color:#f9d60b;}

.pds_wrap{font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight: 300;}

.pds_wrap .n_font-24 {font-size: 24px;}
.pds_wrap .n_font-w-700 {font-weight: 700;}


.pds_wrap .box_a{padding:10px 0 ; font-weight: 700;}
.pds_wrap .box_a p{font-size: 18px;  color:#2FA4A2;}
.pds_wrap .box_b{line-height: 200%; background-image: url(../n_images/pdn_img.png); background-repeat: no-repeat; background-position: right; }
.pds_wrap .box_c{line-height: 200%; padding-bottom:20px;}
.pds_wrap .box_c p{font-size: 18px; font-weight: 700; color:#2FA4A2; padding:10px 0 ;}

.pds_wrap .box_d{-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; padding:20px; margin:20px 0; }
.pds_wrap .box_d:after {display:block;visibility:hidden;clear:both;content:"" }
.pds_wrap .box_d dt ,.pds_wrap .box_d dd{float:left; }
.pds_wrap .box_d dt{font-size: 18px; font-weight: 700; color:#61a443; padding:0 30px 0 0  ;}
.pds_wrap .box_d .n_dot{ float:left; padding:10px 0; width:100%; border-bottom:1px dotted  #B8B8B8}
.pds_wrap .box_d .n_dot:last-child{padding-bottom:0px; border-bottom:0px;}


/*ceo인사말*/
.ceo_greeting_wrap{font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight: 300;}

.ceo_greeting_wrap  .n_font-24 {font-size: 24px;}
.ceo_greeting_wrap  .n_font-w-700 {font-weight: 700;}


.ceo_greeting_wrap .box_a{width:100%; height:296px; background-image: url(../n_images/ceo_ggreeting_img.png); background-repeat: no-repeat; border:5px solid #90cd27; }



.ceo_greeting_wrap  .box_b{line-height: 200%; background-image: url(../n_images/ceo_greeting_img01.png); background-repeat: no-repeat; background-position: right;padding-right:300px; margin:20px 0;}
.ceo_greeting_wrap  .box_b:first-letter{font-size:24px; font-weight: 700; color:#61a443}
.ceo_greeting_wrap  .box_c{line-height: 200%; padding-bottom:20px;}
.ceo_greeting_wrap  .box_c p{font-size: 18px; font-weight: 700; color:#61a443; padding:10px 0 ;}
.ceo_greeting_wrap  .box_c :first-letter{font-size:24px; font-weight: 700; color:#61a443}
.ceo_greeting_wrap  .box_c li{margin:0 0 20px 0;}

.ceo_greeting_wrap  .box_d{font-weight: 700; margin:20px 0; color:#61a443 }


/*사이트맵*/



.map_contents {margin-bottom:20px; display:inline-block;}
.map_contents > ul{float:left; clear:both;}

.map_contents  li{float:left; padding: 0 0 20px 0 }
.map_contents .title{width:200px; height:100px; padding-right:10px; margin-bottom:80px; }
.map_contents .title a{background-color:#08A6C8; color: #fff;  }
.map_contents a { width:auto; text-align: center;  color: #4F4F4F; background-color: #93CB42; padding:10px 10px;  border-radius:10px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc; display: block; margin-right:20px; }
.map_contents a:hover { background-color: #79C806; transition : all 0.3s ease 0s;   }



/*오시는길*/
.direction_wrap .ct_01{-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; padding:15px; solid:#fff; }
.direction_wrap .ct_02 {padding:30px 0; color: #6E6D6D }
.direction_wrap .ct_02 li{padding:10px 0; border-bottom:1px dashed #C3C3C3; } 
.direction_wrap .ct_02 li span{padding-right:20px; font-weight: 700; color: #006EB4; }
.direction_wrap .ct_02 li .highlite1{padding:2px 5px ;  background-color: #0066D1; line-height: 1; color: #FFFFFF; margin:0 10px 0 0; border-radius: 4px; font-size: 12px; font-weight: 400; }
.direction_wrap .ct_02 li .highlite2{padding:2px 5px;  background-color: #FF0004; line-height: 1; color: #FFFFFF; margin:0 10px; border-radius: 4px; font-size: 12px; font-weight: 400;}




/*대금결제*/

.pay_wrap{}
.card_notice{width:100%; display:block; padding-bottom:20px; }
.card_notice li{padding:5px 0 ; list-style-type:disc; }
.card_notice li span{color: #0072D0; font-weight: 700; }
/*관리자용헤더*/


/*로그인용 헤더*/
#admin_container{float:left; 	background-color: #F5F5F5; padding-top:13px; }

#admin_container li{float:left; padding-right:10px; border-radius: 20px; color: #526027; vertical-align: bottom; line-height: 1; }
#admin_container li a{ background-color:#00A3FF; border-radius: 6px; color: #FFFFFF; padding:5px 10px; display:block; font-size: 12px; }
#admin_container li:nth-child(1){ padding-top:2px;  }

#admin_container .logout_btn a{ background-color:#FD4D8F; }


/*모바일 버튼 꾸미기*/

.view_mobile a{color:#fff; border:#FFFFFF 1px solid; padding:3px 5px; border-radius: 3px;  margin-left:10px; display:inline-block; background-color: rgba(255,255,255,0.2);  }




/*컨텐츠링크*/

.contents_links {width: 100%; border: solid #97c23c 5px; border-radius: 10px; padding: 20px; box-sizing: border-box; background-color: #fff; display: flex; flex-direction: column; align-items: center; overflow: hidden;}
.contents_links .txt {width: 100%; border-bottom: 2px dotted #ccc; margin-bottom: 10px; padding-bottom: 5px; text-align: left; box-sizing: border-box;}
.contents_links .txt h2 {font-size: 18px; color: #037F40; font-weight: 700; display: inline-block; margin: 0;}
.contents_links .txt span {font-size: 13px; padding-left: 10px; color: #555;}
.contents_links ul {display: flex; flex-wrap: wrap; gap: 15px 12px; justify-content: flex-start; padding: 0; margin: auto; list-style: none; width: 100%;}
.contents_links ul li {flex: 0 0 auto; padding: 12px; min-width: 110px; min-height: 36px; border-radius: 100px; background-color: transparent; box-sizing: border-box; transition: transform 0.3s ease, background-color 0.3s ease; text-align: center;}
.contents_links ul li:hover {background-color: #97c23c; transform: scale(1.05); z-index: 1; position: relative;}
.contents_links ul li a {display: block; font-size: 14px; color: #333; text-decoration: none; transition: color 0.3s ease;}
.contents_links ul li:hover a {color: #fff;}
.contents_links ul .col-blue a {color: #97c23c; font-weight: 700;}
.contents_links ul .over {background-color: #97c23c;}
.contents_links ul .over a {color: #fff; font-weight: 700;}















