@charset "utf-8";
@import url('/fonts/NanumSquareRound/style.css');

html{overflow-x:hidden;overflow-y:auto}
html,*{font-style:normal;font-family:"NanumSquareRound","맑은 고딕","Malgun gothic","Apple SD Gothic Neo","SamsungOne","Samasung Sans","Noto Sans KR",sans-serif;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;letter-spacing:-0.03rem;color:#555;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
small{font-size:80%}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25rem}
sup{top:-.5rem}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
table{border-collapse:collapse;border-spacing:0}
th,td{vertical-align:middle}
hr{display:none}
hr:after{display:block;visibility:hidden;clear:both;content:''}
pre{overflow-x:scroll;font-size:1rem}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:600}
input,button,textarea,select{margin:0;padding:0;font-size:1rem}
input,select{vertical-align:middle}
button{cursor:pointer}
button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:0}
legend{display:table;max-width:100%;padding:0;color:inherit;white-space:normal;/* 3 */box-sizing:border-box}
progress{display:inline-block;vertical-align:baseline}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none !important}
.hidden{display:none !important}
._hide{display:none !important}
._show{display:block !important}
img{max-width:100%;height:auto}
caption{display:none}
*:hover{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
span{color:inherit}
i{color:inherit}

/* 링크 */
a{color:#555;text-decoration:none;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
a:hover,a:active,a:focus{color:#008bf6;text-decoration:none}
a::-moz-focus-inner{border:none}/*파이어폭스에서 패딩 발생을 방지*/
a[class~="btn"]{vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;text-decoration:none} /* 버튼의 경우에 언더라인 삭제 */
:hover,:active,:focus{-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}

[type="text"],[type="password"],[type="date"],[type="number"],[type="number"],select{max-width:100%;height:30px;padding-left:5px;background-color:#fff}
button{height:30px;vertical-align:middle;}
th [type="text"],th [type="password"],th [type="date"],th select,th button,th .btn,td [type="text"],td [type="password"],td [type="number"],td select,td button,td .btn{/*margin:-8px 0*/}
[type="checkbox"],[type="radio"]{box-sizing:border-box}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input, select, textarea, button{font:inherit;color:inherit;vertical-align:middle}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f6f8f9 inset !important}
select::-ms-expand{display:none}
select{border:1px solid #e4e4e4;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;padding-left:5px;background:url(../img/common/appearance.gif) #fff no-repeat right center}
select:disabled{background:url(../img/common/appearance_disabled.gif) no-repeat right center}
textarea{overflow-x:hidden;overflow-y:auto;resize:none;width:100%;padding:10px;border:1px solid #e4e4e4;background:#fff;line-height:150%}
[type="text"],[type="password"],[type="date"],[type="number"],textarea{border:1px solid #e4e4e4;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none}
[type="text"]:focus,[type="password"]:focus,[type="date"]:focus,[type="number"]:focus,textarea:focus,select:focus{border:1px solid #558ab7 !important;outline:-webkit-focus-ring-color auto 0;/*-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff*/}
input[type="checkbox"]{width:18px;height:18px;margin-right:5px;border-radius:3px;border:0}
[type="date"]{width:110px}
[type="date"]::-webkit-calendar-picker-indicator{margin-left:-20px;padding-left:0}
label+[type="text"],label+[type="password"],label+[type="date"],label+[type="number"],label+select{margin-left:10px}
label.sound_only+[type="text"],label.sound_only+[type="password"],label.sound_only+[type="date"],label.sound_only+[type="number"],label.sound_only+select{margin-left:0}
input::-ms-clear{display:none}
input::-webkit-input-placeholder{color:#888;font-size:14px;font-weight:300}
input:-moz-placeholder{color:#888;font-size:14px;font-weight:300}
input::-moz-placeholder{color:#888;font-size:14px;font-weight:300}
input:-ms-input-placeholder{color:#888;font-size:14px;font-weight:300}
textarea::-webkit-input-placeholder{color:#888;font-size:14px;font-weight:300}
textarea:-moz-placeholder{color:#888;font-size:14px;font-weight:300}
textarea::-moz-placeholder{color:#888;font-size:14px;font-weight:300}
textarea:-ms-input-placeholder{color:#888;font-size:14px;font-weight:300}
.placeholdersjs{font-size:14px;color:#888}

:focus{outline:-webkit-focus-ring-color auto 0}
.msg_sound_only,.sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999rem;line-height:0;border:0 !important;overflow:hidden !important}

.clfix:after,.clear:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.clfix,.clear{clear:both;display:block}
.clfix,.clear{zoom:1}
.fl{float:left !important}
.fr{float:right !important}
.align-left{text-align:left !important}
.align-center{text-align:center !important}
.align-right{text-align:right !important}
.valign-bottom{vertical-align:bottom}

/*
.b_none{border:none !important}

.p0{padding:0 !important}
.pb20{padding-bottom:20px}
.mt0{margin-top:0}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}

.fs11{font-size:11px !important}
.fs12{font-size:12px !important}

.tbl-fixed{table-layout:fixed}
.tbl_tit,.txt-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto !important}
.tbl-center th,.tbl-center td{text-align:center}
.tbl-vtop th,.tbl-vtop td{vertical-align:top}
.tbl_b0 th,.tbl_b0 td{border:0 !important}

.li-fl li{float:left;display:block}
.dl-fl dt,.dl-fl dd{float:left;display:block}
.d-inlineblock{display:inline-block;vertical-align:middle}
.d-inlineblock li,.d-inlineblock dt,.d-inlineblock dd{display:inline-block;vertical-align:middle}
.d-block{display:inline-block;vertical-align:middle}
.d-block li,.d-block dt,.d-block dd{display:block;vertical-align:middle}
*/
.w100per{width:100% !important}

::-webkit-scrollbar-track{border:0;background-color:#f5f5f5}
::-webkit-scrollbar{width:17px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:#ddd}

html,body{width:100%;height:100%;background-color:transparent}
iframe{background-color:transparent}

body{letter-spacing:-.03rem;color:#555;line-height:1}


/* Skip To Content */
#skipNav{position:absolute;left:0;top:-1000px;width:100%;height:0px;z-index:1000;line-height:0px;font-size:0px;box-sizing:content-box}
#skipNav a{display:block;text-align:center;width:100%;line-height:0px;font-size:0px;box-sizing:content-box}
#skipNav a:focus, #skipNav a:hover, #skipNav a:active{position:absolute;left:0px;top:1000px;padding:8px 0;display:block;height:20px;background:#20262c;font-size:12px;font-weight:bold;line-height:18px;color:#fff}

[class^="ri-"],[class*=" ri-"]{vertical-align:middle}

/* 팝업레이어 */
#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 rgba(0,0,0,.1);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;font-size:11px;color:#fff;text-align:left}
.hd_pops_footer .hd_pops_reject strong{font-size:11px;font-weight:400;color:#fff}
.hd_pops_footer .hd_pops_close{position:absolute;top:0;right:0;background:#393939;font-size:11px;color:#fff;}
@media screen and (min-width:1000px){
	.hd_pops_footer .hd_pops_reject,
	.hd_pops_footer .hd_pops_reject strong,
	.hd_pops_footer .hd_pops_close{font-size:12px}
}


/* 게시물 선택복사 선택이동 */
#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:2rem;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3rem}

/* 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:-9999rem;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:1rem;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info{display:inline-block;margin:5px 0 0;font-size:0.95rem;letter-spacing:-0.1rem}

/* 캡챠 자동등록(입력)방지 기본 - 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.333rem;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.95rem;letter-spacing:-0.1rem}
#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.9rem;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:1rem;margin-bottom:1rem;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol{display:block;list-style-type:decimal;margin-top:1rem;margin-bottom:1rem;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:1rem;transition:background-color 0.3s ease-out}

a.btn01,button.btn01{display:inline-block;padding:7px;border:1px solid #ccc;background:#fff;color:#ef646d;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover{text-decoration:none}
a.btn02,button.btn02{display:inline-block;padding:7px;border:1px solid #ef646d;background:#ef646d;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover{background:#cc3333;text-decoration:none}
a.btn02 span{color:#fff}


.btn_confirm{text-align:right} /* 서식단계 진행 */

.btn_submit{border:0;background:#ef646d;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover{background:#cc3333}
.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,button.btn_cancel{display:inline-block;background:#fff;color:#ef646d;text-decoration:none;vertical-align:middle}
.btn_cancel:hover{background:#fff1f1}
a.btn_frmline, button.btn_frmline{display:inline-block;padding:0 25px;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:1rem}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01{display:inline-block;border:1px solid #e4e4e4;background:transparent;color:#ef646d;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover{background:#fff1f1}
a.btn_b02,.btn_b02{display:inline-block;background:#ef646d;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover{background:#cc3333}
a.btn_b03, .btn_b03{display:inline-block;background:#fff;border:1px solid #89abd7;color:#336699;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover{background:#648cbe;color:#fff}
a.btn_b04, .btn_b04{display:inline-block;background:#89abd7;border:1px solid #89abd7;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover{color:#fff;background:#336699}
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.4rem;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.95rem;text-align:center;letter-spacing:-0.1rem}
.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.4rem;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:0;padding:5px;}
select.frm_input{padding:5px 30px 5px 5px}
.tbl_frm01 textarea{padding:2px 2px 3px}
.frm_input{height:36px}
.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.4rem}

@media screen and (min-width:767px){
	.frm_input{height:40px}
}

/*기본 리스트*/
.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.167rem}
.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{display:inline-block;min-width:16px;min-height:16px;background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}
.required_fff{display:inline-block;width:16px;height:16px;background-image:url('../img/require_fff.png');background-repeat:no-repeat;background-position:center center;vertical-align:middle}
select.required{display:inline-block;min-width:16px;min-height:16px;background-image:url('../img/common/appearance.gif'),url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right center, right top !important}
td.required{display:revert}

/* 테이블 항목별 정의 */
.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.3rem;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.75rem;line-height:1.2rem}
.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:1rem;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i{font-size:1.2rem;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.92rem;color:#919191}
.new_win .win_total{float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75rem;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 .cert_btn{margin-bottom:30px;text-align:center}
.new_win .btn_close{padding:0 20px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit{padding:0 20px;height:45px;font-weight:bold;font-size:1.083rem}

/* 검색결과 색상 */
.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.3rem}
#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.92rem;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;min-width:30px;height:30px;padding:0 5px;border-radius:2px;font-size:14px;color:#959595;text-decoration:none;line-height:27px;vertical-align:middle}
.pg a:focus, .pg a:hover{text-decoration:none}
.pg_page{border:1px solid #ddd;background-color:#fff}
.pg_page:hover{background-color:#fafafa}
.pg_current{background-color:#1e67c5;border:1px solid #ddd;font-weight:bold;color:#fff}
.pg_start,.pg_prev,.pg_end,.pg_next{position:relative;padding:0;background-color:#fff;border:1px solid #ddd;text-indent:-999px;overflow:hidden}
.pg_start:before,.pg_prev:before,.pg_end:before,.pg_next:before{content:"";display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;font-family:"remixicon";color:#555;text-align:center;text-indent:0;line-height:30px}
.pg_start:before{content:"\f13f"}
.pg_prev:before{content:"\ea63";font-size:1.33em}
.pg_end:before{content:"\f143"}
.pg_next:before{content:"\ea6d";font-size:1.33em}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}
@media screen and (max-width:1200px){
	.page_wrap .fl{width:100%}
	.page_wrap .wbtnWrap2.fr{width:100%;margin-top:10px}
}

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

.cb_wrap{display:inline-block;position:relative;height:15px;margin:0;padding:0;vertical-align:middle}
[type="checkbox"].cb1{display:none}
[type="checkbox"].cb1 + label{display:inline-block;position:relative;height:15px;padding-left:20px;line-height:15px}
[type="checkbox"].cb1 + label:before{content:"";display:inline-block;position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #dcdcdc;border-radius:3px;background-color:#fff;cursor:pointer;vertical-align:middle}
[type="checkbox"].cb1:checked + label:before{content:"\eb7b";display:inline-block;border:1px solid #1e67c5;background-color:#1e67c5;font-family:"remixicon";font-size:0.8rem;font-weight:800;color:#fff;text-align:center;line-height:15px}

[type="radio"].cb1{display:none}
[type="radio"].cb1 + label{display:inline-block;position:relative;height:15px;padding-left:20px;line-height:15px}
[type="radio"].cb1 + label:before{content:"";display:inline-block;position:absolute;top:0;left:0;width:15px;height:15px;border:1px solid #dcdcdc;border-radius:100%;background-color:#fff;box-shadow:0px 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05);cursor:pointer;vertical-align:middle}
[type="radio"].cb1:checked + label:before{border:1px solid #1e67c5}
[type="radio"].cb1 + label:active:before, [type="radio"].cb1:checked + label:active:before{}
[type="radio"].cb1:checked + label:after{content:"";position:absolute;top:4px;left:4px;width:7px;height:7px;border-radius:100%;background-color:#1e67c5;box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3)}

input+input{margin-left:5px}
input+label+input{margin-left:10px}
.cb_wrap+.cb_wrap{margin-left:10px}
label + .cb1 + label{margin-left:10px}

@media screen and (min-width:767px){
	.cb_wrap{height:18px}
	[type="checkbox"].cb1 + label{height:18px;padding-left:22px;line-height:18px}
	[type="checkbox"].cb1 + label:before{width:18px;height:18px}
	[type="checkbox"].cb1:checked + label:before{font-size:0.9rem;line-height:18px}
	[type="radio"].cb1 + label{height:18px;padding-left:22px;line-height:18px}
	[type="radio"].cb1 + label:before{width:18px;height:18px}
	[type="radio"].cb1:checked + label:after{top:4px;left:4px;width:10px;height:10px;}
}

.help1{font-size:.9em;color:#8e9db2;line-height:130%}

.wrap{max-width:1300px;width:100%;margin:0 auto;padding-right:20px;padding-left:20px}
@media screen and (min-width:550px){
	.wrap{padding-right:30px;padding-left:30px}
}
@media screen and (min-width:767px){
	.wrap{padding-right:40px;padding-left:40px}
}
@media screen and (min-width:1000px){
	.wrap{padding-right:50px;padding-left:50px}
}

/* Mobile화면으로 */
#device_change{display:block;margin:0.3rem;padding:0.5rem 0;border:1px solid #eee;border-radius:2rem;background:#fff;color:#000;font-size:2rem;text-decoration:none;text-align:center}

html{font-size:13px}
@media screen and (min-width:480px){
	html{font-size:14px}
}
@media screen and (min-width:550px){
	html{font-size:15px}
}
@media screen and (min-width:767px){
	html{font-size:16px}
}
@media screen and (min-width:1000px){
	html{font-size:17px}
}
@media screen and (min-width:1200px){
	html{font-size:18px}
}

:root{
	--main-r-color1: #2db433;
    --main-b-color1: #215aa7;
    --main-b-color2: #00b3ed;
    --color-gray-0: #000;
    --color-gray-f0: #f0f0f0;
    --color-w: #fff;
}

.main-r-color1{color:var(--main-r-color1)}
.main-b-color1{color:var(--main-b-color1)}
.main-b-color2{color:var(--main-b-color2)}

#top_btn{display:none}