.chk-admin-sel { width: auto !important; height: auto !important; -webkit-appearance: checkbox !important; appearance: checkbox !important;} .bd_warining {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); font-size:12px; color:red; font-weight:500;} /* 카테고리 / 리스트 관리 버튼 */ .ctrl_pos {position:relative; max-width:1300px; width:100%; left:0; right:0; margin:auto; padding:0 20px; text-align:right; font-size:0; z-index:1;} .ctrl_pos ul.cate_kind {display:inline-block; vertical-align:bottom; position:relative; font-size:0; text-align:center; width:100%;} .ctrl_pos ul.cate_kind li {display:inline-block; vertical-align:middle; line-height:100%; text-align:center; margin-right:5px;} .ctrl_pos ul.cate_kind li:last-child {margin:0;} .ctrl_pos ul.cate_kind li.sel {} .ctrl_pos ul.cate_kind li a {display:block; font-size:13px; line-height:100%; padding:7px 0; width:60px; color:#333; background:#fff; border-radius:3px; border:1px solid #e9e9e9;} .ctrl_pos ul.cate_kind li.sel a {border-color:orangered; color:#fff; background:orangered;} .ctrl_pos ul.cate_kind.short {text-align:right; position:absolute; top:20px; right:20px;} .ctrl_pos ul.cate_kind.short li {width:auto;} .ctrl_pos ul.cate_kind.short li a {} .ctrl_pos ul.list_control {display:inline-block; vertical-align:bottom; position:relative; font-size:0; text-align:center; margin:0 0 15px 15px;} .ctrl_pos ul.list_control li {display:inline-block; vertical-align:middle; line-height:100%; font-size:12px; cursor:pointer; padding:5px; border-radius:3px; margin-right:3px; border:1px solid red;} .ctrl_pos ul.list_control li:last-child {margin:0;} .ctrl_pos ul.list_control li.all {border-color:#ddd; color:#000;} .ctrl_pos ul.list_control li.del {border-color:#ddd; color:red;} .ctrl_pos ul.list_control li.cm {border-color:#ddd; color:blue;} .ctrl_pos ul.list_control li.ok {border-color:#ddd; color:orange;} @media screen and (max-width: 650px){ .ctrl_pos ul.cate_kind.short {text-align:left; top:35px; left:0; right:initial; padding:0 0 0 70px;} } /* */ .list_none {padding:100px 0 !important; opacity:1 !important; text-align:center !important; background:#fff !important; font-size:12px !important; color:#333 !important; border:0 !important; border-radius:0 ! !important;} /* 리스트내 글쓰기 */ .btn_write {display:inline-block; vertical-align:bottom; line-height:100%; position:relative; margin:0 0 15px 15px;} .btn_write a {display:block; width:100px; height:35px;position:relative; background:#333; border-radius:35px;} .btn_write a span {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; color:#fff; font-size:12px; line-height:100%;} /* 기본글쓰기 */ .board_write_box {position:relative; text-align:center;} .board_write_box .bwb_pos {display:inline-block; max-width:600px; width:100%; padding:80px 10px;} .board_write_box .bwb_pos h2 {display:inline-block; width:100%; font-weight:700; font-size:22px; letter-spacing:-0.05em; color:#333; line-height:110%; padding:0 0 35px 0; text-align:left; font-family:var(--neo);} .board_write_box ul.wirte_box {display:inline-block; width:100%; position: relative; font-size: 0;} .board_write_box ul.wirte_box > li {display:inline-block; width:100%; position:relative; margin-top:5px; text-align:left;} .board_write_box ul.wirte_box > li.half {width: calc(50% - 2px);} .board_write_box ul.wirte_box > li.half.al {margin-right: 2px;} .board_write_box ul.wirte_box > li.half.ar {margin-left: 2px;} .board_write_box ul.wirte_box > li:first-child {margin-top:0 !important; padding-top:0 !important;} .board_write_box ul.wirte_box > li .ck_s {position:absolute; top:50%; right:10px; transform:translateY(-50%); font-weight:normal; font-size:11px;} .board_write_box ul.wirte_box > li.title {margin:0; font-size:13px; text-align:left; padding:20px 0 5px 5px; color:#000; font-weight:bold;} .board_write_box ul.wirte_box > li.title em {font-style:normal; font-size:11px; display:inline-block; padding-left:5px;} .board_write_box ul.wirte_box > li.title em span {color:red;} .board_write_box ul.wirte_box > li.title am {position:absolute; bottom:5px; right:0; color:red; font-size:11px; font-weight:normal;} .board_write_box ul.wirte_box > li > span {position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:12px; z-index:1; color:#003eaf;} .board_write_box ul.wirte_box > li > span.del {position:relative; top:0; left:0; transform:none; font-size:12px; z-index:1; color:red; display:inline-block; padding-left:10px;} .board_write_box ul.wirte_box > li > input, .board_write_box ul.wirte_box > li > select, .board_write_box ul.wirte_box > li > textarea {width:100%; border:1px solid #eee; background:#fafafa; font-size:12px; text-align:left; transition:all .2s; color:#333; border-radius:7px;} .board_write_box ul.wirte_box > li > input:focus, .board_write_box ul.wirte_box > li > textarea:focus {outline:none; background:#fff; border:1px solid #ddd !important; transition:all .2s;} .board_write_box ul.wirte_box > li > input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .board_write_box ul.wirte_box > li > input {height:45px; padding:0 15px 0 100px;} .board_write_box ul.wirte_box > li > input.add_frm {padding:0 15px; margin-top:3px;} .board_write_box ul.wirte_box > li > input.b1 {background:#f5f3f3;} .board_write_box ul.wirte_box > li > input.b2 {background:#fafafa;} .board_write_box ul.wirte_box > li > textarea {height:200px; padding:15px; line-height:180%;} .board_write_box ul.wirte_box > li > select {height:45px !important; padding:0 15px 0 100px; background: #fafafa url('/images/sel_arr.gif') no-repeat right 13px center;} .board_write_box ul.wirte_box > li > select:focus {outline:none; background: #fff url('/images/sel_arr.gif') no-repeat right 13px center; border:1px solid #ddd; transition:all .2s;} .board_write_box ul.wirte_box > li.title > select {position:absolute; top:0; right:0; width:80px; height:45px !important; padding:0 15px;} .board_write_box ul.wirte_box > li > em {position:absolute; top:50%; right:20px; transform:translateY(-50%); font-size:12px; z-index:1; color:#003eaf; display:none;} .board_write_box ul.wirte_box > li > .txt_style {display:inline-block; width:100%; height:0; overflow:hidden; } .board_write_box ul.wirte_box > li > .radio_wrp {display:inline-block; width:100%; font-size:0; padding-left:12px;} .board_write_box ul.wirte_box > li > .radio_wrp .rdo_bx {display:inline-block; vertical-align:middle; font-size:12px;} .board_write_box ul.wirte_box > li .code_frm {display:inline-block; width:100%; font-size:0; } .board_write_box ul.wirte_box > li .code_frm .pic_num, .board_write_box ul.wirte_box > li .code_frm i, .board_write_box ul.wirte_box > li .code_frm input {display:inline-block; vertical-align:middle; height:45px; } .board_write_box ul.wirte_box > li .code_frm .pic_num {width:100px;border-radius:7px 0 0 7px;border:1px solid #eee; padding:5px;} .board_write_box ul.wirte_box > li .code_frm .pic_num img {width:100%; height:100%;} .board_write_box ul.wirte_box > li .code_frm i {width:45px; line-height:45px; text-align:center; font-size:20px; cursor:pointer; background:#eee; color:#333; border-radius:0 7px 7px 0;} .board_write_box ul.wirte_box > li .code_frm input {width:150px; padding:0 15px; border:1px solid #eee; background:#fffbfb; font-size:12px; text-align:left; transition:all .2s; color:red; border-radius:7px; margin-left:5px;} .board_write_box ul.wirte_box > li .code_frm input:focus {outline:none; background:#fff; border:1px solid #ddd !important; transition:all .2s;} .board_write_box ul.wirte_box > li .code_frm input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .board_write_box ul.wirte_box > li .code_txt {display:inline-block; width:100%; font-size:12px; padding:10px 0 0 5px; color:#777;} .board_write_box ul.wirte_box > li.g_rule_box {} .board_write_box ul.wirte_box > li.g_rule_box .grb_set {display:inline-block; width:100%;} .board_write_box ul.wirte_box > li.g_rule_box .grb_set .call {display:inline-block; width:100%; height:150px; border:1px solid #eee; background:#fafafa; overflow-y:overlay; transition:all .3s; padding:25px; border-radius:7px;} .board_write_box ul.wirte_box > li.g_rule_box .grb_set .call:hover {background:#fff;} .board_write_box ul.wirte_box > li.g_rule_box .grb_set .call:: {-ms-overflow-style: none;} .board_write_box ul.wirte_box > li.g_rule_box .grb_set .call::-webkit-scrollbar {background: transparent; width:2px; height:2px; border-radius:15px;} .board_write_box ul.wirte_box > li.g_rule_box .grb_set .call::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; } .board_write_box ul.wirte_box > li.g_rule_box .grb_set .chk_wrp {display:inline-block; width:100%; text-align:right; padding-top:10px;} .board_write_box ul.wirte_box > li.g_rule_box input[type="checkbox"] + label span {color:red;} .board_write_box ul.wirte_box > li > .add_wrap {position:relative; font-size:0;} .board_write_box ul.wirte_box > li > .add_wrap .space {position:relative; height:7px;} .board_write_box ul.wirte_box > li > .add_wrap .add_box {position:relative; display:inline-block; vertical-align:middle; width:100%; border:1px solid #eee; border-radius:5px; overflow:hidden;} .board_write_box ul.wirte_box > li > .add_wrap .add_box.bd_name {width:50%; border-width:1px 0 1px 1px;border-radius: 5px 0 0 5px; margin-top:3px;} .board_write_box ul.wirte_box > li > .add_wrap .add_box.stt {width:50%; border-width:1px; border-radius: 0 5px 5px 0; margin-top:3px;} .board_write_box ul.wirte_box > li > .add_wrap .add_box span {position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:12px; z-index:1; color:red;} .board_write_box ul.wirte_box > li > .add_wrap .add_box input {width:100%; border:0; background:#fafafa; font-size:12px; text-align:left; transition:all .2s; color:#333; border-radius:0;} .board_write_box ul.wirte_box > li > .add_wrap .add_box input:focus {outline:none; background:#fff; transition:all .2s;} .board_write_box ul.wirte_box > li > .add_wrap .add_box input {height:35px; padding:0 15px 0 70px;} .addr_info {position:relative;} .addr_info > input.post_num, .addr_info > input.post_map {height:30px; padding:0 10px; width:auto; border:0px; font-size:12px; text-align:center; cursor:pointer; border-radius:5px; transition:all .2s;} .addr_info > input.post_num {display:inline-block; vertical-align:middle; width:60px; color:orange; background:#555; } .addr_info > input.post_num::placeholder {color: rgba(255,255,255,0.9); font-size:11px;} .addr_info > input.post_map {position:absolute; top:0; right:0; color:#fff; background:#333;} @media screen and (max-width: 650px){ .board_write_box .bwb_pos {padding:20px 10px 50px 10px;} .board_write_box .bwb_pos h2 {font-size:15px; padding:0 0 15px 15px;} .board_write_box ul.wirte_box > li.title {padding:20px 0 5px 15px;} } /* 약관/개인정보 */ .rule_box {width:100%; font-size:13px; line-height:180%; color:#949494;} .rule_box .big {font-size:18px; line-height:280%; font-weight:500; color:black;} .rule_box .mid {font-size:15px; line-height:200%; font-weight:500; color:#5A5A5A;} .board_write_box .rule_box {font-size:12px; line-height:160%;} .board_write_box .rule_box .big {font-size:15px; line-height:280%; font-family:; font-weight:normal;} .board_write_box .rule_box .mid {font-size:13px; line-height:150%; font-family:; font-weight:normal; } @media screen and (max-width: 650px){ .rule_box {font-size:11px;} .rule_box .big {font-size:14px; line-height:200%;} .rule_box .mid {font-size:12px; line-height:140%; } } /* 글상세쓰기 edit style */ ul.edit_rdo_box {position:relative; max-width:300px; width:100%; left:0; right:0; margin:10px auto 0 auto; font-size:0;padding:0; overflow:hidden;} ul.edit_rdo_box.hidden {height:0; margin:0;} ul.edit_rdo_box li {display:inline-block; vertical-align:middle; position:relative; line-height:100%; width:calc(33.3333% - 6px); margin:3px;} ul.edit_rdo_box li:after {content:""; display:block; padding-top:35px;} ul.edit_rdo_box li input[type="radio"] + label {width:100%; height:100%; position:absolute; top:0; left:0; padding:0;} ul.edit_rdo_box li input[type="radio"] + label:before {top:0; width:100%; height:100%; padding:0; border-radius:5px !important; transform:none !important;} ul.edit_rdo_box li input[type="radio"] + label span {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; line-height:100%;font-family:tahoma; font-size:12px; color:#fff;} ul.edit_rdo_box li input[type="radio"]:checked + label:after {top:5px; left:initial; right:3px; width:2px; height:2px; background:rgba(255,255,255,0.2); display:none;} ul.edit_rdo_box li input[type="radio"]:checked + label:before {background:#005997;} ul.edit_rdo_box li input[type="radio"]:checked + label span {color:#fff;} /* 첨부파일 */ ul.board_attatch {position:relative; padding:0 !important;} ul.board_attatch li {display:inline-block; width:100%; font-size:0; margin-top:5px; position:relative;} ul.board_attatch li:first-child {margin:0;} ul.board_attatch li .att_box, ul.board_attatch li label {display:inline-block; vertical-align:middle; font-size:0; position:relative;} ul.board_attatch li .att_box i, ul.board_attatch li .att_box span {display:inline-block; vertical-align:middle; font-size:0; text-align:center;} ul.board_attatch li .att_box {width:40px;} ul.board_attatch li .att_box i {width:50%; font-size:15px;} ul.board_attatch li .att_box span {width:50%; font-size:11px; font-family:tahoma; text-align:left;} ul.board_attatch li .att_box:hover i {color:red;transition:all .2s; } ul.board_attatch li label {width:calc(100% - 40px);} ul.board_attatch li label [type=file] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; } ul.board_attatch li label .up_btn {position:absolute; top:50%; left:0; transform:translateY(-50%); width:60px; height:100%; text-align:center; background:#bbbbbb;color:#ffffff; padding:0 0 0 50px; border-radius:3px 0 0 3px; cursor:pointer; transition:all .2s;} ul.board_attatch li label .up_btn span {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; line-height:100%; font-size:11px; transition:all .2s;} ul.board_attatch li label .up_btn:hover {background:#0898fe; transition:all .2s;} ul.board_attatch li label .box_15, ul.board_attatch li label .box_35 {display:inline-block; width:100%; height:35px; padding:0 15px 0 70px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:11px; text-align:left; transition:all .2s; border-radius:3px;} ul.board_attatch li .old_box {position:absolute; top:50%; right:5px; width:calc(100% - 150px); text-align:right; transform:translateY(-50%); font-size:0; } ul.board_attatch li .old_box .old_file {display:inline-block; width:calc(100% - 35px); height:20px; border:0; background:transparent; text-align:right; padding:0 10px; font-size:11px; color:red; text-overflow:ellipsis; white-space:nowrap;} ul.board_attatch li .old_box .del_btn {display:inline-block; width:35px; height:25px; border:0; background:#333; color:#eee; cursor:pointer; transition:all .2s; font-size:11px; border-radius:3px;} ul.board_attatch li .old_box .del_btn:hover {background:red; color:#ffffff; transition:all .2s;} /**/ .write_btn_box {position:relative; margin-top:20px; font-size:0;} .write_btn_box input {display:inline-block; vertical-align:middle; border:1px solid #eee; background:#fff; font-size:13px; padding:13px 0; line-height:100%; text-align:center; margin-right:5px; width:120px; border-radius:35px; cursor:pointer;} .write_btn_box input:list-child {border:2px solid red;} .write_btn_box input.save {border-color:#333; background:#333; color:#fff;} .write_btn_box input.cancel {border-color:#e9e9e9; background:#fff; color:#333;} /* 기본검색 */ .scr_default {position:relative; text-align:center; font-size:0; margin:0 0 15px 0;} .scr_default select, .scr_default .frm, .scr_default .all {display:inline-block; vertical-align:middle; position:relative;} .scr_default select {width:100px; height:50px; margin-right:5px; padding:0 10px; border:1px solid transparent; background: #fafafa url('/images/sel_arr.gif') no-repeat right 5px center; border-radius:7px; color:#333; cursor:pointer;transition:all .2s;} .scr_default select:hover, .scr_default select:focus {outline:none; background: #fff url('/images/sel_arr.gif') no-repeat right 5px center; border-color:#eee; transition:all .2s;} .scr_default .frm {width:calc(100% - 160px);} .scr_default .frm input {width:100%; height:50px; padding:0 15px; border:1px solid transparent; background:#fafafa; font-size:13px; text-align:left; transition:all .2s; border-radius:7px;} .scr_default .frm input:focus {outline:none; background-color:#fff; border:1px solid #eee; transition:all .2s;} .scr_default .frm input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .scr_default .frm button {position:absolute; top:0; right:0; width:50px; height:100%; border:0; background:transparent; cursor:pointer;} .scr_default .frm button i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px; color:#333;} .scr_default .all {width:50px; margin-left:5px; background:#fafafa; border-radius:7px; cursor:pointer;} .scr_default .all:after {content:""; display:block; padding-top:100%; } .scr_default .all i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px; color:#333;} .scr_default.not_sel select {width:0px; height:0;margin:0; opacity:0; padding:0; position:absolute;} .scr_default.not_sel .frm {width:calc(100% - 55px);} /* 리스트 수 */ .list_cnt_text {position:relative; font-size:12px; text-align:left; padding:0 0 10px 5px;} @media screen and (max-width: 650px){ .list_cnt_text {font-size:11px; padding:0 0 10px 0px;} } /* 페이지 skip css */ .pps_set {position:relative; text-align:center; } .pps_set ol.skip_pos {display:inline-block; font-size:0; padding:50px 0 0 0; max-width:1260px; width:100%; position:relative; } .pps_set ol.skip_pos > li {display:inline-block; vertical-align:middle; margin:0;width:30px; height:30px;position:relative; } .pps_set ol.skip_pos > li > a {position:absolute; top:0; left:0; width:100%; height:100%; transition:all .3s;} .pps_set ol.skip_pos > li i {font-size:35px; color:#000;transition:all .3s; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .pps_set ol.skip_pos > li:hover i: {color:rgba(0,0,0,1);} .pps_set ol.skip_pos > li.pg_left i:after {content: 'arrow_left';} .pps_set ol.skip_pos > li.all_left i:before {content: 'first_page'; font-size:20px; } .pps_set ol.skip_pos > li.pg_right i:after {content: 'arrow_right';} .pps_set ol.skip_pos > li.all_right i:after {content: 'last_page';font-size:20px; } .pps_set ol.skip_pos > li.no_link {opacity:0.3;} .pps_set ol.skip_pos > li.pps_hset {width:auto;} .pps_set ol.skip_pos > li.bd_list_btn {position:absolute; top:35px; right:0; } .pps_set ol.skip_pos > li.bd_list_btn a {display:block; padding:0 10px; width:100px; line-height:40px; background:#333333; transition:all .3s; color:white !important; border-radius:35px;} .pps_set ol.skip_pos > li.bd_list_btn a:hover {transition:all .3s; background:#c30353;} ol.page_no {display:inline-block; font-size:0; padding:0 15px;} ol.page_no li {display:inline-block; vertical-align:middle; position:relative; height:100%; margin:0 2px !important; padding:3px 0 0 0 !important;} ol.page_no li a {display:block; padding:0 10px; transition:all .3s; color:#333; font-size:11px; font-weight:500; background:#fff; border-radius:3px; border:1px solid #e9e9e9; line-height:25px;} ol.page_no li.now a, ol.page_no li.now a:hover {color:#000; background:#f5f3f3; border-radius:3px; border:1px solid #e9e9e9; font-weight:800;} @media screen and (max-width: 1160px){ .pps_set ol.skip_pos {padding-top:30px;} } @media screen and (max-width: 650px){ .pps_set ol.skip_pos {padding-top:20px;} ol.page_no li {display:none;} ol.page_no li.now {display:inline-block !important;} } /* 내용보기 */ /* 게시물 상세보기 기본 */ .view_bbs_default {position:relative; left:0; right:0; max-width:1100px; width:100%; margin:auto; border:0px solid red;} .view_bbs_default .vbd_pos {display:inline-block; width:100%; padding:80px 15px;} .view_bbs_default .vbd_pos .map_out_box {float:left; width:100%; height:600px; font-size:0; padding:0px; margin-top:-1px;} .view_bbs_default .vbd_pos .yt_movie {display:inline-block; width:100%; position:relative; margin-top:15px; padding:0; border-radius:10px; overflow:hidden;} .view_bbs_default .vbd_pos .yt_link {display:inline-block; width:100%; position:relative; margin-top:15px; padding:0; text-align:center;} .view_bbs_default .vbd_pos .yt_link a {display:inline-block; font-size:11px; font-weight:500; color:#333; transition:all .3s;} .view_bbs_default .vbd_pos .yt_link a:hover {color:red;} .view_bbs_default .vbd_pos .content {display:inline-block; width:100%; text-align:center; padding:40px;border-bottom:1px solid #eeeeee;} .view_bbs_default.faq .vbd_pos .content {border-bottom:0;} .view_bbs_default .vbd_pos .content .movie {display:inline-block; width:100%; padding:0 0 30px 0;} .view_bbs_default .vbd_pos .content .txt {text-align:left; max-width:1100px; width:auto; display:inline-block; font-size:15px; line-height:180%; color:#3f3f3f; padding:0 0px 0 0px;} .view_bbs_default.faq .vbd_pos .content .txt {width:100%; } .view_bbs_default .vbd_pos .content > span {display:inline-block; width:100%; text-align:center; padding:0 0 10px 0;} .view_bbs_default .vbd_pos .content > span img {border-radius:7px;} .view_bbs_default .vbd_pos .ct_wrap {position:relative; margin-top:25px;} .view_bbs_default .vbd_pos .ct_wrap > span {display:inline-block; width:100%; text-align:center; padding:0 0 15px 0;} .view_bbs_default .vbd_pos .ct_wrap > span img {border-radius:15px;} .view_bbs_default .vbd_pos .call_map {float:left; width:100%; height:700px; background:#eeeeee; position:relative; overflow:hidden;} .view_bbs_default .vbd_pos .call_map .vb_btn {position:absolute; bottom:10px; right:10px; z-index:10000;padding:15px 20px; font-size:13px; background:#0093fb; text-align:center; color:white; border-radius:3px;} .view_bbs_default .vbd_pos .call_map .vb_btn i {display:inline-block; vertical-align:middle; font-size:20px;} .view_bbs_default .vbd_pos .call_map .vb_btn span {display:inline-block; vertical-align:middle; font-size:13px;} .admin_move {position:absolute; top:0px; right:0; } @media screen and (max-width: 1160px){ .view_bbs_default .vbd_pos {padding:30px 25px;} } @media screen and (max-width: 650px){ .view_bbs_default .vbd_pos {padding:20px 0px 35px 0;} .view_bbs_default .vbd_pos .yt_movie {margin:0 0 0 15px; width:calc(100% - 30px);} .view_bbs_default .vbd_pos .yt_link {margin-top:10px;} .view_bbs_default .vbd_pos .yt_link a {font-size:9px;} .view_bbs_default .vbd_pos .content {padding:25px 0px;} .view_bbs_default .vbd_pos .content .txt {font-size:13px; line-height:160%; padding:0 25px;} .view_bbs_default .vbd_pos .content > span {padding:0 10px 10px 10px;} .view_bbs_default .vbd_pos .ct_wrap {margin-top:10px;} .view_bbs_default .vbd_pos .ct_wrap > span { padding:0 10px 10px 10px;} .view_bbs_default .vbd_pos .ct_wrap > span img {border-radius:7px;} } /**/ .view_bbs_default .contest_info {position:relative; margin:20px 0 0 0;} .view_bbs_default .contest_info .contest_text {position:relative; font-size:15px; padding:10px 0 30px 0; line-height:180%; font-family:var(--neo); font-weight:700;} .view_bbs_default .contest_info .contest_text .tt {font-weight:bold; color:red; display:inline-block;} .view_bbs_default .contest_info .contest_text .pt {color:#911508;} .view_bbs_default .contest_info ul.down_file_box {display:inline-block; width:100%; margin-top:20px; text-align:center;} .view_bbs_default .contest_info ul.down_file_box li {display:inline-block; position:relative; margin:5px;} .view_bbs_default .contest_info ul.down_file_box li a {display:block; font-size:0; line-height:100%; padding:15px 35px; background:#df0027; border:0px solid #e9e9e9; border-radius:35px; transition:all .3s;} .view_bbs_default .contest_info ul.down_file_box li a:hover {background:#ff0833;} .view_bbs_default .contest_info ul.down_file_box li a span, .view_bbs_default .contest_info ul.down_file_box li a em {display:inline-block; vertical-align:middle; font-style:normal; line-height:100%;} .view_bbs_default .contest_info ul.down_file_box li a span { font-weight:700; font-size:15px; letter-spacing:-0.05em; color:#fff; transition:all .3s;} .view_bbs_default .contest_info ul.down_file_box li a span.size {font-size:11px; color:#eee; padding-left:5px; display:inline-block; vertical-align:bottom; font-family:tahoma; font-weight:normal;} .view_bbs_default .contest_info ul.down_file_box li a:hover span {color:#fff;} .view_bbs_default .contest_info ul.down_file_box li a em {font-size:11px; font-family:tahoma; padding-left:5px; color:#ddd; transition:all .3s;} .view_bbs_default .contest_info ul.down_file_box li a:hover em {color:#999;} .view_bbs_default .contest_info ul.down_file_box.pass {dis play:none;} .view_bbs_default .contest_info ul.down_file_box.pass:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.85); z-index:1;} .view_bbs_default .contest_info ul.down_file_box.pass:after {content:"모집 기간 종료"; position:absolute; top:calc(50% - 15px); left:0; transform:translateY(-50%); width:100%; font-family:var(--neo); font-weight:900; font-size:20px; letter-spacing:-0.05em; z-index:2; color:red;} .view_bbs_default .contest_info ul.down_file_box.pass {height:0; margin:0;} .view_bbs_default .contest_info ul.down_file_box.pass li a {display:none;} .view_bbs_default .contest_info h2 {position:relative; font-size:15px; padding:0 0 10px 5px;} .view_bbs_default .contest_info .warning {position:relative; border-radius:10px; border:1px solid #ddd; overflow:hidden;} .view_bbs_default .sta_now {display:inline-block; width:100%; font-size:0; background:#fff; border:1px solid #ddd; border-radius:10px; margin-bottom:15px; overflow:hidden; transition: all .3s;} .view_bbs_default .sta_now .stn {display:inline-block; vertical-align:top; width:50%; font-size:0; border-right:1px solid #e9e9e9;background:#f8fcff;} .view_bbs_default .sta_now .stn.rcv {border:0; background:#fefff6;} .view_bbs_default .sta_now .stn h3 {display:inline-block; vertical-align:middle; width:80px; font-size:13px; color:#000; line-height:110%; text-align:center; transition: all .3s; font-weight:normal;} .view_bbs_default .sta_now .stn .dr_wrap {display:inline-block; vertical-align:middle;width:220px; border:1px solid #eee; border-width:0 1px;} .view_bbs_default .sta_now .stn .dr_wrap .date_area {display:inline-block; width:100%; font-size:13px; border-top:1px solid #eee; font-family:tahoma; color:#333;} .view_bbs_default .sta_now .stn .dr_wrap .date_area:first-child {border:0;} .view_bbs_default .sta_now .stn .dr_wrap .date_area:before {content:attr(data-text); font-size:12px; color:#555; display:inline-block; padding:10px 15px; margin-right:15px; border-right:1px solid #eee; font-family:var(--neo);} .view_bbs_default .sta_now .stn .dr_wrap .date_area em {display:inline-block; font-size:11px; margin-left:5px;font-style:normal; opacity:0.7;} .view_bbs_default .sta_now .stn .sta {display:inline-block; vertical-align:middle; width:calc(100% - 300px); text-align: center; font-weight:700; font-size:15px; letter-spacing:-0.05em; font-family:var(--neo);} .view_bbs_default .sta_now .stn .sta.ready {color:orange;} .view_bbs_default .sta_now .stn .sta.ing {color:green;} .view_bbs_default .sta_now .stn .sta.pass {color:#999;} table.detail_rest {width:100%; border-top:0px solid #3d3d3d; border-collapse:collapse; } table.detail_rest > tbody > tr > th, table.detail_rest > tbody > tr > td {border:none; border:0px solid #e9e9e9; line-height:160%;vertical-align:middle; text-align:left;} table.detail_rest > tbody > tr > th {padding:10px 20px; background:#fafafa; font-size:13px; width:100px;border-width:0px 1px 1px 0px;} table.detail_rest > tbody > tr > td {padding:10px 20px; background:#fff; font-size:13px; width:calc(100% - 100px);border-width:0px 0px 1px 1px; } table.detail_rest > tbody > tr:last-child > th {border-width:0px 1px 0px 0px;} table.detail_rest > tbody > tr:last-child > td {border-width:0px 0px 0px 1px;} table.detail_rest > tbody > tr > td .en {font-weight:bold; color:#000;} table.detail_rest > tbody > tr > td .en em {font-style:normal; font-weight:normal;} table.detail_rest > tbody > tr > td .time {color:red; display:inline-block; padding-left:5px;} table.detail_rest > tbody > tr > th.point {color:red !important;} table.detail_rest > tbody > tr > td.txt_pad {padding:25px 20px !important;} @media screen and (max-width: 1260px){ .view_bbs_default .sta_now .stn {width:100%; border:1px solid #e9e9e9; border-width:0 0 1px 0;} } @media screen and (max-width: 650px){ .view_bbs_default .contest_info {margin:10px 0 0 0;} .view_bbs_default .contest_info .contest_text {font-size:12px; padding:0px 10px 25px 10px; line-height:160%;} .view_bbs_default .contest_info .contest_text .hd {display:none;} .view_bbs_default .contest_info ul.down_file_box li a {padding:13px 30px;} .view_bbs_default .contest_info ul.down_file_box li a span {font-size:14px;} .view_bbs_default .contest_info h2 {padding:0 0 10px 10px;} .view_bbs_default .sta_now .stn h3 {width:70px; font-size:13px;} .view_bbs_default .sta_now .stn .dr_wrap {width:190px;} .view_bbs_default .sta_now .stn .dr_wrap .date_area:before {padding:8px 10px; margin-right:10px;} .view_bbs_default .sta_now .stn .sta {width:calc(100% - 260px);} table.detail_rest > tbody > tr > th {padding:8px 10px; width:80px;font-size:12px;} table.detail_rest > tbody > tr > td {padding:8px 10px; width:calc(100% - 80px);font-size:12px;} table.detail_rest > tbody > tr > td.txt_pad {padding:10px 10px !important;} } /* 게시물 상세보기 기본 타이틀 */ .view_bbs_title_box {display:inline-block; width:100%; border:0px solid red; padding:0; font-size:0; text-align:left;} .view_bbs_title_box > span {display:inline-block; font-size:18px; color:red; margin-right:5px; font-weight:500;} .view_bbs_title_box h2 {display:inline-block; font-size:25px; color:#000; letter-spacing:-0.05em; line-height:120%; font-family:var(--neo); font-weight:700;} .view_bbs_title_box h2.sp {font-size:30px;} .view_bbs_title_box h2 span {display:inline-block; color:#3c007b; width:100%; font-size:14px; padding:0 0 5px 0; line-height:100%;} .view_bbs_title_box h2 notice {font-weight:500; font-size:10px; background:orangered; color:#fff; line-height:100%; padding:4px; border-radius:3px; margin-right:5px; display:inline-block; vertical-align:middle;} .view_bbs_title_box .who_wrp {display:inline-block; width:100%; text-align:left; line-height:100%; font-size:0; position:relative; margin-top:25px;} .view_bbs_title_box .who_wrp span {} .view_bbs_title_box .who_wrp .name {display:inline-block; vertical-align:middle; line-height:100%; color:#333; width:100%; font-size:12px;} .view_bbs_title_box .who_wrp .name.clm {} .view_bbs_title_box .who_wrp .name:before {content:"작성자"; display:inline-block; background:#333; color:#eee; padding:4px 5px; border-radius:3px; margin-right:10px; font-size:11px;} .view_bbs_title_box .who_wrp .name.clm:before {content:"오피니언";} .view_bbs_title_box .who_wrp .rst_i {position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:0;} .view_bbs_title_box .who_wrp .rst_i span {display:inline-block; vertical-align:middle; line-height:100%; padding-left:10px;} .view_bbs_title_box .who_wrp .rst_i .date {font-family:tahoma; font-size:11px;} .view_bbs_title_box .who_wrp .rst_i .date:before {content:"D : "; color:#999;} .view_bbs_title_box .who_wrp .rst_i .hit {font-family:tahoma; font-size:11px;} .view_bbs_title_box .who_wrp .rst_i .hit:before {content:"H : "; color:#999;} @media screen and (max-width: 1260px){ } @media screen and (max-width: 650px){ .view_bbs_title_box {padding:0 15px;} .view_bbs_title_box h2 {font-size:18px; padding:0 10px;} .view_bbs_title_box h2.sp {font-size:18px;} .view_bbs_title_box .who_wrp {margin:15px 0 10px 0; padding:0 10px;} .view_bbs_title_box .who_wrp .rst_i {right:10px; transform:translateY(-50%);} } /* 게시물 첨부파일 */ .att_file_down {position:relative; font-size:0; text-align:left; background:#fafafa; padding:25px; border-radius:10px; margin-top:15px;border:1px solid #eee; } .att_file_down i, .att_file_down h3 {display:inline-block; vertical-align:middle; line-height:100%; font-weight:normal;} .att_file_down i {color:#000; font-size:18px;} .att_file_down h3 {color:#000; font-size:13px; padding-left:10px; font-weight:bold;} .att_file_down ul.down_file_box {display:inline-block; width:100%; margin-top:7px;} .att_file_down ul.down_file_box li {display:inline-block; position:relative; margin:5px 5px 0 0;} .att_file_down ul.down_file_box li a {display:block; font-size:0; line-height:100%; padding:10px 15px; background:#fff; border:0px solid #eee; border-radius:35px; transition:all .3s;} .att_file_down ul.down_file_box li a:hover {background:yellow;} .att_file_down ul.down_file_box li a span, .att_file_down ul.down_file_box li a em {display:inline-block; vertical-align:middle; font-style:normal; line-height:100%;} .att_file_down ul.down_file_box li a span {font-size:12px; color:#000; transition:all .3s;} .att_file_down ul.down_file_box li a span.size {font-size:11px; color:#999; padding-left:5px;} .att_file_down ul.down_file_box li a:hover span {color:#000;} .att_file_down ul.down_file_box li a em {font-size:11px; font-family:arial; padding-left:5px; color:#ddd; transition:all .3s;} .att_file_down ul.down_file_box li a:hover em {color:#999;} @media screen and (max-width: 650px){ .att_file_down {padding:20px;} } /* 게시판하단 버튼 기본 css */ .bd_view_btn_box {display:inline-block; width:100%; text-align:center;} .bd_view_btn_box ul.bvb_pos {display:inline-block; max-width:600px; width:100%; padding:25px 25px 0 25px; font-size:0;} .bd_view_btn_box ul.bvb_pos.spc {padding:40px 0 30px 0; margin-top:30px; border-top:1px solid #eeeeee; } .bd_view_btn_box ul.bvb_pos li {display:inline-block; vertical-align:middle; width:calc(25% - 6px); margin:0 3px; } .bd_view_btn_box ul.bvb_pos.spc li {width:250px;} .bd_view_btn_box ul.bvb_pos li a {width:100%; display:block; padding:13px 0; border:1px solid #e9e9e9;background:#fafafa; color:#000; font-size:13px;transition: all .2s; border-radius:35px; line-height:100%;} .bd_view_btn_box ul.bvb_pos li input {width:100%; display:block; padding:10px 0; margin:0 5px; border:1px solid #333;background:#333; color:white; font-size:13px;transition: all .2s; border-radius:35px; cursor:pointer; line-height:100%;} .bd_view_btn_box ul.bvb_pos li .button_default {width:100%; display:block; padding:10px 0; border:1px solid #e9e9e9;background:#fafafa; color:#333; font-size:13px;transition: all .2s; border-radius:35px; line-height:100%;} /* 한지역사 상세보기 - 상단 */ .poster_defaut_box {position:relative; top:0; left:0; width:100%; } .poster_defaut_box .bg_motion {position:absolute; top:-400px; left:0; width:100%; height:calc(100% + 400px); z-index:5; overflow:hidden;} .poster_defaut_box .bg_motion:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.65;z-index:3;} .poster_defaut_box.pattern .bg_motion {background:#333;} .poster_defaut_box.pattern .bg_motion:after {background: url(/images/bg_sq_w.png); opacity: 0.01;} .poster_defaut_box.basic {border:0;} .poster_defaut_box.youtube {border:0;} .poster_defaut_box .bg_ani {position:absolute; top:0; left:0; width:100%; height:100%;background-size:cover !important; background-position:center center !important;animation: zoom_eff 20s cubic-bezier(.25,.57,.25,.64) infinite; z-index:2;} .poster_defaut_box.exp_box {background:#fff; padding:100px 0;} .poster_defaut_box.exp_box:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/bg_slide.png); opacity:0.5; display:none;} .poster_dt_box {position:relative; top:0; left:50%; transform:translateX(-50%); max-width:var(--default_wd); width:100%; padding:100px 25px 100px 25px; z-index:5; transition:all 1s; } .poster_dt_box .basic_info {position:relative; font-size:0; text-align:center;} .poster_dt_box .basic_info .pic {width:400px; max-height:500px; height:auto; border-radius:7px; position:absolute; top:0; left:0; overflow:hidden; cursor:pointer;} .poster_dt_box .basic_info .pic img {width:100%; transform:scale(1); transition:all .3s;} .poster_dt_box .basic_info .pic:hover img {transform:scale(1.03);} .poster_dt_box .basic_info .pic .cvr {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.0);transition:all .3s; } .poster_dt_box .basic_info .pic .cvr .cm {position:absolute; top:calc(50% + 5px); left:0; transform:translateY(-50%); width:100%; text-align:center;transition:all .3s; opacity:0;} .poster_dt_box .basic_info .pic .cvr .cm i {display:inline-block; width:100%; color:#fff; font-size:60px;} .poster_dt_box .basic_info .pic .cvr .cm p {display:inline-block; width:100%; color:#fff; font-size:12px; padding-top:5px;} .poster_dt_box .basic_info .pic:hover .cvr {background:rgba(0,0,0,0.35);} .poster_dt_box .basic_info .pic:hover .cvr .cm {top:50%; opacity:1;} .poster_dt_box .basic_info .short {display:inline-block; vertical-align:top;width:100%; padding:0px 0 0 470px;} .poster_dt_box .basic_info .short .tb_wrap {position:relative; border-radius:15px; overflow:hidden; padding:0 0 0 20px; border:0px solid #e9e9e9;} .poster_dt_box .basic_info .short table.fv_info {width:100%; border-top:0px solid #3d3d3d; border-collapse:collapse; } .poster_dt_box .basic_info .short table.fv_info > tbody > tr > th, .poster_dt_box .basic_info .short table.fv_info > tbody > tr > td {border:none; border:0px solid #e9e9e9; line-height:160%;vertical-align:middle; text-align:left; font-family:var(--neo);} .poster_dt_box .basic_info .short table.fv_info > tbody > tr > th {padding:5px 0px; background:rgba(255,255,255,0); font-size:15px; width:90px;border-width:0/*0px 1px 1px 0px*/; color:#999; line-height:120%; font-weight:800;} .poster_dt_box .basic_info .short table.fv_info > tbody > tr > th:before {content:"ㆍ";} .poster_dt_box .basic_info .short table.fv_info > tbody > tr > td {padding:5px 0px; background:rgba(255,255,255,0); font-size:15px; width:calc(100% - 90px);border-width:0/*0px 0px 1px 1px*/; color:#fff; font-weight:800;} .poster_dt_box .basic_info .short table.fv_info > tbody > tr > td .mm em {font-style:normal; display:inline-block; padding-left:3px;} .poster_dt_box .basic_info .short .intro_msg {position:relative; padding:45px; margin-top:35px;border-radius:15px; background:rgba(0,0,0,0.25); text-align:left;} .poster_dt_box .basic_info .short .intro_msg h3 {position:relative; font-family:var(--neo); line-height:120%; font-weight:800; color:#fff; letter-spacing:-0.05em; font-size:20px; margin-bottom:15px;} .poster_dt_box .basic_info .short .intro_msg p {position:relative; font-family:var(--neo); font-weight:600; font-size:15px; line-height:170%; color:rgba(255,255,255,0.8);} .poster_dt_box .pp_hdbx {position:relative; margin-bottom:35px; text-align:left;} .poster_dt_box ul.color_5 {position:absolute; top:2px; left:-10px; width:30px; height:30px; } .poster_dt_box ul.color_5 li {position:absolute; width:50%; height:50%;} .poster_dt_box ul.color_5 li.red {top:0; left:0; background:#ec1d23;} .poster_dt_box ul.color_5 li.black {top:0; right:0; background:#000;} .poster_dt_box ul.color_5 li.yellow {bottom:0; left:0; background:#f6eb13;} .poster_dt_box ul.color_5 li.blue {bottom:0; right:0; background:#3853a4;} .poster_dt_box ul.color_5 li.white {top:50%; left:50%; transform:translate(-50%, -50%); background:#fff;} .poster_dt_box .pp_hdbx h2 {position:relative; font-family:var(--neo); line-height:120%; font-weight:800; color:#fff; letter-spacing:0em; font-size:40px; } .poster_dt_box .pp_hdbx h2 span {color:#000; position:absolute; top:0; right:0; font-size:20px; display:inline-block; vertical-align:middle; display:none;} .poster_dt_box .pp_hdbx h2 span em {position:absolute; top:-45px; left:0; color:#999; font-size:15px; font-style:normal; letter-spacing:-0.02em; display:none;} .poster_dt_box .pp_hdbx h2 logo {display:inline-block; vertical-align:middle; padding:0 0 0 0;} .poster_dt_box .pp_hdbx h2 logo img {width:250px;} .poster_dt_box .pp_hdbx p {position:relative; font-family:var(--neo); line-height:120%; font-weight:800; color:#e60013; letter-spacing:-0.05em; font-size:22px; padding:10px 0 0 5px;} .poster_mask {position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;visibility: hidden; opacity: 0; transition:all .9s; background:rgba(0,0,0,0.7);} .poster_mask.k_del {} .poster_mask.show {visibility: visible; opacity:1;z-index:1000000;transition:all .3s;} .poster_mask img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width:1000px; width: calc(100% - 30px); max-height:900px; height: calc(100% - 30px); object-fit: contain; border-radius:15px;} @media screen and (max-width: 2000px){ .poster_dt_box {padding:80px 25px;max-width:1100px;} .poster_dt_box .basic_info .pic {width:250px;} .poster_dt_box .basic_info .short {padding:0px 0 0 300px;} .poster_dt_box .basic_info .short table.fv_info > tbody > tr > th {padding:4px 0px; font-size:14px;} .poster_dt_box .basic_info .short table.fv_info > tbody > tr > td {padding:4px 0px; font-size:14px;} .poster_dt_box .basic_info .short .intro_msg {padding:35px; margin-top:30px;} .poster_dt_box .basic_info .short .intro_msg h3 {font-size:18px;} .poster_dt_box .basic_info .short .intro_msg p {font-size:14px} } @media screen and (max-width: 900px){ .poster_dt_box {padding:80px 60px;} .poster_dt_box .basic_info .pic {position:relative; max-width:350px; width:100%; display:inline-block; margin-top:25px;} .poster_dt_box .basic_info .short {padding:0px 0 0 0;} } @media screen and (max-width: 650px){ .poster_dt_box {padding:30px 20px;} .poster_dt_box .basic_info .pic {position:relative; max-width:450px; width:100%; display:inline-block; margin-top:20px;} .poster_dt_box .basic_info .short {padding:0px 0 0 0;} .poster_dt_box .basic_info .short .tb_wrap {padding:0 15px 15px 15px;} .poster_dt_box .basic_info .short table.fv_info > tbody > tr > th {padding:3px 0px; font-size:13px; width:70px;} .poster_dt_box .basic_info .short table.fv_info > tbody > tr > td {padding:3px 0px; font-size:13px;} .poster_dt_box .pp_hdbx {margin-bottom:20px; padding:0 15px;} .poster_dt_box .pp_hdbx h2 { font-size:30px; } .poster_dt_box .pp_hdbx h2 logo img {width:180px;} .poster_dt_box .basic_info .short .intro_msg {padding:0 15px; margin-top:25px;background:none;} .poster_dt_box .basic_info .short .intro_msg h3 {font-size:18px; margin-bottom:10px;} .poster_dt_box .basic_info .short .intro_msg p {font-size:13px; line-height:170%;} } /* 한지역사 상세보기 - 나머지 */ .poster_rest {position:relative;background:#fff; z-index:1;} .poster_rest:after {content:""; position:absolute; bottom:-30px; left:0; width:100%; height:30px; background:#fff;} .poster_view {position:relative; border-top:1px solid #eee;} .poster_view.basic {border:0; background:#f4fcff;} .poster_view .pv_wide {position:relative; left:0; right:0; max-width:1800px; width:calc(100% - 50px); margin:0 auto; font-size:0;} .poster_view .pv_wide.head {margin:80px auto 0 auto;border-radius:35px; overflow:hidden; background:#fafafa;} .poster_view .pv_wide.head:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/bg_slide.png); opacity: 0.35;} .poster_view .pv_pos {position:relative; left:0; right:0; max-width:var(--default_wd); width:100%; margin:auto; padding:100px 25px; z-index:1;} .poster_view .pv_pos .cp_hdbx, .poster_view .pv_pos .event_list {display:inline-block; vertical-align:top;} .poster_view .pv_pos .event_list .ev_all_content {display:inline-block; vertical-align:top; width:100%; font-size:15px;font-style: normal; font-family: var(--neo); font-weight: 700; line-height:180%;color: #555;} .poster_view .pv_pos .event_list .ev_all_content h4 {display:inline-block; vertical-align:top; width:100%; font-size: 18px; font-family: var(--neo); font-weight: 800; padding-bottom:7px;color: #000;} .poster_view .pv_pos .event_list .ev_all_content button {position: relative; font-size: 16px; background: gray; border-radius: 6px; border: none; color: rgb(255, 255, 255); width: 130px; height: 40px; background:gray; cursor:pointer;} .poster_view .pv_pos .event_list .ev_all_content button:hover {background:#000;} .poster_view .pv_pos .event_list .ev_all_content > a {position: relative; color:gray;} .poster_view .pv_pos .event_list .ev_all_content > a:hover {color:#000;} .poster_view .pv_pos .event_list .ev_all_content > a i {display:inline-block; color:#000;} .poster_view .pv_pos .cp_hdbx {width:400px;position: sticky; position: -webkit-sticky; top:110px; left:0; over flow:hidden; padding:0 0 0 20px; text-align:right; z-index:2;} .poster_view .pv_pos .cp_hdbx:before {content:""; position:absolute; top:15px; left:15px; width:25px; height:25px; border:1px solid #333; border-width:2px 0 0 2px; display:none;} .poster_view .pv_pos .cp_hdbx .sbj {position:relative; font-family:var(--neo); line-height:120%; font-weight:normal; color:#000; font-size:16px; padding:3px 0 0 2px; display:none;} .poster_view .pv_pos .cp_hdbx h3 {position:relative; font-family:var(--neo); line-height:100%; font-weight:800; color:#000; letter-spacing:-0.05em; font-size:35px; /*padding-left:20px; border-left:3px solid #333;*/ } .poster_view .pv_pos .cp_hdbx h3 span { display:inline-block; width:100%; line-height:100%; padding-top:3px;} .poster_view .pv_pos .cp_hdbx h3 span.prz_tit {color:#d50000;} .poster_view .pv_pos .cp_hdbx h3 em {display:inline-block; width:100%; font-family:var(--bar); font-weight:normal; font-style:normal; padding-top:3px; color:#777; font-size:13px; letter-spacing:0;} .poster_view .pv_pos .cp_hdbx p {position:relative; line-height:160%; font-weight:bold; color:rgba(0,0,0,0.5); letter-spacing:-0.05em; font-size:13px; padding:15px 0 0 0; font-weight:normal; letter-spacing:0; display:none;} .poster_view .pv_pos .event_list {width:calc(100% - 400px); padding:0px 0 0 100px; position:relative;over flow:hidden;} .poster_view .pv_pos ul.color_5 {position:relative; display:inline-block;padding:10px 3px 0 0 ;} .poster_view .pv_pos ul.color_5 li {display:inline-block; width:5px; height:5px; margin-left:5px; border-radius:100%;} .poster_view .pv_pos ul.color_5 li.red {background:#ec1d23;} .poster_view .pv_pos ul.color_5 li.black {background:#000;} .poster_view .pv_pos ul.color_5 li.yellow {background:#f6eb13;} .poster_view .pv_pos ul.color_5 li.blue {background:#3853a4;} .poster_view .pv_pos ul.color_5 li.white {background:#eee;} .poster_view .pv_pos ul.default {position:relative; } .poster_view .pv_pos ul.default li {font-size:0;position:relative; margin-top:35px;} .poster_view .pv_pos ul.default li:first-child {margin:0;} .poster_view .pv_pos ul.default li span {display:inline-block; vertical-align:top; line-height:110%;} .poster_view .pv_pos ul.default li .tt {width:100%; font-size:18px;font-family:var(--neo); font-weight:800; color:#000; padding-bottom:7px;} .poster_view .pv_pos ul.default li .mm {font-size:0; line-height:100%; counter-reset:li;} .poster_view .pv_pos ul.default li .mm em {display:inline-block; vertical-align:top; width:100%; margin:8px 0px 0 0; line-height:130%; font-size:14px; font-style:normal;font-family:var(--neo); font-weight:700;/color:#555; text-indent:-9px; padding:0 0 0 22px;} .poster_view .pv_pos ul.default li .mm em:before {content:counter(li)"."; counter-increment:li; display:inline-block; padding-right:3px; color:#777;} .poster_view .pv_pos ul.support {position:relative;} .poster_view .pv_pos ul.support li {display:inline-block; vertical-align:top; width:100%; font-size:0;position:relative; margin-top:35px;} .poster_view .pv_pos ul.support li:first-child {margin:0;} .poster_view .pv_pos ul.support li > div {display:inline-block; vertical-align:top; width:100%; line-height:110%; } .poster_view .pv_pos ul.support li .tt {width:100%; font-size:18px;font-family:var(--neo); font-weight:800; color:#000; padding-bottom:7px;} .poster_view .pv_pos ul.support li .mm {font-size:0; line-height:100%;} .poster_view .pv_pos ul.support li .mm em {display:inline-block; vertical-align:top; font-size:15px;font-family:var(--neo); font-weight:bold;margin:15px 15px 0 0; line-height:100%; font-style:normal;} .poster_view .pv_pos ul.support li .mm em:before {content:"#"; color:#ddd;} .poster_view .pv_pos ul.prz_bx {position:relative;} .poster_view .pv_pos ul.prz_bx > li {display:inline-block; vertical-align:top; width:100%; font-size:0;position:relative;} .poster_view .pv_pos ul.prz_bx > li:first-child {margin:0;} .poster_view .pv_pos ul.prz_bx > li > div {display:inline-block; vertical-align:top; width:100%; line-height:110%; } .poster_view .pv_pos ul.prz_bx > li .tt {width:100%; font-size:22px;font-family:var(--neo); font-weight:800; color:#000; padding-bottom:10px;} .poster_view .pv_pos ul.prz_bx : li .mm {font-size:15px; line-height:100%;} .poster_view .content {display:inline-block; width:100%; padding:0px; line-height:180%; font-size:15px; font-style:normal;font-family:var(--neo); font-weight:700; color:#555;} .poster_view .content .view_vod {border-radius:15px; overflow:hidden;} .poster_view .content > span > img {border-radius:15px;} .poster_view .festival_pic {position:relative; font-size:0; margin-top:35px;} .poster_view .festival_pic span {display:inline-block; vertical-align:middle; width:calc(20% - 10px); margin:5px !important; border:0px solid red; background-size:cover !important; background-position:center center; overflow:hidden; position:relative; cursor:pointer; border-radius:10px;} .poster_view .festival_pic span:after {content:""; display:block; padding-top:100%;} .poster_view.youtube .pv_wide.head {background:none;} .poster_view.youtube .pv_wide.head:after {background:#000; opacity:0.6;} .poster_view.youtube .pv_pos .basic_info .short table.fv_info > tbody > tr > td {color:#fff;} .poster_view.youtube .pv_pos .basic_info .short .intro_msg {background:rgba(0,0,0,0.3);} .poster_view.youtube .pv_pos .basic_info .short .intro_msg h3 {color:#fff;} .poster_view.youtube .pv_pos .basic_info .short .intro_msg p {color:rgba(255,255,255,0.7);} @media screen and (max-width: 2000px){ .poster_rest {margin-top:0;} } @media screen and (max-width: 1500px){ .poster_rest {margin-top:0;} } @media screen and (max-width: 1160px){ .poster_view .pv_pos {padding:80px 60px;} .poster_view .pv_pos .cp_hdbx {width:200px; padding:0 0 0 0px; } .poster_view .pv_pos .event_list {width:calc(100% - 200px); padding:0px 0 0 50px;} } @media screen and (max-width: 900px){ .poster_view .pv_pos {padding:50px 30px;} .poster_view .pv_pos .cp_hdbx {width:150px; } .poster_view .pv_pos .cp_hdbx h3 {font-size:25px;} .poster_view .pv_pos .event_list {width:calc(100% - 150px); padding:0px 0 0 30px;} } @media screen and (max-width: 650px){ .poster_view .pv_wide {width:calc(100% - 30px);} .poster_view .pv_pos {padding:30px 0px;} .poster_view .pv_pos .cp_hdbx {width:120px; top:70px;} .poster_view .pv_pos .cp_hdbx h3 {font-size:18px;} .poster_view .pv_pos .event_list {width:calc(100% - 120px); padding:0px 0 0 20px;} .poster_view .pv_pos .event_list .ev_all_content {line-height:160%; font-size:13px;} .poster_view .pv_pos .event_list .ev_all_content h4 {font-size:15px; padding-bottom:5px;} .poster_view .content {line-height:160%; font-size:13px;} .poster_view .content .view_vod {border-radius:5px;} .poster_view .content > span > img {border-radius:5px;} .poster_view .festival_pic {margin-top:20px;} .poster_view .festival_pic span {width:calc(33.3333% - 2px); margin:1px !important; border-radius:3px;} .poster_view .pv_pos ul.default li {margin-top:20px;} .poster_view .pv_pos ul.default li .tt {font-size:15px; padding-bottom:5px;} .poster_view .pv_pos ul.default li .mm em {margin:5px 0px 0 0; font-size:13px;text-indent:-7px; padding:0 0 0 15px;} .poster_view .pv_pos ul.support li {margin-top:20px;} .poster_view .pv_pos ul.support li .tt {font-size:15px; padding-bottom:5px;} .poster_view .pv_pos ul.support li .mm em {margin:10px 10px 0 0; font-size:13px;} } /* 한지역사 좌우몰록 버튼 */ .move_arrow {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); height:80px; z-index:10; transition:all .3s; overflow:hidden;} .move_festival {position:absolute; top:50%; transform:translateY(-50%); width:150px; height:100%; transition:all .3s;} .move_festival.prv {left:0;} .move_festival.nxt {right:0;} .move_festival a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;} .move_festival .arrow {position:absolute; top:50%; width:25px; height:25px; transform:translateY(-50%) rotate(45deg); border:1px solid rgba(255,255,255,0.3);transition:all .3s;} .move_festival h4 {position:absolute; top:50%; transform:translateY(-50%);width:100%;font-size:16px; width:100%;color:rgba(255,255,255,0.3); font-family:var(--neo); font-weight:800; line-height:100%;transition:all .3s;} .move_festival.prv h4 {left:55px; text-align:left;} .move_festival.nxt h4 {right:55px; text-align:right;} .move_festival.prv:hover {left:-10px;} .move_festival.nxt:hover {right:-10px;} .move_festival:hover .arrow {border-color:#fff;} .move_festival:hover h4 {color:#fff; } .move_festival.prv .arrow {left:30px; border-width:0 0px 1px 1px ;} .move_festival.nxt .arrow {right:30px; border-width:1px 1px 0 0px;} @media screen and (max-width: 2000px){ .move_festival .arrow {width:25px; height:25px;} .move_festival h4 {font-size:13px;} } @media screen and (max-width: 1500px){ .move_arrow {display:none;} } /* 리스트내 첨부파일리스트 */ ul.down_blk {display:inline-block; vertical-align:top; width:100%; position:relative; margin-top:10px;} ul.down_blk li {display:inline-block; vertical-align:middle; margin:5px 0px 0 0; position:relative; width:100%;} ul.down_blk li.none {} ul.down_blk li a {display:inline-block; font-size:0; line-height:110%;background:#fff; border:1px solid #9dd6ff; padding:8px 15px; border-radius:30px;} ul.down_blk li a span {display:inline-block; vertical-align:middle;font-family:var(--neo); line-height:110%;} ul.down_blk li a .att_name {font-size:12px; color:#2f668f; font-weight:800;} ul.down_blk li a .att_size {font-size:11px;font-family:tahoma; color:#999; font-weight:normal; padding:0 0 0 5px;} ul.down_blk li a:hover .att_name {color:#008ff9;} @media screen and (max-width: 650px){ ul.down_blk {margin:5px 0 0 -5px;} ul.down_blk li {margin:3px 0px 0 0;} ul.down_blk li a {padding:5px 10px;} ul.down_blk li a .att_name {font-size:10px; font-weight:700;} ul.down_blk li a .att_size {font-size:10px; display:none;} } /**/ .add_notice {position:relative; left:0; right:0; margin:auto; max-width:1200px; width:calc(100% - 20px); padding:55px; background:#fafafa; text-align:left; border-radius:30px;} .add_notice .an_hdbx {position:relative; } .add_notice .an_hdbx h3 {position:relative; font-weight:800; font-size:22px; line-height:100%; color:#000;} .add_notice .an_hdbx h3 span {color:#e60013; display:inline-block; padding-right:10px;} .add_notice .an_hdbx p {position:relative; font-weight:500; font-size:13px; line-height:160%; padding:5px 0 0 1px; color:#000; } .add_notice ul.care_info {position:relative; font-size:0; padding:15px 0 0 0;} .add_notice ul.care_info li {position:relative; font-size:0; padding:7px 0 0 0;} .add_notice ul.care_info li span {display:inline-block; vertical-align:top; position:relative;} .add_notice ul.care_info li .c_tit {width:80px; font-size:13px; font-weight:500; color:#333;} .add_notice ul.care_info li .c_tit:before {content:"ㆍ";} .add_notice ul.care_info li .c_txt {width:calc(100% - 80px); font-size:13px;font-weight:600; color:#000;} @media screen and (max-width: 650px){ .add_notice {padding:25px; border-radius:10px;} .add_notice .an_hdbx h3 {font-size:17px; } .add_notice ul.care_info li {padding:2px 0 0 0;} .add_notice ul.care_info li .c_tit {width:80px; font-size:11px;} .add_notice ul.care_info li .c_txt {width:calc(100% - 80px); font-size:11px;} }