@charset "utf-8";
@import url( http://fonts.googleapis.com/earlyaccess/nanumgothic.css );

/* 초기화 */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, address,
form, fieldset, legend, input, select, textarea,
table, caption, col, colgroup, thead, tfoot, tbody, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
html, fieldset, img, abbr, acronym{border:0 none;}
ol, ul, li, dl, dt, dd{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{font-weight:normal;}
address, caption, em{font-weight:normal; font-style:normal;}
caption{display:none;}
strong{font-weight:600;}

html{overflow-y:scroll;}
body{margin:0;padding:0;font-size:12px;font-family:"NanumGothic", "Nanum Gothic","Malgun Gothic",sans-serif;}
textarea, select{}
select{margin:0}
p{margin:0;padding:0;word-break:break-all}
hr{display:none}
pre{overflow-x:scroll;font-size:1.1em}
a{color:#222; text-decoration:none;}

.fLeft{float:left !important;}
.fRight{float:right !important;}
.dn{display:none;}

/* 팝업레이어 */
#hd_pop{z-index:1000; position:relative; margin:0 auto; width:1200px; height:0;}
#hd_pop h2{position:absolute; font-size:0; 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;}

/* 상단 레이아웃 */
#hd{z-index:4; position:relative; min-width:1200px; background:#fff;}
.hd_zindex{z-index:10 !important;}
#hd_h1{position:absolute; font-size:0; line-height:0; overflow:hidden;}
#hd_wrapper{position:relative; margin:0 auto; width:1200px; zoom:1;}
#hd_wrapper:after{display:block; visibility:hidden; clear:both; content:"";}

#logo{float:left; margin:10px 0 0 33px;}

#language{padding-top:5px; text-align:right;}
#language a{margin-left:5px; font-size:11px; color:#333; display:inline-block;}
#language a.curr{font-weight:600; color:#0a4a9b;}
#language a img{vertical-align:middle;}

/* 메인메뉴 */
#gnb{padding-right:90px; position:relative; float:right;}
#gnb h2{position:absolute; font-size:0; line-height:0; overflow:hidden;}
#gnb_1dul{margin:0 auto !important; padding:0; zoom:1;}
#gnb_1dul:after{display:block; visibility:hidden; clear:both; content:"";}
.gnb_1dli{z-index:10; position:relative; float:left;}
.gnb_1da{width:135px; height:60px; padding:0 5px 0 20px; font-weight:600; font-size:16px; line-height:60px; display:inline-block;}
.gnb_1da:focus,
.gnb_1da:hover{}
.gnb_1dli_air .gnb_1da{color:#0a4a9b;}
.gnb_1dli_on .gnb_1da{color:#0a4a9b;}
.gnb_2dul{width:135px; height:215px; top:60px; padding:10px 0 0 20px; z-index:1001 !imortant; display:none; position:absolute;}
.gnb_2da{font-weight:600; font-size:13px; line-height:29px; color:#666; display:block;}
.gnb_1dli_air .gnb_2da{}
.gnb_1dli_on .gnb_2da{}
.gnb_2da:focus,
.gnb_2da:hover{color:#0a4a9b;}
.gnb_1dli_over .gnb_2dul{display:block;}
.gnb_1dli_over2 .gnb_2dul{display:block;}

#gnb_empty{padding:10px 0; width:100%; text-align:center; line-height:2em;}
#gnb_empty a{text-decoration:underline;}

.submenu-wrap{width:100%; height:224px; top:80px; z-index:1000 !important; border-top:1px solid #0a4a9b; background:rgba(255,255,255,.8); display:none; position:absolute;}

.sns{top:13px; right:0; position:absolute;}
.sns a{margin-left:10px; font-size:14px; color:#333;}

/* 중간 레이아웃 */
#wrapper{z-index:5; zoom:1;}
#wrapper:after{display:block; visibility:hidden; clear:both; content:"";}

#container{z-index:4; position:relative; width:1200px; min-height:500px; height:auto !important; height:500px; margin:0 auto 85px; background:#fff; zoom:1;}
#container:after{display:block; visibility:hidden; clear:both; content:"";}
#container_title{display:none;}
#bo_v_table{display:none;}

#svisual-section{height:175px; line-height:175px; text-align:center; position:relative;}
#svisual-section h1{font-weight:600; font-size:30px; color:#000;}
#svisual-section span{width:26px; height:3px; top:120px; left:50%; margin-left:-13px; background:#0a4a9b; display:block; position:absolute;}
.sv01{background:url("../img/svisual01_bg.jpg") no-repeat center top;}
.sv02{background:url("../img/svisual02_bg.jpg") no-repeat center top;}
.sv03{background:url("../img/svisual03_bg.jpg") no-repeat center top;}
.sv04{background:url("../img/svisual04_bg.jpg") no-repeat center top;}
.sv05{background:url("../img/svisual05_bg.jpg") no-repeat center top;}

#aside-section{width:100%; height:50px; margin-bottom:35px; border-bottom:1px solid #e6e6e6;}
.slnb{width:1200px; height:50px; margin:0 auto; position:relative;}
.slnb > div{width:310px; height:100%; position:relative; float:left;}
.slnb .slnb-home{width:68px; height:50px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:url("../img/icon_home.gif") no-repeat center center; display:block;}
.slnb .slnb-depth1{width:310px; height:50px; border-right:1px solid #e6e6e6;}
.slnb .slnb-depth2{width:310px; height:50px; border-right:1px solid #e6e6e6;}
.slnb p{width:100%; height:100%; background:url("../img/slnb_arrow.gif") no-repeat right center;}
.slnb p span{font-size:16px; line-height:50px; color:#333; text-indent:25px; display:block; float:left;}
.slnb ul{width:310px; height:0; top:51px; z-index:10; position:absolute; overflow:hidden;}
.slnb ul li{width:100%; font-size:15px; background:#f1f1f1;}
.slnb ul li a{width:100%; height:50px; font-size:16px; line-height:50px; display:block; text-indent:25px; text-align:left; color:#000;}
.slnb ul li.curr-snb{background:#999;}
.slnb ul li.on{background:#666;}
.slnb ul li.curr-snb a,
.slnb ul li.on a{color:#fff;}
.slnb .slnb-aa1{left:70px;}
.slnb .slnb-aa2{left:381px;}

.tab-menu{width:1200px; height:50px; margin:0 auto 30px; background:#fdfdfd; position:relative;}
.tab-menu ul{width:1200px; height:50px;}
.tab-menu ul li{float:left; width:165px; text-align:center; color:#515050; position:relative; z-index:4; cursor:pointer; -webkit-transition:all 0.3s ease, top 0ms linear; -moz-transition:all 0.3s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.3s ease;}
.tab-menu ul li a{margin-left:-1px; font-weight:600; font-size:14px; line-height:50px; border:1px solid #e6e6e6; display:block;}
.tab-menu ul li:hover{background:#e6e6e6; -webkit-transition:all 0.3s ease, top 0ms linear; -moz-transition:all 0.3s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.3s ease;}
.tab-menu ul li.curr-snb{background:#32adcf; -webkit-transition:all 0.3s ease, top 0ms linear; -moz-transition:all 0.3s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.3s ease;}
.tab-menu ul li.curr-snb a{color:#fff; border:1px solid #32adcf;}
.tab-menu ul.smc1 li{width:100%;}
.tab-menu ul.smc2 li{width:50%;}
.tab-menu ul.smc5 li{width:20%;}
.tab-menu ul.smc6 li{width:16.66%;}
.tab-menu ul.smc7 li{width:14.28%;}


/* 하단 레이아웃 */
#ft{min-width:1200px; padding:20px 0; background:#45474d;}
#ft_copy{}
#ft_copy div.copyright{width:1200px; margin:0 auto; position:relative;}
#ft_copy div.copyright:after{clear:both; content:""; display:block;}
#ft_copy div.copyright h1{margin:5px 75px; float:left;}
#ft_copy div.copyright div{font-weight:600; font-size:11px; line-height:18px; color:#ccc; float:left;}
#ft_copy div.copyright div strong{color:#fff;}
#ft_copy div.copyright .sns{top:10px; right:0; position:absolute;}
#ft_copy div.copyright .sns a{margin-left:10px; display:block; float:left;}
#ft_copy a{color:#fff;}

/* 게시물 선택복사 선택이동 */
#copymove{;}
.copymove_current{float:right; color:#ff3061;}
.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; 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:600; text-align:center; line-height:3.3em;}

/* 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:-9999em; overflow:hidden; ;}
#captcha #captcha_img{width:160px; height:60px; border:1px solid #e9e9e9; vertical-align:top; padding:0; margin:0;}
#captcha #captcha_mp3{position:absolute; top:0; left:161px; ; margin:0; padding:0; width:31px; height:31px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer;}
#captcha #captcha_mp3 span{position:absolute; top:0; left:0; width:31px; height:31px; background:url('../../../img/captcha.png') no-repeat; ;}
#captcha #captcha_reload{position:absolute; top:31px; left:161px; margin:0; padding:0; width:31px; height:31px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha.png') no-repeat  0 -30px; border-top:1px solid #ccc; text-indent:-999px;}
#captcha #captcha_key{margin:0 0 0 33px; padding:0 5px; width:70px; height:60px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:600; text-align:center; line-height:2.8em; vertical-align:top;}
#captcha #captcha_info{display:block; margin:5px 0 0; font-size:0.95em;}

/* 캡챠 자동등록(입력)방지 기본 - 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:31px; height:31px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha.png') no-repeat  0 -30px; 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:600; text-align:center; line-height:29px; margin-left:3px;}
#captcha.m_captcha #captcha_info{display:block; margin:5px 0 0; font-size:0.95em;}
#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;}

/* 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; 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:600;}
.cke_sc_def dd{width:30%;}

/* 버튼 */
a.btn01{display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; 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:#000;}
a.btn02{display:inline-block; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; 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;}

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

.btn_submit{padding:8px; border:0; background:#ff3061; color:#fff; cursor:pointer;}
fieldset .btn_submit{padding:0 7px; height:24px; line-height:1em;}

a.btn_cancel{display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; vertical-align:middle;}
button.btn_cancel{display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; vertical-align:top;}

a.btn_frmline, button.btn_frmline{display:inline-block; padding:0 5px; height:24px; border:0; background:#333; color:#fff; vertical-align:top;} /* 우편번호검색버튼 등 */
a.btn_frmline{line-height:24px;}
button.btn_frmline{font-size:1em;}

/* 게시판용 버튼 */
a.btn_b01{display:inline-block; padding:7px; border:1px solid #d9ded9; background:#f2f5f9; color:#000; vertical-align:middle;}
a.btn_b01:focus, .btn_b01:hover{text-decoration:none;}
a.btn_b02{display:inline-block; padding:7px 7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; vertical-align:middle;}
a.btn_b02:focus, .btn_b02:hover{text-decoration:none;}
a.btn_admin{display:inline-block; padding:7px; border:1px solid #e8180c; background:#e8180c; color:#fff; vertical-align:middle;} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover{text-decoration:none;}

/* 댓글 스타일 */
.cnt_cmt{display:inline-block; margin:0 0 0 3px; font-weight:600;}

/* 기본테이블 */
.tbl_wrap table{width:100%; border-collapse:collapse; border-spacing:0;}
.tbl_wrap caption{padding:10px 0; font-weight:600; 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:12px 0; border-top:2px solid #0070d9; border-bottom:1px solid #d1dee2; background:#fff; color:#222; font-weight:600; font-size:13px; text-align:center;}
.tbl_head01 thead a{color:#383838;}
.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-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.tbl_head01 td{padding:8px 5px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:1.5em; word-break:break-all;}
.tbl_head01 a{;}

.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.95em; text-align:center;}
.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;}
.tbl_head02 td{padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:1.4em; word-break:break-all;}
.tbl_head02 a{;}

/* 폼 테이블 */
.tbl_frm01{margin:0 0 20px; border:1px solid #d7d5d5; table-layout:fixed;}
.tbl_frm01 table{width:100%; border-collapse:collapse; border-spacing:0;}
.tbl_frm01 th{width:100px; padding:18px 0 18px 20px; border-right:1px solid #e8e8e8; border-top:1px solid #e8e8e8; background:#fbfafa; text-align:left;}
.tbl_frm01 td{padding:7px 10px; border-top:1px solid #e8e8e8; background:transparent;}
.tbl_frm01 tr:first-child th,
.tbl_frm01 tr:first-child td{border-top:0;}
.tbl_frm01 textarea,
.frm_input{border:1px solid #d9d9d9; background:#f7f7f7; color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea{padding:2px 2px 3px;}
.frm_input {height:22px}
.tbl_frm01 textarea{width:98%; height:100px;}
.tbl_frm01 a{}
.tbl_frm01 .frm_address{margin-top:5px;}
.tbl_frm01 .frm_file{display:block; margin-bottom:5px;}
.tbl_frm01 .frm_info{display:block; padding:0 0 5px; line-height:1.4em;}

#bo_sch input{vertical-align:middle;}
#sfl{height:24px; padding:2px; border:1px solid #d7d7d7; vertical-align:middle;}

/* 자료 없는 목록 */
.empty_table{padding:50px 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;}

/* 테이블 항목별 정의 */
.td_board{width:120px; text-align:center;}
.td_category{width:80px; text-align:center;}
.td_chk{width:30px; text-align:center;}
.td_date{width:80px; text-align:center;}
.td_datetime{width:110px; 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: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{;}
.new_win .tbl_wrap{margin:0 20px;}
.new_win #win_title{margin:0 0 20px; padding:20px; border-top:3px solid #333; border-bottom:1px solid #dde4e9; background:#fff; font-size:1.2em;}
.new_win #win_title .sv{font-size:0.75em; line-height:1.2em;}
.new_win .win_ul{margin:-20px 0 20px 0; padding:0 20px; border-bottom:1px solid #455255; background:#484848; list-style:none; zoom:1;}
.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 10px 8px; border-right:1px solid #455255; border-left:1px solid #455255; color:#fff; font-family:dotum; font-weight:600;}
.new_win .win_desc{padding:20px;}

.new_win .win_btn{clear:both; padding:20px; text-align:center;} /* 새창용 */
.new_win .win_btn button{display:inline-block; padding:0 10px; height:30px; border:0; background:#4b545e; color:#fff; line-height:2em; cursor:pointer;}
.new_win .win_btn input{padding:0 10px; height:30px; line-height:2em;}
.new_win .win_btn a{display:inline-block; padding:0 10px; height:30px; background:#4b545e; color:#fff; vertical-align:middle; line-height:2.4em;}
.new_win .win_btn a:focus, .new_win .win_btn a:hover{text-decoration:none;}

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

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

/* 사이드뷰 */
.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;}
.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;}

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

#cert-tab ul{margin-bottom:10px; padding-left:1px; zoom:1;}
#cert-tab ul:after{display:block; visibility:hidden; clear:both; content:"";}
#cert-tab li{margin-right:7px; float:left;}
#cert-tab li:last-child{margin-right:0;}
#cert-tab a {width:395px; height:39px; font-size:16px; line-height:39px; text-align:center; color:#fff; display:block; position:relative; background:#999; cursor:pointer}
#cert-tab .on a{font-weight:600; color:#fff; background:#0a4a9b; z-index:2;}