@charset "utf-8";

#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 본문 바로가기 */
#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}

#top_btn {display:block;position:fixed;right:10px;bottom:65px;width:40px;height:40px;color:#aaa;text-align:center;line-height:38px;border-radius: 6px;background:#3a4142;border:none;z-index:9;opacity:0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#top_btn i {font-size:16px;}
#top_btn:hover {color:#46ed82;}
#top_btn.sticky {opacity:1 !important;}

.clb {clear:both;}

/* 팝업레이어 */
#hd_pop {position:relative;margin:0 auto;height:0;z-index:99999;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #999;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {position:relative;padding:0;text-align:left;background:#fff;border-top:solid 1px #ddd;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;}
.hd_pops_footer .hd_pops_reject {color:#666;font-size:14px;text-align:left;background:#fff;}
.hd_pops_footer .hd_pops_reject strong {font-weight:600;}
.hd_pops_footer .hd_pops_close {position:absolute;top:0;right:0;color:#666;font-size:14px;background:#f6f6f6;border-left:solid 1px #ddd;}
.hd_pops_footer .hd_pops_close i {font-size:12px;}


/* 버튼 */
.btn {display:inline-block;padding:0 12px;color:#b3bec1;text-align:center;font-weight:600;line-height:40px;border:none;border-radius:4px;vertical-align:top;cursor:pointer;}
.btn i {font-size:11px;}

.btn,
.btn i,
.btn .var {-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;}

.btn.btn_act {background:#3a4142;}
.btn.btn_submit {background: #3a4142;}
.btn.btn_act:hover,
.btn.btn_submit:hover {color: #fff;}

.btn.btn_frmline {color:#666;height:36px;line-height:36px;background:#f6f6f6;border:solid 1px #ddd;}
.btn.btn_close,
.btn.btn_cancel,
.btn.btn_normal {color: #b3bec1;line-height: 38px;background: #3a4142;}
.btn.btn_frmline:hover,
.btn.btn_close:hover,
.btn.btn_cancel:hover,
.btn.btn_normal:hover {color: #46ed82;}

.btn.btn_admin {padding:0 12px;background:#f00001;}
.btn.btn_admin:hover {color:#fff;background:#444;}

.btn.btn_rss {background:#ff7700}
.btn.btn_rss:hover {color:#fff;background:#444;}

.btn_submit .var {display:inline-block;width:20px;height:1px;margin:0 0 0 8px;background:#fff;}
.btn_submit:hover .var {width:40px;}

.btn_cancel .var {display:inline-block;width:20px;height:1px;margin:0 0 0 8px;background:#999;}
.btn_cancel:hover .var {width:40px;background:#fff;}

a#btn_user {position: relative;padding: 0 6px;color: #b3bec1;font-size: 12px;font-weight: 600;font-family: 'a2', sans-serif;background: #3a4142;text-align: center;line-height: 40px;border: solid 1px #3a4142;border-radius: 4px;vertical-align: top;cursor: pointer;transition: 0.5s;z-index: 3;}
a#btn_user.btn_user.active {border: solid 1px #00ef8a;color: #00ef8a;transition: 0.5s;}
.frm_input {display:block;position:relative;width:100%;height:40px;padding:0 10px;;line-height:38px;font-size: 13px;font-weight: 600;background:#323738;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;
}

.frm_input2x {float:left;width:49%;margin:0 2% 0 0;}
.frm_input2x_last {float:left;width:49%;margin:0;}

.frm_input3x {float:left;width:32%;margin:0 2% 0 0;}
.frm_input3x_last {float:left;width:32%;margin:0;}

.frm_info {display:block;margin:6px 0 0 0;color:#f63941;font-size:13px;line-height:140%;}
.frm_info strong {font-weight:500;}


/* select */
.select {display:block;position:relative;width:100%;}
.select select {display:block;width:100%;height:40px;line-height:38px;background:#323738;text-indent:10px;border:none;}
.select select {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance:none;}
.select select option {display:block;padding:10px;border:solid 1px #ddd;}
.select:after {content:"\f078";display:block;position:absolute;right:0px;top:0px;width:28px;height:40px;font-family:"FontAwesome";font-size:12px;text-align:center;line-height:40px;background:none;z-index:1;cursor:pointer;
-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;
}
.select.selected:after {color:#ff7700;
-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);
}


/* file */
.file_wr .frm_file::file-selector-button {display:none;}
.file_wr .frm_file:after {content:'\f093';display:block;position:absolute;right:1px;bottom:1px;width:80px;height:36px;color:#fff;font-family:"FontAwesome";color:#fff;font-size:14px;text-align:center;line-height:36px;text-indent:0;background:#222;border-radius:4px;cursor:pointer;
-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;
}
.file_wr .frm_file:hover:after {background:#444;}

/* checkbox, radio*/
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;opacity:0;outline:0;z-index:-1;}

.chk_box {position:relative;}
.chk_box input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:24px;font-size: 12px;line-height:20px;vertical-align:baseline;cursor:pointer;}
.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:0;top:0px;width:20px;height:20px;background: #323738;border-radius: 2px;border: solid 1px #313535;}
.chk_box input[type="checkbox"] + label:hover span {border:solid 1px #21ee88;}
.chk_box input[type="checkbox"] + label span:after {content:"\f00c";display:block;position:absolute;left:0px;top:0px;width:20px;height:20px;font-family:"FontAwesome";color:#999;font-size:12px;text-align:center;line-height:20px;background:none;z-index:1;cursor:pointer;}

.chk_box input[type="checkbox"]:checked + label {color:#46ed82}
.chk_box input[type="checkbox"]:checked + label span {background:#46ed82;border:solid 1px #46ed82;}
.chk_box input[type="checkbox"]:checked + label span:after {color:#fff;}

.all_chk.chk_box input[type="checkbox"] + label span {}

.chk_box input[type="radio"] + label {display:inline-block;position:relative;padding-left:24px;line-height:20px;vertical-align:baseline;cursor:pointer;}
.chk_box input[type="radio"] + label span {display:block;position:absolute;left:0;top:0px;width:20px;height:20px;background:#fff;border:solid 1px #ddd;border-radius:50%;}
.chk_box input[type="radio"] + label:hover span {border:solid 1px #46ed82;}
.chk_box input[type="radio"] + label span:after {content:"\f00c";display:block;position:absolute;left:0px;top:0px;width:20px;height:20px;font-family:"FontAwesome";color:#999;font-size:12px;text-align:center;line-height:20px;background:none;z-index:1;cursor:pointer;}

.chk_box input[type="radio"]:checked + label {color::#ff7700}
.chk_box input[type="radio"]:checked + label span {background:#46ed82;border:solid 1px #46ed82;}
.chk_box input[type="radio"]:checked + label span:after {color:#fff;}

.file_del {}
.file_del.chk_box input[type="checkbox"] + label {position:relative;padding:0 0 0 24px;font-weight:300;}


.lv_icon img {width:20px;height:auto;}
.profile_img img {width:20px;height:auto;border-radius:50%;}

.table {display:table;table-layout:fixed;position:relative;width:100%;}
.table .row {display:table-row;position:relative;width:100%;color:#999;}
.table .row:after {display:block;visibility:hidden;clear:both;content:""}
.table .cell {display:table-cell;position:relative;vertical-align:middle;}
.table .row.th {font-weight: 600;font-size: 12px;color: #cbcbcb;}
.table .row.td {background: #323738;}
.btn_confirm {text-align:center;}
.btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.btn_confirm .btn {width:140px;margin:0 4px;font-size:12px;font-weight: 600;line-height:40px;}
.btn_confirm .btn.btn_normal {line-height:48px;}


/* 페이징 */
.pg_wrap {display:block;font-size:0;line-height:0;text-align:center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;position:relative;vertical-align:top;width:32px;height:32px;margin:0 1px;font-size:13px;line-height:32px;text-align:center;border-radius:3px;overflow:hidden;
-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;}
.pg a:focus, .pg a:hover {color:#ff9900;text-decoration:none;}
.pg_page {text-decoration:none;}
.pg_page:hover {}
.pg_start, .pg_prev {}
.pg_end, .pg_next {}
.pg_start, .pg_prev, .pg_end, .pg_next {line-height:999px;}
.pg_start:after, .pg_prev:after, .pg_end:after, .pg_next:after {display:block;position:absolute;left:0;top:0;width:100%;height:100%;font-family:"FontAwesome";font-size:12px;text-align:center;line-height:30px;}
.pg_start:after {content:'\f100';}
.pg_prev:after {content:'\f104';}
.pg_end:after {content:'\f101';}
.pg_next:after {content:'\f105';}
.pg_start i, .pg_prev i, .pg_end i, .pg_next i {color:#444;font-size:12px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {}

.pg_current {color:#fff;font-weight:600;text-decoration:underline;background:#f75665;}


/* 검색결과 색상 */
.sch_word {color:#fff;background:#f00001;}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;line-height:normal}
#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 #999;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:relative;margin:0;padding:0;width:40px;height:40px;border:0;vertical-align:middle;overflow:hidden;cursor:pointer;background:#eee;text-indent:-999px;}
#captcha #captcha_mp3:after {content:'\f028';display:block;position:absolute;left:0;top:0;right:0;bottom:0;color:#222;font-family:'FontAwesome';font-size:20px;text-align:center;text-indent:0;line-height:40px;z-index:1}
#captcha #captcha_reload {position:relative;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:#eee;text-indent:-999px;}
#captcha #captcha_reload:after {content:'\f2f9';display:block;position:absolute;left:0;top:0;right:0;bottom:0;color:#222;font-family:'FontAwesome';font-size:20px;text-align:center;text-indent:0;line-height:40px;z-index:1}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;text-align:center;color:#000;border:1px solid #ccc;background:#fff;vertical-align:top}
#captcha #captcha_info {display:block;margin:6px 0 0 0;color:#f00001;font-size:13px;line-height:18px;}
#captcha label {display:none;}

/* 캡챠 자동등록(입력)방지 기본 - 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}*/


/* 사이드뷰 */
.sv_wrap {position:relative;}
.sv_wrap .sv {display:none;position:absolute;top:28px;left:0px;width:auto;height:auto;margin:0;padding:5px 0;font-size:12px;background:#fff;z-index:99;
-webkit-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow:1px 1px 5px 0px rgba(0,0,0,0.2);
box-shadow:1px 1px 5px 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 #fff transparent}
.sv_wrap .sv a {display:block;width:100px;margin:0;color:#666;font-size:13px;line-height:28px;text-align:center;font-weight:300 !important;}
.sv_wrap .sv a:hover {color:#f75665;background:#f6f6f6;}
.sv_member {font-weight: 400;color: #cbcbcb;font-size: 12px;font-family: 'a2', sans-serif;}
.sv_on {display:block !important;}
.sv_nojs .sv {display:block}


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


/* ifrma response */
.embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}


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


/* 필수입력 */
.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;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


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


/* Mobile화면으로 */
#device_change {display:block;margin:10px;text-align:center;line-height:48px;background:#fff;border:1px solid #ddd;}


/* 새창 기본 스타일 */
.new_win {position:relative;padding:0 0 60px 0;}
.new_win #win_title {display:block;position:relative;font-size:15px;font-weight:400;line-height:50px;text-indent:20px;background:#f6f6f6;border-bottom:solid 1px #ddd;}
.new_win #win_title .sv_member {color:#5bc0de;}
.new_win #win_title i {font-size:16px;text-indent:0;}
.new_win #win_title .sv {}

.new_win .new_win_con {padding:20px 20px 60px 20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {padding:0px 0px 60px 0px;}
.new_win .new_win_con2:after {display:block;visibility:hidden;clear:both;content:""}

.new_win .win_btn {position:fixed;left:0;bottom:0;width:100%;padding:5px;background:#fff;border-top:solid 1px #eee;box-shadow:0 0px 8px rgba(0,0,0,0.1);z-index:9;}
.new_win .win_btn:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_submit,
.new_win .btn_close {display:block;float:left;width:49.5%;height:40px;text-align:center;border:none;}
.new_win .btn_submit {margin:0 1% 0 0;color:#fff;line-height:40px;background:#222;}
.new_win .btn_close {color:#666;line-height:38px;background:#f6f6f6;border:solid 1px #ddd;}
.new_win .btn_close_full {display:block;width:100%;color:#666;background:#fff;border:solid 1px #ddd;}
.new_win .btn_close_full:hover {color:#f63941;background:#eee;}

.new_win .win_ul {border-bottom:solid 1px #ddd;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {display:block;float:left;width:33.33%;border-right:solid 1px #eee;}
.new_win .win_ul li:last-child {border-right:none;}
.new_win .win_ul li a {display:block;color:#999;text-align:center;line-height:40px;background:#f6f6f6;}
.new_win .win_ul li a i {font-size:16px;} 
.new_win .win_ul li.selected a {color:#222;font-weight:400;background:#fff;}

.new_win .win_desc {position:relative;padding:12px 20px;color:#f00001;font-size:13px;line-height:140%;}
.new_win .win_desc i {margin:0 4px 0 0;font-size:14px;}
.new_win .win_desc strong {font-weight:500;}
.new_win .win_total {display:block;float:right;padding:0 20px;font-size:12px;line-height:50px;}
.new_win .win_total strong {color:#ff7700;font-size:14px;font-weight:500;}


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {display:block;position:absolute;right:10px;top:50%;margin:-12px 0 0 0;padding:0 8px;color:#fff;font-size:12px;line-height:24px;background:#ff9900;border-radius:3px;}
.copymove_currentbg {background:#f6f6f6}


/* 리스트 */
#data_type {}
#data_type table {width:100%;border-collapse:collapse;border-spacing:0 5px;border-top:solid 1px #313535;} 
#data_type caption {padding:0;font-size:0;line-height:0;overflow:hidden}
#data_type th {padding:12px 10px;font-weight:600;text-align:left;background:#fff;border-right:solid 1px #313535;border-bottom:solid 1px #313535;}
#data_type td {padding:12px 10px;border-right:solid 1px #313535;border-bottom:solid 1px #313535;}
#data_type th:last-child {border-right:none;}
#data_type td:last-child {border-right:none;}
#data_type .td_chk {width:40px;text-align:center;}
#data_type .td_chk.chk_box input[type="checkbox"] + label span {margin:-15px 0 0 0;}
#data_type .td_subject {}
#data_type .td_mobile label {font-size:12px;cursor:pointer;}
#data_type td i {color:#15aacf;font-size:12px;}
#data_type td input,
#data_type td span,
#data_type td img,
#data_type td a {}


/* sns */
.kakaotalk {color:#3c1e20 !important;}
.kakaotalk_bg {background-color:#fce000;}
.naver {color:#00c73c;}
.naver_bg {background-color:#00c73c;}
.google {color:#e84134;}
.google_bg {background-color:#e84134;}
.facebook {color:#3a589e;}
.facebook_bg {background-color:#3a589e;}
.twitter {color:#1da1f3;}
.twitter_bg {background-color:#1da1f3;}
.instagram {color:#f4555a;}
.instagram_bg {
background: #f5cf00;
background: -moz-linear-gradient(45deg,  #f5cf00 0%, #e90b22 51%, #803db0 100%, #803db0 100%);
background: -webkit-linear-gradient(45deg,  #f5cf00 0%,#e90b22 51%,#803db0 100%,#803db0 100%);
background: linear-gradient(45deg,  #f5cf00 0%,#e90b22 51%,#803db0 100%,#803db0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5cf00', endColorstr='#803db0',GradientType=1 );
}
.telegram {color:#31ade0;}
.telegram_bg {background-color:#31ade0;}
.youtube {color:#ee1c1b}
.youtube_bg {background-color:#ee1c1b;}
.payco {color:#fa2829}
.payco_bg {background-color:#fa2829;}





@media screen and (max-width:1240px) {
}




@media screen and (max-width:980px) {
.table,
.table .row,
.table .cell {display:block;}
.table .row:after {display:block;visibility:hidden;clear:both;content:""}


.btn_confirm .btn {float:left;width:49%;margin:0 2% 0 0;;}
.btn_confirm .btn.btn_submit {margin:0;}
}




@media screen and (max-width:768px) {
}




@media screen and (max-width:480px) {
}