@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
    Reset CSS
//////////////////////////////////////////////////////////////////////////////////////////////////// */
html,body{height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans Kr','Malgun gothic',Dotum,arial,sans-serif;font-size:14px;color:#555;font-weight:400;line-height:2.5}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
ul,ol{list-style:none}
p{text-align:left}
em,address{font-style:normal}
a{text-decoration:none;color:#555}
a:hover,a:active,a:focus{text-decoration:none}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer}
caption, legend{overflow:hidden;position:static;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}

/* *********************************************************************************
 * 공통 기본
 * *********************************************************************************/
.hide{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);color:#000}/* 내용감추기 클래스, 접근성으로 인한 display:none 또는 visibility:hidden 작성 금지 */
.bold{font-weight:bold}
.normal{font-weight:normal}
input[type="text"], input[type="password"]{height:32px;border:1px solid #a9a9a9;text-indent:5px}
input[type="text"]:focus, textarea:focus, select:focus{outline:2px solid #77abe7}
select{height:34px;border:1px solid #a9a9a9}
input[type=text].date_box{box-sizing:border-box;height:34px;padding-right:28px;background:#fff url(/include/hmop/common/icon_dateficker.gif) 97% center no-repeat}

/* *********************************************************************************
 *	건너뛰기 메뉴 정의
 * *********************************************************************************/
#skip{position:relative;z-index:9999}
#skip a{position:absolute;top:-40px;left:0;width:100%;padding:5px 0;background-color:#033478;font-size:14px;line-height:30px;color:#FFF;text-align:center;transition:all 0.4s}
#skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}

/* *********************************************************************************
 *	제목 정의
 * *********************************************************************************/
h4{padding:10px 0 15px;background:url(/include/hmop/common/bul_h4.gif) left top no-repeat;font-weight:600;font-size:19px;line-height:19px;color:#282e34}
h5{padding:0 0 10px 1px;font-weight:600;font-size:15px;line-height:15px}
h5.cnews{color:#154d92}
h5.cminw{color:#9d6c0c}
h5.cgove{color:#4c40a7}
h5.cinfo{color:#9f3166}
h5.cchai{color:#117984}
h6{padding:5px 0 5px 21px;background:url(/include/hmop/common/bul_h6.gif) 11px 10px no-repeat;font-size:14px;line-height:14px;font-weight:500;color:#555}

/* *********************************************************************************
 *	정렬 정의
 * *********************************************************************************/
.left{text-align:left !important}
.center{text-align:center !important}
.right{text-align:right !important}
.top{vertical-align:top !important}
.middle{vertical-align:middle !important}
.bottom{vertical-align:bottom !important}

/* *********************************************************************************
 *	float 정의
 * *********************************************************************************/
.fl{float:left}
.fr{float:right}
.clear:after{clear:both;display:block;content:""}/* float 값 클리어 */

/* *********************************************************************************
 *	기본글꼴 색상 정의
 * *********************************************************************************/
.red{color:#dd2424}
.blue{color:#04709d}
.orange{color:#D24600}

.fc.cnews{color:#154d92}
.fc.cminw{color:#9d6c0c}
.fc.cgove{color:#4c40a7}
.fc.cinfo{color:#9f3166}
.fc.cchai{color:#117984}


/* *********************************************************************************
 *	기본 배경 색상 정의
 * *********************************************************************************/
.bg.cnews{background-color:#3260a3}
.bg.cminw{background-color:#8c7302}
.bg.cgove{background-color:#564d95}
.bg.cinfo{background-color:#93275b}
.bg.cchai{background-color:#28818c}


/* *********************************************************************************
 *	리스트 정의
 * *********************************************************************************/
.list{margin:10px 0;line-height:1.6}
.list li{margin-left:21px;padding-left:10px;background:url(/include/hmop/common/bul_list.gif) left 10px no-repeat}

/* 리스트 _ 가나다(ol태그로 작성) */
.list_han{margin:15px 0;line-height:1.6}
.list_han li{padding-left:5px}
.list_han li span{font-weight:bold;color:#000;margin-right:3px}

/* 리스트스타일 */
.list_02>li{padding: 0 0 5px 10px; background:url(/include/hmop/common/list_blit_02.png) no-repeat left 10px;}
.list_03>li{background: url(/include/hmop/common/list_blit_03.png) no-repeat left 10px; padding: 0 0 0 10px}
.list_03 li ul li{padding: 0 0 0 10px; background: url(/include/hmop/common/list_blit_04.png) no-repeat left 10px;}




/* *********************************************************************************
 *	텍스트박스
 * *********************************************************************************/

.text_box01{border:1px solid #d5d5db; padding:20px}



/* *********************************************************************************
 *	폰트사이즈
 * *********************************************************************************/
.f24{font-size:24px}
.f20{font-size:20px}
.f18{font-size:18px}
.f16{font-size:16px}


/* *********************************************************************************
 *	탭메뉴
 * *********************************************************************************/
.tab_menu{position:relative;min-height:52px;padding-bottom:6px}
.tab_menu li{float:left;width:25%}
.tab_menu li a{position:relative;display:block;background:#f3f3f3;padding:16px 0 18px;font-size:15px;line-height:14px;border-width:1px 1px 1px 0;border-style:solid;border-color:#e2e2e2;color:#414141;text-align:center;text-decoration:none}
.tab_menu li a:hover, .tab_menu li a:focus, .tab_menu li a.on{background:#4a546f;color:#fff}
.tab_menu li:first-child a{border-left:1px solid #e2e2e2}
.tab_menu li .tab{position:absolute;left:0;top:52px;width:100%;padding-top:15px}

@media (max-width:768px) {
.tab_menu li{width:33.33%}
}

@media (max-width:480px) {
.tab_menu li{width:50%}
}

.none_script{position:relative;height:52px;padding-bottom:6px}
.none_script li{float:left}
.none_script li a{position:relative;display:block;background:#f3f3f3;padding:16px 0 18px;font-size:15px;line-height:14px;border-width:1px 1px 1px 0;border-style:solid;border-color:#e2e2e2;color:#414141;text-align:center;text-decoration:none}
.none_script li a:hover, .tab_menu li a:focus, .tab_menu li a.on{background:#4a546f;color:#fff}
.none_script li:first-child a{border-left:1px solid #e2e2e2}
.none_script li .tab{position:absolute;left:0;top:52px;width:100%;padding-top:15px}

.tab_menu.col5 li{width:20%}
.tab_menu.col4 li{width:25%}
.tab_menu.col3 li{width:33.33%}
.tab_menu.col2 li{width:50%}

/*창덕궁(column 3) 탭메뉴 정렬*/
@media (max-width:1150px) {
.tab_menu.cdg li{width:50%}
.tab_menu.cdg>li+li+li{width:33.33%}

}

@media (max-width:620px) {
.tab_menu.cdg li{width:100%}
.tab_menu.cdg>li+li+li{width:33.33%}
}

@media (max-width:480px) {
.tab_menu.cdg>li+li+li{width:50%}
}

/*덕수궁(column 4) 탭메뉴 정렬*/
.tab_menu.deok>li+li{letter-spacing:-1px}
@media (max-width:1110px) {
.tab_menu.deok li{width:33.33%}
}

@media (max-width:640px) {
.tab_menu.deok>li+li{width:66.66%}
.tab_menu.deok>li+li+li{width:33.33%}
}

@media (max-width:480px) {
.tab_menu.deok li, .tab_menu.deok>li+li{width:100%}
.tab_menu.deok>li+li+li{width:50%}

}

/* 탭메뉴 clear 처리 */
.tab_menu:after {
	visibility: hidden !important;
	display: block !important;
	font-size: 0;
	content: ".";
	clear: both !important;
	height: 0;
}


.tab_menu2{border-bottom:1px solid #000}
.tab_menu2:after{content:"";clear:both;display:block}
.tab_menu2 li{float:left;}
.tab_menu2 li a{display:block;color:#000;font-size:16px;border-right:1px solid #c8c8c8;border-top:1px solid #c8c8c8;height:41px;line-height:41px;padding:0 55px;background:#fff}
.tab_menu2 li:first-child a{border-left:1px solid #c8c8c8}
.tab_menu2 li a.on{font-weight:bold;border:2px solid #000;border-bottom:0;margin:0 0 -1px}


/* *********************************************************************************
 *	기본 버튼 정의
 * ********************************************************************************
.btn{display:inline-block;color:#fff;font-size:14px;line-height:14px;transition:all .3s}

.btn.type_1{padding:12px 14px 12px 35px}
.btn.type_1.blist{background:#254c8d url(/include/hmop/common/bul_list.png) 19px center no-repeat}*/



/* *********************************************************************************
 *	버튼
 * *********************************************************************************/
.btn{display:inline-block;color:#444;font-size:14px;line-height:14px;transition:all .3s;border:0}
.btn:hover, .btn:focus{text-decoration:none; cursor:pointer}

.btn.cancle{padding:12px 14px;background:#ececec;border:1px solid #999}
.btn.submit{padding:12px 14px;background:#fff;border:1px solid #999}
.btn.go{padding: 12px 40px 12px 14px; border: 1px solid #999; background: #fff url(/include/hmop/common/bul_go.png) no-repeat right center;}

/*.btn.submit.sm{padding:10px 20px;background:#254c8d}*/
.btn.submit.sm{padding:10px 20px;background:#51576e;color:#fff;border:0}

.btn.type_1{padding:12px 14px 12px 36px;margin-top:10px;border:1px solid #999}
.btn.type_1.del{background:#ececec url(/include/hmop/common/bul_del.png) 16px center no-repeat}
.btn.type_1.update{background:#fff url(/include/hmop/common/bul_update.png) 16px center no-repeat}
.btn.type_1.blist{background:#fff url(/include/hmop/common/bul_list.png) 16px center no-repeat}
.btn.type_1.close{background:#fff url(/include/hmop/common/bul_close.png) 16px center no-repeat}
.btn.type_1.setting{background:#fff url(/include/hmop/common/bul_setting.png) 16px center no-repeat}
.btn.type_1.write{background:#fff url(/include/hmop/common/bul_write.png) 16px center no-repeat}
.btn.type_1.open{background:#fff url(/include/hmop/common/bul_open.png) 16px center no-repeat}
.btn.type_1.detail{background:#fff url(/include/hmop/common/bul_detail.png) 16px center no-repeat}
.btn.type_1.re{background:#fff url(/include/hmop/common/bul_re.png) 16px center no-repeat}
.btn.type_1.down{background:#fff url(/include/hmop/common/bul_down.png) 16px center no-repeat}
.btn.type_1.help{background:#fff url(/include/hmop/common/bul_help.png) 16px center no-repeat}
.btn.type_1.check1{background: #fff url(/include/hmop/common/btn_check.gif) no-repeat 16px center;}
.btn.type_1.go2{background:#fff url(/include/hmop/common/btn_go02.png) 16px center no-repeat}


.btn.type_1.check1:hover{color:#fff; background:#51576e  url(/include/hmop/common/btn_check_on.gif) no-repeat  16px center}
.btn.type_1.go2:hover{color:#fff; background:#51576e url(/include/hmop/common/btn_go02_on.png) 16px center no-repeat}


.btn.type_2{padding:12px 14px 12px 36px;color:#fff}
.btn.type_2.check{background-image:url(/include/hmop/common/icon_check.png);background-position:16px center;background-repeat:no-repeat}

.btn.sch{padding:0;width:74px;height:34px;line-height:34px;color:#fff;font-size:14px;background:#51576e;text-align:center;border:1px solid #fff}
.btn.sch:hover, .btn.sch:focus{background-color:#44801d}

.btn_issue{display:inline-block;color:#fff !important;background:#508c28;padding:6px 10px;border-radius:3px}
.btn_issue:hover{text-decoration:underline !important}

.all_down{display:block;color:#103581;font-size:12px;line-height:12px;padding:7px 5px 7px 20px;background:#fff url(/include/hmop/common/bul_all_down.gif) 8px center no-repeat;border:1px solid #6786c7;border-radius:2px;margin-top:3px}

.ipin{display:inline-block;padding:10px 15px 10px 32px;background:#3e68a7 url(/include/hmop/common/bul_ipin.png) 13px center no-repeat;color:#fff;font-size:12px;line-height:12px}

.inputBtn{display:inline-block;width:60px;height:34px;line-height:34px;color:#fff;text-align:center;font-size:13px;background:#51576e;border:0;vertical-align:top}
.telBtn{display:inline-block;height:34px;line-height:34px;color:#fff;text-align:center;font-size:13px;border:0;padding:0 7px 0 25px;background:url(/images/chai/bul_telephone.png) 7px center no-repeat}
.big_schBtn{display:inline-block;width:100px;height:78px;line-height:78px;background:#51576e;color:#fff;text-align:center}
.big_schBtn:before{content:"";display:inline-block;width:13px;height:13px;background:url(/include/hmop/common/icon_search.png);margin-right:5px}
.sortBtn{display:inline-block;height:32px;line-height:32px;padding:0 15px;border:1px solid #bbc2d3;color:#333}
.sortBtn:after{content:"";position:relative;top:-3px;display:inline-block;width:7px;height:5px;background:url(/include/hmop/common/bul_sort_downArrow.png);margin-left:10px}
.sortBtn.on{border:1px solid #000;color:#000}

.culStroyBtn{display:inline-block;padding:9px 10px 9px 34px;line-height:20px;background:#564d95 url(/include/hmop/common/bul_color_area.png) 15px center no-repeat;color:#fff}

.btn.cnews{background-color:#3260a3}
.btn.cminw{background-color:#8c7302}
.btn.cgove{background-color:#564d95}
.btn.cinfo{background-color:#93275b}
.btn.cchai{background-color:#28818c}


/* *********************************************************************************
 *	테이블
 * *********************************************************************************/
.tbl{width:100%;border-collapse:collapse;border-top:2px solid #2c3e7e;line-height:20px}
.tbl th, .tbl td{padding:10px;font-size:14px;border-left:1px solid #d5d5db;text-align:center}
.tbl tr th:first-child, .tbl td:first-child{border-left:0}
.tbl th{background:#f2f4fb;color:#103581;border-bottom:1px solid #d5d5db}
.tbl td{border-bottom:1px solid #c8c8c8}
/*.tbl tr td a{color:#444}*/
/*.tbl tr td a:hover, .tbl tr td a:focus{color:#0946b6;text-decoration:underline}*/

.tbl.align_left tr th, .tbl.align_left tr td{text-align:left!important}

.tbl.td_left tr td{text-align:left}

/* 좌우 테두리가 없는 스타일*/
.tbl.type_1 th, .tbl.type_1 td{border-left:0}

/* 모든 테두리가 있는 스타일 */
.tbl.type_2 th, .tbl.type_2 td{border-right:1px solid #d5d5db}
.tbl.type_2 th:first-child, .tbl.type_2 td:first-child{border-left:1px solid #d5d5db}
.tbl.pd0 th, .tbl.pd0 td{padding:5px 3px 5px 0}
/* *********************************************************************************
 *	게시판 상단 정보
 * *********************************************************************************/
.board_info{overflow:hidden;margin-bottom:10px}
.board_info .board_number{float:left}
.board_info .board_number p{font-size:13px;line-height:13px}
.board_info .board_number p span{color:#f05050}


/* *********************************************************************************
 *	페이지 상단 버튼
 * *********************************************************************************/
.topBtn{position:fixed;bottom:0;width:100%;text-align:center;display:none}
.topBtn a{display:inline-block;position:absolute;bottom:10px;right:10px;width:35px;height:35px;border:none;text-indent:-9999px}


/* *********************************************************************************
 *	우편번호찾기(팝업)
 * *********************************************************************************/
body#popup_bg{background:#fff}
#popupTitle{height:42px;padding:25px 0 0 32px;position:relative;z-index:1}
#popupTitle h2{display:inline-block;font-size:16px}
#popupTitle a.road_btn{margin-left:5px;font-size:13px;display:inline-block;padding:3px;border:1px solid #999}
#popupTitle a.road_btn.on{background:#51576e;color:#fff}
#popupCont{background-color:#fff;margin:0 10px 0;border:1px solid #989898}
#popupCont div.contView{padding:10px 15px 20px 8px}
#popupCont div.contView dl.wordDict dt{background-color:#f4f4f4;padding:7px 10px 3px;color:#777676;font-weight:bold}
#popupCont div.contView dl.wordDict dd{padding:10px}
#popupCont div.contView dl.photo{border:1px solid #e3e3e3}
#popupCont div.contView dl.photo dt{padding:10px 0;text-align:center}
#popupCont div.contView dl.photo dd{border-top:1px solid #e3e3e3;padding:5px;text-align:center;color:#000;font-weight:bold}
#popupBtn{height:30px;float:right;margin:7px 0 5px}

.roadSearch{text-align:center;margin-top:10px}
.roadSearch select,
.roadSearch input{margin-bottom:5px}

div.exp{background-color:#f4f4f4;padding:8px 15px 5px;color:#777676}


/* 마진 */
.m0{margin:0 !important}

.mt_5{margin-top:5px}
.mt_10{margin-top:10px}
.mt_15{margin-top:15px}
.mt_20{margin-top:20px}
.mt_25{margin-top:25px}
.mt_30{margin-top:30px}
.mt_35{margin-top:35px}
.mt_40{margin-top:40px}
.mt_45{margin-top:45px}
.mt_50{margin-top:50px}

.mb_5{margin-bottom:5px}
.mb_10{margin-bottom:10px}
.mb_15{margin-bottom:15px}
.mb_20{margin-bottom:20px}
.mb_25{margin-bottom:25px}
.mb_30{margin-bottom:30px}
.mb_35{margin-bottom:35px}
.mb_40{margin-bottom:40px}
.mb_45{margin-bottom:45px}
.mb_50{margin-bottom:50px}

.ml_5{margin-left:5px}
.ml_10{margin-left:10px}
.ml_15{margin-left:15px}
.ml_20{margin-left:20px}
.ml_25{margin-left:25px}
.ml_30{margin-left:30px}
.ml_35{margin-left:35px}
.ml_40{margin-left:40px}
.ml_45{margin-left:45px}
.ml_50{margin-left:50px}

.mr_5{margin-right:5px}
.mr_10{margin-right:10px}
.mr_15{margin-right:15px}
.mr_20{margin-right:20px}
.mr_25{margin-right:25px}
.mr_30{margin-right:30px}
.mr_35{margin-right:35px}
.mr_40{margin-right:40px}
.mr_45{margin-right:45px}
.mr_50{margin-right:50px}

/* 패딩 */
.p0{padding:0 !important}
.pt_5{padding-top:5px}
.pt_10{padding-top:10px}
.pt_15{padding-top:15px}
.pt_20{padding-top:20px}
.pt_25{padding-top:25px}
.pt_30{padding-top:30px}
.pt_35{padding-top:35px}
.pt_40{padding-top:40px}
.pt_45{padding-top:45px}
.pt_50{padding-top:50px}

.pb_5{padding-bottom:5px}
.pb_10{padding-bottom:10px}
.pb_15{padding-bottom:15px}
.pb_20{padding-bottom:20px}
.pb_25{padding-bottom:25px}
.pb_30{padding-bottom:30px}
.pb_35{padding-bottom:35px}
.pb_40{padding-bottom:40px}
.pb_45{padding-bottom:45px}
.pb_50{padding-bottom:50px}

.pl_5{padding-left:5px}
.pl_10{padding-left:10px}
.pl_15{padding-left:15px}
.pl_20{padding-left:20px}
.pl_25{padding-left:25px}
.pl_30{padding-left:30px}
.pl_35{padding-left:35px}
.pl_40{padding-left:40px}
.pl_45{padding-left:45px}
.pl_50{padding-left:50px}

.pr_5{padding-right:5px}
.pr_10{padding-right:10px}
.pr_15{padding-right:15px}
.pr_20{padding-right:20px}
.pr_25{padding-right:25px}
.pr_30{padding-right:30px}
.pr_35{padding-right:35px}
.pr_40{padding-right:40px}
.pr_45{padding-right:45px}
.pr_50{padding-right:50px}

.board_pager {text-align: center;
    vertical-align: middle;
    margin-top: 20px;
}
.board_pager img{
	vertical-align: middle;
}

.board_pager a{
	padding:5px;
}
.board_pager strong{
	padding:5px;
}