@charset "utf-8";

.b {font-weight:600!important;}


.allmenu-slider-ovclick{position:fixed;z-index:2000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer; z-index:-1;display:block; content:"" }


/*====  content line style ==== */
.u-line{background:#cfd4d9; height:1px;display:block;}
.bd-line{height:1px; background:#112741;display:block;}

/*====  content default font ==== */
.content-inner{ font-size:16px; line-height:150%;  color:#555}
.indent {margin-left:15px;}
.letter-0{letter-spacing:0;}

	@media all and (max-width:1000px) {
		.content-inner{ font-size:15px; }
	}
	@media all and (max-width:640px) {
		.content-inner{ font-size:14px; }
	}



/*====  content default rspvn option ==== */
i{font-style:normal}
.hide{display:none}
.ov{overflow:hidden}


.break{display:block;}
.plump{}
.block{display:block}

	@media all and (max-width:1000px) {
		.m-none{display:none}
		.break{display:inline}
	}
	@media all and (max-width:640px) {
		.plump{display:block}
		.block{display:block}
	}






/* title */
.u-tit01{background:url(/img/portal/common_2025/h3img.png) no-repeat 0 0; font-size:30px;font-weight:700; margin-bottom:18px; color:#111; position:relative; line-height:1.2em; letter-spacing:-0.06em; padding-left:40px;}
.u-tit01 span.small{ font-weight: 500;font-size: 16px;margin-left: 5px;}



.u-tit02{ font-size:17px;font-weight:500;margin-bottom:10px; color:#333; position:relative; line-height:1.6em;letter-spacing:-0.05em; padding-left:13px;}
.u-tit02:before {content:''; display:block; width:6px; height:6px; background:#333; position:absolute; top:10px; left:0; border-radius:50%;}

.u-tit02 span.small{font-size:14px; color:#666; font-weight:normal}



	@media all and (max-width:1000px) {
		.u-tit01{font-size:20px;padding-left:30px; background:url(/img/portal/common_2025/h3img.png) no-repeat 0 3px / auto 20px;}
		.u-tit02{font-size:16px;background-position:0 10px; padding-left:20px}
	}

	@media all and (max-width:480px) {
		.u-tit01{font-size:19px}
		.u-tit02{font-size:15px;}
	}




/* ul list type */
.u-list01{padding-left:13px}
.u-list01 li{ position:relative; margin-top:5px; font-size:16px; line-height:150%; padding-left:13px; font-weight:500;}
.u-list01 li:first-child{margin-top:0}
.u-list01 li:before{ position:absolute; left:0; top:10px; width:9px; height:4px;display:block; content:""; background:#a6a6a6; border-radius:5px;}
.u-list01 li.no-bg:before{display:none}

.u-list03{padding-left:17px}
.u-list03 li{ position:relative; margin-top:5px; font-size:14px; line-height:150%; padding-left:10px; }

	@media all and (max-width:1000px) {
		.u-list01{padding-left:0}
		.u-list01 li{font-size:15px;}

	}
	@media all and (max-width:480px) {
		.u-list01{padding-left:0}
		.u-list01 li{font-size:14px;}

	}

.u-list02{padding-left:27px}
.u-list02 li{ position:relative; margin-top:5px; font-size:16px; line-height:150%; padding-left:10px;letter-spacing:-0.05em;}
.u-list02 li:first-child{margin-top:0}
.u-list02 li:before{ position:absolute; left:0; top:8px; background:url(https://www.bsseogu.go.kr/img/common/list-ico01.png) no-repeat; width:5px; height:9px;display:block; content:""}
.u-list02 li.no-bg:before{display:none}

.u-list04 li{ background:url(https://www.bsseogu.go.kr/img/ceo/Sub/list-dot.jpg) no-repeat left center; padding-left:10px;line-height:28px;}

.u-list05 li { margin-bottom:4px; padding-left:25px; position:relative;}
.u-list05 li .num { width:18px; height:18px; line-height:18px; background:#222; border-radius:50%;text-align:center; color:#fff; font-weight:600; font-size:11px; display:inline-block; position:absolute; left:0; top:4px;}

/* text type */
.ico-txt01{position:relative; margin-top:5px; font-size:16px; line-height:150%; padding-left:13px; font-weight:500; margin-left:13px;}
.ico-txt01:before{position:absolute; left:0; top:10px; width:9px; height:4px;display:block; content:""; background:#a6a6a6; border-radius:5px;}

.ico-txt02{ font-size:17px;font-weight:500;margin-bottom:10px; color:#333; position:relative; line-height:1.6em;letter-spacing:-0.05em; padding-left:13px;}
.ico-txt02:before {content:''; display:block; width:6px; height:6px; background:#333; position:absolute; top:10px; left:0; border-radius:50%;}

.ico-txt03{background:url(https://www.bsseogu.go.kr/img/common/list-ico02.png) no-repeat 12px 10px; font-size:16px;font-weight:500;margin-bottom:10px; color:#555; position:relative; line-height:130%;letter-spacing:-0.05em; padding-left:27px;}
.ico-txt04{background:url(https://www.bsseogu.go.kr/img/common/list-bar.png) no-repeat 3px 9px; font-size:14px;font-weight:500;margin-bottom:10px; color:#555; position:relative; line-height:130%;letter-spacing:-0.05em; padding-left:15px;}


.info-ex01{background:url(https://www.bsseogu.go.kr/img/common/info-ex01.png) no-repeat 0 2px; font-size:16px;font-weight:500;  margin-bottom:10px; color:#555; position:relative; line-height:130%;letter-spacing:-0.05em; padding-left:22px;}
.info-ex02{background:url(https://www.bsseogu.go.kr/img/common/info-ex02.png) no-repeat 0 2px; font-size:16px;font-weight:500;  margin-bottom:10px; color:#555; position:relative; line-height:130%;letter-spacing:-0.05em; padding-left:22px;}
.info-ex03{background:url(https://www.bsseogu.go.kr/img/common/info-ex02.png) no-repeat 0 2px; font-size:14px;font-weight:500;  margin-bottom:10px; color:#555; position:relative; line-height:130%;letter-spacing:-0.05em; padding-left:22px;}


	@media all and (max-width:680px) {
		.info-ex01, .info-ex02{font-size:14px;}
		.info-ex03{font-size:13px;}

	}



/* box type */
.help-box01{background:#f8f9fb; padding:35px 35px; position:relative;}
.help-box01:after{width:35px; height:57px; background:url(https://www.bsseogu.go.kr/img/common/help-ico01.png) no-repeat center center; position:absolute; right:38px; top:-7px; display:block; content:""}
.help-box01 .btxt{ color:#333; font-weight:800; letter-spacing:-0.06em; font-size:22px; line-height:150%;}
.help-box01 .stxt{ color:#555; font-weight:500; letter-spacing:-0.06em; font-size:16px; line-height:175%; margin-top:7px;}

.help-box01-2 {background:#f8f9fb; padding:55px 35px 35px; position:relative;}
.help-box01-2:after{width:35px; height:57px; background:url(https://www.bsseogu.go.kr/img/common/help-ico01.png) no-repeat center center; position:absolute; right:38px; top:-7px; display:block; content:""}
.help-box01-2 .stxt{ color:#555; font-weight:500; letter-spacing:-0.06em; font-size:16px; line-height:175%;}


.help-box02{ position:relative; background:#f8f9fb; padding:35px 45px 35px 40px}
.help-box02 p{color:#555;font-size:16px;line-height:175%; position:relative; padding:15px 0 15px 110px; letter-spacing:-0.05em;}
.help-box02 p:before{background:#fff url(https://www.bsseogu.go.kr/img/common/help-ico02.png) no-repeat center center; border-radius:100%; width:90px; height:90px; position:absolute; left:0; top:50%; margin-top:-45px; display:block; content:""}
.help-box02 p span{ color:#313131;}

.help-box03{background:url(https://www.bsseogu.go.kr/img/common/line-dia.jpg) repeat; padding:3px;}
.help-box03 div.bg{background:#f8f9fb; padding:25px 25px;}

.help-box03 .ico-txt01{text-indent:10px;padding-left:5px;}
.help-box03 .ico-txt01:before{left:0;}

.help-box04{ position:relative; background:#f8f9fb; padding:30px 30px 30px 30px}
.help-box04 p{color:#555;font-size:16px;line-height:175%; position:relative; padding:5px 0 5px 55px; letter-spacing:-0.05em;}
.help-box04 p:before{background:#fff url(https://www.bsseogu.go.kr/img/common/help-ico04.png) no-repeat center center; border-radius:100%; width:41px; height:40px; position:absolute; left:0; top:0; display:block; content:""}
.help-box04 p span{ color:#313131;}

.link-box01 { background:#eaeaea; padding:6px; position:relative; z-index:9}
.link-box01:before { width:100%; height:123px; background:url(https://www.bsseogu.go.kr/img/common/link-box-line.jpg) repeat; position:absolute; left:0; top:0; content:''; display:block; z-index:-1;}
.link-box01 .txtWrap {  height:100%; padding:50px 50px 50px 350px; background:url(https://www.bsseogu.go.kr/img/common/link-box-img.png) no-repeat 10% center #fff; z-index:10;}
.link-box01 .txtWrap .btxt { padding-bottom:20px; margin-bottom:15px; font-family:'Nanum Gothic'; font-size:30px; font-weight:600; line-height:120%; color:#222; background:url(https://www.bsseogu.go.kr/img/common/dotted.png) repeat-x bottom;}
.link-box01 .txtWrap .stxt { margin-bottom:30px;}

	@media all and (max-width:680px) {
		.help-box01{padding:25px}
		.help-box01:after{ background-size:24px auto; top:-13px; right:20px;}
		.help-box01 .btxt{font-size:20px}
		.help-box01 .stxt{font-size:14px;}

		.help-box01-2 {padding:55px 25px 25px}
		.help-box01-2 .stxt{font-size:14px;}

		.help-box02 { padding:25px}
		.help-box02 p{ font-size:15px; line-height:160%; padding:0 0 0 65px ;}
		.help-box02 p:before{background-size:30px auto; width:50px; height:50px;}

		.help-box04{ position:relative; background:#f7f7f7; padding:25px}
		.help-box04 p{font-size:15px;line-height:165%; padding:5px 0 5px 50px; }
		.help-box04 p:before{background-size:30px auto; width:35px; height:35px;}

		.help-box03 .ico-txt01{font-size:14px;}

		.link-box01 .txtWrap {  padding:30px; background:#fff; }
		.link-box01 .txtWrap .btxt {font-size:26px;}
		.link-box01 .txtWrap .stxt { margin-bottom:20px;}
	}

	@media all and (max-width:480px) {
		.link-box01 .txtWrap { padding:20px;}
		.link-box01 .txtWrap .btxt {font-size:22px; padding-bottom:10px; margin-bottom:10px;}
	}



/* bg-box type */
.gray-box{border:1px solid #dfdfdf;background:#f8f9fb; padding:38px;}
.dia-box{background:url(https://www.bsseogu.go.kr/img/common/line-dia.jpg) repeat; padding:3px;}
.dia-box01{background:url(https://www.bsseogu.go.kr/img/common/line-dia.jpg) repeat; padding:3px;}
.dia-box1{padding:3px; border:1px solid #dfdfdf; border-left:5px solid #005fca}
.dia-box1 div.bg{background:#f8f9fb; padding:25px 25px;}
.dia-box1 div.bg .btxt{font-size:16px; font-weight:600; color:#102741;}
.dia-box div.bg{background:#f8f9fb; padding:25px 25px;}
.dia-box01 div.bg01{background:#f8f9fb; padding:12px 25px;}
.dia-box01 div.bg02{background:#f8f9fb; padding:20px 25px;}

.dia-box .btxt{background:url(https://www.bsseogu.go.kr/img/common/blt-02.png) no-repeat 3px 18px; font-size:16px;font-weight:600;  margin-bottom:10px; color:#102741; position:relative; line-height:37px;letter-spacing:-0.05em; padding-left:27px;}
.dia-box .stxt{background:url(https://www.bsseogu.go.kr/img/common/blt-02.png) no-repeat 3px 10px; font-size:16px;font-weight:500;color:#555; position:relative; line-height:130%;letter-spacing:-0.05em; padding-left:27px;}
.dia-box .sw-btn{margin-left:10px;border-radius:3px; font-weight:500;}


.dia-box .list{font-size:0;}
.dia-box .list li:last-child{margin-right:0;}
.dia-box .list li:last-child:after{display:none;}
.dia-box .list li{display:inline-block; margin:5px 40px 5px 0;  position:relative;vertical-align:top; font-size:16px; letter-spacing:-0.07em; color:#555; line-height:140%;}
.dia-box .list li:after{ position:absolute; right:-28px; width:18px; height:18px; top:3px;display:block; content:"";background:url(https://www.bsseogu.go.kr/img/common/info-arrow02.png) no-repeat center center;}

.dia-box01 .btxt{background:url(https://www.bsseogu.go.kr/img/common/blt-02.png) no-repeat 3px 18px; font-size:16px;font-weight:600; color:#102741; position:relative; line-height:37px;letter-spacing:-0.05em; padding-left:27px;}
.dia-box01 .stxt{background:url(https://www.bsseogu.go.kr/img/common/blt-02.png) no-repeat 3px 10px; font-size:16px;font-weight:500;color:#555; position:relative; line-height:130%;letter-spacing:-0.05em; padding-left:27px;}
.dia-box01 .sw-btn{margin-left:10px;border-radius:3px; font-weight:500;}

.dia-box p.notice{color:#d4373a;font-size:22px;line-height:175%; position:relative; padding:10px 0 15px 80px; font-weight:bold; letter-spacing:-0.05em;}
.dia-box p.notice:before{background:#fff url(https://www.bsseogu.go.kr/img/common/help-ico02.png) no-repeat center center; background-size:60%; border-radius:100%; width:60px; height:60px; position:absolute; left:0; top:0; display:block; content:""}
.dia-box p.notice span{ color:#313131;}



.doc-box{background:url(https://www.bsseogu.go.kr/img/common/line-dia.jpg) repeat; padding:3px;}
.doc-box div.bg{background:#f8f9fb; padding:10px 25px;}
.doc-box dl { padding:15px 0; border-bottom:1px solid #ccc; position:relative;}
.doc-box dl:last-child {border-bottom:none;}
.doc-box dt {font-weight:600; font-size:16px;  overflow:hidden;}
.doc-box dt .bnt-doc {font-weight:normal; }
.doc-box dd { padding:15px 0;  font-size:16px; position:relative; overflow:hidden;}
.doc-box dd:after { width:100%; height:1px; background:url(https://www.bsseogu.go.kr/img/common/dotted.png) repeat-x; position:absolute; bottom:0; left:0; content:''; display:block;}
.doc-box dd:last-child:after {display:none;}
.doc-box .bnt-doc { /* position:absolute; right:0; top:10px; */ float:right;}

.web_linkBox {margin:0 -1%;}
.web_linkBox li { float:left; width:47%; margin:0 1% 2% 1%; height:85px; background:#f5f5f5; border:1px solid #ddd; border-left:5px solid #005fca; position:relative;}
.web_linkBox .tit { float:left; margin:22px 0 0 20px; font-size:16px; font-weight:600; color:#102741;}
.web_linkBox .btn-weblink { float:right; margin:22px 20px 0 0;}

	@media all and (max-width:1000px) {

		.web_linkBox li { height:100px;}
		.web_linkBox .tit { float:none; margin:15px 0 0 20px; display:block;}
		.web_linkBox .btn-weblink { float:none; margin:10px 0px 0 20px;}
	}

	@media all and (max-width:680px) {
		.gray-box{padding:25px}
		.gray-box p{font-size:14px;}

		.dia-box .btxt{font-size:15px;}
		.dia-box .stxt{font-size:15px;line-height:140%}
		.dia-box .sw-btn{margin-left:0;}

		.dia-box .list li{font-size:15px; }

		.doc-box .txt { width:100%}
		.doc-box .bnt-doc  { width:100%; margin-top:10px;}

		.web_linkBox li { box-sizing:border-box;}

		.dia-box01 {text-align : center;}

	}

	@media all and (max-width:480px) {

		.web_linkBox { margin:0; }
		.web_linkBox li {  width:100%; margin:0 0 1% 0;}

	}


/* btn-type */
.blank-wrap{}
.blank-wrap a{display:inline-block; vertical-align:top;}
.blank-wrap a { min-width:200px; height:43px; border:1px solid #ddd; background:#fff; position:relative; letter-spacing:-0.05em; }
.blank-wrap a:after{ width:18px;background:url(https://www.bsseogu.go.kr/img/common/info-arrow02.png) no-repeat center center; right:10px; height:18px; position:absolute; top:50%; margin-top:-9px; display:block; content:""}
.blank-wrap a:hover { border:1px solid #005fca;}
.blank-wrap a span{display:block;font-size:15px;padding:0 40px 0 15px; color:#6c6c6c; line-height:41px;}
.blank-wrap a:hover span{color:#005fca; font-weight:600; }
.blank-wrap a:hover:after{background:url(https://www.bsseogu.go.kr/img/common/info-arrow01.png) no-repeat center center;}



	@media all and (max-width:680px) {
		.blank-wrap {font-size:0;}
		.blank-wrap a{ min-width:49%; margin:0 0.5%; margin-bottom:3px; box-sizing:border-box;}
		.blank-wrap a span{font-size:14px;}
	}


/* step type */
.help-step03 ul{overflow:hidden; margin:0 -3%}
.help-step03 li{float:left; position:relative; width:27.33333%;margin:0 3%; line-height:140%; font-weight:600; color:#29303a;letter-spacing:-0.05em; min-height:109px; background:#f8f9fb; border:1px solid #ddd;box-sizing:border-box; text-align:center;}
.help-step03 li:before{ position:absolute;background:url(https://www.bsseogu.go.kr/img/common/step-next.jpg) no-repeat center center;  left:-17%; width:30px; height:30px; top:50% ; margin-top:-15px; display:block; content:""}
.help-step03 li:first-child:before{display:none;}
.help-step03 li span{display:inline-block; padding-top:30px;; vertical-align:middle; text-align:center; width:100%;}
.help-step03 li:last-child span{padding-top:40px;}
.help-step03 li:nth-child(4) {margin-top:10px; margin-left:70px;}
.help-step03 li:nth-child(5) {margin-top:10px;}


.help-step04 ul{margin:0 -3%; padding-left:40px; margin-top:25px;}
.help-step04 li{float:left; position:relative; width:28%;margin:0 3%; line-height:140%; font-weight:600; color:#29303a;letter-spacing:-0.05em; min-height:109px; background:#f8f9fb; border:1px solid #ddd;box-sizing:border-box; text-align:center;}
.help-step04 li:before{position:absolute;background:url(https://www.bsseogu.go.kr/img/common/step-next.jpg) no-repeat center center;  left:-17%; width:30px; height:30px; top:50% ; margin-top:-15px; display:block; content:""}
.help-step04 li span{display:inline-block; padding-top:30px;; vertical-align:middle; text-align:center; width:100%;}

	@media all and (max-width:780px) {
		.help-step03 ul{margin:0;}
		.help-step03 li{float:none; width:auto; margin:0 0 40px 0}
		.help-step03 li:before{content:"▼";background:none; left:50%;margin-left:-10px;font-size:8px;background:#102741; border-radius:100%;width:28px; height:28px; line-height:28px; color:#fff; top:-35px; margin-top:0; }

.help-step03 li:nth-child(4) {margin-top:10px; margin-left:0px;}

		.help-step04 ul{margin:0; padding:0px; margin-top:0px;}
		.help-step04 li{float:none; width:auto; margin:0 0 40px 0}
		.help-step04 li:before{content:"▼";background:none; left:50%;margin-left:-10px;font-size:8px;background:#102741; border-radius:100%;width:28px; height:28px; line-height:28px; color:#fff; top:-35px; margin-top:0; }
	}


/*button type */
.bw-btn, .br-btn, .bgray-btn, .bg-btn, .bb-btn, .bk-btn, .bo-btn, .blg-btn, .list-btn{ display:inline-block; vertical-align:top; height:48px; min-width:170px;text-align:center;}
.bw-btn span, .br-btn span, .bgray-btn, .bg-btn span, .bb-btn span, .bk-btn span, .bo-btn span, .blg-btn span{display:inline-block; vertical-align:top; line-height:44px; height:48px;font-size:16px; letter-spacing:-0.05em; }
.bw-btn{background:#fff; border:1px solid #c6c4c4; color:#444 !important;}
.br-btn{background:#d4373a; border:1px solid #d4373a; color:#fff !important;}
.bg-btn{background:#00a097; border:1px solid #00a097; color:#fff !important;}
.bg-btn.red{background:#d5393c;border:1px solid #d5393c;}
.bb-btn{background:#005fca; border:1px solid #005fca; color:#fff !important;}
.bk-btn{background:#333; border:1px solid #333; color:#fff !important;}
.bo-btn{background:#005fca; border:1px solid #005fca; color:#fff !important;}
.blg-btn{background:#c47d00; border:1px solid #c47d00; color:#fff !important;}
.bgray-btn{background:#868b96; border:1px solid #868b96; color:#fff !important;}

.br-btn span.report{padding: 0 0 0 25px; background:url(https://www.bsseogu.go.kr/img/common/btn-ico01.png) no-repeat left center}
.bg-btn span.receipt{padding: 0 0 0 25px; background:url(https://www.bsseogu.go.kr/img/common/btn-ico02.png) no-repeat left center}
.bb-btn span.suggest{padding: 0 0 0 25px; background:url(https://www.bsseogu.go.kr/img/common/btn-ico03.png) no-repeat left center}
.bo-btn span.apply{padding: 0 0 0 25px; background:url(https://www.bsseogu.go.kr/img/common/btn-ico05.png) no-repeat left center}
.blg-btn span.look{padding: 0 0 0 25px; background:url(https://www.bsseogu.go.kr/img/common/btn-ico04.png) no-repeat left center}
.list-btn{background:#4d515c; border:1px solid #4d515c; }
.list-btn span{display:inline-block; vertical-align:top; padding-left:20px; background:url(https://www.bsseogu.go.kr/img/common/ico-list.png) no-repeat left center; height:50px; line-height:48px; color:#fff; font-size:16px; letter-spacing:-0.05em;}


	@media all and (max-width:680px) {
		.bw-btn, .br-btn, .bgray-btn, .bg-btn, .bb-btn, .bk-btn, .blg-btn, .bo-btn, .list-btn{min-width:140px}
	}

.sw-btn, .sr-btn, .sg-btn, .sb-btn, .sk-btn{display:inline-block; vertical-align:initial; height:37px; text-align:center; padding:0 15px; -webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out; border-radius:5px; transform:translateY(-3px);}
.sw-btn span, .sr-btn span, .sg-btn span, .sb-btn span, .sk-btn span{padding:0 20px;display:inline-block; vertical-align:top; line-height:35px;font-size:14px; letter-spacing:-0.05em; }
.sw-btn{background:#fff; border:1px solid #c6c4c4; color:#444 !important;}
.sw-btn:hover { background:#005fca; color:#fff !important;}
.sw-btn:hover span.new-win { background:url(https://www.bsseogu.go.kr/img/common/new-win02.png) no-repeat right center}
.sr-btn{background:#d4373a;border:1px solid #d4373a; color:#fff !important;}
.sg-btn{background:#00a097;border:1px solid #00a097; color:#fff !important;}
.sb-btn{background:#005fca;border:1px solid #005fca; color:#fff !important;}
.sk-btn{background:#333;border:1px solid #333; color:#fff !important;}



.sw-btn span.new-win{padding: 0 20px 0 0; background:url(https://www.bsseogu.go.kr/img/common/new-win01.png) no-repeat right center}
.sk-btn span.new-win, .sr-btn span.new-win, .sg-btn span.new-win,.sb-btn span.new-win,.sr-btn span.new-win{padding: 0 21px 0 0; background:url(https://www.bsseogu.go.kr/img/common/new-win02.png) no-repeat right center}
.sw-btn span.prev{background:url(https://www.bsseogu.go.kr/img/common/list-prev.png) no-repeat no-repeat left center; display:inline-block; padding:0 5px 0 15px; display:inline-block; vertical-align:top; height:37px;}
.sw-btn span.next{background:url(https://www.bsseogu.go.kr/img/common/list-next.png) no-repeat no-repeat right center; display:inline-block; padding:0 15px 0 5px;; display:inline-block; vertical-align:top;  height:37px;}
.sw-btn span.btn-detailView{padding: 0 0 0 21px; background:url(https://www.bsseogu.go.kr/img/common/btn-icon-dv01.png) no-repeat left center}
.sw-btn:hover span.btn-detailView{padding: 0 0 0 21px; background:url(https://www.bsseogu.go.kr/img/common/btn-icon-dv02.png) no-repeat left center}

.cw-btn, .cw-btn2, .cr-btn, .cg-btn, .cb-btn, .ck-btn, .cgray-btn{display:inline-block; vertical-align:top; height:30px; min-width:100px;text-align:center; -webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out; overflow:hidden; border-radius:5px; }
.cw-btn span, .cw-btn2 span, .cr-btn span, .cg-btn span, .cb-btn span, .ck-btn span, .cgray-btn span{padding:0 20px;display:inline-block; vertical-align:top; height:30px; line-height:27px;font-size:13px; letter-spacing:-0.05em;  }
.cw-btn{background:#fff; border:1px solid #c6c4c4}
.cw-btn2{background:#fff; border:1px solid #c6c4c4}
.cw-btn2:hover { background:#005fca; color:#fff;}
.cw-btn2:hover span.new-win { background:url(https://www.bsseogu.go.kr/img/common/new-win02.png) no-repeat right center}
.cr-btn{background:#d4373a;border:1px solid #d4373a; color:#fff !important;}
.cg-btn{background:#00a097;border:1px solid #00a097; color:#fff !important;}
.cb-btn{background:#005fca;border:1px solid #005fca; color:#fff !important;}
.ck-btn{background:#333;border:1px solid #333; color:#fff !important;}
.cgray-btn{background:#86898d; border:1px solid #868b96; color:#fff !important;}

.cw-btn span.down, .cw-btn span.doc{display:block; height:30px; line-height:28px; position:relative; text-align:left; padding-left:50px; }
.cw-btn span.down:before{background:#f0f2f6 url(https://www.bsseogu.go.kr/img/common/down-blue.png) no-repeat center center ; width:34px;position:absolute; left:0; top:0; height:100%; border-right:1px solid #c6c4c4; display:block; content:""}
.cw-btn span.doc:before{background:#f0f2f6 url(https://www.bsseogu.go.kr/img/common/doc-blue.png) no-repeat center center ; width:34px;position:absolute; left:0; top:0; height:100%; border-right:1px solid #c6c4c4; display:block; content:""}
.cw-btn2 span.new-win { padding: 0 21px 0 0; background:url(https://www.bsseogu.go.kr/img/common/new-win01.png) no-repeat right center; display:inline-block;}

.cb-btn span.down{padding: 0 0 0 21px; background:url(https://www.bsseogu.go.kr/img/common/down-white.png) no-repeat left center}
.ck-btn span.origial{padding: 0 0 0 21px; background:url(https://www.bsseogu.go.kr/img/common/original-white.png) no-repeat left center}
.cgy-btn span.go_map{background:url(https://www.bsseogu.go.kr/img/common/go_map.png) no-repeat center}
.cgy-btn span.go_map{display:block;width:40px; height:24px; position:relative; text-align:left;background-color:#F0F2F6; border:1px solid #c6c4c4;}
.cgy-btn02 span.jin_down-grey{background:url(https://www.bsseogu.go.kr/img/common/jin_down-grey.png) no-repeat center}
.cgy-btn02 span.jin_down-grey{display:block;width:40px; height:24px; position:relative; text-align:left;background-color:#F0F2F6; border:1px solid #c6c4c4;}
.cgy-btn03 span.jin_original-grey01{background:url(https://www.bsseogu.go.kr/img/common/jin_original-grey01.png) no-repeat center}
.cgy-btn03 span.jin_original-grey01{display:block;width:40px; height:24px; position:relative; text-align:left;background-color:#F0F2F6; border:1px solid #c6c4c4;}
.cgy-btn03:focus {outline:2px dotted #ed77ac;}


.web_zone{width:100px;height:30px;border:1px solid #ddd;font-weight:700;border-radius:1px;margin:0 auto;}
.web_zone .web_sel{border:none;width:100px;height:30px;}


.web_zone-01 input[type="text"]{width:39%;height:30px;box-sizing:border-box; letter-spacing:-0.05em; border:1px solid #e5e6e6; border-radius:1px;text-indent:10px;font-size:16px;}
.web_zone-02 input[type="text"]{width:34%;height:30px;box-sizing:border-box; letter-spacing:-0.05em; border:1px solid #e5e6e6; border-radius:1px;text-indent:10px;font-size:16px;}

.web-radioBox input[type="radio"]{display:none;}
.web-radioBox label{ letter-spacing:-0.04em;/*display:block;*/ position:relative; line-height:15px;padding-left:23px;}
.web-radioBox label:after{width:15px;height:15px;border:1px solid #9b9b9b;border-radius:100%;position:Absolute;left:0;display:inline;content:"";background:#fff;z-index:1;top:3px;}
.web-radioBox label:before{ width:9px; height:9px; border-radius:100%; position:Absolute; top:7px;left:4px; display:none; content:"";background:#666;  z-index:3}
.web-radioBox input[type="radio"]:checked + label:before{display:block;}

.web-btn button{font-size:13px;border:none;letter-spacing:-0.06em; font-weight:600; color:#fff; background:#29303a; width:100px; height:30px;}

.btn-ing { min-width:50px; padding:3px 10px 6px; background:#005fca; color:#fff; display:inline-block; text-align:center;}
.btn-ing.green{background:#00a097}
.btn-ing.blue{background:#005fca}
.btn-ing { min-width:50px; padding:3px 10px 6px; background:#d5393c; color:#fff; display:inline-block; text-align:center;}
.btn-end { min-width:50px; padding:3px 10px 6px; background:#666; color:#fff; display:inline-block; text-align:center;}
.btn-waiting { min-width:50px; padding:3px 10px 6px; background:#c47d00; color:#fff; display:inline-block; text-align:center;}


div[class^="u-tab"] {position:relative;  margin-bottom:40px;}
div[class^="u-tab"] ul {display:flex; flex-wrap:wrap; justify-content:flex-start; width:calc(100% + 10px); margin-left:-5px;}
div[class^="u-tab"] ul li {width:calc(33.33% - 10px); margin:0 5px 10px 5px;}
div[class^="u-tab"] ul li a {display:block; text-align:center; font-size:16px; background:#f6f6f6; padding:15px 10px; border-radius:10px; position:relative;}
div[class^="u-tab"] ul li.active a {background:#1b224e; color:#fff;}

div[class^="u-tab"] ul.con07 li{width:calc(114.2857% - 10px);}
div[class^="u-tab"] ul.con06 li{width:calc(16.66% - 10px);}
div[class^="u-tab"] ul.con05 li{width:calc(20% - 10px);}
div[class^="u-tab"] ul.con04 li{width:calc(25% - 10px);}
div[class^="u-tab"] ul.con03 li{width:calc(33.33% - 10px);}
div[class^="u-tab"] ul.con02 li{width:calc(33.33% - 10px);}
div[class^="u-tab"] ul.con01 li{width:calc(33.33% - 10px);}

div[class^="u-tab"] + div[class^="u-tab"] { margin-top:-30px; margin-bottom:40px;}
div[class^="u-tab"] + div[class^="u-tab"] ul li {width:auto!important; margin:0 3px 6px 3px;}
div[class^="u-tab"] + div[class^="u-tab"] ul li a {display:block; text-align:center; font-size:16px; background:#fff; padding:10px 20px; border-radius:50px; border:1px solid #dedede; min-width:100px;}
div[class^="u-tab"] + div[class^="u-tab"] ul li.active a {background:#000; border:1px solid #000; color:#fff;}

@media all and (max-width:780px){
	div[class^="u-tab"] ul li {width:calc(50% - 10px)!important;}
	div[class^="u-tab"] + div[class^="u-tab"] {border-bottom:1px solid #dedede; }
	div[class^="u-tab"] + div[class^="u-tab"] ul li a {border:0; min-width:0; padding:3px 10px; font-size:14px; border-radius:6px;}
	div[class^="u-tab"] + div[class^="u-tab"] ul li.active a {background:#000; color:#fff;}
}



.tab-accessibility {margin-bottom:30px; position:relative; font-size:0;}
.tab-accessibility li {  margin-left:-1px; display:inline-block; vertical-align:top;}
.tab-accessibility li a.tab{ display:block; margin-top:-1px; margin-left:-1px; text-align:center; font-size:16px;  border:1px solid #b9bfc7 ; letter-spacing:-0.07em; background:#f7f7f7; color:#111;line-height:46px; height:48px;}
.tab-accessibility li.active a.tab{ border:1px solid #d4373a; background:url(https://www.bsseogu.go.kr/img/common/tab-bg01.jpg) repeat; color:#fff; font-weight:600;}
.tab-accessibility .content { position:absolute;  top:0; width:100%; padding:0px 0; left:0; box-sizing:border-box; font-size:16px;}

.tab-accessibility ul.con07 > li{width:14.2857%;}
.tab-accessibility ul.con06 > li{width:16.6666%;}
.tab-accessibility ul.con05 > li{width:20%;}
.tab-accessibility ul.con04 > li{width:25%;}
.tab-accessibility ul.con03 > li{width:33.33333%;}
.tab-accessibility ul.con02 > li{width:33.33333%;}
.tab-accessibility ul.con01 > li{width:33.33333%;}

	@media all and (max-width:780px){
			.tab-accessibility {margin-bottom:25px;}
			.tab-accessibility a.tab{font-size:15px;}
	}

	@media all and (max-width:680px){
			.tab-accessibility{margin-bottom:20px;}
			.tab-accessibility ul{border-bottom:none !important; border-right:none !important}
			.tab-accessibility ul li:nth-child(1), .u-tab01 ul li:nth-child(2){margin-top:0}
			.tab-accessibility li{width:50% !important;margin-top:-1px;}
			.tab-accessibility li a.tab{font-size:14px;height:48px; border-top:1px solid #b9bfc7;border-left:1px solid #b9bfc7;border-right:1px solid #b9bfc7}
			.tab-accessibility li.active a{height:48px}
	}


/* table type */
.tbl-type01 {font-size:15px;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #112741; font-weight:500;}
.tbl-type01 thead th {padding:12px 5px; background:#eff0f2;border-left:1px solid #cfd4d9;color:#333;}
.tbl-type01 thead th.vline {border-bottom:1px solid #cfd4d9;}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0;}
.tbl-type01 th, .tbl-type01 td {border:1px solid #cfd4d9;border-right:none; border-left:none;word-wrap:break-word;}
.tbl-type01 th:first-child, .tbl-type01 td:first-child{border-left:none}
.tbl-type01 th.line, .tbl-type01 td.line {border-right:1px solid #d5d5d5;} /* 셀병합시 우측 라인 안나올 경우 */
.tbl-type01 tbody th.no-bg{background:none}
.tbl-type01 tbody th{background:#f2f2f2}
.tbl-type01 tbody td {background:#fff;border-left:1px solid #cfd4d9;padding:13px 5px; color:#555}
.tbl-type01 tbody td.l{padding:12px 10px;}
.tbl-type01 .bgf3{background:#f3f5f8}
.tbl-type01 .bg-01{background:rgba(201, 200, 233, 0.5)}
.tbl-type01 .red{color: red}

.tbl-tdleft td { text-align:left;}
.tbl-tdthleft td, .tbl-tdthleft th { text-align:left;}

.view-type01{}
.view-type01 .thumb{display:table-cell;width:130px;border:1px solid #ddd;text-align:center;padding:10px;vertical-align:middle;}
.view-type01 .thumb img{max-width:100px;}
.view-type01 .tbl {display:table-cell;vertical-align:middle;}
.view-type01 .tbl-type01 { border-right:1px solid #ddd;}

.view-type02{}
.view-type02 .thumb{display:inline-block; width:45%; margin-right:2%;border:1px solid #ddd;text-align:center;padding:10px;vertical-align:top;}
.view-type02 .thumb img{max-width:400px; width:100%;}
.view-type02 .tbl { width:49%; display:inline-block;vertical-align:top;}
.view-type02 .tbl table:first-child { margin-bottom:12px;}

/*의회 - 의정 방송 게시물 css*/
.view-type03{}
.view-type03 .thumb{display:inline-block; width:60%; margin-right:2%;border:1px solid #ddd;text-align:center;padding:10px;vertical-align:top;}
.view-type03 .thumb img{max-width:400px; width:100%;}
.view-type03 .tbl { width:34%; display:inline-block;vertical-align:top;}
.view-type03 .tbl table:first-child { margin-bottom:12px;}

	@media all and (max-width:1000px){
		/*.view-type02 .thumb { box-sizing:border-box;}*/
	}

	@media all and (max-width:680px){
		.view-type03 .thumb { width:100%;}
		.view-type03 .tbl { width:100%; margin-top:10px;}
		.view-type03 .tbl table:first-child { margin-top:12px;}

	}

	@media all and (max-width:480px){
		.view-type01 .thumb { width:100%; display:block; box-sizing:border-box;}
		.view-type01 .tbl-type01 { border-right:none;}

		.view-type02 .thumb { width:100%;}
		.view-type02 .tbl { width:100%;}
		.view-type02 .tbl table:first-child { margin-top:12px;}

	}

/*img rsvpn */

.img-rspvn{ position:relative;}
.img-rspvn img{width:auto;}
.img-rspvn.full img{width:100%;}
.img-rspvn .detail-btn{ width:158px; display:none; height:44px; line-height:42px; font-size:15px;padding-left:40px; background:rgba(0,0,0,0.65) ; position:absolute; right:0; top:0; box-sizing:border-box; letter-spacing:-0.06em; color:#fff; display:none;}
.img-rspvn .detail-btn:before{width:24px; height:24px; position:absolute; left:10px; top:50%;margin-top:-12px;background:url(https://www.bsseogu.go.kr/img/common/img-rspvn.png) no-repeat center center; display:block;content:"";}

/* .img-rspvn.full .detail-btn{display:block;} */

/* table rspvn */
.rspvn-box{ overflow:hidden}


	@media all and (max-width:780px) {
		.img-rspvn .detail-btn { display:block;}

		.rspvn-box{overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:90px;}
		.rspvn-box:after{width:100%; ; height:80px; position:absolute; left:0px ;  top:0; display:block; content:"";background:#eceff1; z-index:-1}
		.rspvn-box:before{width:360px;background:url(https://www.bsseogu.go.kr/img/common/mobile-scroll.png) no-repeat; height:60px; position:absolute;margin-left:-180px; left:50% ; top:15px;font-size:15px; letter-spacing:-0.05em; color:#555; display:block; content:"좌우로 스크롤 하시면 자세히 보실 수 있습니다"; box-sizing:border-box; line-height:60px; padding-left:60px;}
		.rspvn-box table, .rspvn-box .scroll{width:800px !important}

	}
	@media all and (max-width:480px) {

	.rspvn-box:before{width:260px;background-position:10px 0;background-size:30px auto; padding-left:60px ; padding-right:20px; font-size:14px;; line-height:120%; padding-top:5px; margin-left:-130px;}
	}



/* skip navigation */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff; width:100%; text-align:center; font-size:17px;}


/* ie8 ~ alert popup box */
.lowIE-update {position:fixed;top:0;left:0;z-index:7000;width:100%;height:100%;}
.lowIE-update .update-cont {position:relative;margin:10% auto 0;width:418px;height:148px;border:1px solid #000;background:#ff890b;color:#000;padding:50px 50px 20px 20px;text-align:center;z-index:7100}
.lowIE-update .update-cont p {padding-left:50px;line-height:1.2;text-align:left;}
.lowIE-update .update-cont .tit {padding-bottom:5px;}
.lowIE-update .update-cont .txt {margin-bottom:35px;}
.lowIE-update .update-cont .btn-upgrade {color:#000;display:block;}
.lowIE-update .update-cont .btn-upgrade .atxt {border-bottom:1px solid #333; padding-bottom:5px; font-weight:600}
.lowIE-update .update-cont .btn-upgrade span.ico {display:inline-block;*display:inline;*zoom:1;width:15px;height:12px;vertical-align:middle;padding-left:9px;}
.lowIE-update .update-cont .chk-uclose {display:block;text-align:right;margin-top:15px;}
.lowIE-update button {position:absolute;bottom:0;right:0;width:40px;height:40px;background:#000;border:0;}


/* =======================================================
	게시판
==========================================================*/


/*게시판 글쓰기*/
.board-write-wrap{font-size:14px; }
.board-write-wrap textarea{width:100%; box-sizing:border-box;  border:1px solid #cbcbcb; font-size:14px;text-indent:5px }
.board-write-wrap table {min-width:320px; font-size:14px;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;}

.board-write-wrap table thead th {padding:12px 5px;background:#f3f3f4;border-left:1px solid #cfd4d9;color:#333; }
.board-write-wrap table thead th.vline {border-bottom:1px solid #cfd4d9;}
.board-write-wrap table th:first-child, .board-write-wrap table td:first-child {border-left:0;}
.board-write-wrap table th, .board-write-wrap table td {border:1px solid #cfd4d9;border-right:none; border-left:none;word-wrap:break-word;}
.board-write-wrap table th:first-child, .board-write-wrap table td:first-child{border-left:none}
.board-write-wrap table th.line, .board-write-wrap table td.line {border-right:1px solid #cfd4d9;} /* 셀병합시 우측 라인 안나올 경우 */

.board-write-wrap table tbody th{background:#f3f3f4;color:#555; font-weight:500; border-bottom:1px solid #cfd4d9; padding:13px 0px; text-align:left;font-weight:bold;}
.board-write-wrap table tbody th span{padding-left:20px; display:block;}
.board-write-wrap table tbody th span.nec{padding-right:15px; background:url(/cmmImg/Board/ico_nec.png) no-repeat right 4px;}
.board-write-wrap table tbody td{padding:8px 10px; border-bottom:1px solid #cfd4d9; border-left:1px solid #cfd4d9;}
.board-write-wrap table tbody td:first-child{border-left:none;}
.board-write-wrap table tbody td a:hover{color:#333;}
.board-write-wrap table tbody td select{border:1px solid #cbcbcb;padding:0; color:#555;margin:0; background:#fff; height:28px; font-size:14px;}
.board-write-wrap table tbody td input[type="text"], .board-write-wrap table tbody td input[type="password"]{display:inline-block; vertical-align:top;text-indent:5px;border:1px solid #cbcbcb;padding:0; color:#555;margin:0; background:#fff; height:28px; font-size:14px;}
.board-write-wrap table tbody td .filetype {position: relative; display:inline-block; vertical-align:top;}
.board-write-wrap table tbody td .filetype input.file-text {position: relative; width:300px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block; background:#fff; border-top:1px solid #cbcbcb; border-left:1px solid #cbcbcb; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.board-write-wrap table tbody td .filetype .file-select {position: absolute; top:2px; right:0px; width:92px; overflow:hidden; opacity:0.2;}
.board-write-wrap table tbody td .filetype .file-select .input-file {display:inline-block; vertical-align:top;width:90px; height:30px; filter: alpha(opacity=0); opacity:0; margin-left:0px; padding-left:0px; cursor: pointer;}
.board-write-wrap table tbody td .filetype .file-btn{display:inline-block; background: #86898d; height:30px;font-size:13px; line-height:28px; padding:0px 15px; color:#fff; font-weight:600; cursor: pointer;}

.board-write-wrap .file-table{border-top:1px solid #cfd4d9}
.board-write-wrap .info-ex01{background-position:0 6px; font-size:14px; padding-left:18px;}
.board-write-wrap .info-ex01.rtxt{display:inline-block; line-height:30px; margin-left:10px; color:#d4373a; background-position:0 11px;}
.board-write-wrap input[type=checkbox], .board-write-wrap input[type=radio] { margin-right:7px;}
.board-write-wrap .dateBar { margin:0 5px; display:inline-block;}
.board-write-wrap textarea {min-height:90px;}

	@media all and (max-width:680px) {

		.board-write-wrap colgroup{display:none;}
		.board-write-wrap table tbody td .filetype input.file-text {width:100%;box-sizing:border-box;}
		.board-write-wrap table tbody td .filetype .file-btn{display:block; box-sizing:border-box; text-align:center; height:34px; line-height:32px; width:100%; margin-top:5px;}
		.board-write-wrap table tbody th{width:90px;}
		.board-write-wrap table tbody td .tel { width:25%;}
		.board-write-wrap table tbody td .w10p { width:22%;}
		.board-write-wrap table tbody td.address #postcode { width:25%;}
		.board-write-wrap table tbody td.address #postcode span { padding:0 5px;}
		.board-write-wrap table tbody td.address .w50p, .board-write-wrap table tbody td.email .w50p { width:95%;}
		.board-write-wrap table tbody td.input-pw .w20p, .board-write-wrap table tbody td.input-id .w20p { width:95%;}
		.board-write-wrap table tbody td.input-id button { margin-top:7px;}
		.board-write-wrap table tbody td .filetype{width:100%}
		.board-write-wrap .file-table .w20p{width:60%}
		.board-write-wrap .dateBar { display:block;}
		.board-write-wrap span.infoTxt { display:block;}
		.board-write-wrap .down.pad10r { padding-right:10px !important;}


	}
	@media all and (max-width:480px) {
		.board-write-wrap .file-table{border-top:1px solid #112741}
		.board-write-wrap .file-table .w20p{width:100%}
		.board-write-wrap .file-table tbody th{float:left; width:100%; box-sizing:border-box;}
		.board-write-wrap .file-table tbody td{float:left; width:100%; box-sizing:border-box;border-left:none;}
	}

/*게시판 검색*/
.board-search{ width:100%; padding-bottom:10px; overflow:hidden; padding:10px 0 20px 0}
.board-search .total{position:relative;padding:4px 0px 4px 35px; margin-top:10px; font-size:14px; line-height:26px; color:#41454c;}
.board-search .total span{ color:#d5393c;}
.board-search .total:before{background:#e8e8e8 url(https://www.bsseogu.go.kr/img/common/total-ico.png) no-repeat center center;border-radius:100% ; width:28px; height:28px; position:absolute; left:0; top:5px; display:block; content:"";}

.board-search .search{position:relative; padding-left:148px; padding-right:160px;}
.board-search .search input{width:100%; border:1px solid #dfdfdf; height:34px; background:#f5f5f5; padding:0px 0px 0px 10px; margin:0px; box-sizing:border-box;}
.board-search .search button{position:absolute; right:0; top:0; width:152px; height:34px; color:#fff; font-size:14px; font-weight:600; letter-spacing:-0.06em; background:#005fca; vertical-align:top; border:0px; cursor: pointer;}

.board-search .select-box{position:absolute; left:0; top:0;;border:1px solid #dfdfdf; height:32px; display:inline-block;vertical-align:top; width:138px;}
/* .board-search .select-box:after{position:absolute; width:20px; height:20px; position:absolute; right:2px; top:50%;margin-top:-10px; display:block; content:""}*/
.board-search .select-box select{ font-size:13px; height:32px;  -webkit-appearance:none;box-sizing:border-box; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0; padding:0; background:url(https://www.bsseogu.go.kr/img/common/select-arrow.png) no-repeat 93% center #f5f5f5; padding-left:5px; }
.board-search .select-box select::-ms-expand{display:none;}

	@media only screen and  (max-width:680px) {
		.board-search .search{padding-left:0; padding-right:0;font-size:0;}
		.board-search .search input{margin-top:5px; width:51%;margin-left:1%;box-sizing:border-box; display:inline-block; vertical-align:top;}
		.board-search .select-box{position:relative; left:auto; top:auto;display:inline-block; vertical-align:top; width:25%;box-sizing:border-box; height:34px;margin-top:5px }
		.board-search .search button{position:relative; right:auto; top:auto; width:22%; margin-left:1%; display:inline-block; vertical-align:top; box-sizing:border-box; margin-top:5px}
	}
	@media only screen and  (max-width:360px) {


	}

/*게시판 검색 - 짧은*/
.board-top{padding-bottom:10px; overflow:hidden; padding:10px 0 20px 0}
.board-top .total{ float:left; position:relative;padding:4px 0px 4px 35px; font-size:14px; line-height:26px; color:#41454c;}
.board-top .total span{ color:#d5393c;}
.board-top .total:before{background:#e8e8e8 url(https://www.bsseogu.go.kr/img/common/total-ico.png) no-repeat center center;border-radius:100% ; width:28px; height:28px; position:absolute; left:0; top:5px; display:block; content:"";}

.board-top .search{ float:right; width:25%; position:relative; padding-left:125px; padding-right:105px;}
.board-top .search input{width:100%; border:1px solid #dfdfdf; height:34px; background:#f5f5f5; padding:0px 0px 0px 10px; margin:0px; box-sizing:border-box;}
.board-top .search button{position:absolute; right:0; top:0; width:100px; height:34px; color:#fff; font-size:14px; font-weight:600; letter-spacing:-0.06em; background:#005fca; vertical-align:top; border:0px; cursor: pointer;}

.board-top .select-box{position:absolute; left:0; top:0;;border:1px solid #dfdfdf; height:32px; display:inline-block;vertical-align:top; width:120px;}
.board-top .select-box select{font-size:13px; height:32px;  -webkit-appearance:none;box-sizing:border-box; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0; padding:0; background:url(https://www.bsseogu.go.kr/img/common/select-arrow.png) no-repeat 93% center #f5f5f5; padding-left:5px; }
.board-top .select-box select::-ms-expand{display:none;}

.board-top .select-boxs{position:absolute; left:0; top:0;;border:1px solid #dfdfdf; height:32px; display:inline-block;vertical-align:top; width:120px;}
.board-top .select-boxs select{font-size:13px; height:32px;  -webkit-appearance:none;box-sizing:border-box; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0; padding:0; background:url(https://www.bsseogu.go.kr/img/common/select-arrow.png) no-repeat 93% center #f5f5f5; padding-left:5px; }
.board-top .select-boxs select::-ms-expand{display:none;}

.board-top .yearSearch{font-size:13px; height:34px; box-sizing: border-box; appearance: none; width: 100%; margin: 0; padding: 0; background: url(https://www.bsseogu.go.kr/img/common/select-arrow.png) no-repeat 93% center #f5f5f5; padding-left: 5px; border: 1px solid #dfdfdf;}

	@media only screen and  (max-width:1000px) {
		.board-top .total { margin-bottom:10px;}
		.board-top .search { width:100%; box-sizing:border-box;}
	}

	@media only screen and  (max-width:680px) {
		.board-top .total {font-size:13px;}
	}
	@media only screen and  (max-width:360px) {

	}

/*블로그리스트*/
.bloglist-wrap ul{border-bottom:1px solid #cfd4d9; border-top:2px solid #112741}
.bloglist-wrap li:first-child{border-top:0;}
.bloglist-wrap li{ table-layout:fixed;display:block;border-top:1px solid #cfd4d9}
.bloglist-wrap li a{display:block; position:relative; padding:35px 0 35px 0;transition:background .3s}
.bloglist-wrap li a .btxt{display:block; height:29px; overflow:hidden; color:#333; font-size:20px;line-height:120%; font-weight:bold; letter-spacing:-0.06em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.bloglist-wrap li a .btxt .icon-wrap { font-size:0; vertical-align:middle;}
.bloglist-wrap li a .btxt .icon-wrap i { margin:0 0 0 5px;}
.bloglist-wrap li a .btxt .icon-new { width:29px; height:18px; background:url(https://www.bsseogu.go.kr/img/common/icon-new.png) no-repeat; display:inline-block; vertical-align:middle;}
.bloglist-wrap li a .btxt .icon-jpg { width:16px; height:16px; background:url(https://www.bsseogu.go.kr/img/common/icon-jpg.png) no-repeat; display:inline-block; vertical-align:middle;}
.bloglist-wrap li a .btxt .icon-hwp { width:16px; height:16px; background:url(https://www.bsseogu.go.kr/img/common/icon-hwp.png) no-repeat; display:inline-block; vertical-align:middle;}
.bloglist-wrap li a .btxt .icon-pdf { width:16px; height:16px; background:url(https://www.bsseogu.go.kr/img/common/icon-pdf.png) no-repeat; display:inline-block; vertical-align:middle;}
.bloglist-wrap li a .btxt .icon-xlsx { width:16px; height:16px; background:url(https://www.bsseogu.go.kr/img/common/icon-xlsx.png) no-repeat; display:inline-block; vertical-align:middle;}
.bloglist-wrap li a .stxt{display:block;font-size:14px; color:#6b7177; line-height:170%; height:94px; overflow:hidden; margin:5px 0}
.bloglist-wrap li a .date{font-size:13px; color:#7f7f7f;}
.bloglist-wrap li a .cate{ position:relative;font-size:13px; color:#7f7f7f; margin-left:20px;}
.bloglist-wrap li a .hit{position:relative;font-size:13px; color:#7f7f7f; margin-left:20px;}
.bloglist-wrap li a .hit:after,
.bloglist-wrap li a .cate:after{background:#cbcfd4; width:1px; height:10px; position:absolute; left:-12px; top:50%;margin-top:-5px; display:block;content:"";}
.bloglist-wrap li a:hover .btxt{text-decoration:underline}
.bloglist-wrap li a:hover .btxt i { text-decoration:none;}
.bloglist-wrap li a:hover .stxt{text-decoration:underline}
.bloglist-wrap li a.img {padding-left:220px; min-height:169px;}
.bloglist-wrap li a.img .img{position:absolute; left:0; top:35px; width:200px; height:150px;}
.bloglist-wrap li a.img .img img { width:100%; height:100%;}

	@media only screen and  (max-width:680px) {
		.bloglist-wrap li a .btxt{ height:auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
		.bloglist-wrap li a .btxt .icon-wrap { margin-top:5px; display:block;}
		.bloglist-wrap li a .btxt .icon-wrap i:first-child { margin-left:0;}

		.bloglist-wrap li a.img { padding-left:0;}
		.bloglist-wrap li a.img .img { width:100%; height:auto; margin-bottom:10px; position:static; display:block;}

	}


/*포토갤러리리스트*/
.photolist-wrap { width:100%; border-bottom:1px solid #cfd4d9;}
.photolist-wrap ul { margin:0 -0.5%; padding-top:20px; border-top:2px solid #112741; overflow:hidden; }
.photolist-wrap li { float:left; width:24%; margin:0 0.5% 50px 0.5%; height:250px;} /*높이값 추가*/
.photolist-wrap li:hover .btxt { text-decoration:underline;}
.photolist-wrap li:hover .img .over { display:block;}
.photolist-wrap li:hover img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);}
.photolist-wrap .img {height:150px; position:relative;  overflow:hidden; display:block;}
.photolist-wrap .img img {width:100%; height:100%; transition:all 1.0s;-webkit-transition:all 1.0s;-moz-transition:all 1.0s;}
.photolist-wrap .btxt { margin:10px 0 5px; font-size:16px; color:#555; display:block;}
.photolist-wrap .date { font-size:13px; color:#555; padding-right:10px; margin-right:5px; position:relative;}
.photolist-wrap .date:before { width:1px; height:10px; background:#dcdcdc; position:absolute; right:0; top:6px; content:''; display:block;}
.photolist-wrap .hit { font-size:13px; color:#555; }

.photolist-wrap .img img:focus {border:1px solid red;}
.photolist-wrap .img a:focus img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);}



	@media only screen and (max-width:1000px){
		.photolist-wrap li { width:32.3%;}
	}

	@media only screen and  (max-width:680px) {
		.photolist-wrap li { width:49%;}
		.photolist-wrap .img { height:150px;}
		.photolist-wrap .btxt { font-size:14px;}
	}

	@media only screen and  (max-width:480px) {
		.photolist-wrap .img { height:110px;}
	}


	/*행정박물관*/
.photolist-wrap1{ width:100%; border-bottom:1px solid #cfd4d9;}
.photolist-wrap1 ul { margin:0 -0.5%; padding-top:20px; border-top:2px solid #112741; overflow:hidden; }
.photolist-wrap1 li { float: left;    width: 49%;    margin: 0 0.5% 50px 0.5%;    min-height: 550px;    border: 1px solid #e4e4e4; box-sizing: border-box;} /*높이값 추가*/
.photolist-wrap1 li:hover .btxt { text-decoration:underline;}
.photolist-wrap1 li:hover .img .over { display:block;}
.photolist-wrap1 li:hover img {/*transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1); */}
.photolist-wrap1 .img {height:315px; position:relative;  overflow:hidden; display:block; margin-bottom: 20px;}
.photolist-wrap1 .img img {width:100%; height:100%; /*transition:all 1.0s;-webkit-transition:all 1.0s;-moz-transition:all 1.0s;*/}
.photolist-wrap1 .btxt {     font-size: 22px;    display: block;    text-align: center;    font-weight: bold;    color: #333;    margin-bottom: 25px;line-height: 1.2;padding: 0 10px;}
.photolist-wrap1 .date {     text-align: center;    display: block;    font-weight: bold;    font-family: "맑은 고딕", Malgun Gothic; font-size: 15px;    color: #005fcd;}
.photolist-wrap1 .bcon {font-size:15px; padding:0 30px; text-align: center;     height: 67px;    display: block;    overflow: hidden;}

.photolist-wrap1 .img img:focus {border:1px solid red;}
.photolist-wrap1 .img a:focus img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);}



	@media only screen and (max-width:1000px){
		.photolist-wrap1 li { width:32.3%;min-height: 600px;}
		.photolist-wrap1 .btxt {font-size: 20px;}
	}

	@media only screen and  (max-width:680px) {
		.photolist-wrap1 li { width:49%;}
		.photolist-wrap1 .img { height:150px;}
		.photolist-wrap1 .btxt { font-size:18px;}
		.photolist-wrap1 .bcon {font-size: 14px; padding: 0 20px;}
		.photolist-wrap1 li {min-height: 400px;}
	}

	@media only screen and  (max-width:480px) {
		.photolist-wrap1 .img { height:120px;}
		.photolist-wrap1 li { min-height: 380px;}
	}


/*동영상리스트*/
.videolist-wrap { width:100%; border-bottom:1px solid #cfd4d9;}
.videolist-wrap ul { margin:0 -0.5%; padding-top:20px; border-top:2px solid #112741; overflow:hidden; }
.videolist-wrap li { float:left;  width:32.3%; margin:0 0.5% 50px 0.5%; }
.videolist-wrap li:hover .btxt { text-decoration:underline;}
.videolist-wrap li:hover .img .over { display:block;}
.videolist-wrap li:hover img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);}
.videolist-wrap .img { height:190px; position:relative;  overflow:hidden; display:block;}
.videolist-wrap .img img {width:100%; height:100%; transition:all 1.0s;-webkit-transition:all 1.0s;-moz-transition:all 1.0s;}
.videolist-wrap .img .icon { position:absolute; left:50%; top:50%; margin-left:-27px; margin-top:-27px; width:54px; height:54px; background:url(https://www.bsseogu.go.kr/img/common/icon-video-play.png) no-repeat; display:block; text-shadow:5px 5px 5px #000; }
.videolist-wrap .btxt { margin:10px 0 5px; font-size:16px; color:#555; display:block;}
.videolist-wrap .name { font-size:13px; color:#555; padding-right:10px; margin-right:5px; position:relative;}

.view-video-wrap { background:#f5f6fa; padding:30px;}

	@media only screen and (max-width:1000px){
		.videolist-wrap li { width:32.3%;}
	}

	@media only screen and  (max-width:680px) {
		.videolist-wrap li { width:49%;}
		.videolist-wrap .img { height:150px;}
		.videolist-wrap .btxt { font-size:14px;}
	}

	@media only screen and  (max-width:480px) {
		.videolist-wrap .img { height:110px;}
	}


/* 게시판 목록 */
.board-list-wrap table {border-top:2px solid #333;border-collapse:inherit;}
.board-list-wrap table thead th{font-size:14px;text-align:center; font-weight:600;  padding:14px 0 12px 0px; border-left:1px solid #dde1e4;color:#3f4040;background:#eef0f2; position:relative;border-bottom:1px solid #dde1e4}
.board-list-wrap table thead th:first-child{border-left:none;}
.board-list-wrap table tbody th{font-size:14px; text-align:center; padding:14px 5px 12px 5px; border-bottom:1px solid #dde1e4;color:#666; }
.board-list-wrap table tbody td{font-size:14px; text-align:center; padding:14px 5px 12px 5px;border-left:1px solid #dde1e4; border-bottom:1px solid #dde1e4;color:#666; font-weight:500;}
.board-list-wrap table tbody td.l{padding-left:20px;}
.board-list-wrap table tbody td:first-child{color:#7b7b7b;border-left:none; }
.board-list-wrap table tbody td a{color:#222; }
.board-list-wrap table tbody td.l a{display:inline-block; vertical-align:middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-list-wrap table tbody td a:hover{text-decoration:underline;}
.board-list-wrap table tbody td .icon-new {width:22px; height:22px; margin-left:5px;background:url(https://www.bsseogu.go.kr/img/common/icon-new02.png) no-repeat; display:inline-block; vertical-align:bottom;}
.board-list-wrap table tbody tr:hover{background:#f4f6f9}
.board-list-wrap table tbody tr {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}


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

		.board-list-wrap table{border-bottom:1px solid #dde1e4}
		.board-list-wrap table colgroup{display:none;}
		.board-list-wrap table thead{display:none;}
		.board-list-wrap table tbody tr:hover{background:none}

		.board-list-wrap table tbody td, .board-list-wrap table thead th{border-left:none !important;box-sizing:border-box;}
		.board-list-wrap table tbody td{display:inline-block;  padding-top:0;text-align:left;border-bottom:none; padding-left:15px;}
		.board-list-wrap table tbody tr td:nth-child(3){color:#3d434c; font-size:13px;}
		.board-list-wrap table tbody tr td:nth-child(4){padding-left:0px; color:#7f7f7f; font-size:13px;}
		.board-list-wrap table tbody td.l{border-top:1px solid #dde1e4; font-size:17px;padding-bottom:0;display:block;border-bottom:none;padding:15px 15px 5px 15px; width:100%; }
		.board-list-wrap table tbody td.l a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  font-size:16px }
		.board-list-wrap table tbody tr:first-child td.l{border-top:none;}

		.board-list-wrap table tbody td.m-none{display:none;}
	}

/* 게시판 목록 */
/* 게시판 목록 */
.board-list-wrap2 table {border-top:2px solid #333;border-collapse:inherit;}
.board-list-wrap2 table thead th{font-size:14px;text-align:center; font-weight:600;  padding:14px 0 12px 0px; border-left:1px solid #dde1e4;color:#3f4040;background:#eef0f2; position:relative;border-bottom:1px solid #dde1e4}
.board-list-wrap2 table thead th:first-child{border-left:none;}
.board-list-wrap2 table tbody th{font-size:14px; text-align:center; padding:14px 5px 12px 5px; border-bottom:1px solid #dde1e4;color:#666; }
.board-list-wrap2 table tbody td{font-size:14px; text-align:center; padding:14px 5px 12px 5px;border-left:1px solid #dde1e4; border-bottom:1px solid #dde1e4;color:#666; font-weight:500;}
.board-list-wrap2 table tbody td.l{padding-left:20px;}
.board-list-wrap2 table tbody td:first-child{color:#7b7b7b;border-left:none; }
.board-list-wrap2 table tbody td a{color:#222; }
.board-list-wrap2 table tbody td.l a{display:inline-block; vertical-align:middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-list-wrap2 table tbody td a:hover{text-decoration:underline;}
.board-list-wrap2 table tbody td .icon-new {width:22px; height:22px; margin-left:5px;background:url(https://www.bsseogu.go.kr/img/common/icon-new02.png) no-repeat; display:inline-block; vertical-align:bottom;}
.board-list-wrap2 table tbody tr:hover{background:#f4f6f9}
.board-list-wrap2 table tbody tr {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}


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

		.board-list-wrap2 table{border-bottom:1px solid #dde1e4}
		.board-list-wrap2 table colgroup{display:none;}
		.board-list-wrap2 table thead{display:none;}
		.board-list-wrap2 table tbody tr:hover{background:none}

		.board-list-wrap2 table tbody td, .board-list-wrap2 table thead th{border-left:none !important;box-sizing:border-box;}
		.board-list-wrap2 table tbody td{display:inline-block;  padding-top:15px;text-align:left;border-bottom:none; padding-left:15px; padding-bottom:0;}
		.board-list-wrap2 table tbody tr td:nth-child(3){color:#3d434c; font-size:13px;}
		.board-list-wrap2 table tbody tr td:nth-child(4){padding-left:0px; color:#7f7f7f; font-size:13px;}
		.board-list-wrap2 table tbody td.l{border-bottom:1px solid #dde1e4; font-size:14px;display:block;padding:0px 15px 15px 15px; width:100%; }
		.board-list-wrap2 table tbody td.l a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  font-size:16px }
		.board-list-wrap2 table tbody tr:first-child td.l{border-top:none;}

		.board-list-wrap2 table tbody td.m-none{display:none;}
	}





/*게시판 글보기*/
.board-view-wrap h4{background:#f9f9f9; border-bottom:1px solid #cbcfd4; padding:13px 15px 16px 15px; font-size:20px; font-weight:bold; letter-spacing:-0.06em; color:#333; line-height:110%;}
.board-view-wrap .info{background:#f9f9f9; border-bottom:1px solid #cbcfd4; padding:10px 15px 13px 15px; font-size:0; }
.board-view-wrap .info li{display:inline-block; vertical-align:top; font-size:13px; color:#555; margin-right:22px; position:relative;}
.board-view-wrap .info li:after{background:#cbcfd4; width:1px; height:10px; position:absolute; right:-11px; top:50%;margin-top:-3px; display:block;content:"";}
.board-view-wrap .info li:last-child:after{display:none;}
.board-view-wrap .info2{background:#fff; border-bottom:1px solid #cbcfd4; padding:10px 15px 13px 15px; font-size:0; }
.board-view-wrap .info2 li{display:inline-block; vertical-align:top; font-size:13px; color:#555; margin-right:22px; position:relative;}
.board-view-wrap .info2 li:after{background:#cbcfd4; width:1px; height:10px; position:absolute; right:-11px; top:50%;margin-top:-3px; display:block;content:"";}
.board-view-wrap .info2 li:last-child:after{display:none;}
.board-view-wrap .info2 li.view a { padding-right:25px; position:relative; display:block;}
.board-view-wrap .info2 li.view a:before { width:20px; height:20px; background:url(https://www.bsseogu.go.kr/img/common/icon-view.png) no-repeat center #555;  border-radius:50%; position:absolute; right:0; top:3px; content:''; display:block;}


.board-view-wrap .doc-file{background:#fff; border-bottom:1px solid #cbcfd4; padding:10px 15px 10px 15px; font-size:0; }
.board-view-wrap .doc-file .file-view{margin-bottom:5px; margin-right:10px;padding-left:30px; padding-right:10px; font-size:13px; color:#555; line-height:26px; height:28px;border:1px solid #cbcfd4; display:inline-block; vertical-align:top; position:relative; background:#fff; }
.board-view-wrap .doc-file .file-view:before{ width:21px; height:21px; margin-bottom:5px; background: url(https://www.bsseogu.go.kr/img/common/doc-white.png) no-repeat center center #555; position:Absolute; left:4px; top:4px; display:block; content:""}

.board-view-wrap .doc-file .file-down{display:inline-block; position:relative; line-height:28px; height:30px; vertical-align:top; padding-left:40px; font-size:14px; color:#555; margin-left:5px;}
.board-view-wrap .doc-file .file-down:before{ width:28px; height:28px;;border:1px solid #cbcfd4; background:#fff url(https://www.bsseogu.go.kr/img/common/down-black.png) no-repeat center center ; display:block; content:""; position:absolute; left:0; top:0;}

.view-photo-wrap{margin-top:30px;}
.view-photo-wrap .item .img-wrap { position:relative;}
.view-photo-wrap .item .btn-wrap { position:absolute; right:20px; bottom:20px;}
.view-photo-wrap .item img{max-width: 100%; }
.view-photo-wrap .item video{width:100%;}
.view-photo-wrap .item .stxt { padding:13px ; background:#f3f3f4; font-size:13px; font-weight:500; color:#555; letter-spacing:-0.05em; display:block;}

.view-photo-wrap .slick-prev{ width:60px; height:60px; z-index:9999; position:absolute; left:0; top:50%;margin-top:-30px; background:url(https://www.bsseogu.go.kr/img/common/photo-prev.png) no-repeat center center rgba(0,0,0,0.6)}
.view-photo-wrap .slick-next{ width:60px; height:60px;  z-index:9999;position:absolute; right:0; top:50%;margin-top:-30px; background:url(https://www.bsseogu.go.kr/img/common/photo-next.png) no-repeat center center rgba(0,0,0,0.6)}
.view-photo-wrap .slick-prev:before{display:none}
.view-photo-wrap .slick-next:before{display:none;}

.view-photo-thumnails{margin:20px -10px 20px -10px}
.view-photo-thumnails .item { height:120px; margin:0 10px;border:1px solid #cbcfd4; cursor:pointer }
.view-photo-thumnails .item img{width:100%; height:100%; -webkit-filter: grayscale(100%);filter: gray;}
.view-photo-thumnails .item.slick-current img{-webkit-filter: grayscale(0%); filter: none;}
.view-photo-thumnails .item video{width:100%; height:100%; -webkit-filter: grayscale(100%);filter: gray;}
.view-photo-thumnails .item.slick-current video{-webkit-filter: grayscale(0%); filter: none;}


.board-view-wrap .con{border-top:1px solid #d9dce0; padding:30px 0;border-bottom:1px solid #112741; line-height:180%; font-size:16px; color:#6b7177; letter-spacing:-0.06em;}
.board-view-wrap .answer {border-top:1px solid #d9dce0; padding:30px 0;border-bottom:1px solid #112741; line-height:180%; font-size:16px; color:#6b7177; letter-spacing:-0.06em;}
.board-view-wrap .answer .tit { padding:12px; font-size:20px; font-weight:600; color:#fff; background:#7b8798;}
.board-view-wrap .answer .tit span { font-size:16px; font-weight:normal; margin-right:10px; color:#555; padding:0px 5px 1px; background:#fff; display:inline-block;}
.board-view-wrap .answer .txt { padding:30px 0;}
.board-view-wrap .answer .txt2 { padding:30px 0;}

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

		.view-photo-thumnails .item {margin:0 5px; height:90px;}

	}
	@media only screen and  (max-width:680px) {
		.board-view-wrap .view-photo-wrap .item .btn-wrap { right:10px; bottom:10px;}
	}

	@media only screen and  (max-width:580px) {
		.board-view-wrap h4{font-size:17px;}
		.board-view-wrap .doc-file .file-down{display:block; margin-top:5px;}

		.view-photo-thumnails{ margin:0px -2px 20px -2px}
		.view-photo-thumnails .item {margin:0 2px; height:60px;}

		.board-view-wrap .con{font-size:15px;}
		.board-view-wrap .answer{font-size:15px;}
		.board-view-wrap .answer .tit { font-size:17px;}

		.board-view-wrap .view-photo-wrap .slick-prev{width:28px; height:28px; margin-top:-24px;background-size:5px auto}
		.board-view-wrap .view-photo-wrap .slick-next{width:28px; height:28px; margin-top:-24px;background-size:5px auto}
	}

/*게시판 글보기02*/
.board-view-wrap02 {font-size:14px; }
.board-view-wrap02 table {min-width:320px; font-size:14px;border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;}

.board-view-wrap02 table thead th {padding:12px 5px;background:#f3f3f4;border-left:1px solid #cfd4d9;color:#333; }
.board-view-wrap02 table thead th.vline {border-bottom:1px solid #cfd4d9;}
.board-view-wrap02 table th:first-child, .board-write-wrap table td:first-child {border-left:0;}
.board-view-wrap02 table th, .board-write-wrap table td {border:1px solid #cfd4d9;border-right:none; border-left:none;word-wrap:break-word;}
.board-view-wrap02 table th:first-child, .board-write-wrap table td:first-child{border-left:none}
.board-view-wrap02 table th.line, .board-write-wrap table td.line {border-right:1px solid #cfd4d9;} /* 셀병합시 우측 라인 안나올 경우 */

.board-view-wrap02 table tbody th{background:#f3f3f4;color:#555; font-weight:600; border-bottom:1px solid #cfd4d9; padding:13px 0px; text-align:left;}
.board-view-wrap02 table tbody th span{padding:0 10px; display:block;}
.board-view-wrap02 table tbody th span.nec{padding-right:15px; background:url(/cmmImg/Board/ico_nec.png) no-repeat right 4px;}
.board-view-wrap02 table tbody td{padding:8px 10px; border-bottom:1px solid #cfd4d9; border-left:1px solid #cfd4d9;}
.board-view-wrap02 table tbody td:first-child{border-left:none;}
.board-view-wrap02 table tbody td a:hover{color:#333;}
.board-view-wrap02 .btnwarp a { margin:0 2px;}


	@media all and (max-width:680px) {

		.board-write-wrap colgroup{display:none;}
		.board-write-wrap table tbody th{width:90px;}
	}
	@media all and (max-width:480px) {

	}
/*비밀번호 확인*/
.board-pass{margin:0 auto; background:#f7f7f7; border:1px solid #d8dbe2; padding:90px 0px; text-align:center;}
.board-pass .btxt{font-size:26px; padding-bottom:10px; letter-spacing:-0.05em; line-height:110%; color:#3d434c}
.board-pass .stxt{font-size:15px; padding-bottom:30px; letter-spacing:-0.05em;color:#555;}
.board-pass p input[type='password']{width:30%; height:32px; display:inline-block; vertical-align:top; background:#fff; border:1px solid #cbcfd4; vertical-align:top; padding:0px 0px 0px 10px; margin:0px;}
.board-pass p input[type='button']{font-size:13px; height:34px; background:#d4373a; line-height:32px; border:none;  display:inline-block;vertical-align:top; padding:0px 20px; color:#fff; cursor:pointer;}

	@media only screen and  (max-width:680px) {
		.board-pass{padding:50px 0}
		.board-pass .btxt{font-size:22px;}
		.board-pass .stxt{ font-size:14px;}
		.board-pass p input[type='password']{width:60%;}
	}
/* 페이징 */
.paging-wrap{font-size:0px; text-align:center; display:block; position:relative;}
.paging-wrap.no-bd a.ctrl , .paging-wrap.no-bd li a{border:none !important}
.paging-wrap.no-bd li a.active, .paging-wrap li:hover a{background:none !important;color:#c62828 !important; border:1px solid #c62828;}
.paging-wrap.no-bd li a:hover{background:none !important}

.paging-wrap a.ctrl{ display:inline-block; margin:0 1px;vertical-align:top;text-decoration: none; width:30px; height:30px; font-size:15px; color:#b4b4b4; text-align:center; border:1px solid #dadada; line-height:28px;font-weight:400;}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap li a{display:block; margin:0 1px; position:relative; text-decoration: none;width:30px; height:30px; font-size:14px; color:#666; text-align:center; border:1px solid #dadada;  line-height:28px;font-weight:400;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.paging-wrap li a.active, .paging-wrap li a.active:hover{ color:#fff;background:#d5393c; border:1px solid #c62828 ;text-decoration:underline}

.paging-wrap a.first{background:url(https://www.bsseogu.go.kr/img/common/page-ctrl.png) no-repeat -4px center; }
.paging-wrap a.prev{background:url(https://www.bsseogu.go.kr/img/common/page-ctrl.png) no-repeat -46px center}
.paging-wrap a.next{background:url(https://www.bsseogu.go.kr/img/common/page-ctrl.png) no-repeat -85px center}
.paging-wrap a.last{background:url(https://www.bsseogu.go.kr/img/common/page-ctrl.png) no-repeat -126px center; border-right:1px solid #dadada;}


.paging-wrap2{font-size:0px; text-align:center; display:block; position:relative;}
.paging-wrap2 li:hover a{background:none !important;color:#c62828 !important; border:1px solid #c62828;}

.paging-wrap2 li, .paging-wrap2 ul{display:inline-block; vertical-align:top;}
.paging-wrap2 li a{display:block; margin:0 1px; position:relative; text-decoration: none;width:30px; height:30px; font-size:14px; color:#666; text-align:center; border:1px solid #dadada;  line-height:28px;font-weight:400;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.paging-wrap2 li.active a, .paging-wrap2 li.active:hover a{ color:#fff;background:#d5393c; border:1px solid #c62828 ;text-decoration:underline}

.paging-wrap2 li.first a, .paging-wrap2 li.prev a, .paging-wrap2 li.next a, .paging-wrap2 li.last a { border:none;}
.paging-wrap2 li.first a img, .paging-wrap2 li.prev a img, .paging-wrap2 li.next a img, .paging-wrap2 li.last a img { width:100%;}

	@media only screen and  (max-width:900px) {
		.paging-wrap a.ctrl{width:26px; height:26px ;line-height:26px;background-size:120px auto !Important}
		.paging-wrap li a{width:26px; height:26px; line-height:26px;font-size:13px;}

		.paging-wrap a.first{background-position:-1px 0}
		.paging-wrap a.prev{background-position:-33px 0}
		.paging-wrap a.next{background-position:-61px 0}
		.paging-wrap a.last{background-position:-92px 0}

		.paging-wrap2 li a {width:26px; height:26px; line-height:24px; font-size:13px;}
		.paging-wrap2 li.first a, .paging-wrap2 li.prev a, .paging-wrap2 li.next a, .paging-wrap2 li.last a {width:28px;}

	}





/*개인정보취급방침박스*/
.terms_box  { height:180px; padding:8px 10px; color:#555; font-size:14px; /*background:#f8f9fb;*/ border:1px solid #ccc; overflow-y:scroll;}
.terms_box h3 { font-size:15px; color:#222;}
.terms_box .section { margin-top:20px;}
.terms_box .section ul { margin-top:8px;}
.terms_box .section li {padding-left:8px; background:url(https://www.bsseogu.go.kr/img/ceo/Sub/list-dot.jpg) no-repeat left center;}
.terms_chk { margin-top:10px; text-align:center; font-size:15px; color:#666;}
.terms_chk input { vertical-align:middle;}

	@media only screen and  (max-width:680px) {
		.terms_box { font-size:13px;}
		.terms_chk { font-size:14px;}

	}	                                                                                                                                                                                                                 /*복지포털 지도버튼*/
.go_map02 {background: url(https://www.bsseogu.go.kr/img/common/go_map02_b.png) no-repeat left center;padding: 0 0 0 21px !important; display:inline-block;}
.go_map02:hover {background: url(https://www.bsseogu.go.kr/img/common/go_map02_w.png) no-repeat left center;padding: 0 0 0 21px !important; display:inline-block;}

/*고시공고*/

.jin_gosi_search {    float: right;
    position: relative;
    padding-left: 125px;
    padding-right: 105px;}

.jin_gosi_search input { width:100%;
    border: 1px solid #dfdfdf;
    height: 34px;
    background: #f5f5f5;
    padding: 0px 0px 0px 10px;
    margin: 0px;
    box-sizing: border-box;}

.jin_gosi_search button {    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 34px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.06em;
    background: #005fca;
    vertical-align: top;
    border: 0px;
    cursor: pointer;}

	@media only screen and (max-width: 1000px){
	.jin_gosi_search  {
    box-sizing: border-box;}
}



.jin_gosi_input  {width:229px !important; float:right;}
.jin_gosi_select-box{position:absolute; right:340px; top:0;;border:1px solid #dfdfdf; height:32px; display:inline-block;vertical-align:top; width:138px;}
@media only screen and  (max-width:1000px) {
	.jin_gosi_input  {width:100%;}
}

/* list : photo02 (width:50%) */

.photo_width50 { width:100%; }
.photo_width50 li { float:left; width:48.05%; margin-right:35px;}
.photo_width50 li:last-child { margin-right:0; }

	@media all and (max-width:1000px) {
		.photo_width50 li { width:100%; margin:0 0 30px 0; }
	}


/* 정보공개 - 행정정보 - 빅데이터 활용 시책 소제목 (20190325추가) */

.about01_bigdata_tit { position:relative; width:100%; height:30px; padding:30px 0; border-top:dashed 1px #ccc; border-bottom:dashed 1px #ccc; margin:60px 0; }
.about01_bigdata_tit .ic { position:absolute; top:-40px; display:inline-block; width: 152px; height: 167px; float:left; margin-left:30px; text-indent:-9999px; z-index:100; }
.about01_bigdata_tit .ic01 { background: url(https://www.bsseogu.go.kr/img/portal/sub/s4_01_09_title_ic01.png) no-repeat 0; }
.about01_bigdata_tit .ic02 { background: url(https://www.bsseogu.go.kr/img/portal/sub/s4_01_09_title_ic02.png) no-repeat 0; }
.about01_bigdata_tit .ic03 { background: url(https://www.bsseogu.go.kr/img/portal/sub/s4_01_09_title_ic03.png) no-repeat 0; }
.about01_bigdata_tit .ic04 { background: url(https://www.bsseogu.go.kr/img/portal/sub/s4_01_09_title_ic04.png) no-repeat 0; }
.about01_bigdata_tit .tit { color:#392bc1; font-size:23px; font-weight:bold; float:left; margin-left:190px; }
.about01_bigdata_tit .txt { color:#587ee5; font-size: 16px; font-weight:bold; float:left; margin-left:22px; }

	@media all and (max-width:1200px) {
		.about01_bigdata_tit { height:60px; margin:30px 0; }
		.about01_bigdata_tit .ic { top:-10px; display:none; float:none; background-size:70%; }
		.about01_bigdata_tit .tit { text-align:left; width:100%; margin-left:10px; }
		.about01_bigdata_tit .txt { text-align:left; width:100%; margin:10px 0 0 10px; }

	}
/*===================================================================
			[ 익스플로워에서 프린트 할 시 오류로 인한 css ] 2018.03.11
===================================================================*/
@media print{
#header-wrap {display: none;}
#footer-wrap  {display: none;}
#allMenu-new  {display: none;}
#subNavi-wrap  {display: none;}
.open-guide  {display: none;}
.depart-satisfy  {display: none;}
}

.doc-box1{background:url(https://www.bsseogu.go.kr/img/common/line-dia.jpg) repeat; padding:3px;}
.doc-box1 div.bg{background:#f8f9fb; padding:10px 25px;}
.doc-box1 dl { padding:15px 0; border-bottom:1px solid #ccc; position:relative;}
.doc-box1 dl:last-child {border-bottom:none;}
.doc-box1 dt {font-weight:600; font-size:16px;  overflow:hidden;}
.doc-box1 dt .bnt-doc {font-weight:normal; }
.doc-box1 dd {}
.doc-box1 .bnt-doc { /* position:absolute; right:0; top:10px; */ float:right;}








/* 댓글 채팅스타일 화면 : S ===================================================================================== */
/*
.rfc_bbs_point{width:calc(100% - 60px); padding:30px; background:#eceef2;}

.rfc_bbs_point ul li{content:'';display:block;clear:both;}


.rfc_bbs_point ul li dl.user01{float:left;margin-bottom: 20px; display:block;}
.rfc_bbs_point ul li dl.user01 > dt{font-size:14px; font-weight:bold;}
.rfc_bbs_point ul li dl.user01 > dd{text-align:left; margin-bottom:5px;}
.rfc_bbs_point ul li dl.user01 > dd.rfc_bbs_point_txt_left_con{display:block;padding:10px 15px;border-radius:50px;background:#3d62c2;color:#fff;margin-top:10px;}



.rfc_bbs_point ul li dl.user02{float:right;position: relative;}
.rfc_bbs_point ul li dl.user02 > dt{font-size:14px; font-weight:bold;}
.rfc_bbs_point ul li dl.user02 > dt, dd{text-align:right;}
.rfc_bbs_point ul li dl.user02 > dd{text-align:right; margin-bottom:5px;}
.rfc_bbs_point ul li dl.user02 > dd.rfc_bbs_point_txt_left_con{display:block;padding:10px 15px;border-radius:50px;background:#fff;margin-top:10px;position: relative;}
*/


/* 댓글 채팅스타일 화면 : E ===================================================================================== */

 dl.qna { width:100%; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #dedede; overflow:hidden;}
dl.qna p { float:left; width:24px; }
dl.qna div { float:right; width:96%; }
dl.qna dt { clear:both; font-weight:600; color:#333;}
dl.qna dd { clear:both; margin-top:30px; padding-top:10px;}
dl.qna div ul { padding-top:10px; }
dl.qna div ol { padding-top:10px; }

@media only screen and (max-width:768px){
	dl.qna div { float:right; width:93%; }
}
                                                                    
   .cB{clear:both;}               


	 
 /* 적극행정 링크박스 */
 .link_box{position:relative; margin-top:20px;}
 .link_box ul{display:flex; flex-wrap:wrap;}
 .link_box ul li{width:calc(50% - 20px);height:140px;margin-right:15px;margin-bottom:15px;border-top: 3px solid #136ccf;border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada;text-align:center;padding-top:50px;background: url('https://www.bsseogu.go.kr/img/portal/sub/posi_admin_bg.png') no-repeat 0;}
 .link_box ul li img{display:block; margin:0 auto; padding-bottom:30px;}
 
 @media all and (max-width: 640px){
   .link_box ul li{width: 100%;margin-right: 0;padding-top: 25px;height: 270px}
   .link_box ul li h3{margin-bottom: 20px}       
 	}            
	                                   
.border_btn{text-align:center; margin-top:50px}
.border_btn a{width: 160px; display: inline-block; padding: 20px 0; border-radius: 3px; color:#fff; font-size:18px; font-weight:bold}
.border_btn a.bg01{background-color:#005ea9}
.border_btn a.bg02{background-color:#00ab2c}


.over_curser:hover{color: red !important; text-decoration: underline;} 

/*  복지정책 제도안내 챗봇 */
.chatpositon{position: relative;}
.chatbot{position: fixed; bottom: 0; right: 0;}
.chatbot>a{display: block; width: 7.75em; height: 10.31em; background: url(https://www.bsseogu.go.kr/img/welfare/Sub/Busan_enter_image.svg) center center no-repeat; background-size: contain;}	
.chatbot>a:hover{background-image:url(https://www.bsseogu.go.kr/img/welfare/Sub/Busan_hover_image.svg);}               


.help-box01 .btxt > br{display: none;}
.help-box01 .inBox_txt{display: flex; flex-wrap: nowrap; align-items: center; gap: 1.5rem;}
.help-box01 .inBox_txt > img{width: 130px; flex-shrink: 0;}

@media only screen and (max-width: 500px){
	.help-box01 .btxt > br{display: block;}
	.help-box01 .inBox_txt{flex-wrap: wrap; justify-content: center;}
}