/* 초기화 */
html {overflow-y:scroll;margin:0;padding:0}
/* 2017.06.27 font폴더를 설치후 서버에 웹폰트를 업로드하여 로컬피씨의 폰트가 없을경우 이상하게 보이는것 방지 
body {min-width:380px;margin:0;padding:0;color:#222; font-family: "맑은 고딕", malgun gothic, dotum; font-size:14px;line-height:180%;-webkit-appearance:none;}

*/
body { font-family: 'Titillium Web', 'Nanum Barun Gothic', Arial, Helvetica, sans-serif; min-width:380px;margin:0;padding:0;color:#222; font-size:15px;line-height:180%;-webkit-appearance:none; letter-spacing:-1.7px;}
/*
@font-face{
	font-family:"Nanum Gothic";
	src:url('/fonts/NanumGothic-Regular.eot');
	src:url('/fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumGothic-Regular.woff') format('woff'),
	url('/fonts/NanumGothic-Regular.ttf') format('truetype');
	src:local(※), url('/fonts/NanumGothic-Regular.woff') format('woff');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
}
*/

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

a{text-decoration:none;line-height:180%;color:#222;}
ul li{list-style-type:none}
span{margin:0;padding:0}

hr{clear:both;height:1px;border:0;margin:20px 0;width:100%;background:#efefef}






input[type="checkbox"]{text-align:center;vertical-align:middle;padding:10px;height:20px;width:20px}

input[type="submit"],input[type="button"]{margin:0 1px;background:#4b545e;padding:10px;color:#fff;border:1px solid #444;vertical-align:middle;border-radius:2px;font-size:15px;cursor:pointer}
input[type="radio"]{margin:0;background:#4b545e;padding:10px;color:#fff;height:24px;width:24px;vertical-align:middle;}
input[type="file"]{-webkit-appearance:none;}
select{font-size:15px;padding:6px;border:1px solid #ddd;vertical-align:middle;border-radius:2px;background:#fff;border-radius:2px}
input[type="text"],input[type="password"],input[type="url"],input[type="email"]{border-radius:2px;font-size:15px;margin:0;background:#fff;padding:7px;border:1px solid #ccc;vertical-align:middle;background:#fff;
border-radius:2px;-webkit-appearance:none;border:1px solid #ddd}
textarea{border-radius:2px;font-size:15px;border:1px solid #ddd;width:99%;font-family: 'Titillium Web', 'Nanum Barun Gothic', Arial, Helvetica, sans-serif;}

button{margin:0 1px;background:#4b545e;padding:10px;color:#fff;border:1px solid #444;vertical-align:middle;border-radius:2px;font-size:15px;cursor:pointer}

dl{width:100%;margin:0;padding:0;}
dl dt{font-weight:600}
dl dd{margin:0;padding:0;}






/*테이블... 공통*/
table {width:100%;border-collapse:collapse;border-spacing:0;border:0}
th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
td {padding:5px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}







/*간격모음... 공통*/
.spacing_1{height:1px;clear:both;padding:0;margin:0}
.spacing_5{height:5px;clear:both;padding:0;margin:0}
.spacing_10{clear:both;height:10px;padding:0;margin:0}
.spacing_15{clear:both;height:15px;padding:0;margin:0}
.spacing_20{height:20px;clear:both;padding:0;margin:0}
.spacing_30{height:30px;clear:both;padding:0;margin:0}
.spacing_50{height:50px;clear:both;padding:0;margin:0}
.hor_spacing_3{padding:0 3%}


/*색상모음... 공통*/
.color_06c{color:#06c} /*청록색*/
.color_099{color:#099}/*녹색계열*/
.color_f30{color:#f30}
.color_069{color:#069}
.color_399{color:#399}
.color_f30{color:#f30}
.color_03f{color:#03f}
.color_000{color:#000}
.color_ccc{color:#ccc}
.color_888{color:#888}
.color_f00{color:#f00}


/*텍스트굵기... 공통*/
.bold_600{font-weight:600}
.bold_200{font-weight:200}

/*텍스트크기... 공통*/
.size_07{font-size:0.7em}
.size_08{font-size:0.8em}
.size_09{font-size:0.9em}
.size_095{font-size:0.95em}
.size_1{font-size:1em}
.size_11{font-size:1.1em}
.size_12{font-size:1.2em}
.size_14{font-size:1.4em}
.size_16{font-size:1.6em}
.size_20{font-size:2.0em}


/*div를 이용한 중앙정열... 공통*/
.div_center{text-align:center;margin:0 auto;width:100%}



.float_left{float:left}
.float_right{float:right}
.margin_10{margin-right:10px}


/*상단 슬라이드 팝업창*/

div.div_slider_popup{ margin:0 auto;text-align:center;padding:0; width:100%; display:none;padding:0;overflow:hidden; }
div.div_slider_popup .popup_event{height:160px;}
div.div_slider_popup .check{width:100%; text-align:right; vertical-align:bottom;}
#close {font-weight:600;12px;color:#fff; cursor:pointer; }
#div_laypopup { background:#ccc; }
button .btn_pop_close{background:url(img/rock.png) no-repeat;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#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_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}





/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#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 {display:inline-block;position:relative;width:100%;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-right:32px;vertical-align:top}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;width:31px;height:31px;background:url('../img/captcha.png') no-repeat  0 -30px;border:none;border-top:1px solid #ccc;overflow:hidden;cursor:pointer;text-indent:-9999px;}
#captcha #captcha_key {margin:0;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;width:31px;height:31px;background:url('../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}




/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}

#captcha.m_captcha audio {margin:0;width:48%;;float:left}
#captcha.m_captcha #captcha_img {float:left;width:51%;height:46px;border:1px solid #ddd;border-radius:2px;margin:0;padding:0;}



#captcha.m_captcha #captcha_reload {clear:both;width:31px;height:31px;background:url('../img/captcha.png') no-repeat  0 -30px;border:none;overflow:hidden;cursor:pointer;text-indent:-9999px;position:static}
#captcha.m_captcha #captcha_reload span{clear:both;background:none;display:inline}
#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/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}
#captcha .captcha_box{border:1px solid #ddd}







/*단축키일람 */
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}
.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}





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

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}



/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

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

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}



/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}



/*메일인증*/
.rg_em_p{padding:0 5px}
.rg_em{margin:5px 5px 10px;}
.rg_em table{width:100%;border-collapse:collapse}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}