﻿@charset "utf-8";

button {border:none;background-color:transparent;cursor:pointer;overflow:visible;-webkit-appearance:none;}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding:s0;border:0 none}

img, input, button, select, textarea {vertical-align:middle}


.wrap { width:100%; height:100%; min-width:320px;}
/******************** header  ********************/
.header {width:100%;}
.header .hsection { background-color:#333949;}
.header .hsection a,
.header .hsection button {color:#fff;}
.hsection:after {clear:both; display:block; content:""}
.hsection h1 { float:left; width: 240px; height: 60px; font-size: 0; text-indent: -1000px; background:url(../img/mo_common/logo2.png) no-repeat 15px 5px; background-size:225px;}
.hsection .h_right {float:right;}
.hsection .h_btn { margin-bottom:5px; overflow:hidden;}
.h_btn { margin-right:5px}
.h_btn li {float:left;margin:6px 5px 0 0;}
.h_btn li button {display:inline-block; min-width:45px; height:50px; padding:30px 5px 5px; font-size:0.7rem; font-weight:bold}
.h_btn li button {height:50px; }
.h_btn li.btn_srh,
.h_btn li.btn_srh button { display:inline-block;}
.h_btn li.btn_srh button {background:url(../img/mo_common/bu_srh.png) no-repeat 50% 7px; background-size:20px;}
.h_btn li.btn_srh { display:none;}
.h_btn li.btn_menu,
.h_btn li.btn_menu button { display:inline-block;}
.h_btn li.btn_menu button { background: url(../img/mo_common/gnb_all.png) no-repeat 50% 9px; background-size:18px;}
.h_btn li.btn_m1,
.h_btn li.btn_m1 button { display:inline-block;}
.h_btn li.btn_m1 button { background: url(../img/mo_common/btn_m1.png) no-repeat 50% 9px; background-size:18px;}
.h_btn li.btn_m2,
.h_btn li.btn_m2 button { display:inline-block;}
.h_btn li.btn_m2 button { background: url(../img/mo_common/btn_m2.png) no-repeat 50% 9px; background-size:18px;}
.h_btn li.btn_m3,
.h_btn li.btn_m3 button { display:inline-block;}
.h_btn li.btn_m3 button { background: url(../img/mo_common/btn_m3.png) no-repeat 50% 9px; background-size:18px;}

.h_search_full { float:left; margin:14px 0 0 20px; display:block;}
.h_search_full * {vertical-align:top}
.h_srh {position:relative; display:inline-block; height:33px; border:1px solid #fff; background-color:#fff;}
input[type='text'].h_input {width:250px; height:28px; margin-top:2px; color:#aaa; text-indent:7px; border:none}
.h_btn_search {width:25px; height:20px; margin:6px 0 0 28px; background:url(../img/mo_common/btn_search.png) no-repeat center left; background-size:20px;}
.h_srh_detail {height:35px; padding:0px 8px 0 8px; margin-left:3px; font-size:0.9em; border:1px solid #aaa}
.btn_deltxt { display:block; position:absolute; top:8px;right:10px; z-index:99; width:18px;height:18px; background:url(../img/mo_common/btn_del.png) no-repeat 50% 50%; background-size:18px;}
.wrap .h_search_full .btn_deltxt  {right:30px;}

/* GNB */
.gnb {width:100%; background:#f2f2f2; border-bottom:1px solid #bbb}
.gnb ul { display:table; width:100%; height:45px; margin:auto; white-space:nowrap;}
.gnb ul li {display:table-cell;text-align:center;}
.gnb ul li.active {background:#333949;}
.gnb ul li a { display:inline-block;font-size:1.1rem; font-weight:normal; padding:14px 10px 10px; color:#333949;}
.gnb ul li a img { width:16px; margin-top: -1px;}

.contents { padding:15px;}
.contents_nopadding { padding:0;}

.m_footer {width:100%; height:1px;position:fixed;bottom:20px;}
.m_footer:after {content:""; display:block; clear:both;}
.m_footer .m_footer_left {float:left;padding:5px 0 0 15px; margin-top:-35px;}
.m_footer button { padding:10px; padding-left:25px; color:#fff; border:1px solid #333; border-radius:20px; background-color:rgba(0, 0, 0, 0.7); background-position: 10px 11px; background-repeat:no-repeat; background-size:10px; }
.m_footer .m_footer_right {float:right;padding:5px 15px 0 0; margin-top:-35px;}
.m_footer_left button { background-image:url(../img/mo_common/bu_down.png);}
.m_footer_right button { background-image:url(../img/mo_common/bu_up.png);}
.m_footer .m_footer_center {text-align:center; padding:5px 0 0 15px; margin-top:-35px;}
.m_footer_center button {color:#fff; background-color:#f27f00; border:1px solid #f27f00; padding-left:15px;}
/*.arr_left {background-image:url(../img/mo_common/arr_left.png) center; width:20px; height:20px; margin-top:10px; color:#fff; display:inline-block;}*/



.moving {width:100%; height:1px;position:fixed; top:50%; margin-top:-10px;}
.moving:after {content:""; display:block; clear:both;}
.moving .moving_left { position:fixed; left:0;}
.moving .moving_right { position:fixed; right:0;}
.moving button { width:50px; height:50px; color:#fff; background-repeat:no-repeat; background-size:18px; background-position:50% 50%; font-size:0; text-indent:-9999px; }
.moving_left button { background-image:url(../img/mo_common/bu_moving_left.png); }
.moving_right button { background-image:url(../img/mo_common/bu_moving_right.png); }
/******************** Form Tag Style Start ********************/
input, textarea, select {font-size:inherit; line-height:1.5; color:#666; border:1px solid #d6d6d6; background-color:#fff;}

input[type="file"] {padding:0; border:0; background-color:#fff}
input[type="radio"],
input[type="checkbox"] {width:16px; height:16px; padding:0; border:none}

input[type='text'] {height:28px; border:1px solid #d6d6d6; text-indent:8px;}
select {padding:5px 5px 5px; padding-left:3px;}

input.big_half,
input.big_full80,
input.big_full85,
input.big_full90,
input.big_full,
input.big_full98,
input.big_full99,
input.big_full100 {height:26px; padding:0 5px 2px; font-size:14px; line-height:26px}

.big_half,
.half {width:50%}
.full80,
.big_full80 {width:calc(100% - 102px)}
.big_full85,
.full85 {width:85%}
.big_full90,
.full90 {width:calc(100% - 122px)}
.big_full,
.full {width:98%}
.big_full98,
.full98 {width:calc(100% - 30px)}
.big_full99,
.full99 {width:99%}
.big_full100,
.full100 {width:calc(100% - 11px)}
.commStyle { width:190px;}

/* 웹접근성 Select */
.select {position:relative; display:inline-block; text-align:left; line-height:normal; background:#fff; /* margin:1px 3px; */}
.select .myvalue {position:relative; left:0; top:0; z-index:2; text-align:left; color:#666; border:1px solid #cdcdcd}
.select .myvalue.selected {color:#f27f00; font-weight:bold}
.select.open .myvalue,
.select .myvalue.outLine {border:1px solid #999}
.select button.myvalue {overflow:hidden; width:100%; height:38px; padding:4px 40px 4px 0; text-indent:8px; font-size:14px;}
.select .arrow {position:absolute; top:16px; right:12px; width:11px; height:6px; font-size:0; line-height:0; background:url(../img/bbi/btn_select_arr_down.gif) no-repeat}
.select ul { z-index:10; top:23px; overflow:hidden; min-width:100%; list-style:none; border:1px solid #777; background:#fff}
.select ul.left {position:absolute; top:37px; right:-1px; display:none}
.select ul.aList {position:absolute; top:37px; left:-1px; display:none}
.select.open ul.aList,
.select.open ul.left {display:block}
.select ul.iList {left:-2000%}
.select.open ul.iList {left:0}
.select li {position:relative; overflow:hidden; white-space:nowrap; border-bottom:1px solid #ccc}
.select li a,
.select li span {display:block; overflow:hidden; width:inherit; padding:5px 10px 7px; white-space:nowrap; text-overflow:ellipsis;}
.select li:last-child { border-bottom:0;}
.select li.hover { margin-top:-1px; border-top:1px solid #777; border-bottom:1px solid #777;}
.select li.hover>a,
.select li.hover>span {color:#fff; background:#777;}
/******************** Form Tag Style END ********************/



/******************** 공통 버튼 스타일 Start ********************/
/* 공통속성 */
button img {padding-right:1px; padding-bottom:1px}
button * {display:inline-block; vertical-align:middle}
.con_title button:first-child {margin-left:10px}

.btn_area {margin-top:20px; text-align:center}
.btn_area button { margin-right:5px;}
.btnS_area {display:block; overflow:hidden; margin:10px 0 25px; text-align:center}
.btn_area_left {float:left}
.btn_area_right {float:right}


/* 최소 (button) */
.btn_rgray,
.btn_sizeXs01,
.btn_sizeXs02,
.btn_sizeXs03 {height:20px; font-weight:bold}
.btn_sizeXs01 {background-color:#e7e9f6; color:#353f67}
.btn_sizeXs02 {background-color:#e2f2d3; color:#2d5c00}
.btn_sizeXs03 {background-color:#fbeaef; color:#8f1b00}
.btn_rgray {background-color:#888; color:#fff}


/* 사이즈별 */
.btnXs {min-width:30px; height:24px; padding:2px 5px 2px; font-size:13px}
.btnS {min-width:40px; height:23px; padding:0 6px 0; font-size:13px}
.btnM, .btnRM,
.btnLRM,
.btnRRM {display:inline-block; height:30px; padding:0 8px 0 8px; font-size:13px}
a.btnM { line-height:30px;height:30px; }
.btnLRM { padding-left:12px;}
.btnRRM { padding-right:12px;}
.btnL, .btnRL {min-width:80px; height:37px; padding:0 13px 0; font-size:16px}

/* 사이즈별 - 라운드 :추가 클래스로 삽입 */ /* 사이트 메인버튼이 라운드일경우는 크기 지정 */
.btnRS {padding:0 10px 0; font-size:13px; border-radius:13px}
.btnRM {border-radius:15px}
.btnLRM { border-radius: 15px 0 0 15px}
.btnRRM { border-radius: 0 15px 15px 0}
.btnRL {border-radius:17px}

/* 색상별 */
button.color {color:#fff; background-color:#f27f00; border:1px solid #f27f00}

button.white {color:#4d4d4d; background-color:#fff; border:1px solid #c5c5c5}

button.orline {color:#f27f00; background-color:#fff; border:1px solid #ff8601}
button.blueline {color:#1e76e3; background-color:#fff; border:1px solid #1e76e3}
button.blueline_active {color:#fff; background:#ff8601; border:1px solid #ff8601}

button.grline {color:#00a96f; background-color:#fff; border:1px solid #00a96f}

button.ygrline {color:#67930c; background-color:#fff; border:1px solid #67930c}


button.agrline {color:#DF0101; background-color:#fff; border:1px solid #DF0101}
button.agrline:hover {color:#fff; background:#ff8601; border:1px solid #ff8601}

button.bgrline {color:#04B45F; background-color:#fff; border:1px solid #04B45F}
button.bgrline:hover {color:#fff; background:#ff8601; border:1px solid #ff8601}

button.cgrline {color:#DF3A01; background-color:#fff; border:1px solid #DF3A01}
button.cgrline:hover {color:#fff; background:#ff8601; border:1px solid #ff8601}

button.dgrline {color:#0431B4; background-color:#fff; border:1px solid #0431B4}
button.dgrline:hover {color:#fff; background:#ff8601; border:1px solid #ff8601}

button.egrline {color:#6A0888; background-color:#fff; border:1px solid #6A0888}
button.egrline:hover {color:#fff; background:#ff8601; border:1px solid #ff8601}


.gray {color:#fff; background-color:#979c9e;}

.gray span {display:inline-block; color:#fff;}

/* 버튼내 아이콘 설정 */
button span.icon {width:15px;height:17px; margin-right:2px; background:url(../img/mo_common/btn_iconset.png) no-repeat; background-size:650px;}
button .icon.search {background-position:0px 2px}/* 찾기 버튼 */
button.color .search, button.gray .search {background-position:0px -15px}
button .icon.mail {background-position:-572px -1px}/* 메일 버튼 */
button.color .mail, button.gray .mail{background-position:-572px -18px}
button .icon.mailsend {background-position:-523px 1px}/* 메일발송완료 버튼 */
button.color .mailsend, button.gray .mailsend {background-position:-523px -16px}
button .icon.mailresend {background-position:-547px 1px}/* 메일재발송 버튼 */
button.color .mailresend, button.gray .mailresend {background-position:-547px -16px}
button .icon.sign {background-position:-15px 1px}/* 결재 버튼 */
button.color .sign, button.gray .sign {background-position:-15px -16px}
button .icon.pencil {background-position:-31px 3px}/* 쓰기,수정 버튼 */
button.color .pencil, button.gray .pencil {background-position:-31px -14px}
button .icon.add {background-position:-50px 2px}/* 추가 버튼 */
button.color .add, button.gray .add {background-position:-50px -15px}
button .icon.download {background-position:-68px 2px}/* 다운로드,임시저장 버튼 */
button.color .download, button.gray .download {background-position:-68px -15px}
button .icon.del {width:12px; background-position:-82px 4px}/* 삭제 버튼 */
button.color .del, button.gray .del {background-position:-82px -13px}
button .icon.check {background-position:-95px 4px}/* 체크,확인 버튼 */
button.color .check, button.gray .check {background-position:-95px -13px}
button .icon.return {background-position:-111px 2px}/* 반송,초기화 버튼 */
button.color .return, button.gray .return {background-position:-111px -15px}
button .icon.subject {background-position:-127px 1px}/* 주제,하위주제 생성 버튼 */
button.color .subject, button.gray .subject {background-position:-127px -16px}
button .icon.appoint {background-position:-142px 2px}/* 결재선지정 버튼 */
button.color .appoint, button.gray .appoint {background-position:-142px -15px}
button .icon.setting {width:11px; background-position:-161px -1px}/* 설정 버튼 */
button.color .setting, button.gray .setting {background-position:-161px -18px}
button .icon.file {background-position:-173px 2px}/* 파일추가 버튼 */
button.color .file, button.gray .file {background-position:-173px -15px}
button .icon.excel {width:19px; background-position:-192px 1px}/* 엑셀 버튼 */
button.color .excel, button.gray .excel, button.active .excel {background-position:-192px -16px}
button .icon.sheet {background-position:-316px 1px}/* 문서 버튼 */
button.color .sheet, button.gray .sheet {background-position:-316px -16px}
button .icon.list {background-position:-222px 4px}/* 목록 버튼 */
button.color .list, button.gray .list {background-position:-222px -13px}
button .icon.file_wr {background-position:-381px 3px}/* 폴더명 변경 버튼 */
button.color .file_wr, button.gray .file_wr {background-position:-381px -14px}

button .icon.file_up {background-position:-425px 2px}/* 폴더명 변경 버튼 */
button.color .file_up, button.gray .file_up {background-position:-425px -15px}

button .icon.disuse {background-position:-501px 1px}/* 폐기 버튼 */
button.color .disuse, button.gray .disuse {background-position:-501px -16px}
button .icon.big {background-position:-598px 2px}/* 크게보기 버튼 */
button.color .big, button.gray .big {background-position:-598px -14px}
button .icon.small {background-position:-616px 1px}/* 축소하기 버튼 */
button.color .small, button.gray .small {background-position:-616px -15px}
button .icon.print {background-position:-632px 2px}/* 인쇄하기 버튼 */
button.color .print, button.gray .print {background-position:-632px -15px}

/* 토글버튼:색상클래스 빼고 toggle 클래스 추가 (스타일은 시스템 맞춰 변경) */
/* 토글버튼1 - 핑크 */
button.toggle {color:#fff;border:1px solid #ccc;background-color:#ddd}
button.toggle:hover {background-color:#bbb;border:1px solid #bbb}
button.toggleOn {color:#fff;background:#f27f00;border:1px solid #f27f00}
button.toggleOn:hover {background:#f27f00;border:1px solid #f27f00}
/* 토글버튼2 - 핑크, 상단 포인트 */
button.toggle2 {color:#fff; background-color:#bbb; border:1px solid #999;}
button.toggle2On {color:#fff; border:1px solid #333949; background:#333949}

/* designed 라디오버튼 */
.designed_rdo { display:none}
.designed_rdo:checked + label {background:url(../img/mo_common/ico_radio_on.png) no-repeat 0 50%;background-size:18px;}
.designed_rdo + label { width:20px; height:20px; display:inline-block; background:url(../img/mo_common/ico_radio.png) no-repeat 0 50%;background-size:18px;}

/* 파일별 다운로드 버튼 */
.down_exel,
.down_word,
.down_pdf,
.down_han,
.down_han2 {display:inline-block; height:20px; padding:0 7px 3px 25px; font-size:12px}
.down_exel {background:url(../img/bbi/ico_exel.gif) no-repeat}
.down_word {width:21px; background:url(../img/bbi/ico_doc.gif) no-repeat}
.down_pdf {background:url(../img/bbi/ico_pdf.gif) no-repeat}
.down_han,
.down_han2 {background:url(../img/bbi/ico_hwp.gif) no-repeat}
.down_file {display:inline-block; height:18px; background:url(../img/bbi/ico_file.png) no-repeat; padding:0 7px 3px 23px; font-size:12px}

.btn_print,
.btn_link,
.btn_scrap,
.btn_save,
.btn_hanmun,
.btn_hangeul {display:inline-block; height:20px; padding:0 7px 3px 23px; font-size:12px}
.btn_print {background:url(../img/bbi/btn_print.png) no-repeat}/* 인쇄하기 버튼 */
.btn_link {background:url(../img/bbi/btn_link.png) no-repeat}/* 링크 버튼 */
.btn_scrap {background:url(../img/bbi/ico_scrap.png) no-repeat}/* 스크랩하기 버튼 */
.btn_save {background:url(../img/bbi/ico_save.png) no-repeat}/* 저장하기 버튼 */
.btn_hangeul {background:url(../img/bbi/ico_han.png) no-repeat}/* 한글-한문 토글 버튼 */
.btn_hanmun {background:url(../img/bbi/ico_hanmun.png) no-repeat}/* 한글-한문 토글 버튼 */

/* 달력 버튼 */
.btn_calendar {display:inline-block; width:21px; height:22px; background:url(../img/bbi/ico_calendar.gif) no-repeat 0 1px}
/******************** 공통 버튼 스타일 END ********************/


/******************** 공통 폰트컬러 Start ********************/
.fontEm {color:#488db9}/* 무채블루 */
.emph_word {font-weight:inherit; color:#f27f00}/* 검색어 강조용 */
/******************** 공통 폰트컬러 END ********************/



/******************** Common Layout END ********************/


/* 좌측 트리영역 목차 중 첨부파일 목록 */
.tc_tit {padding:5px 0 5px 15px; font-weight:bold; background:url(../img/bbi/bul_title1.gif) no-repeat 0 10px}
.tree + .tree_file {padding:10px 0 0 15px}
.tree_file ul li {padding-left:15px; line-height:1.5; background:url(../img/bbi/bul_blue.gif) no-repeat 7px 10px}
.tree_file ul li a:hover {text-decoration:underline}
.tree_file .file_ico {display:inline-block; width:16px; height:16px; margin-left:5px; vertical-align:bottom}
.tree_file .xls .file_ico {background:url(../img/article/icon_file_xls.png) no-repeat 0 0}
.tree_file .hwp .file_ico {background:url(../img/article/icon_file_hwp.png) no-repeat 0 0}
.tree_file .doc .file_ico {background:url(../img/article/icon_file_doc.png) no-repeat 0 0}
.tree_file .ppt .file_ico {background:url(../img/article/icon_file_ppt.png) no-repeat 0 0}
.tree_file .pdf .file_ico {background:url(../img/article/icon_file_pdf.png) no-repeat 0 0}
.tree_file .txt .file_ico {background:url(../img/article/icon_file_txt.png) no-repeat 0 0}
.tree_file .dflt .file_ico {background:url(../img/article/icon_file_etc.png) no-repeat 0 0}

/******************** 판례 전문보기 관련 END ********************/



/* 조문 로딩중 화면 */
.loading,
.loading_img {z-index:999; width:70px; height:70px; background:url(../img/mo_common/loading.gif) no-repeat center center; background-size:64px;}

.loading { position:fixed; top:50%; left:50%; margin:-35px 0 0 -35px;}
.loading_img {margin:20px auto 0;}

.alert_txt {z-index:999; position:fixed; top:50%; left:50%; margin:-60px 0 0 -60px; width:120px; height:81px; padding-top:39px; font-size:16px; line-height:1.4; color:#fff; text-align:center; font-weight:bold; border-radius:80px; background:rgba(0, 0, 0, 0.5); }

/******************** 첨부파일 영역 Start ********************/
.file_top_btn_area {margin-bottom:3px}
.file_list_area dl {border:1px solid #b7b7b7}
.file_list_area dl ol {overflow-y:auto; min-height:70px; max-height:113px; padding:3px 0 3px; font-size:13px}
.file_list_area li {padding:1px 10px 3px}
.file_list_area li .txt {padding-right:2px; font-size:13px; color:#555}
.file_list_area li.del_list {background-color:#e9e9e9}
.file_list_area li.del_list button img {opacity:0.3}
.file_list_area li.del_list .txt {color:#777}
.file_list_area li:hover button {color:#000}
.file_list_area .btn_del,
.file_list_area .btn_re {width:18px; height:18px; margin-left:3px; border:1px solid #b7b7b7; background-color:#fff}
.file_list_area .btn_del {padding-left:2px}
.file_list_area .btn_re {padding-left:1px}
.file_list_area .btn_del:hover,
.file_list_area .btn_re:hover {border-color:#444; background-color:#444}
.file_list_area li:hover {background:#fdeef0}
li .file_hwp {padding-left:24px; background:url(../img/common/ico_hwp.gif) no-repeat 3px 2px}
li .file_exel {padding-left:24px; background:url(../img/common/ico_xls.gif) no-repeat 3px 2px}
li .file_pdf {padding-left:24px; background:url(../img/common/ico_pdf.gif) no-repeat 3px 2px}
li .file_ppt {padding-left:24px; background:url(../img/common/ico_ppt.gif) no-repeat 3px 2px}
li .file_doc {padding-left:24px; background:url(../img/common/ico_doc.gif) no-repeat 3px 2px}
li .file_else {padding-left:24px; background:url(../img/common/ico_etc.gif) no-repeat 3px 2px}
.addedFile_area a{display:block;}
/******************** 첨부파일 영역 END ********************/



/******************** Paging Start ********************/
.paging_area {position:relative; display:block; min-width:750px; min-height:24px; margin-top:20px; margin-bottom:15px; font-size:13px}
.paging_area:after {clear:both; display:block; content:""}
.paging {text-align:center}
.paging * {vertical-align:middle}
.page_no {height:30px; display:inline-block}
.page_no a {display:inline-block; overflow:hidden; width:28px; height:24px; padding-top:4px; text-align:center; color:#555; border:1px solid #c9c9c9}
.page_no a:focus,
.page_no a:hover,
.page_no a.active {color:#fff; border:1px solid #f16b7c; background:#ff8601}
.page_no span.active {display:inline-block; width:30px; height:25px; padding-top:5px; text-align:center; color:#fff; background:#ff8601}
.paging_area .first,
.paging_area .prev,
.paging_area .next,
.paging_area .last {display:inline-block; width:30px; height:30px; background:url(../img/bbi/btn_paging.png) no-repeat #fff; border:1px solid #cdcdcd;}

.paging_area .first:hover,
.paging_area .prev:hover,
.paging_area .next:hover,
.paging_area .last:hover { background-color:#ff8601; border-color:#ff8601}


.paging_area .first {background-position:0 0}
.paging_area .first:hover {background-position:0 bottom}
.paging_area .prev {background-position:-34px 0}
.paging_area .prev:hover {background-position:-34px bottom}
.paging_area .next {background-position:-68px 0}
.paging_area .next:hover {background-position:-68px bottom}
.paging_area .last {background-position:right 0}
.paging_area .last:hover {background-position:right bottom}

.paging_area .paging_left {position:absolute; top:0; left:0}
.numbers {padding-left:7px; background:url(../img/bbi/bul02.gif) no-repeat 0 8px}
.numbers em {color:#f16b7c}
.paging_right {position:absolute; top:0; right:0}
.paging_right .btn_whiteM {height:30px}
/******************** Paging END ********************/


.dark { z-index:1500; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.5)}
.bu_ico { background:url(../img/bbi/bu_sqr3.png) no-repeat 0 10px; padding-left:15px;}


/* 사이트맵 레이어 팝업 */
.sitemap_full { display:block; z-index:2000; min-width:60%; height:100%; position:fixed; top:0; right:0; background:#333949; }
.sitemap_tit { clear:both; display:block; width:100%; height:61px; background:#ff8601;}
.sitemap_tit h3 { padding:20px; font-size:1.3rem; color:#fff; }
.site_mn { overflow-y:auto; height:calc(100% - 71px); padding-top:10px;}
.site_mn>li {line-height:1.8; padding-left:20px;}
.site_mn>li>a { display:inline-block; width:100%; font-size:1.2rem; color:#ff8601; }
.site_mn>li:last-child { display:block; padding-bottom:20px;}
.site_mn>li:last-child:after {clear:both; display:block; content:""; }
.site_mn a {color:#fff;}
.site_mn a:focus { color:#ff941e; text-decoration:underline}
.site_etc_mn { padding-top:5px; line-height:1.4; }
.site_etc_mn li a { display:block; padding:3px 0 3px 10px; margin-left:2px; font-size:14px; background:url(../img/mo_common/bu_mn.png) no-repeat 0 9px; }
.site_etc_mn li a:focus { background:url(../img/mo_common/bu_mn_.png) no-repeat 0 9px; }
.site_etc_mn li a { font-size:0.8rem;}

.site_smn { margin:0 2px 10px; padding-right:10px;}
.sitemap_close { position:absolute; top:7px; right:7px; }
.sitemap_close span { width:26px; height:26px; margin:10px; background:url(../img/mo_common/bu_close.png) no-repeat 50% 50% #fff; border-radius:20px; background-size:13px;}
.sitemap_close span { line-height:0; font-size:0; text-indent:-9999px}


.site_mn>li .gnbst { float:left; width:22px; height:22px; margin:6px 5px 0 0; border-radius:20px; background-color:#ff8601; background-position:50% 50%; background-repeat:no-repeat; background-size:22px;}

.site_list01 .gnbst { background-image:url(../img/mo_common/sitemn_icon1.png) }
.site_list02 .gnbst { background-image:url(../img/mo_common/sitemn_icon2.png) }
.site_list03 .gnbst { background-image:url(../img/mo_common/sitemn_icon3.png) }
.site_list04 .gnbst { background-image:url(../img/mo_common/sitemn_icon4.png) }


/******************** 통합검색 - 검색결과 영역 Start ********************/
/* 검색결과 안내문구 */
.result_cmnt_wrap { width:100%; padding:0 0 10px;}
.result_cmnt_wrap:after {clear:both; display:block; content:"";}
.result_cmnt {padding:0 10px 0 0; font-size:1.2em; word-break:keep-all; line-height:1.5; background:url(../img/bbi/btn_search_.png) no-repeat 0 5px;}
.srched_no { color:#3f63bf; }
.result_right { }
.result_right .srch_section { margin-right:0;}
.result_right .srch_section label { padding-top:5px; background:url(../img/tree/tree_checked.png) no-repeat 0 9px; padding-left:20px;}
.result_right .srch_section .btn_srch_list { background-color:#333949}
.result_right .srch_section .srch_list { border-color:#333949}
/* srch_guide
.srch_guide {padding-left:10px;}
.srch_guide .comment {margin-left:20px; font-size:13px;}
.srch_guide .comment:first-child {margin-left:0px;}
.srch_guide .comment em {color:#e55151;} */


/* 탭영역 */
.tab_srh { height:37px; border:1px solid #ccc; border-left:0; background:#eee;}
.tab_srh  li a {float:left; margin:-1px 0 0; padding:10px 15px 9px; font-size:1.2em; font-weight:bold; text-align:center; }
.tab_srh  li:first-child a { border-left:1px solid #ccc}
.tab_srh  li:hover  a,
.tab_srh  li.active a {background:#ff8601; border-color:#ff8601; color:#fff; }
.srh_body { margin-bottom:20px;}
.srh_body .paging_left,
.srh_body .paging {padding-top:20px;}

/* btn_more_result */
.btn_more_result {display:inline-block; width:100%; height:30px; margin-bottom:10px; text-align:center; border:1px solid #aaa;}
.more_dash {display:inline-block; padding-left:77px; background:url(../img/common/more_dash.gif) no-repeat 7px center;}

.ts_result_top {margin-top:15px; padding-left:10px;}
.ts_result_top:after {clear:both; display:block; content:"";}
.ts_result_top_left {float:left;}
.ts_result_top_right {float:right;}

.section_wrap {}
.sec_top {position:relative; height:34px;}
.sec_top:after {content:""; display:block; clear:both;}
.sec_top h3 {display:inline-block; padding:15px 5px 0 0; font-size:1.2em;}
.sec_top_plus { display:inline-block; padding:10px 20px 10px 3px; font-weight:bold; background:url(../img/mo_common/bu_more.png) no-repeat right 11px; background-size:13px;}
.sec_con {margin:10px 0 0;border-top:1px solid #ddd; }
.section_wrap .revision {color:#2f7d95;}
.section_wrap a .revision {font-weight:normal;}

.sec_top .sec_right { float:right;margin:8px 0 0;}

/* 검색결과 유형1 */
.result_type1 {padding-left:10px;}
.result_type1 li {line-height:1.5;}
.result_type1 li a {padding-bottom:1px; font-weight:bold; color:#333;}
.result_type1 li a:hover {text-decoration:underline;}
/* 검색결과 유형2 */
.result_type2 { line-height:1.4; padding-bottom:15px; border:1px solid #ddd; border-top:none;  background-color:#fff;}
.result_type2 dt {width:100%; height:38px; margin-bottom:12px; background-color:#ededed; border-bottom:1px solid #ddd;}
.result_type2 dt a { display:inline-block; text-indent:15px; padding-top:8px;width:90%; width:calc(100% - 10px); font-weight:bold; color:#333; font-size:1.2em; overflow:hidden; white-space:nowrap; text-align:left; text-overflow:ellipsis; }
.result_type2 dt .revision {font-weight:normal; font-size:0.9em;}

.result_type2 dd {padding:5px 15px 0; }
.result_type2 dd .result_txt { line-height:1.6; max-height:45px; margin:0 0 8px 2px; color:#777; text-overflow:ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.result_type2 dd > p {margin-top:5px;}
.result_type2 dd > p:first-child {margin-top:0px;}
/* 검색결과 유형1,2 목록 아이콘 타입 */
.rslt_file,
.rslt_hwp,
.rslt_doc,
.rslt_xls,
.rslt_pdf,
.rslt_ppt {padding-left:22px;}
.rslt_file {background:url(../img/article/icon_file_txt.png) no-repeat 0 7px;}
.rslt_hwp {background:url(../img/article/icon_file_hwp.png) no-repeat 0 7px;}
.rslt_doc {background:url(../img/article/icon_file_doc.png) no-repeat 0 7px;}
.rslt_xls {background:url(../img/article/icon_file_xls.png) no-repeat 0 7px;}
.rslt_pdf {background:url(../img/article/icon_file_pdf.png) no-repeat 0 7px;}
.rslt_ppt {background:url(../img/article/icon_file_ppt.png) no-repeat 0 7px;}

.srh_bu_q,
.srh_bu_a,
.bu_pan {display:inline-block; margin-right:3px; padding:0 5px 0; font-size:12px; border-radius:5px; }
.srh_bu_q { border:1px solid #3f63bf; color:#3f63bf}
.bu_pan { font-size:1em; border:1px solid #ff8601; border-radius:0; color:#f27f00}
.srh_bu_a { border:1px solid #00a950; color:#00a950}



/* 오른쪽 메뉴영역 */
.snb_right {float:right; width:240px; line-height:1.5}
.srh_star_full  {width:220px; margin-right:20px;}
.srh_star_full strong { display:block; padding:6px 15px 9px; border:1px solid #333949;}
.srh_star_full  { margin-right:20px; margin-top:20px;}
.srh_star_list { padding:10px 20px 20px; border:1px solid #ddd; border-top:0;}
.srh_star_list li a { display:inline-block; width:130px; padding-bottom:5px; font-size:0.9em; background:url(../img/common/bg_pixel4.gif) no-repeat 0 10px; padding-left:10px;}
.srh_star_list .right .del { margin: -1px 0 0 -2px;}
.srh_star_list .right .btn_del { width:16px; height:16px; margin-top:3px;}

/******************** 통합검색 - 검색결과 영역 END ********************/

/* 레이어 팝업 */
.layer_wrap,
.layer_full { position:relative; overflow:auto; z-index:2000; width:100%; min-width:320px; max-width:600px; height:100%; max-height:93%; max-height:calc(100% - 20px); }
.layer_wrap {margin:10px auto 10px; touch-action:none; }
.wrap .touch { touch-action:auto;}
.gong { max-width:450px;}
.layer_full {display:table; }
.layer_area { display:table-cell; padding:0 20px 0; vertical-align:middle; touch-action:auto; }
.layer_wrap .srh_header { float:left; width:100%; }
.layer_contents { float:left; width:100%; background-color:#fff;}

/* 레이어 팝업 선거정보 */

.layer_info_list { margin:15px;}
.layer_info_list li { position:relative; font-size:1rem; border-top:1px solid #ddd;}
.layer_info_list li:first-child { border-top:0;}
.layer_info_list li a { display:inline-block; width:100%; padding:5px 0 5px; color:#3f63bf; line-height:1.5; }
.layer_list_right  { position:absolute; top:7px; right:0; width:20px; height:20px;}
.layer_list_right * { position:absolute; top:0; right:0; vertical-align:top;}
.list_right strong { display:inline-block; width:80%; width:calc(100% - 25px);}
.layer_info_list .revision { font-size:0.9rem;}

/* 레이어 팝업 검색 */
.layer_contents .srch_section { margin:10px 0 5px 20px;}
.layer_contents .srch_section label { float:left; width:42px; margin:8px 0 0 0; font-size:0.9em;}
.layer_contents .srch_list { width:calc(100% - 65px); height:30px; border-color:#ff8601}
.layer_contents .btn_area { margin:10px;}
.layer_contents .btnS { height:27px;}
.layer_btn_right { position:absolute; top:5px; right:40px;}
.layer_srh_option { clear:both; margin:0 0 0 20px;}
.layer_srh_option dd button { margin:3px 0 3px -1px;}
.layer_srh_option dt {background: url(../img/bbi/bul01.gif) no-repeat 0 9px; width:43px; padding-top:9px; font-size:0.9em; }
.layer_srh_option dt,
.layer_srh_option dd>button {float:left;}
.layer_srh_option dd button img { margin-left:2px}
.layer_srh_tit { display:inline-block; margin-bottom:10px; width:735px; padding:7px 0; font-size:16px; font-weight:bold; border-bottom:1px dashed #bbb;}
.layer_srh_option .date { clear:both; display:block; padding-left:42px; padding-top:5px;}
.srch_date { width:84px;}


.que_full{margin-bottom:10px;}
.que_full:after {clear:both; display:block; content:"";}
.navi_dep1 { height:44px;}
.navi_dep1 li { display:inline-block; height:44px;}
.navi_dep1 li:first-child {margin-left:10px;}
.navi_dep1 li a { display:inline-block; color:#222; padding:13px 7px 10px; font-size:1.1em;}
.navi_dep1 .active { background:url(../img/mo_common/bu_que_on.png) no-repeat 50% 100%; background-size:15px;}
.navi_dep1 .active a {color:#f27f00;}
.que_navi { float:left; width:calc(100% - 110px);border:1px solid #ccc;border-bottom:3px solid #ff8601; }
.que_btn { float:right;}
.que_btn button { display:inline-block; width:50px; height:48px; font-size:0;text-indent:-9999px;}
.que_btn .left {background:url(../img/mo_common/bu_que_left.png) no-repeat 50% 50% #ff8601; background-size:18px;}
.que_btn .right {background:url(../img/mo_common/bu_que_right.png) no-repeat 50% 50% #ff8601; background-size:18px;}
.que_navi ~ .que_txt {padding:10px 0 0; }
.que_txt { clear:both; color:#f27f00; line-height:1.5; font-size:0.9rem;}
.space { height:10px;}
.more_btn button { display:inline-block; width:100%; margin-top:15px; padding:10px; text-align:center; background:#eee; border:1px solid #aaa;}
.more_btn button span {padding-left:22px; font-weight:bold; background:url(../img/mo_common/bu_more.png) no-repeat 0 50% #eee; background-size:15px; }

/* 탑메뉴2 */
.con_top { position:relative; height:26px; padding:3px 20px 10px; background-color:#ff8601; }
.top_btn_area { width:100%; border-bottom:1px solid #ff8601}
.top_btn_area:after {clear:both; display:block; content:""}
.top_btn_area .btnRM { padding:0 10px 0 10px; }
.con_top_left { float:left; margin:7px 0 7px 10px;}
.con_top_left button { float:left;}
.con_top_left .btnRM { margin-right:5px;}
.con_top_right { float:right; margin:7px 10px 7px 0;}
.con_top_right:after,
.con_top:after {clear:both; display:block; content:""}
.con_top_right .btnRM .icon { width:20px; height:15px; background:url(../img/mo_common/btn1.png) no-repeat 0 -1px; background-size:15px;}
.mn_full { float:left; height:26px; width:calc(100% - 55px); }
.mn_full>ul>li { float:left; margin-right:10px; padding-left:12px; color:#fff; font-size:1rem; line-height:2.0; background:url(../img/mo_common/bg_pixelwh.png) no-repeat 0 8px}
.mn_full>ul>li:first-child { background:none; padding-left:0}
.mn_full>ul>li>a {color:#fff;}
.mn_full .active {font-weight:bold; text-decoration:underline}

.layer_mn_full { z-index:999; clear:both; position:absolute; top:37px; left:0; width:90%; width:calc(100% - 40px); margin-left:20px;}
.layer_mn_full>div { text-align:center;}
.layer_mn { position:relative; display:inline-block; width:100%; text-align:left; background-color:#fff;border:2px solid #ff8601; border-radius:0 0 10px 10px;}
.layer_mn li { border-bottom:1px solid #eee; }
.layer_mn li:last-child { border-bottom:0;}
.layer_mn li a { display:block; height:auto; padding:6px 10px 6px; font-size:14px; font-weight:normal; line-height:normal; color:#333; }
.btndel { position:absolute; bottom:-32px; right:0;}
.btndel button {border-radius:0 0 20px 20px; height:22px; width:30px; margin:10px; background:url(../img/mo_common/bu_close_.png) no-repeat 50% 40% #f27f00; background-size:10px; text-indent:-9999px; font-size:0;}
.header .layer_mn_full {top:auto; margin-left: 0; box-sizing: border-box; width: 100%; }
.header .layer_mn_full .layer_mn {margin-bottom: -1px; margin-top: -1px; border: 0; border-radius: 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb;}
.header .layer_mn_full .layer_mn li a {}
.con_title .tit {font-weight:bold;}
.con_title .tit_s {}
.con_title .tit_s a,
.con_title span { display:inline-block; width:32px; height:23px; padding-left:5px; vertical-align:middle; background:url(../img/mo_common/tit_bu2.png) no-repeat 0 1px; background-size:32px;}
.con_top .que_btn { position:absolute; top:0; right:0; background:#ff8601;}
.con_top .que_btn .left,
.con_top .que_btn .right {width:35px; height:35px; margin-top:1px; background-size:15px;}


/* 검색 영역 */
.bd_srh_full {}
.bd_srh_full:after {clear:both; display:block; content:""}
button.news { float:right; width:260px; height:37px; margin-bottom:8px; text-align:center; color:#fff; letter-spacing: -1px; font-size:1em; background:#00a950; border:1px solid #00a950;}
.list_num_full .bd_srh_full { margin-left:100px;}
.rlimi_full .list_num {margin-top:13px;}
.list_num {float:left; margin-top:10px; margin-bottom:10px; padding-left:8px; background:url(../img/mo_common/bul02.gif) no-repeat 0 6px;}
.srh { position:relative; display:inline-block; float:left; width:calc(100% - 43px); margin:0 0 10px; border:1px solid #bbb; border-right:0; background:#fff;}
.srh .search { width:100%; height:35px; text-indent:8px; color:#999; vertical-align:top; border:0;  }
.btn_search {float:right; border:1px solid #ff8601; background:#ff8601}
.btn_search span { float:left; display:inline-block; width:40px; height:35px; font-size:0; text-indent:-9999px; background:url(../img/mo_common/bu_srh_wh.png) no-repeat 50% 50%;  background-size:18px; }

.srh_navi {border:1px solid #ccc; border-bottom:3px solid #ff8601;}
.srh_navi .navi_dep1 li:first-child {margin-left:5px;}
.srh_navi .navi_dep1 {}
.srh_navi .navi_dep1 li a { padding:13px 15px 10px; font-size:1.2em;}

/* 팝업창 닫기버튼 */
.btn_close {width:22px; height:22px; margin-top:9px; background:url(../img/mo_common/btn_close.png) no-repeat; background-size:22px; position:absolute; top:0;right:13px}

/* 팝업타이틀 영역 */
.pop_header,
.srh_header {position:relative;width:100%;padding-bottom:10px;background:#ff8601;}
.pop_title h1,
.srh_header h2,
.pop_tit {padding:10px 30px 0 15px; font-size:1.3em; font-weight:bold; color:#fff; }
.pop_tit.st02 { font-size: 1.2em; letter-spacing: -1px;}
.pop_header { position:fixed; z-index:99; }
.pop_header { padding-top:3px; padding-bottom:13px;}
.pop_header .btn_close { margin-top:13px;}
/******************** 게시판 상세보기 Start ********************/
/* 서브와 팝업에서 공통 사용 */
.details_body_area { clear:both; border-top:2px solid #666; margin-bottom:20px;}
.details_tit { width:100%; padding-bottom:5px; text-align:center; line-height:1.6;}
.viewtit,
.line_viewtit { display:block; font-size:18px; font-weight:normal; word-break:keep-all; margin:10px 10px 0; }
.line_viewtit { padding:10px; border:1px solid #ff8601; color:#f27f00; }
.details_tit .qa {float:left; width:52px; height:37px; margin:3px 7px 0 0; padding:15px 0 0; font-size:14px; text-align:center; color:#fff; border-radius:30px}
.details_row { padding-top:8px; padding-bottom:7px; background-color:#f7f7f7; }
.details_row dt,
.details_row dd,
.details_row dl { display:inline-block;}
.details_row dd { min-width:80px; padding-right:10px;}
.details_row dl {padding-left:20px;}
.details_jo { display:table; width:100%; padding-top:8px; padding-bottom:7px; background-color:#f7f7f7; border-top:1px solid #ccc;}
.details_jo dt { display:table-cell; width:60px; padding-left:20px; }
.details_jo dd { display:table-cell; word-break:keep-all;}
.details_txt dl { line-height:1.8;}
.details_txt { border-bottom:1px solid #ccc;}
.details_txt dt {min-width:55px; color:#222;}
.details_txt dd {color:#777}
.details_txt dd a {color:#3f63bf; margin-right:10px; text-decoration:underline}
.details_txt dd a:hover { text-decoration:underline}
.details_txt dd button  { margin-top:-2px;}
.details_jo {display:table; }
.details_name {display:inline-block; margin-top:20px; padding:0 10px 0; color:#222; border:1px solid #ccc}

.details_body {clear:both; line-height:1.8; word-break: break-all;}
.details_body .txt_body { word-break: break-all;}
.details_q,
.details_a {margin:10px; padding:0 20px 0px;}
.details_q { border:1px solid #ff8601}
.details_a { border:1px solid #00a950}
.details_news {width:100%; line-height:1.8;}
.details_news { margin:0 auto;}
.details_q dt,
.details_a dt {margin-top:0.7em;font-size:1.25em;text-align:center;background:url(../img/mo_common/bg_line_through.png) repeat-x 0 4px;}
.details_q dt span,
.details_a dt span {padding:0 1em;background:#fff;}
.details_q dd,
.details_a dd { padding:10px 0 20px;}
.details_q dt { color:#f27f00;}
.details_a dt { color:#00a950;}

/*2021-10-26 추가*/
.details_txt.table_details_txt dt {
    background: #f7f7f7;
    text-align: center;
    padding: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.details_txt.table_details_txt dt {
    padding: 5px;
}

.details_txt.table_details_txt button img {
    display: inline-block;
}

.board_body { margin:10px 10px 0; }
.board_body .article { padding-top:10px;}
.pan_tits { font-weight:bold;}
.pan_txt { text-indent:13px; padding-bottom:5px; word-break: break-all;}

/* 텍스트 영역 */
.prcss_dtal_box {font-size:1em;}
.prcss_dtal_box h4 {padding-bottom:2em;margin-top:2em;font-size:1.25em;font-weight:bold;text-align:center;background:url(../img/common/bg_line_through.png) repeat-x 0 0px;}
.prcss_dtal_box h4 span {padding:0 1em;background:#fff;}
.prcss_dtal_box h5 {padding:10px 0 10px 1em;font-size:1.1em;font-weight:bold;background:url(../img/bbi/bul_circle.png) no-repeat 0 center;}
.prcss_dtal_box h6 {padding:0 0 5px 1em;font-size:1.05em;font-weight:bold;}
.prcss_dtal_box p {line-height:1.5;}
.prcss_dtal_box p.txt_idnt1 {padding-left:1em;margin-bottom:1em;}
.prcss_dtal_box p.txt_idnt2 {padding:5px 0 5px 1.8em;margin-bottom:1em;}
.prcss_dtal_box span.txt_idnt2 {padding:5px 0 5px 1em;display:block;}
.prcss_dtal_box p.flow_img {padding:10px 1em;text-align:center;display:block;}
.prcss_dtal_box p.flow_img img {width:100%;max-width:927px;}

.view_file_area {float:right; position:relative; margin-top:10px; padding:2px 10px 5px; border:1px solid #0069c1; background-color:#fff}
.view_file_area button {padding-right:1px; color:#0069c1}
.view_file_area button span {font-weight:bold; vertical-align:top; color:#f57a00}

.view_pop,
.view_pop_active {z-index:11; position:absolute; top:24px; right:-1px; padding:5px 0 5px; font-size:13px; border:1px solid #8fb8db; background:#fff}
.view_pop {visibility:hidden}
.view_pop_active {visibility:visible}
.view_pop_close {position:absolute; top:-3px; right:-1px}
.view_pop_close {width:26px; height:26px; margin-top:2px; background:url(../img/bbi/tab_close.png) no-repeat; font-size:0; color:#fff}
.view_file_pop .file_list_area {max-height:200px}
.view_file_pop .file_list_area li button {max-width:555px; min-width:100px; padding-right:15px; overflow:hidden; white-space:nowrap; text-align:left; text-overflow:ellipsis}
/******************** 게시판 상세보기 End ********************/


/* 탭영역 */
.tab_data,
.tab_data2 { position:relative; background:#eee; padding-top:10px; }
.top_right { position:absolute; top:8px; right:10px;}
.depth01 {position:relative; height:33px; padding-left:10px; border-bottom:1px solid #f27f00; }
.depth01 > li {float:left; height:33px }
.depth01 > li:first-child a { border-left:1px solid #bbb; margin-left:-1px;}
.depth01 > li > a {float:left; min-width:40px; height:24px; padding:8px 16px 0; border:1px solid #bbb; border-left:0; border-bottom:none; text-align:center; background:#fff}
.depth01 > li.active > a { height:25px;color:#f27f00; border-color:#f27f00; margin-left:-1px; border-left:1px solid #f27f00;}
.depth01 > li.active .depth02 {display:block}
.depth01 > li > div {position:absolute; top:32px; left:30px}

/* 레이어팝업 공유하기 */
.ly_gong_full { margin:30px 10px 10px; text-align:center;}
.ly_gong {display:inline-block; }
.ly_gong li {display:inline-block; width:65px; text-align:center; margin-bottom:20px}
.ly_gong li span {display:inline-block; width:65px; height:45px; text-align:center; background-position:50% 0; background-size:40px; }
.ly_ico_mail span { background:url(../img/mo_common/ico_mail.png) no-repeat}
.ly_ico_kakao span { background:url(../img/mo_common/ico_kakao.png) no-repeat}
.ly_ico_face span { background:url(../img/mo_common/ico_fa.png) no-repeat}
.ly_ico_line span { background:url(../img/mo_common/ico_line.png) no-repeat}
.ly_ico_in span { background:url(../img/mo_common/ico_ins.png) no-repeat}


/*  */
.go_site_full { overflow:hidden; padding:8px 0 8px 15px; margin:0 -15px -15px; background-color:#333949;}
.go_site:after {clear:both; display:block; content:""}
.go_site { float:left; width:calc(100% - 200px); padding:8px 5px 8px; border:0;}
.go_site_full span { float:right; padding-right:10px;}
.go_site_full button { width: 65px;}
.go_site_full button:first-child { width:115px;}
.go_site_full button { width:  margin-right:5px; height:34px; background:#888; color:#fff; font-size:13px; }
.go_site_full label { display:block; width:1px; height:1px; line-height:0; font-size:0; text-indent:-9999px;}

.pop_content .go_site { width: calc(100% - 15px); border: 1px solid #bbb; }
.pop_content .go_site_full { margin-bottom:0; background-color: #fff; }
/* 이용안내 저작권정책 */

.phone_area { display:inline-block; margin:0 0 10px 0; padding:1px 20px 4px 0; line-height:2.0; border:1px solid #ccc }
.phone_area dt { padding-left:17px;}
.phone_area dt, .phone_area dd { display:inline-block; font-weight:bold }
.phone_area .phone_ico { }
.phone_area .phone { color:#f27f00; font-size:15px; }


/* 이용안내 저작권정책 */
.pop_container .etc_title {padding-top:20px;}
.etc_area { margin-bottom:10px; word-break:keep-all;}
.etc_area>li { padding-left:20px; background:url(../img/mo_common/bul_pen.gif) no-repeat 0 4px;}
.etc_area p img { margin:10px 0 0;}
.etc_area a { text-decoration:underline;}
.etc_area dd ul,
.etc_area dd,
.etc_area p,
.etc_area li { line-height:1.7;}
.etc_area p,
.etc_area dd,
.etc_area li {padding-bottom:5px;}
.etc_area dd ul {padding-top:5px; padding-left:10px;}
.etc_area>li { padding-bottom:10px;}
.etc_area dd { margin-left:22px; padding-left:10px; background:url(../img/mo_common/bul02.gif) no-repeat 0 10px;}
.etc_area dd ul li { background:url(../img/mo_common/bu_line.gif) no-repeat 0 13px; padding-left:10px}
.etc_area dd dl dt { padding-top:5px; color:#1b5eb7}
.etc_txt_sub { margin-top:15px; margin-bottom:10px; padding:15px; border:1px solid #ddd; background:none; line-height:1.7;}
.etc_sub_txt { padding:0 0 10px; font-weight:bold;}
.sub_tit { margin:0 0 10px; padding-bottom:10px; padding-left:20px; font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; background:url(../img/mo_common/bul_pen.gif) no-repeat 0 2px;}

.etc_title { display:block; height:40px; padding:10px 0 10px;}
.etc_title h3 { display:block; font-size:26px; text-align:center;}

/* 에러페이지 */
.error_full { text-align:center; line-height:1.5; width:100%; }
.error_img { height:50px; margin:0 auto 35px; background:url(../img/mo_common/logo.png) no-repeat 50% 50% #333949; background-size:140px;}
.error_full button { margin-right:5px; padding-left:20px; padding-right:20px;}
.error_tit {padding:0 0 10px 0; font-size:20px;}
.error_txt { margin-bottom:20px; color:#888;}

/* 테이블 넘버 */
.table_num_area {display: block; height: 30px; margin-top: 10px; text-align: center;}
.table_num_area>div {display: inline-block;}
.table_num_area>div>ul>li {position: relative; display: inline-block; vertical-align: top; width: 30px; height: 30px;}
.table_num_area>div>ul>li>a {display: inline-block; width: 30px; height: 30px; border: 1px solid #fff; line-height: 27px; text-align: center; font-size: 15px; border-radius: 3px;}
.table_num_area>div>ul>li>a.on {font-weight: 600; color: #f27f00;}
.table_num_area>div>ul>li:nth-child(1)>a,
.table_num_area>div>ul>li:nth-child(2)>a,
.table_num_area>div>ul>li:nth-child(8)>a,
.table_num_area>div>ul>li:nth-child(9)>a {position: absolute; display: inline-block; left: 0; top: 0; font-size: 0em; line-height: 27px; border: 1px solid #ccc;}
.table_num_area>div>ul>li:nth-child(1)>a {background: url(../img/mo_common/first.svg) no-repeat 50%;}
.table_num_area>div>ul>li:nth-child(1)>a:hover {background: #f27f00 url(../img/mo_common/first_hover.svg) no-repeat 50%; border: 1px solid #f27f00;}
.table_num_area>div>ul>li:nth-child(2)>a {background: url(../img/mo_common/prev.svg) no-repeat 50%;}
.table_num_area>div>ul>li:nth-child(2)>a:hover {background: #f27f00 url(../img/mo_common/prev_hover.svg) no-repeat 50%; border: 1px solid #f27f00;}
.table_num_area>div>ul>li:nth-child(8)>a {background: url(../img/mo_common/next.svg) no-repeat 50%;}
.table_num_area>div>ul>li:nth-child(8)>a:hover {background: #f27f00 url(../img/mo_common/next_hover.svg) no-repeat 50%; border: 1px solid #f27f00;}
.table_num_area>div>ul>li:nth-child(9)>a {background: url(../img/mo_common/end.svg) no-repeat 50%;}
.table_num_area>div>ul>li:nth-child(9)>a:hover {background: #f27f00 url(../img/mo_common/end_hover.svg) no-repeat 50%; border: 1px solid #f27f00;}
.table_num_area>div>ul>li:nth-child(2) {margin-right: 7px;}
.table_num_area>div>ul>li:nth-child(8) {margin-left: 7px;}
.table_num_area button {float: right;}

@media all and (max-width:790px) {
input[type='text'].h_input {width:170px;}
}

@media all and (max-width:700px) {
input[type='text'].h_input {width:140px;}
}

@media all and (max-width:640px) {
.h_search_full { display:none;}
.h_search_full.view { display:block; position:absolute; top:-10px; right:60px; padding:10px 0 10px 0; background-color:#333949;}
.h_btn li.btn_srh { display:block;}
.rlimi_full .bd_srh_full { margin-left:0;}
button.news { float:right;}
.tab_data2 .depth01 > li > a { min-width:auto;}
}

@media all and (max-width:550px) {
.tab_data2 .depth01 > li > a { padding:8px 7px 0; font-size:0.9em;}
}

@media all and (max-width:450px)
.result_type2 dd .result_txt { max-height:90px; -webkit-line-clamp:4;}
.commStyle { width:128px;}
}

@media all and (max-width:410px) {
.tab_data2 .depth01 > li > a { border:1px solid #bbb; margin-left:-1px; padding:8px 10px 0; font-size:1em;}
.tab_data2 .depth01 { height:74px;}
.tab_data2 .depth01 > li.active > a { height:24px;}
}

@media all and (max-width:400px) {
.srh_navi .navi_dep1 li a { padding:13px 13px 10px;}
.layer_info_list .revision { font-size:0.8rem; word-spacing:-1px;}
.ly_gong_full { margin:30px 0 10px;}

}

@media all and (max-width:380px) {
.depth01 > li > a {padding:8px 10px 0;min-width:auto;}
.commStyle { width:110px;}
.hsection .h_right { margin-left: -5px;}
.h_btn li { margin-right: 2px;}
}

@media all and (max-width:370px) {
.srh_navi .navi_dep1 li a { padding:13px 10px 10px;}
.hsection h1 { width: 210px; background-size:195px; background-position: 10px 8px; }
}


@media all and (max-width:360px) {
.h_btn li.btn_m1 button { background:none; padding-top:12px;}
.h_btn li.btn_m1 button span { display:block; padding-top:3px;}
.srh_navi .navi_dep1 li a { padding:13px 7px 0; font-size:1.1em;}
.layer_area {padding:10px}
.commStyle { width:95px;}
}

@media all and (max-width:350px) {
.layer_area {padding:0}

}

@media all and (max-width:340px) {
.details_row dd {padding-right:0; letter-spacing:-0.6}
}
