@charset "utf-8";

/* 초기화 */

a {text-decoration:none;}
ul {list-style:none;}

/* 팝업레이어 */
#hd_pop {z-index:1000; position:relative; margin:0 auto; width:100%; height:0;}
#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 img{max-width:100%; height:auto;}
.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;}
#skip_to_container{display:none;}

/* 텍스트 크기 조절 */
#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 {}
#wrapper:after {display:block; visibility:hidden; clear:both; content:"";}
#container {position:relative; min-height:300px; margin:0 auto; max-width:1260px; padding:15px;}
#container:after {display:block; visibility:hidden; clear:both; content:"";}
#container_title {font-size:1.6em; margin:50px 0 20px;}

.btn_top li {display:inline-block;}
.write_btn a {position:fixed; bottom:152px; right:10%; border-radius:30px; width:60px; height: 60px; line-height:50px; text-align:center; z-index:10000 !important; box-shadow: 0px 0px 7px #616474; transition: 0.3s all;}

@media (max-width: 1599px) {
	.write_btn a {right:5%;}
}
@media (max-width: 1399px) {
	.write_btn a {right:3%;}
}
@media (min-width: 970px) {
    .con_right {float:left; width:33.333%; margin:15px 0;}
    .con_left {float:left; width:66.666%; margin:15px 0;}
}
@media (max-width: 767px) {
	.write_btn a {width:50px; height: 50px; line-height:40px; bottom:74px; right:1%;}
}
@media (max-width: 639px) {
    #container_title {margin:40px 0 10px; font-size: 1.4em;}
}

/* 하단 레이아웃 */
#ft {background:#fff; padding:30px; text-align:left;}
#ft h1 {width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
#ft p {margin:0; padding:10px 0; line-height:1.8em;}

#ft_copy {line-height:2em; color:#999; margin:0 auto; max-width:1200px;}
#ft_copy #ft_company {margin-bottom:10px;}
#ft_copy #ft_company a {display:inline-block; padding:0 10px; line-height:1em; border-left:1px solid #aaa; font-weight:600; color:#777;}
#ft_copy #ft_company a:first-child {border:0; padding-left:0;}
#ft_copy b {color:inherit;}
#ft_copy a {color:inherit;text-decoration:none;}

#top_btn {position:fixed; bottom:10px; right:10px; width:40px; background:#fff; border:0; border-radius:30px; border-bottom:2px solid #ddd; line-height:40px; text-align:center; font-size:15px; z-index:99;color:#888;}
#top_btn:hover{color:#333}
#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;}

@media (min-width: 970px) {
    #top_btn {width:60px;height:60px;}
}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061;}
.copymove_currentbg {background:#f4f4f4;}
#copymove .tbl_head01 {margin-top:10px;}
#copymove td {background:#fff;}
#copymove .win_btn {margin:10px;}

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

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

/*단축키일람 */
.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 15px;height:40px;line-height:40px;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:#333;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:right;} /* 서식단계 진행 */
/*
.btn_submit {border:0;background:#a566fb;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#7f31ff;}

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:#333;vertical-align:top;text-decoration:none}
*/

a.btn_frmline, button.btn_frmline {display:inline-block; padding:0 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 {width: 100px; height: 46px; font-size: 15px; display:inline-block; background:#ccc; color:#0c0c0c;border:0; text-decoration:none; vertical-align:middle; margin-top: 0; padding-top: 6px;}
.btn_b01:hover, .btn_b01:hover {color:#333;}

a.btn_b02, .btn_b02 {display:inline-block; background:#ff9900; color:#fff; text-decoration:none; vertical-align:middle; border:4px solid #fff;}
a.btn_b02:hover, .btn_b02:hover {background:#006600; color:#fff;}

a.btn_b03, .btn_b03 {display:inline-block; line-height:28px; 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; width: 60px; padding-top: 6px; transition: 0.3s all;} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {background:#7f31ff;}

/* 쇼핑 관리자 버튼 */
.sit_admin a.btn_admin.btn {background:#54a9a9; width: 100px; height: 44px; padding-top: 9px; transition: 0.3s all; text-shadow: 0.5px 0.5px 1px #000;}
.sit_admin a.btn_admin.btn:hover {background:#ff6565;}

/* 기본테이블 */
.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 li {background:#fff; border-radius:3px; margin:15px 0; padding: 15px;}

/* 기본폼 */
.form_01 {margin:15px 0;}
.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:#fafafa; color:#333; vertical-align:middle; border-radius:5px; padding: 15px;}
.form_01 textarea {width:96%; height:100px;}
.form_01 textarea:focus, .frm_input:focus {outline:none;}
.frm_input {height:45px; padding:0 15px; margin-bottom:10px;}
.full_input {width:100%} 
.form_01 .frm_file {display:block; margin-bottom:5px; width:100%;}
.form_01 select {height:40px; border-radius:3px; background-color:#fff;}
.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; padding: 15px !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:100px; text-align:center;}
.td_stat {width:60px; text-align:center;}

.td_chk {width:50px; text-align:center;}
.td_statsmall {width:50px; text-align:center;}
.td_dvr {width:50px; text-align:center;}
.td_namesmall {width:100px; text-align:left;}
.td_date {width:50px; text-align:center;}
.td_datetime {width:170px; text-align:center;}
.td_mngsmall {width:50px; text-align:center;}

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

/* 새창 스타일 */
#sit_use_write_star label {font-size: 14px !important;}
#sit_rec_new.new_win #win_title {font-size:0.9rem; font-weight:bold; height:20px; padding:10px 20px; line-height:20px; background:#0099ff; color:#fff; margin: 30px 10px 20px; text-align: center; width: 91%; border-radius: 30px;}
.new_win_con {margin:10px;}
.new_win .win_btn .btn_close {display:inline-block; padding:0 10px; border:0; background:#b4becd; color:#fff; text-shadow:0.5px 0.5px 1px #333; width:45%; transition:0.3s all; font-size: 15px; font-weight: 500;}
.new_win .win_btn .btn_close:hover {background:#73828c;} 
.new_win .win_btn .btn_submit {width:45%; height:40px; line-height:36px; text-shadow:0.5px 0.5px 1px #333; background:#b4becd; border-radius:3px; margin:0 0 20px; display:inline-block; padding-top: 2px; transition:0.3s all; font-size: 15px; font-weight: 500; color: #fff; border: 1px solid #b4becd;}
.new_win .win_btn .btn_submit:hover {background:#6633cc;} 

/* 새창 기본 스타일 */
#profile {margin-top: 20px;}
.new_win {max-width: 1200px; width: 100%; border-radius: 10px; margin: 0 auto;}

#memo_list.new_win, #point.new_win {box-shadow: 1px 2px 5px #ddd; border:1px solid #eee;}

.new_win .form_01 {margin: 15px;}
.new_win #win_title {font-size: 1rem; font-weight: bold; height: 50px; padding: 0 20px; line-height: 50px; background: #4162ff; color: #fff; border-radius: 10px 10px 0 0;}
.new_win h1#win_title {margin: 0;}
.new_win_con {margin:20px; color: #464b5a;}
.new_win_con.list_01 ul {padding-left: 0;}

.new_win .win_ul {margin:10px 0; padding: 0;}
.new_win .win_ul li {display:inline-block;}
.new_win .win_ul li a {display: block; line-height: 24px; padding: 0 10px; border: 1px solid #f0f0f5; background: #f0f0f5; border-radius: 3px; transition: 0.3s all; box-shadow: 1px 1px 4px #333; font-size: 0.9rem; font-weight: 600;}
.new_win .win_ul li a:hover {background: #dcdce1;}
.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 5px rgba(65,98,255,0.8);}

#profile section {padding: 15px 10px;}
#profile.new_win h2 {padding-left: 10px; font-size: 20px;}
#profile.new_win p {padding-left: 10px; margin: 5px; border-radius: 5px; font-size: 15px; height: 90px;}

.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:#333; text-decoration:none; font-weight:bold; width: 140px; height:40px; border-radius:3px; margin:10px 0; text-shadow: none; transition: 0.3s all;}
.new_win .win_btn .btn_close:hover {color: #fff;}
.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;}

.win_total {padding: 10px; color: #2d3237; font-size: 0.92rem;}

.new_win #win_title {border-radius: 5px; font-size: 1.12em; font-weight: 500; height: 50px; padding: 0 20px; line-height: 50px; background: #92a5ff; color: #fff; text-shadow: 1px 1px 1px #333; box-shadow: 1px 1px 2px #555;}

/* 쪽지 */
#memo_view_contents h2 {position:absolute; font-size:0; line-height:0; overflow:hidden;}
#memo_view_ul {margin:0 0 3px; background:#fff; padding:5px 10px; border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2); -moz-box-shadow: 0 0 5px rgba(50,50,50,0.2); box-shadow: 0 1px 5px rgba(50,50,50,0.2);}
.memo_view_li {position:relative; padding:2px 0;}
.memo_view_subj {display:inline-block; width:60px; font-size:0.92em; color:#777;}
#memo_view p {padding:10px 15px; border-radius:3px; min-height:150px; height:auto !important; height:150px; line-height:1.8em; background:#fff; -webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2); -moz-box-shadow: 0 0 5px rgba(50,50,50,0.2); box-shadow: 0 1px 5px rgba(50,50,50,0.2);}

#memo_list_ul li {position:relative; background:#fff; margin:10px 0; border-radius:3px; padding:10px 15px; -webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2); -moz-box-shadow: 0 0 5px rgba(50,50,50,0.2); box-shadow: 0 1px 5px rgba(50,50,50,0.2);}

#memo_list_ul .memo_link {display:block; font-weight:bold; font-size:1.083em; margin:0 0 5px;}
#memo_list_ul .memo_date {font-size:0.92em; color:#777; font-style:italic;}
#memo_list_ul .memo_del {display:block; position:absolute; top:0; right:0; width:40px; height:40px; background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px; overflow:hidden;}

#memo_write #me_recv_mb_id {width:100%;}
#memo_write textarea {width:100%;height:100px;}
#memo_write .win_btn {margin:10px;}


/* 새창 닫기 버튼 */
.btn_close {width:45%; height:40px; line-height:35px; text-shadow:0.5px 0.5px 1px #333; background:#b9becd; border-radius:3px; margin: 20px 28%; display:inline-block; padding-top: 2px; transition:0.3s all; font-size: 15px; font-weight: 600; color: #fff; border: 1px solid #b9becd; text-align: center; box-shadow: 1px 1px 3px #555;}
.btn_close:hover {background:#aab4c8;}

.new_win_con.form_01 ul {padding-left: 0 !important;}
.win_btn {margin-left: 5px; text-align: center;}

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

/* 사이드뷰 */
.sv_wrap {display:inline-block; position:relative; font-weight:normal; line-height:20px; font-size: 14px;}
.sv_wrap .sv {z-index:1000; width:100px; display:none; margin:5px 0 0; font-size:0.92em; background:#28374b; 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 #28374b transparent;}
.sv_wrap .sv a {display:inline-block; width:100px; margin:0; padding:0 10px; line-height:30px; font-size: 13px; font-weight:normal; color:#bbb; text-decoration: none; transition: 0.3s all;}
.sv_wrap .sv a:hover {background:#192332; color:#fff;}
.sv_member {color:#5f6478; font-weight:400; font-size: 15px;}
.sv_on {display:block !important; position:absolute; top:23px; left:0; width:auto; height:auto;}
.sv_nojs .sv {display:block;}

/* 페이징 */
.pg_wrap {clear:both; margin:20px 0; text-align:center; padding:20px 0; border-top:1px solid #e8e8e8; clear:both;}
.pg {display:inline-block;}
.pg_page:hover {color:#6666ff;}
.pg_page, .pg_current {display:inline-block;padding:0 12px;height:35px;color:#333;line-height:35px;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none;}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #eee; width:35px; height:35px; text-indent:-999px;overflow:hidden;}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #eee; width:35px; height:35px; text-indent:-999px;overflow:hidden;}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #eee; width:35px; height:35px; text-indent:-999px;overflow:hidden;}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #eee; width:35px; height:35px; text-indent:-999px;overflow:hidden; border-radius: 3px;}
.pg_current {display:inline-block; background:#6666ff; color:#fff; font-weight:bold; border-radius:3px; line-height:35px;}

/*
a:visited {text-decoration: none;}
*/
@media screen and (max-width: 575px) {
	.sv_member { font-size: 13px;}
}