@charset "utf-8"; /* 게시판 기본 설정 */ .imgview_popup .popup_body .popup_wr .contents, .imgview_popup .popup_body .popup_wr .contents .imgview_info_img { max-width: 1200px !important;} .imgview_popup .popup_body .popup_wr, .imgview_popup .popup_body .popup_wr .contents, .imgview_popup .popup_body .popup_wr .contents .imgview_info_img { max-height: 1200px !important;} #bo_list {padding-bottom:30px; } #container_title{} .fz_wrap a:link, .fz_wrap a:active, .fz_wrap a:visited, .fz_wrap a:hover{text-decoration:none;} .fz_wrap input.search_btn {padding:10px 8px; color:#fff; background:#696969; border:1px solid #696969; } .fz_wrap .f_wrap{*zoom:1;} .fz_wrap .f_wrap:after{content:""; display:block; clear:both;} .fz_wrap .fl{float:left;} .fz_wrap .fr{float:right;} .fz_wrap legend{border:none !important;} .row {margin:0; padding:0; } .i_text{height: 22px;padding:0 3px;line-height:20px;font-size: 12px;color: #333;background:none;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;} .i_text_large{display: inline-block;height: 31px;padding: 4px 6px;font-size: 14px;line-height: 20px;color: #333;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;vertical-align: top;width:218px;background:none;} .fz_title_box{display:none; font-size:14px;font-weight:bold;color:#515151;position:relative;background:#f3f3f3;background:url("./img/fz_title_bg.png") 0 0 repeat-x;height:35px;line-height:35px;border:1px solid #dedede;padding:0px 15px;font-weight:700;margin-bottom:20px;} textarea#wr_content{border:1px solid #ccc;height:200px;} #captcha #captcha_info{display:none;} .fz_wrap .required{background-color:#fff !important;} .fz_wrap input[type="text"], .fz_wrap input[type="password"], .fz_wrap input[type="submit"], .fz_wrap input[type="search"], .fz_wrap input[type="image"] {-webkit-border-radius:0;-webkit-appearance:none;}/* safari 둥근모서리 그림자 제거 */ .bo_fx {margin-bottom:5px;zoom:1} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} #bo_list_total {float:left;padding-top:5px} .btn_bo_user {float:right;margin:0;padding:0;list-style:none} .btn_bo_user li {float:left;margin-left:5px} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} .bo_notice td, .bo_notice td a {color: #126345 !important;background: #f0fbef; font-weight: bold;} .td_num strong {color:#126345} .bo_cate_link {display:inline-block;margin:0 6px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#555 !important;font-weight:700;text-decoration:none;} /* 글제목줄 분류스타일 */ .bo_current {color:#e8180c !important;font-size:11px;} /* 게시판 카테고리 */ #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;} #bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1;font-size:12px;list-style:none} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li {float:left;margin-top:-1px;} #bo_cate a {display:block;position:relative;margin-left:-1px;padding:8px 25px;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer;border:1px solid #ddd;} #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none} #bo_cate #bo_cate_on {z-index:2;border:1px solid #ffa500;background:#ffa500;color:#fff;font-weight:700} #bo_cate a:hover {z-index:2;border:1px solid #ffa500;background:#fff;color:#ffa500;} /* 리스트 상단 */ .fz_header{*zoom:1; width:100%; padding-top:25px; /*padding-bottom:10px;*/} .fz_header:after{content:""; display:block; clear:both;} .fz_rss_area { float:right; margin: 0 0 0 5px;} .fz_rss_area .fz_rss { float: left; display: inline-block; line-height:40%; border:1px solid #d5d5d5; border-left: none; } .fz_rss_area .fz_rss:first-child { border-left: 1px solid #d5d5d5;} .fz_rss_area .fz_rss i {padding:6px; color:#696969; } .fz_total_count { float:left; margin-top: 20px;} .fz_total_count span { font-size: 1em; font-weight:700; color:#333; background:url('../img/sprites_ico.gif') no-repeat 0 -24px; } .fz_total_count strong {color: #ff4234; font-size: 1.2em;} /* 달력 리스트 */ .calendar_top { position: relative; margin: 20px 0 10px; text-align: center;} .calendar_top .inbox > div { display: inline-block;} .calendar_top .date { font-size: 14px; color: #555;} .calendar_top .date select { margin: 0 3px 0 10px; font-size: 16px; font-family:'NanumGothic', sans-serif, 'Malgun Gothic', dotum;} .calendar_top .calbtn { display: inline-block; margin: 0 5px;} .calendar_top .calbtn a { display: inline-block; width: 17px; height: 17px;} .calendar_top .calbtn a i { display: inline-block; margin: 0 0 -3px 0; width: 12px; height: 12px; border: 2px solid #777; border-radius: 1px; border-right: none; border-top: none; transform: rotate(45deg);} .calendar_top .calbtn.next a i { transform: rotate(-135deg);} .calendar_top .calbtn.icon2 a i { border-color: #006aba;} .calendar_top .right_btn { position: absolute; top: 0; right: 0;} .calendar_top .right_btn a { display: inline-block; padding: 3px 10px; border-radius: 3px; border: 1px solid #ddd;} /* 일정확인 스타일 */ .calendar_area { } .calendar_table { width: 99.95%; border-collapse: collapse; border-top: 3px solid #00ace2; border-spacing: 0;} .calendar_table thead th { padding: 15px 0; font-size: 16px; border: 0 solid #fff; border-bottom: 1px solid #bbb; background: #fff;} .calendar_table thead th:first-child { color: #ff5400 !important;} .calendar_table thead th:last-child { color: #3f97dc !important;} .calendar_table tbody td { padding: 5px; width: 14%; max-width: 175px; height: 100px; vertical-align: top; border: 1px solid #bbb; border-top: none; z-index: 99999;} .calendar_table tbody td > font:first-child { display: inline-block; margin: 0 0 5px; width: 100%; text-align: left;} .calendar_table tbody td > a { display: inline-block; overflow: hidden; max-width: calc(100% - 20px); color: #666; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;} .calendar_table tbody td .box { padding: 0 0 0 7px; min-height: 23px; border-top: 1px dotted #ddd;} .calendar_table tbody td .box.div_schedule_group1 { border-top: none;} .calendar_table tbody td .box.div_schedule_group1 a { color: #666; font-weight: normal;} .calendar_table tbody td .div_schedule_list { height: 20px;} /*상세내용 높이값*/ .calendar_table tbody td .div_schedule_list a { display: inline-block; width: 125px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;} .calendar_table tbody td .div_schedule_list a { font-weight: 400; font-size: 12.5px; font-family:'NanumGothic', sans-serif, 'Malgun Gothic', dotum; font-weight: normal; color: #888 !important; line-height: 12px; letter-spacing: 0;} .calendar_table tbody td .div_schedule_list img { display: inline-block; padding: 2px 0 0; vertical-align: top;} .calendar_table tbody td .div_schedule_list b { font-size: 12px; line-height: 12px; vertical-align: top;} .calendar_table tbody td .div_schedule_list:last-child { padding: 0 0 2px;} .calendar_table tbody td.bg_default { background: #fff;} /* 기본 */ .calendar_table tbody td.bg_today { background: #e5f8fa;} /* 오늘 */ .calendar_table tbody td.bg_select { background: #fffbe4;} /* 선택 */ .calendar_table tbody td.bg_noneday { background: #f4f4f4;} /* 공일 */ /* 뷰 팝업레이어 */ .calendar_area #bo_list .popup_layer { position:absolute; display:none; overflow: hidden; width:165px;margin: -11px 0 0 8px; padding: 12px 15px 15px; font-weight: 400; font-size: 12.5px; color: #fff; border: solid 1px #fff; background: #444; border-top-left-radius: 0px !important; border-radius: 15px; box-sizing: border-box; z-index:2;} .calendar_area #bo_list .popup_layer p { width: 138px; overflow: hidden; color: #b5b5b5; text-overflow: ellipsis; white-space: nowrap;} /* 오늘의 일정 */ #today_schedule_area { clear: both;} #today_schedule_area h3 { font-size: 1.2em;} .today_schedule { width: 100%; font-size: 1em; border-top: 2px solid #555;} .today_schedule:after { clear: both;} .today_schedule .form-l-head { display: none; /*display: table; table-layout: fixed; */width: 100%; border-bottom: 1px solid #ddd; background: #f5f5f5;} .today_schedule .form-l-head > div { display: table-cell; height: 30px; font-weight: bold; color: #333;} .today_schedule .form-l-list { display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #ddd;} .today_schedule .form-l-list:hover { background: #fafafa;} .today_schedule .form-l-list > div { display: table-cell; height: 30px; color: #666; text-align: left;} .today_schedule .form-l-list > div.empty_table { text-align: center;} .today_schedule div div.no, .today_schedule div div.date, .today_schedule div div.name, .today_schedule div div.hit { display: none; } .today_schedule div div { text-align: center; vertical-align: middle;} .today_schedule div div.term { width: 170px;} .today_schedule div div.subject > div { display: inline-block; overflow: hidden; padding-left: 10px; width: 100%; text-align: left; line-height: 1.2em;} .today_schedule div div.subject > div a { display: inline-block; overflow: hidden; max-width: calc(100% - 25px); white-space: nowrap; text-overflow: ellipsis; color: #333; vertical-align: middle;} /* 갤러리 리스트 */ #gall_allchk {margin:10px 0;} #gall_allchk input, #gall_allchk label {margin:0;} .fz_gallery {list-style:none; padding:0; margin:0; } /*.fz_gallery table {width:100%; } .fz_gallery table th {height:20px; padding:14px 0; text-align:center; border-top:2px solid #126345; border-bottom:1px solid #d1dee2; background: #f7f7f7; color: #126345; font-weight:bold; font-size:15px; } .fz_gallery table td {font-size:14px; padding:14px 0; border-bottom:1px solid #d5d5d5; }*/ .fz_gallery li { width: 32%; float:left; position:relative; margin-right: 2%; height: 355px;} .fz_gallery li:nth-child(3n+0) { margin-right:0;} .fz_gallery li input { position: absolute; top: 5px; left: 5px; z-index: 2;} .fz_gallery .fz_gallery_li_wrap {display:block;background:#fff;position:relative;} .fz_gallery a:link, .fz_gallery a:active, .fz_gallery a:visited, .fz_gallery a:hover{color:#666; font-size:14px; text-decoration:none;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb {display:block;position:relative; margin-bottom: 13px; height:234px; background-size: cover; background-position: center; background-color: #ddd;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%; border:none;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb i{position:absolute;top:50%;left:0;right:0;text-align:center;font-size:100px;width:100%;margin-top:-50px;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_group_title {display:block;height:18px;overflow: hidden;text-overflow: ellipsis;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_title { display:block; position: relative; font-size: 1em; font-weight: 300; text-overflow:ellipsis; overflow:hidden;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_title .bo_tit { overflow:hidden; font-weight: normal; color: #555; text-align: left; letter-spacing: -0.02em; line-height: 1.3em; } .fz_gallery .fz_gallery_li_wrap .fz_gallery_title .bo_tit > div { padding: 0 0; width: 100%; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_title .bo_tit .new_icon { } .fz_gallery .fz_gallery_li_wrap .fz_gallery_content{margin:0 10px;padding-bottom:5px;display:block; font-size:12px;color:#888;line-height:18px;height:35px;overflow:hidden;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_etc{ display:block; margin: 0 0;padding:2px 0; text-align: right; *zoom:1;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_etc:after{content:""; display:block; clear:both;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_etc span{width:100%; font-size:13px; color:#888} .fz_gallery .fz_gallery_li_wrap .fz_gallery_etc span i{font-size:12px;color:#333} .fz_gallery .fz_gallery_li_wrap .fz_gallery_etc .fz_gallery_etc_info{display: none;float:left;margin-right:8px;} .fz_gallery .fz_gallery_li_wrap .fz_gallery_date i { display: none; } .fz_gallery .fz_gallery_user{ position: absolute; margin-top: -20px; font-size:12px;font-weight:700;} .fz_gallery .fz_gallery_user a{font-weight:700;} .fz_gallery .fz_gallery_user i{ display: none; margin-right:10px;font-size:18px;position:relative;top:2px} .fz_gallery .fz_gallery_user .fz_admin_chk{position:absolute;right:10px;top:50%;margin-top:-6px;} .fz_gallery .fz_gallery_user .sv{line-height:20px;font-size:12px;} .fz_gallery .fz_empty_list{padding:30px 0 15px;height:auto;line-height:100px;text-align:center;margin:0; font-size: 18px; color: #969696; font-weight: 300;} /* #gall_allchk{margin-top:10px;} #gall_allchk input, #gall_allchk label{margin:0;} .fz_gallery_list {list-style:none; padding:0; margin:0; } .fz_gallery_list table {width:100%; } .fz_gallery_list table th {height:20px; padding:14px 0; text-align:center; border-top:2px solid #126345; border-bottom:1px solid #d1dee2; background: #f7f7f7; color: #126345; font-weight:bold; font-size:15px; } .fz_gallery_list table td {font-size:14px; padding:14px 0; border-bottom:1px solid #d5d5d5; } .fz_gallery_list li {width:32.8%; float:left; margin-right:5px} .fz_gallery_list li{margin-top:15px; position:relative;padding-left:0; padding-right:17px;} .fz_gallery_list li:nth-child(1) {margin-top:0; } .fz_gallery_list li:nth-child(2) {margin-top:0; } .fz_gallery_list li:nth-child(3) {margin-top:0; padding-right:0; } .fz_gallery_list li:nth-child(6) {padding-right:0; } .fz_gallery_list .fz_gallery_li_wrap{border:1px solid #ccc;display:block;background:#fff;position:relative;} .fz_gallery_list a:link, .fz_gallery_list a:active, .fz_gallery_list a:visited, .fz_gallery_list a:hover{color:#666; font-size:14px; text-decoration:none;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_thumb{display:block;position:relative; height:280px; background:#fff;} /*.fz_gallery_list .fz_gallery_li_wrap .fz_gallery_thumb:before {content: "";display: block; height:280px; } .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_thumb img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:none;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_thumb i{position:absolute;top:50%;left:0;right:0;text-align:center;font-size:100px;width:100%;margin-top:-50px;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_title{margin:0 20px; padding:20px 0; height:80px; display:block; font-size:16px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; border-top:1px solid #e5e5e5; } .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_content{margin:0 10px;padding-bottom:5px;display:block;font-size:12px;color:#888;line-height:18px;height:35px;overflow:hidden;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_etc{margin:0 20px;padding:8px 0;display:block;*zoom:1;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_etc:after{content:""; display:block; clear:both;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_etc span{width:100%; font-size:13px; color:#888} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_etc span i{font-size:12px;color:#333} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_etc .fz_gallery_etc_info{float:left;margin-right:8px;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_date{ } .fz_gallery_list .fz_gallery_user{padding:0 5px;width:100%;display:block;background:#ccc;height:40px;line-height:40px;padding-left:15px;font-size:14px;font-weight:700;position:relative;} .fz_gallery_list .fz_gallery_user a{font-weight:700;} .fz_gallery_list .fz_gallery_user i{margin-right:10px;font-size:18px;position:relative;top:2px} .fz_gallery_list .fz_gallery_user .fz_admin_chk{position:absolute;right:10px;top:50%;margin-top:-6px;} .fz_gallery_list .fz_gallery_user .sv{line-height:20px;font-size:12px;} .fz_gallery_list .fz_empty_list{padding:30px 0 15px;height:auto;line-height:100px;text-align:center;margin:0;}*/ /* 리스트 중앙 */ .bo_tit {display:block;color:#000;font-weight:bold} #bo_list .cnt_cmt {display: inline-block;background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle} #bo_list .bo_tit .title_icon {margin-right:2px} #bo_list .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.8em;color:#fff;background:#006aba;text-align:center;border-radius:2px;font-weight:bold;vertical-align:middle} #bo_list .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.8em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle} #bo_list .bo_tit .fa-caret-right {color:#bbb} /* 비노출 아이콘 */ #bo_list .bo_tit .hot_icon {display:none;width:16px;line-height:16px;font-size:0.8em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle} #bo_list .bo_tit .fa-heart {color:#ff0000} #bo_list .bo_tit .fa-download {width:16px;line-height:16px;font-size:0.8em;color:#ccc;background:none;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle} #bo_list .bo_tit .fa-link {display:none;width:16px;line-height:16px;font-size:0.8em;color:#ccc;background:none;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle} /* 글목록 - NEW */ #fboardlist { clear: both;} .fz_list { width: 100%; font-size: 1.2em;} .fz_list:after { clear: both;} .fz_list .form-l-head { display: table; table-layout: fixed; width: 100%; border-top: 2px solid #555; border-bottom: 1px solid #ddd; background: #f5f5f5;} .fz_list .form-l-head > div { display: table-cell; height: 50px; font-weight: bold; color: #333;} .fz_list .form-l-list { display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #ddd;} .fz_list .form-l-list:hover { background: #fafafa;} .fz_list .form-l-list > div { display: table-cell; height: 50px; color: #666;} .fz_list div div { text-align: center; vertical-align: middle;} .fz_list div div.no { width: 6%; min-width: 50px;} .fz_list div div.group { width: 6%; min-width: 50px;word-break: keep-all;word-wrap: break-word;} .fz_list div div.selec { width: 3%;} .fz_list div div.subject { /*width: 60%;*/} .fz_list div div.subject > div { display: inline-block; overflow: hidden; padding-left: 10px; width: 100%; text-align: left; line-height: 1.2em;} .fz_list div div.subject > div a { display: inline-block; overflow: hidden; max-width: calc(100% - 55px); white-space: nowrap; text-overflow: ellipsis; color: #333; vertical-align: middle;} .fz_list div div.name { width: 15%;} .fz_list div div.date { width: 10%; min-width: 70px;} .fz_list div div.hit { width: 10%;} .fz_list div div.good { width: 10%;} .fz_list div div.term_start { width: 10%;} .fz_list div div.term_end { width: 10%;} /* 리스트 하단 */ .fz_footer{*zoom:1;padding-top:15px; clear:both; } .fz_footer:after{content:""; display:block; clear:both;} #fz_admin_btn { float: left;} #fz_admin_btn li { float: left; margin-right: 5px; margin-bottom: 5px;} #fz_admin_btn li a { display: inline-block; padding: 5px 8px; width: 90px; text-align: center; border-radius: 5px; background: #ddd;} /* 리스트 검색 #bo_sch { width:92%; float:right; text-align: right;} #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;border:none;} #bo_sch .i_text{height:34px;padding: 0px 5px;font-size: 12px;line-height: 27px;color: #333;border:1px solid #ccc;vertical-align: middle;} #bo_sch .btn_search_submit { width:70px; height:37px; text-align:center; border:1px solid #393939; padding:4px 8px; background:#696969; color:#fff; font-size:14px;} #bo_sch .btn_sch_submit { display: inline-block; width:70px; height:37px; color:#fff; text-align:center; border-radius: 5px; background:#696969;} #bo_sch .search_box { display: inline-block;}*/ #bo_sch { position: relative; width: calc(100% - 72px;); float:right; text-align: right;} #bo_sch .search_box { float: right; position: relative; overflow: hidden; padding: 3px; border: 1px solid #d1d1d1; box-sizing: border-box;} #bo_sch .search_box .i_text{ width: 200px; padding: 0 20px 0 4px; height: 28px; font-size: 1em; color: #333; line-height: 25px; box-sizing: border-box; border:1px solid #fff;vertical-align: middle;} #bo_sch .search_box a.btn_sch_submit { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 27px; border-radius: 3px; box-sizing: border-box; background: #313131;} #bo_sch .search_box span.btn_sch_clear { position: absolute; top: 8px; margin: 0 0 0 -20px; font-family:'NanumGothic', sans-serif, 'Malgun Gothic', dotum; font-size: 20px; line-height: 1em;} #bo_sch .search_box p { font-size: 15px; color: #fff;} /* SELECT BOX - 게시판 상단 */ #bo_sch .select-box { margin: 0 5px 0 0; min-width: 150px; height: 38px; font-size: 1em; color: #666;} #bo_sch .select-box a { height:30px; line-height: 40px;} #bo_sch .select-box li:first-child a { height: 38px; line-height: 40px;} #bo_sch .select-box li a { min-width: 150px; line-height: 30px;} #bo_sch .select-box.select-active ul a.hover { color:#fff; background-color: #aaa;} #bo_sch .select-box.select-active ul a.active { color:#fff; background-color:#666;} /* SELECT BOX - 기본 */ .select-box { display:inline-block; position:relative; border:1px solid #ccc; vertical-align:middle; min-height:30px; box-sizing: border-box; background: url('../../img/board/select_box_ico.png') right center no-repeat;} .select-box select{position:absolute;left:-9999px;display:none;} .select-box a { display:block; padding:0 10px; min-width: 100px; height:30px; font-size: 1em; color:#333; text-align:left; line-height: 30px;} .select-box a:visited, .select-box a:active, .select-box a:link, .select-box a:hover{text-decoration:none;} .select-box a i.fa{vertical-align:middle;float:right;padding-top:7px;} .select-box ul{position:absolute;left:-1px; top: -1px;border:1px solid #ccc;display:none;background:#fff;max-height:240px; list-style:none;padding:0;margin:0;overflow:hidden;overflow-y:auto;z-index:999; scrollbar-face-color: #eaeaea;scrollbar-track-color: #f7f7f7;scrollbar-3dlight-color: #e2e2e2;scrollbar-arrow-color: #8c8c8c;scrollbar-shadow-color: #eaeaea;scrollbar-highlight-color: #eaeaea;scrollbar-darkshadow-color: #e2e2e2;} .select-box ul li a{ background:none;} .select-box.select-active a {color:#4B87C8;} .select-box.select-active a i {color:#4B87C8} .select-box.select-active ul a {color:#333;background:none;} .select-box.select-active ul a.hover {color:#fff; background-color: #8DA5C2;} .select-box.select-active ul a.active { color:#fff; background: url('../img/board/select_box_ico_active.png') right center no-repeat; background-color:#4B7AB2;} /* 게시판 분류 */ #bo_sch .radio_box { padding: 15px 0 0; width: 100%; text-align: right;} #bo_sch .radio_box > div { display: inline-block;} #bo_sch .radio_box label input { display: none;} #bo_sch .radio_box label b { display: inline-block; margin: 0 0 5px; padding: 3px 10px; min-width: 65px; font-weight: normal; font-size: 13px; color: #f4a22a; text-align: center; letter-spacing: -0.05em; cursor: pointer; border-radius: 5px; border: 1px solid #ffb446;} #bo_sch .radio_box label input:checked ~ b { color: #fff; border: 1px solid #ffb446; background: #ffb446;} #bo_sch .radio_box label.all b { color: #888; border: 1px solid #8f8f8f;} #bo_sch .radio_box label.all input:checked ~ b { color: #888; border: 1px solid #8f8f8f; background: #fff;} /* 아이콘 및 답변 */ .cnt_cmt{padding-left:5px; color:#FF4800; font-family:'NanumGothic', sans-serif, 'Malgun Gothic', dotum; font-size:9px;margin:0;} .icon_notice{display:inline-block; width:10px; height:19px; background:url('../img/sprites_ico.gif') no-repeat 0 -985px; text-indent:-9000px; *zoom:1; vertical-align:top;} .icon_pack{display:inline-block;margin-left:5px; width:9px; height:19px; background:url('../img/sprites_ico.gif') no-repeat; text-indent:-9000px;} .icon_pack2{display:inline-block;width:19px; height:19px; font-size:11px; background:url('../img/sprites_ico.gif') no-repeat; text-indent:-9000px; overflow:hidden; vertical-align:top;} .icon_secret2{background-position:0 -1005px;} .icon_file2{background-position:0 -1024px;} .icon_txt2{background-position:0 -1043px;} .icon_secret{background-position:0 -1005px;} .icon_file{background-position:0 -1024px;} .icon_link{background-position:0 -1062px;} .icon_new{background-position:0 -1081px;} /* Button List */ .list_btn { display:inline-block; overflow:hidden; padding: 5px 8px;} .list_btn.btn_list {display:inline-block; width:70px; text-align:center; color:#fff;} .list_btn.btn_copy {display:inline-block; width:70px; text-align:center; background:#b9b9b9; color:#fff;} .list_btn.btn_move {display:inline-block; width:70px; text-align:center; background:#b9b9b9; color:#fff;} .list_btn.btn_edit {display:inline-block; width:70px; text-align:center; background:#b9b9b9; color:#fff;} .list_btn.btn_del {display:inline-block; width:70px; text-align:center; background:#b9b9b9; color:#fff;} .list_btn.btn_reply {width:41px; background-position:-787px 0;} .list_btn.btn_write {display:inline-block; width:70px; text-align:center; background:#696969; color:#fff;} .list_btn.btn_adm {display:inline-block; width:70px; text-align:center; background:#565656; color:#fff;} .list_btn.btn_rss {margin-right:1px; width:54px; background-position:-1336px 0;vertical-align:middle;} .list_btn.btn_prev { width:50px; background-position:-392px 0;margin-right:1px;} .list_btn.btn_next { width:50px; background-position:-447px 0;} .list_btn.btn_track { width:64px; background-position:-972px 0;} .list_btn.btn_scrap { width:64px; background-position:-903px 0;vertical-align:middle;} .write_foot .btn_submit {background-color:#ffef1e;color:#282828;cursor:pointer; padding:9px 13px; float: right; margin-left: 6px;} .write_foot .btn_submit.disabled {background-color:gray;color:white;cursor:default;} .list_btn.btn_adm_multifile { background: #dbdbdb;} /* 게시판 쓰기 */ #char_count_desc {display:block;margin:0 0 5px;padding:0} #char_count_wrap {margin:5px 0 0;text-align:right} #char_count {font-weight:700} #autosave_wrapper {position:relative} #autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} #autosave_pop div {text-align:right} #autosave_pop button {margin:0;padding:0;border:0;background:transparent} #autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9; zoom:1;} #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""} #autosave_pop a {display:block;float:left} #autosave_pop span {display:block;float:right} .autosave_close {cursor:pointer} .autosave_content {display:none} /* 게시판 뷰 페이지 상단 #bo_v {margin-bottom:20px;padding-bottom:20px} #bo_v h1#bo_v_title {margin:0 !important; border-top:2px solid #126345; border-bottom:1px solid #bbb; background:#fff; color:#333; padding:14px; font-size:17px; font-weight:500; } #bo_v_info{padding:0px;border-bottom:1px solid #ddd;*zoom:1;background:#fff;} #bo_v_info:after{content:""; display:block; clear:both;} #bo_v_info span{line-height:40px;height:40px;} #bo_v_info span.sv{line-height:normal;height:auto;top:16px;} #bo_v_info .fl{padding-left:0px;} #bo_v_info .fr{padding-right:0px;} #bo_v_info .fr i{font-size:13px;} #bo_v_info .bo_v_user{font-size:12px;} #bo_v_info .bo_v_user i{position:relative; line-height:40px;margin-right:5px;} #bo_v_info .sv_wrap{margin-top:0;vertical-align:top;} #bo_v_info .sv_wrap a{line-height:normal;height:auto;} #bo_v_info .bo_v_user em{font-size:10px;font-family:'NanumGothic', sans-serif, 'Malgun Gothic', dotum;color:#aaa;padding-left:5px;font-style:normal} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:700} #bo_v_info .bo_v_date, #bo_v_info .bo_v_hit, #bo_v_info .bo_v_comment{font-size:11px;color:#333} #bo_v_info .bo_v_date strong, #bo_v_info .bo_v_hit strong, #bo_v_info .bo_v_comment strong{font-family:'NanumGothic', sans-serif, 'Malgun Gothic', dotum;font-size:10px;color:#777;font-weight:normal;} #bo_v_info .bar{color:#aaa;margin:0 5px;font-size:11px;} */ /* 게시판 뷰 페이지 상단 */ #bo_v { margin: 25px 0 20px; font-size: 1em;} #bo_v h1#bo_v_title { padding: 15px 0 0; font-size: 1.4em; font-weight: 500; color: #4059a1; border-top: 2px solid #333;word-break: break-all;} #bo_v_info { padding:0px; border-bottom: 1px solid #ddd; *zoom:1;} #bo_v_info:after{content:""; display:block; clear:both;} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info span.sv { top:16px; height:auto; line-height:normal;} #bo_v_info > div > span { line-height:40px;height:40px;} #bo_v_info > div > span strong { font-size: 1em; font-weight:normal; color:#777;} #bo_v_info .fl { padding-left:0px;} #bo_v_info .fl .bo_v_user i { display: none; position:relative; line-height:40px;margin-right:5px;} /* 글쓴이 아이콘 */ #bo_v_info .fl .bo_v_user em { padding-left:5px; font-family:'NanumGothic', sans-serif, 'Malgun Gothic', dotum; font-size: 1em; font-style: normal; color: #aaa; } #bo_v_info .fr{ padding-right:0px;} #bo_v_info .fr .bar { margin:0 5px; font-size: 1.1em; color:#aaa;} #bo_v_info .fr .bo_v_hit strong { color: #ff3f1f;} #bo_v_info .sv_wrap{margin-top:0;vertical-align:top;} #bo_v_info .sv_wrap a{line-height:normal;height:auto;} #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest { font-size: 1.1em; font-weight: 500; color: #666;} #bo_v_info .bo_v_date, #bo_v_info .bo_v_hit, #bo_v_info .bo_v_comment { font-size: 1.1em; color:#333;} #bo_v_info .bo_v_date i { display: none;} /* 날짜 아이콘 */ /* FILE, LINK 출력 부분 */ .ad_list_area {margin:0; padding:0; border-bottom:1px solid #e4e4e4;font-size:12px;} .ad_list_area li {clear:both; margin:0; padding:10px 0px; *height:auto; list-style:none; border-top:1px solid #f3f3f3;} .ad_list_area li:hover {background:#f9f9f9;} .ad_list_area li:after {content:""; display:block; clear:both;} .ad_list_area li b { display: none;} .ad_list_area li.first {border-top:none;} .ad_list_area li a {float:left; padding:0 0 0 0; line-height:14px;} .ad_list_area li a.txt_name {color:#666; background-position:0 -94px;} .ad_list_area li a.txt_name:hover {background-position:0 -117px; text-decoration:underline;} .ad_list_area li a.txt_link {color:#0066cc;} .ad_list_area li a.txt_link:hover {background-position:0 -207px; text-decoration:underline;} .ad_list_area li span {float:left; line-height:14px; font-size:9px; font-family:'NanumGothic', sans-serif, 'Malgun Gothic', dotum;} .ad_list_area li .txt_size {padding-left:9px; color:#999;} .ad_list_area li .txt_hit {padding-left:7px; color:#ff4200;} .ad_list_area li .txt_date {padding-left:10px; color:#aaa;} .ad_list_area li .btn_handle {float:right; padding:0; width:14px; background-position:3px -388px; text-indent:-9000px; overflow:hidden;} .ad_list_area li .btn_handle.on {background-position:3px -403px;} .ad_list_area li p.txt_file_content {clear:both; margin:0; padding:8px 0 0 22px; font-size:11px; color:#999; word-wrap:break-word;} /* 게시판 뷰 버튼 리스트 */ #bo_v_top {margin:0 0 10px;zoom:1} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_top ul {margin:0;padding:0;list-style:none} #bo_v_top li a { display: inline-block;} #bo_v_bot {zoom:1} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_bot ul {margin:0;padding:0;list-style:none} .bo_v_nb {float:left} .bo_v_nb li {float:left;margin-right:1px} .bo_v_com {float:right} .bo_v_com li {float:left;margin-left:1px} .bo_v_com li a i { display: none;} /* 게시판 뷰 본문 */ #bo_v_atc {padding:20px 0px;min-height:200px; /*border-bottom:1px solid #bbb;*/ margin-bottom:15px; position:relative;} #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img img {max-width:100%;height:auto;} .editor_img_wrap{margin-bottom:10px;text-align:center !important;display:block;} #bo_v_con {margin-bottom:50px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;font-size:14px;} #bo_v_con a {color:#000;text-decoration:underline} #bo_v_con img {max-width:100%;height:auto} #bo_v_con p{margin:0;} #bo_v_act {margin-bottom:30px;text-align:center} #bo_v_act .bo_v_act_gng {position:relative} #bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158} #bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f} #bo_v_act i {font-size:1.4em;margin-right:5px} #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center} #bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px} #bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px} /* 게시판 뷰 SNS 리스트 */ #bo_v_sns {margin:0;padding:0;list-style:none;zoom:1;display:inline-block;vertical-align:middle;margin-right:5px;} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_sns li {display:inline-block;margin:0 2px 0 0} .fz_middle_btn{display:none;*zoom:1;margin-bottom:10px;} .fz_middle_btn:after{content:""; display:block; clear:both;} /* 네임카드 */ .namecard {margin:0 10px 40px; border:1px solid #ddd; background:#fbfbfb;} .namecard .ncard_head {padding:18px 19px 17px 19px; padding-top:16px\9; line-height: normal; *zoom:1;} .namecard .ncard_head:after {content:""; display:block; clear:both;} .namecard .ncard_head .ico_level {float:left; margin-right:5px;} .namecard .ncard_head span {float:left; line-height:15px; line-height:14px\9; color:#777; font-size:11px;} .namecard .ncard_head span em {color:#ff4200; font-style:normal; font-weight:bold; font-size:11px;} .namecard .ncard_head span.txt_name {padding-top:1px; padding-top:2px\9; color:#000; font-size:12px;} .namecard .ncard_head span.txt_name a {float:left; cursor:pointer;} .namecard .ncard_head span.txt_name span {margin-right:5px; color:#000; font-weight:bold; font-size:12px;} .namecard .ncard_head span.ico_dot {width:23px; background:url('../img/sprites_ico.gif') no-repeat 10px -755px; text-indent:-9000px;} .namecard .ncard_head span.txt_point {padding-top:1px; padding-top:2px\9;} .namecard .ncard_head a {font-size:11px; color:#666;} .namecard .ncard_head a.btn_link {float:right; padding-left:18px; background:url('../img/sprites_ico.gif') no-repeat 3px -783px; cursor:pointer;} .namecard .ncard_head a.btn_link:hover {background-position:3px -803px; text-decoration:none;} .namecard .ncard_head a span {line-height:normal; font-weight:bold;} .namecard .ncard_body {padding:0 0 20px 19px; *zoom:1;} .namecard .ncard_body:after {content:""; display:block; clear:both;} .namecard .ncard_body .thumb {float:left; margin-right:15px; width:60px; height:60px; background:url('./img/sprites.gif') no-repeat 0 -168px;} .namecard .ncard_body .txt_introduce {float:left; font-size:12px; color:#999;line-height:16px;} /* 게시판 댓글 */ .cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:0px 0 0px;padding:0 0 15px} .cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd} .cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(/theme/basic/img/btn_cmt.png) no-repeat right 2px;margin-top:5px} .cmt_btn_op span.cmt_more {background-position:right -8px} .cmt_btn b {font-size:1.2em;color:#000} .cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;content:"";width:100%;height:2px} #bo_vc {} #bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0} #bo_vc article:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc article .profile_img img {border-radius:50%} #bo_vc article .pf_img {float:left;margin-right:10px} #bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px} #bo_vc article .cm_wrap {float:left;max-width:870px;width:90%} #bo_vc header {position:relative;width:100%} #bo_vc header:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc header .profile_img {display:none} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} .bo_vc_hdinfo {color:#777} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc .cmt_contents {line-height:1.8em;padding:0 0 20px} #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479} #bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center} #bo_vc #bo_vc_winfo {float:left} #bo_vc .bo_vl_opt {position:absolute;top:0;right:0} .bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999} .bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent} .bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} .bo_vc_act li {border-bottom:1px solid #f0f0f0} .bo_vc_act li:last-child {border-bottom:0} .bo_vc_act li a {display:inline-block;padding:10px 15px} .bo_vc_act li a:hover {color:#3a8afd} .bo_vc_w {position:relative;margin:10px 0;display:block} .bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .bo_vc_w #char_cnt {display:block;margin:0 0 5px} .bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1)} #wr_secret {} .bo_vc_w_info {margin:10px 0;float:left} .bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_w_info .frm_input {float:left;margin-right:5px} .bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both} .bo_vc_w .btn_confirm {clear:both;margin-top:10px} .bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center} .bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em} .bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important} .bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""} .secret_cm {display:inline-block;float:left} #bo_vc_send_sns {display:inline-block;float:left} #bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 5px 0 0} #bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px} #bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px} #bo_vc_sns .sns_li_off {background:#bbb} #bo_vc_sns a {display:inline-block;padding:0 15px 0 5px} #bo_vc_sns input {margin:0 5px 0 0} /* 스코어 */ .article_score {padding:50px 0px;text-align:center; *zoom:1;} .article_score:after {content:""; display:block; clear:both;} .article_score a {display:inline-block; width:33px; height:23px; background:url('/img/sprites_btn.gif') no-repeat; *zoom:1; vertical-align:top;} .article_score a.btn_good {background-position:-270px 0;} .article_score a.btn_nogood {background-position:-308px 0;} .article_score .graph {display:inline-block;*zoom:1; margin:0 3px; padding:5px 0; width:215px; height:23px; background:url('/img/sprites_btn.gif') no-repeat 0 -27px;} .article_score .score_bar_wrap{display:block;float:left;width:144px;} .article_score .graph .line_border {display:block;width:3px; height:10px; font-size:0; background:url('../img/sprites_ico.gif') no-repeat 0 -1162px;position:absolute;right:-3px;} .article_score .graph .score_bar {display:block;float:none;height:10px; font-size:0; background:url('./img/bg_recom1.gif') repeat-x 0 3px;position:relative;} .article_score em {float:left; width:34px; line-height:13px; font-family:'NanumGothic', sans-serif, 'Malgun Gothic', dotum; font-size:9px; font-style:normal; text-align:center; font-weight:bold;} .article_score em.txt_good {color:#00529f;} .article_score em.txt_nogood {float:right; color:#9f0010;} .limit_score a {float:right;} .limit_score em {float:right; padding:0 10px 0 0; width:auto; line-height:23px;} /* 글쓰기 상단 부분 */ .bo_write_option {padding:0 10px; border:1px solid #e3e3e3; border-bottom:none; background:#fafafa; *zoom:1;height:35px;line-height:35px;} .bo_write_mbinfo{padding:5px 10px 10px; border:1px solid #e3e3e3; border-bottom:none; *zoom:1;position:relative;} .bo_write_mbinfo:after{content:""; display:block; clear:both;} .bo_write_mbinfo ul{list-style:none;padding:0;margin:0;*zoom:1;margin-right:290px;} .bo_write_mbinfo ul:after{content:""; display:block; clear:both;} .bo_write_mbinfo ul li{width:50%;float:left;} .bo_write_mbinfo .placeholder{margin-top:5px;display:block;width:98%;} .bo_write_mbinfo .i_text{height:26px;line-height:26px;display:block;width:95%;} .bo_editor_wrap{} .bo_editor_wrap .placeholder{display:block;} .bo_w_form #captcha{position:absolute;right:10px; top:10px;} .bo_w_title{position:relative;margin-bottom:10px;*zoom:1;} .bo_w_title:after{content:""; display:block; clear:both;} .bo_w_title .placeholder{display:block;} .bo_w_title #wr_subject{display:block;width:95%;} /* 글쓰기 파일, 링크 영역 */ .ad_sector {border:1px solid #e3e3e3;margin-top:10px;} /* 파일, 링크 버튼 */ .ad_sector .ad_btn_area {padding:0; background:#fafafa; *zoom:1;} .ad_sector .ad_btn_area:after {clear:both; display:block; content:"";} .ad_sector .ad_btn_area a {position:relative; float:left; padding:10px 11px 9px 10px; border-right:1px solid #e3e3e3; font-size:11px; letter-spacing:-1px; z-index:10;} .ad_sector .ad_btn_area a span {float:left; padding:0 5px 0 16px; color:#666; background:url('../img/sprites_ico.gif') no-repeat;font-size:11px;} .ad_sector .ad_btn_area a.btn_file span {background-position:0 -140px;} .ad_sector .ad_btn_area a.btn_link span {background-position:0 -230px;} .ad_sector .ad_btn_area a.btn_file span.on {background-position:0 -162px;} .ad_sector .ad_btn_area a.btn_link span.on {background-position:0 -252px;} .ad_sector .ad_btn_area a.on {margin-bottom:-1px; border-bottom:1px solid #ebebeb; background:#f2f2f2;} .ad_sector .ad_btn_area a em {float:left; font-weight:700; font-style:normal; color:#ff4200;} .ad_sector .ad_btn_area .btn_wrap {float:right; padding:8px 10px 0 0;} .ad_sector .ad_btn_area .btn_wrap a {padding:0; width:14px; height:15px; border:none; background:url('../img/sprites_ico.gif') no-repeat; overflow:hidden; text-indent:-9000px;} .ad_sector .ad_btn_area .btn_wrap a.btn_close {background-position:3px -402px; display:none;} /* 파일, 링크 폼 */ .ad_sector .ad_form_area {clear:both; display:none; margin:0; padding:20px; border:none; border-top:1px solid #e3e3e3; background:#f2f2f2;} .ad_sector .ad_form_area legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} .ad_sector .ad_form_area input {} .ad_sector .ad_form_area ul {margin:0; padding:0; list-style:none; *zoom:1;} .ad_sector .ad_form_area ul:after {clear:both; display:block; content:"";} .ad_sector .ad_form_area li {position:relative; padding-top:10px;*zoom:1;} .ad_sector .ad_form_area li:after {clear:both; display:block; content:"";} .ad_sector .ad_form_area li.first {margin:0; padding:0; background:none;} .ad_sector .ad_form_area li label {position:absolute; bottom:5px; left:5px; font-size:11px; color:#999;} .ad_sector .ad_form_area .inputbox {float:none;} .ad_sector .ad_form_area .filebox {float:left; margin-right:1px; padding:5px 3px 2px 5px !important; height:15px; line-height:15px; font-size:12px; border:1px solid #d2d2d2; background:#fff;width:80%;} .ad_sector .ad_form_area .file_search {position:relative; display:inline; float:left; width:58px; height:24px; background:url('/img/sprites_btn.gif') no-repeat -1600px 0; overflow:hidden;} .ad_sector .ad_form_area .file_search .btn_file {position:absolute; top:0; right:1px; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);} .ad_sector .ad_form_area .bf_content_input{margin-top:5px;} .ad_sector .ad_form_area .bf_content_input .i_text{background:#fff;} .file_btm {padding-top:10px;} .file_btm .btn_file_add {float:left; width:19px; height:19px; background:url('/img/sprites_btn.gif') no-repeat -1119px 0; text-indent:-9000px; overflow:hidden;} .file_btm .btn_file_del {float:left; width:19px; height:19px; margin-left:1px; background:url('/img/sprites_btn.gif') no-repeat -1143px 0; text-indent:-9000px; overflow:hidden;} .file_btm .txt_file_add {float:left; margin:0; height:19px; line-height:21px; line-height:23px; font-size:11px; color:#999; letter-spacing:-1px;} .file_btm .txt_file_add strong {color:#ff4200;} /* 파일, 링크 리스트 */ .ad_sector .ad_list_area {border-bottom:none;} .ad_sector .ad_list_area .first {border-top:1px solid #e3e3e3;} .ad_sector .ad_list_area li {border-top:1px solid #efefef;} .ad_sector .ad_list_area li span.txt_name, .ad_sector .ad_list_area li span.txt_link, .ad_sector .ad_list_area li span.txt_name {color:#666; background-position:0 -94px;} .ad_sector .ad_list_area li span.txt_link {color:#0066cc; background-position:0 -184px;} .ad_sector .ad_list_area li a.btn_del {float:right; padding:0; width:14px; background-position:3px -651px; text-indent:-9000px; overflow:hidden;} .ad_sector .ad_list_area li a.btn_del:hover {background-position:3px -668px;} #ad-form_link .i_text_large{background:#fff;} .cke_sc{display:none;} /* 에디터 단축키 감추기 */ /* 글쓰기 하단 버튼 부분 */ .write_foot {clear:both; padding:25px 0; text-align:center;} .write_foot a.btn_list {display:inline-block; width:51px; height:33px; background:url('/img/sprites_btn.gif') no-repeat -1663px 0; overflow:hidden; vertical-align:top; background: #ececec; line-height: 30px;} /* SELECT BOX .select-box {display:inline-block;position:relative;border:1px solid #ccc;vertical-align:middle; height:34px !important; } .select-box select{position:absolute;left:-9999px;display:none;} .select-box a {display:block;height:30px !important; line-height:30px !important;padding:0 10px;background:#FFF url(../img/select_box_ico.png) right center no-repeat;text-align:left !important;color:#333;font-size:12px;} .select-box a:visited, .select-box a:active, .select-box a:link, .select-box a:hover{text-decoration:none;} .select-box a i.fa{vertical-align:middle;float:right;padding-top:7px;} .select-box ul{position:absolute;left:-1px; top:25px;border:1px solid #ccc;display:none;background:#fff;max-height:240px; list-style:none;padding:0;margin:0;overflow:hidden;overflow-y:auto;z-index:999; scrollbar-face-color: #eaeaea;scrollbar-track-color: #f7f7f7;scrollbar-3dlight-color: #e2e2e2;scrollbar-arrow-color: #8c8c8c;scrollbar-shadow-color: #eaeaea;scrollbar-highlight-color: #eaeaea;scrollbar-darkshadow-color: #e2e2e2;} .select-box ul a{display:block;line-height:25px;height:25px;background:none;} .select-box.select-active a{color:#4B87C8; background:#FFF url(./img/select_box_ico_active.png) right center no-repeat;} .select-box.select-active a i{color:#4B87C8} .select-box.select-active ul a{color:#333;background:none;} .select-box.select-active ul a.hover{background:#8DA5C2;color:#fff} .select-box.select-active ul a.active{background:#4B7AB2;color:#fff}*/ /* CHECK BOX */ .check-box{position:relative;} .check-box input{position:absolute;left:-9999px;} .check-box label{font-size:12px;background:url(./img/checkbox.png) 0 center no-repeat;display:inline-block;padding:0 0 0 20px;line-height:16px;height:16px;cursor:pointer;margin:0 10px 0 0;font-weight:normal;} .check-box label.checkbox-active{background:url(./img/checkbox_active.png) 0 center no-repeat;} /* PAGING */ .fz_wrap .pg_wrap {clear:both;padding:0px 0 20px;text-align:center; margin:0;font-size:12px;} .fz_wrap .pg_page, .fz_wrap .pg_current {display:inline-block;margin:0 27px;height:32px;color:#afafaf;width: 41px;letter-spacing:0;line-height:30px;vertical-align:middle; /*border:1px solid #ddd;*/background:#fff; font-weight: 600; font-size: 20px; transition-duration: 0.5s;} .fz_wrap .pg a:hover{/*background:#e8e8e8;*/ text-decoration: none !important; color: #282828; transition-duration: 0.5s;} .fz_wrap .pg a:focus, .fz_wrap .pg a:hover {text-decoration:none} .fz_wrap .pg_page {text-decoration:none} .fz_wrap .pg_current {display:inline-block;margin:0px 27px;/*background:#888;*/color:#282828;font-weight:600; /*border:1px solid #333;*/} .fz_wrap .pg .fa{font-size:14px;} .fz_wrap .pg_start, .fz_wrap .pg_prev {text-indent:0px;} .fz_wrap .pg_end, .fz_wrap .pg_next {text-indent:0px;} /* 글쓰기 폼 */ .fz-form-title{font-size:13px;margin-bottom:5px;font-weight:700;} .fz-form-content{margin-bottom:20px;} .form-w-list {display: table;width:100%;} .form-w-list.b-t-one {border-top:1px solid #ccc; } .form-w-titl{display: table-cell; vertical-align:middle;width:20%; text-align:center; height:50px;font-size:14px;margin-bottom:5px;font-weight:500;background-color:#f2f2f2; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:0 10px; border-left:1px solid #ccc;word-break: keep-all;} .form-w-cont{display: table-cell; font-size: 12px; vertical-align:middle;width:80%; height:50px;margin-bottom:20px;background-color:#ffffff; border-bottom:1px solid #ccc; padding:10px; border-right:1px solid #ccc} #bo_w textarea{border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none;padding:8px;line-height:20px;height:100px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #bo_w .frm_file_div{margin-bottom:10px;border:1px solid darkgray;} #bo_w .frm_file_div .view_image { display: inline;} #bo_w .frm_file{display:block; width:100% !important; } #bo_w .i_text{width:100%;height:28px;line-height:28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /*파일 첨부 시작*/ .frm_file_box .btn_frm_file {display:none;} .frm_file_box .frm_upload_name {display:none;} /* .frm_file_box{position:relative;font-size:0;} .frm_file_box .frm_file_hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;} .frm_file_box .btn_frm_file {display: inline-block;line-height: 0;margin-left: 5px;margin-top: -3px;color: #999;vertical-align: middle;background-color: #fff;cursor: pointer;font-size: 14px;font-weight: 400;color: #0fb5bf;text-align:center;box-sizing:border-box;background:#fff;} .frm_file_box .frm_upload_name {display: inline-block;padding: 0 20px 0 50px;width: calc(100% - 80px);height:40px;line-height:40px;vertical-align: middle;background-color: #ffffff;border: 1px solid #ddd;appearance: none;font-size: 14px;font-weight: 500;color: #a8a8a8;box-sizing:border-box;} */ /*파일 첨부 끝*/ #captcha #captcha_img {height:62px;} #captcha #captcha_key {height:62px;} #captcha.m_captcha #captcha_key{height:31px !important;} .fz_wrap nav{display:block !important;} /* 서명 */ .sign_area .sign_img_area {border:1px solid #dddddd;} .sign_area .signcontract_area .signcanvas {width:302px;height:152px;border:1px solid #6c6c6c;} .sign_area .signcontract_area .bottom_area {width:302px;overflow: hidden;margin-top:5px;} .sign_area .signcontract_area .bottom_area .left_area {float: left;} .sign_area .signcontract_area .bottom_area .right_area {float: right;} .sign_area .signcontract_area .bottom_area .btn_sign {background:#dddddd;padding:7px 12px;float: left;border-radius: 5px;margin-right: 10px;} .sign_area .signcontract_area .bottom_area .btn_sign:last-child {margin-right: 0px;} .sign_area .signcontract_area .bottom_area .btn_sign_clear {background:#565656;color:#ffffff;} .sign_area .signcontract_area .bottom_area .btn_sign_save {background: #000000;color: #ffffff;} /* 멀티업로드 setup.php */ #bo_set table { width:100%; border-spacing:0; border-collapse:collapse; } #bo_set th { text-align:right; background:#fff; border:0px solid #cccccc; padding:12px 10px 0px 0px; vertical-align:top; } #bo_set td { text-align:left; background:#fff; border:0px solid #cccccc; padding:5px 10px; } #bo_set input { border:1px solid #ccc; padding:5px 8px; border-radius:3px; width:70px; } #bo_set select { border:1px solid #ccc; padding:4px 28px 4px 8px; border-radius:3px; } #bo_set .width100per { width:100%; } #bo_set .help { display:block; padding:5px 0px; } #bo_set .eg { background:#eee; color:#dd6666; padding:0px 5px; border-radius:3px; } #bo_set button { padding:8px 20px; border-radius:3px; border:0px; } #bo_set button:hover { background:#dd6666; transition:0.5s;} #bo_set .btn_submit { color:#fff; background:#008BD3; } #bo_set .btn_list { color:#fff; background:#555; } /* 멀티업로드 */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: .4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(/theme/basic/img/plupload/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(/theme/basic/img/plupload/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; width: 100%;} .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(/theme/basic/img/plupload/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(/theme/basic/img/plupload/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(/theme/basic/img/plupload/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(/theme/basic/img/plupload/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(/theme/basic/img/plupload/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/theme/basic/img/plupload/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(/theme/basic/img/plupload/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(/theme/basic/img/plupload/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(/theme/basic/img/plupload/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/theme/basic/img/plupload/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(/theme/basic/img/plupload/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(/theme/basic/img/plupload/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/theme/basic/img/plupload/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; } .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(/theme/basic/img/plupload/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(/theme/basic/img/plupload/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* 이미지 뷰 */ #image_view { list-style-type: none; overflow:hidden; display:none; width:100%; border: 1px solid #ccc; margin-bottom:20px; padding:20px 0px 10px 24px; min-height:145px; } #image_view li { position:relative; display:inline-block; margin:0px 10px 8px 0px; overflow:hidden; padding:0px; border-radius:5px; -webkit-box-shadow: 1px 1px 3px rgb(0, 0, 0); -moz-box-shadow: 1px 1px 3px rgb(0, 0, 0); box-shadow: 1px 1px 3px rgb(0, 0, 0); } #m__image_view { list-style-type: none; overflow:hidden; width:100%; border: 0px solid #ccc; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; min-height:40px; } #m__image_view li { position:relative; display:inline-block; margin:0px 5px 8px 0px; width:150px; overflow:hidden; padding:0px; height:100px; border-radius:5px; } #image_view li:hover { outline:3px solid #FF4A4A; border-radius:0px; } #image_view img { width: 160px; cursor:pointer; } #image_view .pic_d { position:absolute; display:none; width:20px; height:20px; line-height:20px; background:#ccc; text-align:center; top:6px; right:6px; font-size:11px; font-weight:bold; cursor:pointer; border-radius:5px; color:#fff; opacity:0.4; } #image_view .pic_top { position:absolute; display:none; width:20px; height:20px; line-height:20px; background:#ccc; text-align:center; top:6px; right:30px; font-size:11px; font-weight:bold; cursor:pointer; border-radius:5px; color:#fff; opacity:0.4; } #image_view .top_img { position:absolute; width:30px; height:20px; line-height:20px; background:#FF5F2F; text-align:center; top:6px; left:6px; font-size:11px; font-weight:bold; border-radius:5px; color:#fff; } #image_view .pic_dN { position:absolute; width:25px; height:20px; line-height:20px; top:10px; left:120px; font-size:11px; } #image_view li:hover .pic_d, #bo_w li:hover .pic_top { background:#dd6666; display:block; opacity:1;} #image_view .pic_list { display:inline-block; background:#555555; min-width:100px; text-align:center; padding:8px; border:0px; color:#fff; border-radius:5px; } #image_view .pic_list:hover { transition:all 0.5s; background-color: #dd6666; } #bo_v_file .dlink { cursor:pointer; color:red; } /* 멀티업로드_write */ #bo_w .wr_video_area .video_cont_titl {margin: 0px 5px 0px 15px;font-weight: bold;} #bo_w .wr_video_area .video_cont_titl.id {margin-left: 0px;} #bo_w .wr_video_area .i_text.video_cont_input {width: 100px; margin-right: 2%;} #bo_w .wr_video_area .i_text.video_cont_input.id {width: 200px; margin-right: 2%;} #bo_w .wr_video_area .explain {margin:5px 0px 0px 0px;} #bo_w .wr_video_area .explain .title {display: inline-block;width: 40px;} #bo_w .wr_video_area .explain .content {display: inline-block;width: 40px;} #bo_w .form-w-cont .wr_video_area { border-bottom: 1px solid #ececec; padding: 0.5% 15px;} #bo_w .form-w-list .explain { margin-top: 10px; background: #fafafa; padding: 10px;} #bo_w .pic_d_all { background: #e83c3c; color: #fff; padding: 8px; border-radius: 5px; display:inline-block; margin-bottom: 5px; margin-left: 784px;} #bo_w .save_file_area { border: 2px solid #d2d2d2; background: #f8f8f8; padding: 10px; border-radius: 5px; margin-bottom: 15px;} #bo_w .file_list li { padding: 5px 10px; border: 1px solid #ddd; margin: 4px 0px; background: #fcfcfc;} #bo_w .ui-widget-content { border-radius: 5px;} #bo_w .plupload_logo { display: none;} #bo_w .plupload_header_content { padding: 8px 160px 0px 15px; height: 38px;} #bo_w .plupload_header_title { font-weight: 600; font-size: 15px;} #bo_w .ui-state-default, #bo_w .ui-widget-header .ui-state-default { background: #eff1f3;} #bo_w .ui-widget-content .ui-state-default { background: #fafafa;} #bo_w .ui-widget-header { background: #eff1f3; border-top: 1px solid #e3e3e3;} #bo_w .plupload_view_list div.plupload_file_name { padding: 8px 10px;} #bo_w .plupload_cell { padding: 4px 6px 8px 6px;} #bo_w .plupload_content { top: 73px;} #bo_w .plupload_header_text { display:none;} /* 게시판 리스트 팝업 이미지뷰 */ .imgview_popup .bx-wrapper {position: relative;} .imgview_popup .popup_ft { display: none;} .imgview_popup .popup_hd { background-color: #111;} .imgview_popup .popup_title { font-weight: 500; text-align: center;} .imgview_popup .popup_body {max-width:95vw;} .imgview_popup .popup_body .popup_wr { margin: 0; height: 90vh !important;} .imgview_popup .popup_body .popup_wr .contents, .imgview_popup .popup_body .popup_wr .contents .imgview_info_img { width: 95vw !important; height: 90vh !important; background-repeat: no-repeat; background-position: center; background-color: #2a2a2a; background-size: contain;} .imgview_popup .imgview_info_area .imgview_info_empty { color: #fff; font-size: 17px; padding: 14% 2% 1% 2%; border-bottom: 1px solid rgba(255,255,255,0.3); display: inline-block;} .imgview_popup .bx-controls-direction a { position: absolute; top: 0px; display: block; width: 40px; height: 40px;} .imgview_popup .bx-controls-direction a.bx-prev { right: 84px; background: url('/theme/basic/img/popup_slider_prev_type1.png') center center no-repeat; background-color: rgba(0,0,0,0.5); background-size: 30%;} .imgview_popup .bx-controls-direction a.bx-next { right: 0px; background: url('/theme/basic/img/popup_slider_next_type1.png') center center no-repeat; background-color: rgba(0,0,0,0.5); background-size: 30%;} .imgview_popup .bx-controls-auto-item a {position: absolute;top:0px;right:42px;width: 40px; height: 40px;} .imgview_popup .bx-controls-auto-item .bx-start {display: block;background: url('/theme/basic/img/popup_slider_start_type1.png') center center no-repeat;background-color: rgba(0,0,0,0.5); background-size: 27%; transform: rotate( 180deg )} .imgview_popup .bx-controls-auto-item .bx-stop {display: block;background: url('/theme/basic/img/popup_slider_stop_type1.png') center center no-repeat;background-color: rgba(0,0,0,0.5); background-size: 30%;} .imgview_popup .bx-pager {position: absolute;top:0px;right:126px;width: 60px; height: 40px;background-color: rgba(0,0,0,0.5);color: #fff;padding-top: 10px;font-size: 16px;} /* skin : bd_skin_mf_list */ .bd_skin_mf_list #bo_w .wr_video_area .video_cont_titl {margin: 0px 5px 0px 15px;font-weight: bold;} .bd_skin_mf_list #bo_w .wr_video_area .video_cont_titl.id {margin-left: 0px;} .bd_skin_mf_list #bo_w .wr_video_area .i_text.video_cont_input {width: 100px; margin-right: 2%;} .bd_skin_mf_list #bo_w .wr_video_area .i_text.video_cont_input.id {width: 200px; margin-right: 2%;} .bd_skin_mf_list #bo_w .wr_video_area .explain {margin:5px 0px 0px 0px;} .bd_skin_mf_list #bo_w .wr_video_area .explain .title {display: inline-block;width: 40px;} .bd_skin_mf_list #bo_w .wr_video_area .explain .content {display: inline-block;width: 40px;} .bd_skin_mf_list #bo_w .form-w-cont .wr_video_area { border-bottom: 1px solid #ececec; padding: 0.5% 15px;} .bd_skin_mf_list #bo_w .form-w-list .explain { margin-top: 10px; background: #fafafa; padding: 10px;} .bd_skin_mf_list #bo_w .pic_d_all { background: #e83c3c; color: #fff; padding: 8px; border-radius: 5px; display:inline-block; cursor:pointer; position: absolute; right: 11px;} .bd_skin_mf_list #bo_w .save_file_area { border: 2px solid #d2d2d2; background: #f8f8f8; padding: 10px; border-radius: 5px; margin-bottom: 15px; position: relative;} .bd_skin_mf_list #bo_w .file_list li { padding: 5px 10px; border: 1px solid #ddd; margin: 4px 0px; background: #fcfcfc;} .bd_skin_mf_list #bo_w .ui-widget-content { border-radius: 5px;} .bd_skin_mf_list #bo_w .plupload_logo { display: none;} .bd_skin_mf_list #bo_w .plupload_header_content { padding: 8px 160px 0px 15px; height: 38px;} .bd_skin_mf_list #bo_w .plupload_header_title { font-weight: 600; font-size: 15px; font-family:'S-CoreDream',sans-serif; color: #000;} .bd_skin_mf_list #bo_w .ui-state-default, .bd_skin_mf_list #bo_w .ui-widget-header .ui-state-default { background: #eff1f3;} .bd_skin_mf_list #bo_w .ui-widget-content .ui-state-default { background: #fafafa;} .bd_skin_mf_list #bo_w .ui-widget-header { background: #eff1f3; border-top: 1px solid #e3e3e3;} .bd_skin_mf_list #bo_w .plupload_view_list div.plupload_file_name { padding: 8px 10px;} .bd_skin_mf_list #bo_w .plupload_cell { padding: 4px 6px 8px 6px;} .bd_skin_mf_list #bo_w .plupload_content { top: 73px;} .bd_skin_mf_list #bo_w .plupload_header_text { display:none;} .bd_skin_mf_list #bo_v_img h2{ margin-bottom: 2px; padding: 8px 0px; font-size: 15px; font-weight: 600;} .bd_skin_mf_list #bo_v_file h2 { font-size: 15px; font-weight: 600;} .bd_skin_mf_list #bo_v_img .img_explain { background:#eee; display:inline-block; padding: 1px 5px; margin-bottom: 5px;} .bd_skin_mf_list .plupload_view_switch { left: 90px;} .bd_skin_mf_list .plupload_header_cstbtn { position: absolute; right: 10px; top: 8px;} .bd_skin_mf_list .plupload_select_del_all { display: inline-block; background: #e83c3c; color: #fff; padding: 10px 8px; border-radius: 5px; font-size: 12px; cursor:pointer;} .bd_skin_mf_list .plupload_wrapper { font-family:'S-CoreDream',sans-serif;} /* 게시판 썸네일 */ #image_view .pic_thumb { position: absolute; background: rgba(0,0,0,0.5); top: 3px; left: 3px; padding: 1px 2px; border-radius: 3px; color: #efefef; font-size: 11px;} /* skin : bd_skin_mf_cshop_p */ /* list 비주얼 */ .bd_skin_mf_cshop_p #area_visual { position: relative; overflow: hidden; padding-top:700px;/*padding-top: 56.25%;*//*height:100vh;*/background-color: #a4d8ee;} .bd_skin_mf_cshop_p #area_visual #rate_visual {position: absolute;top: 0;left: 0;bottom: 0;right: 0;text-align: center;} .bd_skin_mf_cshop_p #area_visual .bx-wrapper, .bd_skin_mf_cshop_p #area_visual .bx-viewport, .bd_skin_mf_cshop_p #area_visual #view_visual, .bd_skin_mf_cshop_p #area_visual .view_visual_wr, .bd_skin_mf_cshop_p #area_visual .view_visual_wr_img, .bd_skin_mf_cshop_p #area_visual .view_visual_wr > a {height: 100% !important;} .bd_skin_mf_cshop_p #area_visual .view_visual_wr { width: 100%; /*background-size: cover;*/overflow: hidden; background: linear-gradient(135deg, #02d2b4, #1d2c84);} .bd_skin_mf_cshop_p #area_visual .view_visual_wr_img { width: 100%; background-size: cover;overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat;} /* 메인 비주얼 이미지 영역 */ .bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a { display: block; width: 100%;} .bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a .text_area { margin: 8vw auto; max-width: 1200px; width: 100%; font-family:'S-CoreDream', sans-serif, 'Malgun Gothic', dotum; font-weight: 800; font-size: 3em; text-align: center; background: rgba(255,255,255,0.2);} .bd_skin_mf_cshop_p #area_visual .view_visual_wr.nolist { overflow: hidden; text-indent: -9999px; background: url('/theme/basic/img/main/visual_1.jpg') center top no-repeat;} /*.bd_skin_mf_cshop_p #area_visual .view_visual_wr > img { position: absolute; top: 0; left: 50%; margin-left: -1055px; width: 100%; min-width: 2100px;}*/ .bd_skin_mf_cshop_p #area_visual .view_visual_wr video {position:absolute;object-fit:cover;top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%);} .bd_skin_mf_cshop_p #area_visual .view_visual_wr .video-brightness {pointer-events:none;position:absolute;top: 0;left: 0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);} .bd_skin_mf_cshop_p #area_visual .bx-controls-direction { } .bd_skin_mf_cshop_p #area_visual .bx-controls-direction a { position: absolute; bottom: 49px; display: block; width: 17px; /*height: 6vw;*/ z-index:1;} .bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-prev { text-indent : -99999px; overflow: hidden; left: 43vw; background: url('/theme/basic/img/main/visual_btn_prev.png') center no-repeat; background-size: contain;} .bd_skin_mf_cshop_p #area_visual .bx-controls-direction a.bx-next { text-indent : -99999px; overflow: hidden; right: 53vw; background: url('/theme/basic/img/main/visual_btn_next.png') center no-repeat; background-size: contain;} .bd_skin_mf_cshop_p #area_visual .bx-controls-auto { position: absolute; bottom: 37px; left: 40.5%; display: block; width: 40px; height: 40px; z-index: 1;} /*.bd_skin_mf_cshop_p #area_visual .bx-controls-auto:after { content:''; position: absolute; display: inline-block; width: 1px; height: 19px; background: #fff; opacity: 0.5; top: 11px; left: 47px;}*/ .bd_skin_mf_cshop_p #area_visual .bx-controls-auto-item .bx-stop { display:block; width: 40px; height: 40px; overflow:hidden; text-indent: -99999px; background: url('/theme/basic/img/main/popup_control_icon_02.png')left center no-repeat;} .bd_skin_mf_cshop_p #area_visual .bx-controls-auto-item .bx-start { display:block; width: 40px; height: 40px; overflow:hidden; text-indent: -99999px; background: url('/theme/basic/img/main/popup_control_icon_02.png')right center no-repeat;} .bd_skin_mf_cshop_p #area_visual .bx-controls {overflow:hidden; clear:both; text-align:center;} .bd_skin_mf_cshop_p #area_visual .bx-pager {display:inline-block; position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; padding-left: 5%;} .bd_skin_mf_cshop_p #area_visual .bx-pager-item { display:inline-block; margin: 0 2px; width: 40px !important; text-align: center;} .bd_skin_mf_cshop_p #area_visual .bx-pager-item a {display:inline-block; width: 100%; height: 7px; /*background-color:rgba(255,255,255,0.5);*/ overflow: hidden; text-indent: -9999px; border: 1px solid #282828; border-radius: 10px;} .bd_skin_mf_cshop_p #area_visual .bx-pager-item a.active { background: #282828;} /* css 추가 */ /* 공통 */ .bd_skin_mf_portfolio_p #wrapper, .bd_skin_mf_contact_p #wrapper { padding-bottom: 155px;} .bd_skin_mf_cshop_p #wrapper { padding-bottom: 125px;} .bd_skin_mf_portfolio_p #hd_wrap_box, .bd_skin_mf_portfolio_p #ft_wr, .bd_skin_mf_portfolio_p #ft_copy, .bd_skin_mf_portfolio_p .ft_link, .bd_skin_mf_contact_p #hd_wrap_box, .bd_skin_mf_contact_p #ft_wr, .bd_skin_mf_contact_p #ft_copy, .bd_skin_mf_contact_p .ft_link, .bd_skin_mf_cshop_p #hd_wrap_box, .bd_skin_mf_cshop_p #ft_wr, .bd_skin_mf_cshop_p #ft_copy, .bd_skin_mf_cshop_p .ft_link{ max-width: 1320px;} .fz_wrap .pg_wrap a i { display: none;} .fz_wrap .pg_wrap .pg_next { background: url('/theme/basic/img/board/angle_right_1.png')no-repeat center center; background-size: contain; margin: 0px 20px;} .fz_wrap .pg_wrap .pg_end { background: url('/theme/basic/img/board/angle_right_2.png')no-repeat center center; background-size: contain; margin: 0px 20px;} .fz_wrap .pg_wrap .pg_prev { background: url('/theme/basic/img/board/angle_left_1.png')no-repeat center center; background-size: contain; margin: 0px 20px;} .fz_wrap .pg_wrap .pg_start { background: url('/theme/basic/img/board/angle_left_2.png')no-repeat center center; background-size: contain; margin: 0px 20px;} .navi_sys_part_pbl .list_btn.btn_list { color: #878787; font-size: 18px; font-weight: 600; width: 85px;} .navi_sys_part_pbl .bo_v_com { float: none;} .navi_sys_part_pbl .bo_v_com li { float: none;} .navi_sys_part_pbl #bo_v_top {text-align: center;} /* portfolio */ .bd_skin_mf_portfolio_p #bo_sch .select-box, .bd_skin_mf_portfolio_p #bo_sch .search_box, .bd_skin_mf_portfolio_p .fz_total_count, .bd_skin_mf_portfolio_p .sv_member, .bd_skin_mf_portfolio_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_etc, .bd_skin_mf_portfolio_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_group_title{display: none;} .bd_skin_mf_portfolio_p #bo_sch { float: none;} .bd_skin_mf_portfolio_p #bo_sch .radio_box { text-align: center; /*margin: 40px auto 150px auto; padding: 0px;*/ margin: 25px auto 150px auto; padding: 8px 0px; background: #dedfe0;} .bd_skin_mf_portfolio_p #bo_sch .radio_box > div label { font-size: 17px; cursor: pointer; line-height: 17px; font-weight: 500;} .bd_skin_mf_portfolio_p #bo_sch .radio_box label.all input:checked ~ b, .bd_skin_mf_portfolio_p #bo_sch .radio_box label input:checked ~ b, .bd_skin_mf_portfolio_p #bo_sch .radio_box label b{ border: 0px; padding: 0px 37px;} .bd_skin_mf_portfolio_p #bo_sch .radio_box label b a{ color: #878787;} .bd_skin_mf_portfolio_p #bo_sch .radio_box label input:checked ~ b { background: none;} .bd_skin_mf_portfolio_p #bo_sch .radio_box label input:checked ~ b a, .bd_skin_mf_portfolio_p #bo_sch .radio_box label.all input:checked ~ b a { color: #282828;} .bd_skin_mf_portfolio_p .fz_gallery li { width: 23.5%; text-align: center; height: 455px;} .bd_skin_mf_portfolio_p .fz_gallery li:nth-child(3n+0) { margin-right: 2%;} .bd_skin_mf_portfolio_p .fz_gallery li:nth-child(4n+0) { margin-right: 0px;} .bd_skin_mf_portfolio_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 310px; margin-bottom: 28px;} .bd_skin_mf_portfolio_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_title .bo_tit { text-align:center;} .bd_skin_mf_portfolio_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_title .bo_tit > div { font-weight: 500; font-size: 18px; color: #282828;} .bd_skin_mf_portfolio_p span.fz_gallery_project { display: block; font-size: 16px; padding-top: 8px; color: #868686; font-weight: 300; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;} .bd_skin_mf_portfolio_p #bo_list .bo_tit .new_icon { font-size: 13px; border-radius: 10px; background: #9a9a9a; vertical-align: 2px;} /*.fz_footer { padding-top:70px; }*/ .bd_skin_mf_portfolio_p #bo_v h1#bo_v_title {border-top: 0px; color: #282828; text-align:center; font-size: 40px; font-weight: 600; word-break:keep-all;} .bd_skin_mf_portfolio_p #bo_v h1#bo_v_title .group_title, .bd_skin_mf_portfolio_p #bo_v_info { display:none;} .bd_skin_mf_portfolio_p .p_s_text_section { position: relative;} .bd_skin_mf_portfolio_p .portfolio_at_area { width: 100%; display: table; table-layout:fixed; font-size: 20px; padding: 70px 0px; word-break: keep-all;} .bd_skin_mf_portfolio_p .portfolio_at_area span.title_text {display:block; font-weight:600; color:#282828; padding-bottom: 13px;} .bd_skin_mf_portfolio_p .portfolio_at_area span.sub_text { font-weight: 400; color:#555; line-height: 26px; display: block; word-break: keep-all;} .bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at { display: table-cell; position:relative; padding-left: 3%; padding-right: 2%;} .bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at_01:after, .bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at_02:after { position:absolute; content:''; border-right: 1px solid #282828; height: 84%; top: 12%; right: 0px;} .bd_skin_mf_portfolio_p .portfolio_at_area .portfolio_at_01 { width: 42%; padding-left: 0px;} .bd_skin_mf_portfolio_p .shop_link_area { position: absolute; right: 0px; top: -25.5%; padding-right: 10px;} .bd_skin_mf_portfolio_p .shop_link_area .shop_link_img, .bd_skin_mf_cshop_p .shop_link_area .shop_link_img { width: 145px; position: relative;} .bd_skin_mf_portfolio_p .shop_link_area .shop_link_img img, .bd_skin_mf_cshop_p .shop_link_area .shop_link_img img { width: 100%;} .bd_skin_mf_portfolio_p .shop_link_area .shop_link_img .text, .bd_skin_mf_cshop_p .shop_link_area .shop_link_img .text { position: absolute; top: 47%; left: 21%; text-align: center; font-size: 17px; font-weight: 600;} /* contact */ .bd_skin_mf_contact_p #fwrite { padding-top: 90px; width: 60%; margin: 0 auto; font-size: 0px;} .bd_skin_mf_contact_p .form-w-titl { width: 25%; text-align: right; background-color: #fff; border: 0px; color: #707070; font-weight: 400; font-size: 16px;} .bd_skin_mf_contact_p #bo_w .i_text { width: 100%; height: 45px; border: 1px solid #e4e4e4;} .bd_skin_mf_contact_p #bo_w textarea { border: 1px solid #e4e4e4; background-color: #fff; border-radius: 0px; box-shadow: none;} .bd_skin_mf_contact_p .form-w-list { display: inline-table; width: 50%;} .bd_skin_mf_contact_p .form-w-list.all { width: 100%;} .bd_skin_mf_contact_p .form-w-list.all .form-w-titl { width: 12.5%;} .bd_skin_mf_contact_p .form-w-cont { width: 100%; border: 0px;} .bd_skin_mf_contact_p .write_foot a.btn_list { display: none;} .bd_skin_mf_contact_p .fz_wrap .fr { float: none;} .bd_skin_mf_contact_p .write_foot .btn_submit { float: none; font-size: 16px; padding: 10px 60px; margin-left: 0px;} .bd_skin_mf_contact_p .studio_section { text-align: center; padding-top: 120px; letter-spacing: -1px;} .bd_skin_mf_contact_p .studio_section .top_title { font-size: 20px; font-weight: 600;} .bd_skin_mf_contact_p .studio_section .text_area { font-size: 16px; padding: 42px 0px;} .bd_skin_mf_contact_p .studio_section .text_area .text { padding: 4px 0px;} .bd_skin_mf_contact_p .studio_section .text_area span { font-weight: 600;} .bd_skin_mf_contact_p .root_daum_roughmap .wrap_controllers { display: none;} /* shop */ .bd_skin_mf_cshop_p .s_soom_img_area { text-align: right; max-width: 1320px; margin:0 auto; padding: 25px 0px 5px;} .bd_skin_mf_cshop_p .cafe_moos_area { max-width: 1320px; margin: 0 auto; text-align: center;} .bd_skin_mf_cshop_p .cafe_moos_area .soom_img { padding: 6% 0px 4%;} .bd_skin_mf_cshop_p .cafe_moos_area .text_area { padding-bottom: 35px;} .bd_skin_mf_cshop_p .cafe_moos_area .text_area:last-child {padding-bottom: 0px;} .bd_skin_mf_cshop_p .cafe_moos_area .text_area .title img { width: 180px; padding-bottom: 18px;} .bd_skin_mf_cshop_p .cafe_moos_area .text_area .text { font-size: 18px; font-weight: 500; color: #282828; line-height: 30px; word-spacing: -1px; word-break: keep-all; padding: 0px 5vw;} .bd_skin_mf_cshop_p #bo_sch .select-box, .bd_skin_mf_cshop_p #bo_sch .search_box, .bd_skin_mf_cshop_p .fz_total_count, .bd_skin_mf_cshop_p .sv_member, .bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_etc, .bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_group_title{display: none;} .bd_skin_mf_cshop_p #bo_sch { float: none;} .bd_skin_mf_cshop_p #bo_sch .radio_box { text-align: center; /*margin: 40px auto 150px auto; padding:2px;*/ background:#dedfe0; margin: 25px auto 150px auto; padding: 14px 0px;} .bd_skin_mf_cshop_p .fz_header #bo_sch .radio_box { background: none;} .bd_skin_mf_cshop_p #bo_sch .radio_box > div label { font-size: 17px; cursor: pointer; line-height: 17px; font-weight: 500;} .bd_skin_mf_cshop_p #bo_sch .radio_box label.all input:checked ~ b, .bd_skin_mf_cshop_p #bo_sch .radio_box label input:checked ~ b, .bd_skin_mf_cshop_p #bo_sch .radio_box label b{ border: 0px; padding: 3px 35px;} .bd_skin_mf_cshop_p #bo_sch .radio_box label b a{ color: #878787;} .bd_skin_mf_cshop_p #bo_sch .radio_box label input:checked ~ b { background: none;} .bd_skin_mf_cshop_p #bo_sch .radio_box label input:checked ~ b a, .bd_skin_mf_cshop_p #bo_sch .radio_box label.all input:checked ~ b a { color: #282828;} .bd_skin_mf_cshop_p .fz_gallery li { width: 23.5%; text-align: center; height: 455px;} .bd_skin_mf_cshop_p .fz_gallery li:nth-child(3n+0) { margin-right: 2%;} .bd_skin_mf_cshop_p .fz_gallery li:nth-child(4n+0) { margin-right: 0px;} .bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_thumb { height: 310px; margin-bottom: 28px;} .bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_title .bo_tit { text-align:center;} .bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_title .bo_tit > div { font-weight: 500; font-size: 18px; color: #282828;} .bd_skin_mf_cshop_p .fz_gallery .fz_gallery_li_wrap .fz_gallery_price { display:block; padding-top: 13px;} .bd_skin_mf_cshop_p span.fz_gallery_project { display: block; font-size: 16px; padding-top: 8px; color: #868686; font-weight: 300;} .bd_skin_mf_cshop_p #bo_list .bo_tit .new_icon { font-size: 13px; border-radius: 10px; background: #9a9a9a;} .bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a .text_area { color: #282828; letter-spacing: -1px; background:none; margin: 240px auto;} .bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a .text_area .title { font-size: 30px; font-weight: 600;} .bd_skin_mf_cshop_p #area_visual .view_visual_wr .view_visual_wr_img > a .text_area .text { font-size: 20px; font-weight: 500; line-height: 35px; padding-top: 20px; word-break: keep-all;} .bd_skin_mf_cshop_p #bo_v h1#bo_v_title {border-top: 0px; color: #282828; text-align:center; font-size: 40px; font-weight: 600; word-break:keep-all; display: inline-block;} .bd_skin_mf_cshop_p #bo_v h1#bo_v_title .group_title, .bd_skin_mf_cshop_p #bo_v_info { display:none;} .bd_skin_mf_cshop_p header { text-align: center; padding-bottom: 8vw;} .bd_skin_mf_cshop_p .price_text { display: inline-block; padding-left: 35px; font-size: 18px; font-weight: 300; color: #4e4e4e;} .bd_skin_mf_cshop_p .shop_link_area { position: absolute; right: 0px; top: -3%; padding-right: 10px;}