@charset "UTF-8";
/* 공통 */
*{text-decoration:none;list-style-type:none;margin:0;padding:0;} 
body{font-family:'Noto Sans KR',sans-serif;margin:0;font-weight:200;font-size:15px;color:#333;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
a{color:#333;word-wrap:break-word;}
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc-hide{display:none !important;}
button{-webkit-border-radius:0;-webkit-appearance:none; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer;}
.clear:after{content: ""; display: block; clear: both}
/* layout */
.res-width-wrap{max-width: 1200px; margin:0 auto; padding-left: 35px; padding-right: 35px;} /* 공통 레이아웃 최대넓이 관리 */
.header-wrap{position: relative; max-width: 1600px; height: 116px; margin:0 auto; background-color: #fff; border-bottom: 1px solid #dedede;}
.header-top-wrap{background-color: #f7f7f7}
.foot-wrap{padding: 22px 0; width: 100%; background-color: #222; font-size: 14px; color: #888; text-align: center}
/* header : header-wrap */
.header-top-box ul{float:right; overflow:hidden; padding: 11px 0 12px}
.header-top-box li{float: left; display: inline-block; height: 12px; border-right: 1px solid #555; line-height: 0.9; padding-right:17px; margin-right: 17px}
.header-top-box li:last-of-type{margin:0;padding:0; border: none}
.header-top-box li a{font-size: 13px; color: #555; vertical-align: top}
.header-wrap .header-box{padding-top:19px; padding-bottom: 19px; line-height: 44px; position: relative}
.textlogo{display: block; float: left; height: 44px}
.textlogo img{vertical-align: top}
.gnb{float: right}
.gnb-bg{display: none; background-color: #f9f9f9; position: absolute; top:117px; left: 0; width: 100%; height: 220px; z-index: 10; box-shadow: 0px 6px 6px rgba(0,0,0,0.1)}
.gnb .gnb-subbox{display: none}
.gnb.on .gnb-subbox{display: block}
.gnb-subbox.on:before{content: " "; display: block; position: absolute; top:0; left: 50%; margin-left: -50px; width: 100px; height: 5px; background-color:#0c6f07}
.gnb > ul > li{float: left; margin-left:25px; padding: 0 5px; position: relative; line-height: 44px; height: 44px; font-size: 18px; color: #333; font-weight: 400;}
.gnb > ul > li:first-child{margin-left: 0}
.gnb > ul > li:last-child{padding-right: 0}
.gnb-subbox{display: none; position: absolute; top:63px; left:0; z-index: 10; padding:20px 0; width:100%;}
.gnb-subbox li{margin-bottom: 15px; height: 15px; font-size: 15px; line-height: 1.2; text-align: center;}
.gnb-subbox li a{display: inline-block; font-weight: 400}
.gnb-subbox li a:hover{color: #0c6f07}
.slideMenu{display: none}
.btn-menu{display: none}


@media screen and (max-width:1200px) {
    .gnb > ul > li,.main-lnk-box li a,.main-tab-box .tab-body h3{font-size: 17px}
}

@media screen and (max-width:1160px) {
    .gnb > ul > li{font-size: 15px}
    .gnb-subbox li{font-size: 14px}
}

/* 햄버거 메뉴 시작 */
@media screen and (max-width:1024px) {
    /* header-wrap */
    .header-wrap{height: 47px;}
    .header-wrap .header-box{padding-top: 12px; padding-bottom: 13px; line-height: 22px}
    /* .header-box */
    .textlogo{height: 22px;}
    .textlogo img{width: auto; height: 22px}
    .gnb{display: none;}
    .header-top-box ul{display: none;}
    .slideMenu{display: none; position: absolute; top:0; left: 0; z-index: 999; background:#fff; width: 76.563%; max-width: 300px; box-shadow: 5px 0px 15px rgba(56,56,56,0.5)} /* width:245px; */
    .btn-menu{display: block; position: absolute; top: 18px; right: 17.5px; width: 20px; height: 11.5px; text-indent: -9999999px; background: url(/_res/aposho/img/main/btn_mo_menu.png) no-repeat; background-size: 20px 11.5px}
    /* m-gnb */
    .m-gnb-top{position: relative; padding:13px 0 12px 15px}
    .m-gnb-top a img{width: auto; height: 22px; vertical-align: top}
    .m-gnb-top .btn-menu-close{position: absolute; top:16.5px; right: 14px; width: 14px; height: 14px; text-indent: -9999999px; background:url(/_res/aposho/img/main/btn_mo_close.png) no-repeat; background-size: 14px 14px}
    .m-gnb-middle{border-top: 1px solid #e0dfdf}
    .m-gnb-middle .util{position: relative; height: 30px; overflow: hidden; text-align: center; line-height: 30px; font-size: 13px}
    .m-gnb-middle ul:after{content: " "; display: block; position: absolute; top:0; left: 50%; width: 1px; height: 30px; background: #e0dfdf}
    .m-gnb-middle li{float: left; width: 50%; display: inline-block; height: 30px;}
    .m-gnb-content li{border-bottom: 1px solid #e0dfdf}
    .m-gnb-content > ul{border-bottom: 1px solid #e0dfdf; border-top: 1px solid #e0dfdf} 
    .m-gnb-content ul li a{display: inline-block; width: 100%; height: 100%; text-indent: 15px; height: 38px; line-height: 38px; font-size: 15px; background-color: #f7f7f7}
    .m-gnb-content ul .on>a{background:url(/_res/aposho/img/main/btn_mo_up.png) 95% 50% no-repeat; background-color:#0c6f07; background-size:16px auto; color: #fff;}
    .m-gnb-content > ul > li > a{background:url(../img/main/btn_mo_down.png) 95% 50% no-repeat; background-size:16px auto; background-color: #f7f7f7}
    .m-gnb-content .on{border:none}
    .m-gnb-content ul li:last-of-type{border-bottom: none}
    .m-gnb-content .m-gnb-subbox a{background-color: #fff; color: #333; font-size: 13px; height: 33px; line-height: 33px}
    .m-gnb-content .on .m-gnb-subbox{display: block; border-bottom: 1px solid #e0dfdf}
    .m-gnb-content .m-gnb-subbox a:hover{color: #0c6f07;}
    .m-gnb-subbox{display: none;}
	.m-gnb-bottom{border-bottom: 1px solid #e0dfdf; height: 34px; text-align: center; line-height: 34px; font-size: 13px}
}

@media screen and (max-width:768px) {
   
}

@media screen and (max-width:576px) {
    .res-width-wrap{padding-left: 17.5px; padding-right: 17.5px;}
}

/* 모바일 최소폰트 14px */
@media screen and (max-width:420px) {
     .foot-wrap{font-size: 11px}
     .foot-box p{display: inline-block; width: 70%;}
     /* 여기까지 작업 */
}



/*=================================================================================
 * button
 =================================================================================*/

.b-btn-wrap button,.b-btn-wrap a{display:inline-block;background-color:#fff;font-family:inherit;font-weight:700;font-size:15px;text-align:center;box-sizing:border-box;vertical-align:top;}
.b-btn-wrap button{padding:13px 0;border:none;line-height:1;}
.b-btn-wrap a{padding:13px 0;border:1px solid rgba(0,0,0,0.1);}
.b-btn-wrap .b-bgc-red{background-color:#922222;color:#fff;}
.b-btn-wrap{padding:35px 0 0 0;}
.b-btn-wrap:after{content:'';display:block;clear:both;}
.b-btn-wrap ul{float:right;}
.b-btn-wrap ul li{float:left;padding:0 10px 0 0;}
.b-btn-wrap ul li:last-of-type{padding:0;}
.btn_normal{background: #ebebeb url(/_res/kosha/img/common/icon-btn_normal.png) no-repeat 85% 50%;border: #cccccc 1px solid;border-radius: 10%;padding: 3px 30px 3px 15px;}
.btn_board_search{width:100px; height:40px; background-color:#0887c2; color:#fff; font-size:15px; border:none; cursor:pointer;}
.btn-down{border: 1px solid; background: url(/_res/kosha/img/common/icon-down.png) no-repeat 85% 50%;font-size: 14px; line-height: 30px; padding: 9px 75px 9px 15px; font-weight: 500; margin:0 5px;}
.btn-home{border: 1px solid; background: url('/_res/kosha/img/common/ico_home.png') no-repeat 85% 50%; font-size: 14px; line-height: 30px; padding: 9px 75px 9px 15px; font-weight: 500; margin:0 5px;}
.btn-popup{border: 1px solid; background: url('/_res/kosha/img/common/ico_popup.png') no-repeat 85% 50%; font-size: 14px; line-height: 30px; padding: 9px 75px 9px 15px; font-weight: 500; margin:0 5px;}
.btn-down-l{border: 1px solid; background: url(/_res/kosha/img/common/icon-down.png) no-repeat 90% 50%;font-size: 14px; line-height: 30px; padding: 9px 75px 9px 15px; font-weight: 500; display:block; max-width:350px;}
.btn-down:hover{border: 1px solid #ffffff; background: #0887c2 url(/_res/kosha/img/common/icon-down-hover.png) no-repeat 85% 50%; color:#ffffff}
.btn-home:hover{border: 1px solid #ffffff; background: #0887c2 url('/_res/kosha/img/common/ico_home_hover.png') no-repeat 85% 50%; color:#ffffff;}
.btn-popup:hover{border: 1px solid #ffffff; background: #0887c2 url('/_res/kosha/img/common/ico_popup_hover.png') no-repeat 85% 50%; color:#ffffff;}
.btn-down-l:hover{border: 1px solid #ffffff; background: #0887c2 url(/_res/kosha/img/common/icon-down-hover.png) no-repeat 90% 50%; color:#ffffff}
.sub-main-btn ul li:nth-child(1) a{display:block; width:65px; height:32px; background: url('/_res/kosha/img/sub/btn_print.gif') no-repeat;}
.sub-main-btn ul li:nth-child(2) a{display:block; width:65px; height:32px; background: url('/_res/kosha/img/sub/btn_share.gif') no-repeat;}
.sub-main-btn ul li:nth-child(3) a{display:block; width:32px; height:32px; background: url('/_res/kosha/img/sub/btn_zoomin.gif') no-repeat;}
.sub-main-btn ul li:nth-child(4) a{display:block; width:32px; height:32px; background: url('/_res/kosha/img/sub/btn_zoomout.gif') no-repeat;}
.sub-main-btn ul li:nth-child(1) a:hover {background: url('/_res/kosha/img/common/btn_print_hover.png') no-repeat;}
.sub-main-btn ul li:nth-child(2) a:hover {background: url('/_res/kosha/img/common/btn_share_hover.png') no-repeat;}
.sub-main-btn ul li:nth-child(3) a:hover {background: url('/_res/kosha/img/common/btn_zoomin_hover.png') no-repeat;}
.sub-main-btn ul li:nth-child(4) a:hover {background: url('/_res/kosha/img/common/btn_zoomout_hover.png') no-repeat;}

/* 게시판 관리자 화면 - 버튼영역 */
.Board_button {width:100%;display:inline-block; padding:35px 0 0 0;}
.Board_button ul {float:right; font-size:14px;}
.Board_button ul li { width:137px; height:37px; padding-bottom:10px; float:left; margin-left:10px; text-align:center; line-height:37px;}
.Board_button ul li button,.Board_button ul li a {display:block;width:100%;height:100%; cursor:pointer; box-sizing: border-box;}

.btn_white{background:#fff;border:1px solid #333;}
.btn_gray{background:#ddd;border:1px solid #fff;}
.btn_delete {background-color:#e1e1e1; border:1px solid #959595;}
.btn_destroy {color:#fff; background-color:#999; border:1px solid #999; }

.Board_button ul .b-btn-multi{width:auto;height:auto;}
.b-btn-multi a{ border:1px solid #333; padding:0px 70px 0px 20px;background:url(/_res/kosha/img/board/btn-multidown.gif) no-repeat right 20px center;}

/* 게시판 write type 버튼 스타일 */
.board_write_button {padding:30px 5px;display: flex; flex-flow: row wrap; justify-content:center; }
.board_write_button ul li {width:137px; height:37px; float:left; margin-left:10px; text-align:center; line-height:37px;}
.board_write_button ul li button, .board_write_button ul li a { display:block;width:100%;height:100%; cursor:pointer; box-sizing: border-box;}
.btn-save {border-style:none; color:#fff; background-color:#0887c2;}
.btn-cancel {background-color:#e1e1e1; border:1px solid #959595;}
.btn-next {border-style:none; color:#fff; background-color:#0887c2;}

/* 서브 리스트 스타일*/
.blue_line{background:url(/_res/kosha/img/common/blue_line.png) no-repeat center; height:30px;}
.title_line {background:url(/_res/kosha/img/sub/ico_pageline.gif) no-repeat left; height:30px; position:relative; top:-35px;}
.title_line_center {background:url(/_res/kosha/img/sub/ico_pageline.gif) no-repeat left; height:40px; width:45px;}
.list-type01 {background:url(/_res/kosha/img/sub/bullet_point_ul.gif) no-repeat left 10px; padding: 0 0 10px 15px;}
.list-type02 > li{background:url(/_res/kosha/img/sub/bullet_point_li.gif) no-repeat left 13px; padding: 0 0 10px 8px; word-break:keep-all;}
.list-type02 {padding-left:20px;}
.list-type03 > li{position:relative; padding-left:10px;}
.list-type03 > li::before {content:"-"; width:auto; height:auto; position:absolute; left:0;top: -2px;}
.list-type04 > li{position:relative; padding-left:10px;}
.list-type04 > li::before {content:"·"; width:auto; height:auto; position:absolute; left:0;}
.list-type10 {background:url(/_res/kosha/img/sub/bullet_point_ul.gif) no-repeat left 4px; padding: 0 0 10px 15px;}


.cont-box h2{font-size:25px; font-weight:500;}
.cont-box h3{font-size: 20px;font-weight: 500;line-height: 32px; padding-bottom:10px;}
.cont-box li {font-size:17px; line-height:30px;}


@media screen and (max-width:640px) {

	.nbsp30{display:block;clear:both;overflow:hidden;height:10px;}
	.nbsp40{display:block;clear:both;overflow:hidden;height:20px;}
	.nbsp45{display:block;clear:both;overflow:hidden;height:25px;}
	.nbsp50{display:block;clear:both;overflow:hidden;height:30px;}
	.nbsp55{display:block;clear:both;overflow:hidden;height:35px;}
	.nbsp60{display:block;clear:both;overflow:hidden;height:40px;}
	.nbsp75{display:block;clear:both;overflow:hidden;height:55px;}
	.nbsp90{display:block;clear:both;overflow:hidden;height:60px;}
	.nbsp120{display:block;clear:both;overflow:hidden;height:900px;}
	.nbsp200{display:block;clear:both;overflow:hidden;height:160px;}
	
	.Board_button ul {width:100%;}
	.Board_button ul li {width:22%; height:40px; margin:0; padding:10px 3px;}
	.board_write_button ul li {width:100px;}
	.board_write_button ul li button {width:100px;}
	
}