@charset "utf-8"; /**************************************************************** 기본 10개 (일반게시판, 포토뉴스, 기본갤러리, 그리드갤러리, 다운로드갤러리, 동영상(스트림), 동영상(유투브), 배너, 팝업존, 자주묻는질문, 묻고답하기) *****************************************************************/ /************************************************************************************************************** **************************************************공통 페이지************************************************** *************************************************************************************************************/ #wrap{min-width:360px} #module_content{padding:20px 13px; word-break:break-all} /*=====알립니다========*/ #module_content .top_alert{padding:15px; border:1px solid #d2d2d2} #module_content .top_alert h3{margin-bottom:10px; margin-top:0} /*검색_1*/ .search_type1{position:relative; margin:15px 0 10px 0; border:1px solid #1a2a42; height:33px; clear: both;} .search_type1 input[type="submit"]{position:absolute; top:7px; left:8px; display:block; padding:0; border:none; text-indent:-9999px; width:20px; height:20px; background:url("/images/board/mobile_module_sprite.png") no-repeat 0px -25px; background-size:250px} .search_type1 > label{position:absolute; top:6px; left:35px; font-size:14px; color:#888787} .search_type1 input[type="text"]{height:31px; border:none ; background:none; padding-left:35px; font-size:12px ; padding-top:2px; width:80%; box-sizing:border-box } .search_type1 > p{position:absolute; top:6px; right:10px; font-size:13px; color:#000} .search_type1 > p > span{color:#007db6} .search_type1 a.search_reset img { margin-top:8px;} /*첨부파일*/ .file_attach_type1{padding-top:10px; overflow:hidden} .file_attach_type1 li{font-size:13px; line-height:1.8 !important; margin-bottom:3px; overflow:hidden} .file_attach_type1 li a span{float:left; width:92%; line-height:normal; margin-top:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .file_attach_type1 li a span.icon{float:left; display:block; width:15px; height:15px; text-indent:-9999px; background:url("/images/common_mobile/icon_file_attach_board.png") no-repeat; background-size:15px; margin-right:5px; margin-top:3px} .file_attach_type1 li.excel a span.icon{background-position:0 0} .file_attach_type1 li.hangul a span.icon{background-position:0 -20px} .file_attach_type1 li.pdf a span.icon{background-position:0 -40px} .file_attach_type1 li.image a span.icon{background-position:0 -60px} .file_attach_type1 li.p_point a span.icon{background-position:0 -80px} .file_attach_type1 li.word a span.icon{background-position:0 -100px} .file_attach_type1 li.zip a span.icon{background-position:0 -120px} .file_attach_type1 li.music a span.icon{background-position:0 -140px} .file_attach_type1 li.default_file a span.icon{background-position:0 -160px} .file_attach_type1 li.excel a span{color:#1e7145} .file_attach_type1 li.hangul a span{color:#1e4b71} .file_attach_type1 li.pdf a span{color:#f15b47} .file_attach_type1 li.image a span{color:#f68846} .file_attach_type1 li.p_point a span{color:#c33c3c} .file_attach_type1 li.word a span{color:#2a5696} .file_attach_type1 li.zip a span{color:#5a5c6e} .file_attach_type1 li.music a span{color:#732171} .file_attach_type1 li.default_file a span{color:#007db6} /* .file_attach_board{border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:15px 0; overflow:hidden} .file_attach_board h5{margin-top:0 ; margin-bottom:5px; font-size:14px ; color:#2d2d2d ; background:none; padding-left:0} */ /*page navigation*/ .pagenum{padding:20px 0; text-align:center} /*=====카테고리 리스트========*/ .category_list{margin:20px 0; border:1px solid #d2d2d2;} .category_list ul li{float:left; width:50%; text-align:center} .category_list ul li a{display:block; padding:10px 5px; font-size:13px; border-top:1px solid #d2d2d2} .category_list ul li:nth-child(1) a,.category_list ul li:nth-child(2) a{border-top:none} .category_list ul li:nth-child(even) a{ border-left:1px solid #d2d2d2} .category_list ul li.ui-btn-active a{background:#464747;color:#fff; border-top:1px solid #464747;} .category_list ul li a span{display:block; width:98px; overflow:hidden; white-space:nowrap} /*버튼 list*/ .button_list_board { text-align:center; margin:20px 0} .button_list_board ul{display:inline-block} .button_list_board ul li{float:left; margin-left:5px} .button_list_board ul li:first-child{margin-left:0} .button_list_board ul li a{display:block; border:1px solid #27364c; padding:7px 15px; font-size:13px; color:#1a2a42} .button_list_board ul li a#btn_write{background:#2d58b6; color:#fff; border:none; padding:7px 70px} .button_list_board ul li a#v_btn_write{background:#1a2a42; color:#fff} .button_list_board ul li input[type="submit"]{ color:#fff; background:#1a2a42; border:0; padding:9px 15px; font-size:12px} /*버튼 view*/ .button_view_board {margin-top:30px; padding-bottom:60px; text-align:center} .button_view_board ul{display:inline-block} .button_view_board ul li{float:left; margin-left:5px} .button_view_board ul li:first-child{margin-left:0} .button_view_board ul li a{display:block; border:1px solid #1a2a42; padding:7px 15px; font-size:14px; color:#1a2a42; margin: 0 !important;} .button_view_board ul li a#btn_write{background:#2d58b6; color:#fff; border:none; padding:7px 70px} .button_view_board ul li a#v_btn_write{background:#1a2a42; color:#fff} .button_view_board ul li input[type="submit"]{ color:#fff; background:#1a2a42; border:0; padding:9px 15px; font-size:12px} /*버튼 write*/ .button_write_board {margin:30px 0; text-align:center} .button_write_board ul{display:inline-block} .button_write_board ul li{float:left; margin-left:5px} .button_write_board ul li:first-child{margin-left:0} .button_write_board ul li a{display:block; border:1px solid #1a2a42; padding:7px 15px; font-size:13px; color:#1a2a42} .button_write_board ul li a#btn_write{background:#2d58b6; color:#fff; border:none; padding:7px 70px} .button_write_board ul li a#v_btn_write{background:#1a2a42; color:#fff} .button_write_board ul li input[type="submit"]{color:#fff;background:#1a2a42;border: 1px solid #1a2a42;padding: 11px 15px;font-size:12px} /*답변글*/ ul li span.icon_reply { font-weight:600; color:#ff5957; margin-right:5px; padding:0 0 0 12px; background: url("/images/www/common/icon_reply.gif") no-repeat scroll 0 2px;} /*카테고리*/ .cate_list{position:relative; border-top:2px solid #333; margin-bottom:20px} .cate_list > p{position:relative; background:#3967b6; padding:10px } .cate_list > p span{color:#fff} .cate_list > ul{border:1px solid #ddd; border-top:0} .cate_list > ul > li{float:left; height:41px; width:50%; padding:10px; box-sizing:border-box; border-top:1px solid #ddd; background:#fff } .cate_list > ul > li:nth-child(even){border-left:1px solid #ddd} .cate_list > ul > li label{float:left; width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .cate_list > ul > li input{float:right} .cate_list > a{margin:0 auto; border-radius:30px; margin-top:-25px; display:block; width:160px; height:50px; line-height:25px; text-align:center; background:#2d384c; color:#fff; font-size:11px } .cate_list > a span{display:inline-block; width:10px; height:6px; background:url("/images/board/mobile_module_sprite.png") no-repeat -25px 0px; background-size:250px; margin-left:10px} .cate_list > a.on span{background:url("/images/board/mobile_module_sprite.png") no-repeat -50px 0px; background-size:250px} /*더보기*/ .btn_more{clear: both; padding-top: 20px;} .btn_more a{display:block; padding:10px; background:#e9e9e9; text-align:center; color:#323232; } span.icon_new{display:inline-block; width:17px; height:14px; background:url("/images/board/mobile_module_sprite.png") no-repeat 0px 0px; background-size:250px; vertical-align:sub; margin-left:5px; text-indent:-9999px} /***************************************************************************************************************** *********************************************** ***LIST 페이지************************************************** *****************************************************************************************************************/ /*일반모듈*/ .list_type_3 > ul > li{border-bottom:1px solid #d2d2d2; padding:20px 0} .list_type_3 > ul > li > a{display:block} .list_type_3 > ul > li .list_top{word-break:break-all;} .list_type_3 > ul > li .list_top p.title{color:#323232;font-weight:500;margin-bottom:5px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis} .list_type_3 > ul > li .list_btm > p{font-size:13px; color:#555; margin-bottom:5px} .list_type_3 > ul > li .date{display:inline-block; font-size:13px; color:#878787} .list_type_3 > ul > li.notice > a{overflow:hidden} .list_type_3 > ul > li.notice > a > span{float:left; display:block; width:25px; height:25px; line-height:25px; font-size:11px; text-align:center; background:#e1574c; border-radius:5px; color:#fff; margin-top:1px; margin-right:7px} .list_type_3 > ul > li.notice .list_top{ margin-bottom:10px} .list_type_3 > ul > li.notice .list_top p.title{width:90%; margin-bottom:0} /*공지사항*/ .new_notice { width:96%; padding:0 2%;} .new_notice ul { width:100%; margin:0;} .new_notice ul li {width:100%; margin-bottom:20px; padding:0 0 20px !important; border-bottom:1px solid #d2d2d2; background:none !important;} .new_notice ul li span {font-size:13px;} .new_notice ul li span.list_top {color:#fff; background:#1c4c75; padding:5px 7px; display: inline-block; text-align:center;line-height: 13px !important;} .new_notice ul li p.notice_tit {font-size:14px; font-weight:600; line-height:1.4; margin-top:5px; letter-spacing:-1px;} .new_notice ul li p.notice_txt {font-size:13px; line-height:1.4; margin-top:5px;} .new_notice ul li p.notice_txt a {color:#323232; word-break:break-all;} .new_notice ul li span.list_date { color:#707070; margin-top:10px; display:block;} .new_notice ul li span.list_num { color:#09233a; display:block;} /*기본게시판_2*/ /*=====기본게시판_2(카드형태)========*/ .list_type1{word-break:break-all;} .list_type1 > ul > li{border:1px solid #d2d2d2; border-top:2px solid #1c4c75 ;margin-bottom:12px; padding:15px 13px} .list_type1 .title_type1 > span.icon{display:inline-block; width:25px; height:17px; line-height:17px; background:#ff5957; color:#fff; font-size:10px; text-align:center; border-radius:3px; margin-right:5px} .list_type1 .title_type1 > strong{ color:#000} .list_type1 > ul > li > a > p{color:#555; padding-top:10px; line-height:1.4} .list_type1 > ul > li > span{display:block; font-size:13px; color:#757680; margin-top:8px} .list_type1 > ul > li > span > span.icon{display:inline-block; width:17px; height:20px; text-indent:-9999px; background:url("/images/common_mobile/icon_board_new.png") no-repeat 0; background-size:17px; margin-left:3px} /*보도자료*/ .list_type2{border-bottom:none;} .list_type2 > ul > li{display:block; border:1px solid #d2d2d2; margin-top:20px} .list_type2 > ul > li:first-child{margin-top:0} .list_type2 > ul > li > a{display:block; } .list_type2 > ul > li > a .title_box{position: relative; height: 21px; padding: 20px 15px 10px;} .list_type2 > ul > li > a .title_box .icon_hidden{float: left; padding: 0 25px 0 5px; color: #fff; margin-left: 10px;} .list_type2 > ul > li > a strong{display:block; color:#000; font-weight:500; font-size: 18px; padding:15px 15px 0} .list_type2 > ul > li > a p{padding:0px 15px; font-size:13px; color:#555; margin:10px 0} .list_type2 > ul > li > a p span.icon_new{margin-left: 5px;} .list_type2 > ul > li > a span{display:block; /*padding:10px 15px;*/ font-size:13px; color:#3e635c} .list_type2 > ul > li > a img{width:100%; height:auto} .list_type2 > ul > li > ul.ul_both > li.related_image > ul{display:none} .list_type2 > ul > li > ul.ul_both > li > a{position:absolute; top:0; left:0; height:38px; width:50%; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:10px; box-sizing:border-box; background:#fff; text-align:center; font-size:13px; color:#323232} .list_type2 > ul > li > ul.ul_both > li.related_image > a{left:50%} .list_type2 > ul > li > ul.ul_both > li > a.on{background:#f2f5f4; font-weight:bold; border-bottom:none; height:38px;color:#000} .list_type2 > ul > li > ul.ul_both > li.attach_file a.on{border-right:1px solid #d2d2d2} .list_type2 > ul > li > ul.ul_both > li.related_image a.on{border-left:1px solid #d2d2d2} .list_type2 > ul > li > ul.ul_both > li > a span, ul.tab_list_type2 > li > a.on > span{color:#1493e0} /*비승인글*/ .icon_hidden {display:inline-block;margin-left:4px;background: #717172 url("/images/board/board_cont_bg.png") no-repeat scroll -643px -978px;padding: 0px 20px 0px 5px;font-size:13px;border-radius:4px;color:#fff;} /*첨부파일 관련사진 2개 있을때//*/ ul.tab_list_type2{position:relative; padding-top:38px} ul.tab_list_type2 > li{ float:left; width:100%; text-align:center} ul.tab_list_type2 > li.on{display:block} ul.tab_list_type2 > li > a{position:absolute; top:0; left:0; width:100%; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:10px; box-sizing:border-box; background:#f2f5f4; text-align:center} ul.tab_list_type2 > li.related_image > a{left:50%} ul.tab_list_type2 > li.attach_file > a{left:0} ul.tab_list_type2 > li > a.on{background:#fff ; font-weight:bold; border-bottom:none; height:38px;/* border-bottom:1px solid #d2d2d2*/} ul.tab_list_type2 > li{text-align:left; background:#f2f5f4; border-top:0} ul.tab_list_type2 > li.attach_file > ul > li{line-height:1.4 !important; margin-bottom:5px; font-size:13px; padding:0 10px; display:inline-block; width:90px;} ul.tab_list_type2 > li.attach_file > ul > li:first-child{padding-top:15px} ul.tab_list_type2 > li.attach_file > ul > li:last-child{padding-bottom:15px} ul.tab_list_type2 > li.related_image > ul{height:103px; overflow:hidden} ul.tab_list_type2 > li.related_image > ul > li{float:left; margin:15px 5px} ul.tab_list_type2 > li.related_image > ul > li > a{display:block} ul.tab_list_type2 li a span.icon{float:left; display:block; width:15px; height:15px; text-indent:-9999px; background:url("/images/common_mobile/icon_file_attach_board.png") no-repeat; background-size:15px; margin-right:5px; margin-top:2px} ul.tab_list_type2 li.excel a span.icon{background-position:0 0} ul.tab_list_type2 li.hangul a span.icon{background-position:0 -20px} ul.tab_list_type2 li.pdf a span.icon{background-position:0 -40px} ul.tab_list_type2 li.image a span.icon{background-position:0 -60px} ul.tab_list_type2 li.p_point a span.icon{background-position:0 -80px} ul.tab_list_type2 li.word a span.icon{background-position:0 -100px} ul.tab_list_type2 li.zip a span.icon{background-position:0 -120px} ul.tab_list_type2 li.music a span.icon{background-position:0 -140px} ul.tab_list_type2 li.default_file a span.icon{background-position:0 -160px} ul.tab_list_type2 li.excel a span{color:#1e7145} ul.tab_list_type2 li.hangul a span{color:#1e4b71} ul.tab_list_type2 li.pdf a span{color:#f15b47} ul.tab_list_type2 li.image a span{color:#f68846} ul.tab_list_type2 li.p_point a span{color:#f15b47} ul.tab_list_type2 li.word a span{color:#2a5696} ul.tab_list_type2 li.zip a span{color:#5a5c6e} ul.tab_list_type2 li.music a span{color:#732171} ul.tab_list_type2 li.default_file a span{color:#007db6} .dp_ib {display:inline-block;} .dp_b {display:block;} /*갤러리 marsony */ .grid_gallery{margin:0 auto} .grid_gallery .grid-item{ border:1px solid #d2d2d2 ; margin-bottom: 15px; box-sizing:border-box} .grid_gallery .grid-item a img{max-width:none} .grid_gallery .grid-item a p.title{text-align:center; color:#000; padding:15px 10px; width: 138px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .grid_gallery .grid-item a p.cate_name{font-size:11px; color:#707070; text-align:center} .grid_gallery .grid-item.cate a p.cate_name{padding-top:10px} .grid_gallery .grid-item.cate a p.title{padding-top:0} @media all and (max-width: 359px){ .grid_gallery{width:165px} } @media all and (min-width: 360px) and (max-width: 599px){ .grid_gallery{width:327px} } @media all and (min-width: 600px) and (max-width: 749px){ .grid_gallery{width:494px} } @media all and (min-width: 750px) and (max-width: 900px){ .grid_gallery{width:661px} } @media all and (min-width: 900px) and (max-width: 1920px){ .grid_gallery{width:828px} } /* 넓이 지정 ---------------------------------------------------------------------------------------------------- */ .w10 {width:10% !important;} .w15 {width:15% !important;} .w20 {width:20% !important;} .w25 {width:25% !important;} .w28 {width:28% !important;} .w30 {width:30% !important;} .w35 {width:35% !important;} .w40 {width:40% !important;} .w42 {width:42% !important;} .w45 {width:45% !important;} .w46 {width:46% !important;} .w50 {width:50% !important;} .w55 {width:55% !important;} .w60 {width:60% !important;} .w65 {width:65% !important;} .w70 {width:70% !important;} .w75 {width:75% !important;} .w80 {width:80% !important;} .w83 {width:83% !important;} .w85 {width:85% !important;} .w90 {width:90% !important;} .w94 {width:94% !important;} .w95 {width:95% !important;} .w100 {width:100% !important;} /* 공백없음 ---------------------------------------------------------------------------------------------------- */ .mrn {margin-right:0 !important;} .mln {margin-left:0 !important;} span.icon_new1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -209px 0; display: inline-block; height: 20px; margin-left: 5px; text-indent: -5000px; vertical-align: middle; width: 40px;} /*그리드 갤러리(gallery_social)*/ div.social_gallery{width:inherit} div.social_gallery .collage{display: inline-block; width: 100%;} div.social_gallery .collage[data-collage="2"] li{width: 49.3181%; /*width: calc(50% - 1px);*/ margin: 0 2px -3px 0;} div.social_gallery .collage[data-collage="2"] li:last-child{margin-right:0;} div.social_gallery .collage[data-collage="3"] li{float: left;width: 33.1%;width: calc(33.2% - 1px); margin: 0 2px 3px 0;} div.social_gallery .collage[data-collage="3"] li:nth-child(3) {margin-right: 0;} div.social_gallery .collage[data-collage="4"]{width: 96.8%;} div.social_gallery .collage[data-collage="4"] li {width: 24.67%; width: calc(24.8% - 1px); margin-right: 2px; float:left;} div.social_gallery .collage[data-collage="4"] li:nth-child(4) {margin-right: 0;} div.social_gallery .collage[data-collage="4"][data-ratio="w"] li {width: 49.3181%;width: calc(50% - 1px); margin:0 2px 2px 0;} div.social_gallery .collage[data-collage="4"][data-ratio="w"] li:nth-child(n+2){margin-bottom:-1px;} div.social_gallery .collage[data-collage="4"][data-ratio="w"] li:nth-child(2), .social_gallery .collage[data-collage="4"][data-ratio="w"] li:nth-child(4) {margin-right: 0;} div.social_gallery .collage[data-collage="5"]{width: 100%;} div.social_gallery .collage[data-collage="5"] li{float: left;width: 24.65%;width: calc(24.4% - 0.5%);margin: 0 2px 2px 0;} div.social_gallery .collage[data-collage="5"] li:first-child{width: 49.3181%;width: calc(48.8% - 0.5%);margin-bottom: 1px;} div.social_gallery .collage[data-collage="5"] li:nth-child(n+4) {margin-bottom: 0;} div.social_gallery .collage[data-collage="5"] li:nth-child(2n+3) {margin-right: 0;} div.social_gallery .collage[data-collage="6"] li{width:33.1%; width:calc(32.7% - 0.65%); margin:0 2px 2px 0; float:left;} div.social_gallery .collage[data-collage="6"] li:nth-child(3n+3){margin-right:0;} div.social_gallery .collage[data-collage="6"] li:nth-child(n+4){margin-bottom:1px;} div.social_gallery .collage li img{display: block; height: 100%;} div.social_gallery .collage ._more_item {position: absolute; right: 0; bottom: 0; left: 0; top: 0; font-size: 16px; background: rgba(0,0,0,.5); z-index:102;} div.social_gallery .collage ._more_item span {position: relative; display: block; width: 100%; text-align: center; color: #f4f4f4; margin-top: 40%; top: -14px;} div.social_gallery .collage ._more_item span:after {content: "+"; position: relative; top: -1px; vertical-align: middle; margin-left: 3px;} /*div.social_gallery ._attachment_photos_region{max-height:198px;}*/ div.social_gallery > ul > li {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 1px solid #e3e3e3;float: left;/*overflow: hidden;*/position: relative;top: 1px; width: 43.5%; margin: 1%; /*min-height:280px; max-height: 315px;*/ padding:2%; box-sizing: border-box; /*sns낭만항구소식*/} div.social_gallery ul li a{display: block; position:relative; z-index: 99;} div.social_gallery ul li a.gallery_cont {margin: 10px 5px 22px;} div.social_gallery .collage img{width:100%; max-width:100%;} div.social_gallery .collage li:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%;} div.social_gallery .collage_widget{z-index:1; position:relative; display:inline-block; width:100%; min-height:170px; margin:10px 0 0; text-align:left; font-size:0; overflow: hidden; transition: ease-in-out 0.2s;} div.social_gallery .collage_widget .college{border:0; background:0 0; overflow:hidden; position:relative; font-size:0; cursor:pointer;} div.social_gallery .collage li{position: relative;display: inline-block;font-size: 0;background: #fafafa;cursor: pointer;} div.social_gallery .collage > li._photo_item[data-mediaindex="5"]{margin:0;} div.social_gallery strong {color: #323232;display: inline-block;font-size: 17px; height: 22px; overflow: hidden; font-weight:400; position:relative; padding-right:12%; text-overflow:ellipsis; white-space:nowrap; max-width:88%;} div.social_gallery li p {color: #323232;display: block;font-size: 13px; line-height: 20px; max-height: 40px; height: 40px; overflow: hidden; margin-bottom: 10px;} div.social_gallery li p.name {color: #099a84; margin: 7px 0 5px; height: 20px; } div.social_gallery li p span.line01{float: left;} div.social_gallery li p span.line02{float: left; margin-left: 10px;} div.social_gallery span.new {margin-left: 7px;} div.social_gallery span.new span.icon_new1 { background: url("/images/board/collage_gallery_new.png") no-repeat scroll 0 0; margin-left:0; width:40px; height:20px;} div.one_title > ul > li{/*min-height:245px;*/} div.one_title strong{max-width:53%;} div.one_title li p{display:none;} div.one_title li p.name{position:absolute; top:0; right:0; margin:4px 0 0 0; display:block;} .wide div.social_gallery ._attachment_photos_region{max-height: 252px !important;} .wide div.social_gallery strong{margin-top: 20px} div.social_gallery a.modify_btn{position:absolute; top: 0; right: 0; display:block; width:40px; height:40px; background:url("/images/board/img_news_modify.png") no-repeat left top; text-indent:-99999px; z-index: 10;} @media all and (max-width: 599px){ div.social_gallery > ul > li {width: 96%;} div.social_gallery > ul > li:nth-child(2n-1){margin-right:0;} } @media all and (min-width: 600px){ div.social_gallery li .social_cont{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} } @media all and (min-width: 600px) and (max-width: 650px){ div.social_gallery .collage_widget{min-height: 145px;} } @media all and (min-width: 651px) and (max-width: 669px){ div.social_gallery .collage_widget{min-height: 155px;} } @media all and (min-width: 700px) and (max-width: 749px){ div.social_gallery .collage_widget{min-height: 170px;} } @media all and (min-width: 750px) and (max-width: 812px){ div.social_gallery .collage_widget{min-height: 180px;} } @media all and (min-width: 813px){ div.one_title > ul > li{min-height: 270px;} div.social_gallery .collage_widget{min-height: auto;} } /*유투브동영상*/ .grid_youtube{margin:0 auto} .grid_youtube .grid-item{position:relative; border:1px solid #d2d2d2 ; margin-bottom: 15px; box-sizing:border-box} .grid_youtube .grid-item a img{max-width:none} .grid_youtube .grid-item a p.title{text-align:center; color:#000; font-weight:400; padding:10px; width:158px; box-sizing:border-box} .grid_youtube .grid-item a img.icon_youtube{position:absolute; top:50px; left:50%; margin-left:-16px;} @media all and (max-width: 359px){ .grid_youtube{width:165px} } @media all and (min-width: 360px) and (max-width: 599px){ .grid_youtube{width:327px} } @media all and (min-width: 600px) and (max-width: 749px){ .grid_youtube{width:494px} } @media all and (min-width: 750px) and (max-width: 899px){ .grid_youtube{width:661px} } @media all and (min-width: 900px) and (max-width: 1920px){ .grid_youtube{width:828px} } /*스트림동영상*/ .grid_stream{margin:0 auto} .grid_stream .grid-item{position:relative; border:1px solid #d2d2d2 ; margin-bottom: 15px; box-sizing:border-box} .grid_stream .grid-item a img{max-width:none; width:158px; height: 118px;} .grid_stream .grid-item a p.title{text-align:center; color:#000; font-weight:400; padding:10px; width:158px; box-sizing:border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .grid_stream .grid-item a img.icon_youtube{position:absolute; top:50px; left:50%; margin-left:-16px;} @media all and (max-width: 359px){ .grid_stream{width:165px} } @media all and (min-width: 360px) and (max-width: 599px){ .grid_stream{width:327px} } @media all and (min-width: 600px) and (max-width: 749px){ .grid_stream{width:494px} } @media all and (min-width: 750px) and (max-width: 899px){ .grid_stream{width:661px} } @media all and (min-width: 900px) and (max-width: 1920px){ .grid_stream{width:828px} } /*동영상게시판 뷰페이지 스크롤에 따른 video영역 위치 fixed 20171127_김용선*/ .vodbg > .video_view{display: inline-block; width: 100%;} .vodbg > .video_view.fixed_player{min-height: 288px; position: fixed; top: 0; left: 0; z-index: 1; transition: ease-in-out 0.3s;} .vodbg video{transition: ease-in-out 0.3s; float: left; width: 100%; background-color: #fff;} .vodbg > .video_view > .movie_size{float: right; padding: 5px 20px; border-radius: 0 0 5px 5px; background-color: #188657; color: #fff;} .movie_cont{margin-top: 20px;} .movie_cont.fixed_player{margin-top: 280px;} @media screen and (min-width: 568px){ .vodbg > .video_view.fixed_player > video.fixed_player{top: 10px; left: 2%; width: 48%;} .movie_cont.fixed_player{padding-left: 52%; margin-top: 20px;} } /*FAQ*/ .faq_list{border-top:2px solid #1a2a42} .faq_list ul li div.question{ border-bottom:1px solid #d2d2d2} .faq_list ul li div.question > a{display:block; padding:10px; font-weight:400; overflow:hidden } .faq_list ul li div.question a > p{float:left; width:83%} .faq_list ul li div.question a span{float:left; width:5%; margin-right:5px; font-weight:600} .faq_list ul li div.question a span.arrow{float:right; width:21px; height:21px; background:url("/images/board/mobile_module_sprite.png") no-repeat 0 -46px; background-size:250px; transition:.2s } .faq_list ul li div.question a span.on{background:url("/images/board/mobile_module_sprite.png") no-repeat 0 -71px; background-size:250px;transform:rotateZ(-360deg) ;-webkit-transform:rotateZ(-360deg)} .faq_list ul li div.anwser{display:none; padding:10px 15px; background:#f2f2f2; border-bottom:1px solid #d2d2d2; color:#323232} .faq_list ul li div.question div.modify{overflow:hidden; margin-left:10%; margin-bottom:10px} .faq_list ul li div.question div.modify a{float:left; border:1px solid #1a2a42; color:#1a2a42; padding:5px 10px; margin-right:5px; font-size:12px} /*Q&A*/ .qna_list{border-top:2px solid #1a2a42;} .qna_list ul li{border-bottom:1px solid #d2d2d2; padding:15px 5px} .qna_list ul li p.title{margin-bottom:5px} .qna_list ul li p.title a{display:block; font-weight:400} .qna_list ul li p.title span{display:inline-block; width:11px; height:14px; background:url("/images/board/mobile_module_sprite.png") no-repeat -25px -25px; background-size:250px; vertical-align:-2px; margin-right:2px; color:#323232} .qna_list ul li p.info{color:#878787} .qna_list ul li p.info > span{margin-right:10px} .qna_list ul li p.info > span.complete{color:#e1574c} .qna_list ul li p.info > span.complete span{display:inline-block; width:14px; height:11px; background:url("/images/board/mobile_module_sprite.png") no-repeat -50px -25px; background-size:250px; margin-right:2px } /*민원서식편람 */ .minwon_list ul li{border-bottom:1px solid #d2d2d2; padding:15px 10px; overflow:hidden} .minwon_list ul li a.title{float:left;line-height: 18px;width: 80%;} .minwon_list ul li a.file{float:right; width:49px; height:49px; text-indent:-9999px; background:url("/images/board/mobile_module_sprite.png") no-repeat 0px -100px; background-size:250px } .minwon_list ul li .file_btnbox{float: right; max-width: 20%; min-width: 60px; text-align: right;} .minwon_list ul li .file_btnbox p{display: inline-block; margin: 0 0 2px 2%;} .minwon_list ul li .file_btnbox p a{display: block; text-align: left;} /*민원서식편람 아이콘 추가 171227_배금아*/ .minwon_list .list_mobile p span {float:right} .minwon_list .list_mobile p default_file span.icon { display:inline-block; background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -180px; text-indent:-99999px; width:25px; height:25px; } .minwon_list .list_mobile p.hangul span.icon { display:inline-block; /*한글파일*/ background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 0; text-indent:-99999px; width:25px; height:25px; } .minwon_list .list_mobile p.excel span.icon { background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -30px; display: inline-block; /* 엑셀파일 */ text-indent:-99999px; width:25px; height:25px; } .minwon_list .list_mobile p.p_point span.icon { background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -90px; display: inline-block; /* 파워포인트 */ text-indent:-99999px; width:25px; height:25px; } .minwon_list .list_mobile p.word span.icon { background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -120px; display: inline-block; /* 워드 */ text-indent:-99999px; width:25px; height:25px; } .minwon_list .list_mobile p.zip span.icon { background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -206px; display: inline-block; /* 압축파일 */ text-indent:-99999px; width:25px; height:25px; } .minwon_list .list_mobile p.pdf span.icon { background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -150px; display: inline-block; /* pdf */ text-indent:-99999px; width:25px; height:25px; } .minwon_list .list_mobile p.image span.icon { background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -60px; display: inline-block; /* image */ text-indent:-99999px; width:25px; height:25px; } .minwon_list .list_mobile p.music span.icon { background: transparent url("/images/board/file_icon_sp.png") no-repeat scroll 0 -223px; display: inline-block; /* 음악파일 */ text-indent:-99999px; width:25px; height:25px; } /*통합검색*/ .srch { clear: both; margin: 10px auto; width: 96%; position:relative; border:1px solid #d2d2d2; padding:8px 2%; } .srch legend { font-size: 0; height: 1px; left: 0; line-height: 0; overflow: hidden; position: absolute; top: 0; visibility: hidden !important; width: 1px; } .srch label { margin-left: 6px; position: absolute; visibility: hidden; } .srch select { color: #373737; font-size: 13px; vertical-align: middle; height:32px; border:1px solid #d2d2d2; width: 20% !important; float:left; background:#FFF !important; } .srch input.keyword{border: 1px solid #d2d2d2; height: 28px; margin-left: 5px; padding-left: 5px; width: 55%; font-weight: 300;} .srch input.btn-sch { background: #2d58b6 none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; margin: 0; padding:0; height: 32px; float:right; width:17%; } .search_list {width: 100%;} .issue {float: left; width: 100%; border:1px solid #d2d2d2; position:relative; margin-bottom:20px;} .issue dl { isplay:inline-block; width:100%;} .issue dl dt { color:#113184; font-weight:500; display:inline-block; font-size:14px; vertical-align:top; line-height: 1.5;padding:10px 5px 10px 10px; } .issue dl dd { color:#323232; display:inline-block;line-height: 1.6; font-size:14px; margin-left:10px;word-break: keep-all; width:68%;vertical-align: top;text-align: left !important; padding:10px 0;} .issue dl dd a {margin-left:3px;} .issue > a {display:block; position:absolute; top:8px; right:5px; font-size:0; width:30px; height:25px;} .issue a.up {background: url("/images/board_mobile/board/btn_up.gif") no-repeat scroll center center / 20px 11px;} .issue a.down {background: url("/images/board_mobile/board/btn_down.gif") no-repeat scroll center center / 20px 11px;} .search_list p.result {font-size: 13px;} .search_list .result_map {border: 1px solid #323440; height: 200px; position: relative; width: 100%;} .search_list .result_map img {height:auto;} .search_list .result_map .po_selected {left: 100px; position: absolute; top: 100px;} span.icon_att_b_slected { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -608px -121px; display: inline-block; font-size: 0; height: 41px; margin: 0; padding-top: 3px; text-align: center; width: 34px; } .search_list .result_map .po_info {left: 100px; position: absolute; top: 99px;} .search_list .result_map .po_info span.bg_triangle6 {left: 10%; position: absolute; top: 24px;} .search_list .result_map .btn_map_more { background: #323440 none repeat scroll 0 0; bottom: 0; height: 28px; position: absolute; right: 0; width: 80px; } .search_list .result_map .btn_map_more a {color: #fff; display: block; font-size: 12px; line-height: 28px; text-align: center;} #result_list { width:100%;} #result_list dt { border-bottom: 1px solid #d2d2d2; color: #323232; font-size: 14px; font-weight: 500; margin-top: 35px; padding-bottom: 10px; width: 100%; } #result_list #menu dd ul {margin: 10px 0;} #result_list #menu dd ul li {background: none !important; font-size: 13px; padding: 0 !important; margin:5px 0} #result_list #menu dd ul li a {color: #323232;} #result_list #menu dd ul li a img {margin-left:5px; margin-top:4px; width:21px; height:11px;} #result_list .more a { background-color: #fafafa; border: 1px solid #d2d2d2; display:block; font-size:13px; height: 35px; line-height:35px; text-align: center; width: 100%; } #course dt {border:none !important;} #course dd ul {width:100%;} #course dd ul li { width:100%; border:1px solid #d2d2d2; font-size:13px; line-height:1.4; margin-bottom:5px; background:none !important; padding:0 !important;} #course dd ul li span.cos_lst { background: transparent url("/images/board_mobile/board/icon_course_list.png") no-repeat scroll 0 8px / 21px 24px; display: block; padding:10px 10px 10px 30px; margin: 0 0 0 10px; word-break: keep-all; } #course dd ul li a {color:#113184;} #re_course .re_course_list {display: inline-block; width:100%; padding:0 !important;} #re_course .re_course_list li {border-bottom: 1px solid #d2d2d2; padding: 20px 0 !important; width: 100%;background:none !important; display: inline-block;} #re_course .re_course_list li a.co_thumb { display: inline-block; height: 83px; margin: 0 auto; position: relative; width: 83px; float:left; } #re_course .re_course_list li a.co_thumb img {max-width:100%; height:83px;} #re_course .re_course_list li span.bg_roung { background: transparent url("/images/board/bg_round3.png") no-repeat scroll 0 0 / 83px 83px; height: 83px; left: 0; position: absolute; top: 0; width: 83px; } #re_course .re_course_list li > strong {display: block; font-size: 14px; margin: -85px 0 0 95px; width: 70%; float:left;} #re_course .re_course_list li p {display: block; font-size: 13px; margin: 20px 0 0 95px; width: 70%; line-height:1.4; color:#707070} #tour .sch_detail_tour { width:100%; display: inline-block; margin-top: 15px;margin-bottom: 15px;} #tour .sch_detail_tour > li { width:48%; float:left; margin-left:10px; background:none !important; padding:0 !important;} #tour .sch_detail_tour > li:first-child {margin-left: 0;} #tour .sch_detail_tour > li > a {width:100%; display:block; position:relative;} #tour .sch_detail_tour li > a img {width:100%;height:130px;} #tour .sch_detail_tour span.like { background: rgba(0, 0, 0, 0) url("/images/tour/main/busking_bt_bg.png") repeat scroll center 0; bottom: 0; color: #fff; font-size: 12px; font-weight: 500; height: 25px; right: 0; position: absolute; max-width: 60px; padding:0 5px; text-align:center; } #tour .sch_detail_tour span.like {background: url("/images/board/detail_tour_h_ico.png") no-repeat scroll 4px 2px; padding: 0 0 0 22px;} #tour .sch_detail_tour > li ul {margin-top:10px; display:block; padding:0 !important;} #tour .sch_detail_tour > li ul li {font-size:13px; width:100%; color:#707070; line-height:1.3 !important;background:none !important; padding:0 !important; text-align:left !important; margin-bottom:5px;} #tour .sch_detail_tour > li ul li.tit a {color:#113184; font-weight:500; margin-bottom:5px; display:block;} #tour .sch_detail_tour > li ul li.bt { display:none;} #result_list #lodg .sch_detail_lodg, #result_list #food .sch_detail_food { display: inline-block; margin: 20px 0 25px; width:100%; } #result_list #lodg .sch_detail_lodg > li:first-child, #result_list #food .sch_detail_food > li:first-child {margin-left: 0;} #result_list #lodg .sch_detail_lodg > li, #result_list #food .sch_detail_food > li { float: left; margin-left: 10px; width: 48%; background:none !important; padding:0 !important; position:relative; } #result_list #lodg .sch_detail_lodg > li > a, #result_list #food .sch_detail_food > li > a {width:100%; position:relative; display:block; background:#ededed url("/images/board/bg_logo.png") no-repeat scroll 50% 50% / 130px 24px; height:130px;} #result_list #lodg .sch_detail_lodg > li a img, #result_list #food .sch_detail_food > li a img {width:100%;height:130px;} #result_list #lodg .sch_detail_lodg > li > a span, #result_list #food .sch_detail_food > li > a span {position: absolute; right: 0; bottom:0;} span.icon_coupon_on { background: transparent url("/images/board_mobile/board/bg_coupon.gif") no-repeat scroll 0 0 / 38px 26px; display: inline-block; font-size: 0; height: 26px; margin: 0; vertical-align: middle; width: 38px; position:absolute; right:0; top:0; } #result_list .tit a {color: #113184; font-weight:500; font-size:13px; margin-bottom:5px;} #result_list #lodg .sch_detail_lodg > li ul, #result_list #food .sch_detail_food > li ul {display: block; margin-top: 10px; width: 100%;} #result_list #lodg .sch_detail_lodg > li ul li, #result_list #food .sch_detail_food > li ul li { color: #707070;font-size: 13px; line-height: 1.3 !important; width: 100%; background:none !important;padding:0 !important;text-align:left !important; margin-bottom:5px;} #result_list li.like {margin-top: 5px;} #result_list li.like span { background: rgba(0, 0, 0, 0) url("/images/board/detail_hotel_h_ico.png") no-repeat scroll 0 2px; padding: 0 0 0 20px; margin-top:5px; } #result_list .sch_detail_img, #result_list .sch_detail_vod { display: inline-block; margin: 15px 0; width:100%; padding:0 !important;} #result_list .sch_detail_img li, #result_list .sch_detail_vod li {background: none !important; float: left; height: 130px; margin: 3px; padding: 0 !important; width: 47.8%; position:relative;} #result_list .sch_detail_img li > a, #result_list .sch_detail_vod li > a {width:100%; display:block; position:relative;} #result_list .sch_detail_img li > a > img, #result_list .sch_detail_vod li > a > img {width:100%;height:130px;} #result_list #movie .sch_detail_vod li span.vod_ico { background: url("/images/board_mobile/board/icon_vod_play.png") no-repeat scroll center center / 30px 30px; display:block; height:30px; width:30px; position:absolute; top:38%; left:42%; } #result_list #board .sch_detail_board {display: inline-block; margin: 15px 0;} #result_list #board .sch_detail_board li {background: none !important; margin-bottom: 15px; padding: 0 !important;} #result_list #board .sch_detail_board li span {display: block; width: 100%; font-size:14px;word-break: break-all; line-height: 1.5;} #result_list #board .sch_detail_board li span.url a {color: #808e9b; text-decoration: underline;} #result_list #content_page dd ul { margin:20px 0;} #result_list #content_page ul li { font-size:14px; background:none !important; padding:0 !important; margin-bottom:20px;} #result_list #content_page ul li a strong {color:#113184; margin-left:20px;} #result_list #content_page ul li span.url a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #808e9b; text-decoration: underline;} #result_list #content_page ul li span img { margin-right:20px;} #result_list #content_page ul li span.screen_thumb {background: #eef2f6 url("/images/board/logo_bg_2.png") no-repeat scroll center center;display: block; height: 49px; margin:0; width: 63px; float:left;} #result_list #content_page ul li p { margin: 0 0 0 20px; display:inline-block; width:70%; font-size:13px;} #result_list #content_page ul li span.url { margin: 5px 0 0 0; display:inline-block; width:96%; font-size:13px;} #result_list #staff dd ul { margin:25px 0;} #result_list #staff dd ul li span.d_blue { color:#113184;} strong.t_orange { color:#d70d11;} #seaweeds_s1 ul.s_80 {margin-bottom:15px;} #seaweeds_s1 .s_80 > li {text-align:justify; border-bottom:1px dotted #dcdcdc; list-style-type:decimal; padding: 8px 8px 8px 5px; line-height: 18px;} /********************************************************************************************************************************** ****************************************************VIEW 페이지********************************************************************** **********************************************************************************************************************************/ .module_wrap .content_board{margin-bottom:30px; padding:20px 0; border-bottom:1px solid #d2d2d2;} /*.module_wrap .content_board{margin-bottom:30px}*/ .module_wrap .content_board .body .photo_view{margin-bottom:10px} #module_content .layor_view{position:absolute; left:0; width:94%; z-index:1000; background:#fff; padding:3%; margin:3%; box-sizing:border-box} #module_content .layor_view .btn_close_layor > a{position:absolute; width:43px; height:43px; background:#2d58b6 url('/images/common_mobile/layor_close.png') no-repeat center; background-size:22px; text-indent:-9999px} #module_content .layor_view .btn_close_1 > a{top:-43px; right:0} #module_content .layor_view .btn_close_2 > a{bottom:0px; right:0px} /*기본게시판*/ .title_board{margin-bottom:20px} .title_board h3{font-size:18px; color:#323232; font-weight:500; margin-bottom:10px; padding-left:5px; margin-top:0} .title_board > p{border-top:1px solid #d2d2d2; padding:8px 0 8px 10px; color:#707070; border-bottom:1px solid #d2d2d2} .title_board > p span.date{margin-right:10px} .file_attach_board{/*border-top:1px solid #d2d2d2; */border-bottom:1px solid #d2d2d2; overflow:hidden} .file_attach_board h5{float:left;width:25%;color:#707070;font-weight:400;padding-top:10px;padding-left:10px;padding-bottom:10px;margin-top:0;box-sizing:border-box;background: none;font-size: 14px;} .file_attach_type2{float:left; width:75%; border-left:1px solid #d2d2d2; padding-left:10px; padding:10px; box-sizing:border-box} .file_attach_type2 li{font-size:13px; line-height:1.8 !important; margin-bottom:5px; overflow:hidden} .file_attach_type2 li a span{float:left; width:90%; line-height:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px} .file_attach_type2 li a span.icon{float:left; display:block; width:15px; height:15px; text-indent:-9999px; background:url("/images/common_mobile/icon_file_attach_board.gif") no-repeat; background-size:15px; margin-right:5px; margin-top:3px} .file_attach_type2 li.excel a span.icon{background-position:0 0} .file_attach_type2 li.hangul a span.icon{background-position:0 -20px} .file_attach_type2 li.pdf a span.icon{background-position:0 -40px} .file_attach_type2 li.image a span.icon{background-position:0 -60px} .file_attach_type2 li.p_point a span.icon{background-position:0 -80px} .file_attach_type2 li.word a span.icon{background-position:0 -100px} .file_attach_type2 li.zip a span.icon{background-position:0 -120px} .file_attach_type2 li.music a span.icon{background-position:0 -140px} .file_attach_type2 li.default_file a span.icon{background-position:0 -160px} .file_attach_type2 li.excel a span{color:#1e7145} .file_attach_type2 li.hangul a span{color:#1e4b71} .file_attach_type2 li.pdf a span{color:#f15b47} .file_attach_type2 li.image a span{color:#f68846} .file_attach_type2 li.p_point a span{color:#c33c3c} .file_attach_type2 li.word a span{color:#2a5696} .file_attach_type2 li.zip a span{color:#5a5c6e} .file_attach_type2 li.music a span{color:#732171} .file_attach_type2 li.default_file a span{color:#007db6} .file_attach_board ul.file_attach_type2 li a.download, .file_attach_board ul.file_attach_type2 li a.preview{font-size:12px; color:#707070; border:1px solid #707070; border-radius:3px; padding:0 8px; margin-left:3px; height:17px; line-height:17px; margin-top:3px; font-weight:500; display:inline-block;} .admin_notice{margin-top:30px; margin-bottom:10px; background:#eef2f6; padding:12px 15px} .admin_notice p{color:#323232} .admin_notice p.title{margin-bottom:10px; font-weight:400} .admin_notice p.title span{display:inline-block; width:20px; height:20px; background:url("/images/board/mobile_module_sprite.png") no-repeat 0px -150px; background-size:250px; vertical-align:-4px; margin-right:5px } form .comment{background:#eef2f6; padding-top:10px } form .comment .top_write p{padding:0 15px; border-bottom:1px solid #d2d2d2; padding-bottom:10px} form .comment .top_write p span{font-weight:500;} form .comment .top_write p input[type="text"]{width:56%; height:38px; margin-left:10px; margin-right:3px ; padding-left:10px; font-size:11px; color:#323232 } form .comment .top_write p textarea{width: 58%; height: 34px; line-height:34px; margin-left: 5px; margin-right: 3px; padding-left: 10px; color: #323232;} @media all and (min-width:380px){ form .comment .top_write p textarea{width:61%} } @media all and (min-width:400px){ form .comment .top_write p textarea{width:63%} } form .comment .top_write p input[type="submit"]{float:right; height:40px; padding:0 10px; font-size:13px; color:#323232} form .comment .cnt{padding-top:15px} form .comment .cnt ul li{padding:15px; border-bottom:1px solid #d2d2d2} form .comment .cnt ul li:first-child{padding-top:0} form .comment .cnt ul li p{overflow:hidden; margin-bottom:7px} form .comment .cnt ul li p span.name{float:left; color:#000; font-weight:400} form .comment .cnt ul li p span.date{float:right; color:#868484} form .comment .cnt ul li .btn_comment a{float:left; padding:5px 10px; color:#868484; border:1px solid #d2d2d2; background:#fff; margin-right:5px; border-radius:3px} .btn_more_comment{background:#eef2f6; padding:20px 0; text-align:center; margin-bottom:30px} .btn_more_comment a{ padding:5px 15px; border:1px solid #d2d2d2; border-radius:3px; background:#fff} /*문고답하기 (Q&A)*/ .module_wrap .answer{border:1px solid #1b2b43; padding:15px; margin-top:30px} .module_wrap .answer .top_article{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d2d2d2} .module_wrap .answer .top_article p.title{font-weight:400} .module_wrap .answer .top_article p.blue_color{color:#2d58b6; margin-bottom:5px; font-weight:400} .module_wrap .answer .top_article p.date{color:#707070} .module_wrap .answer .btm_article{margin-bottom:15px} /* .photo_view{text-align:center} .recent_writing { margin-bottom:20px;} .recent_writing ul li{border-bottom:1px solid #d2d2d2} .recent_writing ul li:first-child{border-top:1px solid #d2d2d2} .recent_writing ul li a{display:block; font-size:13px; color:#666; padding:12px 0 12px 5px} .recent_writing > p{padding-left:5px; font-weight:500; margin-bottom:7px; font-size:15px} */ /************************************************************************************************************************************* ************************************************************WRITE 페이지************************************************************ *************************************************************************************************************************************/ /*기본게시판 #write_form { width:100%;display: inline-block; } #write_form fieldset { width:100%;display: inline-block;} #write_form .mob {width:100%; font-size:14px; margin-bottom:10px; border-bottom:1px solid #d2d2d2; padding-bottom:10px; text-align:left !important;} #write_form .mob > label { width:24%; display:inline-block; color:#1c4c75; font-weight:400;} #write_form .mob em { font-style: normal; color:#ef3f3f;} #write_form .mob input {font-size:13px; border:1px solid #dadada; padding-left:5px; font-family:Noto Sans KR; height:24px; line-height:24px;} #write_form .mob input.w95 { width:60%;} #write_form .mob input.w20 { width:30%;} #write_form .mob select { height:27px;font-size:14px;} #td_tourlist {width:100%;display: inline-block;} #td_tourlist label { width:20%; display:inline-block; color:#1c4c75; font-weight:600;} div.file_upload_box { width:70%; display:inline-block;} #write_form .mob .mob1 { width:74%; display:inline-block;vertical-align: top;word-break: keep-all;} #write_form .mob .mob1 span.means, #write_form .mob .mob1 span.purpose, #write_form .mob .mob1 span.revisit { margin-bottom: 5px; display:inline-block; width:32%;} #write_form .mob .mob1 label { margin:0 0 0 2px;vertical-align: middle;} #write_form .mob #contents { width:73%; height:150px; font-size:13px;} #write_form a.btn_add { border:1px solid #1c4c75; display: inline-block; padding: 1px 5px;} #write_form a.del {margin-left: 5px !important;} #tr_return_term {width:100%;} */ /*글쓰기폼(참여민원 - 법무행정 - 무료법률상담 - 서면상담신청 신청폼 171122_김용선*/ #write_form fieldset:nth-child(2){margin-bottom:23px} #write_form .mob{border:1px solid #d2d2d2; background:#eef2f6; margin-bottom:7px; padding:15px; overflow:hidden} #write_form .mob.notice_box > strong{width: 25%; padding-right: 10px; color: #707070; font-weight: 300; float: left;} #write_form .mob.notice_box > label[for="top"]{width: auto;} #write_form .mob > label{float:left; width:25%; color:#707070; padding-right:10px; min-height: 30px; line-height:30px;} #write_form .mob > label[for="open_allow"]{float:inherit} #write_form .mob > label[for="open_deny"]{float:inherit} #write_form .mob > label em { font-style: normal; color:#ef3f3f;} #write_form .mob > label span.impot{display: inline-block; width: 17px; height: 15px; text-indent: -99999px; background: url("/images/board/impot_icon.png") no-repeat 0 0; margin-left: 5px; vertical-align: middle;} #write_form .mob input[type="text"]{width:68%; color:#000; font-size:14px; padding:0; border:1px solid #d2d2d2; height:30px; padding-left:10px; box-sizing:border-box} #write_form .mob input[type="text"].zipcode_1{width: 40% !important;} #write_form .mob > input[type="radio"]{width:inherit; /*float:left;*/} #write_form .mob > select{height:24px} #write_form .mob > textarea{width: 100%;padding: 10px;box-sizing: border-box; border:1px solid #ccc; margin-top: 10px;} #write_form .mob > div.file_upload_box{float:left; width:70%} #write_form .mob .all_day_box{margin-top: 3px;} #write_form .apply_address{margin-left: 25%;} #write_form .apply_address #address_1, #write_form .apply_address #address_2{margin-left: 10px; width: 90% !important;} #write_form .mob > div.file_upload_box .alt_dis {display:none;} #write_form .mob .write_cont{padding-left: 85px;} span.board_next{display: block;} #write_form .board_phone input[type="text"]{width:20% !important;} /********************************************************************************************************************************** **************************************************** 본청일반모듈, 관광일반모듈, 관광모듈, 기타모듈 ****************************** **********************************************************************************************************************************/ /************************************************************************************************************** **************************************************공통 페이지************************************************** *************************************************************************************************************/ .w10{width:10% !important} .w20{width:20% !important} .w30{width:30% !important} .w40{width:40% !important} .w50{width:50% !important} .w60{width:60% !important} .w70{width:70% !important} .w80{width:80% !important} .w90{width:90% !important} .w100{width:100% !important} /***************************************************************************************************************** **************************************************LIST 페이지***************************************************** *****************************************************************************************************************/ /* 월별행사 */ .cate_list_month{padding:15px; border:1px solid #d2d2d2} .cate_list_month ul{overflow:hidden} .cate_list_month ul li{float:left; width:50%; margin-bottom:3px} .calendar_box { width:100%;} .nav_calendar { background:#f8f9fb; border:1px solid #d2d2d2; width:100%; display:inline-block; margin:10px 0} .nav_calendar p { float:left;border-right:1px solid #d2d2d2;} .nav_calendar p a { display: inline-block; font-size: 0; float:left; height: 35px; text-align: center; width: 31px;vertical-align:middle} a.date_prev {background: transparent url("/images/common_mobile/bg_day_prev.gif") no-repeat scroll 0 0 / 31px 35px;} a.date_next {background: transparent url("/images/common_mobile/bg_day_next.gif") no-repeat scroll 0 0 / 31px 35px;} .nav_calendar p span {font-size:15px;float:left; color:#323232; padding:7px 20px 8px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;} .nav_calendar ul {float:right; padding:0 !important;} .nav_calendar ul li {float:left; background:none !important; padding:0 !important;} .nav_calendar ul li a.on { background:#2d58b6; color:#fff; position:relative;} .nav_calendar ul li a.on .bg_triange1 {background: url("/images/board_mobile/board/bg_triangle1.gif") no-repeat scroll 0 0 / 9px 6px; position:absolute; bottom:-6px; left:40%;display: inline-block; font-size:0; height:6px; width:9px;} .nav_calendar ul li a { display:block; padding:7px 10px 8px; color:#323232; font-size:13px;} .event_box { margin-top:15px; font-size:14px; border-top:2px solid #2d58b6; border-bottom:2px solid #2d58b6; width:100%;} ul.event_list { width:100%;} ul.event_list .event_tit{vertical-align:middle; margin-left:5px} ul.event_list > li { border-bottom:1px solid #d2d2d2; padding:10px 0 5px !important; background:none !important;} ul.event_list > li > span{ display: block; background: #ececec; padding: 5px; font-weight: bold; margin-bottom: 5px} ul.event_list > li ul li{position: relative; margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #d2d2d2} .info_open { background:#eef2f6; padding:10px 0; color:#707070;border-top:1px solid #d2d2d2; margin-top:10px} span.event_tit {color:#323232; display: inline-block; width:70%;} span.event_peroid{position: absolute; right: 5px; color:#999; font-size:13px; margin-bottom:10px;} .info_open ul { margin-left:10px; padding:0 !important;} .info_open ul li {line-height: 1.5 !important;text-align: left !important; word-break: break-all;} /***************************************************************************************************************** **************************************************VIEW 페이지***************************************************** *****************************************************************************************************************/ /***************************************************************************************************************** **************************************************VIEW 페이지***************************************************** *****************************************************************************************************************/ /***************************************************************************************************************** **************************************************WRITE 페이지**************************************************** *****************************************************************************************************************/ /*스케쥴러, 참여민원 - 법무행정 - 무료법률상담 - 서면상담신청 신청폼 171122_김용선 (버튼들은 공유해서 쓰는것같다)*/ #write_form .mob > label[for="all_day"]{float:inherit} #write_form .mob input[id="address_1"]{display:block; margin:5px 0} #write_form .mob a[id="find_address"]{display: inline-block; color: #fff; font-size: 13px; border: 1px solid #d2d2d2; padding: 2px 11px; vertical-align: -1px; background-color: #188657;} /********************************************************************************************************************************** ****************************************************본청일반모듈, 관광일반모듈, 관광모듈, 기타모듈 끝****************************** **********************************************************************************************************************************/ /********************************************************************************************************************************** ****************************************************공통 클래스******************************************************************** **********************************************************************************************************************************/ /* 게시판 관련 아이콘 */ span.icon_attach { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll 0 -129px; display: inline-block; /* 게시판목록-첨부파일 */ height: 23px; margin-left:5px; text-indent: -5000px; vertical-align: middle; width: 23px; } span.icon_que { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -123px 0; display: inline-block; /* 질문-Q */ font-size:0; height: 26px; margin-right:10px; vertical-align: middle; width: 26px; } span.icon_asw { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -150px 0; display: inline-block; /* 답하기-A */ font-size:0; height: 26px; /*margin-right:10px;*/ vertical-align: middle; width: 26px; } span.icon_asw.mat20 { margin-top:0px !important;} span.icon_hwp { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -187px 0; display: inline-block; /* 한글파일 */ font-size:0; height: 16px; margin-right:5px; vertical-align: middle; width: 16px; } span.icon_xls { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -26px; display: inline-block; /* 엑셀파일 */ font-size:0; height: 17px; margin-right:5px; vertical-align: middle; width: 17px; } span.icon_ppt { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -68px; display: inline-block; /* 파워포인트 */ font-size:0; height: 17px; margin-right:5px; vertical-align: middle; width: 17px; } span.icon_word { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -90px; display: inline-block; /* 워드 */ font-size:0; height: 17px; margin-right:5px; vertical-align: middle; width: 17px; } span.icon_img, span.icon_image { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -47px; display: inline-block; /* 이미지파일 */ font-size:0; height: 17px; margin-right:5px; vertical-align: middle; width: 17px; } span.icon_flv { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -181px; display: inline-block; /* 동영상파일 */ font-size:0; height: 17px; margin-right:5px; vertical-align: middle; width: 17px; } span.icon_pdf { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -115px; display: inline-block; /* pdf */ font-size:0; height: 17px; margin-right:5px; vertical-align: middle; width: 17px; } span.icon_txt { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -230px -142px; display: inline-block; /* txt */ font-size:0; height: 18px; margin-right:5px; vertical-align: middle; width: 17px; } span.icon_new1, span.icon_new { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -209px 0; display: inline-block !important; /* new */ height: 20px; margin-left:5px; text-indent: -5000px; vertical-align: bottom; width: 40px; } span.icon_position { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px 0; display: inline-block; /* 위치 */ font-size:0; height: 31px; margin-right:10px; vertical-align: middle; width: 31px; } span.icon_period { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px -36px; display: inline-block; /* 달력 */ font-size:0; height: 31px; margin-right:10px; vertical-align: middle; width: 31px; } span.icon_n_arrow { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px -74px; display: inline-block; /* 다음 화살표 */ height: 10px; margin-right:0; text-indent: -5000px; vertical-align: middle; width: 31px; } span.icon_latest { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -260px 0; display: inline-block; /*최신순 */ font-size:0; height: 18px; margin-right:5px; vertical-align: middle; width:18px; } span.icon_recom { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -260px -19px; display: inline-block; font-size:0; height: 16px; margin-right:5px; vertical-align: middle; width:18px; } span.icon_post_wr { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -260px -37px; display: inline-block; font-size:0; height: 18px; margin-right:5px; vertical-align: middle; width:18px; } span.icon_kind { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px -86px; display: inline-block; height: 34px; margin-right:7px; font-size:0; vertical-align: middle; width:31px; } span.icon_man { background: url("/images/board_mobile/board/icon_man1.png") no-repeat 0 0 / 25px 25px; display: inline-block; /* 관광후기-사람 */ height: 25px; margin-right:5px; font-size:0; vertical-align: middle; width:25px; } span.icon_like1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -294px -158px; display: inline-block; /* 좋아요1 */ height: 34px; margin-right:7px; font-size:0; vertical-align: middle; width:31px; } span.icon_like2 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -335px 0px; display: inline-block; /* 좋아요2 */ height: 13px; margin-right:5px; font-size:0; vertical-align: middle; width:18px; } span.icon_like3 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -260px -58px; display: inline-block; /* 좋아요2 */ height: 11px; margin-right:5px; font-size:0; vertical-align: middle; width:13px; } span.icon_like5 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -140px; display: inline-block; /* 관광모듈 좋아요 */ height: 22px; margin-right:5px; font-size:0; vertical-align: middle; width:22px; } span.icon_cm_delete { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -366px -3px; display: inline-block; /* 댓글-삭제*/ height: 15px; margin-right:2px; text-indent: -5000px; vertical-align: middle; width:15px; } span.icon_cm_modify { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -385px -3px; display: inline-block; /* 댓글-수정 */ height: 15px; margin-right:2px; text-indent: -5000px; vertical-align: middle; width:15px; } span.icon_print1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -651px -269px; display: inline-block; /* 쿠폰-인쇄 */ font-size:0; height: 19px; margin-right:5px; vertical-align: middle; width:19px; } span.icon_light1 { background: transparent url("/images/board/icon_star_1.png") no-repeat scroll 0 0; display: inline-block; /*전구 */ font-size:0; height: 26px; margin:0 5px 0 18px; vertical-align: middle; width:26px; } span.icon_help1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -491px 0px; display: inline-block; /* 도움말 느낌표1 */ font-size:0; height: 18px; margin:0 5px 0 28px; vertical-align: middle; width:18px; } span.icon_help2 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -491px -19px; display: inline-block; /* 도움말 느낌표2 */ font-size:0; height: 30px; margin-right:8px; vertical-align: top; width:27px; } span.icon_event { background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -977px; display: inline-block; /* 스케줄러 - 행사 */ font-size:0; height: 25px; margin-right:2px; vertical-align: middle; width:25px; } span.icon_close { background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -947px; display: inline-block; /* 스케줄러- 휴관 */ font-size:0; height: 25px; margin-right:2px; vertical-align: middle; width:25px; } span.icon_perform { background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -918px; display: inline-block; /* 스케줄러 - 공연 */ font-size:0; height: 25px; margin-right:2px; vertical-align: middle; width:25px; } span.icon_exhibition { background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -887px; display: inline-block; /* 스케줄러 - 전시회 */ font-size:0; height: 25px; margin-right:2px; vertical-align: middle; width:25px; } span.icon_etc { background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -854px; display: inline-block; /* 스케줄러 - 기타 */ font-size:0; height: 25px; margin-right:2px; vertical-align: middle; width:25px; } span.icon_made { background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -789px; display: inline-block; /* 스케줄러- 맞춤형 */ font-size:0; height: 25px; margin-right:2px; vertical-align: middle; width:25px; } span.icon_fam { background: url("/images/board/board_cont_bg.png") no-repeat scroll -777px -821px; display: inline-block; /* 스케줄러- 패밀리 */ font-size:0; height: 25px; margin-right:2px; vertical-align: middle; width:25px; } span.icon_resergroup { background: url("/images/board/board_cont_bg.png") no-repeat scroll -732px -946px; display: inline-block; /* 스케줄러 - 단체예약 */ font-size:0; height: 25px; margin-right:2px; vertical-align: middle; width:25px; } span.icon_tourfam { background: url("/images/board/board_cont_bg.png") no-repeat scroll -732px -976px; display: inline-block; /* 스케줄러 - 과학체험(가족) */ font-size:0; height: 25px; margin-right:2px; vertical-align: middle; width:25px; } span.icon_tourgroup { background: url("/images/board/board_cont_bg.png") no-repeat scroll -732px -916px; display: inline-block; /* 스케줄러 - 과학체험(단체) */ font-size:0; height: 25px; margin-right:2px; vertical-align: middle; width:25px; } /*span.icon_perform { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px 0px; display: inline-block; font-size:0; height: 16px; margin-right:5px; vertical-align: middle; width:17px; } span.icon_exhibition { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -16px; display: inline-block; font-size:0; height: 16px; margin-right:5px; vertical-align: middle; width:17px; } span.icon_etc { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -32px; display: inline-block; font-size:0; height: 16px; margin-right:5px; vertical-align: middle; width:17px; }*/ span.icon_charge { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -545px 0px; display: inline-block; /* 원표시 */ font-size:0; height: 20px; margin-left:5px; vertical-align: middle; width:20px; } span.icon_nocharge { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -545px -20px; display: none; font-size:0; height: 20px; margin-left:5px; vertical-align: middle; width:20px; } span.icon_key1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -129px -31px; display: inline-block; font-size:0; height: 16px; margin-right:7px; padding-top:3px; vertical-align: middle; width:12px; /* 열쇠1 */ } span.icon_tourism { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -618px 0; display: inline-block; font-size:0; height: 30px; margin-right:7px; vertical-align: middle; width:30px; /* 관광지 */ } span.icon_restaurant { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -650px 0; display: inline-block; font-size:0; height: 30px; margin-right:7px; vertical-align: middle; width:30px; /* 관광지 */ } span.icon_stay { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -682px 0; display: inline-block; font-size:0; height: 30px; margin-right:7px; vertical-align: middle; width:30px; /* 관광지 */ } span.icon_prosess1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll 0 -205px; display: inline-block; font-size:0; height: 98px; margin:0; vertical-align: middle; width:380px; /* 신청-접수-배정*/ } span.icon_call1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -63px; display: inline-block; font-size:0; height: 22px; margin-right:5px; vertical-align: middle; width:22px; /* 전화번호*/ } span.icon_address1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -91px; display: inline-block; font-size:0; height: 22px; margin-right:5px; vertical-align: middle; width:22px; /* 주소*/ } span.icon_room { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -115px; display: inline-block; font-size:0; height: 22px; margin-right:5px; vertical-align: middle; width:22px; /* 객실*/ } span.icon_menu { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -525px -164px; display: inline-block; font-size:0; height: 22px; margin-right:5px; margin-top: 4px; vertical-align: top; width:22px; /* 음식점메뉴*/ } span.icon_coupon_on { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -719px -0; display: inline-block; font-size:0; height: 34px; margin:0; vertical-align: middle; width:43px; /* 쿠폰 있을때*/ } span.icon_up1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -366px -113px; display: inline-block; font-size:0; height: 32px; margin-right:3px; vertical-align: middle; width:36px; /* 화살표-위로*/ } span.icon_down1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -407px -113px; display: inline-block; font-size:0; height: 32px; margin-right:3px; vertical-align: middle; width:36px; /* 화살표-아래로*/ } span.icon_del1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -448px -113px; display: inline-block; font-size:0; height: 32px; margin:0; vertical-align: middle; width:36px; /* 화살표-아래로*/ } span.icon_address2 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -122px -53px; display: inline-block; font-size:0; height: 34px; margin-right:10px; vertical-align: middle; width:34px; /* 관광명소-주소*/ } span.icon_address3 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll 0px -726px; display: inline-block; font-size:0; height: 26px; margin-right:10px; vertical-align: middle; width:29px; /* 여행코스-주소*/ } span.icon_call2 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -122px -92px; display: inline-block; font-size:0; height: 34px; margin-right:10px; vertical-align: middle; width:34px; /* 관광명소-전화*/ } span.icon_call3 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -30px -726px; display: inline-block; font-size:0; height: 26px; margin-right:10px; vertical-align: middle; width:29px; /* 관광명소-전화*/ } span.icon_like4 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -123px -133px; display: inline-block; font-size:0; height: 34px; margin-right:10px; vertical-align: middle; width:34px; /* 관광명소-추천*/ } span.icon_coupon1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -179px -54px; display: inline-block; font-size:0; height: 21px; margin-right:10px; vertical-align: middle; width:36px; /* 쿠폰있음*/ } span.icon_star1 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -177px -79px; display: inline-block; font-size:0; height: 21px; margin-right:10px; vertical-align: middle; width:30px; /* 관심담기*/ } span.icon_att_s { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -583px -647px; color:#fff; float:left; font-size:13px; height: 22px; margin-right:7px; text-align:center; width:25px; /* 관광지-작은사이즈*/ } span.icon_stay_s { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -583px -670px; color:#fff; float:left; font-size:13px; height: 22px; margin-right:7px; text-align:center; width:25px; /* 숙박-작은사이즈*/ } span.icon_food_s { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -583px -693px; color:#fff; float:left; font-size:13px; height: 22px; margin-right:7px; text-align:center; width:25px; /* 음식점-작은사이즈*/ } span.icon_food_good { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -345px -686px; display: inline-block; font-size:0; font-weight:400; height: 30px; margin:-3px 3px 0 0px; text-align:center; width:28px; text-indent: -99999px; vertical-align:middle; /* 모범음식점*/ } span.icon_food_best { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -378px -687px; display: inline-block; font-size:0; font-weight:400; height: 28px; margin:0 3px 0 0; text-align:center; width:28px; text-indent: -99999px; vertical-align:middle; /* 목포맛집*/ } span.icon_grade_3 { background: transparent url("/images/board/board_cont_bg.png?build_20200326003") no-repeat scroll -756px -1060px; display: inline-block; font-size:0; font-weight:400; height: 30px; margin:0 3px 0 10px; text-align:center; width:46px; text-indent: -99999px; vertical-align:middle; /* 목포으뜸맛집 100선 아이콘추가_ 190410_배금아 등대3*/ } span.icon_grade_2 { background: transparent url("/images/board/board_cont_bg.png?build_20200326003") no-repeat scroll -763px -1060px; display: inline-block; font-size:0; font-weight:400; height: 30px; margin:0 3px 0 10px; text-align:center; width:38px; text-indent: -99999px; vertical-align:middle; /* 목포으뜸맛집 100선 아이콘추가_ 190410_배금아 등대2*/ } span.icon_grade_1 { background: transparent url("/images/board/board_cont_bg.png?build_20200326003") no-repeat scroll -771px -1060px; display: inline-block; font-size:0; font-weight:400; height: 30px; margin:0 3px 0 10px; text-align:center; width:30px; text-indent: -99999px; vertical-align:middle; /* 목포으뜸맛집 100선 아이콘추가_ 190410_배금아 등대1*/ } span.icon_namdo_good { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -284px -732px; display: inline-block; font-size:0; font-weight:400; height: 28px; margin:0 3px 0 0; text-align:center; width:28px; text-indent: -99999px; vertical-align:middle;/* 남도명가*/ } .detail_tit .food_icon_div{top: 10px; right: 10px;} .detail_tit .food_icon_div span{height: 30px; padding: 0; float: left; margin: 0 0 0 3px;} .photo_area h4.detail_tit.tourboard_detail_top{font-size: 18px !important;} span.icon_food_yeosu { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -378px -687px; display: inline-block; font-size:0; font-weight:500; height: 28px; margin:0 3px 0 0; text-align:center; width:28px; vertical-align:middle /* 여수맛집*/ } span.icon_att_b { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -644px -121px; color:#fff; display: inline-block; font-size:15px; font-weight:500; height: 41px; margin:0; padding-top:3px; text-align:center; width:34px; /* 관광지-큰사이즈*/ } span.icon_stay_b { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -199px -546px; color:#fff; display: inline-block; font-size:15px; font-weight:500; height: 41px; margin:0; padding-top:3px; text-align:center; width:34px; /* 관광지-큰사이즈*/ } span.icon_food_b { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -239px -546px; color:#fff; display: inline-block; font-size:15px; font-weight:500; height: 41px; margin:0; padding-top:3px; text-align:center; width:34px; /* 음식점-큰사이즈*/ } span.icon_att_b_slected { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -608px -121px; display: inline-block; font-size:0; height: 41px; margin:0; padding-top:3px; text-align:center; width:34px; /* 선택된 관광지*/ } span.icon_stay_b_slected { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -199px -596px; display: inline-block; font-size:0; height: 38px; margin:0; padding-top:3px; text-align:center; width:32px; /* 선택된 숙박*/ } span.icon_food_b_slected { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -239px -596px; display: inline-block; font-size:0; height: 38px; margin:0; padding-top:3px; text-align:center; width:32px; /* 선택된 음식점*/ } span.icon_parking_off { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -31px -166px; display: inline-block; font-size:0; height: 29px; margin-right:5px; text-align:center; width:29px; vertical-align: middle;/* 주차시설*/ } span.icon_parking_on { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll 0 -166px; display: inline-block; font-size:0; height: 29px; margin-right:5px; text-align:center; width:29px; vertical-align: middle;/* 주차시설*/ } span.icon_parking2 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -60px -726px; display: inline-block; font-size:0; height: 26px; margin-right:10px; text-align:center; width:29px; vertical-align: middle;/* 주차시설*/ } span.icon_price { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -345px -645px; display: inline-block; font-size:0; height: 39px; margin-right:5px; text-align:center; width:39px; vertical-align: middle;/* 가격*/ } span.icon_price2 { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -90px -726px; display: inline-block; font-size:0; height: 26px; margin-right:10px; text-align:center; width:29px; vertical-align: middle;/* 가격*/ } span.icon_bico { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -274px -498px; display: inline-block; height: 36px; margin:0; text-align:center; width:30px; /* 위치*/ } span.icon_move { background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -345px -725px; display: inline-block; height: 29px; margin:0; text-align:center; width:50px; /* 위치*/ } span.comment_cnt{ background: #09C; color:#fff; display:inline-block; font-size:13px; height: 20px; margin-left:7px; text-align:center; width:20px; border-radius:10px; } span.qna_answer{width: 50px; background-color:#2c384b; color: white; padding: 5px 6px; font-size: 13px; font-weight:400;} span.qna_answer_none {width:50px; background-color: #e1574c; color: white; padding: 5px 6px; font-size: 13px;font-weight:400;} span.icon_sgroup a {color:#0c9eab;} /*스케줄러 수정버튼*/ a.data_modify {display:inline-block;padding:2px 8px;margin-left:3px;font-size:13px;text-align:center;border-radius:20px;color: #000;border:1px solid #d1d1d1;} a.data_modify:hover {background-color:#606060; color:#fff;} /*비승인글*/ .icon_hidden {display:inline-block;margin-left:4px;background: #717172 url("/images/board/board_cont_bg.png") no-repeat scroll -643px -978px;padding: 0px 20px 0px 5px;font-size:13px;border-radius:4px;color:#fff;} /********************************************************************************************************************************** ****************************************************공통 클래스 끝***************************************************************** **********************************************************************************************************************************/ a.btn_excel { background:#1a4589; color:#fff; display:block; float:right; padding:0 30px; height:38px; line-height:38px; margin-bottom:10px;} /*예약입력*/ ul.class_cate_mobile { display: inline-block;margin-top: 15px;} /* 모바일 로그인 스타일 */ #login_box{position: relative; border: 1px solid #188657; padding: 18px; background-color: #fafafa;} #login_box h3{margin-top: 2px; border-bottom: 1px solid #188657; padding-bottom: 5px; font-size: 16px;} #login_box p{font-size: 12px; margin-top: 7px;} #login_box .id{margin-top: 13px; margin-bottom: 5px;} #login_box div .lab{font-size: 12px;} #login_box form {position: relative} #login_box .id .lab{margin-right: 12px;} #login_box .upw .lab{margin-right: 6px;} #login_box div input{width: 40%;} #login_box .btn{position: absolute;/* top: 185px; */ top:-7px; right: 30px;} #login_box .btn input{width: 80px; height: 54px;} #login_box .certify{height: 30px; margin-top: 10px;} #login_box .certify .ipin{float: left;} #login_box .certify .phone{float: left; margin-left: 20px;} #login_box p.btn_p{height: 36px; margin-bottom: 10px;} #login_box .btn_certify{float: left; margin: 0 !important; box-sizing: border-box; width: 49%;} #login_box .btn_certify.mar5{margin-right: 2% !important;} /*홍률씨에게 바랍니다 20171121 김용선*/ .approval { width:100%; } .approval ul { width:100%; margin-top:20px;} .approval ul li {width:100%; margin-bottom:20px; padding:0 0 10px !important; border-bottom:1px solid #d2d2d2; background:none !important;} .approval ul li span {font-size:13px; margin-right: 5px;} .approval ul li span.list_top {color:#fff; background:#20aff1; padding:5px 7px; display: inline-block; text-align:center;line-height: 13px !important;} .approval ul li p.approval_tit {float: left; font-size:15px; font-weight:600; line-height:1.4; margin: 5px 0; letter-spacing:-1px; max-width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .approval ul li span.proc{float: left; margin: 7px 0 0 10px;} .approval ul li p.notice_txt {font-size:14px; line-height:1.4; margin-top:5px; clear:both;} .approval ul li p.notice_txt a {color:#323232;} .approval ul li span.list_date { color:#707070; margin-top:10px;} .approval ul li span.list_num { color:#188657; display:block;} .approval li a { display:block;} .approval li a > div{display:inline-block} .approval li a > div.cnt{width:100%; margin-bottom:10px;} .approval li a > div.thmb{margin-top:5px;margin-right:18px;} /*스타일 추가*/ .approval .approval_tit_box{height: 31px;} /**=================================정리=====================================**/ .data_list {margin-top:-4px !important;} .list_mobile .mtype1 li {border-bottom: 1px solid #E6E6E6;font-size: 15px;position: relative;} .list_mobile .mtype1 li a {display: block;overflow: hidden;padding: 0.55em 0.7em 0.55em 0;color: #000000;cursor: pointer;text-decoration: none;} .list_mobile .mtype1 li .item {display: block;overflow: hidden;padding-right: 10px;} .list_mobile .mtype1 li {font-size: 15px; background:none !important;} .list_mobile .mtype1 li strong {color: #090909;font-weight: normal;line-height: 1.4em;} .list_mobile .info {color: #9A9CA3;display: inline-block;font-size: 0.9em;line-height: 1.4em;position: relative; width:93%;} .list_mobile .name {color: #5F6B7E;} .list_mobile .bar {color: #E8E8E8;display: inline-block;font-size: 1em;margin: 0 0.1em;} .list_mobile .icon_reply {left: 10px;top: 10px;display: inline-block;position: absolute;height: 14px;width: 15px;} .list_mobile .mtype1 li span.icon img {margin-left:4px;vertical-align:middle;} .list_mobile .mtype1 li.re1 a { padding-left: 1.9em;} .list_mobile .mtype1 li.re1 .icon_reply { left: 10px; top: 10px;} .list_mobile .mtype1 li.re2 a { padding-left: 2.9em;} .list_mobile .mtype1 li.re2 .icon_reply {left: 25px;top: 10px;} .list_mobile .mtype1 li.re3 a {padding-left: 3.9em;} .list_mobile .mtype1 li.re3 .icon_reply {left: 40px;top: 10px;} .list_mobile .mtype1 li.re4 a {padding-left: 5.1em;} .list_mobile .mtype1 li.re4 .icon_reply {left: 55px;top: 10px;} .list_mobile .mtype1 li.re5 a {padding-left: 6.3em;} .list_mobile .mtype1 li.re5 .icon_reply {left: 70px;top: 10px;} .list_mobile .mtype1 li.re6 a {padding-left: 7.1em;} .list_mobile .mtype1 li.re6 .icon_reply {left: 85px;top: 10px;} .hc {font-size: 0;height: 0;left: -10000px;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;} .list_mobile .mtype1 li .thmb {float: left;height: 50px;margin-right: 10px;margin-top: 4px;position: relative;width: 50px;} .list_mobile .lst6 li .thmb img {vertical-align: middle;} #content h3.board_tit { width:auto !important; margin:-14px 0 10px 0 !important; background-color:#20aff1; color:#fff; padding:5px 10px !important; font-size:15px; display:none} #content h3 {} #content h3.area_tit { color:#113184; background:none; font-size:18px; margin:10px 0 0 0 !important; padding:11px 0 0 0 !important; } #content ul li { letter-spacing:normal; line-height:normal;} .tbl_type { border-bottom: 1px solid #ccc; clear: both; margin: 10px 0; min-height: 120px; position: relative; text-align: left; width: 100%; } .tbl_type .board-line { background-color: #e5e5e5; font-size: 0; height: 1px; line-height: 0; overflow: hidden; padding: 0; } .tbl_type .bg-color { background-color: #f9f9f9; } .tbl_type .bg-color th { border-bottom: 1px solid #e5e5e5; border-collapse: collapse; border-top: 3px solid #e5e5e5; font-size: 11px; font-weight: normal; letter-spacing: -1px; padding: 4px 0 2px; text-align: center; } .tbl_type a:link, .tbl_type a:visited, .tbl_type a:active { text-decoration: none; } .tbl_type a:hover { text-decoration: underline; } .tbl_type td.title img { border: medium none; margin-left: 2px; vertical-align: middle !important; } .tbl_type td.visit, .tbl_type td.date { font-size: 11px; } .tbl_type_bt { bottom: 15px; float: right; margin: 0; position: absolute; right: 0; } .content_top_alert {padding:5px 10px; border:1px solid #2d58b6;} /* 게시판 상단 박스 스타일 추가 171227_배금아*/ .content_top_alert .alert_content { color: #464646; font-size: 13px; } .content_top_alert .alert_content dl {margin-left:0;} .content_top_alert .alert_content dl dt { font-weight:600; font-size:14px;} .content_top_alert .alert_content ul li { line-height: 1.6 !important; margin: 0 0 5px; text-align:left !important; } .content_top_alert .button { margin-left: 135px; margin-top: 10px; padding-right: 20px; } .content_top_alert .alert_content ul li.alert_point { color: #053cfb; } .oldboard { position: absolute; right: 0; top: 20px; } /* .content_top_alert2 { text-align: right; } */ .content_top_alert2 a { background: #0d43be none repeat scroll 0 0; border: 1px solid #04349f; border-radius: 3px; color: #fff; display: inline-block; font-size: 12px; line-height: 16px; padding: 3px 6px; text-decoration: none !important; } .alert_none_style{ background:none !important; padding:0 !important; border:none !important; } .alert_none_style .photo_1{ margin:0 !important} .list01 p.poeun { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -421px -115px; display: block; height: 21px; left: 22px; position: relative; text-indent: -9999px; width: 58px; } .list01 p.yyam { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -483px -115px; display: block; height: 21px; left: 22px; position: relative; text-indent: -9999px; width: 58px; } .list01 p.ocheon { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -544px -115px; display: block; height: 21px; left: 22px; position: relative; text-indent: -9999px; width: 58px; } .list01 p.dajam { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -606px -115px; display: block; height: 21px; left: 22px; position: relative; text-indent: -9999px; width: 58px; } .list01 p.dongh { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -668px -115px; display: block; height: 21px; left: 22px; position: relative; text-indent: -9999px; width: 58px; } .list01 p.cheng { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -730px -115px; display: block; height: 21px; left: 22px; position: relative; text-indent: -9999px; width: 58px; } .list01 p.all { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -792px -115px; display: block; height: 21px; left: 22px; position: relative; text-indent: -9999px; width: 58px; } .tab-wrap2 { margin: 10px 0; position: relative; width: 100% !important; } .tab-wrap2 span.arrow_cult1 { background: rgba(0, 0, 0, 0) url("/images/board/tab-bottom.gif") no-repeat scroll 0 0 !important; display: block; height: 9px; left: 31px; position: absolute; top: 60px; width: 17px; } .tab-wrap2 span.arrow_cult2 { background: rgba(0, 0, 0, 0) url("/images/board/tab-bottom.gif") no-repeat scroll 0 0 !important; display: block; height: 9px; left: 31px; position: absolute; top: 60px; width: 17px; } .tab-wrap2 span.arrow_cult3 { background: rgba(0, 0, 0, 0) url("/images/board/tab-bottom.gif") no-repeat scroll 0 0 !important; display: block; height: 9px; left: 31px; position: absolute; top: 60px; width: 17px; } .tab-wrap2 span.arrow_cult4 { background: rgba(0, 0, 0, 0) url("/images/board/tab-bottom.gif") no-repeat scroll 0 0 !important; display: block; height: 9px; left: 31px; position: absolute; top: 60px; width: 17px; } .tab-wrap2 span.arrow_cult5 { background: rgba(0, 0, 0, 0) url("/images/board/tab-bottom.gif") no-repeat scroll 0 0 !important; display: block; height: 9px; left: 31px; position: absolute; top: 60px; width: 17px; } .close_event { margin: 0 auto; position: relative; width: 90%; } .close_event .day { height: 50px; line-height: 35px; margin: 0 auto; position: relative; text-align: center; width: 100%; } .close_event .day ul { clear: both; margin: -35px auto 0; position: relative; width: 70%; } .close_event .day li { display: inline; float: left; } .close_event .day li a.clo_prev { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -26px -455px; height: 16px; left: 0; position: absolute; text-indent: -9999px; top: 10px; width: 18px; } .close_event .day li a.clo_next { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -50px -455px; height: 16px; position: absolute; right: 0; text-indent: -9999px; top: 10px; width: 18px; } .close_event a.more { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -50px -473px; display: block; height: 16px; position: absolute; right: 10px; text-indent: -9999px; top: 10px; width: 18px; } .close_event .day .today { font-size: 15px; font-weight: 400; } .library_box { border: 1px solid #dadada; margin: 0; width: 100%; } .lib { display: inline-block; padding: 0 0 10px; width: 100%; } .library_box .lib > h3 { background-color: #f1f1f1; color: #333 !important; font-size: 13px; line-height: 18px; margin: 0 !important; padding: 10px 0 !important; text-align: center; width: 100%; } .lib ul { margin: 0 auto; padding: 15px 0; width: 139px; } .lib li { background-image: none !important; float: left; margin: 0; padding: 0; } .lib li a { display: block; height: 21px; margin-bottom: 5px; text-indent: -9999px; width: 58px; } .lib li.poeun a { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -421px -88px; margin-right: 4px; } .lib li.yyam a { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -483px -88px; } .lib li.ocheon a { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -544px -88px; margin-right: 4px; } .lib li.dajam a { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -606px -88px; } .lib li.dongh a { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -668px -88px; margin-right: 4px; } .lib li.cheng a { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -730px -88px; } .lib li.poeun a.on { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -421px -115px; } .lib li.yyam a.on { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -483px -115px; } .lib li.ocheon a.on { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -544px -115px; } .lib li.dajam a.on { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -606px -115px; } .lib li.dongh a.on { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -668px -115px; } .lib li.cheng a.on { background: rgba(0, 0, 0, 0) url("/images/www/main/main_sprite.png") no-repeat scroll -730px -115px; } .cate_list_sub::after { clear: both !important; display: block !important; } .cate_list_sub li:first-child { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; padding-left: 0; } .cate_list_sub { margin-bottom: 45px; overflow: hidden; text-align: center; width: 100%; } .cate_list_sub li { background: rgba(0, 0, 0, 0) url("/images/board/li-bg.gif") no-repeat scroll left center !important; float: left; font-size: 14px; padding: 0 8px !important; text-align: center !important; } .cate_list_sub li a.on, .cate_list_sub li a:hover, .cate_list_sub li a:focus, .cate_list_sub li a:active { background-color: #da4e47 !important; color: #fff; font-weight: 400; text-align: center !important; text-decoration: none; } .cate_list_sub li a { display: block; font-weight: 600; margin-right: 3px; padding: 4px 9px; } #content .bigtrash_btn { vertical-align: middle !important; } .btn_center { text-align:right; margin-top: 15px; } .paginate { clear: both; margin: 0 auto; overflow: hidden; padding: 29px 0 30px; text-align: center; width: 100%; } .paginate a { border: 1px solid #c8c8c8; color: #666; display: inline-block; font-weight: 400; line-height: 24px; margin: 0 2px; padding: 0 9px; text-decoration: none !important; } .paginate a:hover, .paginate a:focus, .paginate a:active { border: 1px solid #da006c; margin: 0 2px; padding: 0 4px; } .paginate strong { border: 1px solid #597cb6; color: #666; display: inline-block; font-weight: 400; line-height: 24px; margin: 0; padding: 0 9px; text-decoration: none !important; } .paginate strong { color: #e33840 !important; } .paginate a span { display: block; padding: 0 4px; } .paginate strong span { display: block; padding: 0 4px; } .paginate a.first, .paginate a.prevpage, .paginate a.nextpage, .paginate a.end { background: transparent url("/images/board/board_btn.gif") no-repeat scroll 0 0; height: 25px; margin-right: 2px; text-indent: -5000px; width: 24px; } .paginate a.first { background-position: 0 0; border: medium none !important; margin: 0; padding: 0; } .paginate a.first:hover { background-position: 0 -25px; } .paginate a.prevpage { background-position: -24px 0; border: medium none !important; margin: 0 20px 0 0; padding: 0; } .paginate a.prevpage:hover { background-position: -24px -25px; } .paginate a.nextpage { background-position: -48px 0; border: medium none !important; margin: 0 0 0 20px; padding: 0; } .paginate a.nextpage:hover { background-position: -48px -25px; } .paginate a.end { background-position: -72px 0; border: medium none !important; margin: 0; padding: 0; } .paginate a.end:hover { background-position: -72px -25px; } .paginate a img { border: medium none !important; padding: 0 !important; vertical-align: middle; } .pagenum { clear: both; display: block; margin: 0 0 10px; padding: 20px 0 !important; text-align: center; } .pagenum .page_downup a, .pagenum .page_downup em { background: transparent url("/images/common/inner_btn.gif") no-repeat scroll 0 0; float: left; height: 21px; margin-right: 2px; text-indent: -5000px; width: 22px; } .pagenum .page_downup a.nextpage { background-position: -372px -21px; } .pagenum .page_downup a.prevpage { background-position: -350px -21px; } .pagenum .page_downup a.nextpage:hover { background-position: -333px -63px; } .pagenum .page_downup a.prevpage:hover { background-position: -333px -42px; } .pagenum .page_downup em.nextpage { background-position: -372px 0; } .pagenum .page_downup em.prevpage { background-position: -350px 0; } .pagenum .num a, .pagenum .num strong { background-color: #fbfcfb; border: 1px solid #b8b9bb; color: #737373; display: inline-block; font-family: dotum; font-size: 12px; font-weight: 400; line-height: 120%; margin-right: 3px; padding: 5px 10px; text-align: center; } .pagenum .num strong { background-color: #fff; border: 2px solid #597cb6; color: #ff0000; text-decoration: underline; } .pagenum .num a.first, .pagenum .num a.prevpage, .pagenum .num a.nextpage, .paginate a.end { background: transparent url("/images/common/page_btn.gif") no-repeat scroll 0 0; height: 25px; margin-right: 2px; text-indent: -5000px; width: 24px; } .pagenum .num a.first { background-position: 0 0; border: medium none !important; margin: 0; padding: 0; } .pagenum .num a.first:hover { background-position: 0 -25px; } .pagenum .num a.prevpage { background-position: -24px 0; border: medium none !important; margin: 0 20px 0 0; padding: 0; } .pagenum .num a.prevpage:hover { background-position: -24px -25px; } .pagenum .num a.nextpage { background-position: -48px 0; border: medium none !important; margin: 0 0 0 20px; padding: 0; } .pagenum .num a.nextpage:hover { background-position: -48px -25px; } .pagenum .num a.end { background-position: -72px 0; border: medium none !important; margin: 0; padding: 0; } .pagenum .num a.end:hover { background-position: -72px -25px; } .pagenum .num a img { border: medium none !important; padding: 0 !important; vertical-align: middle; } .board_button { display: block; float: right; margin: 20px 0 0; } .board_button ul { float: right; margin-right: 0; } .board_button ul li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; float: left; padding-left: 0 !important; } .board_content .body { color: #444 !important; font-size: 13px !important; line-height: 21px !important; margin: 10px auto 30px; text-align: justify !important; } .board_content .body table { border-bottom: 1px solid #555555; border-collapse: collapse; border-right: 1px solid #dfdfdf; border-top: 2px solid #188657 ; clear: both; margin-bottom: 20px; } .board_content .body table th { background-color: #eeeeee; border-left: 1px solid #dfdfdf; border-top: 1px solid #d1d1d1; color: #6d6d70; padding: 5px; text-align: center; } .board_content .body table td { border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; color: #6d6d70; padding: 5px; text-align: left; } .align_bottom object, .align_bottom embed { margin-top: 230px; } #show_movie_wrapper { clear: both; margin: 0 auto; } .board_content .playbuttons { clear: both; margin: 5px 0; padding: 0; } .board_content .playbuttons li { background-image: none !important; display: inline; float: left; margin: 0 !important; padding: 0 5px 0 0 !important; } #movie_contents { border: 1px dotted #cccccc; height: 260px; line-height: 140%; margin-top: 10px; overflow: auto; padding: 10px; width: 99%; } #pollgroup { /* overflow: hidden;*/ } #pollgroup h3 { /*모바일 스타일 수정 171227_배금아*/ background: url("/images/common/icon_polltit.png") no-repeat scroll 10px 2px; font-size: 15px; font-weight: normal; margin: 5px 0 0 !important; min-height: 25px; /*padding: 2px 3% 10px 12% !important;*/ padding: 2px 3% 10px 17% !important;/*아이콘이 텍스트랑 겹침 181030_김용선*/ background-size: 12%; color: #227d55; } #pollgroup .poll_button { background-image: none; float: left; margin: 6px 0; } #pollgroup .poll_button ul li { background-image: none; float: left; } #pollgroup .board_content { float: left; margin: 5px 0 20px; min-height: 250px; width: 100%; } #pollgroup .board_content div.term { color: #28a031; margin: 10px 0 15px 8px; } #pollgroup .board_content div.term span { background: rgba(0, 0, 0, 0) url("/images/common/board/board_icon.png") no-repeat scroll -102px 0; font-weight: 400; margin-right: 5px; padding-left: 16px; } .poll_qst_title { font-size: 14px; margin-left: 10px; } .poll_qst_requisite { margin-left: 5px; } #pollgroup .poll_box .poll { background-color: #f7f7f7; border: 1px dashed #e3e3e3; float: left; margin-bottom: 5px; padding: 5px 0; width: 100%; } #pollgroup .poll textarea { border: 1px solid #d8d7d7; width: 95%; } #pollgroup .poll input { border: 1px solid #d8d7d7; padding: 3px; } #pollgroup .poll .poll_qst_number { background: rgba(0, 0, 0, 0) url("/images/www/icon/h_li.gif") no-repeat scroll left 4px; float: left; margin-left: 10px; padding: 0 0 0 10px; } #pollgroup .poll .poll_asw {margin:5px 0px;} #pollgroup dl.left { float: left; margin: 10px 0; overflow: hidden; } #pollgroup dl.left dt { background: rgba(0, 0, 0, 0) url("/images/www/icon/h3_1.gif") no-repeat scroll left 7px; float: left; font-weight: 400; margin: 2px 0 1px; padding: 5px 0 0 17px; width: 55px; } #pollgroup dl.left dd { float: left; margin: 2px 0 1px; padding: 5px 0 0 15px; width: 600px; } #pollgroup .poll_box .poll .poll_asw .poll_asw_box { white-space: nowrap; } /* 스타일이 겹쳐서 오류가 나는중 #total_search_word { color: #373737; font-size: 13px; vertical-align: middle; height:28px; border:1px solid #d2d2d2; background:#f8f9fb; float:left; width:70%; margin-left:1%; }*/ /*#search_word { color: #373737; font-size: 13px; vertical-align: middle; height:28px; border:1px solid #d2d2d2; background:#f8f9fb; float:left; width:57%; margin-left:1%; }*/ #coupon_sch .keyword{ width:50% !important} .srch input.btn-sch { background: #4f576a none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; margin: 0; padding:0; height: 32px; float:right; width:17%; } .srch .search_reset img { margin: 4px 3px 0 -17px; } .tit-box { border-bottom: 1px solid #ccc; clear: both; margin: 0 0 15px; padding: 10px 0; width: 100%; } .tit-box::after { clear: both; content: ""; display: block; } #content .tit-box h3 { background: rgba(0, 0, 0, 0) url("/images/common/alert_tip.gif") no-repeat scroll 0 9px; color: #333; display: inline-block; font-size: 16px; letter-spacing: -1px; margin: 0; padding: 3px 10px 3px 20px !important; } .tit-box dl { float: left; margin: 5px 0 0 20px; } .tit-box dl.left { float: right; margin: 0; } .tit-box dl dt, .tit-box dl dd { float: left; font-size: 12px; } .tit-box dl dt { color: #188657 ; margin: 1px 3px 1px 0; } .tit-box dl dd { color: #666; margin: 1px 11px 1px 0; } .set-box { clear: both; margin-top: 10px; overflow: hidden; width: 99%; display:none; } .set-box dl.left dt, .set-box dl.left dd { float: left; margin-left: 0; margin-right: 5px; padding-left: 0; text-indent: -5000px; } .set-box dl.left dt { color: #707070; text-indent: -5000px; width: 0; } .set-box dl.left dd span { font-size: 12px; margin: 0 4px 0 5px; } .set-box dl.left dd span.blog_cate { color: #02aac4 !important; } .set-box dl.right { float: right; margin: 0; } .set-box dl.right dt, .set-box dl.right dd { color: #999; float: left; font-family: "돋움"; font-size: 11px; } .set-box dl.right dt { margin-right: 8px; } span.btn_round_red em { color: #fff; display: block; float: left; font-size: 11px; font-style: normal; font-weight: 400; height: 17px; line-height: 17px; margin: -1px 0 0; padding: 0 5px 0 0; vertical-align: top; } span.btn_round_red { background: #b20c0b none repeat scroll 0 0; border-radius: 2px; display: inline-block; font-style: normal; font-size: 11px !important; height: 17px; line-height: 17px; margin: -1px 0 0; overflow: hidden; padding: 2px 5px; vertical-align: top; color: #fff; } span.btn_round_blue em { color: #fff; display: block; float: left; font-size: 11px; font-style: normal; font-weight: 400; height: 17px; line-height: 17px; margin: -1px 0 0; padding: 0 5px 0 0; vertical-align: top; } span.btn_round_blue { background: #092971 none repeat scroll 0 0; border-radius: 2px; display: inline-block; font-style: normal; font-size: 11px !important; height: 17px; line-height: 17px; margin: -1px 0 0; overflow: hidden; padding: 2px 5px; vertical-align: top; color: #fff; } span.btn_round_green em { color: #fff; display: block; float: left; font-size: 11px; font-style: normal; font-weight: 400; height: 17px; line-height: 17px; margin: -1px 0 0; padding: 0 5px 0 0; vertical-align: top; } span.btn_round_green { background: #0b5a01 none repeat scroll 0 0; border-radius: 2px; display: inline-block; font-style: normal; font-size: 11px !important; height: 17px; line-height: 17px; margin: -1px 0 0; overflow: hidden; padding: 2px 5px; vertical-align: top; color: #fff; } .file_attach { float: left; margin: 0 0 30px; padding: 0; width: 100%; } .file_attach h5 { color: #444444; font-family: "나눔고딕",NanumGothic; font-size: 14px; letter-spacing: -1px; line-height: normal; margin-bottom: 8px; margin-top: 10px; text-align: left; text-decoration: underline; } .file_attach h5 span { color: #fd2100; font-family: tahoma; font-size: 10px; font-weight: normal; letter-spacing: 0; padding-left: 4px; } .attach_thum { background-color: #fafafa; border: 1px solid #ddd; margin: 0; padding: 0; } .attach_thum ul { font-size: 12px; height: 100%; list-style: outside none none; margin: 0 0 0 10px !important; padding: 7px; position: relative; } .attach_thum ul::after { clear: both; content: ""; display: block; } .attach_thum ul li { background: #fafafa none repeat scroll 0 0 !important; font-size: 12px !important; overflow: hidden; position: relative; padding:0 !important; } .attach_thum ul li.all_download { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; position: absolute; right: 0; top: -30px; width: 103px; z-index: 9999; } .attach_thum ul li.all_download a { background: transparent url("/images/common/board/all_down.gif") no-repeat scroll 0 0; display: none; height: 22px; text-indent: -5000px; vertical-align: middle; width: 103px; z-index: 9999; } .attach_thum .thumb, .attach_thum .icon { color: #666; display: none; float: left; margin-right: 8px; overflow: hidden; position: relative; white-space: nowrap; } .attach_thum .thumb img { border: 0 none; display: block; height: 65px; line-height: 100% !important; width: 74px; } .attach_thum .thumb strong { overflow: hidden; } .attach_thum .icon { text-align: center; display: block; } .attach_thum .icon img { margin: 0px 0; text-align: center; } .attach_thum .movie { margin: -49px 0 0 19px; position: absolute; } .attach_thum li > a { cursor: pointer; display: block; font-size: 12px; margin: 0; text-decoration: none; padding:3px 0; } .attach_thum li > a strong { color: #333; font-size: 12px; font-weight: normal; letter-spacing: 0; margin: 3px 0 0; word-spacing: 0; } .attach_thum p { color: #767676; font-size: 11px; line-height: 1.4em; margin: 0 0 5px; padding: 0; width: 205px; /*display:none;*/ } .attach_thum p.pre { float: left; margin: 0 0 5px -18px; padding: 0; width: 205px; display:none; } .attach_thum a.download, .attach_thum a.preview, .attach_thum a.ebookview { background: transparent url("/images/common/icon_attach.gif") no-repeat scroll 0 0; display: block; float: left; height: 19px; padding-left: 14px; text-indent: -5000px; width: 8px; } .attach_thum a.download { background-position: 0 0; margin: 2px 4px 4px 19px; } .attach_thum a.download:hover { background-position: 0 -20px; } .attach_thum a.preview { background-position: -23px 0; margin: 2px 0 0; } .attach_thum a.preview:hover { background-position: -23px -20px; } .attach_thum a.ebookview { background-position: -46px 0; margin: 2px 0 0; width: 59px; } .attach_thum a.ebookview:hover { background-position: -46px -20px; width: 59px; } span.icon_image { background: transparent url("/images/common/board/board_icon.png") no-repeat scroll -13px 0; display: inline-block; height: 12px; margin-left: 3px; overflow: hidden; text-indent: -5000px; vertical-align: middle; width: 13px; } span.icon_new { background: transparent url("/images/common/board/board_icon.png") no-repeat scroll -39px -1px; display: inline-block; height: 10px; margin-left: 3px; overflow: hidden; text-indent: -5000px; vertical-align: middle; width: 10px; margin-right:3px; } span.icon_lock { background: transparent url("/images/board_mobile/board/icon_lock.png") no-repeat scroll 0 0; display: inline-block; height: 18px; margin: -3px 0 0 7px; overflow: hidden; text-indent: -5000px; vertical-align: middle; width: 18px; } span.icon_attach { background: transparent url("/images/common/board/board_icon.png") no-repeat scroll -27px 0; display: inline-block; height: 11px; margin-left: 3px; overflow: hidden; text-indent: -5000px; vertical-align: middle; width: 11px; } span.icon_movie { background: transparent url("/images/common/board/board_icon.png") no-repeat scroll 0 0; display: inline-block; height: 12px; margin-left: 3px; overflow: hidden; text-indent: -5000px; vertical-align: middle; width: 12px; } span.comment_cnt { background: transparent url("/images/common/board/board_icon.png") no-repeat scroll -85px 0; color: #fd2100; display: inline-block; font-family: tahoma; font-size: 9px; height: 12px; letter-spacing: 0; line-height: 120%; margin-left: 3px; overflow: hidden; padding: 0 2px; text-align: center; vertical-align: middle; width: 13px; } span.icon_reply { background: transparent url("/images/common/board/board_icon.png") no-repeat scroll -116px 0; display: inline-block; height: 13px; margin-left: 3px; overflow: hidden; text-indent: -5000px; vertical-align: middle; width: 29px; } span.icon_hidden { background: transparent url("/images/common/board/board_icon.png") no-repeat scroll -146px 0; display: inline-block; height: 14px; margin-left: 3px; overflow: hidden; text-indent: -5000px; vertical-align: middle; width: 37px; } .comment { clear: both; margin: 30px 0 0; padding: 0; position: relative; width: 100%; } .comment h5 { color: #444444; font-size: 14px; letter-spacing: -1px; line-height: normal; margin-bottom: 8px; font-style: normal; text-decoration: none; } .comment h5 span { color: #fd2100; font-family: tahoma; font-size: 11px; font-weight: normal; padding-left: 4px; } .comment .comment_input { margin: 0 0 10px; } .comment_center { border: 1px solid #dddddd; margin: 0; padding: 10px; } .comment_area { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ffffff; margin: 0; padding: 0; } #comment_btn { float: left; height: 73px; margin: 0; padding: 0; } .comment_center textarea { background: #ffffff none repeat scroll 0 0; border-color: #d1d1d1 #e9e9e9 #e9e9e9 #d1d1d1; border-style: solid; border-width: 1px; color: #666666; float: left; font-size: 12px; height: 67px; line-height: 20px; margin: 0 3px 0 0; overflow: auto; padding: 4px 0 0 6px; resize: none; vertical-align: top; width: 87%; } .comment_center .comment_btn { background-color: #ffffff; border: 1px solid #cccccc; height: 70px; width: 50px; } .comment_list .user_img { float: left; margin-right: 15px; padding: 0; width: 50px; } .comment_list .item { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border-bottom: 1px solid #eeeeec; font-size: 12px; font-weight: normal; line-height: 14px; margin-top: 10px; position: relative; } .comment_list .item .author { color: #858585; display: inline-block; padding-left: 1px; vertical-align: middle; } .comment_list .item .date { color: #aaaaaa; display: inline-block; font-family: tahoma; font-size: 10px; padding-left: 4px; } .comment_list .item .delete_link { margin-left: 10px; } .comment_list .item .delete_link img { vertical-align: middle; } .comment_list .item .comment_content { color: #555555; overflow: hidden; padding: 0 0 20px 1px; } .comment_list .item .comment_content p.dsc { color: #555555; } .comment_list .item .cb_section2 { color: #aaaaaa; height: 15px; padding-left: 6px; position: absolute; right: 0; top: 0; } .comment_box { border-bottom: 1px solid #cccccc; margin: 0; padding: 0; width: 100%; } .comment_center fieldset { border: medium none; } .comment_center fieldset legend { display: none; } table.boardlist { border-bottom: 2px solid #9ba3bc; border-spacing: 1px; border-top: 2px solid #9ba3bc; clear: both; width: 100% !important; } body#community table.boardlist { border-top: 2px solid #208a1b; } body#media table.boardlist { border-top: 2px solid #9a30c2; } table.boardlist th { background-color: #f5f6f6; border-bottom: 1px solid #dddddd; color: #404c73; font-weight: normal; height: 28px; margin: 0; padding: 0 5px; width: 30% !important; } table.boardlist td { border-bottom: 1px solid #dddddd; color: #505050; font-family: Dotum; margin: 0; padding: 5px 0 5px 10px; text-align: left; } table.boardlist td.blog_img { padding-bottom: 10px; vertical-align: top; } table.boardlist td.title { line-height: 16px; padding: 9px 0 7px; text-align: left; } table.boardlist td.title p { color: #2f2f2f; font-weight: 400; margin: 0 0 5px; } table.boardlist td.title p a { color: #2f2f2f; } table.boardlist td.title a { color: #505050; } table.boardlist td.status { } table.boardlist td.status .ing { color: #df2626; } table.boardlist td input { background-color: #ffffff; border: 1px solid #cccccc; height: 22px; padding-left: 5px; } table.boardlist td input.w530 { width: 95%; } table.boardlist td input.w500 { width: 500px; } table.boardlist td input.w270 { width: 270px; } table.boardlist td input.w200 { width: 150px; } table.boardlist td a.tiket { background-color: #f6f6f6; border: 1px solid #ff6600; color: #505050; padding: 3px 5px; } table.boardlist td a.tiket:hover { background-color: #f6f6f6; border: 1px solid #ff6600; color: #505050; font-weight: 400; padding: 3px; } #admin_comment { height: 150px; width: 100%; } table.boardlist02 { border-bottom: 2px solid #9ba3bc; border-spacing: 1px; border-top: 2px solid #9ba3bc; clear: both; margin-bottom: 10px; width: 100% !important; } body#community table.boardlist02 { border-top: 2px solid #208a1b; } body#media table.boardlist02 { border-top: 2px solid #9a30c2; } table.boardlist02 th { background-color: #f5f6f6; border-bottom: 1px solid #dddddd; color: #404c73; font-weight: normal; height: 28px; margin: 0; padding: 0 5px; } table.boardlist02 td { border-bottom: 1px solid #dddddd; color: #505050; font-family: Dotum; margin: 0; padding: 5px 0 5px 10px; text-align: left; } table.boardlist02 td.blog_img { padding-bottom: 10px; vertical-align: top; } table.boardlist02 td.title { line-height: 16px; padding: 9px 0 7px; text-align: left; } table.boardlist02 td.title p { color: #2f2f2f; font-weight: 400; margin: 0 0 5px; } table.boardlist02 td.title p a { color: #2f2f2f; } table.boardlist02 td.title a { color: #505050; } table.boardlist02 td.status { } table.boardlist02 td.status .ing { color: #df2626; } table.boardlist02 td input { background-color: #ffffff; border: 1px solid #cccccc; height: 22px; padding-left: 5px; } table.boardlist02 td input.w530 { width: 95%; } table.boardlist02 td input.w500 { width: 500px; } table.boardlist02 td input.w270 { width: 270px; } table.boardlist02 td input.w200 { width: 150px; } table.boardlist02 td a.tiket { background-color: #f6f6f6; border: 1px solid #ff6600; color: #505050; padding: 3px 5px; } table.boardlist02 td a.tiket:hover { background-color: #f6f6f6; border: 1px solid #ff6600; color: #505050; font-weight: 400; padding: 3px; } #share_photo_list { clear: both; width: 100%; } #share_photo_list ul { list-style-type: none; } #share_photo_list ul li { background-image: none !important; border-bottom: 1px solid #dddddd; clear: both; height: 115px; } #share_photo_list_dl { float: left; height: 87px; list-style-type: none; margin-top: 15px; } #share_photo_list_dl dt { float: left; height: 75px; padding: 6px 0 0 6px; text-align: left; width: 111px; } #share_photo_list_dl dd { display: block; float: left; margin: 9px 0 0 20px; text-align: left; width: 550px; } #share_photo_list_dl dd img { vertical-align: top; } span.photo_date, span.photo_title, span.photo_place { font-weight: 400; margin: 0 8px; } #share_photo_view { background-color: #fafafa; border: 1px solid #ddd; margin: 0; padding: 0; } #share_photo_view ul { margin: 0; overflow: hidden; padding: 0; position: relative; } #share_photo_view ul li { background-image: none !important; float: left; margin-left: 5px; padding: 0; width: 100px; } #share_photo_view .share_photo { background-color: #dddddd; height: 90px; margin: 10px; width: 90px; } #share_photo_view .share_photo img { margin: 5px; } .photo_view { margin: 15px 0; text-align: center; } dl.admin_comment { background: rgba(0, 0, 0, 0) url("/images/common/admin_noticebox01.gif") no-repeat scroll left top; margin-left: 5px; margin-top: 30px; padding: 10px; width: 96%; } dl.admin_comment dt { margin-left: 20px; margin-top: -20px; } dl.admin_comment dd { color: #355176; margin-top: 15px; text-align: left; width: 95%; word-break: break-all; } p.boxbottom { margin-left: 5px; margin-top: 0; padding: 0; } .list01 td.list_cate { color: #5382aa; font-size: 12px; font-weight: 400; text-align: center; } .list01 { background: transparent url("/images/common/board/table_bg_02.gif") repeat-x scroll left top; border-spacing: 0; border-style: solid none none; border-top: 2px solid #535353; clear: both; margin-top: 17px; width: 100%; } .list01 th { background: transparent url("/images/common/board/table_bg_01.gif") no-repeat scroll right 8px; border-bottom: 1px solid #b5b5b5; border-style: none none solid; color: #555555; padding: 8px 0 7px; text-align: center; } table .bg_none { background: transparent none repeat scroll 0 0 !important; } .list01 td { background: transparent none repeat scroll 0 0; border-bottom: 1px solid #d6d6d6; color: #666666; padding: 8px 3px; } .list01 td.title { text-align: left !important; } .list01 td.right { text-align: right !important; } table .td_left { padding-left: 13px !important; text-align: left !important; } table.list01 td a.title_delete { background: #f0f0f0 none repeat scroll 0 0; color: #999999; } .list01 tr.tr_notice td.list_idx { background: #f5f5f5 url("/images/common/board/notice_top.gif") no-repeat scroll 50% 50%; text-indent: -100000px; } .list01 tr.tr_notice td.title a { color: #5991cc !important; } .list01 tr.tr_notice td { background-color: #f5f5f5; color: #5991cc !important; font-weight: 400; } .list_mobile .mtype1 .title_delete { color: #ccc; text-decoration: line-through; } .list_mobile .mtype1 .title_delete strong { color: #ccc; text-decoration: line-through; } #search_article { background: rgba(0, 0, 0, 0) url("/images/common/board/article_src_bg.gif") no-repeat scroll 0 0; height: 85px; margin-bottom: 15px; padding: 0; position: relative; width: 700px; } #search_article h3 { margin: 30px 0 0 80px; padding: 0; position: absolute; } #search_article .detail { font-family: "돋움",dotum; font-size: 12px; left: 240px; padding: 0; position: absolute; top: 18px; width: 415px; } .detail .keyword { border: 1px solid #c0c0c0; float: left; height: 20px; line-height: 20px; padding: 0 2px; width: 145px; } .detail .datetime { border: 1px solid #c0c0c0; float: left; height: 20px; line-height: 20px; padding: 0 2px; width: 124px; } .detail select { color: #666666; float: left; height: 22px; margin-left: 20px; width: 120px; } .detail select, .detail input { color: #555; float: left; margin: -2px 3px 10px 0; padding: 2px; vertical-align: middle; } .detail span { color: #969696; float: left; font-weight: 400; width: 75px; } .detail span.bar { color: #969696; float: left; width: 10px; } .detail .search_reset { left: 333px; position: absolute; top: 33px; } input#start_date, input#finish_date { border: 1px solid #c0c0c0; line-height: 15px; padding: 2px; width: 130px; } table.boardwrite { border-bottom: 2px solid #999999; border-spacing: 1px; border-top: 2px solid #999999; clear: both; width: 100%; } table.boardwrite th { background-color: #f5f6f6; border-bottom: 1px solid #dddddd; color: #000000; font-size: 13px !important; font-weight: normal; margin: 0; padding: 5px; text-align: center; width: 20%; } table.boardwrite td { border-bottom: 1px solid #dddddd; color: #505050; margin: 0; padding: 5px 0 5px 10px; text-align: left; } table.boardwrite td.status .ing { color: #df2626; } legend.write_label { color: #ef3f3f; font-size: 11px; margin: 12px 0 0; visibility:visible; height:auto; width:auto; line-height:inherit; display:none !important; } #content .board_content .body h4 { background: rgba(0, 0, 0, 0) url("/images/common/board/contract_h4.gif") no-repeat scroll 0 3px; color: #000; font-size: 16px; font-weight: 400; margin: 20px 0 0; padding: 0 0 0 23px; } .board_content .body > img { width:100%; margin-bottom:10px !important;} .btn_go_search { background: rgba(0, 0, 0, 0) url("/images/common/board/btn_search_01.gif") no-repeat scroll 0 0; border: 0 none; cursor: pointer; height: 22px; margin-left: 5px; width: 52px; } .tbl_type2 { background: rgba(0, 0, 0, 0) url("/images/common/dot_line.gif") repeat-x scroll left 130px; position: relative; text-align: left; } .tbl_type2 dt { font-size: 14px; height: 24px; padding: 5px 0; } .tbl_type2 dt .span_tit { font-weight: 400; } .tbl_type2 dt .span_date { color: #385fa7; float: right; font-size: 12px; position: absolute; right: 0; } .tbl_type2 dt.title { color: #676767; font-size: 14px; font-weight: 400; margin-left: 0; margin-top: 3px; } .tbl_type2 span.part { color: #56950c; font-size: 12px; font-weight: normal !important; margin-left: 10px; } .tbl_type2 dd.con { height: 100px; line-height: 16px; margin-left: 180px; overflow: hidden; text-align: justify; word-break: break-all; } .tbl_type2 dd.con2 { height: 100px; line-height: 16px; margin-left: 0; text-align: justify; } .tbl_type2 p.img { left: 0; position: absolute; top: 30px; vertical-align: middle !important; } .portpolio_lst { clear: both; list-style: outside none none; padding: 10px; width: 100%; } .portpolio_lst li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; clear: both; list-style: outside none none; margin-bottom: 25px; } .portpolio_lst_type1 { background-color: #fff; font-family: NanumGothic,Dotum; font-size: 12px; overflow: hidden; } .portpolio_lst_type1 dt { color: #000; font-size: 13px; font-weight: 400; margin: 10px 0 0; padding: 0 0 12px; } .portpolio_lst_type1 dt.tit { background: rgba(0, 0, 0, 0) url("/images/common/portfolio_title_bg.gif") no-repeat scroll right bottom; margin-left: 290px; } .portpolio_lst_type1 dd.photo { border: 1px solid #ebebeb; color: #fff; display: inline; float: left; height: 150px; margin: -35px 10px 0 0; text-align: center; width: 260px; } .portpolio_lst_type1 dd { color: #727272; display: block; float: left; font-style: normal; height: 18px; line-height: 16px; width: 400px; } .portpolio_lst_type1 dd.url { background: rgba(0, 0, 0, 0) url("/images/common/portfolio_url.gif") no-repeat scroll left top; margin: 15px 0 5px 20px; padding: 0 0 0 65px; } .portpolio_lst_type1 dd.period { background: rgba(0, 0, 0, 0) url("/images/common/portfolio_period.gif") no-repeat scroll left top; margin: 0 0 5px 20px; padding: 0 0 0 65px; } .portpolio_lst_type1 dd.open { background: rgba(0, 0, 0, 0) url("/images/common/portfolio_open.gif") no-repeat scroll left top; margin: 0 0 5px 20px; padding: 0 0 0 65px; } .portpolio_lst_type1 dd.client { background: rgba(0, 0, 0, 0) url("/images/common/portfolio_client.gif") no-repeat scroll left top; margin: 0 0 5px 20px; padding: 0 0 0 65px; } .portpolio_lst_type1 dd img { border: medium none; } .portpolio_lst_type1 a { color: #333333; text-decoration: none; } .portpolio_lst_type1 a:hover { text-decoration: underline; } .title_box { border-color: #3193da #dddddd #dddddd; border-style: solid; border-width: 2px 1px 1px; clear: both; position: relative; } .title_box h3 { background: transparent none repeat scroll 0 0 !important; color: #000000; display: block; font-size: 14px; margin: 0; padding: 12px !important; } .board_content { border-bottom: 1px solid #1a4589; padding-bottom:10px; clear: both; font-size: 12px !important; line-height: 20px !important; text-align: justify !important; } .board_content img { display: block; margin: 0 auto; } .portfolio_comment { clear: both; margin: 30px 0; } dl.portfolio_info { clear: both; margin: 20px 0; } dl.portfolio_info dt { color: #000; font-weight: 400; margin: 0; } dl.portfolio_info dd { color: #666666; margin: -21px 11px 1px 65px; } .tbl_type { border-bottom: 1px solid #cccccc; float: left; margin: 0 0 20px; padding: 0 0 20px; position: relative; width: 100%; } .tbl_type p.img { border: medium none !important; float: left; margin: 0 30px 0 0; position: relative; vertical-align: middle !important; } .tbl_type p.img img { height: 180px; margin: 0; padding: 0; width: 240px; } .tbl_type p.img span { left: 95px; position: absolute; top: 65px; } .tbl_type p.img span img { height: 51px; width: 51px; } .tbl_type dl { float: left; margin: 0; } .tbl_type dt { display: inline-block; font-size: 16px; font-weight: 400; margin: 0 0 5px; padding: 5px 0 10px; } .tbl_type dt.title { text-align: left; word-break: break-all; } .tbl_type dt .span_tit { font-weight: 400; margin: 0; padding: 0; vertical-align: middle; } .tbl_type dt .span_date { bottom: 27px; color: #3a77b7; font-size: 12px; margin: 0; padding: 0; position: absolute; right: 0; } .tbl_type dd.con { color: #464646; font-size: 13px; height: 100%; margin: 0; padding: 0 0 2px !important; text-align: justify; } .attached_file_search { background: rgba(0, 0, 0, 0) url("/images/common/ext_img/folder.gif") no-repeat scroll 0 0; padding-left: 22px; } .float_right { float: right; } #attached_file_view { background-color: #fff; border: 2px solid #09c; clear: both; height: 412px; margin-left: -413px; position: absolute; width: 500px; z-index: 8888; } #attached_file_view .attached_file_list { overflow: hidden; } #attached_file_view .attached_file_list li { border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-radius: 3px 0 0 3px; border-top: 1px solid transparent; height: 22px; min-width: 80px; } #attached_file_view .attached_file_list li.files { background: rgba(0, 0, 0, 0) url("/images/common/ext_img/selection.png") repeat-x scroll 0 4px; } #attached_file_view .attached_file_list li.files:hover { background-position: 0 -17px; } #attached_file_view .attached_file_list li.header { background-color: #fcfcfc; border-style: solid; border-width: 1px; color: #4c607a; font-family: Segoe UI,Tahoma,Helvetica; font-size: 9pt; font-weight: normal; height: 18px; margin-bottom: 6px; padding-left: 0; } #attached_file_view .attached_file_list li.header span { background-color: #fcfcfc; border-bottom: 1px solid #4c607a; font-family: Segoe UI,Tahoma,Helvetica; font-size: 9pt; font-weight: normal; height: 18px; margin: 0; padding-left: 5px; text-align: center; white-space: nowrap; } #attached_file_view .attached_file_list li.header span.file_name, #attached_file_view .attached_file_list li.header span.file_size { border-right: 1px solid #4c607a; } #attached_file_view .attached_file_list li .icon { display: block; float: left; margin-right: 5px; width: 18px; } #attached_file_view .attached_file_list li .file_name { display: block; float: left; overflow: hidden; width: 211px; } #attached_file_view .attached_file_list li .file_name:hover a { color: #069; } #attached_file_view .attached_file_list li .file_size { display: block; float: left; margin-right: 5px; text-align: right; width: 97px; } #attached_file_view .attached_file_list li .date { border-right-width: 0; display: block; float: left; text-align: center; width: 150px; } #attached_file_view .attached_file_list { border-bottom: 1px solid #09c; clear: both; height: 365px; margin-top: 24px; } #attached_file_view h3 { float: left; padding-left: 20px; width: 430px; } #attached_file_view .attached_file_close { float: right; width: 33px; } #attached_file_view .paging { text-align: center; } #attached_file_view .paging .selected { font-weight: 400; } .log_table { border-bottom: 1px solid #555555; border-collapse: collapse; border-right: 1px solid #dfdfdf; border-top: 2px solid #d3222a; clear: both; margin-bottom: 20px; width: 100%; } .log_table th { background-color: #eeeeee; border-left: 1px solid #dfdfdf; border-top: 1px solid #d1d1d1; color: #6d6d70; padding: 5px; text-align: center; } .log_table td { border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; color: #6d6d70; padding: 5px; text-align: center; } .log_table .debug_box { border: 0 none; display: block; height: 80px; overflow-y: scroll; } .form_table .item .file_upload_box label { color: #f00; left: 10px; position: absolute; top: 27px; } .file_upload_box label { font-size:12px; color: #f00; position: absolute; } table.boardlist { border-bottom: 1px solid #e1e1e1; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #e1e1e1; line-height: 140%; width: 100%; } table.boardlist th { background: #f4f4f4 none repeat scroll 0 0; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e5e5e5; color: #333; font-weight: 400; padding: 11px; text-align: center; } table.boardlist td { background: #fff none repeat scroll 0 0; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 12px; padding: 9px; text-align: center; vertical-align: middle; } .list_msg { background-color: #f4f8fb; border: 1px solid #eaebed; clear: both; color: #333; line-height: 150%; padding: 10px 15px !important; } .list_msg ul { font-size: 11px; margin-top: 5px; } .cate_div { float: right; } /* 목포문학관 전시/교육 - 교육 - 교육신청 */ table.board_write { border-bottom: 2px solid #188657; border-spacing: 1px; border-top: 2px solid #188657; clear: both; width: 100% !important; } table.board_write th { background-color: #f5f6f6; border-bottom: 1px solid #dddddd; font-weight: 400; height: 28px; margin: 0; padding: 0 5px; width: 30% !important; vertical-align:middle; } table.board_write td { border-bottom: 1px solid #dddddd; color: #505050; margin: 0; padding: 5px 0 5px 10px; text-align: left; } table.board_write td.b_trs {border-left:1px solid #fff; border-right:1px solid #fff;} table.board_write td.b_list {padding-left:0px;} table.board_write td table.board_class {width:100%; margin-left:0px;margin-top:0px;border:1px solid #d8d8d8;} table.board_write td table.board_class th {background-color:#f5f6f6;} /*목포본청 레이어팝업존 게시판 171122_배금아*/ .lst_section {margin-top:0px; clear:both; border-bottom:1px solid #e4e4e4} .lst_section .lst4 {} .lst_section .lst4 > li {margin-bottom:20px;} .lst_section .lst4 > li > a {width:100%;} .lst_section .lst4 > li > a.cmt_num {display:none;} .lst_section .lst4 > li > a .thmb {float:left; width:20%; padding-top:10px;} .lst_section .lst4 > li > a > p {margin-top:20px; padding-top:10px; border-top:1px solid #e4e4e4;} .lst_section .lst4 > li > a > p span.icon img {margin-left:5px; vertical-align:middle;} .lst_section .lst4 > li > a > p span.bar {margin:0 5px;} .lst_section .lst4 > li > a > p span.info {display:block; margin-top:5px; font-size:13px; color:#a1a1a1;} /*클래스명이 board_button_list경우에 글쓰기 버튼 171122_배금아write*/ .board_button_list {margin:30px 0; text-align:center} .board_button_list ul{display:inline-block} .board_button_list ul li{float:left; margin-left:5px} .board_button_list ul li:first-child{margin-left:0} .board_button_list ul li a{display:block; border:1px solid #1a2a42; padding:7px 15px; font-size:13px; color:#1a2a42} .board_button_list ul li a#btn_write{background:#2d58b6; color:#fff; border:none; padding:7px 70px} .board_button_list ul li a#v_btn_write{background:#1a2a42; color:#fff} .board_button_list ul li input[type="submit"]{ color:#fff; background:#1a2a42; border:0; padding:9px 15px; font-size:12px} /*참여민원 - 법무행정 - 무료법률상담 - 서면상담신청 동의서확인버튼 171122_김용선 동의서페이지, 시장실에게 바란다 동의버튼 전지은 추가*/ .agree_btn_box input[type="submit"]{border: 1px solid #403a3a; background: none; margin: 10px 0 20px; padding: 5px 20px; color:#333;} /*정보화교육신청 쓰기폼 카테고리 숨기기 171122_김용선*/ .category_none{display: none;} /*select_box 숨기기*/ /*참여민원 - 분야별민원 - 대현폐기물 - 대형폐기물배출신고*/ .place_wrap{display: block; width: 100%; clear: both; font-size: 14px; padding-top: 5px;} #write_form .addr_wrap .apply_address{margin: 5px 0 0 0;} #write_form .addr_wrap .apply_address input#address_1_trash{margin-right: 5px;} .module_wrap .tit-box h3{width: 100%; margin: 0;} .module_wrap .tit-box dl{margin-left: 0;} /*approval (모바일용 스타일을 따로 적용) 나중에 정리*/ .board_content .body{min-height: 50px;} .approval_board{padding-top: 10px;} .approval_board #step_2 p label[for="deadline"]{margin-right: 10px} span.mini_box{width: auto;} form#step_2 > p{border: 1px solid #d2d2d2; padding: 7px; background-color: #fff;} .approval_board p{margin: 0 20px;} .approval_board p.btn_right{display: inline-block; padding: 0 !important; border: 0 !important; background: none !important;} .approval_board p.btn_right a{padding: 5px 7px;} #approval_attach .approval_uploaded > input{height: 25px;} .approval_board div.process_list{width: auto;} .approval_board .search_box{margin: 0 20px; height: auto;} .approval_search_wrap > select{width: 20%; padding: 2px 1%;} .approval_search_wrap > input.autocomplete{width: 75%; padding: 2px 1%;} .append_wrap{display: inline-block; width: 100%; } .append_wrap > a{display: block; float: left; width: 32.333%; padding: 0 0.5%; margin-top: 5px;} .append_wrap > a:first-child{padding-left: 0;} .append_wrap > a span{display: block; text-align: center; border: 1px solid #d2d2d2; background-color: #2d58b6; color: #fff; padding: 3px;} #text_div{width: 78%; margin: 0 0 0 20.5%; top: 33px;} #search_text{padding: 7px;} div#search_text ul li{margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dashed #d2d22d;} .approval_title{width: 100%;} .progress_m{display: inline-block; width: 90%; padding: 0 5%;} .progress_m .tit{display: block; margin: 5px 0 10px; font-size: 15px; font-weight: 400;} .progress_m ol{} .progress_m ol li{float: left; width: 19%; margin: 0 0.5%; text-align: center; display: inline-block; height: 48px; background-color: #666; color: #fff;} .progress_m ol li.on{background-color: #2d58b6;} .progress_m ol li:nth-child(4) span{line-height: 16px; padding: 8px 0;} .progress_m ol li > span{display: block; line-height: 48px;} .progress_m ol li > span > span{display: block; color: #323232; height: 25px; line-height: 25px;} .approval_board .answer{border: 0; border-top: 1px dashed #666; margin: 40px 15px 0; padding: 15px 0;} div.answer div.staff{text-align: left;} /*모바일용 버튼스타일 추가*/ .approval_board .search_box{margin: 0 20px; height: auto;} .approval_board .search_box select {float:left; width:20%; margin-right:1%} .approval_board .search_box input {float:left; width:65%;} .approval_board .search_box a {display:inline-block;} .approval_board .search_box a.btn_sml {display:inline-block;padding-right:4px; margin-top:10px;background:url(/images/common/bg_btn_default.gif) no-repeat 100% -27px;font-size:11px;color:#333;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap;} .approval_board .search_box a.btn_sml span {display:block;padding:0 4px 1px 8px;background:url(/images/common/bg_btn_default.gif) no-repeat 0 -27px} .approval_search_wrap > select{width: 20%; padding: 2px 1%;} .approval_search_wrap > input.autocomplete{width: 75%; padding: 2px 1%;} .append_wrap{display: inline-block; width: 100%; } .append_wrap > a{display: block; float: left; width: 32.333%; padding: 0 0.5%; margin-top: 5px;} .append_wrap > a:first-child{padding-left: 0;} .append_wrap > a span{display: block; text-align: center; border: 1px solid #d2d2d2; background-color: #2d58b6; color: #fff; padding: 3px;} #text_div{width: 78%; margin: 0 0 0 20.5%; top: 33px;} #search_text{padding: 7px;} div#search_text ul li{margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dashed #d2d22d;} .approval_title{width: 100%;} .progress_m{display: inline-block; width: 90%; padding: 0 5%;} .progress_m .tit{display: block; margin: 5px 0 10px; font-size: 15px; font-weight: 400;} .progress_m ol{} .progress_m ol li{float: left; width: 19%; margin: 0 0.5%; text-align: center; display: inline-block; height: 48px; background-color: #666; color: #fff;} .progress_m ol li.on{background-color: #2d58b6;} .progress_m ol li:nth-child(4) span{line-height: 16px; padding: 8px 0;} .progress_m ol li > span{display: block; line-height: 48px;} .progress_m ol li > span > span{display: block; color: #323232; height: 25px; line-height: 25px;} .approval_board .answer{border: 0; border-top: 1px dashed #666; margin: 40px 15px 0; padding: 15px 0;} div.answer div.staff{text-align: left;} .agreeform_box .agree_ment_m{text-align: left !important; border: 2px solid #403a3a; padding: 20px; display: inline-block; width: 100%; box-sizing: border-box; background-color: #f0f3f5;} .agreeform_box .agree_ment_m .agree_ment{width: 100%; display: block; margin-bottom: 5px;} /* 정보공개 > 재정정보 > 세입세출재정정보공개 */ .finance_box{margin-top:30px;} .finance_box .finance_in{padding:30px;} .finance_box li{width:100%;display:inline-block;border:1px solid #d2d2d2;float:left;border-top:1px solid #0f8859;margin-bottom: 15px; text-align:center; background:url("/contents/14500/finance01.gif") no-repeat} .finance_box li h4{background:none;padding:0px;margin-bottom:20px;margin-top: 137px;color: #403a3a;} .finance_box li a{ display:inline-block; width:50%;} .finance_box li.f01{background-position: center 24px;} .finance_box li.f02{background-position: center -276px;} .finance_box li.f03{background-position: center -576px;} .finance_box li.f04{background-position: center -876px;} /*재공공시>예산공개*/ .btn_fdown {background:url("/contents/14797/ico_fdown.png") no-repeat center 0; display:block;} .btn_fdown span {display:block; text-indent:-99999px;} .btn_fdown:hover {background:url("/contents/14797/ico_fdown_hover.png") no-repeat center 0;} /*정보공개 > 재정정보 > 재정공시 > 2007년 재정공시*/ .m_w50{ width:50% !important;} /* 개별공시지가 검색 ----------------------------------------- */ .msg > h3{width: 100%; margin-top: 0;} #land_search_form { width:100%;display: inline-block;} #land_search_form fieldset { width:100%;display: inline-block;} #land_search_form .mob {width:100%; font-size:14px; margin-bottom:10px; border-bottom:1px solid #d2d2d2; padding-bottom:10px; text-align:left !important;margin-left: 10px;} #land_search_form .mob > label { width:26%; display:inline-block; font-weight:400;} #land_search_form .mob em { font-style: normal; color:#ef3f3f;} #land_search_form .mob input {font-size:14px;line-height:inherit} #land_search_form .mob input.w95 { width:60%;} #land_search_form .mob input.w20 { width:30%;} #land_search_form .mob select { height:27px;font-size:14px;min-width: 100px;} #land_search_form .mob .mob1 { width:78%; display:inline-block;vertical-align: top;word-break: keep-all;} #land_search_form .mob .mob1 span.means, #write_form .mob .mob1 span.purpose, #write_form .mob .mob1 span.revisit, #write_form .mob .mob1 span.means{ margin-bottom: 5px; display:inline-block; width:32%;} #land_search_form .mob .mob1 label { margin:0 0 0 2px;vertical-align: middle;} #land_search_form .mob #contents { height:150px;} #land_search_form a.btn_add { border:1px solid #32ab99; display: inline-block; padding: 1px 5px; margin:5px 0; margin-left:0 !important} #land_search_form a.del {margin-left: 5px !important;} .msg em { font-style:normal; margin:10px 0; display:inline-block;} .priceselect_box { border-top:1px solid #d2d2d2; padding-top:10px;text-align: center;} #price_search_btn { margin: 10px 0 20px; background-color: #434343; color: #fff; border: 0; border-radius: 5px; padding: 20px 30px; font-size: 16px;} .land_opinion{margin-bottom: 20px;} .land_opinion ul li { background:url("/images/common/www_tab01_bl.gif") no-repeat scroll 0 9px; line-height:1.6; margin-bottom:3px; padding:0 0 0 8px;} .land_opinion p { margin-top:10px;} .land_opinion a.btst.btn3, .land_opinion a.btst.btn5{display: block; text-align: center; background-color: #434343; color: #fff; border-radius: 5px; padding: 7px; margin-bottom: 10px;} /* 세월호 유류품 */ .lost_wrap{width: 100%;} .lost_wrap .lost_box{float: left;width: 100%;/* margin-left: 2%; */border: 1px solid #dfdfdf;margin-bottom: 20px;position: relative; overflow: hidden;} .lost_wrap .lost_box > div{float: left;} .lost_wrap .lost_box .lost_img{width: 40%; max-height: 209px; position: relative;} .lost_wrap .lost_box .lost_img a{display: block;} .lost_wrap .lost_box .lost_img img{width: 100%;} .lost_wrap .lost_box .lost_img span.more{position: absolute; top: 0; left: 0; background: url("/images/board/lost_icon.png") no-repeat center; display: block; width: 100%; height: 100%; text-indent: -99999px;} .lost_wrap .lost_box .lost_cont{width: 60%;position: relative;} .lost_wrap .lost_box .lost_cont dl dt, .lost_wrap .lost_box .lost_cont dl dd{float: left; height: 34px; line-height: 34px; border: 1px solid #dfdfdf; border-width: 1px 0 0 1px; font-size: 13px;} .lost_wrap .lost_box .lost_cont dl .btl0{border-top: 0;} .lost_wrap .lost_box .lost_cont dl dt{width: 29.5%;padding-left: 5%;background-color: #f7f7f7;} .lost_wrap .lost_box .lost_cont dl dt.seq{background-color: #F3C204} .lost_wrap .lost_box .lost_cont dl dd{width: 59%; padding-left: 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .lost_wrap .lost_box .lost_cont dl dd.seq_cont{font-weight: 500;} .lost_wrap .lost_box .lost_cont dl dd.seq_cont > span{float: left;} .lost_wrap .lost_box .lost_cont dl dd.seq_cont input[type="checkbox"]{width: 0; height: 0; float: right;} .lost_wrap .lost_box .lost_cont dl dd.seq_cont .chk_btn{position: absolute; top: 0; right: 0; color: #fff; background-color: #403a3a; text-align: center; font-size: 13px; max-width: 40px; width: 30%; padding: 0 2%; height: 34px; font-weight: 300; line-height: 34px; cursor: pointer;} .lost_wrap .lost_box .lost_cont dl dd.seq_cont .approval_cont{background-color: #1a4589;} .lost_wrap .lost_box .lost_cont dl dd.seq_cont .nonrecognition_cont{background-color: #403a3a;} .lost_wrap .lost_box .lost_cont dl dd.seq_cont input:checked + label{background-color: #cc2634;} .lost_wrap .lost_box .lost_cont dl dd.seq_cont .lost_new{display: inline-block; height: 20px; margin-left: 5px; text-indent: -99999px; vertical-align: middle; width: 14px; background: url("/images/board/lost_newicon.png") no-repeat center;} .chk_btn_box{display: block; margin: 40px 0 30px; text-align: center;} .chk_btn_box ul{clear: both; margin: 0 auto; padding-top: 20px;} .chk_btn_box ul li{background: none !important; margin-left: 0px; display: inline-block; text-align: center !important;} .chk_btn_box ul li:first-child{margin-left: 0;} .chk_btn_box ul li a{width: 115px; height: 44px; line-height: 44px; display: block; color: #323232; font-size: 15px; padding: 0 20px; border: 1px solid #2c2f3b;} .chk_btn_box ul li a:hover{color: #fff; background-color: #2c2f3b;} @media screen and (min-width:600px){ .lost_wrap .lost_box{width: 47%;} .lost_wrap .lost_box:nth-child(2n){margin-left: 2%;} } /*정보화교육신청 171227_배금아*/ .list_type_3 .list_mobile li span.edu_date {margin-right:3%} .list_type_3 .list_mobile li span.name {margin-right:3%;} /*설문조사 항목추가 스타일 추가 171227_배금아*/ .qst_box { border:1px solid #d2d2d2; background-color:#fafafa; padding:10px; margin-bottom:15px;} .qst_title_box { margin-top:7px;} .qst_title_box span.pointer {display:inline-block; padding:2px 0;width:31.7%; margin-right:1%; border-radius:3px; background-color:#898989; color:#fff; font-size:12px; text-align:center;} .qst_title_box input {width: 80%;margin-left:5px;margin-right:5px;} .qst_box input { height:28px; line-height:28px; border:1px solid #d2d2d2; margin-bottom:5px;} .qst_box input.qst_asw_text { width:95%; margin-bottom:5px;} .qst_asw_type_box select, .qst_asw_type_box span, .qst_asw_type_box span label { height:28px; line-height:28px; margin-left:5px; min-width:60px;} .qst_requisite input { margin-left:5px; margin-top:3px;} .qst_asw_type_box { margin-bottom:7px;} /*설문조사 결과보기 스타일추가 171227_배금아 */ .poll_result .poll_asw_box{border:1px solid #ddd;clear:both;margin:5px 10px; padding: 5px 10px; height:20px;} .poll_result .poll_asw_box_text{border:1px solid #dddddd;clear:both;margin:2px 10px 5px 10px;display:none; background-color:#FFFFFF} .poll_result .poll_asw_box_title{width: 21%;float:left;line-height: 20px;font-size: 12px;} .poll_result .poll_asw_box_graph{width: 60%;float:left;} .poll_result .poll_asw_box_count{/* width: 67px; *//* float:left; */text-align:left;font-size: 12px;height: 20px;line-height: 20px;} .poll_result .poll_asw_box_button{/* width:60px; */float: right;margin: 10px 0 0 0px;text-align:center;} .poll_result .poll_asw_box_button2{width:60px;float:right;text-align:center; margin-right:14px;} .poll_result .poll_asw_detail{clear:both;margin:2px 10px 5px 10px;display:none;} .poll_result .poll_asw_detail_sex{border:1px solid #dddddd;width:265px;margin-left:50px; margin-bottom:5px; float:left; background-color:#fff} .poll_result .poll_asw_detail_age{border:1px solid #dddddd;width:265px;margin-left:50px; margin-bottom:20px; float:left; background-color:#fff; } .poll_result .poll_graph_box{width:180px;height:20px;} .poll_result .poll_graph{background-color:#88BBFF;height:100%;} .poll_result .poll_asw_box_text_title{font-weight:bold;margin:15px 10px 2px 10px; background-color:#F4FFDF} .poll_result .poll_asw_box_text_title span{margin-left: 10px;} .poll_result .poll_asw_box_text_content{margin:1px 5px 1px 15px;border-bottom:1px dotted #CCC;} .poll_result .poll_asw_detail_graph{width:92%;height:12px; margin:5px 5px 5px 10px; overflow:hidden; white-space:nowrap;} .poll_result .poll_asw_detail_graph2{height:12px;display:inline-block; margin:0; padding:0; } .poll_result .poll_asw_icon_box{clear:both;} .poll_result .poll_asw_icon{float:left;margin:2px 2px 2px 10px;} .poll_result .square{width:10px;height:10px;margin:4px 2px 2px 2px;float:left;} .poll_result .color_m{background-color:#ccddff;} .poll_result .color_f{background-color:#ffccdd;} .poll_result .color_10{background-color:#dcfabe;} .poll_result .color_20{background-color:#abd768;} .poll_result .color_30{background-color:#8cbc43;} .poll_result .color_40{background-color:#6b9925;} .poll_result .color_50{background-color:#517b12;} .poll_result .color_60{background-color:#2c4a00;} /*설문조사*/ .poll_asw_box{ display:block; margin-bottom:15px; vertical-align:text-top; overflow:hidden;} .poll_qst {margin-bottom:15px;} .poll_asw_box label {display:block; float:right; width:90%;} /*목포문화예술회관 공지사항 tag스타일추가 171228배금아*/ #write_form .mob .checkbox_tag {height:50px;} #write_form .mob .checkbox_list > li {float:left;width: 35%;height:25px;line-height:25px;font-size: 12px;} #write_form .mob > .radio_list li{float: left; width: 33%; height: 25px; line-height: 25px;} #write_form .mob > .radio_list li input[type="radio"]{margin: 0 3px 0 0;} /*목포시정소식지*/ /*시정소식지, 목포시보, 시정백서 - 리스트*/ .newspaper_wrap{} .newspaper_wrap .newspaper{width: 100%;height: 150px;margin: 0 0 10px 0;float: left;background: url("/images/board/newspaper_sp.png") no-repeat right 203px;padding-bottom: 5px;} .newspaper_wrap .newspaper .newspaper_inner{padding-left: 107px; height: 100%; border: 1px solid #d2d2d2;} .newspaper_wrap .newspaper .newspaper_img{float: left; margin-left: -107px; width: 107px; height: 150px; background:url("/images/board/no_img_s.jpg") no-repeat;} .newspaper_wrap .newspaper .newspaper_cont{float: left;width: 86%;height: 114px;margin: 16px 7%;} .newspaper_wrap .newspaper .newspaper_cont .newspaper_title{background: url("/images/board/newspaper_sp.png") no-repeat 0 -92px; padding-bottom: 16px; height: 45px;} .newspaper_wrap .newspaper .newspaper_cont .newspaper_title strong{float: left; font-size: 18px; line-height: 18px; display: block; padding-top: 27px; background: url("/images/board/newspaper_sp.png") no-repeat 0 -13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 76%} .newspaper_wrap .newspaper .newspaper_cont .newspaper_title .new{float: left; margin: 22px 0 0 5px; position:static;} .newspaper_wrap .newspaper .newspaper_cont .newspaper_btn{margin-top: 19px;} .newspaper_wrap .newspaper .newspaper_cont .newspaper_btn li{float: left;border: 1px solid #d2d2d2;margin-bottom: 8px;background-color: #faf7f7;width: 48%;} .newspaper_wrap .newspaper .newspaper_cont .newspaper_btn li.newsdown_btn{margin-left: 1%;} .newspaper_wrap .newspaper .newspaper_cont .newspaper_btn li a{display: block;height: 33px;line-height: 33px;color: #4c4c4c;font-size: 13px;padding-left: 7px;margin-right: 6px;background: url("/images/board/newspaper_sp.png") no-repeat;/* font-size: 12px; */} .newspaper_wrap .newspaper .newspaper_cont .newspaper_btn li.newsview_btn a{background-position: right -76px;} .newspaper_wrap .newspaper .newspaper_cont .newspaper_btn li.newsdown_btn a{background-position: right -121px;} .newspaper_wrap .newspaper.social_news{height: 200px; padding-bottom: 0;} .newspaper_wrap .newspaper.social_news .newspaper_inner{padding-left: 127px} .newspaper_wrap .newspaper.social_news .newspaper_img{width: 127px; margin-left: -127px; height: 200px;} .newspaper_wrap .newspaper.social_news .newspaper_cont{height: auto;} .newspaper_wrap .newspaper.social_news .newspaper_cont .newspaper_btn li.view{width: 99%;} .newspaper_wrap .newspaper.social_news .newspaper_cont .newspaper_btn li.pdfdown{margin-left: 0;} @media screen and (min-width:600px){ .newspaper_wrap .newspaper {float:left; width:48%; margin-right:1%;} } #bus_naver .srch{padding: 0; margin: 0; width: auto; border: 0;} /* 모범음식점, 목포맛집, 남도명가 아이콘 wrap */ .food_icon_div{position: absolute; top: 3px; right: 0; z-index: 10; display: inline-block;} /*biz 커뮤니티*/ .info.apply_icon{width: 100%;} .info.apply_icon span{float: left;} .info.apply_icon span.qna_answer_none,.info.apply_icon span.complete{float: right; margin-right: 0;} .info.apply_icon span.qna_answer_none{margin-top: -10px; text-align: center;} .postscript_tit{} .postscript_tit .info_box_wrap{} .postscript_tit .info_box_wrap .info_box{display: inline-block; width: 100%; border: 1px solid #999; border-radius: 5px; padding: 15px; box-sizing: border-box; margin-bottom: 5px; background: linear-gradient(to right bottom, #f0f4f7 30%, transparent);} .postscript_tit .info_box_wrap .info_box strong{clear: both; float: left; width: 30%; padding: 10px 20px 10px 0; box-sizing: border-box;} .postscript_tit .info_box_wrap .info_box span{padding: 10px 0; display: block; min-height: 20px; float: left; width: 70%; box-sizing: border-box;} /*갤러리 게시판 좋아요*/ .socail_gallery_like {float:right;} .socail_gallery_like a {float:left;} /*.like a.like_btn {background: url("/images/common/board/like.png") no-repeat 0 0; display: inline-block; width: 20px; height: 20px; text-indent: -9999px; overflow: hidden; margin-right: 5px; float: left;} .like a.like_btn:hover, .like a.on{background: url("/images/common/board/like.png") no-repeat 0 -31px;}*/ .socail_gallery_like span.like_num {line-height: 20px; font-size: 13px; float: left; font-weight: 600; } /*자유게시판 sns 공유*/ .sns_board{border-bottom:1px solid #d2d2d2; overflow:hidden;} .sns_board h5{float: left; width: 25%; color: #707070; font-weight: 400; padding-top: 10px; padding-left: 10px; padding-bottom: 10px; margin-top: 0; box-sizing: border-box;} .sns_type2{float:left; width:75%; border-left:1px solid #d2d2d2; padding: 5px; padding-left:10px; box-sizing:border-box;} .sns_type2 li{float: left; margin-left: 8px;} .sns_type2 li:first-child{margin-left: 0;} .sns_type2 li a {display: block; float:left; width:35px; height: 35px; background:url("/images/board_mobile/board/modal_sns.png") no-repeat; text-indent: -9999px;} .sns_type2 li a:active {position: relative; top: 2px;} .sns_type2 li a.kakaotalk{background-position: -3px 0px;} .sns_type2 li a.facebook{background-position: -45px 0px;} .sns_type2 li a.twitter{background-position: -87px 0px;} .sns_type2 li a.band{background-position: -129px 0px;} .sns_type2 li a.kakaostory{background-position: -172px 0px;} span.encrypt { font-size: 12px;border: 1px dotted #C05153; color:#D73538; border-radius: 3px;padding: 0 8px;margin-left: 3px;height: 17px;line-height: 17px;margin-top: 3px;font-weight: 500;} /*리스트 스타일 ##20200616전지은-대형폐기물*/ #module_content .list_mobile > li{padding: 20px 13px;} #module_content .list_mobile > li > a{display: block;} #module_content .list_mobile > li > a.cont_wrap h3.title{display: block; font-size: 17px; margin: 0 0 10px 0;} #module_content .list_mobile > li > a.cont_wrap .list_cont{line-height: 25px; display: inline-block; width: 100%; margin-bottom: 10px;} #module_content .list_mobile > li > a.cont_wrap .list_cont dl dt{clear: both; float: left; margin-right: 7px;} #module_content .list_mobile > li > a.cont_wrap .list_cont dl dd{} #module_content .list_mobile > li > a.link{position: relative; margin-top: 5px; background-color: #2c9a37; color: #fff; padding: 10px; border-radius: 5px; text-align: center;} #module_content .list_mobile > li > a.link span{display: inline-block;} #module_content .list_mobile > li > a.link span.text_hidden{position: absolute; top: 0; left: 0; width: 1px; height: 1px; text-indent: -99999px;} #module_content .list_mobile > li > a.title_delete{text-decoration: line-through; color: #a5a5a5;} #module_content .list_mobile > li > a.title_delete p{color: #a5a5a5;} #module_content .list_mobile > li span.title_box{float: left; width: 66%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;} .consumer_list_wrap ul > li{border-bottom:1px solid #d2d2d2; padding:15px 0;} .consumer_list_wrap .customer_list p{ font-weight:400; color:#000; font-size:15px; padding-bottom:5px; line-height:20px;} .customer_list .reg_name{ padding-right:10px} .customer_list .reg_date{} .customer_list .state{ float:right} .customer_list .state .settle{ color:#039; font-weight:400 } .btn_pay{ background:#333; color:#fff; font-size:15px; text-align:center; border:0; padding:10px 25px;} .btn_pay_ok{background:#333; color:#fff; font-size:15px; text-align:center; border:0; padding:10px 25px;} .btn_pay_back{background:#777; color:#fff; font-size:15px; text-align:center; border:0; padding:10px 25px;} .pay_botom_btn{ padding:10px 0; text-align:center} table.t_w_fixed {table-layout:fixed;} .board_t1_view {border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; width:100%; clear: both;font-size:14px; margin-top:20px; margin-bottom:15px;} .board_t1_view:first-child{margin-top: 0;} .board_t1_view th {border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;color: #323232; padding: 10px;text-align:center; font-weight:normal; background-color:#fafafa; width:30%; vertical-align: middle; box-sizing: border-box;} .board_t1_view td {border:1px solid #d2d2d2;color: #323232;padding: 10px;text-align:left; box-sizing: border-box; width:70%;} .board_t1_view .half th{width: 20% !important; word-break: break-all;} .board_t1_view .half td{width: 30% !important; word-break: break-all;} .board_t1_view .address_wrap{position: relative;} .board_t1_view .address_wrap .zipcode_1{width: 60px;} .trash_table { background-color:#fff;} #write_form .apply_address #address_1_trash, #write_form .apply_address #address_2_trash {margin-left: 10px; width: 90% !important;} #write_form .mob input[id="address_1_trash"] { display:block; margin:5px 0;} #write_form .mob .trash_table input[type="text"] { width:30px;} #write_form .mob1 p input[id="zipcode_trash"] { margin-left:28%;} #write_form .nob.place_wrap { padding-top:5px; clear:inherit; margin-bottom:5px;} .pay_btn_box { text-align:center;} .pay_btn_box a.btn_ok { background-color:#2c2f3b; color:#fff; padding:5px 15px; margin-top:15px;} .dis_flex {display: flex;} .lh30 {line-height: 30px;} /*alert 버튼*/ .board_wrapper .content_top_alert2 .btn_p{ margin-top: 20px;} .board_wrapper .content_top_alert2 .btn_p a{ font-size: 15px; padding: 10px 10px; margin: 0 2px;} /*강습회원접수*/ .list_cnt2_m > ul > li > div.btn_style ul{overflow:hidden;} /*모듈 버튼*/ #module_content .btn_p .p1{background: #3fbb89; border: 1px solid #1fcc8d;padding: 8px 10px; color:#fff;} #module_content .btn_p .p2{background: #333; border: 1px solid #333;padding: 8px 10px; color:#fff;} #module_content .btn_p .p3{background: #1a4ab9; border: 1px solid #1a4ab9;padding: 8px 10px; color:#fff;}