@charset "utf-8";

/* 팝업레이어 */
#hd_pop {position:relative;margin:0 auto;height:0;z-index:999999;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
.hd_pops {position:absolute;background:rgba(255,255,255,1);}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {position:relative;padding:0;color:#fff;text-align:left;background:rgba(0,0,0,1);}
.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 {font-size:12px;text-align:left;background:none;}
.hd_pops_footer .hd_pops_close {position:absolute;top:0;right:0;font-size:12px;background:#000;}



/* 버튼 */
.btn_confirm {margin:20px 0 0 0;text-align:center;}
.btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.btn_confirm input,
.btn_confirm button,
.btn_confirm a {vertical-align:top;}

a.btn, .btn {display:inline-block;height:40px;padding:0 24px;color:#fff;line-height:38px;text-align:center;border:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

a.btn_cancel, .btn_cancel {color:#666;background:#f6f6f6;border:solid 1px #ccc;}
a.btn_cancel:hover, .btn_cancel:hover {color:#fff;background:#222;}

a.btn_normal, .btn_normal {color:#666;background:#f6f6f6;border:solid 1px #ccc;}
a.btn_normal:hover, .btn_normal:hover {color:#fff;background:#222;}

a.btn_act, .btn_act {background:#444}
a.btn_act:hover, .btn_act:hover {background:#000}

a.btn_submit, .btn_submit {background:#444}
a.btn_submit:hover, .btn_submit:hover {background:#000}

a.btn_admin, .btn_admin {display:inline-block;background:#f00001;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#000}

a.btn_frmline, button.btn_frmline {background:#444} /* 우편번호검색버튼 등 */



.frm_input {display:block;width:100%;height:40px;line-height:38px;text-indent:10px;border:solid 1px #ccc;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.frm_input_s {width:30%;}
.frm_select {width:30%;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.frm_file_con {margin:5px 0 10px 0;}


/* 페이징 */
.pg_wrap {margin:40px 0 0 0;text-align:center;}
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;font-family:arial, tahoma;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {min-width:30px;height:30px;padding:0 4px;color:#888;font-size:12px;line-height:30px;text-decoration:none;border:solid 1px #ddd}
.pg_page:hover {}
.pg_start {padding:0;text-indent:-999px;overflow:hidden;background:url('../../../img/btn_first.gif') no-repeat 50% 50%;}
.pg_prev {padding:0;text-indent:-999px;overflow:hidden;background:url('../../../img/btn_prev.gif') no-repeat 50% 50%;}
.pg_end {padding:0;text-indent:-999px;overflow:hidden;background:url('../../../img/btn_end.gif') no-repeat 50% 50%;}
.pg_next {padding:0;text-indent:-999px;overflow:hidden;background:url('../../../img/btn_next.gif') no-repeat 50% 50%;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{}
.pg_current {display:inline-block;min-width:30px;padding:0 8px;height:30px;color:#222;font-size:12px;font-weight:normal;line-height:30px;background:#eee;border:solid 1px #ddd}


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

/* 캡챠 자동등록(입력)방지 기본 -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;margin:0;padding:0;border:1px solid #ccc;vertical-align:top;}
#captcha #captcha_mp3 {width:40px;height:40px;margin:0;padding:0;border:0;background:transparent;vertical-align:top;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;}
#captcha #captcha_reload {width:40px;height:40px;margin:0;padding:0;border:0;background:transparent;vertical-align:top;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;text-align:center;background:#fff;border:1px solid #ccc;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;color:#f75665;font-size:13px;line-height:normal}
#captcha input,
#captcha button,
#captcha img,
#captcha a {vertical-align:top;}

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

/* 화면낭독기 사용자용 */
#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;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}


/* 새창 기본 스타일 */
.new_win {position:relative;padding:0 0 10px 0;font-size:12px;}
.new_win #win_title {display:block;position:fixed;width:100%;height:40px;padding:0 10px;color:#fff;font-size:13px;line-height:40px;background:#444;z-index:9}
.new_win #win_title2 {display:block;position:relative;width:100%;height:80px;padding:40px 10px 0 10px;font-size:13px;line-height:39px;font-weight:600;border-bottom:solid 1px #eee;}
.new_win #win_title2 strong {color:#f00001;font-weight:700;}

.new_win .btn_submit {display:block;position:fixed;left:0;bottom:0;width:100%;height:40px;padding:0;font-size:13px;line-height:40px;text-align:center;z-index:99;}
.new_win .btn_close {position:fixed;top:0;right:0;height:40px;width:40px;overflow:hidden;text-indent:-999px;background:url(../img/close_btn.gif) no-repeat 50% 50% #222;border:none;cursor:pointer;z-index:99;}

.win_list {margin:0;}
.win_list table {width:100%;border-collapse:collapse;border-spacing:0px;} 
.win_list caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
.win_list th {padding:12px 10px;font-weight:600;text-align:center;border-bottom:solid 1px #ccc}
.win_list td {padding:12px 10px;text-align:left;border-bottom:solid 1px #eee;}
.win_list td strong {font-weight:600;}

.new_win .win_ul {}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {display:block;position:relative;padding:12px 10px;border-bottom:solid 1px #ddd;}
.new_win .win_ul li label {display:block;color:#444;font-weight:700;line-height:30px;}
.new_win .win_ul li a {}
.new_win .win_ul li .frm_input {font-size:13px;}
.new_win .win_ul li textarea {display:block;width:100%;height:100px;padding:10px;font-size:13px;border:solid 1px #ccc;}
.new_win .win_ul li.empty_li {padding:30px;color:#999;text-align:center;}
.new_win .frm_info {margin:5px 0 0 0;color:#f75665;}

.win_ul_tab {border-bottom:solid 1px #999;}
.win_ul_tab:after {display:block;visibility:hidden;clear:both;content:""}
.win_ul_tab li {display:block;float:left;width:33.3%}
.win_ul_tab li a {display:block;text-align:center;line-height:40px;border-right:solid 1px #ddd}
.win_ul_tab li a.on {font-weight:700;background:#eee;}
.win_ul_tab li:last-child a {border-right:none}

.new_win .win_total {padding:0 10px;color;#666;line-height:40px;border-bottom:solid 1px #ddd;}
.new_win .win_total strong {color:#444;font-weight:700;}
.new_win .win_desc {margin:5px 0 0 0;padding:12px 10px;color:#f75665;}

/*
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
*/

.txt_active {color:#569ffd}
.txt_done {color:#f75665}
.txt_expired {color:#999}
.txt_rdy {color:#15AAD4}


/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
.copymove_current {display:block;float:right;height:22px;padding:0 4px;color:#ff7700;font-size:11px;line-height:18px;background:#fff;border:solid 1px #ccc}
.copymove_currentbg {background:#f6f6f6}

.new_win .new_win_con {margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}

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

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


/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {display:none;margin:5px 0 0 0;font-size:11px;background:#fff;border:solid 1px #ccc;z-index:999;}
.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 #ccc transparent;}
.sv_wrap .sv a {display:block;width:100px;margin:0;padding:0 10px;color:#666;line-height:25px;font-weight:400;text-align:left;border-bottom:dotted 1px #999}
.sv_wrap .sv a:hover{color:#444;background:#eee}
.sv_member {color:#444}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* ckeditor 단축키 */
.cke_sc {display:none;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: none;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol {display: none;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;}

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

/* 배너 */
ul.sb_bn {}
ul.sb_bn:after {display:block;visibility:hidden;clear:both;content:""}
ul.sb_bn li {display:block}
ul.sb_bn li img {width:100%;height:auto;}

.profile_img {margin:0 4px 0 0;}





@media screen and (max-width:768px) {
a.btn, .btn {padding:0 18px;}

.frm_input_s {width:50%;}
.frm_select {width:50%;}
}




@media screen and (max-width:480px) {
a.btn, .btn {padding:0 12px;}

.frm_input_s {width:100%;}
.frm_select {width:100%;}
}