/*寃뚯떆?? 寃??? - 吏㏃?*/
.board-top{padding-bottom:10px; overflow:hidden; padding:10px 0 20px 0}
.board-top .total{ float:left; position:relative;padding:4px 0px 4px 25px; line-height:26px; color:#41454c; background:url(/images/common/bordtop_icon01.png) no-repeat 0 50%;}
.board-top .total span{ color:#d5393c; font-weight:600;}

.board-top+.board-list-wrap {margin-top:0;}
.board-top+.tbl_wrap {margin-top:0;}

.board-top .search{ float:right; width:25%; position:relative; padding-left:125px; padding-right:47px;}
.board-top .search input{width:100%; border:1px solid #dfdfdf; height:42px; background:#f5f5f5; padding:0px 0px 0px 10px; margin:0px; box-sizing:border-box; font-size:15px;}
.board-top .search button{position:absolute; right:0; top:0; width:42px; height:42px; color:#fff; font-size:14px; font-weight:600; letter-spacing:-0.06em; vertical-align:top; border:0px; cursor: pointer; background:#ee6575 url(/images/common/wsearch.png) no-repeat 50% 50%; text-indent:-9999px;}

.board-top .select-box{position:absolute; left:0; top:0;border:1px solid #dfdfdf; height:40px; display:inline-block;vertical-align:top; width:120px;}
.board-top .select-box select{font-size:15px; height:40px;  -webkit-appearance:none;box-sizing:border-box; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0; padding:0; background:url(/images/common/arrow-select.png) no-repeat right 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:40px; display:inline-block;vertical-align:top; width:120px;}
.board-top .select-boxs select{font-size:13px; height:10px;  -webkit-appearance:none;box-sizing:border-box; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0; padding:0; background:url(/images/common/arrow-select.png) no-repeat right center #f5f5f5; padding-left:5px; }
.board-top .select-boxs select::-ms-expand{display:none;}

.board-top .search.se2 {padding-left:250px;}
.board-top .search.se3 {padding-left:375px;}
.board-top .select-box.sein2 {left:125px; top:0;}
.board-top .select-box.sein3 {left:250px; top:0;}

	@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:768px) {
		.board-top .total {font-size:13px;}
		.board-top .search.se2 {padding-left:190px;}
        .board-top .search.se3 {padding-left:285px;}
        .board-top .search.se2 .select-box {width:90px;}
        .board-top .search.se3 .select-box {width:90px;}
		.board-top .select-box.sein2 {left:95px; top:0;}
		.board-top .select-box.sein3 {left:190px; top:0;}
        

		
	}
	@media only screen and (max-width:500px) {
		.board-top .search.se3 {padding-left:0!important;}
		.board-top .search.se3 .select-box{position:relative; left:0!important; top:0; display:inline-block; width:100px!important;}
		.board-top .search.se3 .select-box.sein3 {margin-left:3px;}
		.board-top .search.se3 input {margin-top:5px;}
		.board-top .search.se3 button{position:absolute; right:0; top:auto; bottom:0;}

	}


/*寃뚯떆?? 湲??곌린*/
.board-write-wrap{border-top:2px solid #333;}
.board-write-wrap textarea{width:100%; box-sizing:border-box;  border:1px solid #cbcbcb;text-indent:5px }
.board-write-wrap table {min-width:320px;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:#333; border-bottom:1px solid #cfd4d9; padding:13px 0px; font-weight:600; box-sizing:border-box;}
.board-write-wrap table tbody th span{display:inline-block;}
.board-write-wrap table tbody th span.nec{padding-right:15px; position:relative;}
.board-write-wrap table tbody td{padding:8px 10px; border-bottom:1px solid #cfd4d9; border-left:1px solid #cfd4d9; text-align:left; line-height:38px; font-size:15px; box-sizing:border-box;}
.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 p.point {font-size:13px; color:#ff0000;}

.board-write-wrap table tbody td select{border:1px solid #cbcbcb; padding:0 30px 0 5px; color:#555;margin:0; background:#fff; height:38px; background:url(/images/common/arrow-select.png) no-repeat right center; font-size:15px;}
.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:38px;}

.board-write-wrap table tbody td .filetype {position: relative; display:inline-block; vertical-align:top;}
.board-write-wrap input[type=checkbox], .board-write-wrap input[type=radio] { margin-right:7px;}
.board-write-wrap textarea {min-height:90px;}
.board-write-wrap .addbtn a {border-radius:3px; background:#666; color:#fff; line-height:38px; display:inline-block; padding:0 15px;}

@media all and (max-width:680px) {
    .board-write-wrap colgroup{display:none;}
    .board-write-wrap table tbody th{display:block; width:100%; padding:5px 10px 0 10px;  border:none!important; background:none; text-align:left;}
    .board-write-wrap table tbody th span {position:relative; padding-left:10px;}
    .board-write-wrap table tbody th span::before {content:''; display:inline-block; width:3px; height:3px; background:#333; position:absolute; top:10px; left:0;}
    .board-write-wrap table tbody td{display:block; width:100%; box-sizing:border-box; border-left:0; padding:0 10px 10px 10px; border-top:0;}
}
@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:768px) {
    .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%;}
}


/* 寃뚯떆?? 紐⑸줉 */
.board-list-wrap table {border-top:2px solid #ee6575;border-collapse:inherit;}
.board-list-wrap table thead th{font-size:16px;text-align:center; font-weight:600;  padding:14px 0 12px 0px; border-left:1px solid #dde1e4;color:#3f4040;background:#f9f9f9; 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:16px; text-align:center; padding:14px 5px 12px 5px; border-bottom:1px solid #dde1e4;color:#666; }
.board-list-wrap table tbody td{font-size:16px; text-align:center; padding:14px 5px 12px 5px;border-left:1px solid #dde1e4; border-bottom:1px solid #dde1e4;color:#666; font-weight:300;}
.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; width:calc(100% - 10px); margin-top:-5px;}
.board-list-wrap table tbody td.l.s01 a {width:calc(100% - 65px);}
.board-list-wrap table tbody td.l.s02 a {width:calc(100% - 50px);}
.board-list-wrap table tbody td.l.s03 a {width:calc(100% - 115px);}

.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(/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:768px) {

		.board-list-wrap table{border-bottom:1px solid #dde1e4; border-collapse: collapse;}
		.board-list-wrap table colgroup{display:none;}
        .board-list-wrap table thead{display:none;}
        .board-list-wrap table tbody tr {border-top:1px solid #dde1e4;}
		.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:10px; font-size:14px;}
		.board-list-wrap table tbody td.l{ padding-bottom:0;display:block;border-bottom:none;padding:15px 0px 5px 0px; width:100%; box-sizing:border-box; }
		.board-list-wrap table tbody td.l a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:16px; box-sizing:border-box; padding:0 10px;}

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




/*寃뚯떆?? 湲?蹂닿린*/
.board-view-wrap {position:relative; border-top:2px solid #333;}
.board-view-wrap p.title{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%; margin:0;}

.board-view-wrap .info{background:#f9f9f9;  padding:10px 15px 13px 15px; font-size:0; }
.board-view-wrap .info li{display:inline-block; vertical-align:top; font-size:14px; color:#555; margin-right:22px; position:relative;}
.board-view-wrap .info li:after{background:#cbcfd4; width:1px; height:10px; position:absolute; right:-11px; top:10px; margin-top:-3px; display:block;content:"";}
.board-view-wrap .info li:last-child:after{display:none;}

.board-view-wrap .etc {padding:10px 15px 13px 15px; font-size:0; border-top:1px solid #cbcfd4; clear:both;}
.board-view-wrap .etc li{display:inline-block; vertical-align:top; font-size:14px; color:#555; margin-right:22px; position:relative;}
.board-view-wrap .etc li strong {margin-right:5px;}
.board-view-wrap .etc li span{padding-left:15px; position:relative;}
.board-view-wrap .etc li span::before {content:''; display:block; width:10px; height:10px; position:absolute; top:5px; left:0; background:url(/images/common/loca_bg.png) no-repeat 50% 50%;}
.board-view-wrap .etc li span:nth-child(2){padding-left:0;}
.board-view-wrap .etc li span:nth-child(2)::before{display:none;}


.board-view-wrap .doc-file{background:#fff;  padding:10px 15px 10px 15px; border-top:1px solid #cbcfd4; font-size:14px;}
.board-view-wrap .doc-file .file-view{margin-bottom:5px; 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(/images/common/board_view.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(/images/common/board_down.png) no-repeat center center ; display:block; content:""; position:absolute; left:0; top:0;}



.view-photo-wrap{position:relative; background-color:#f7f7f7; border-top:1px solid #cbcfd4;}
.view-photo-wrap .item .img-wrap { position:relative; text-align:center;}
.view-photo-wrap .item .btn-wrap { position:absolute; right:20px; bottom:20px;}
.view-photo-wrap .item img{max-width: 100%; margin:0 auto;}
.view-photo-wrap .item .stxt { padding:13px ; background:rgba(0,0,0,0.7); font-size:14px; font-weight:300; color:#fff; letter-spacing:-0.05em; display:block; position:absolute; top:0; left:0; width:100%;}
.view-photo-wrap .slick-prev{ width:60px; height:60px; z-index:9999; position:absolute; left:0; top:50%;margin-top:-30px; background:rgba(0,0,0,0.5) url(/images/portal/main/map_left.png) no-repeat 50% 50%; text-indent:-9999px;}
.view-photo-wrap .slick-next{ width:60px; height:60px;  z-index:9999;position:absolute; right:0; top:50%;margin-top:-30px; background:rgba(0,0,0,0.5) url(/images/portal/main/map_right.png) no-repeat 50% 50%;text-indent:-9999px;}
.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;}

.board-view-wrap .board_con{padding:30px;border-bottom:1px solid #112741; line-height:180%; font-size:16px; color:#6b7177; letter-spacing:-0.06em;border-top:1px solid #cbcfd4;}

.answer { line-height:180%; font-size:16px; color:#6b7177; letter-spacing:-0.06em; word-break: initial;}
.answer .answer_box {padding:20px; border:1px solid #dedede; margin-bottom:10px; position:relative;}
.answer .answer_box .tit { font-size:16px; font-weight:600; color:#333; border-bottom:1px dashed #dedede; padding-bottom:10px;}
.answer .answer_box .tit span { font-size:14px; font-weight:normal; margin-right:10px; color:#fff; padding:0px 5px 1px; background:#666; display:inline-block; border-radius:3px;}
.answer .answer_box .info{padding:5px 0px; position:absolute; top:20px; right:20px;}
.answer .answer_box .info li{display:inline-block; vertical-align:top; font-size:14px; color:#555; margin-right:22px; position:relative;}
.answer .answer_box .info li:after{background:#cbcfd4; width:1px; height:10px; position:absolute; right:-11px; top:12px;margin-top:-3px; display:block;content:"";}
.answer .answer_box .info li:last-child:after{display:none;}

.answer .answer_box .txt { padding:20px 0;}
.answer .answer_box .txt2 { padding:20px 0;}
.answer .answer_box .file {position:relative; line-height:28px;}
.answer .answer_box .file strong {width:28px; height:28px;border:1px solid #cbcfd4; background:#fff url(/images/common/board_down.png) no-repeat 50% 50% ; display:inline-block; text-indent:-9999px; margin-right:5px;}
.answer .answer_box .file span {display:inline-block; line-height:28px;}
.answer .ov a {margin-left:5px;}




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

        .view-photo-thumnails .item {margin:0 5px; height:90px;}
        .answer .answer_box .info{padding:5px 0px; position:relative; top:initial; right:initial; border-bottom:1px solid #dedede;}

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

	@media only screen and  (max-width:580px) {
		.board-view-wrap p.title{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 .board_con{font-size:15px; padding:15px;}
		.answer{font-size:15px;}
		.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}
	}

.view-video-wrap{position:relative; background-color:#f7f7f7; border-top:1px solid #cbcfd4; border-bottom:1px solid #cbcfd4; padding:20px;}
.view-video-wrap .mov{float:left; width:50%; min-height:300px;}
.view-video-wrap .mov video {width:100%; height:300px; background-color: #000;}
.view-video-wrap .video_con {float:right; width:50%; box-sizing:border-box; overflow-y:auto; padding:20px; border:1px solid #dedede; background-color:#fff; height:300px;}
@media only screen and  (max-width:680px) {
	.view-video-wrap .mov{float:none; width:100%; min-height:0;}
	.view-video-wrap .mov video{height:auto;}
	.view-video-wrap .video_con{float:none; width:100%; overflow-y: initial; height:auto;}
}







.board_btn {margin-top:20px;}
.board_btn a {margin-right:5px; height:49px; vertical-align: top;}
.board_btn input { height:49px; vertical-align: top;}
.board_btn a:last-child {margin-right:0;}

/* ?ㅻЦ議곗궗 ?곹깭 */
span.doing	{color:#fff; background:#347ed1; padding:3px 15px; display:inline-block; border-radius:3px;}
span.ready	{color:#fff; background:#40991d; padding:3px 15px; display:inline-block; border-radius:3px;}
span.done	{color:#fff; background:#666; padding:3px 15px; display:inline-block; border-radius:3px;}

.surveytit {border-top:1px solid #cbcfd4; border-bottom:1px solid #cbcfd4; padding:20px 0px; }
.vote_list dt {background:#f2f2f2; padding:15px 15px; font-size:18px; font-weight:600; color:#000;}
.vote_list dd {border-bottom:1px solid #cbcfd4; padding:10px 15px; line-height:30px;}
.vote_list dd p.sf {position:relative; padding-left:12px;}
.vote_list dd p.sf::before {content:''; display:block; width:4px; height:4px; background:#666; position:absolute; top:13px; left:3px;}
.vote_list dd ol p.sf {margin-left:10px;}


.life_gallery {position:relative;  margin-bottom:20px;}
.life_gallery .life_gallery_con {float:left; width:49%;  margin-bottom:20px;}
.life_gallery .life_gallery_con:nth-child(even) {float:right;}

.life_gallery .life_gallery_con .photo {float:left; width:40%; height:160px; overflow:hidden;}
.life_gallery .life_gallery_con .photo img {height:100%; width:100%; transition:all .5s;}
.life_gallery .life_gallery_con div.lf_info {float:right; width:56%; box-sizing:border-box; font-size:15px; color:#333; }
.life_gallery .life_gallery_con div.lf_info p.title {font-size:18px; font-weight:600; color:#000; margin-bottom:10px; overflow: hidden;    word-break: break-all;    text-overflow: ellipsis;  white-space:nowrap;}
.life_gallery .life_gallery_con ul {margin-bottom:5px;}
.life_gallery .life_gallery_con ul li {/*display:inline-flexbox;*/ justify-content: space-between; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis;}
.life_gallery .life_gallery_con ul li strong {display:inline-block; width:80px; }    
.life_gallery .life_gallery_con div.lf_info p.life_con {display: block;    overflow: hidden;    word-break: break-all;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp:2;    -webkit-box-orient: vertical;    height: 44px;    line-height: 22px;
    font-weight: 400; }

.life_gallery .life_gallery_con a {display:block; border:1px solid #dedede; box-sizing:border-box; padding:15px ;  }
.life_gallery .life_gallery_con a:hover {border:1px solid #ee6575; }
.life_gallery .life_gallery_con a:hover .photo img {    transform: scale3d(1.1,1.1,1.1);    -webkit-transform: scale3d(1.1,1.1,1.1);    -moz-transform: scale3d(1.1,1.1,1.1);}

@media only screen and  (max-width:768px) {
	.life_gallery .life_gallery_con {float:none!important; width:100%;}
}

  
/* ------------------------- */



p.nodata {text-align:center; border:3px solid #dedede; padding:30px 0px; text-align:center;}

.boardbtn input, .boardbtn a {vertical-align: top;}   


/*포토갤러리*/
.photolist-wrap { width:100%; }
.photolist-wrap ul {padding-top:20px; overflow:hidden; }
.photolist-wrap ul li { float:left; width:32%; margin-right:2%; margin-bottom:30px; border:1px solid #999; background:#fff; box-sizing:border-box; transition:all 0.3s;}
.photolist-wrap ul li:nth-child(3n) {margin-right:0; }

.photolist-wrap .img {height:250px; position:relative;  overflow:hidden; display:block; background-color:#f6f6f6;}
.photolist-wrap .img img {width:100%; height:100%; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}

.photolist-wrap li p.list_cc {padding:30px;}
.photolist-wrap .btxt {font-size:24px; color:#000; display:block;  font-family: 'GmarketSans'; font-weight:600; margin-bottom:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:30px;transition:all 0.3s;}
.photolist-wrap .btxt a {color:#000;transition:all 0.3s;}
.photolist-wrap .ctxt {padding-left:20px; position:relative; display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 53px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.photolist-wrap .ctxt::before {content:''; display:block; width:16px; height:14px; position:absolute; top:5px; lefT:0; background:url(/images/common/photo_icon.png) no-repeat 50% 50%;}

.photolist-wrap .date { font-size:13px; color:#555; padding-right:10px; margin-right:5px; }
.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);}

.photolist-wrap li:hover {border:1px solid #3366cc; box-shadow:5px 5px 7px rgba(0,0,0,0.2);}
.photolist-wrap li:hover .btxt a {color:#3366cc; }
.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 li p.list_cc .category {display:inline-block;margin-bottom:10px;padding:7px 7px 9px 7px; color: #fff;font-size:13px;line-height:1; border-radius:2px;}
.photolist-wrap li p.list_cc .category.cat1{background-color:#0888F5;}
.photolist-wrap li p.list_cc .category.cat2{background-color:#79c124;}
.photolist-wrap li p.list_cc .category.cat3{background-color:#1D57C7;}
.photolist-wrap li p.list_cc .category.cat4{background-color:#FF9311;}
.photolist-wrap li p.list_cc .category.cat5{background-color:#FABE00;}
.photolist-wrap li p.list_cc .category.cat6{background-color:#0888F5;}
.photolist-wrap li p.list_cc .category.cat7{background-color:#0888F5;}
.photolist-wrap li p.list_cc .category.cat8{background-color:#0888F5;}


@media only screen and  (max-width:860px) {
    .photolist-wrap ul li { float:left; width:48%; margin-right:4%; }
    .photolist-wrap ul li:nth-child(3n) {margin-right:4%; }
    .photolist-wrap ul li:nth-child(even) {margin-right:0!important; }
}

@media only screen and  (max-width:600px) {
    .photolist-wrap ul li { float:left; width:49%; margin-right:2%; }    
    .photolist-wrap ul li:nth-child(3n) {margin-right:2%; }
    .photolist-wrap ul li:nth-child(even) {margin-right:0!important; }
    .photolist-wrap .img {height:180px; }
    .photolist-wrap li p.list_cc {padding:20px 15px;}
}





/* 게시글 검색 */
div.board_search {text-align:center; background:#fafafa; margin-bottom:20px; padding:20px; border: 2px dotted #f1f1f1;}
div.board_search select {height:40px; line-height:40px; padding-left:10px;  background: url(/images/lll/selarr_btn.png)no-repeat 90% 17px #fff; border:1px solid #ccc; vertical-align:top;}
div.board_search input {height:40px; line-height:40px; width:300px; margin-top:0; vertical-align:top;}
div.board_search input.board_search_btn {cursor: pointer; background:#333; color:#fff; font-weight:bold; border:none; padding:0px 20px; height:40px; line-height:40px; width:80px; vertical-align:top;}

@media all and (max-width:768px){
    div.board_search input {width:120px; margin-bottom:5px;}
    div.board_search input.board_search_btn { width:70px;}
    
}




/* 게시글 목록 */
.page_num {position:relative;padding-left:20px;}
.page_num::before {content:'';display:block;width:13px;height:13px;background: url(/images/lll/page_num.png)no-repeat;position:absolute;top: 7px;left:0;}
.page_num span {color:#999;}

.tb_board {width:100%; border:0; border-collapse:collapse; margin-bottom:40px; margin-top:20px;}
.tb_board th {padding:20px 8px; border-bottom: 1px solid #ddd; border-top:2px solid #2c395f; background: #eff2f9; box-sizing: border-box;}
.tb_board td {padding:15px 8px 17px 8px; border-bottom: 1px solid #ddd; color:#555;text-align:center;}
.tb_board tr:first-child td {border-top:0}
.tb_board tr:hover,.tb_board tr:active, .tb_board tr:focus {background:#f5f5f5}

.tb_board .num {width:8%}
.tb_board .num_notice {width:28%;text-align:left}
.tb_board .subject {width:auto}
.tb_board td.subject {padding:12px 10px 10px 5px;color:#333;text-align:left}
.tb_board .subject a {color:#333}
.tb_board .subject a:hover, .tb_board .subject a:active, .tb_board .subject a:focus {color:#0033cc;}
.tb_board .writer {width:12%}
.tb_board .publish {width:8%}
.tb_board .reply {width:8%}
.tb_board .date {width:14%}
.tb_board .file {width:8%}
.tb_board .file a {width:18px; height:18px; display:inline-block;}
.tb_board .refer {width:9%}

@media all and (max-width:768px){
    .tb_board .num, .tb_board .num_notice, .tb_board .publish, .tb_board .reply, .tb_board .date, .tb_board .file, .tb_board .refer {display:none; width:0;}
    .tb_board .writer {width:25%}
    .k_bd .num, .k_bd .num_notice, .k_bd .publish, .k_bd .reply, .k_bd .date, .k_bd .file, .k_bd .refer {display:none; width:0;}
    .k_bd .writer {width:25%}
	.tb_board .mdn,
	.tb_board colgroup {display:none;}
	.tb_board td {word-break: break-all;}
}

/* 게시글 읽기 */
.tb_board_read {width:100%; border:0; border-collapse:collapse; margin-bottom:30px; table-layout: fixed;}
.tb_board_read thead {border-top:2px solid #2c395f;}
.tb_board_read thead td.title {border-top:2px solid #2c395f;  text-align:center; background: #eff2f9; padding:20px 8px;  border:none;  border-bottom:1px solid #e5e5e5; font-weight:bold; font-size:18px;}
.tb_board_read thead th.title {border-top:2px solid #2c395f;  text-align:center; background: #eff2f9; padding:20px 8px;  border:none;  border-bottom:1px solid #e5e5e5; font-weight:bold; font-size:18px;}
.tb_board_read.gallery_list_read {letter-spacing:0.05em!important; line-height:160%!important;}
.tb_board_read.gallery_list_read th.title p { color:#105dda; font-size:16px; margin-top:10px; font-weight:500;}

.tb_board_read td {padding:15px 8px 17px 8px; border:0; border-bottom:1px solid #e5e5e5;color:#555;text-align:center; text-align:left;}
.tb_board_read thead td.rc {font-size:15px;}

.tb_board_read thead td.rc span {padding-left:10px; display:inline-block; position:relative; margin-left:9px;}
.tb_board_read thead td.rc span::before {content:''; display:block; width:1px; height:12px; background:#dedede; position:absolute; top:5px; left:0;}
.tb_board_read thead td.rc span:nth-child(1) {margin:0; padding:0;}
.tb_board_read thead td.rc span:nth-child(1)::before {display:none;}
.tb_board_read thead td.rc span strong{ margin-right:5px; color:#000; }

.tb_board_read thead td.attach_list {font-size:14px;}
.tb_board_read thead td.attach_list span.board_file {display:block; line-height:30px; margin:3px 0px;}
.tb_board_read thead td.attach_list span.board_file a {vertical-align:top;}
.tb_board_read thead td.attach_list span.board_file a img {vertical-align: top;}
.tb_board_read thead td.attach_list span.board_file a.board_view {width:32px; height:32px;  text-indent:-9999px; box-sizing:border-box; position:relative; display:inline-block; border-radius:2px; margin-right:3px; background: #666 url(/images/common/spr_content.png) no-repeat -23px -68px; transition:all .2s;}
.tb_board_read thead td.attach_list span.board_file a.board_view:hover {background-color:#333;}


.tb_board_read thead td.attach_list span.board_file a.board_down {height:32px; box-sizing:border-box; border:1px solid #dedede; position:relative; display:inline-block; border-radius:2px; padding:0 10px; background:#fff; padding-left:30px; transition:all .2s; margin-right:5px;}
.tb_board_read thead td.attach_list span.board_file a.board_down::before {content:''; display:block; width:30px; height:30px; background:url(/images/common/spr_content.png) no-repeat 2px -93px; position:absolute; top:0; left:1px;}
.tb_board_read thead td.attach_list span.board_file a.board_down:hover  {background-color:#f2f2f2;}

.board_file {display:block; line-height:30px; margin:3px 0px;}
.board_file .board_down{height:32px; box-sizing:border-box; border:1px solid #dedede; position:relative; display:inline-block; border-radius:2px; padding:0 10px; background:#fff; padding-left:30px; transition:all .2s; margin-right:5px;}
.board_file a.board_down::before {content:''; display:block; width:30px; height:30px; background:url(/images/common/spr_content.png) no-repeat 2px -93px; position:absolute; top:0; left:1px;}
.board_file a.board_down:hover  {background-color:#f2f2f2;}




.tb_board_read tbody table {border-collapse:separate!important; }

div.board_read_foot {background:#f6f6f6; margin-bottom:40px;}
div.board_read_foot ul li {border-bottom:1px solid #dedede; padding:12px 5px 10px; font-size:12px; color:#666; }
div.board_read_foot ul li span {margin:0 10px;}
div.board_read_foot ul li span strong {font-size:8px; margin-top:-5px;}





/* 게시글 쓰기 */
.tb_board_write {width:100%; border:0; border-collapse:collapse;  margin-bottom:40px;}
.tb_board_write thead {border-top:2px solid #2c395f;}
.tb_board_write thead th.title {border-top:2px solid #2c395f;  text-align:center; background: #eff2f9; padding:20px 8px;  border:none;  border-bottom:1px solid #e5e5e5; font-weight:bold; font-size:18px;}

.tb_board_write tbody th {width:25%; border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px 5px 6px;}
.tb_board_write tbody td {padding:10px 8px 8px 8px; border-bottom:1px solid #dedede; line-height:38px;}
.tb_board_write tbody td input {margin-top:0; vertical-align:top;}
.tb_board_write tbody td input[type="radio"] {vertical-align:initial;}
.tb_board_write tbody td input[type="checkbox"] {vertical-align:initial;}

.tb_board_write tbody td input.file_input {border:0; padding:0}
.tb_board_write tbody td p.copy {color:#cc0000; font-size:12px;}
.tb_board_write tbody td.attach div {margin-bottom:5px;}
.tb_board_write tbody td.attach input {margin-bottom:5px; width:100%;}
.tb_board_write tbody td textarea {width:100%; border:1px solid #ccc;}

/* 게시글 페이징 */
.pageing {text-align:center; position:relative; margin-bottom:30px; clear:both;}
.pageing a {display:inline-block;width:42px;height:42px; box-sizing:border-box; border-radius:50px; line-height:40px; border:1px solid #dedede;}
.pageing a img {vertical-align:middle; margin-top:-4px;}
.pageing a.on {background:#407bdc; border:1px solid #407bdc; color:#fff;font-weight:bold; text-decoration:underline;}
.pageing strong { display:inline-block;width:42px;height:42px; box-sizing:border-box; border-radius:50px; line-height:40px; background:#407bdc; border:1px solid #407bdc; color:#fff;font-weight:bold;}

@media all and (max-width:768px){
    .pageing {text-align:center; position:relative;}
    .pageing a {display:inline-block;width:38px;height:38px;box-sizing:border-box;border-radius:50px;line-height:36px}
}

.boardbtn input,
.boardbtn a  {vertical-align:top; padding:1px; display:inline-block;}    




/* 갤러리 목록 */
.media_list {position:relative;}
.media_list ul li {background:#f6f6f6; float:left; margin-right:2%; margin-bottom:30px; width:32%;}
.media_list ul li:nth-child(3), .media_list li:nth-child(6), .media_list li:nth-child(9) { margin-right:0; }
.media_list ul li a {border:1px solid #dedede; display:block;  padding:9px; }
.media_list ul li a img {width:100%; height:150px;}
.media_list ul li p { font-size:13px; color:#333; font-weight:bold; margin-top:8px; }
.media_list ul li p span { font-size:12px; font-weight:normal; color:#767676; margin-top:30px; text-align:right; display:block;}
.media_list ul li a:hover {border:1px solid #ff9900;}
.media_list ul li a:hover p {color:#ff6600;}
.media_list ul li a:hover p span {color:#767676;}
@media all and (max-width:768px){
    .media_list {position:relative;}
    .media_list ul li {background:#f6f6f6; float:left; margin-right:0%; margin-bottom:30px; width:100%;}
    .media_list ul li:nth-child(3), .media_list li:nth-child(6), .media_list li:nth-child(9) { margin-right:0; }
    .media_list ul li a {border:1px solid #dedede; display:block;  padding:9px; }
    .media_list ul li a img {width:100%; height:150px;}
    .media_list ul li p { font-size:13px; color:#333; font-weight:bold; margin-top:8px; }
    .media_list ul li p span { font-size:12px; font-weight:normal; color:#767676; margin-top:30px; text-align:right; display:block;}
}


/* 본인인증 페이지 */
div.per {padding: 60px 40px 50px 300px;border: 5px solid #eff1fa;background: url(/images/portal/sub/per_data_ico.png) no-repeat 110px 39px;font-family: 'GmarketSans';}
div.per p.copy01 {font-size: 24px;font-weight:600;margin-bottom: 15px;color: #105dda;}
div.per p.copy02 {margin-bottom:20px;font-weight: 500;font-size: 18px;color: #555;}
div.per p.copy02 span {display: inline-block;color: #d01f0d;background: #fff677;}
div.per a {background: #344673;color:#fff;font-weight:bold;padding: 14px 25px 12px;font-size:16px;display: inline-block;margin-top: 15px;}
div.per a:hover {background:#4931ad;transition:0.3s;}

@media all and (max-width:768px){
    div.per { padding:190px 20px 50px 20px; background-position:center 50px; background-size:70px;text-align:center;}
    div.per p.copy02 {font-size:16px;}
}


/* 사전정보 페이지 */

div.sajun p.copy {color:#333; margin-bottom:10px; font-weight:bold; text-align:center;}
div.sajun p.copy span {color:#cc0000;}
div.sajun label { position:absolute; text-indent:-9999px;}
div.sajun select {width:200px;margin-bottom:5px;}
div.sajun input.input_text { width:200px; line-height:30px; height:30px; border:1px solid #dedede; padding:0 5px; margin-bottom:5px;}
div.sajun input.input_btn {background:#0066ff; color:#fff; font-weight:bold;line-height:30px; height:30px; padding:0 10px; border:0;}

/* 예산편성에 바란다 */
.ysanin span {display:inline-block; position:relative; margin-right:15px;}


div.category {background:#fff; border:5px solid #eff1fa; background:#fff;  padding:40px; margin-bottom:30px; font-weight:400; margin-top:10px;}
div.category ul li {float:left; margin:6px 20px 6px 0px; font-family: 'GmarketSans';}
div.category ul li.butit {clear:both; display:inline-block; width:100px; font-weight:600;}
div.category ul li a {display:block; background:url(/img/gijang/new_common/aside_arrow_on.png) no-repeat 0 10px; }
div.category ul li a.on {color:#0066cc; font-weight:bold;}
div.category select {display:none;}

@media all and (max-width:1024px){
    div.category {padding:20px;}
    div.category ul {display:none;}
    div.category select {display:block; background: url(/images/lll/selarr_btn.png)no-repeat 90% 17px #fff; width:100%; border:1px solid #dedede;}
}



/*설문조사*/
.sulmun {font-family: 'GmarketSans'; font-weight:400;}
.sulmun:after {clear:both; content:''; display:block;}
.sulmun ul li {float:left; width:31%; margin:0px 1% 20px 1%; background:#fff; box-sizing:border-box; padding:30px; border:1px solid #dedede; transition:all .3s; border-radius:0 0 30px 0px;}
.sulmun ul li:hover {box-shadow:5px 5px 5px rgba(0,0,0,0.2); border:1px solid #0099ff; }

.sulmun ul li p.title { margin-bottom:15px; font-size:18px; color:#000; overflow:hidden; height:50px; font-weight:600;}
.sulmun ul li p.state {margin-bottom:10px;}
.sulmun ul li p.state span {display:inline-block; border-radius:5px; padding:5px 10px 0px 10px; font-size:14px;}
.sulmun ul li p.state span.standby {border:1px solid #333; color:#333;}
.sulmun ul li p.state span.ongoing {border:1px solid #0099ff; color:#0099ff;}
.sulmun ul li p.state span.end {border:1px solid #ff3300; color:#ff3300;}

.sulmun ul li p.date {color:#333; letter-spacing:-1px; border-top:1px solid #dedede; padding-top:15px; text-align:center;} 
.sulmun ul li p.resu {margin-top:20px; text-align:center;}
.sulmun ul li p.resu a {padding:15px 10px 10px 10px; color:#fff; background:#1563ba; transition:all .2s; border-radius:2px;}
.sulmun ul li p.resu a:hover {background:#333;}

@media all and (max-width:768px){
.sulmun ul li {float:left; width:48%; }
}

@media all and (max-width:500px){
.sulmun ul li { width:100%; margin:0px 0px 20px 0px;}
}

.sulmun_view {border-top:3px solid #333; margin-bottom:50px;}
.sulmun_view p.title { margin-bottom:5px; font-size:20px; color:#000;  font-weight:bold; padding:5px 5px 10px 5px; border-bottom:1px solid #ccc;}
.sulmun_view p.state { padding:5px;}
.sulmun_view p.state span {display:inline-block; border-radius:5px; padding:2px 10px;}
.sulmun_view p.state span.standby {border:1px solid #333; color:#333;}
.sulmun_view p.state span.ongoing {border:1px solid #0099ff; color:#0099ff;}
.sulmun_view p.state span.end {border:1px solid #ff3300; color:#ff3300;}
.sulmun_view ul.title_maker {border-bottom:1px solid #ccc; padding:5px;}
.sulmun_view ul.title_maker li {display:inline-block; margin-right:30px;}
.sulmun_view ul.title_maker li span.tt {margin-right:10px; color:#000; font-weight:bold;}

.sulmun_view .sulmun_con {margin-bottom:50px;}
.sulmun_view .sulmun_con p.sulmun_con_h3 {background:#f2f2f2; padding:10px; font-weight:bold; color:#000; margin-bottom:15px;}
.sulmun_view .sulmun_con div {padding:10px; border-bottom:1px solid #666;}

.titleBox:after{display: block; content: ""; clear: both;}
.titleBox .sul_tit{margin-top:0;}
.chk_red{font-size:13px; color: #333; letter-spacing: -0.025em;  margin-top:7px; }
.survey_writeForm{border-top:1px solid #222222; background-color: #f9f9f9; padding: 23px 16px 32px; box-sizing: border-box; border-bottom:1px solid #dedede; margin-bottom:10px;}
.survey_writeForm > ul{margin-bottom: 23px;}
.survey_writeForm > ul:last-child{margin-bottom: 0}
.bg_white{background-color: #fff;}
.survey_writeForm .radio_btn label{color: #222222 !important;}
.ml_8 {margin-left: 8px;}
.wd_787{width: 787px;}
.sw_title{font-size:18px; font-weight: bold; color: #424242; letter-spacing: -0.025em; margin-bottom: 9px;}
.sw_title img{vertical-align: middle; margin-top: -2px;}
.sw_title span{color: #666666; font-size: 14px;}
.mt_4{margin-top: 4px;}
.survey_writeForm .agree_chk p{margin-bottom: 9px;}

.text_type01{border:1px solid #cbcbcb; height: 36px; box-sizing: border-box; padding: 0 10px; font-size: 14px; color: #666666;}
.text_type01:-moz-placeholder{color: #999999}
.text_type01::-webkit-input-placeholder{color: #999999}
.text_type01:-ms-input-placeholder{color: #999999}

.mint_b_btn{width: 76px; height: 31px; border: 1px solid #21a69b; border-radius: 3px; background-color: #fff; text-align: center; line-height: 31px; box-sizing: border-box; font-size: 14px; color: #21a69b;}
.sv_con_num{font-size: 14px; letter-spacing: -0.025em; color: #666666; margin-left: 10px;}
.sv_graph_title{font-size: 14px; letter-spacing: -0.025em; color: #222222; margin-bottom: 8px;}
.sv_graph_line{height: 11px; background-color: #cccccc; padding: 0; width:70%; float: left;}
.sv_graph_line span{height: 11px; display: block;}
.sv_graph_line span.agree {background:#0099ff;}
.sv_graph_text{float: right;margin-top: -3px; width:28%; text-align:right;}
.sv_graph_con > ul:after{display: block; content: ""; clear: both;}
.sv_graph_text span{font-size: 14px; letter-spacing: -0.025em; color: #666666;}
.sv_graph_text .sv_g_per{font-size: 16px; color: #222222; font-weight: bold; margin-right:2px; }
.sv_graph_text .sv_g_blue{color: #1152b9;}
.sv_graph{margin-bottom: 10px;}


/* 청렴소리함, 갑질피해신고 레이어 팝업 */
.laypop {background: #3366cc; width:500px; padding:10px; position:fixed; top:200px; z-index:1000;}
.laypop p.ltit {color:#fff; font-size:20px;  font-weight:bold; margin-bottom:10px;}
.laypop p.lcon { font-size:13px; background:#fff; padding:10px; color:#333; margin-bottom:10px; }
.laypop p.lcon span {text-decoration:underline; color:#3366ff;}
.laypop p.lbtn {text-align:right; color:#fff; margin-top:10px;}
.laypop p.lbtn a.cc, .laypop p.lbtn a.cc2, .laypop p.lbtn a.cc3  {padding:5px 10px; background:rgba(0,0,0,0.4);  color:#fff; margin-left:20px;}
.laypop a.pclose {position:absolute; top:10px; right:10px;  display:block; width:20px; height:20px; background:url(/img/gijang/lcolse.png) no-repeat 50% 50%; overflow:hidden; padding-left:30px; box-sizing:border-box;}


/*군보*/
.gunbolist {position: relative;    width: 100%;     table-layout: fixed; border-collapse:collapse; text-align:center; margin-bottom:30px;}
.gunbolist thead th {border-top:2px solid #2c395f;  border-bottom:1px solid #ccc; line-height:20px; font-size:16px;  padding:10px 0px;}
.gunbolist tbody td {border-bottom:1px solid #ccc; padding:7px 0px 7px 0px;}
.gunbolist tbody td img {border:1px solid #ccc; width:80%;} 
.gunbolist tbody td a.gunbg_btn {padding:7px 10px; background:#444; color:#fff;  width:90px; display:inline-block;  transition:all .2s; border-radius:2px;}
.gunbolist tbody td a.gunbg_btn.kor {background:#7483bd;}
.gunbolist tbody td a.gunbg_btn:hover {text-decoration:none; background:#949090;}
.gunbolist tbody td a.gunbg_btn.kor:hover {background:#4d577d;}

.gunbolist_ul li {float:left; width:49%; box-sizing:border-box;  border:1px solid #dedede; padding:20px; position:relative; margin-bottom:20px;}
.gunbolist_ul li img {width:30%; float:left; border:1px solid #ccc; box-sizing:border-box; }
.gunbolist_ul li div {width:65%; float:right;}
.gunbolist_ul li  p {font-size:18px; font-weight:bold; color:#333; margin-bottom:10px;}

.gunbolist_ul li div a.gunbg_btn  {padding:7px 0px; background:#c1c1c1; color:#fff;  text-align:center; display:inline-block; width:33.33%; float:left;  box-sizing:border-box; position:relative; transition:all .2s;}
.gunbolist_ul li div a.gunbg_btn::after {content:''; display:block; width:1px; height:100%; background:#fff; position:absolute; top:0; right:0;}
.gunbolist_ul li div a.gunbg_btn.kor {display:block; width:100%; float:none;  background:#7483bd; margin-bottom:5px;   }
.gunbolist_ul li:nth-child(even) {float:right;} 

.gunbolist_ul li div a.gunbg_btn:hover {text-decoration:none; background:#949090;}
.gunbolist_ul li div a.gunbg_btn:nth-child(2):hover {background:#4d577d;}
@media all and (max-width:768px){
    .gunbolist tbody td a.gunbg_btn {padding:5px 5px;  width:auto;}
}       

/* 해조류 온라인 수강신청 */
.seaweed_bb01 {border-radius:1px; background:#0066ff; display:inline-block; padding:3px; width:60px; color:#fff!important;}
.seaweed_bb02 {border-radius:1px; background:#99cc00; display:inline-block; padding:3px; width:60px; color:#fff;}
.seaweed_bb03 {border-radius:1px; background:#ccc; display:inline-block; padding:3px; width:60px; color:#333;}      


.gallary_list {position:relative; border-top:2px solid #2c395f; margin-bottom:40px; margin-top:10px; letter-spacing:0;}
.gallary_list ul li {border-bottom:1px solid #dedede; position:relative; padding:20px;}
.gallary_list ul li::after {content:''; display:block; clear:both;}
.gallary_list ul li span.cms {position:absolute; top:20px; left:0;}
.gallary_list ul li span.cms + span.cms{position:absolute; top:40px; left:0px;}
.gallary_list ul li span.cms + span.cms + span.cms{position:absolute; top:60px; left:0px;}
.gallary_list ul li span.img {float:left; display:block; width:200px; margin-right:30px; min-height:130px;}
.gallary_list ul li span.img img {width:100%;}

.gallary_list ul li span.subject {font-size:20px; color:#000; margin-bottom:10px; display:block; font-weight:600; }
.gallary_list ul li span.subject a {color:#222; transition:all .2s;}
.gallary_list ul li span.subject a:hover {color:#105dda;}
.gallary_list ul li span.content {display:block; }
.gallary_list ul li span.date1 {display:block; color:#999; margin-top:20px; }

@media all and (max-width:640px){
    .gallary_list ul li span.img {float:none; margin-bottom:10px; width:100%;}
}             

.icon_disabled {position:absolute; top:0; right:0;}
@media all and (max-width:900px){
    .icon_disabled {position:relative; top:0; right:0; left:0; margin-top:10px;}
}