@charset "UTF-8"; @charset "UTF-8"; /*공통*/ .t_box{clear: both; word-break: keep-all; overflow: auto;} .bottom_field{width:100%; overflow:hidden; margin:20px 0;} .cursor_btn{cursor:pointer;} .lb_line{width:100%; position:relative;} .all_select{display:inline-block; position:absolute; left:0;} .all_select button{color:#fff; background-color:#44413f; border-radius:5px; padding: 5px 10px; letter-spacing: -1px; font-family: "Noto Sans KR";} /*버튼*/ .list_btn{width: 110px; height: 48px; line-height: 42px; font-family: 'Noto Sans KR'; font-size: 16px; letter-spacing: -0.5px; text-align: center; box-sizing: border-box; background-color:#fff; font-weight: 500; border: 2px solid #555; border-radius:10px; display:inline-block;} .list_btn:hover{background-color:#555; color:#fff;} .write_btn{width:110px;height: 48px;line-height: 42px;background-color: #fff; font-family: 'Noto Sans KR'; box-sizing:border-box; font-size:16px; letter-spacing:-0.5px; text-align:center; font-weight: 500; border: 2px solid #4a56f8; border-radius:10px;} .write_btn:hover{background-color:#4a56f8; color:#fff;} .btn_field .cancel_btn{width:110px; height: 48px; line-height:42px; font-family:'Noto Sans KR'; font-size:15px; letter-spacing:-0.5px; color: #484848; text-align: center; font-weight: 300; background-color: #e4463b; color: white; border: 2px #e4463b solid; border-radius:10px;} .btn_field .cancel_btn:hover{background-color: #fff7f6; color: #e4463b; border: 1px #e4463b solid;} .common_btn{width:110px; height: 48px; line-height:42px; background-color:#ffffff; font-family:'Noto Sans KR'; font-size:15px; letter-spacing:-0.5px; color:#616161; text-align: center; font-weight: 300; float: left; border: 2px #c8c8c8 solid; box-sizing: border-box; margin-right:10px; border-radius:10px;} .common_btn:hover{border:1px #3F51B5 solid; color:#3F51B5;} .btn_field{width:100%; margin-top: 30px; margin-bottom: 30px; display: inline-block;} .btn_field .left_zone{float:left;} .btn_field .right_zone{float:right;} /*#board_normal_view .btn_field #list_btn_view{background-color: #f7f7f8; color: #484848;border: 1px #c8c8c8 solid;} #board_normal_view .btn_field #list_btn_view:hover{border:1px #3F51B5 solid; color:#3F51B5; background-color: #f7f7ff;}*/ .btn_field #edit_btn_view{border:2px solid #57598b; margin-right:3px;} .btn_field #edit_btn_view:hover{background-color:#57598b; color:#fff;} #delete_btn{border:2px solid #ef5158;} #delete_btn:hover{background-color: #ef5158; color:#fff;} #reply_btn{border: 2px solid #884bff; margin-right:3px;} #reply_btn:hover{background-color: #884bff; color:#fff;} #board_normal_view .btn_field #replay_btn{border: 2px solid #884bff;} #board_normal_view .btn_field #replay_btn:hover{background-color: #884bff; color:#fff;} #board_normal_view .btn_field button:last-child{margin-right:0;} #p_infog{border:2px solid #283140; width:165px;} #p_infog:hover{background-color:#283140; color:#fff;} input:-internal-autofill-selected{background:none;} select{padding: 7px 30px 7px 5px; background: url(/s/storyCms/ulsanyouth/images/common/nav_next.png) no-repeat; background-size: 10px 8px; background-position: right 7px center; border: 1px solid #cccaca;} .excel_btn{border:2px solid #217245; color:#217245; width:auto;} .excel_btn img{width:23px; margin-top:-2px; margin-right:5px;} .excel_btn:hover{background-color:#217245; color:#fff;} /*게시판 검색 영역*/ .search_field{width: 80%; margin: 0 auto; box-sizing: border-box; text-align:center;overflow:hidden;} .search_field .search_here{display:inline-block; width:100%; float:left; font-size:0; text-align:center;} .search_field .search_here select:first-child{border-radius:50px 0 0 50px;} .search_field select{height: 50px; display:inline-block; line-height: 40px; box-sizing:border-box; border: 1px #8b8b8b solid; padding:0 55px 0 20px; font-family: 'Noto Sans KR'; font-size:16px; color:black; font-weight:300; background: url(/s/storyCms/ulsanyouth/images/common/nav_next.png) no-repeat; background-position: right 10px center; background-color: white; margin-right: -1px; margin-right:5px;} .search_field #search_word{width: calc(100% - 180px); height: 50px; display:inline-block; line-height: 45px; border: 1px #8b8b8b solid; padding:0 10px; margin:0; box-sizing:border-box; font-family: 'Noto Sans KR'; font-size:16px; color:black;} .search_field input::placeholder{color:#545454; font-size:15px; font-weight:500;} .search_field #btn_search{width:50px; height: 50px; display:inline-block; line-height: 48px; text-align:center; background: #ef4472; box-sizing: border-box; margin-left:-1px;} .search_field #btn_search img{width:27px;} .total_field{width:100%; margin-top:25px; margin-bottom:10px; font-size:16px; letter-spacing:-0.5px; font-weight:300;} .total_field .bold{font-weight:500; color:#df4675;} /*페이징*/ .paging_field{width:100%; text-align:center; overflow:hidden; margin-top:25px;} .paging{display:inline-block;} .paging .prev{float:left;} .paging .prev button{background: url(/s/storyCms/ulsanyouth/images/com/prev.png) no-repeat center; width:35px; height:35px; background-size:35px; font-size:0; line-height:0;} .paging ul{display:inline-block; float:left; margin: 0 20px;} .paging ul li{float:left; margin:0 2px;} .paging ul li a{letter-spacing: -0.5px; margin: 0; position: relative; width:30px; height:30px; border-radius:50%; text-align:center; background-color:#f1f1f1; box-sizing: border-box; display: inline-block; font-size: 15px; cursor:pointer; line-height: 1em; line-height:30px;} .paging ul li a.prev_btn{background:none; margin-right:5px;} .paging ul li a.prev_btn:hover{background:none;} .paging ul li a.next_btn{background:none; margin-left:5px;} .paging ul li a.next_btn:hover{background:none;} .paging ul li a img{margin-bottom: 1px;} .paging ul .select a{background-color:#4f57f4; font-weight:500; color:#fff;} .paging ul .select a:hover{background-color:#4f57f4;} .paging ul li a:hover{background-color:#ced0ff;} .paging ul li a.btn.first{width:30px; height:30px; border-radius:50%; background: url(/s/storyCms/ulsanyouth/images/board/prev_btn.png) no-repeat center; text-indent:-9999px;} .paging ul li a.btn.prev{width:30px; height:30px; border-radius:50%; background: url(/s/media/data.do?mediaId=MEDIA_00000000000712) no-repeat center; text-indent:-9999px;} .paging ul li a.btn.last{width:30px; height:30px; border-radius:50%; background: url(/s/storyCms/ulsanyouth/images/board/next_btn.png) no-repeat center; text-indent:-9999px;} .paging ul li a.btn.next{width:30px; height:30px; border-radius:50%; background: url(/s/media/data.do?mediaId=MEDIA_00000000000713) no-repeat center; text-indent:-9999px;} #board_normal_write input#address_search_btn{cursor:pointer; height:27px; line-height:18px; box-sizing:border-box; border-radius:5px;} #board_normal_write input#address_search_btn:hover{background-color:#fffbe1;} /*비밀글 비밀번호 입력*/ .pwset_box{font-size:0; margin:95px auto 20px auto; width:520px; text-align:center; position:relative;} .pwset_box:before{width:30px; height:100%; border:3px solid #4f57f4; border-right:none; border-radius:30px 0 0 30px; display:block; content:""; left:-3px; top:-3px; position:absolute;} .pwset_box:after{width:30px; height:100%; border:3px solid #ef4472; border-left:none; border-radius:0 30px 30px 0; display:block; content:""; right:-3px; top:-3px; position:absolute;} .pwset_box .pwset_inner{width:100%; text-align:center; box-sizing: border-box; padding:40px 30px 30px 30px; border-radius: 30px; background-color: #fafafa; position:relative;} .pwset_box .pwset_inner:before{width:114px; height:99px; background:url(/s/storyCms/ulsanyouth/images/board/bpw_icon.png)no-repeat; position:absolute; display:block; content:""; left:50%; transform:translateX(-50%); top:-80px;} .pwset_box .pwset_inner p.pw_txt{font-size:17px; margin-bottom:15px;} .pwset_box .pwset_inner ul{margin:0 auto; width:265px;} .pwset_box .pwset_inner ul li{display:inline-block; vertical-align:middle; width:calc((100% - 10px)/2);} .pwset_box .pwset_inner ul li.pwd_inputbox{width:100%; margin-bottom:15px;} .pwset_box .pwset_inner ul li.pwd_inputbox input{border:1px solid #ccc; padding:13px 10px; width:100%; box-sizing:border-box; text-align:center;} .pwset_box .pwset_inner ul li:nth-child(2){margin-right:10px;} .pwset_box .pwset_inner ul li button{width:100%; padding:0;} .pwset_box .pwset_inner ul li button span{display:block; width:100%; height:40px; box-sizing:border-box; text-align:center; line-height:36px; border-radius:5px; font-family:"Noto Sans Kr"; font-weight:500; font-size:16px; background-color:#fff;} .pwset_box .pwset_inner ul li button.com span{border:2px solid #4f57f4; color:#4f57f4;} .pwset_box .pwset_inner ul li button.com span:hover{background-color:#4f57f4; color:#fff;} .pwset_box .pwset_inner ul li button.del span{border:2px solid #fc3070; color:#fc3070;} .pwset_box .pwset_inner ul li button.del span:hover{background-color:#fc3070; color:#fff;} /*이전글 다음글*/ #prnx{width:100%; border:1px solid #ddd; font-size:0; box-sizing: border-box; margin-bottom:45px;} #prnx > div{display:inline-block; vertical-align:top; font-size:15px; width:50%; box-sizing:border-box; font-weight:300; padding:15px 15px;} #prnx > div:hover span.listtit{color:#495e71; transition:0.3s;} #prnx > div:hover span.arrimg:after{background-color:#c1ec8c; transition:0.3s;} #prnx > div.prev_box{border-right:1px solid #ddd;} #prnx > div span{display:inline-block; vertical-align:middle; box-sizing:border-box;} #prnx > div a{display:block; font-weight: 300} #prnx > div span.arrimg{width:32px; text-align:center; font-size:15px; position:relative;} #prnx > div span.arrimg:after{display:block; content:""; position:absolute; background-color:#ddd; width:20px; height:20px; border-radius:50%; z-index:-1; top:3px;} #prnx > div.prev_box span.arrimg:after{right:-5px;} #prnx > div.next_box span.arrimg:after{left:-5px;} #prnx > div span.listtit{width:calc(100% - 35px);} #prnx > div.prev_box span.listtit{text-align:right; padding:0 15px 0 25px;;} #prnx > div.next_box span.listtit{padding:0 25px 0 15px;;} #prnx > div, #prnx > div span.arrimg { transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} /*일반(보도형)게시판 - 목록*/ ul.bodo_list{width:100%; padding-top:20px; border-top:4px solid #57598b; margin-bottom:30px;} ul.bodo_list > li{width:100%; margin:65px 0 35px 0; position:relative; box-sizing:border-box; font-size:0; border-bottom:1px solid #333; padding:0 30px; display:inline-block;} ul.bodo_list > li:before{width:375px; height:2px; display:block; position:absolute; content:""; left:0; top:0; background-color:#3b3d85; z-index:-1} ul.bodo_list > li:after{width:85px; height:75px; display:block; position:absolute; content:""; right:0; top:0; border-top:2px solid #ef4472; border-right:2px solid #ef4472; border-radius:0 35px 0 0; z-index:-1} ul.bodo_list > li:last-child{margin-bottom:0;} ul.bodo_list > li div{display:inline-block; vertical-align:top; box-sizing:border-box;} ul.bodo_list > li div.bodo_img{width:315px; height:200px; box-sizing:border-box; border-radius:20px; position:absolute; top:-65px; left:30px; box-shadow: 4px 3px 8px 0px rgba(171,171,171,0.69); overflow:hidden; transition:0.3s all ease;} ul.bodo_list > li a:hover div.bodo_img{box-shadow: 6px 6px 0 0px #4f57f4;} ul.bodo_list > li div.bodo_img img{width:100%; max-width:100%; left:50%; top:0; position:absolute; transform:translateX(-50%);} ul.bodo_list > li.no_img{margin-top:0;} ul.bodo_list > li.no_img:before{width:calc(100% - 100px);} ul.bodo_list > li.no_img div.bodo_txt{padding: 40px 0 30px 0;} ul.bodo_list > li.no_img div.bodo_txt span.notice{top:10px;} ul.bodo_list > li div.bodo_txt{width:100%; padding: 40px 0 35px 345px; word-break:keep-all;} ul.bodo_list > li div.bodo_txt span.notice{display:inline-block; border-radius:5px; padding:1px 10px; background-color:#ff356b; color:#fff; margin-bottom:10px; font-size:15px; font-weight:500; position:absolute; top:8px;} ul.bodo_list > li div.bodo_txt .tit{font-family:"NanumSquare"; font-weight:700; font-size:20px; margin-bottom:10px; line-height:1.4em;} ul.bodo_list > li div.bodo_txt .tit span.stat{font-size: 15px; font-family: "Noto Sans Kr"; font-weight: 500; vertical-align: middle; padding-right: 5px; box-sizing: border-box; padding-left: 25px; position:absolute; top:11px; right:15px;} ul.bodo_list > li div.bodo_txt .tit span.stat:before{display: block; box-sizing: border-box; width: 20px; height: 20px; text-align: center; content: ""; position: absolute; left: 0; top: 0; border-radius: 50%;} ul.bodo_list > li div.bodo_txt .tit span.stat.end{color: #cf003a;} ul.bodo_list > li div.bodo_txt .tit span.stat.end:before{border: 1px solid #cf003a; background:url(/s/storyCms/ulsanyouth/images/main/bn_end.png)no-repeat; background-position: center;} ul.bodo_list > li div.bodo_txt .tit span.stat.now{color: #2e3dff;} ul.bodo_list > li div.bodo_txt .tit span.stat.now:before{border: 1px solid #2e3dff; background:url(/s/storyCms/ulsanyouth/images/main/bn_now.png)no-repeat; background-position: center;} ul.bodo_list > li div.bodo_txt .tit span.stat.yet{color: #434343;} ul.bodo_list > li div.bodo_txt .tit span.stat.yet:before{border: 1px solid #434343; background:url(/s/storyCms/ulsanyouth/images/main/bn_yet.png)no-repeat; background-position: center;} ul.bodo_list > li div.bodo_txt .tit span.stat.yet{color: #434343;} ul.bodo_list > li div.bodo_txt .tit span.stat.yet:before{border: 1px solid #434343; background:url(/s/storyCms/ulsanyouth/images/main/bn_yet.png)no-repeat; background-position: center;} ul.bodo_list > li div.bodo_txt .tit span.stat.none{color: #000;} ul.bodo_list > li div.bodo_txt .tit span.stat.none:before{border: 1px solid #000;} ul.bodo_list > li div.bodo_txt .tit span.stat.none:after{width: 8px; height: 8px; border-radius: 50%; display: block; position: absolute; content: ""; background-color: #000; top: 6px; left: 6px;} ul.bodo_list > li div.bodo_txt .txt{font-size:17px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} ul.bodo_list > li a:hover div.bodo_txt .tit{color:#4f57f4} ul.bodo_list > li a:hover div.bodo_txt .txt{color:#4f57f4} ul.bodo_list > li div.bodo_txt .etc{margin-top:20px; font-size:0;} ul.bodo_list > li div.bodo_txt .etc li{display:inline-block; vertical-align:middle; font-size:16px; margin:0 15px; position:relative;} ul.bodo_list > li div.bodo_txt .etc li:before{width:7px; height:7px; display:block; position:absolute; content:""; left:-18px; top:7px; background-color:#ffc63c; border-radius:50%;} ul.bodo_list > li div.bodo_txt .etc li:first-child{margin-left:0;} ul.bodo_list > li div.bodo_txt .etc li:first-child:before{display:none;} ul.bodo_list > li div.bodo_txt .etc li:last-child{margin-right:0;} ul.bodo_list > li.nothing{margin:0 auto; font-size:17px; border-radius:10px; background-color:#fcfcfc; padding:20px; text-align:center; border: none;} ul.bodo_list > li.nothing:before{width:25px; height:100%; display:block; position:absolute; content:""; left:0; top:-3px; border:3px solid #8384a2; border-right:none; border-radius:10px 0 0 10px; z-index:1; background:none;} ul.bodo_list > li.nothing:after{width:25px; height:100%; display:block; position:absolute; content:""; right:0; top:-3px; border:3px solid #e6bdc8; border-left:none; border-radius:0 10px 10px 0; z-index:1; background:none;} /*일반게시판 - 목록*/ #board_normal_list{width:100%;} #board_normal_list table{width:100%; position:relative; table-layout: fixed;} #board_normal_list table:before{width:100%; position:absolute; height:4px; content:""; display:block; top:-4px; left:0; background:#57598b;} #board_normal_list table .num_w{width:5%;} #board_normal_list table .title_w{width:55%;} #board_normal_list table .writer_w{width:15%;} #board_normal_list table .date_w{width:15%;} #board_normal_list table .view_w{width:10%;} #board_normal_list table thead tr{text-align:center; position:relative;} #board_normal_list table thead tr th{padding: 18px 5px; font-weight:500; color:#000; font-size:18px; position:relative; border-bottom:1px solid #57598b;} #board_normal_list table tbody tr{border-bottom:1px #bbb solid;} #board_normal_list table tbody tr td{text-align:center; font-weight:300; color:black; font-size:17px; letter-spacing:-0.5px; padding:18px 0;} #board_normal_list table tbody tr td.left{text-align:left;} #board_normal_list table tbody tr td.subject{text-align:left; padding: 15px 1%; box-sizing: border-box;} #board_normal_list table tbody tr td.subject a{display: inline-block; width:100%; letter-spacing:-0.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #board_normal_list table tbody tr td.subject a:hover{color:#ef4472;} #board_normal_list table tbody tr td.subject a .board_file_icon{padding-left:3px;} #board_normal_list table tbody tr td span.notice{display:inline-block; border-radius:5px; padding:1px 10px; background-color:#ff356b; color:#fff; font-size:15px; font-weight:500; } #board_normal_list table tbody tr:last-child{border-bottom: 2px #bbb solid;} #board_normal_list table.min940{min-width:850px;} /*일반게시판 - 보기*/ #board_normal_view{width:100%; overflow:hidden; padding-top:5px;} #board_normal_view .top_field{width: 100%; position:relative; border-bottom: 1px #ccc dashed; text-align:center;} #board_normal_view .top_field:before{width:100%; position:absolute; height:4px; content:""; display:block; top:-4px; left:0; background:#57598b;} #board_normal_view .top_field .title_here{box-sizing:border-box; padding: 20px 20px 15px 20px; text-align: center;} #board_normal_view .top_field .title_here span{display:inline-block; vertical-align:middle; font-size:27px; line-height:1.3em; box-sizing:border-box; font-family:"NanumSquare"; font-weight:700;} #board_normal_view .top_field .title_here span.real_tit{width:100%; text-align:center;} #board_normal_view .top_field .i_detail_here{box-sizing:border-box; padding: 0 20px; text-align:center; display:inline-block; margin-bottom:15px;} #board_normal_view .top_field .i_detail_here dl{display:inline-block; vertical-align:middle; margin-left:25px; position:relative;} #board_normal_view .top_field .i_detail_here dl:before{width:7px; height:7px; display:block; position:absolute; content:""; left:-17px; top:16px; background-color:#7474fb; border-radius:50%;} #board_normal_view .top_field .i_detail_here dt{float: left; line-height: 40px; font-size: 16px; font-weight: 500; padding-right:6px; position: relative;} #board_normal_view .top_field .i_detail_here dd{color: #555; font-size:16px; line-height:40px; float:left;} #board_normal_view .top_field .i_detail_here dl:first-child{margin-left:0;} #board_normal_view .top_field .i_detail_here dl:first-child:before{display:none;} #board_normal_view .top_field .i_detail_con{border-bottom:1px #e2e2e2 solid; padding: 50px 30px; box-sizing: border-box;} #boardView #board_normal_write .file_zone a:hover{color:#5057ff;} #board_normal_write a:hover{color:#5057ff;} /*공모·지원사업 보기 일정 추가*/ #board_normal_view .top_field .i_detail_here dl.w_schedule{display: block; margin-left: 0; margin-top: 10px; background: #ffe1e1; height: 42px; text-align: center; box-sizing: border-box; padding: 0 10px; font-size:0; border-radius:30px;} #board_normal_view .top_field .i_detail_here dl.w_schedule:before{display: none;} #board_normal_view .top_field .i_detail_here dl.w_schedule dt, #board_normal_view .top_field .i_detail_here dl.w_schedule dd{display: inline-block; vertical-align:middle; float: none;} #board_normal_view .top_field .i_detail_here dl.w_schedule dt{color: #862727;} #board_normal_view .link_zone{width:100%; border-bottom:2px solid #93928f;} #board_normal_view .link_zone ul li{width:100%; box-sizing:border-box; padding:10px 15px; background-color:#fafafa; border-bottom:1px dashed #93928f; font-size:0;} #board_normal_view .link_zone ul li:last-child{border-bottom:none;} #board_normal_view .link_zone ul li span{font-weight:500; padding-left:23px; padding-right:5px; background:url(/s/storyCms/ulsanyouth/images/board/link_icon.png) no-repeat; background-position:left center; color:#57598b; font-size:16px; display: inline-block; vertical-align: top; width: 42px;} #board_normal_view .link_zone ul li a{font-size:16px; display: inline-block; vertical-align: top; width: calc(100% - 75px);} #board_normal_view .link_zone ul li a:hover{color:#4f57f4;} #board_normal_view .post_here{width:100%; float:left; font-size:17px; font-weight:300; padding-top: 30px; box-sizing:border-box; border-bottom: 1px #57598b solid;} #board_normal_view .photo_in{width:100%; padding:0 20px; box-sizing:border-box; text-align: center;} #board_normal_view .photo_in img{max-width:60%; height:auto; margin:5px auto;} /*#board_normal_view .post_here img{max-width:100%; height:auto;} #board_normal_view .post_here a{line-height: 1.5em; margin: 5px 0; color:#484848;}*/ #board_normal_view .post_here .txt_in{width:100%; margin-top:15px; line-height: 1.5em; padding:0 20px 40px 20px; box-sizing:border-box;} #board_normal_view .post_here .file_zone{width: 100%; background-color: #f4f7ff; padding: 15px 10px; box-sizing: border-box; overflow:hidden; border-radius:20px 20px 0 0;} #board_normal_view .post_here .file_zone ul{width:100%;} #board_normal_view .post_here .file_zone ul li{display:inline-block; vertical-align:middle; font-size: 17px; margin:10px;} #board_normal_view .post_here .file_zone ul li a{margin:0; display:inline-block; vertical-align:middle; position:relative; padding-left:28px;} #board_normal_view .post_here .file_zone ul li a:hover{color:#e9426f;} #board_normal_view .post_here .file_zone ul li a img{position:absolute; left:0;} #board_normal_view .post_here .file_zone ul li .btn_preview{margin-left: 5px; background-color:#4f57f4; padding: 2px 6px; border-radius: 3px; font-family: "Noto Sans Kr"; font-weight: 500; letter-spacing: -1px; display:inline-block; vertical-align:middle; color:#fff;} #board_normal_view .post_here .file_zone ul li .btn_preview span{font-size:14px;} #board_normal_view .post_here .file_zone ul li .btn_preview:hover{background-color: #1a1f83;} #board_normal_view .post_here .codeView05{margin-top: 15px !important;} #board_normal_view .etc_info_here{width:100%; text-align:left; padding: 13px 20px 12px 20px; box-sizing:border-box; overflow: hidden;} #board_normal_view .etc_info_here .etc_info{display:inline-block; float:left;} #board_normal_view .etc_info_here .etc_info div{font-size:15px; font-weight:300; color:#545454;} #board_normal_view .etc_info_here .etc_info > div{margin-right:20px;} #board_normal_view .etc_info_here .etc_info .bold{font-weight:500; margin-right:10px; color:black;} #board_normal_view .etc_info_here .etc_info .writer{display:inline-block; float:left;} #board_normal_view .etc_info_here .etc_info .date{display:inline-block; float:left;} #board_normal_view .etc_info_here .etc_info .num_view{display:inline-block; float:left;} #board_normal_view .bottom_field{width:100%; min-height:65px; float:left; border-bottom: 1px #e3e3e3 solid; margin:0;} #board_normal_view .bottom_field dl{width:100%; display: table; min-height:65px;} #board_normal_view .bottom_field dl dt{width:200px; height:100%; display: table-cell; text-align:center; background-color:#f7f7f8; vertical-align: middle; font-weight:500;} #board_normal_view .bottom_field dl dd{width:-webkit-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); width: calc(100% - 200px); height:100%; display: table-cell; padding: 10px 0 10px 25px; box-sizing: border-box; letter-spacing:-0.5px; vertical-align: middle;} #board_normal_view .bottom_field dl dd ul li{} #board_normal_view .bottom_field dl dd a{display:inline-block; padding-left:31px; font-weight:300; color:#646464; background:url(/s/storyCms/ulsanyouth/images/com/file_down.png) no-repeat 2px 6px; background-size:21px 15px; margin:5px 0;} #board_normal_view .bottom_field dl dd a:hover{color:#3f51b5;} #board_normal_view .bottom_field .file_here li{padding: 10px 0; border-bottom: 1px #e3e3e3 dashed;} #board_normal_view .bottom_field .file_here li:last-child{border-bottom:none;} #board_normal_view .btn_field{width:100%; margin-top: 30px; margin-bottom: 30px; display: inline-block;} /*일반게시판 - 쓰기*/ #board_normal_write{width:100%; position:relative; margin-bottom:20px; font-size:15px;} #board_normal_write:before{width:100%; position:absolute; height:4px; content:""; display:block; top:-4px; left:0; background:#57598b;} #board_normal_write select{font-size:15px; font-family: 'Noto Sans KR'; font-weight: 300; background-color:#fff;} #board_normal_write input{color: #000; border: 1px solid #cccaca; background: #fff; vertical-align: middle; padding:7px 5px; margin-bottom: 1px; margin-right:3px; font-size:15px; font-family: 'Noto Sans KR'; font-weight: 300;} /* input type=num 화살표 없애기 Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} /* Firefox */ input[type='number'] {-moz-appearance: textfield;} #board_normal_write .longest_w{width:100%;} #board_normal_write .longer_w{width:80%;} #board_normal_write .long_w{width:50%;} #board_normal_write .short_w{width:200px;} #board_normal_write .hasDatepicker{width:80px;} #board_normal_write .paybox{width:80px;} #board_normal_write .numbox{width:40px;} #board_normal_write span#fileExtList{font-weight:300; word-break:break-all;} #board_normal_write th {width:20%; background-color:#fbf9fe; padding:11px 20px; color:#434280; border-bottom:1px solid #b8b8d9; word-break:keep-all; font-size: 16px; font-weight: 500; letter-spacing: -0.5px; text-align: left; min-width:90px;} #board_normal_write td {color:#121212; padding:10px 15px; border-bottom:#ccc 1px solid; font-weight:300; word-break: keep-all;} #board_normal_write td iframe{width:101% !important;} #board_normal_write tr:last-child{border-bottom: 3px solid #ccc;} #board_normal_write textarea{border: 1px solid #cccaca; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; color: #000; font-size: 15px; font-weight:300;} #board_normal_write .check_txt{font-size: 15px; display:inline-block; margin:6px 0 0 0; line-height: 20px; padding-left:18px; background: url(/s/storyCms/ulsanyouth/images/board/board_ex_info.png) no-repeat; background-size:12px 12px; background-position: 2px 4px;} #bottom_field_write{width:100%; overflow:hidden; margin:20px 0; text-align:center;} #bottom_field_write .center{display: inline-block;} #board_normal_write input[type=file]{width:80%;} #board_normal_write input.bdi_text{width:80%;} .must_write img {width: 17px; height: 17px; margin-top: 3px; margin-left: 5px; float: right;} button.address_s{display: inline-block; padding: 5.5px 10px; border-radius: 3px; background-color: #57598b; color: #fff; font-family: "Noto Sans Kr"; font-weight: 300; font-size: 15px;} button.address_s:hover{background-color: #5057ff;} #board_normal_write ul#addFileList{margin-top:10px; padding-top:10px; border-top:1px dashed #ddd;} #board_normal_write ul#addFileList li dl{margin-bottom:8px;} #board_normal_write ul#addFileList li dl dt{margin-bottom:5px;} #board_normal_write ul#addFileList li dl dt button.btn_del{font-family: 'Noto Sans KR'; display: inline-block; border: 1px solid #ff0000; padding: 1px 5px 2px 5px; font-size: 13px; border-radius: 4px; margin-left: 5px; font-weight: 600; color: #ff0000; margin-top: -1px;} #board_normal_write ul#addFileList li dl dt button.btn_del:hover{background: #ff0000; color: #fff;} /*갤러리 게시판 탭*/ #gb_tab{width:100%; margin-bottom:30px;} #gb_tab ul{font-size:0;} #gb_tab ul li{display:inline-block; vertical-align:top;} #gb_tab ul li a{display:block; width:100%; height:65px; line-height:65px; text-align:center; font-size:18px; font-family:"NanumSquare"; font-weight:700; position:relative; background-color:#f7f8ff; transition:0.3s all ease;} #gb_tab ul li a:hover{color:#4a56f8; background-color:#fff;} #gb_tab ul li a.on{color:#fc3070; background-color:#fff;} #gb_tab ul li a.on:before{display:block; content:""; position:absolute; width:25px; height:25px; border-top:2px solid #4a56f8; border-left:2px solid #4a56f8; top:0; left:0;} #gb_tab ul li a.on:after{display:block; content:""; position:absolute; width:25px; height:25px; border-bottom:2px solid #4a56f8; border-right:2px solid #4a56f8; bottom:0; right:0;} .tab4 ul li{width:25%;} .tab2 ul li{width:50%;} /*갤러리 게시판 목록*/ #board_photo_list{width: 100%; margin-bottom: 80px;} #board_photo_list .all_select.top{top:-35px;} #board_photo_list .all_select.bottom{bottom:0;} #board_photo_list .total_field{text-align:right;} #board_photo_list .board_gallery{width:100%; margin: 0 auto; padding-bottom:45px; overflow: hidden; position:relative; padding-top: 25px; display:flex; flex-wrap:wrap;} #board_photo_list .board_gallery:before{width:100%; position:absolute; height:4px; content:""; display:block; top:0; left:0; background:#57598b;} #board_photo_list .board_gallery li{width:calc((100% - 100px)/3); margin-right:50px; box-sizing:border-box; position:relative; margin-bottom:40px; transition:0.3s all ease; display:inline-block; border-bottom: 2px solid #4f57f4;} #board_photo_list .board_gallery li:before {content: ""; display: block; padding-top: 60%;} #board_photo_list .board_gallery li:nth-child(3n){margin-right:0;} #board_photo_list .board_gallery li .pic_zone{width:90%; overflow: hidden; position:absolute; top: 0; left:50%; border:1px #cccccc solid; overflow: hidden; float: left; display: inline-block; box-sizing: border-box; border-radius:25px; z-index:1; transform: translateX(-50%); padding-top:80%; background-color:#fff;} #board_photo_list .board_gallery li .pic_zone img{width:100%; position: absolute; top:50%; left: 50%; transition:transform; transform: translate(-50%, -50%);} #board_photo_list .board_gallery li .pic_detail{width:100%; margin-top:10px; box-sizing: border-box; float:left; display:inline-block; border-radius:25px 25px 0 0; border:1px solid #ddd; border-bottom:none; padding:17% 15px 20px 15px;} #board_photo_list .board_gallery li .title_this{margin: 15px 0 15px 0; letter-spacing: -0.5px; padding-bottom: 15px; border-bottom: 1px solid #ddd;} #board_photo_list .board_gallery li .title_this > span{display:inline-block; vertical-align:middle; font-size:20px; box-sizing:border-box; width:100%; overflow: hidden; text-align:left; text-overflow: ellipsis; white-space: nowrap; position:relative; line-height: 1em; font-family:"NanumSquare"; font-weight:700;} #board_photo_list .board_gallery li .date_this{display:inline-block; float:left; padding-left:22px; background: url(/s/storyCms/ulsanyouth/images/board/board_photo_date_icon.png) no-repeat; background-position:0 center; font-size:15px; line-height: 17px; letter-spacing: -0.5px; padding-bottom:1px;} #board_photo_list .board_gallery li .writer_this{display:inline-block; float:right; padding-left:20px; background: url(/s/storyCms/ulsanyouth/images/board/board_photo_writer_icon.png) no-repeat; background-position:0 center; font-size:15px; line-height: 17px; letter-spacing: -0.5px; padding-bottom:1px;} #board_photo_list .board_gallery li a:hover .title_this{color:#4f57f4; text-decoration: underline;} #board_photo_list .board_gallery li:nth-child(3){clear: right; margin-right: 0;} #board_photo_list .board_gallery li:nth-child(3n){margin-right: 0;} #board_photo_list .board_gallery li a{transition: 0.3s all ease;} #board_photo_list .board_gallery li .chkbox{position:absolute; top:-17px; left:0;} #board_photo_list .board_gallery li.nothing{width:100%; margin:0 auto; font-size:17px; border-radius:10px; background-color:#fcfcfc; padding:20px; text-align:center; border: none;} #board_photo_list .board_gallery li.nothing:before{width:25px; height:100%; display:block; position:absolute; content:""; left:0; top:-3px; border:3px solid #8384a2; border-right:none; border-radius:10px 0 0 10px; z-index:1; background:none; padding:0;} #board_photo_list .board_gallery li.nothing:after{width:25px; height:100%; display:block; position:absolute; content:""; right:0; top:-3px; border:3px solid #e6bdc8; border-left:none; border-radius:0 10px 10px 0; z-index:1; background:none;} #board_photo_list .board_gallery li.nothing:hover{box-shadow: none;} /*220627 청년활동가 목록*/ #board_photo_list #youth_list li{border-bottom:none;} #board_photo_list #youth_list li .pic_detail{padding:17% 0 0 0;} #board_photo_list #youth_list li .title_this{padding:0 15px 15px 15px; margin-bottom:12px; border-bottom:1px dashed #ddd;} #board_photo_list #youth_list li .title_this > span{text-align:center;} #board_photo_list #youth_list li .who_this{padding:0 15px; text-align: center; margin-bottom: 15px; font-weight: 500;} #board_photo_list #youth_list li .tag_this{padding: 15px; background-color: #4f57f4;} #board_photo_list #youth_list li .tag_this span{display: inline-block; vertical-align: top; margin-right: 5px; font-weight: 500; font-size: 17px; color: #fff;} /*220627 청년활동가 상세보기*/ .youth_p_view .yp_bottom .yp_b_line .yp_t .youth_photo{text-align:center; box-sizing:border-box; padding:15px; border-top: 1px solid #ddd;} .youth_p_view#youth_detail_view .yp_tit{padding: 20px 15px;} /*220628 청년활동가 신청관리, 공간대관 신청관리: 2501224 495 -> 595 수정 */ .youth_list .search_field #search_word{width: calc(100% - 595px);} /*220628 청년활동가 일괄업로드*/ .sample_down{display:inline-block; padding:5px 12px; box-sizing:border-box; border:2px solid #004eff; font-weight: 500; border-radius: 7px;} .sample_down:hover{color:#004eff;} .youth_upload .notice_txt{font-weight:500; display:block; margin-bottom:15px; color: #cf0260;} .youth_upload dl{display:flex; flex-wrap:wrap;} .youth_upload dl dt, .youth_upload dl dd{display:inline-block; vertical-align:top; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc;} .youth_upload dl dt{font-weight:500; width: 85px; font-size: 16px; color:#415999;} .youth_upload dl dd{width:calc(100% - 85px); font-size:16px; padding-bottom:11px;} /*갤러리게시판 보기*/ #board_normal_view .post_here .oneline{padding:10px; width:100%; box-sizing:border-box; background-color:#f9f9f9; border-radius:5px; text-align:center; margin-top: -15px; margin-bottom: 15px;} .iframe_wrap{position:relative; padding-bottom:56.25%; width:100%; height:0; overflow:hidden;} .iframe_wrap iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} .iframe_wrap iframe{border:none;} #board_normal_view.g_view .top_field{font-size:0; text-align:left; border-bottom:none; padding-bottom:25px;} #board_normal_view.g_view .top_field:before{display:none;} #board_normal_view.g_view .top_field > div{display:inline-block; vertical-align:top; position:relative;} #board_normal_view.g_view .top_field > div.gt_img{width:550px; height:480px;} #board_normal_view.g_view .top_field > div.gt_img .pop_list{width:100%; overflow:hidden; height:480px;} #board_normal_view.g_view .top_field > div.gt_img .pop_list li{height:480px; position:relative;} #board_normal_view.g_view .top_field > div.gt_img .pop_list li img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%;} #board_normal_view.g_view .top_field > div.gt_img .gt_controll{position:absolute; width:100%; box-sizing:border-box; bottom:0; left:0; padding:10px; text-align:right; z-index:1;} #board_normal_view.g_view .top_field > div.gt_img .gt_controll:before{position:absolute; width:100%; left:0; bottom:0; height:100%; display:block; content:""; background-color:#000; opacity:0.7; z-index:-1;} #board_normal_view.g_view .top_field > div.gt_img .gt_controll li{display:inline-block; vertical-align:middle; margin:0 10px;} #board_normal_view.g_view .top_field > div.gt_img .gt_controll li.count{float:left; font-size:15px; font-weight:500; color:#fff;} #board_normal_view.g_view .top_field > div.gt_info{width:calc(100% - 550px); box-sizing:border-box; padding:15px 30px 100px 30px; min-height:480px;} #board_normal_view.g_view .top_field > div.gt_info:before{width:45px; height:100%; top:0; right:0; border:7px solid #ff4274; border-radius:0 15px 15px 0; border-left:none; box-sizing:border-box; display:block; position:absolute; content:"";} #board_normal_view.g_view .top_field > div.gt_info .title_here{padding:0; text-align:left; word-break:keep-all; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd; position:relative; padding-right:85px;} #board_normal_view.g_view .top_field > div.gt_info .title_here:before{width:60px; height:3px; display:block; content:""; position:absolute; top:-15px; left:0; background-color:#4a56f8;} #board_normal_view.g_view .top_field > div.gt_info .title_here span.real_tit{text-align:left;} #board_normal_view.g_view .top_field > div.gt_info .title_here span.real_tit_cat{position: absolute; padding: 5px 10px; font-size: 15px; font-family: "NOTO SANS KR"; font-weight: 500; right: 0; border-radius: 5px; color:#fff;} #board_normal_view.g_view .top_field > div.gt_info .title_here span.real_tit_cat.rtc1{background-color:#e81857;} #board_normal_view.g_view .top_field > div.gt_info .title_here span.real_tit_cat.rtc2{background-color:#336cff;} #board_normal_view.g_view .top_field > div.gt_info .title_here span.real_tit_cat.rtc3{background-color:#04835c;} #board_normal_view.g_view .top_field > div.gt_info .info_area{width:100%; box-sizing:border-box; font-size:17px; line-height:1.5em; word-break:keep-all;} #board_normal_view.g_view .top_field > div.gt_info .info_area .address{width:100%; font-size:18px; font-weight:500; padding: 5px 0 15px 40px; background:url(/s/storyCms/ulsanyouth/images/board/location_icon.png) no-repeat; background-position: left 5px top; margin-bottom:20px; box-sizing:border-box; border-bottom: 1px solid #7d7ffa;} #board_normal_view.g_view .top_field > div.gt_info .i_detail_here{position:absolute; bottom:25px; right:30px; width:calc(100% - 50px); background-color:#f8f8f8; padding:10px; margin-bottom:0; text-align:right;} #board_normal_view.g_view .top_field > div.gt_info .i_detail_here dt{line-height:1em;} #board_normal_view.g_view .top_field > div.gt_info .i_detail_here dd{line-height:1em;} #board_normal_view.g_view .post_here .area{width:100%; margin-bottom:55px;} #board_normal_view.g_view .post_here .area .a_title{width:100%; box-sizing:border-box; padding:15px 20px 15px 50px; position:relative; border-radius:15px 0 0 0; background:linear-gradient(90deg, #e7f3fe, #fff1f5); font-size:20px; font-weight:700; font-family:"NanumSquare"; position:relative;} #board_normal_view.g_view .post_here .area .a_title span{font-weight:700; font-size:40px; display:inline-block; margin-right:10px; position:absolute; left:15px; top:-10px; color:#4f57f4;} #board_normal_view.g_view .post_here .area .a_cont{width:100%; box-sizing:border-box; padding:15px; line-height:1.5em;} /*카드형 게시판*/ #board_card_list .board_card{display: flex; flex-wrap: wrap; width:100%; margin: 0 auto; padding-bottom:20px; overflow: hidden; position:relative; padding-top: 30px; font-size:0;} #board_card_list .board_card:before{width:100%; position:absolute; height:4px; content:""; display:block; top:0; left:0; background:#57598b;} .board_card .card{display:inline-block; vertical-align:top; width: calc((100% - 50px)/2); margin-right: 50px; margin-bottom: 35px; position: relative; box-sizing:border-box; padding-top:70px;} .board_card .card:nth-child(2n){margin-right:0;} .board_card .card:hover div.info_txt .title{color:#ef4472;} .board_card .card div{display:inline-block; vertical-align:middle; font-size:15px;} .board_card .card div.card_img_box{width:170px; height:215px; overflow: hidden; position:absolute; background:#ddd; top:0; left:30px; z-index:1; box-shadow:5px 5px 0 0 #e9eeff;} .board_card .card div.card_img_box img{width:100%; min-height:100%;} .board_card .card div.info_txt{width:100%; box-sizing:border-box; padding:20px 20px 20px 220px; position:relative; border: 1px #cecece solid; transition:0.3s all ease; border-radius:30px 0;} .board_card .card:hover div.info_txt{border:1px solid #4f57f4;} .board_card .card div.info_txt:before{display:block; position:absolute; content:""; width:50px; height:50px; border-top:2px solid #4f57f4; border-right:2px solid #4f57f4; right:-1px; top:-1px; z-index:1;} .board_card .card div.info_txt .title{box-sizing:border-box; padding-left:25px; background:url(/s/storyCms/ulsanyouth/images/board/card_tit_icon.png) no-repeat; background-position:left center; font-weight:500; font-size:20px; margin-bottom:25px; line-height:1.5em; overflow:hidden; letter-spacing:-1px; word-break:keep-all; display:block; white-space:nowrap; text-overflow:ellipsis; font-family:"NanumSquare"; font-weight:700;} .board_card .card div.info_txt .date{display:block; font-size:17px; margin-bottom:15px; line-height:1.5em; letter-spacing:-1px;} .board_card .card div.info_txt a.view_btn{font-size:17px; display:block; width:175px; height:45px; line-height:45px; border:2px solid #4f57f4; text-align:center; font-weight:500; margin:0 auto; border-radius: 5px;} .board_card .card div.info_txt a.view_btn img{margin-top:-5px; margin-right:3px;} .board_card .card div.info_txt a.view_btn:hover{border:2px solid #ef4472;} .board_card .nothing{width:100%; margin:0 auto; font-size:17px; border-radius:10px; background-color:#fcfcfc; padding:20px; text-align:center; border: none; position:relative;} .board_card .nothing:before{width:25px; height:100%; display:block; position:absolute; content:""; left:0; top:-3px; border:3px solid #8384a2; border-right:none; border-radius:10px 0 0 10px; z-index:1; background:none; padding:0;} .board_card .nothing:after{width:25px; height:100%; display:block; position:absolute; content:""; right:0; top:-3px; border:3px solid #e6bdc8; border-left:none; border-radius:0 10px 10px 0; z-index:1; background:none;} /* 게시판 보기 페이지 변형*/ #board_normal_view .card_post{font-size:0;} #board_normal_view .card_post > div{font-size:15px;} #board_normal_view .card_post .photo_in{display:inline-block; vertical-align:bottom; width:335px; height: 350px; overflow:hidden;} #board_normal_view .card_post .photo_in img{width:100%; margin:0 auto; min-height:100%;} #board_normal_view .card_post .card_info{display:inline-block; vertical-align:bottom; width:calc(100% - 355px); box-sizing:border-box; padding:15px; } #board_normal_view .card_post .card_info .card_title{font-size:27px; font-family:"BmsB"; margin-bottom:25px; position:relative; padding-left:15px; word-break:keep-all;} #board_normal_view .card_post .card_info .card_title:before{width:25px; height:25px; display:block; content:""; position:absolute; top:-15px; left:0; border-top:2px solid #886556; border-left:2px solid #886556;} #board_normal_view .card_post .card_info .infor_list{border-top: 1px dashed #96827a; box-sizing:border-box; padding:15px;} #board_normal_view .card_post .card_info .infor_list dl{position:relative; font-size:17px; padding-left:15px; margin: 10px 0; background:url(/s/storyCms/ulsanyouth/images/contents/li_bg.png) no-repeat; background-position: 0 center;} #board_normal_view .card_post .card_info .infor_list dl dt{display:inline-block; vertical-align:middle; font-weight:500; color:#5d3f30;} #board_normal_view .card_post .card_info .infor_list dl dd{display:inline-block; vertical-align:middle; margin-left: 5px;} #board_normal_view .card_post .txt_in{width:97%; box-sizing:border-box; padding:15px 20px; border:1px solid #e3e3e3; margin:20px auto;} /*답변게시판*/ #board_normal_list.qna_list table tbody tr td.subject a{width:calc(100% - 55px);} .qna_list table tbody tr td.subject a img{margin-right:7px; margin-top:-2px;} .board_reply_icon{display:inline-block; vertical-align:middle; width: 45px; height:21px; float:left; font-size: 14px; color:#fff; box-sizing: border-box; margin-right:6px; line-height: 18px; font-weight:500; text-align:center; background-color:#4f57f4; line-height:21px; position:relative; border-radius: 0 13px 13px 10px;} .board_reply_icon:before{display:block; content:""; position:absolute; width:0; height:0; border-left:10px solid #4f57f4; border-top:6.5px solid transparent; top:-6px; left:0;} .board_lock_icon{margin-bottom: 4px; width: 17px; margin-right: 3px;} .reply_board table tbody tr td.reply_this a{display:inline-block; vertical-align:middle; width: calc(100% - 55px) !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .reply_board table tbody tr td.subject span{display:inline-block;} .ipin_chk{padding: 3px 10px; height: 28px; box-sizing: border-box; display: inline-block; vertical-align: top; color: #000; border-radius: 3px; line-height: 18px; cursor: pointer; border: 3px solid #613ae6; letter-spacing: -1px; font-family: "Noto Sans KR"; font-weight: 300; font-size: 15px;} .cell_chk{padding: 3px 10px; height: 28px; box-sizing: border-box; display: inline-block; vertical-align: top; color: #000; border-radius: 3px; line-height: 18px; cursor: pointer; border: 3px solid #8fc442; letter-spacing: -1px; font-family: "Noto Sans KR"; font-weight: 300; font-size: 15px;} /*정책검색*/ #youth_p{width:100%; position:relative; padding-top:45px;} #youth_p a.ds_btn{display:block; position:absolute; height:45px; top:0; border-radius:10px 10px 0 0;background-color:#4f57f4; color:#fff; font-weight:500; right:0; line-height:45px; padding:0 25px; font-size:20px;} #youth_p a.ds_btn img{margin-right:6px; margin-top:-1px;} .yp_search{width:100%; background-color:#fafbfc; border:1px solid #ccc; box-sizing:border-box; padding:25px;} .yp_search .yps_line{width:100%; font-size:0; padding:20px 0; border-bottom:1px dashed #ccc;} .yp_search > div:last-child{border-bottom:none;} .yp_search .yps_line > div{display:inline-block; vertical-align:top;} .yl_tit{font-size:19px; font-family:"NanumSquare"; font-weight:700; padding-left:35px; width:200px; box-sizing:border-box; padding-top:10px; background:url(/s/storyCms/ulsanyouth/images/board/yl_tit_icon.png) no-repeat; background-position:left 5px top 10px;} .yl_s{width:calc(100% - 200px);} .yl_s input{width:100%; box-sizing:border-box; border:1px solid #ccc; padding:8px 10px; font-family:"Noto Sans KR"; font-weight:300; font-size:17px;} .yl_s input::placeholder{font-size:16px; font-weight:500; color:#888;} input.yp_input{width:100%;} .yl_s ul li{display:inline-block; vertical-align:top; margin: 5px 10px 5px 0; } .yl_s ul li:last-child{margin-right:0;} .yl_s ul li button{display:block; padding:5px 15px; box-sizing:border-box; border:1px solid #ccc; background-color:#fff; font-family:"Noto Sans KR"; font-weight:300; font-size:16px; text-align:center;} .yl_s ul li button span{display:inline-block;} .yl_s ul li button:hover{border:1px solid #4f57f4; border-radius:5px;} .yl_s ul li button:hover span{color:#4f57f4;} .yl_s ul li.all span{box-sizing:border-box; padding-left:20px; background:url(/s/storyCms/ulsanyouth/images/board/yp_all_icon_off.png) no-repeat; background-position:left center;} .yl_s ul li.all.on span{background:url(/s/storyCms/ulsanyouth/images/board/yp_all_icon.png) no-repeat; background-position: left center;} .yl_s ul li.on button{background-color:#4f57f4; border:1px solid #4f57f4; border-radius:5px;} .yl_s ul li.on button span{color:#fff;} .yl_s ul li.on button:hover span{color:#fff;} #detail_search .yl_section{width:calc((100% - 100px)/5); box-sizing:border-box; margin-right:25px;} #detail_search div.yl_section:last-child{margin-right:0;} #detail_search .yl_section .yl_tit{width:100%; margin-bottom:15px; background:url(/s/storyCms/ulsanyouth/images/board/detail_yl_tit_icon.png) no-repeat; background-position:left 5px top 10px;} #detail_search .yl_section .yl_s{width:100%;} #detail_search .yl_section .yl_s ul li{width:calc((100% - 10px)/2);} #detail_search .yl_section .yl_s ul li:nth-child(2n){margin-right:0;} #detail_search .yl_section .yl_s ul li button{width:100%;} #detail_search .yl_section .yl_s ul li button:hover{border:1px solid #682aff; border-radius:5px;} #detail_search .yl_section .yl_s ul li button:hover span{color:#682aff;} #detail_search .yl_section .yl_s ul li.on button{background-color:#682aff; border:1px solid #682aff;} #detail_search .yl_section .yl_s ul li.on button:hover span{color:#fff;} #detail_search .yl_section .yl_s select.age_selec{width:100%; margin-top:5px; padding:8.5px 30px 8.5px 10px; background-color:#fff;} .yp_btn{width:100%; text-align:center; margin-top:20px;} .yp_btn button{display:inline-block; vertical-align:middle; font-family:"NanumSquare"; font-weight:700; font-size:17px; color:#fff; text-align:center; padding:15px 60px;} .yp_btn button.reset{background-color:#333; margin-right:7px;} .yp_btn button.yp_sbtn{background: linear-gradient(90deg, #3a44ff, #e33161);} .yp_btn button.yp_sbtn img{width: 18px; margin: -2px 2px 0 0;} .yp_area{width:100%;} .yp_area .total_field span{font-weight:500; font-size:18px;} .yp_list{width:100%; padding-top:15px;} .yp_list ul{display:flex; flex-wrap:wrap;} .yp_list ul li.nothing{display:block; margin: 0 auto; font-size: 17px; border-radius: 10px; background-color: #fcfcfc; padding: 20px; text-align: center; border: none; position:relative; width:100%; margin-right:0;} .yp_list ul li.nothing:before {width: 25px; height: 100%; display: block; position: absolute; content: ""; left: 0; top: -3px; border: 3px solid #8384a2; border-right: none; border-radius: 10px 0 0 10px; z-index: 1; background:none;} .yp_list ul li.nothing:after {width: 25px; height: 100%; display: block; position: absolute; content: ""; right: 0; top: -3px; border: 3px solid #e6bdc8; border-left: none; border-radius: 0 10px 10px 0; z-index: 1; background: none;} .yp_list ul li.nothing:hover {border:none;} .yp_list ul li{display:inline-block; vertical-align:top; width:calc((100% - 70px)/3); margin-right:35px; margin-bottom:50px; box-sizing:border-box; border:1px solid #ccc; border-radius:20px 0;} .yp_list ul li:hover{border:1px solid #4f57f4;} .yp_list ul li:hover .tit{color:#4f57f4;} .yp_list ul li:nth-child(3n){margin-right:0; } .yp_list ul li:focus-within{outline:3px solid #ff0000;} .yp_list ul li .yp_card{width:100%; box-sizing:border-box; padding:65px 20px 20px 20px; position:relative; word-break:keep-all;} .yp_list ul li .yp_card span.location{width:60px; height:60px; line-height:60px; text-align:center; position:absolute; top:-15px; left:20px; font-weight:500; border-radius:5px; background: url(/s/storyCms/ulsanyouth/images/common/nav_bg.png) no-repeat; background-size:55px; background-position:center; font-size:18px;} .yp_list ul li .yp_card span.location.ng{background-color:#ffcf3c;} .yp_list ul li .yp_card span.location.dg{background-color:#ffb8b8;} .yp_list ul li .yp_card span.location.jg{background-color:#ff9f2e;} .yp_list ul li .yp_card span.location.bg{background-color:#beee61;} .yp_list ul li .yp_card span.location.ug{background-color:#a7e3d4;} .yp_list ul li .yp_card span.location.all{background-color:#c0d2ff;} .yp_list ul li .yp_card div.gubun{right:10px; top:10px; padding:0 15px; position:absolute; height:30px; line-height:30px; border-left:none !important;} .yp_list ul li .yp_card div.gubun:before{display:block; content:""; position:absolute; border-right:13px solid #000; border-top:15px solid transparent; border-bottom:15px solid transparent; left: -13px; top: 0;} .yp_list ul li .yp_card div.gubun.g1{color:#dd1d7e; border:1px solid #dd1d7e;} .yp_list ul li .yp_card div.gubun.g1:before{border-right:13px solid #dd1d7e;} .yp_list ul li .yp_card div.gubun.g2{color:#337a00; border:1px solid #337a00;} .yp_list ul li .yp_card div.gubun.g2:before{border-right:13px solid #337a00;} .yp_list ul li .yp_card div.gubun.g3{color:#4f57f4; border:1px solid #4f57f4;} .yp_list ul li .yp_card div.gubun.g3:before{border-right:13px solid #4f57f4;} .yp_list ul li .yp_card div.gubun.g4{color:#00679c; border:1px solid #00679c;} .yp_list ul li .yp_card div.gubun.g4:before{border-right:13px solid #00679c;} .yp_list ul li .yp_card div.gubun.g5{color:#7e00ff; border:1px solid #7e00ff;} .yp_list ul li .yp_card div.gubun.g5:before{border-right:13px solid #7e00ff;} .yp_list ul li .yp_card div.gubun.g6{color:#c94100; border:1px solid #c94100;} .yp_list ul li .yp_card div.gubun.g6:before{border-right:13px solid #c94100;} .yp_list ul li .yp_card div.gubun:after{display:block; content:""; position:absolute; border-right:12px solid #fff; border-top:14px solid transparent; border-bottom:14px solid transparent; left: -12px; top: 1px;} .yp_list ul li .yp_card div.gubun span{display:block; font-weight:500; font-size:17px;} .yp_list ul li .yp_card div.gubun span:before{display:block; content:""; position:absolute; width:7px; height:7px; box-sizing:border-box; border-radius:50%; top:11px; left:0; z-index:1;} .yp_list ul li .yp_card div.gubun.g1 span:before{border:1px solid #dd1d7e;} .yp_list ul li .yp_card div.gubun.g2 span:before{border:1px solid #337a00;} .yp_list ul li .yp_card div.gubun.g3 span:before{border:1px solid #4f57f4;} .yp_list ul li .yp_card div.gubun.g4 span:before{border:1px solid #00679c;} .yp_list ul li .yp_card div.gubun.g5 span:before{border:1px solid #7e00ff;} .yp_list ul li .yp_card div.gubun.g6 span:before{border:1px solid #c94100;} .yp_list ul li .yp_card .tit{font-size:20px; font-family:"NanumSquare"; font-weight:700; margin-bottom:10px;} .yp_list ul li .yp_card .txt{font-size:17px; line-height:1.3em;} /*청년정책 보기*/ .youth_p_view{width:100%; position:relative;} .youth_p_view:before{width: 100%; position: absolute; height: 3px; content: ""; display: block; top: -10px; left: 0; background: #57598b; z-index:-1;} .youth_p_view .yp_tit{width:100%; padding:20px 215px 20px 15px; position:relative; word-break:keep-all; box-sizing:border-box;} .youth_p_view .yp_tit > p{font-size:26px; font-family:"NanumSquare"; font-weight:700; position:relative; background:url(/s/storyCms/ulsanyouth/images/board/ypv_tit_icon.png) no-repeat; padding: 10px 0 10px 52px;} .yp_etc{box-sizing:border-box; border:1px solid #ccc; border-radius:10px; height:45px; font-size:0; padding:10px 0; display:inline-block;} .yp_etc p{display:inline-block; vertical-align:middle; position:relative; padding:0 10px; box-sizing:border-box;} .yp_etc p > span{font-size:16px; font-weight:500; display:inline-block; vertical-align:middle; margin-left:7px;} .youth_p_view .yp_tit .yp_etc{position:absolute; right:20px; top:20px;} .youth_p_view .yp_top{width:100%; background:url(/s/storyCms/ulsanyouth/images/board/yp_top_bg.jpg) repeat; padding:10px; box-sizing:border-box; margin-bottom:40px; margin-top:10px;} .youth_p_view .yp_top div{width:100%; background:url(/s/storyCms/ulsanyouth/images/board/yp_top_in.png) no-repeat; background-position:right 10px top -10px; background-color:#fff; word-break:keep-all; padding:15px; box-sizing:border-box; font-size:18px; } .youth_p_view .yp_bottom{width:100%; box-sizing:border-box; padding:0 15px;} .youth_p_view .yp_bottom .yp_b_line{width:100%; padding-bottom:35px; border-bottom:2px dotted #ffb521; margin-bottom:35px;} .youth_p_view .yp_bottom div.yp_b_line.last{padding-bottom:15px; border-bottom:none;} #contents_in .youth_p_view .yp_bottom .yp_b_line h2{background: url(/s/storyCms/ulsanyouth/images/board/yl_tit_icon.png) no-repeat; background-position: left top 7px; padding-left:30px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl{width:100%; font-size:0;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dt, .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd{display:inline-block; vertical-align:top; box-sizing:border-box; padding:15px 0 20px 0; word-break:keep-all;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dt{width:195px; font-size:18px; font-weight:500; padding-left:10px; border-top:2px solid #5e4bff; color: #253362; line-height:1.3em;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd{width:calc(100% - 195px); font-size:17px; padding-left:15px; border-top:1px solid #ddd;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd.break{word-break:break-all;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd.break a:hover{color:#fc3070;} .youth_p_view .yp_bottom .yp_etc{float:right; margin-bottom:35px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone{width: 100%; background-color: #f4f7ff; padding: 15px 10px; box-sizing: border-box; overflow:hidden; border-radius:10px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul{width:100%;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li{display:block; font-size: 16px; margin:7px 10px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li a{margin:0; display:inline-block; vertical-align:middle; position:relative; padding-left:28px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li a:hover{color:#e9426f;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li a img{position:absolute; left:0;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li .btn_preview{margin-left: 3px; background-color:#4f57f4; padding: 2px 6px; border-radius: 3px; font-family: "Noto Sans Kr"; font-weight: 500; letter-spacing: -1px; display:inline-block; vertical-align:middle; color:#fff;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li .btn_preview:hover{background-color: #1a1f83;} /*울산청년지도*/ #mapwrap{position:relative; width:100%; overflow:hidden;} #mapwrap #yp_map{width:100%; height:550px; background-color:#f3f3f3;} .category {position: absolute; overflow: hidden; top: 10px; left: 10px; z-index: 10; border: 1px solid #252b4d; font-size: 12px; text-align: center; background-color: #fff; border-radius: 3px 10px; z-index:2;} .category, .category * {margin: 0; padding: 0; color:#000;} .category .menu_selected {background: #252b4d; color: #fff; border-left: 1px solid #000000; border-right: 1px solid #000000; margin-right: -1px;} .category .menu_selected a{color: #ffffff;} .category li {list-style: none; float: left; width: 70px; height: 65px; border-left: 1px #dadada solid; } .category li a{display:block; width:100%; height:100%; box-sizing:border-box; padding-top: 4px; word-break: keep-all; font-size: 13px; font-family: "Noto Sans Kr"; font-weight: 500;} .category .ico_comm {display: block; margin: 1px auto 3px; width: 30px; height: 37px; background: url(/s/storyCms/ulsanyouth/images/board/map_marker_sprite.png) no-repeat; background-size: 90px 38px;} .category .ico_red {background-position: 1px 0;} .category .ico_blue {background-position: -30px 0px;} .category .ico_green {background-position: -61px 0px;} .category .ico_all {background:none; height:auto; font-family:"NanumSquare"; font-weight:700; color:#2f3245; margin-top:8px; font-size:20px;} .category #allMenu a{color:#000;} .lib_info{padding:10px 7px 7px 7px;} .lib_info .title{display: inline-block; width: 190px; border-bottom: 1px #cccccc dashed; padding-bottom:5px; margin-bottom:5px; font-weight:700; font-family: "NanumSquare";} .lib_info .title_long{display: inline-block; width: 220px; border-bottom: 1px #cccccc dashed; padding-bottom:5px; margin-bottom:5px; font-weight: 600;} .lib_info .detail{font-size:12px; line-height: 16px;} .lib_info .detail .more_space{margin-left:63px;} /* 2024 도식화 추가 */ .mapbox{margin-bottom:50px;} #simple_map{display:flex;width:100%;} #simple_map > div{display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;} #sm_map{width:570px;} #sm_map .smm_in{position: relative; width: 427px; margin: 12px auto;} #sm_map .smm_in img{width:100%; display: block;} #sm_map:before{width:100%; height:100%; border:30px solid #ffd36a; display:block; content:""; position:absolute; top:0; left:0; z-index:-1; box-sizing:border-box;} #sm_map .map_top li{text-align:center; display: inline-block; position: absolute; z-index: 1;} #sm_map .map_top li.mt1{right:30px; top:110px;} #sm_map .map_top li.mt2{right:110px; top:160px;} #sm_map .map_top li.mt3{right:90px; top:215px;} #sm_map .map_top li.mt4{right:5px; top:190px;} #sm_map .map_top li.mt5{left:135px; top:165px;} #sm_map .map_top li p{font-family: "NanumSquare"; font-weight: 700; margin-bottom: 0px; font-size: 17px;} #sm_map .map_top li span{padding: 5px 5px 5px 5px; box-sizing:border-box; color:#fff; font-weight:500; font-size: 16px; background: #4a56f8; line-height:1em; display: inline-block;} #sm_info{width:calc(100% - 570px); padding: 20px 0 20px 40px;} #sm_info .si_in{box-sizing:border-box; padding:15px; border-radius:15px; background-color:#f1f2ff;} #sm_info .si_in .cont_list{margin-left:0;} #sm_info .si_in .cont_list li:last-child{margin-bottom:0;} #sm_info .place_list{text-align:center;width:100%;padding: 28px 15px 28px 15px;font-size:0;box-sizing:border-box;} #sm_info .place_list li{display:inline-block;vertical-align: middle;padding: 0 10px;width:calc(100% / 3);box-sizing:border-box;} #sm_info .place_list li p{font-size:18px; font-weight:500; padding-bottom: 50px; position:relative;} #sm_info .place_list li p:before{display:block; content:""; position:absolute; left:50%; top: 29px; transform: translateX(-50%); width: 32px; height: 45px;} #sm_info .place_list li span{font-size:18px;} #sm_info .place_list li.p1 p:before{background: url(/s/storyCms/ulsanyouth/images/board/map_marker_sprite.png) no-repeat; background-position: left center;} #sm_info .place_list li.p2 p:before{background: url(/s/storyCms/ulsanyouth/images/board/map_marker_sprite.png) no-repeat; background-position: left -35px center;} #sm_info .place_list li.p3 p:before{background: url(/s/storyCms/ulsanyouth/images/board/map_marker_sprite.png) no-repeat; background-position: left -70px center;} #sm_info .yc_in{display: block; padding: 18px 25px; position:relative; box-sizing:border-box; border:7px solid #f4f4f4; margin: 0 auto; text-align: center; width: 90%;} #sm_info .yc_in:before{width: 40px;height: 25px; display:block; content:""; position:absolute; left:-7px; top:-7px; background:url(/s/media/data.do?mediaId=MEDIA_00000000000760) no-repeat; background-size: 40px;} #sm_info .yc_in:after{width: 40px; height: 28px; display:block; content:""; position:absolute; right:-7px; bottom: -7px; background:url(/s/media/data.do?mediaId=MEDIA_00000000000761) no-repeat; background-size: 40px;} #sm_info .yc_in p{font-family:"NanumSquare"; font-weight:700; font-size: 20px; word-break:keep-all;} .mapbox .map_btn{ display: block;width:100%;text-align:right;margin-top: 20px;} .mapbox .map_btn a{display:inline-block; padding: 8px 15px 8px 43px; border-radius: 5px; font-family: 'NanumSquare'; font-weight: bold; letter-spacing: -2px; background: url(/s/media/data.do?mediaId=MEDIA_00000000000951) no-repeat; background-position: left 15px top 7px; background-color: #4a56f8; color:#fff;} .mapbox .map_btn a:hover{background-color:#313679;} /*대관신청*/ table .center{text-align:center !important;} #board_normal_write tr.rent_area th{background:#fcffd1;} #board_normal_write tr.rent_area td{font-weight: 500; font-size: 17px; background: #feffef;} #board_normal_write tr.agr_tr .agr_tit{text-align: center; margin-bottom: 12px; font-size: 19px; font-weight: 600; margin-top: 5px; color: #434280;} #board_normal_write tr.agr_tr .agree_box{width:100%; box-sizing:border-box; border: 1px solid #bfc0d7; background:#fafbff;} #board_normal_write tr.agr_tr .agree_box ul.cont_list{margin:0; padding:20px 30px;} #board_normal_write tr.agr_tr .agree_box p{font-size: 17px; padding: 15px; border-top: 1px dashed #bfc0d7; text-align: center; font-weight: 500;} #board_normal_write tr.agr_tr .chk_box{text-align:center; margin-top:15px; margin-bottom:5px;} #board_normal_write tr.agr_tr .chk_box label{font-size:18px;} /*대관 신청기간 관리*/ .rd_wrap{width:100%; overflow-x:auto; padding-top:5px;} .rd_wrap .rent_datelist{min-width:1050px; word-break:break-all;} .rd_wrap .rent_datelist a.apply_list{border: 1px solid #4f57f4; padding: 4px 5px; border-radius: 5px; font-size: 15px; font-weight: 500; color: #4f57f4; letter-spacing: -1.5px;} .rd_wrap .rent_datelist a.apply_list:hover{background-color: #4f57f4; color:#fff;} /*상담예약*/ #board_normal_write.consulting_apply td label{margin-left:15px;} #board_normal_write.consulting_apply td label:first-child{margin-left:0;} #board_normal_write.consulting_view tr.title th{font-size: 20px; font-weight: 700; padding: 18px 10px; text-align: center; font-family: 'NanumSquare';} #board_normal_write.consulting_view tr.attachfile a:hover{color:#372aff;} /*청년정책 알림 신청*/ a.txtnc_go{display: inline-block; padding: 5px 10px 5px 40px; border: 2px solid #ef4472; border-radius: 5px; margin-top: 5px; background: url(/s/media/data.do?mediaId=MEDIA_00000000000893) no-repeat; background-size: 25px; background-position: left 10px center;} a.txtnc_go:hover{background-color:#ef4472; color:#fff;} #board_normal_list.pn_list .search_field #search_word{width: calc(100% - 190px);} #board_normal_list.pn_list table .num_w{width:10%;} #board_normal_list.pn_list table .writer_w{width:30%;} #board_normal_list.pn_list table .tel_w{width:30%;} /*#board_normal_list.pn_list table .ip_w{width:40%;}*/ #board_normal_list.pn_list table .date_w{width:30%;} #board_normal_list.pn_list table .writer_w a:hover{color:#4f57f4;} #board_normal_write.pn_apply td label{margin-left:15px;} #board_normal_write.pn_apply td label:first-child{margin-left:0;} .tn_pwc{font-size:0; margin:105px auto 35px auto; width:520px; text-align:center; position:relative;} .tn_pwc:before{width:30px; height:100%; border:5px solid #ef4472; border-right:none; border-radius:30px 0 0 30px; display:block; content:""; left:-3px; top:-3px; position:absolute; z-index:1;} .tn_pwc:after{width:30px; height:100%; border:5px solid #4f57f4; border-left:none; border-radius:0 30px 30px 0; display:block; content:""; right:-3px; top:-3px; position:absolute; z-index:1;} .tn_pwc .pwset_inner{width:100%; text-align:center; box-sizing: border-box; padding:40px 30px 30px 30px; border-radius: 30px; background-color: #fafafa; position:relative;} .tn_pwc .pwset_inner:before{width:91px; height:90px; background:url(/s/media/data.do?mediaId=MEDIA_00000000000893)no-repeat; position:absolute; display:block; content:""; left:50%; transform:translateX(-50%); top:-70px;} .tn_pwc .pwset_inner p.pw_txt{font-size:17px; margin-bottom:15px; word-break:keep-all;} .tn_pwc .pwset_inner ul{margin:0 auto; text-align:center;} .tn_pwc .pwset_inner ul li{display:block; width:265px; margin:0 auto; padding: 0; max-width:100%;} .tn_pwc .pwset_inner ul li button{width:100%; padding: 0; margin-bottom:5px;} .tn_pwc .pwset_inner ul li a{width:100%;} .tn_pwc .pwset_inner span{display:block; width:100%; height: 50px; box-sizing:border-box; text-align:center; line-height: 45px; border-radius:5px; font-family:"Noto Sans Kr"; font-weight:600; font-size:18px; background-color:#fff;} .tn_pwc .pwset_inner button.apply_btn span{border:2px solid #4f57f4; color:#4f57f4;} .tn_pwc .pwset_inner button.apply_btn span:hover{background-color:#4f57f4; color:#fff;} .tn_pwc .pwset_inner a.cancel_btn span{border:2px solid #fc3070; color:#fc3070;} .tn_pwc .pwset_inner a.cancel_btn span:hover{background-color:#fc3070; color:#fff;} /*온라인 사업신청 기간관리*/ #board_normal_list table.obdate_adm .num_w {width: 10%;} #board_normal_list table.obdate_adm .tit_w {width: 30%;} #board_normal_list table.obdate_adm .date_w {width: 35%;} #board_normal_list table.obdate_adm .stat_w {width: 15%;} #board_normal_list table.obdate_adm .al_w {width: 10%;} #board_normal_list table.obdate_adm a:hover {color:#4f57f4;} #board_normal_list table.obdate_adm a.apply_list {border: 1px solid #4f57f4; padding: 4px 5px; border-radius: 5px; font-size: 15px; font-weight: 500; color: #4f57f4; letter-spacing: -1.5px;} /*온라인 사업신청*/ #board_normal_list table.obdate_adm {min-width: 750px;} .obapply_list .search_field select{padding: 0 40px 0 20px;} .obapply_list .search_field #search_word {width: calc(100% - 423px);} a.myob_go{display: inline-block; padding: 5px 10px 5px 40px; border: 2px solid #4f57f4; border-radius: 5px; margin-top: 5px; background: url(/s/media/data.do?mediaId=MEDIA_00000000000894) no-repeat; background-size: 25px; background-position: left 10px center;} a.myob_go:hover{background-color:#4f57f4; color:#fff;} #dateout{width:100%; display:block; padding:30px; box-sizing:border-box; border:1px solid #ccc; background-color:#f7f7f7; border-radius:5px; text-align:center; margin-bottom:30px;} #dateout p{font-size:18px; font-weight:600; display:inline-block; padding-left:32px; background:url(/s/media/data.do?mediaId=MEDIA_00000000000895) no-repeat; background-position:left top;} #board_normal_write input.address_detail{width: calc(100% - 135px); display: inline-block; margin-top: 1px;} .youth_p_view .yp_bottom div.yp_b_line.last{padding-bottom:15px; border-bottom:none;} #contents_in .youth_p_view .yp_bottom .yp_b_line h2{background: url(/s/storyCms/ulsanyouth/images/board/yl_tit_icon.png) no-repeat; background-position: left top 7px; padding-left:30px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl{width:100%; font-size:0;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dt, .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd{display:inline-block; vertical-align:top; box-sizing:border-box; padding:15px 0 20px 0; word-break:keep-all;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dt{width:195px; font-size:18px; font-weight:500; padding-left:10px; border-top:2px solid #5e4bff; color: #253362; line-height:1.3em;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd{width:calc(100% - 195px); font-size:17px; padding-left:15px; border-top:1px solid #ddd;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd.break{word-break:break-all;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd.break a:hover{color:#fc3070;} .youth_p_view .yp_bottom .yp_etc{float:right; margin-bottom:35px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone{width: 100%; background-color: #f4f7ff; padding: 15px 10px; box-sizing: border-box; overflow:hidden; border-radius:10px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul{width:100%;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li{display:block; font-size: 16px; margin:7px 10px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li a{margin:0; display:inline-block; vertical-align:middle; position:relative; padding-left:28px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li a:hover{color:#e9426f;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li a img{position:absolute; left:0;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li .btn_preview{margin-left: 3px; background-color:#4f57f4; padding: 2px 6px; border-radius: 3px; font-family: "Noto Sans Kr"; font-weight: 500; letter-spacing: -1px; display:inline-block; vertical-align:middle; color:#fff;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd .file_zone ul li .btn_preview:hover{background-color: #1a1f83;} @media screen and (max-width:1450px) { #board_photo_list .total_field{max-width: 1170px; margin: 25px auto 10px auto;} } @media screen and (max-width:1200px) { /*갤러리게시판-목록*/ #board_photo_list .board_gallery{margin-top:20px;} /*카드형 게시판*/ .board_card .card{width: calc((100% - 25px) / 2); margin-right: 25px;} .board_card .card div.card_img_box{left:15px;} .board_card .card div.info_txt{padding:20px 20px 20px 200px;} /*정책검색*/ .yp_search{padding:20px;} #detail_search .yl_section{width:calc((100% - 25px)/2);} #detail_search div.yl_section:nth-child(2){margin-right:0;} #detail_search div.yl_section:nth-child(3){width:calc((100% - 40px)/3); margin-top:20px; margin-right:20px;} #detail_search div.yl_section:nth-child(4){width:calc((100% - 40px)/3); margin-top:20px; margin-right:20px;} #detail_search div.yl_section:last-child{width:calc((100% - 40px)/3); margin-top:20px;} #detail_search .yl_section .yl_s ul li{margin:3px 10px 3px 0;} /*지도 도식화*/ #sm_info {padding: 20px 0 20px 25px;} } @media screen and (max-width:1100px) { /*갤러리게시판 보기*/ #board_normal_view.g_view .top_field > div{display:block;} #board_normal_view.g_view .top_field > div.gt_img{margin:0 auto 30px auto;} #board_normal_view.g_view .top_field > div.gt_info{width:100%; min-height:auto; padding: 15px 30px 100px 0;} #board_normal_view.g_view .top_field > div.gt_info .i_detail_here {width: calc(100% - 30px);} /* 2024 도식화 추가 */ #simple_map{display:block;} #simple_map > div{display:block; padding: 5px 0;} #sm_map{width:100%; margin-bottom:15px} #sm_info{width:100%; padding: 20px 0 0 0;} #sm_info h2{margin-bottom: 8px;} #sm_info .si_in{padding:10px 15px;} #sm_info .place_list{padding: 20px 15px 20px 15px;} } @media screen and (max-width:1000px) { /*갤러리 게시판 목록*/ #board_photo_list .board_gallery li{width:calc((100% - 50px)/2); margin-right:50px;} #board_photo_list .board_gallery li:nth-child(2n){margin-right:0;} #board_photo_list .board_gallery li:nth-child(3n){margin-right:50px;} #board_photo_list .board_gallery li:nth-child(6n){margin-right:0;} /*정책 검색*/ .yp_list ul li{width:calc((100% - 30px)/2); margin-right:30px;} .yp_list ul li:nth-child(2n){margin-right:0; } .yp_list ul li:nth-child(3n){margin-right:30px;} .yp_list ul li:nth-child(6n){margin-right:0;} /*220628 청년활동가 신청관리*/ .youth_list .search_field select{width:calc((100% - 10px)/3); margin-bottom:5px;} .youth_list .search_field select#search_type{margin-right:0;} .youth_list .search_field #search_word{width: calc(100% - 49px);} } @media screen and (max-width:900px) { /*달력게시판*/ .cal_drag_please{display:inline-block;} } @media screen and (max-width:870px) { /*카드형 게시판*/ .board_card .card{width: 100%; margin-right: 0px;} /*보도형 게시판*/ #board_normal_view .photo_in img{max-width:100%;} /*청년정책 알림 신청*/ #board_normal_list.pn_list table .num_w{display:none;} #board_normal_list.pn_list table .writer_w{width:34%;} #board_normal_list.pn_list table .tel_w{width:33%;} #board_normal_list.pn_list table .date_w{width:33%;} } @media screen and (max-width:770px) { /*게시판 검색 영역*/ .search_field{width: 100%;} /*갤러리 게시판 목록*/ #board_photo_list .board_gallery li{width:calc((100% - 30px)/2); margin-right:30px;} #board_photo_list .board_gallery li:nth-child(3n){margin-right:30px;} #board_photo_list .board_gallery li:nth-child(6n){margin-right:0;} /*청년정책 보기*/ .youth_p_view .yp_tit{padding:20px 15px 70px 15px;} .youth_p_view .yp_tit > p{font-size:25px; padding: 10px 0 10px 52px;} .youth_p_view .yp_tit .yp_etc{right:10px; top:auto; bottom:10px;} .youth_p_view .yp_bottom{padding:0 10px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dt{width:135px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd{width:calc(100% - 135px);} /*220627 청년활동가 상세보기*/ .youth_p_view#youth_detail_view .yp_tit{padding: 20px 15px;} } @media screen and (max-width:750px) { /*공통*/ .bottom_field .list_btn{width:83px;} .bottom_field .write_btn{width:83px;} .bottom_field .cancel_btn{width:83px;} .paging{margin-top:10px;} .paging ul{margin: 0 5px;} .paging .prev button{width:30px; height:30px; background-size: 30px;} .paging .prev_most button{width:30px; height:30px; background-size: 30px;} .paging .next button{width:30px; height:30px; background-size: 30px;} .paging .next_most button{width:30px; height:30px; background-size: 30px;} .list_btn{width:83px;} .write_btn{width:83px;} .cancel_btn{width:83px;} /*이전글 다음글*/ #prnx > div{display:block; width:100%; padding:15px;} #prnx > div.prev_box{border-right:none; border-bottom:1px solid #ddd;} #prnx > div.prev_box span.listtit{padding-right:10px;} #prnx > div.next_box span.listtit{padding-left:10px;} /*일반(보도형)게시판 - 목록*/ ul.bodo_list > li{padding:0 15px;} ul.bodo_list > li:before{width:calc(100% - 85px);} ul.bodo_list > li div{display:block;} ul.bodo_list > li div.bodo_txt span.notice{top:auto;} ul.bodo_list > li div.bodo_img{left:50%; transform:translateX(-50%); width:85%; max-width:315px;} ul.bodo_list > li.no_img:before{width:calc(100% - 85px);} ul.bodo_list > li.no_img div.bodo_txt{padding: 25px 0;} ul.bodo_list > li.no_img div.bodo_txt .tit{padding-top:20px;} ul.bodo_list > li div.bodo_txt .tit{padding-top:35px;} ul.bodo_list > li.no_img div.bodo_txt .tit span.stat{top:15px; right:15px;} ul.bodo_list > li div.bodo_txt .tit span.stat{top:165px; right:0;} ul.bodo_list > li div.bodo_txt{padding:160px 0 15px 0;} /*일반게시판 - 목록*/ #board_normal_list{margin-bottom:40px;} #board_normal_list table thead tr th{font-size:15px; padding: 12px 0;} #board_normal_list table .num_w{display:none;} #board_normal_list table .title_w{width:65%;} #board_normal_list table .date_w{width:20%; font-size: 15px; box-sizing:border-box;} #board_normal_list table .view_w{display:none;} #board_normal_list table .view_w:before{display:none;} #board_normal_list table thead tr th.mobile_first{border-radius: 5px 0px 0 5px; position:relative; overflow:hidden;} #board_normal_list table thead tr th.mobile_first:before{content: ''; position: absolute; bottom: 0; left: 0; width: 25px; height: 100%; background-color: #f2be26;} #board_normal_list table thead tr th.mobile_last{border-radius: 0 5px 5px 0;} #board_normal_list table thead tr th{position:relative;} /*#board_normal_list table thead tr th:before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #a0add4;}*/ #board_normal_view .post_here .file_zone{padding: 10px 15px;} #board_normal_list table thead tr th span{display:block; position:relative; padding:0 10px; width:100%; box-sizing:border-box;} #board_normal_list table thead tr th span:after{display:block; content:""; position:absolute; width:1px; height:15px; background-color:#858585; right:0; top:50%; transform:translateY(-50%);} #board_normal_list table thead tr th:last-child span:after{display:none;} /*일반게시판 - 보기*/ #board_normal_view .top_field #board_normal_write span{font-size:19px;} #board_normal_view .top_field .title_here{padding: 20px 15px 0 15px;} #board_normal_view .top_field .title_here span{font-size:25px; line-height:1.3em; box-sizing:border-box;} #board_normal_view .top_field .i_detail_here{margin:15px auto 12px auto; padding:5px 20px;} #board_normal_view .top_field .i_detail_here dl:before{top:7px;} #board_normal_view .top_field .i_detail_here dl.w_schedule{padding:9px 0;} #board_normal_view .top_field .i_detail_here dt{line-height:23px; font-size:15px;} #board_normal_view .top_field .i_detail_here dd{line-height:23px; letter-spacing:-0.75px; font-size:15px;} #board_normal_view .link_zone ul li span{font-size:15px;} #board_normal_view .link_zone ul li a{font-size:15px;} #board_normal_view .etc_info_here{padding: 10px 20px 15px 20px;} #board_normal_view .etc_info_here .etc_info div{font-size:14px;} #board_normal_view .etc_info_here .etc_info .bold{margin-right:5px;} #board_normal_view .etc_info_here .etc_info > div{margin-right:15px;} #board_normal_view .bottom_field dl dt{width:100px;} #board_normal_view .bottom_field dl dd{width: calc(100% - 100px); padding: 5px 0 5px 15px;} #board_normal_view .bottom_field dl dd a{font-size:15px; background-position:2px 4px;} #board_normal_view .btn_field{margin-top: 20px; margin-bottom:30px;} #board_normal_view .btn_field button{width:73px;} /*카드형 게시판 보기 페이지 변형*/ #board_normal_view .top_field .card_title{padding:20px 3%;} #board_normal_view .top_field .card_title > span{width:calc(100% - 55px);} /*정책검색*/ #detail_search .yl_section{width:100%; margin-right:0; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ccc;} #detail_search div.yl_section:nth-child(3){width:100%; margin-top:0; margin-right:0;} #detail_search div.yl_section:nth-child(4){width:100%; margin-top:0; margin-right:0;} #detail_search div.yl_section:last-child{width:100%; margin-top:0;} #detail_search div.yl_section:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;} #detail_search .yl_section > div{display: inline-block; vertical-align: top;} #detail_search .yl_section > div.yl_tit{width:200px;} #detail_search .yl_section .yl_s{width:calc(100% - 200px);} #detail_search .yl_section .yl_s ul li{width:auto; margin: 5px 5px 5px 0;} #detail_search .yl_section .yl_s ul li:nth-child(2n){margin-right:5px;} /*대관 신청기간 관리*/ #board_normal_list table.rent_datelist .num_w {display: table-cell;} /*온라인 사업신청 기간관리*/ #board_normal_list table.obdate_adm .num_w {display:none;} #board_normal_list table.obdate_adm .tit_w {width: 30%;} #board_normal_list table.obdate_adm .date_w {width: 40%;} #board_normal_list table.obdate_adm .stat_w {width: 15%;} #board_normal_list table.obdate_adm .al_w {width: 15%;} } @media screen and (max-width:700px) { /*온라인 사업신청*/ .obapply_list .search_field select{margin-right:3px; width:calc((100% - 6px)/3); margin-bottom:5px;} .obapply_list .search_field select#search_type{margin-right:0;} .obapply_list .search_field #search_word {width: calc(100% - 49px);} #board_normal_write input.address_detail{width: 100%; margin-top: 5px;} } @media screen and (max-width:690px) { /*카드형 게시판 보기 페이지 변형*/ #board_normal_view .card_post .photo_in{display:block; width:100%; margin-bottom:10px; text-align:center;} #board_normal_view .card_post .photo_in img{width:auto; height:auto; margin:0 auto;} #board_normal_view .card_post .card_info{display:block; width:100%; border-radius:0; padding-bottom:0;} #board_calendar_list .now_not{margin-top:auto; margin-bottom:15px;} /*갤러리 게시판 목록*/ #board_photo_list .board_gallery li{width:100% ; margin-right:0;} #board_photo_list .board_gallery li:nth-child(3n){margin-right:0;} } @media screen and (max-width:650px) { /*정책검색*/ .yp_search .yps_line{padding:20px 0;} .yp_search .yps_line > div{display:block;} .yl_tit{width:100%; padding-top:0; background-position:left 5px top; margin-bottom:7px;} .yl_s{width:100%;} .yl_s ul li{margin: 5px 5px 5px 0;} #detail_search .yl_section .yl_tit{width:100%; padding-top:0; margin-bottom:7px; background-position:left 5px top;} #detail_search .yl_section > div{display: block;} #detail_search .yl_section .yl_s{width:100%;} .yp_list ul li{display:block; width:100%; margin-right:0; margin-bottom:35px;} .yp_list ul li:nth-child(3n){margin-right:0;} /*갤러리 게시판*/ #board_normal_view.g_view .top_field > div.gt_info .title_here{padding-right:0; padding-top:40px;} #board_normal_view.g_view .top_field > div.gt_info .title_here span.real_tit_cat{left:0; top:0; right:auto;} /*청년정책 알림 신청*/ #board_normal_list.pn_list table .writer_w{width:35%;} #board_normal_list.pn_list table .tel_w{width:35%;} #board_normal_list.pn_list table .date_w{width:30%;} } @media screen and (max-width:620px) { } @media screen and (max-width:590px) { /*일반게시판 - 보기*/ .top_field_bg{display:none;} #board_normal_view .top_field:before {top: 0px;} #board_normal_view .top_field:after {top: 0px;} #board_normal_view .top_field .i_detail_here{padding:5px 12px;} #board_normal_view .top_field .i_detail_here dl{margin-left:20px;} #board_normal_view .top_field .i_detail_here dl:before{left:-14px;} /*갤러리 게시판 탭*/ #gb_tab ul li a{font-size:17px;} .tab4 ul li{width:50%;} /*갤러리게시판 보기*/ #board_normal_view.g_view .top_field > div.gt_img{width:100%; height:auto;} #board_normal_view.g_view .top_field > div.gt_img .pop_list{height:auto;} #board_normal_view.g_view .top_field > div.gt_img .pop_list li{height:auto; padding-top:20%;} #board_normal_view.g_view .top_field > div.gt_img .pop_list li img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; min-height:100%;} #board_normal_view.g_view .top_field > div.gt_img .gt_controll{position:absolute; width:100%; box-sizing:border-box; bottom:0; left:0; padding:10px; text-align:right; z-index:1;} #board_normal_view.g_view .top_field > div.gt_img .gt_controll:before{position:absolute; width:100%; left:0; bottom:0; height:100%; display:block; content:""; background-color:#000; opacity:0.7; z-index:-1;} #board_normal_view.g_view .top_field > div.gt_img .gt_controll li{display:inline-block; vertical-align:middle; margin:0 10px;} #board_normal_view.g_view .top_field > div.gt_img .gt_controll li.count{float:left; font-size:15px; font-weight:500; color:#fff;} /*비밀글 비밀번호 입력*/ .pwset_box{margin:50px auto 20px auto; width:100%;} .pwset_box .pwset_inner:before{width:85px; height:75px; top:-50px; background-size:100%;} .pwset_box .pwset_inner p.pw_txt{font-size:16px;} .pwset_box .pwset_inner ul{width:200px;} /*청년정책 알림 신청*/ .tn_pwc{width:100%;} } @media screen and (max-width:540px){ #board_normal_view .top_field .i_detail_here{width:100%;} } @media screen and (max-width:500px) { /*일반게시판 - 보기*/ #board_normal_view .top_field .i_detail_here dt{display:none;} #board_normal_view .btn_field #prev_btn_view{display:none;} #board_normal_view .btn_field #next_btn_view{display:none;} /*갤러리게시판 보기*/ #board_normal_view.g_view .top_field > div.gt_info .i_detail_here dt{display:inline-block;} /*일반게시판 - 쓰기*/ #board_normal_write input[type=file]{width:100%;} #board_normal_write .short_w{width:90%;} /*카드형 게시판*/ .board_card .card{padding-top:165px;} .board_card .card div{display:block;} .board_card .card div.card_img_box{left:50%; transform:translateX(-50%);} .board_card .card div.info_txt{padding:65px 20px 20px 20px; } /*청년정책 검색 목록*/ .yp_btn{font-size:0;} .yp_btn button{padding:15px 10px; box-sizing:border-box; width:calc((100% - 7px)/2);} /*청년정책 보기*/ .youth_p_view .yp_bottom .yp_b_line .yp_t dl dt{width:95px; font-size:17px; padding-left:5px;} .youth_p_view .yp_bottom .yp_b_line .yp_t dl dd{width:calc(100% - 95px); font-size:16px;} /* 2024 도식화 추가 */ #sm_map .smm_in{width:98%;} #sm_map .smm_in img {width: 100%; display: block;} #sm_map .map_top li p {text-shadow: -1px 0px #fff, 0px 1px #fff, 1px 0px #fff, 0px -1px #fff;} #sm_map .map_top li.mt1 {right: 8%; top: 23%;} #sm_map .map_top li.mt2 {right: 25%;top: 37%;} #sm_map .map_top li.mt3 {right: 21%;top: 52%;} #sm_map .map_top li.mt4 {right: 1%;top: 45%;} #sm_map .map_top li.mt5 {left: 30%;top: 35%;} #sm_info .si_in .cont_list li{font-size:16px; padding-left:17px} #sm_info .si_in .cont_list > li:before{top:5px;} #sm_info .place_list{padding:20px 0;} #sm_info .place_list li{padding:0 5px;} #sm_info .place_list li p{font-size:17px} #sm_info .yc_in{padding: 15px 20px; border:5px solid #f4f4f4; width: 100%;} #sm_info .yc_in:before{width: 32px; height: 20px; background-size: 32px;} #sm_info .yc_in:after{width: 32px; height: 25px; background-size: 32px;} #sm_info .yc_in p{font-size: 18px;} } @media screen and (max-width:485px) { /*공통*/ .check_box_span{display:inline-block; float:left; clear:both; margin-top:3px; font-size:13px;} /*검색영역*/ .search_field select{width:100%;} .search_field #search_category{width:100%; margin-right: 0; border-radius:0;} .search_field #search_word{width: calc(100% - 50px); margin-top:3px;} .search_field #btn_search{margin-top:3px;} /*220628 청년활동가 신청관리*/ .youth_list .search_field select{width:100%; margin-right:0;} /*온라인 사업신청 기간관리*/ #board_normal_list table.obdate_adm .num_w {display:none;} #board_normal_list table.obdate_adm .tit_w {width: calc((100% - 140px)/2);} #board_normal_list table.obdate_adm .date_w {width: calc((100% - 140px)/2);} #board_normal_list table.obdate_adm .stat_w {width:70px;} #board_normal_list table.obdate_adm .al_w {width: 70px;} } @media screen and (max-width:450px) { /*일반게시판-보기*/ #board_normal_view .top_field .title_here{padding-bottom:5px;} #board_normal_view .top_field .title_here span{font-size: 21px;} #board_normal_list table .title_w {width: 55%;} #board_normal_list table .date_w {width: 30%;} /*공지사항게시판 - 목록*/ #board_notice_list .tit{font-size: 18px;} #board_notice_list .content{font-size:15px;} #board_notice_list .box_info{padding: 135px 30px 30px 30px;} #board_notice_list .img_in{width: 240px; height: 160px;} }