/* ========================== 게시판 outline */ .basic_li_box {position:relative; top:0; left:0; width:100%; padding:50px;} .basic_li_box.sm_wd {max-width:800px; right:0; margin:auto; padding:100px 30px;} .basic_li_box h2 {position:relative; top:0; left:0; border:1px solid red; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:30px; line-height:100%; padding-bottom:35px; text-align:center; letter-spacing:-0.05em; color:black;} /* ========================== 게시판 리스트 스킨 */ /* 기본게시판 기본 css */ ul.bbs_default {display:inline-block; width:100%; font-size:0; text-align:left; } ul.bbs_default li {display:inline-block; width:100%; transition:all .2s; line-height:45px; border-bottom:1px solid #eeeeee; transition:all .2s; font-size:0;position:relative;} ul.bbs_default li.spc_wrt {position:absolute; top:50px; right:50px; width:auto; padding:0; margin:0; line-height:100%; border:0;} ul.bbs_default li.spc_wrt a {font-size:12px; color:white; padding:7px 15px; background:#333333; border-radius:3px;} ul.bbs_default li:hover {background:#fafafa; transition:all .2s;} ul.bbs_default li.txalg {text-align:center; background:#fafafa; border:1px solid #565656; border-width:1px 0 1px 0; border-bottom:1px solid #eeeeee; color:black; line-height:45px;} ul.bbs_default li .no {display:inline-block; vertical-align:middle; font-size:12px; width:50px; text-align:center; border:1px solid transparent;} ul.bbs_default li .subj {display:inline-block; vertical-align:middle; font-size:12px; width:calc(100% - 370px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} ul.bbs_default li .subj a {padding-left:0px; color:black;transition:all .2s;} ul.bbs_default li .subj a:hover {color:red;transition:all .2s;} ul.bbs_default li .rep {display:inline-block; vertical-align:middle; font-size:12px; width:60px; text-align:center;} ul.bbs_default li .date {display:inline-block; vertical-align:middle; font-size:12px; width:80px; text-align:center;} ul.bbs_default li .e_set {display:inline-block; vertical-align:middle; font-size:0; width:180px; } ul.bbs_default li .file {display:inline-block; vertical-align:middle; font-size:12px; width:50px; text-align:center; } ul.bbs_default li .name {display:inline-block; vertical-align:middle; font-size:12px; width:calc(100% - 110px); text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} ul.bbs_default li .hit {display:inline-block; vertical-align:middle; font-size:12px; width:60px; text-align:center;} ul.bbs_default li .spno {font-family:tahoma; font-size:11px;} ul.bbs_default li .spno input {margin-top:18px;} ul.bbs_default li .bs_hd {display:none;} /* 공유주제 기본 css */ ul.bbs_maptop1 {display:inline-block; width:100%; font-size:0; text-align:left; } ul.bbs_maptop1 li {display:inline-block; width:100%; transition:all .2s; line-height:50px; border-bottom:1px solid #eeeeee; transition:all .2s; font-size:0;} ul.bbs_maptop1 li:hover {background:#fafafa; transition:all .2s;} ul.bbs_maptop1 li.txalg {text-align:center; background:#f4f4f4; border:1px solid #565656; border-width:2px 0 1px 0; border-bottom:1px solid #eeeeee; color:black; font-weight:bold; line-height:60px;} ul.bbs_maptop1 li .no {display:inline-block; vertical-align:middle; font-size:13px; width:60px; text-align:center;} ul.bbs_maptop1 li .kind {display:inline-block; vertical-align:middle; font-size:13px; width:110px; text-align:left; color:#36007d;} ul.bbs_maptop1 li .kind span {margin-right:5px; color:black;} ul.bbs_maptop1 li .subj {display:inline-block; vertical-align:middle; font-size:13px; width:calc(100% - 600px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} ul.bbs_maptop1 li .subj a {padding-left:0px; color:black;transition:all .2s;} ul.bbs_maptop1 li .subj a:hover {color:red;transition:all .2s;} ul.bbs_maptop1 li .rep {display:inline-block; vertical-align:middle; font-size:13px; width:80px; text-align:center;} ul.bbs_maptop1 li .date {display:inline-block; vertical-align:middle; font-size:13px; width:100px; text-align:center;} ul.bbs_maptop1 li .date i {font-size:18px;} ul.bbs_maptop1 li .e_set {display:inline-block; vertical-align:middle; font-size:0; width:250px; } ul.bbs_maptop1 li .file {display:inline-block; vertical-align:middle; font-size:13px; width:50px; text-align:center; } ul.bbs_maptop1 li .name {display:inline-block; vertical-align:middle; font-size:13px; width:calc(100% - 120px); text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} ul.bbs_maptop1 li .hit {display:inline-block; vertical-align:middle; font-size:13px; width:70px; text-align:center;} ul.bbs_maptop1 li .spno {font-family:tahoma; font-size:11px;} ul.bbs_maptop1 li .spno input {margin-top:18px;} ul.bbs_maptop1 li .bs_hd {display:none;} /* 공유주제 기본 css */ ul.bbs_maptop2 {display:inline-block; width:100%; font-size:0; text-align:left; } ul.bbs_maptop2 li {display:inline-block; width:100%; transition:all .2s; line-height:50px; border-bottom:1px solid #eeeeee; transition:all .2s; font-size:0;} ul.bbs_maptop2 li:hover {background:#fafafa; transition:all .2s;} ul.bbs_maptop2 li.txalg {text-align:center; background:#f4f4f4; border:1px solid #565656; border-width:2px 0 1px 0; border-bottom:1px solid #eeeeee; color:black; font-weight:bold; line-height:60px;} ul.bbs_maptop2 li .no {display:inline-block; vertical-align:middle; font-size:13px; width:60px; text-align:center;} ul.bbs_maptop2 li .kind {display:inline-block; vertical-align:middle; font-size:13px; width:210px; text-align:left; color:#36007d;} ul.bbs_maptop2 li .subj {display:inline-block; vertical-align:middle; font-size:13px; width:calc(100% - 450px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} ul.bbs_maptop2 li .subj span {margin-right:5px; color:red;} ul.bbs_maptop2 li .subj a {padding-left:0px; color:black;transition:all .2s;} ul.bbs_maptop2 li .subj a:hover {color:red;transition:all .2s;} ul.bbs_maptop2 li .rep {display:inline-block; vertical-align:middle; font-size:13px; width:80px; text-align:center;} ul.bbs_maptop2 li .date {display:inline-block; vertical-align:middle; font-size:13px; width:100px; text-align:center;} ul.bbs_maptop2 li .date i {font-size:18px;} ul.bbs_maptop2 li .e_set {display:none; vertical-align:middle; font-size:0; width:250px; } ul.bbs_maptop2 li .file {display:inline-block; vertical-align:middle; font-size:13px; width:50px; text-align:center; } ul.bbs_maptop2 li .name {display:inline-block; vertical-align:middle; font-size:13px; width:calc(100% - 120px); text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;} ul.bbs_maptop2 li .hit {display:inline-block; vertical-align:middle; font-size:13px; width:70px; text-align:center;} ul.bbs_maptop2 li .spno {font-family:tahoma; font-size:11px;} ul.bbs_maptop2 li .spno input {margin-top:18px;} ul.bbs_maptop2 li .bs_hd {display:none;} /* 공유주제 블럭형 css */ ul.bbs_maptop3 {display:inline-block; width:100%; font-size:0; text-align:left; } ul.bbs_maptop3 li {display:inline-block; vertical-align:top; width:calc(33.3333% - 10px); margin:5px; transition:all .2s; padding:45px; border:1px solid #eeeeee; background:#f5f3f3; border-radius:15px; position:relative;} ul.bbs_maptop3 li:hover {transition:all .2s; background:white; border:1px solid #eeeeee; box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1);} ul.bbs_maptop3 li .ct_wrp {float:left; font-size:13px; width:100%; } ul.bbs_maptop3 li h3 {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 15px 0; font-size:18px; text-align:left; width:100%; line-height:140%; letter-spacing:-0.05em;} ul.bbs_maptop3 li h3 a {color:black;transition:all .2s;} ul.bbs_maptop3 li:hover h3 a {color:#461067;transition:all .2s;} ul.bbs_maptop3 li .kind {float:left; padding:0 0 15px 0; width:100%; } ul.bbs_maptop3 li .kind span {float:left; padding:5px; font-size:13px; border:1px solid #eeeeee; background:white; transition:all .2s;} ul.bbs_maptop3 li hover .kind span {background:#fafafa; transition:all .2s;} ul.bbs_maptop3 li .e_set {float:left; width:100%; padding:0 0 15px 0;} ul.bbs_maptop3 li .hit {float:left; width:100%; font-size:13px; width:calc(100% - 150px);} ul.bbs_maptop3 li .hit:before {content:"조회수"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.bbs_maptop3 li .hit:after {content:"회"; color:rgba(0,0,0,0.5);} ul.bbs_maptop3 li .date {float:left; font-size:13px; width:150px; } ul.bbs_maptop3 li .date:before {content:"등록일"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.bbs_maptop3 li p {float:left; font-size:13px; text-align:left; width:100%; line-height:170%;} ul.bbs_maptop3 li p a {color:rgba(0,0,0,0.7);transition:all .2s;} ul.bbs_maptop3 li:hover p a {color:rgba(0,0,0,0.9);transition:all .2s;} ul.bbs_maptop3 li .etc_count {position:absolute; top:0; left:0; width:100%; height:0; float:left; z-index:1;} ul.bbs_maptop3 li .etc_count .cnt_pos {position:absolute; top:15px; width:60px; color:black; text-align:center;z-index:2;} ul.bbs_maptop3 li .etc_count .cnt_pos.memo {right:0px; ;} ul.bbs_maptop3 li .etc_count .cnt_pos.like {left:0; } ul.bbs_maptop3 li .etc_count .pic {position:absolute; top:15px; left:15px; width:30px; height:30px; border-radius:100%; overflow:hidden; z-index:2;} ul.bbs_maptop3 li .etc_count .pic img {width:100%;} ul.bbs_maptop3 li .etc_count .cnt_pos i {float:left; width:100%; font-size:25px;} ul.bbs_maptop3 li .etc_count .cnt_pos i.clr1 {color:black;} ul.bbs_maptop3 li .etc_count .cnt_pos i.clr2 {color:red;} ul.bbs_maptop3 li .etc_count .cnt_pos .cnt_ea {float:left; width:100%; font-family:tahoma; font-size:12px; padding-top:3px;} /* 웹진형1 css */ ul.bbs_webzine1 {display:inline-block; width:100%; font-size:0; text-align:left; border-top:1px solid #eeeeee;} ul.bbs_webzine1 li {display:inline-block; width:100%; width:100%; transition:all .2s; border-bottom:1px solid #eeeeee; font-size:0; padding:50px 0; transition:all .2s;} ul.bbs_webzine1 li:hover {background:#fafafa; transition:all .2s;} ul.bbs_webzine1 li .no {display:inline-block; vertical-align:middle; font-family: 'Roboto', sans-serif; font-weight:300; font-size:18px; width:80px; text-align:center; border:1px solid transparent;} ul.bbs_webzine1 li .pic {display:inline-block; vertical-align:middle; width:250px; overflow:hidden;} ul.bbs_webzine1 li .pic img {width:100%;transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;} ul.bbs_webzine1 li:hover .pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);transition:all 0.3s ease-in-out;} ul.bbs_webzine1 li .ct_wrp {display:inline-block; vertical-align:top; font-size:13px; width:calc(100% - 330px); padding:10px 50px; } ul.bbs_webzine1 li h3 {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 15px 0; font-size:20px; text-align:left; width:100%; line-height:25px; letter-spacing:-0.05em; overflow:hidden;} ul.bbs_webzine1 li h3 a {color:black;transition:all .2s;} ul.bbs_webzine1 li:hover h3 a {color:#461067;transition:all .2s;} ul.bbs_webzine1 li .e_set {float:left; width:100%; padding:0 0 15px 0;} ul.bbs_webzine1 li .hit {float:left; width:100%; font-size:13px; width:calc(100% - 150px);} ul.bbs_webzine1 li .hit:before {content:"조회"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.bbs_webzine1 li .hit:after {content:"회"; color:rgba(0,0,0,0.5);} ul.bbs_webzine1 li .date {float:left; font-size:13px; width:150px; } ul.bbs_webzine1 li .date:before {content:"등록일"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.bbs_webzine1 li p {float:left; font-size:15px; text-align:left; width:100%; line-height:25px;} ul.bbs_webzine1 li p a {color:rgba(0,0,0,0.7);transition:all .2s;} ul.bbs_webzine1 li:hover p a {color:rgba(0,0,0,0.9);transition:all .2s;} ul.bbs_webzine1 li .name {float:left; width:100%; font-size:13px; color:black; font-weight:bold; padding-top:30px;} ul.bbs_webzine1 li .name:before {content:"작성자"; margin-right:10px; color:rgba(0,0,0,0.5); font-weight:normal;} ul.bbs_webzine1 li .etc_count {width:100%; font-size:0; text-align:left; display:inline-block;} ul.bbs_webzine1 li .etc_count .cnt_pos {display:inline-block; padding:15px 0; width:100%; text-align:left; border:1px dashed #dddddd; border-width:0px 0; } ul.bbs_webzine1 li .etc_count .cnt_pos .fd_back {display:inline-block; vertical-align:middle; width:auto; padding:0 15px 0; text-align:left;} ul.bbs_webzine1 li .etc_count .cnt_pos i {display:inline-block; vertical-align:middle; width:auto; font-size:25px; } ul.bbs_webzine1 li .etc_count .cnt_pos i.clr1 {color:#000000;} ul.bbs_webzine1 li .etc_count .cnt_pos i.clr2 {color:#dc0041;} ul.bbs_webzine1 li .etc_count .cnt_pos .cnt_ea {display:inline-block; vertical-align:middle; width:auto; font-family:tahoma; font-size:12px; padding:0 0 0 8px;} /* 포토형1 css */ ul.bbs_photo1 {display:inline-block; width:100%; font-size:0; text-align:left; } ul.bbs_photo1 li {display:inline-block; vertical-align:top; width:33.3333%; transition:all .2s; padding:15px;} ul.bbs_photo1 li:hover {transition:all .2s;} ul.bbs_photo1 li .pic {float:left; width:100%; overflow:hidden;} ul.bbs_photo1 li .pic img {width:100%;transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;} ul.bbs_photo1 li:hover .pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);transition:all 0.3s ease-in-out;} ul.bbs_photo1 li .ct_wrp {float:left; font-size:13px; width:100%; padding:20px 10px 10px 10px; } ul.bbs_photo1 li h3 {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 15px 0; font-size:20px; text-align:left; width:100%; line-height:140%; letter-spacing:-0.05em;} ul.bbs_photo1 li h3 a {color:black;transition:all .2s;} ul.bbs_photo1 li:hover h3 a {color:#461067;transition:all .2s;} ul.bbs_photo1 li .e_set {float:left; width:100%; padding:0 0 15px 0;} ul.bbs_photo1 li .hit {float:left; width:100%; font-size:13px; width:calc(100% - 150px);} ul.bbs_photo1 li .hit:before {content:"조회"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.bbs_photo1 li .hit:after {content:"회"; color:rgba(0,0,0,0.5);} ul.bbs_photo1 li .date {float:left; font-size:13px; width:150px; } ul.bbs_photo1 li .date:before {content:"등록일"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.bbs_photo1 li p {float:left; font-size:13px; text-align:left; width:100%; line-height:170%;} ul.bbs_photo1 li p a {color:rgba(0,0,0,0.7);transition:all .2s;} ul.bbs_photo1 li:hover p a {color:rgba(0,0,0,0.9);transition:all .2s;} ul.bbs_photo1 li .name {float:left; width:100%; font-size:13px; color:black; font-weight:bold;padding:30px 0 0 0;} ul.bbs_photo1 li .name:before {content:"작성자"; margin-right:10px; color:rgba(0,0,0,0.5); font-weight:normal;} ul.bbs_photo1 li .etc_count {position:relative; top:0; left:0; width:100%; height:0; float:left; z-index:1;} ul.bbs_photo1 li .etc_count .cnt_pos {position:absolute; top:15px; width:60px; color:white; text-align:center;z-index:2;} ul.bbs_photo1 li .etc_count .cnt_pos.memo {right:0; ;} ul.bbs_photo1 li .etc_count .cnt_pos.like {left:0; } ul.bbs_photo1 li .etc_count .cnt_pos i {float:left; width:100%; font-size:25px;} ul.bbs_photo1 li .etc_count .cnt_pos i.clr1 {color:white;} ul.bbs_photo1 li .etc_count .cnt_pos i.clr2 {color:red;} ul.bbs_photo1 li .etc_count .cnt_pos .cnt_ea {float:left; width:100%; font-family:tahoma; font-size:12px; padding-top:3px;} ul.bbs_photo1 li .etc_count .bg_cvr {position:absolute; top:0; width:100%; height:80px; background: linear-gradient( to top, rgba(0,0,0,0), rgba(0,0,0,0.6)); z-index:1;} /* 이슈주제 css */ ul.bbs_issue1 {display:inline-block; width:100%; font-size:0; text-align:left; } ul.bbs_issue1 li {display:inline-block; vertical-align:top; width:calc(33.3333% - 10px); margin:5px; transition:all .2s; padding:45px; border:1px solid #eeeeee; background:#f5f3f3; border-radius:15px; position:relative;} ul.bbs_issue1 li:hover {transition:all .2s; background:white; border:1px solid #eeeeee; box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1);} ul.bbs_issue1 li .ct_wrp {float:left; font-size:13px; width:100%; } ul.bbs_issue1 li h3 {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 15px 0; font-size:20px; text-align:left; width:100%; line-height:140%; letter-spacing:-0.05em;} ul.bbs_issue1 li h3 a {color:black;transition:all .2s;} ul.bbs_issue1 li:hover h3 a {color:#461067;transition:all .2s;} ul.bbs_issue1 li .e_set {float:left; width:100%; padding:0 0 15px 0;} ul.bbs_issue1 li .hit {float:left; width:100%; font-size:13px; width:calc(100% - 150px);} ul.bbs_issue1 li .hit:before {content:"조회수"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.bbs_issue1 li .hit:after {content:"회"; color:rgba(0,0,0,0.5);} ul.bbs_issue1 li .date {float:left; font-size:13px; width:150px; } ul.bbs_issue1 li .date:before {content:"등록일"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.bbs_issue1 li p {float:left; font-size:13px; text-align:left; width:100%; line-height:170%;} ul.bbs_issue1 li p a {color:rgba(0,0,0,0.7);transition:all .2s;} ul.bbs_issue1 li:hover p a {color:rgba(0,0,0,0.9);transition:all .2s;} ul.bbs_issue1 li .etc_count {position:absolute; top:0; left:0; width:100%; height:0; float:left; z-index:1;} ul.bbs_issue1 li .etc_count .cnt_pos {position:absolute; top:15px; width:60px; color:black; text-align:center;z-index:2;} ul.bbs_issue1 li .etc_count .cnt_pos.memo {right:0px; ;} ul.bbs_issue1 li .etc_count .cnt_pos.like {left:0; } ul.bbs_issue1 li .etc_count .pic {position:absolute; top:15px; left:15px; width:30px; height:30px; border-radius:100%; overflow:hidden; z-index:2;} ul.bbs_issue1 li .etc_count .pic img {width:100%;} ul.bbs_issue1 li .etc_count .cnt_pos i {float:left; width:100%; font-size:25px;} ul.bbs_issue1 li .etc_count .cnt_pos i.clr1 {color:black;} ul.bbs_issue1 li .etc_count .cnt_pos i.clr2 {color:red;} ul.bbs_issue1 li .etc_count .cnt_pos .cnt_ea {float:left; width:100%; font-family:tahoma; font-size:12px; padding-top:3px;} /* 리뷰 기본 css */ ul.review1 {display:inline-block; width:100%; font-size:0; text-align:left; } ul.review1 li {display:inline-block; vertical-align:top; width:calc(33.3333% - 30px); margin:15px; transition:all .2s; padding:45px; border-radius:10px; background:#fafafa; border:1px solid #eeeeee; transition:all .2s;} ul.review1 li.bg1 {background:#fffdff;transition:all .2s;} ul.review1 li.bg2 {background:#fafafa;transition:all .2s;} ul.review1 li:hover {background:white; border:1px solid #dddddd; box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1); transition:all .2s;} ul.review1 li .pic {position:relative; top:0; left:0; width:100%; height:0; } ul.review1 li .pic span {position:absolute; top:-30px; right:-30px; width:35px; height:35px; overflow:hidden;border-radius:100%;} ul.review1 li .pic span img {width:100%;} ul.review1 li .ct_wrp {float:left; font-size:13px; width:100%; } ul.review1 li h3 {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 15px 0; font-size:20px; text-align:left; width:100%; line-height:145%; letter-spacing:-0.05em; color:black;} ul.review1 li h3 a {color:black;transition:all .2s;} ul.review1 li:hover h3 a {color:#461067;transition:all .2s;} ul.review1 li h4 {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 15px 0; font-size:18px; text-align:left; width:100%; line-height:135%; letter-spacing:-0.05em;color:black;transition:all .2s;} ul.review1 li:hover h4 {color:#461067;transition:all .2s;} ul.review1 li .name {float:left; width:100%; font-size:13px; color:black; font-weight:bold; padding-bottom:5px;} ul.review1 li .name:before {content:"작성자"; margin-right:10px; color:rgba(0,0,0,0.5); font-weight:normal;} ul.review1 li .e_set {float:left; width:100%; padding:0 0 15px 0;} ul.review1 li .hit {float:left; width:100%; font-size:13px; width:calc(100% - 150px); color:black;} ul.review1 li .hit:before {content:"조회"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.review1 li .hit:after {content:"회"; color:rgba(0,0,0,0.5);} ul.review1 li .date {float:left; font-size:13px; width:150px; color:black;} ul.review1 li .date:before {content:"등록일"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.review1 li p {float:left; padding:0 0 0 0; font-size:13px; text-align:left; width:100%; line-height:170%; color:rgba(0,0,0,0.7);transition:all .2s;} ul.review1 li:hover p {color:rgba(0,0,0,0.9);transition:all .2s;} ul.review1 li .etc_count {width:100%; float:left; padding-bottom:15px;} ul.review1 li .etc_count .cnt_pos {float:left; color:black; font-size:0; text-align:center; padding-right:35px;} ul.review1 li .etc_count .cnt_pos i {display:inline-block; vertical-align:middle; font-size:20px;} ul.review1 li .etc_count .cnt_pos i.clr1 {color:#461067;} ul.review1 li .etc_count .cnt_pos i.clr2 {color:red;} ul.review1 li .etc_count .cnt_pos .cnt_ea {display:inline-block; vertical-align:middle; font-family:tahoma; font-size:12px; padding-left:10px;} /* 공유지도 기본 css */ ul.bbs_map1 {display:inline-block; width:100%; font-size:0; text-align:left; } ul.bbs_map1 li {display:inline-block; vertical-align:top; width:calc(33.3333% - 30px); margin:15px; transition:all .2s; padding:45px; border-radius:10px; background:#fafafa; border:1px solid #eeeeee; transition:all .2s;} ul.bbs_map1 li.bg1 {background:#fffdff;transition:all .2s;} ul.bbs_map1 li.bg2 {background:#fafafa;transition:all .2s;} ul.bbs_map1 li:hover {background:white; border:1px solid #dddddd; box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1); transition:all .2s;} ul.bbs_map1 li .pic {position:relative; top:0; left:0; width:100%; height:0; } ul.bbs_map1 li .pic span {position:absolute; top:-30px; right:-30px; width:35px; height:35px; overflow:hidden; border-radius:100%;} ul.bbs_map1 li .pic span img {width:100%;} ul.bbs_map1 li .ct_wrp {float:left; font-size:13px; width:100%; } ul.bbs_map1 li h3 {float:left; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 15px 0; font-size:20px; text-align:left; width:100%; line-height:145%; letter-spacing:-0.05em; color:black;} ul.bbs_map1 li h3 a {color:black;transition:all .2s;} ul.bbs_map1 li:hover h3 a {color:#461067;transition:all .2s;} ul.bbs_map1 li h4 {float:left; padding:0 0 15px 0; font-size:15px; text-align:left; width:100%; line-height:135%; letter-spacing:-0.05em;color:black;transition:all .2s; font-weight:normal;} ul.bbs_map1 li:hover h4 {color:#461067;transition:all .2s;} ul.bbs_map1 li .name {float:left; width:100%; font-size:13px; color:black; font-weight:bold; padding-bottom:5px;} ul.bbs_map1 li .name:before {content:"작성자"; margin-right:10px; color:rgba(0,0,0,0.5); font-weight:normal;} ul.bbs_map1 li .e_set {float:left; width:100%; padding:0 0 15px 0;} ul.bbs_map1 li .hit {float:left; width:100%; font-size:13px; width:calc(100% - 150px); color:black;} ul.bbs_map1 li .hit:before {content:"조회"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.bbs_map1 li .hit:after {content:"회"; color:rgba(0,0,0,0.5);} ul.bbs_map1 li .date {float:left; font-size:13px; width:150px; color:black;} ul.bbs_map1 li .date:before {content:"등록일"; margin-right:10px; color:rgba(0,0,0,0.5);} ul.bbs_map1 li p {float:left; padding:0 0 0 0; font-size:13px; text-align:left; width:100%; line-height:170%; color:rgba(0,0,0,0.7);transition:all .2s;} ul.bbs_map1 li:hover p {color:rgba(0,0,0,0.9);transition:all .2s;} ul.bbs_map1 li .etc_count {width:100%; float:left; padding-bottom:15px;} ul.bbs_map1 li .etc_count .cnt_pos {float:left; color:black; font-size:0; text-align:center; padding-right:35px;} ul.bbs_map1 li .etc_count .cnt_pos i {display:inline-block; vertical-align:middle; font-size:20px;} ul.bbs_map1 li .etc_count .cnt_pos i.clr1 {color:#461067;} ul.bbs_map1 li .etc_count .cnt_pos i.clr2 {color:red;} ul.bbs_map1 li .etc_count .cnt_pos .cnt_ea {display:inline-block; vertical-align:middle; font-family:tahoma; font-size:12px; padding-left:10px;} /* 메모 / live-talk 적용 */ ul.memo_bbs_box {display:inline-block; width:100%; position:relative;} ul.memo_bbs_box li {display:inline-block; width:100%; border:1px solid #eeeeee; background:white; border-radius:10px; margin:10px 0; overflow:hidden; transition:all .2s; font-size:0;position:relative;} ul.memo_bbs_box li:hover {border:1px solid #dddddd; box-shadow: -15px 15px 15px -15px rgba(0,0,0,0.1), 15px 15px 15px -15px rgba(0,0,0,0.1); transition:all .2s;} ul.memo_bbs_box li.me {} ul.memo_bbs_box li .df_user {display:inline-block; width:100%; height:65px; border-bottom:1px solid #eeeeee; background:#fafafa; padding:25px 30px;} ul.memo_bbs_box li.me .df_user {background:#f5f3f3;} ul.memo_bbs_box li .no_ar {display:inline-block; vertical-align:middle; width:50px; font-size:12px; text-align:left; } ul.memo_bbs_box li .info {display:inline-block; vertical-align:middle; width:calc(100% - 150px); } ul.memo_bbs_box li .name {float:left; font-size:15px; color:#03418b;} ul.memo_bbs_box li .date {float:left; padding:0 0 0 20px; font-family:tahoma; font-size:11px;} ul.memo_bbs_box li .date span {margin:0 5px 015px; color:red; line-height:18px;} ul.memo_bbs_box li .btn_box {display:inline-block; vertical-align:middle; width:100px; } ul.memo_bbs_box li .btn_box .mm_btn {float:right; margin-left:15px; font-size:18px;} ul.memo_bbs_box li .btn_box a {color:black; transition:all .2s;} ul.memo_bbs_box li .btn_box a:hover {color:red; transition:all .2s;} ul.memo_bbs_box li .event_phone {display:inline-block; width:100%; padding:15px 30px; text-align:left;font-size:12px; border-bottom:1px solid #eeeeee;} ul.memo_bbs_box li .event_phone:before {content:"연락처 "; color:rgba(0,0,0,0.5); margin-right:13px;} ul.memo_bbs_box li p {display:inline-block; width:100%; padding:20px 30px; text-align:left;font-size:0; } ul.memo_bbs_box li p i {display:inline-block; vertical-align:top; width:50px; font-size:18px; line-height:130%; } ul.memo_bbs_box li p span {display:inline-block; vertical-align:top; width:calc(100% - 50px); font-size:13px; line-height:180%; } .mm_wrt_btn {position:absolute; top:-50px; right:0; width:100px; } .mm_wrt_btn a {display:block; width:100%; background:#4e4e4e; color:white; border-radius:5px; padding:13px 0; transition:all .2s; text-align:center; font-size:13px;} .mm_wrt_btn a:hover {background:#2d2d2d; transition:all .2s;} /* ========================== 게시판 글쓰기 스킨 */ .bdr_wrt_dft {display:inline-block; width:100%; border:0 solid red; text-align:center;} .bdr_wrt_dft select {width:200px; height:50px; border:1px solid #f1f1f1; background: #f6f6f6 url('/images/sel_arr.gif') no-repeat 95% 50%;transition:all .2s; font-size:13px; color:#00417d;} .bdr_wrt_dft select:focus {outline:none; background: #ffffff url('/images/sel_arr.gif') no-repeat 95% 50%; !important; border:1px solid #000000 !important; transition:all .2s;} .bdr_wrt_dft .wrt_pos {display:inline-block; max-width:800px; width:100%; padding:100px; border:0px solid red;} .bdr_wrt_dft .wrt_pos h2 {float:left; width:100%; border-bottom:1px solid #eeeeee; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; line-height:110%; letter-spacing:-0.05em; color:black; padding-bottom:35px; margin-bottom:35px;} .bdr_wrt_dft .wrt_pos ul.w_frm_set {float:left; width:100%; padding:5px 0; text-align:left;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li {float:left; width:100%; padding:5px 0; text-align:left;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li.g_rule_box {padding:15px 0; margin-top:15px; border:1px solid #eeeeee; border-width:1px 0;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_tt {float:left; width:100%; padding:5px; font-size:15px; color:black;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_tt span {color:red; font-size:11px; margin-left:10px;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con {float:left; width:100%; position:relative;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .pst1 {float:left; width:95px; border-radius:2px; overflow:hidden;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .pst2 {float:left; width:100%; padding-top:2px;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .map_pick {position:absolute; top:0; right:0; } .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .map_pick input {width:100%; height:35px; padding:0 15px; border:0; background:#333333; font-size:12px; text-align:center; transition:all .2s; color:white; cursor:pointer; border-radius:3px;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .map_pick input:hover {background:#0768cc; transition:all .2s;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con i {position:absolute; top:0; right:0; width:50px; height:50px; padding-top:13px; font-size:22px; color:black; transition:all .2s; text-align:center; cursor:pointer;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con i:hover {color:red; transition:all .2s;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .at_pic {float:left; width:120px; text-align:center; height:50px; padding-top:7px; border:1px solid #eeeeee; } .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .at_pic img {width:80%;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .at_code {float:left; width:200px;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .at_code input {width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; color:#00417d; background:#fafafa; font-size:13px; text-align:left; transition:all .2s;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .at_code input:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .at_code input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .at_rf {float:left; width:90px; border-radius:0 3px 3px 0; overflow:hidden; margin-right:5px;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .at_msg {float:left; width:100%; padding:10px 0 0 0; color:red;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .at_rf input {width:100%; height:50px; border:0px; background:#2f2f2f; font-size:12px; text-align:center; color:white; cursor:pointer; transition:all .2s;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .at_rf input:hover {background:#4e4e4e; transition:all .2s;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .ybx {float:left; width:100%; } .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .ybx .memo {float:left; width:100%; height:150px; overflow-x:hidden; overflow-y:auto; border:1px solid #eeeeee; background:#fafafa; padding:20px;} .bdr_wrt_dft .wrt_pos ul.w_frm_set li .ws_con .ybx .set {float:left; width:100%; padding-top:10px; font-size:12px; } .bdr_wrt_dft .w_dft_post {width:100%; height:35px; padding:0 0px; border:0px; color:white; background:#2f2f2f; font-size:12px; text-align:center; cursor:pointer; transition:all .2s;} .bdr_wrt_dft .w_dft_post::placeholder {color: rgba(255,255,255,0.9); font-size:11px;} .bdr_wrt_dft .w_dft_frm {width:100%; height:50px; padding:0 15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s;} .bdr_wrt_dft .w_dft_frm:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;} .bdr_wrt_dft .w_dft_frm::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .bdr_wrt_dft .w_dft_txar {width:100%; height:250px; padding:15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6 !important; font-size:13px; text-align:left; transition:all .2s;} .bdr_wrt_dft .w_dft_txar:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;} .bdr_wrt_dft .w_dft_txar::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .txt_call_style {float:left; width:100%; font-size:11px; text-align:center; color:black; padding-top:10px;} .txt_call_style.hd_bx {padding:0; height:0; overflow:hidden;} /* ========================== 게시판 글쓰기 스킨2 */ .bdr_wrt_dft1 {display:inline-block; width:100%; border:0 solid red; text-align:center;} .bdr_wrt_dft1 select {width:200px; height:45px; border:1px solid #f1f1f1; background: #f6f6f6 url('/images/sel_arr.gif') no-repeat 95% 50%;transition:all .2s; font-size:12px; color:#00417d;} .bdr_wrt_dft1 select:focus {outline:none; background: #ffffff url('/images/sel_arr.gif') no-repeat 95% 50%; !important; border:1px solid #000000 !important; transition:all .2s;} .bdr_wrt_dft1 .wrt_pos {display:inline-block; max-width:800px; width:100%; padding:50px; border:0px solid red;} .bdr_wrt_dft1 .wrt_pos h2 {float:left; width:100%; border-bottom:1px solid #eeeeee; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:22px; line-height:110%; letter-spacing:-0.05em; color:black; padding-bottom:35px; margin-bottom:35px;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set {float:left; width:100%; padding:5px 0; text-align:left; font-size:0;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li {display:inline-block; vertical-align:top; width:100%; padding:5px; text-align:left; position:relative;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li.half {width:50%; } .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_tt {position:absolute; top:19; left:20px; font-size:12px; color:black; z-index:2;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_tt span {color:red; font-size:11px; margin-left:10px;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con {float:left; width:100%; position:relative; z-index:1;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .pst1 {float:left; width:95px; border-radius:2px; overflow:hidden;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .pst2 {float:left; width:100%; padding-top:2px;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .map_pick {position:absolute; top:0; right:0; } .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .map_pick input {width:100%; height:35px; padding:0 15px; border:0; background:#333333; font-size:12px; text-align:center; transition:all .2s; color:white; cursor:pointer; border-radius:3px;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .map_pick input:hover {background:#0768cc; transition:all .2s;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_pic {float:left; width:120px; text-align:center; height:40px; border:1px solid #eeeeee; } .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_pic img {width:100%;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_code {float:left; width:200px;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_code input {width:100%; height:40px; padding:0 15px; border:1px solid #eeeeee; color:red; background:#fafafa; font-size:12px; text-align:left; transition:all .2s;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_code input:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_code input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_rf {float:left; width:40px; height:40px; border-radius:0 3px 3px 0; overflow:hidden; margin-right:5px; background:#555555; color:white; transition:all .3s; text-align:center;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_msg {float:left; width:100%; padding:10px 0 0 0; color:red;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_rf input {width:100%; height:40px; border:0px; background:#2f2f2f; font-size:12px; text-align:center; color:white; cursor:pointer; transition:all .2s;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_rf input:hover {background:#4e4e4e; transition:all .2s;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .at_rf i {padding-top:11px; font-size:18px; } .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .ybx {float:left; width:100%; } .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .ybx .memo {float:left; width:100%; height:150px; overflow-x:hidden; overflow-y:auto; border:1px solid #eeeeee; background:#fafafa; padding:20px; } .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .ybx .memo h2 {font-size:15px; border:0; padding-bottom:10px; margin:0;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .ybx .memo p {line-height:180%;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li .ws_con .ybx .set {float:left; width:100%; padding-top:15px; font-size:12px; text-align:center;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li.hdbx {padding:30px 5px 15px 5px;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set .hdbx:first-child {padding-top:0;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li h3 {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:16px; line-height:110%; letter-spacing:-0.05em; color:black; padding-bottom:10px;} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li p {float:left; width:100%; font-size:12px; line-height:140%; color:rgba(0,0,0,0.6);} .bdr_wrt_dft1 .wrt_pos ul.w_frm_set li p span {color:red;} .bdr_wrt_dft1 .w_dft_frm {width:100%; height:45px; padding:0 15px 0 80px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:12px; text-align:left; transition:all .2s;} .bdr_wrt_dft1 .w_dft_frm:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;} .bdr_wrt_dft1 .w_dft_frm::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .bdr_wrt_dft1 .w_dft_txar {width:100%; min-height:250px !important; padding:15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6 !important; font-size:13px; text-align:left; transition:all .2s;} .bdr_wrt_dft1 .w_dft_txar:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;} .bdr_wrt_dft1 .w_dft_txar::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .txt_call_style1 {float:left; width:100%; height:0; overflow:hidden; font-size:11px; text-align:center; color:black; } .txt_call_style1.hd_bx {padding:0; height:0; overflow:hidden;} /* ========================== 게시판 상세페이지 스킨 */ /* 게시물 상세보기 기본 타이틀 */ .view_bbs_title_box {display:inline-block; width:100%; border:0px solid red; padding:0 0 15px 0; font-size:0; text-align:left;} .view_bbs_title_box span {display:inline-block; font-size:18px; color:red; margin-right:5px;font-family:Noto Sans KR, sans-serif; font-weight:500;} .view_bbs_title_box h2 {display:inline-block; font-size:18px; color:black; letter-spacing:-0.05em; line-height:120%;font-family:Noto Sans KR, sans-serif; font-weight:500;} /* 게시물 상세보기 / 지도공유 타이틀 */ .view_bbs_title_box_map {display:inline-block; width:100%; border:0px solid red; padding:0 0 0px 0; font-size:0; text-align:left; position:relative;} .view_bbs_title_box_map .vb_tit_bx {display:inline-block; vertical-align:middle; width:100%; } .view_bbs_title_box_map .cate_bbs {display:inline-block; font-size:20px; color:red; margin-right:5px;} .view_bbs_title_box_map .cate_etc {display:inline-block; font-size:20px; color:red; margin-right:5px;} .view_bbs_title_box_map .jub_wrp {display:inline-block; width:100%; font-size:0; padding-bottom:30px;} .view_bbs_title_box_map .cate_map{ display:inline-block; vertical-align:middle; font-size:20px; color:white; width:180px; line-height:70px; font-family:Noto Sans KR, sans-serif; font-weight:500; background:#461067; text-align:center; border-radius:0 5px 5px 5px;} .view_bbs_title_box_map .cate_sj {display:inline-block; vertical-align:middle; width:calc(100% - 180px); padding:0 0 0 25px;} .view_bbs_title_box_map h2 {display:inline-block; font-size:22px; color:black; width:100%;letter-spacing:-0.05em; line-height:120%;font-family:Noto Sans KR, sans-serif; font-weight:500;} .view_bbs_title_box_map p {display:inline-block; font-size:13px; color:rgba(0,0,0,0.7); width:100%; line-height:160%; padding:5px 0 0 0; } /* 게시물 상세보기 기본 */ .view_bbs_default {display:inline-block; width:100%; border:0px solid red;} .view_bbs_default .kim_wrp {display:inline-block; width:100%; padding:50px; background:#fff; border-radius:35px; margin-bottom:-15px;} .view_bbs_default .vbd_pos {display:inline-block; width:100%; padding:50px;} .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 .content {float:left; width:100%; text-align:center; padding:30px 0;border-bottom:1px solid #eeeeee;} .view_bbs_default .vbd_pos .content.con_kim {padding-bottom:0 !important; border:0 !important;} .view_bbs_default .vbd_pos .content .txt {text-align:left; max-width:1100px; width:100%; display:inline-block; font-size:13px; line-height:180%; color:#3f3f3f;border:0px solid red;} .view_bbs_default .vbd_pos .content > span {float:left; width:100%; text-align:center; padding:0 0 30px 0; border:0px solid red;} .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;} /* 게시물 상세보기 기본 정보 */ .default_v_info {float:left; width:100%; border:0px solid red;} .default_v_info .vgrp_box {float:left; width:100%; border:0px solid red; position:relative;} ul.bbs_view_df1 {display:inline-block; width:100%; border-top:2px solid #333333;} ul.bbs_view_df1 li {float:left; width:50%; background:#f5f3f3; border-bottom:1px solid #eeeeee; font-size:13px;} ul.bbs_view_df1 li.colspan {width:100%;} ul.bbs_view_df1 li .bv_pad {float:left; padding:15px 25px; } ul.bbs_view_df1 li .bv_tit {width:130px; } ul.bbs_view_df1 li .bv_con {width:calc(100% - 130px);background:#ffffff;} ul.bbs_view_df1 li .bv_con .in_rpos {position:relative} .bv_new {float:left; width:100%; font-size:0; position:relative;} .bv_new .bn_name {display:inline-block; vertical-align:middle; font-size:12px;} .bv_new .bn_date {display:inline-block; vertical-align:middle; font-size:11px; font-family:tahoma; padding:0 10px;} .bv_new .bn_hit {float:right; font-size:11px; font-family:tahoma;} .bv_new .bn_hit:before {content:"hit : "; color:rgba(0,0,0,0.3);} .bv_new .bn_tit {display:inline-block; vertical-align:top; font-size:13px; width:100px; color:rgba(0,0,0,0.5); padding:3px 0;} .bv_new .bn_tit:before {content:"ㆍ";} .bv_new .bn_dsp {display:inline-block; vertical-align:top; font-size:13px; width:calc(100% - 100px); font-family:arial; padding:3px 0; text-overflow: ellipsis;white-space: nowrap; overflow:hidden} .bv_new .bn_dsp a {color:#521256;} .bv_new .bn_sta {position:absolute; top:0; right:0; font-family: 'GmSansM';; font-size:20px; color:#000;} .bv_new .bn_sta:before {content:"D - "; color:rgba(0,0,0,0.5);} .btn_go_url {margin:20px 20px 0 0px; width:100%; height:auto; top:0; right:0; float:left;background:#9e1500; text-align:center; border-radius:5px; font-size:0;} .btn_go_url a {display:block;} .btn_go_url i {display:inline-block; vertical-align:middle; font-size:18px; padding:0 0 0 0; color:#fff;} .btn_go_url span {display:inline-block; vertical-align:middle; font-size:13px; line-height:55px; color:rgba(255,255,255,0.9); padding-left:10px;} /* 게시물 상세보기 / 특별적용 - 이슈주제 */ .forum_style_head {float:left; width:100%; } .forum_style_head h2 {display:inline-block; width:100%; padding:0 20px; text-align:left; font-size:0;} .forum_style_head h2 .h_logo {display:inline-block; vertical-align:top; width:50px; } .forum_style_head h2 .h_logo img {width:30px;} .forum_style_head h2 .h_tit {display:inline-block; vertical-align:top; width:calc(100% - 50px); color:black; font-family:Noto Sans KR, sans-serif; font-weight:500; padding:0 0 0 0px; font-size:25px; letter-spacing:-0.05em; line-height:120%; } .forum_style_head h2 .wt_info {display:inline-block; font-size:12px; width:100%; padding:15px 0 0 50px; font-weight:normal;} .forum_style_head h2 .wt_info .wi_date {float:left; padding-right:25px; color:black;} .forum_style_head h2 .wt_info .wi_date:before {content:"등록일";margin-right:8px; color:rgba(0,0,0,0.5);} .forum_style_head h2 .wt_info .wi_hit {float:left; padding-right:25px; color:black;} .forum_style_head h2 .wt_info .wi_hit:before {content:"조회수"; margin-right:8px; color:rgba(0,0,0,0.5);} .forum_style_head .is_content {display:inline-block; width:100%; padding:50px; margin:30px 0 0 0; border:1px solid #eeeeee; border-width:1px; background:#fdfdfd; text-align:left;} .forum_style_head .is_content .ic_pic {display:inline-block; width:100%; text-align:center; padding-bottom:35px;} .forum_style_head .is_content .ic_pic img {max-width:900px; width:auto;} .forum_style_head .is_content .ic_con {display:inline-block; width:100%; font-size:15px; line-height:200%;} /* 게시물 상세보기 파일리스트 */ .default_v_file {float:left; width:100%; padding:30px; margin-top:20px;background:#fafafa; border:1px solid #eeeeee; text-align:left;} .default_v_file h3 {float:left; width:100%; font-size:13px; color:black;} .default_v_file p {float:left; width:100%; font-size:11px; color:rgba(0,0,0,0.7); padding:5px 0 0 0;} .default_v_file .att_grp {float:left; width:100%; padding-top:15px;} /* SNS공유 css */ .total_share_box {position:relative; width:100%; padding:50px;border-bottom:1px solid #eeeeee;} .total_share_box h3 {display:inline-block; width: 100%; font-family: Noto Sans KR, sans-serif; font-weight: 500; font-size: 20px; line-height: 100%; text-align: left; letter-spacing: -0.05em; color: black;} .total_share_box p {display:inline-block; width: 100%; font-size: 12px; text-align: left; color: rgba(0,0,0,0.7); padding: 10px 0 30px 0;} .bd_share_box {float:left; width:100%; padding:30px 0;border-bottom:1px solid #eeeeee;} .bd_share_box h3 {float: left; width: 100%; font-family: Noto Sans KR, sans-serif; font-weight: 500; font-size: 18px; line-height: 100%; text-align: left; letter-spacing: -0.05em; color: black;} .bd_share_box p {float: left; width: 100%; font-size: 12px; text-align: left; color: rgba(0,0,0,0.7); padding: 5px 0 25px 0;} ul.sns_share {display:inline-block; text-align:center; font-size:0;} ul.sns_share li {display:inline-block; vertical-align:top; margin:0 10px 0 0;} ul.sns_share li img {max-width:50px; width:100%;} ul.sns_share li.btn_share {border:1px solid #eeeeee; background:#fafafa; height:50px; border-radius:5px; padding:0 20px; line-height:50px; font-size:13px; color:black; transition:all .2s; cursor:pointer;} ul.sns_share li.btn_share:hover {background:white; transition:all .2s;} ul.sns_share li.btn_share i {font-size:15px; margin-right:5px;} ul.sns_share li a {display:block; } .bd_share_box ul.sns_share li {width:35px; margin:0 5px 0 0;} .bd_share_box ul.sns_share li img {max-width:50px; width:100%; height:auto;} /* SNS공유 css / 주소복사 */ .share_bx_mask {display: none; position: fixed; width: 100%; height: 100%; top:0; left:0;z-index:300; background:rgba(0,0,0,0.6); } .share_layer_box {position: absolute; left: 0; top: 0; right:0; bottom:0; margin:auto; width: 500px; height: 450px; text-align: left; z-index:301; } .share_layer_box .mb_hdx {position: relative; top:0; left:0; width:100%; height:110px; background:#00365b;padding:30px; border-radius:15px 15px 0 0;} .share_layer_box .mb_hdx h2 {display:inline-block; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:white; line-height:100%; } .share_layer_box .mb_hdx p {float:left; width:100%; font-size:13px; color:rgba(255,255,255,0.7);padding: 10px 0 0 0;} .share_layer_box .msg_bx {position:relative; top:0; left:0; width:100%; height:calc(100% - 150px); background:white;border-radius:0 0 15px 15px; padding:30px;} .share_layer_box .msg_bx .mx_pos {display:inline-block; text-align:left; width:100%;} .share_layer_box .msg_bx .mx_pos .mp_ment {float:left; width:100%; font-size:15px; color:black; line-height:120%; padding:0px 0 15px 0;} .share_layer_box .msg_bx .mx_pos .mp_ment span {color:#461067; font-weight:bold;} .share_layer_box .msg_bx .mx_pos .url {float:left; width:100%; text-align:left; border:1px solid #dddddd; background:#fafafa; font-size:13px; padding:15px; transition:all .2s; cursor:pointer; border-radius:10px;} .share_layer_box .msg_bx .mx_pos .url:hover {background: white; border:1px solid #bf1d2d; transition:all .2s;} .share_layer_box .msg_bx .ms_logo {position:absolute; bottom:35px; left:0; right:0; text-align:center; margin:auto;} .share_layer_box .msg_bx .ms_logo img {width:60px;} .share_layer_box .exit {position: absolute; right:15px; top:15px; width:40px; height:40px; padding-top:10px; font-size:20px; color:white; text-align: center; cursor: pointer; border-radius:100%;transition:all .2s;} .share_layer_box .exit:hover {transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all .2s;} /* 첨부파일 down css */ ul.bd_at_file {float:left; width:100%; } ul.bd_at_file li {float:left; width:auto; margin:1px; } ul.bd_at_file li a {float:left; background:white; border:1px solid #eeeeee; width:100%; padding:7px 10px; text-align:left; transition:all .2s; border-radius:5px;} ul.bd_at_file li a:hover {border:1px solid #dddddd; transition:all .2s;} ul.bd_at_file .icon {float:left; width:20px; font-size:12px; padding:3px 0 0 0px; color:rgba(0,0,0,0.5);} ul.bd_at_file .name {float:left; font-size:11px; color:black; } ul.bd_at_file .size {float:left; width:50px; text-align:right;font-size:11px; font-family:tahoma; color:rgba(0,0,0,0.6); text-transform:uppercase;} /* 추천스타일1 */ .vote_heart {float:left; width:100%; text-align:left; padding:50px; border-bottom:1px dashed #dddddd; font-size:0;} .vote_heart .qstn {display:inline-block; vertical-align:middle; padding:6px 0 0 35px; width:calc(100% - 120px);} .vote_heart .qstn h3 {float: left; width: 100%; font-family: Noto Sans KR, sans-serif; font-weight: 500; font-size:20px; line-height: 100%; text-align: left; letter-spacing: -0.05em; color: black;} .vote_heart .qstn p {float: left; width: 100%; font-size: 13px; text-align: left; color: rgba(0,0,0,0.7); padding: 10px 0 0 0;} .vote_heart .qstn i {color:#dc0041;} .vote_heart .v_grp {display:inline-block; vertical-align:middle; float:left; background:#999999; border-radius:5px; transition:all .2s; width:120px; } .vote_heart .v_grp.set {background:#dc0041;transition:all .2s; } .vote_heart .v_grp:hover {background:#333333; transition:all .2s;} .vote_heart .btn_icon {position:relative; top:0px; right:0;border:0; background:transparent; color:white; text-align:center; width:100%; padding:10px 25px; cursor:pointer;} .vote_heart .btn_icon input {position:absolute; top:0; left:0; border:0; background:transparent; width:100%; height:100%; cursor:pointer;} .vote_heart .btn_icon input:hover {background:rgba(255,255,255,0.1);} .vote_heart .btn_icon i {display:inline-block; vertical-align:middle; color:white; font-size:18px; line-height:35px;} .vote_heart .like_cnt {display:inline-block; vertical-align:middle; color:white; font-size:13px; line-height:35px; padding:0 0 0 10px; } .vote_heart .like_cnt span {font-family: 'Roboto', sans-serif; font-weight:500; font-size:15px; } /* ========================== 게시판 공통 */ /* 관리자리스트 체크박스 */ .chk-admin-sel { width: 15px !important; height:15px !important; -webkit-appearance: checkbox !important; appearance: checkbox !important;} /* 자료수 / 카테고리 css */ .default_hd_box {position:relative; top:0; left:0; width:100%; } .default_hd_box .admin_ct_bx {position:absolute; top:0; right:0; z-index:1;} .default_hd_set {position:relative; top:0; left:0; width:100%; } .default_hd_set .hd_pos {display:inline-block; width:100%; padding:0 0 15px 0;} .default_hd_set .bd_count {float:left; line-height:100%; padding:0 5px; font-size:12px;} #default_ctg {float:right; position:relative;} #default_ctg .cate_df_st {float:left; width:100%; text-align:center; line-height:100%; font-size:12px;} #default_ctg .cate_df_st span {margin-right:2px; color:rgba(0,0,0,0.6);} #default_ctg .cate_d_sel {float:left; padding:0 5px; color:#bf1d2d; font-weight:bold;} #default_ctg .cate_d_normal {float:left; padding:0 5px; color:black; transition:all .2s;} #default_ctg .cate_d_normal:hover{color:#bf1d2d; transition:all .2s;} #default_ctg .cate_special {position:absolute; top:-15px; right:0; width:auto; text-align:right;} #default_ctg .cate_special select {height:35px;} /* 친구쪽지기능 있을경우 */ .bbs_user_layer {} /* 새글 css */ .icon_new_bl {display:inline-block; vertical-align:middle; width:auto; height:15px; line-height:15px; text-align:center; padding:0 5px; border-radius:3px; background:#ef386c; color:#ffffff; font-size:11px; margin-right:3px; font-family:tahoma; text-transform:uppercase;} .icon_new_bl:after {content:"n";} /* 페이지 skip css */ .pps_set {position:relative; top:0; left:0; width:100%; text-align:center; padding-bottom:35px;} .pps_set ol.skip_pos {display:inline-block; font-size:0; padding-top:0px; max-width:1260px; width:100%; position:relative; } .pps_set ol.skip_pos li {display:inline-block; vertical-align:middle; font-size:13px; margin:0;} .pps_set ol.skip_pos li a {display:block; padding:5px 7px; width:100%; transition:all .3s; color:rgba(0,0,0,0.7);} .pps_set ol.skip_pos li a:hover {transition:all .3s;color:rgba(0,0,0,1);} .pps_set ol.skip_pos li a.pg_al:after {content: '\f048'; font-family: "Font Awesome 5 Free"; font-weight: 700;} .pps_set ol.skip_pos li a.all_l:after {content: '\f049'; font-family: "Font Awesome 5 Free"; font-weight: 700; } .pps_set ol.skip_pos li a.pg_ar:after {content: '\f051'; font-family: "Font Awesome 5 Free"; font-weight: 700; } .pps_set ol.skip_pos li a.all_r:after {content: '\f050'; font-family: "Font Awesome 5 Free"; font-weight: 700; } .pps_set ol.skip_pos li a.pg_al.not, .pps_set ol.skip_pos li a.pg_ar.not {color:rgba(0,0,0,0.2); cursor:default;} .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; margin:0 2px !important; padding:0 !important;} ol.page_no li.now, ol.page_no li a {display:block; color:#898989; font-size:11px; font-family:arial;padding:5px 10px !important; background:#f5f3f3; border-radius:3px; border:1px solid #eeeeee;} ol.page_no li a:hover {color:red !important; } ol.page_no li.now, ol.page_no li a.now, ol.page_no li a.now:hover {color:white !important; background:#333333; border:1px solid #333333; display:inline-block;} /* 기본검색 css */ .scr_default {position:relative; top:0; left:0; width:100%;padding-top:35px; text-align:center;} .scr_default .s_pos {display:inline-block; } .scr_default .s_pos select {height:50px;} .scr_default .all {float:left; width:100px; padding-left:5px;} .scr_default .sel {float:left; width:100px; padding:0 5px 0 0; background:white;} .scr_default .frm {float:left; width:300px; } .scr_default .btn_ar {float:left; width:80px;} .scr_default .btn_all {width:100%; height:50px; color:white; text-align:center; background:#999999; border:0px; cursor:pointer; border-radius:3px; transition:all .2s;} .scr_default .btn_all:hover {background:#3b3b3b; transition:all .2s;} .scr_default .sbox {width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; background:#ffffff; font-size:13px; text-align:left; transition:all .2s;} .scr_default .sbox:focus {outline:none; background-color: white !important; border:1px solid #333333 !important; transition:all .2s;} .scr_default .sbox::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .scr_default .sr_btn {width:100%; height:50px; color:white; text-align:center; background-color:#333333; border:0px; cursor:pointer; border-radius:0 3px 3px 0;} /* 기본검색 / top css */ .scr_df_top {position:relative; top:0; left:0; width:100%; padding:50px 0; border-bottom:1px solid #eeeeee; background:#f3f3f3;} .scr_df_top .s_pos {display:inline-block; } .scr_df_top .s_pos select {height:50px;} .scr_df_top .all {float:left; width:100px; padding-left:5px;} .scr_df_top .sel {float:left; width:100px; padding:0 5px 0 0; background:white;} .scr_df_top .frm {float:left; width:300px; } .scr_df_top .btn_ar {float:left; width:80px;} .scr_df_top .btn_all {width:100%; height:50px; color:white; text-align:center; background:#525252; border:0px; cursor:pointer; border-radius:3px; transition:all .2s;} .scr_df_top .btn_all:hover {background:#3b3b3b; transition:all .2s;} .scr_df_top .sbox {width:100%; height:50px; padding:0 15px; border:3px solid #bf1d2d; background:#ffffff; font-size:13px; text-align:left; transition:all .2s;} .scr_df_top .sbox:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;} .scr_df_top .sbox::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .scr_df_top .sr_btn {width:100%; height:50px; color:white; text-align:center; background-color:#bf1d2d; border:0px; cursor:pointer; border-radius:0 3px 3px 0;} /* 기본검색 / top - sel off css */ .scr_df_top_sel_off {position:relative; top:0; left:0; width:100%; padding:50px 0; border-bottom:1px solid #eeeeee; background: linear-gradient( to bottom, transparent, #fafafa); /*background:#f3f3f3;*/} .scr_df_top_sel_off .s_pos {display:inline-block; } .scr_df_top_sel_off .s_pos select {height:50px;} .scr_df_top_sel_off .all {float:left; width:100px; padding-right:5px;} .scr_df_top_sel_off .sel {float:left; width:100px; padding:0 5px 0 0; background:white;} .scr_df_top_sel_off .frm {float:left; width:300px; } .scr_df_top_sel_off .btn_ar {float:left; width:80px;} .scr_df_top_sel_off .btn_all {width:100%; height:50px; color:white; text-align:center; background:#525252; border:0px; cursor:pointer; border-radius:3px; transition:all .2s;} .scr_df_top_sel_off .btn_all:hover {background:#3b3b3b; transition:all .2s;} .scr_df_top_sel_off .sbox {width:100%; height:50px; padding:0 15px; border:3px solid #bf1d2d; background:#ffffff; font-size:13px; text-align:left; transition:all .2s;} .scr_df_top_sel_off .sbox:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;} .scr_df_top_sel_off .sbox::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .scr_df_top_sel_off .sr_btn {width:100%; height:50px; color:white; text-align:center; background-color:#bf1d2d; border:0px; cursor:pointer; border-radius:0 3px 3px 0;} /* 게시물 이동 기본 세팅 */ .view_bbs_move_box {position:relative; top:0; left:0; width:100%; height:0;} .view_bbs_move_box .admin_move {position:absolute; top:-50px; right:0; } .view_bbs_move_box .admin_move input {border:0; background:#3f3f3f; color:white; cursor:pointer; padding:8px 10px; line-height:100%; font-size:11px; border-radius:3px; transition:all .2s;} .view_bbs_move_box .admin_move input:hover {background:red; transition:all .2s;} /* 게시판하단 버튼 기본 css */ .bd_view_btn_box {display:inline-block; width:100%; text-align:center;} .bd_view_btn_box ul.bvb_pos {display:inline-block; width:100%; padding:50px 0 0 0; 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; width:150px; margin:0 5px; } .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:15px 0; margin:0 5px; border:1px solid #4e4e4e;background:#4e4e4e; color:white; font-size:13px;transition: all .2s; border-radius:35px;} .bd_view_btn_box ul.bvb_pos li a:hover {border:1px solid #2f2f2f; background:#2f2f2f;transition: all .2s;} .bd_view_btn_box ul.bvb_pos li input {width:100%; display:block; padding:15px 0; margin:0 5px; border:1px solid #4e4e4e;background:#4e4e4e; color:white; font-size:13px;transition: all .2s; border-radius:35px; cursor:pointer;} .bd_view_btn_box ul.bvb_pos li input:hover {border:1px solid #2f2f2f; background:#2f2f2f;transition: all .2s;} /* 쪽치보내기,-친구추가 */ ul.opt_menu {position:absolute; top:-8px; right:-100px; width:90px; text-align:center; font-size:0;} ul.opt_menu li {display:inline-block; vertical-align:middle; margin:0 2px; padding-top:7px; width:30px !important; height:30px; font-size:16px; color:white; cursor:pointer; border-radius:100%;} ul.opt_menu li.btn_memo {background:#461067;} ul.opt_menu li.btn_friend {background:#004c82;} /* 쪽치보내기,-친구추가 // 외형레이어 */ .memo_pop_bx_mask {display: none; position: fixed; width: 100%; height: 100%; top:0; left:0;z-index:300; background:rgba(0,0,0,0.6); } .memo_box {position: absolute; left: 0; top: 0; right:0; bottom:0; margin:auto; width: 500px; height: 600px; text-align: left; z-index:301; } .memo_box .mb_hdx {position: relative; top:0; left:0; width:100%; height:70px; background:#005b86;} .memo_box .mb_hdx h2 {display:inline-block; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:white; line-height:70px; padding:0 30px;} .memo_box p {position:relative; top:0; left:0; width:100%; height:50px; line-height:50px; background:#fafafa; border-bottom:1px solid #eeeeee; font-size:13px; padding:0 30px;} .memo_box .msg_bx {position:relative; top:0; left:0; width:100%; height:calc(100% - 120px);} .memo_box .exit {position: absolute; right:15px; top:15px; width:40px; height:40px; padding-top:10px; font-size:20px; color:white; text-align: center; cursor: pointer; border-radius:100%;} .friend_bx_mask {display: none; position: fixed; width: 100%; height: 100%; top:0; left:0;z-index:300; background:rgba(0,0,0,0.6); } .friend_box {position: absolute; left: 0; top: 0; right:0; bottom:0; margin:auto; width: 500px; height: 450px; text-align: left; z-index:301; } .friend_box .mb_hdx {position: relative; top:0; left:0; width:100%; height:70px; background:#461067;} .friend_box .mb_hdx h2 {display:inline-block; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:white; line-height:70px; padding:0 30px;} .friend_box .msg_bx {position:relative; top:0; left:0; width:100%; height:calc(100% - 70px); background:white;border-radius:0 0 25px 25px; display:table;} .friend_box .msg_bx .mx_pos {display:table-cell; vertical-align:middle; text-align:center;} .friend_box .msg_bx .mx_pos .mp_ment {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:20px; letter-spacing:-0.05em; color:black; line-height:120%; padding:0 0 20px 0;} .friend_box .msg_bx .mx_pos .mp_ment span {color:#461067;} .friend_box .msg_bx .mx_pos p {float:left; width:100%; font-size:13px; } .friend_box .msg_bx .mx_pos .mp_btn {display:inline-block; color:white; font-size:15px; padding:18px 0; width:250px; color:white; margin-top:45px; border-radius:50px;transition:all .3s;} .friend_box .msg_bx .mx_pos .add {background:#461067;} .friend_box .msg_bx .mx_pos .add:hover {background:#0093ab;transition:all .3s;} .friend_box .msg_bx .mx_pos .cancel {background:#bb0d76;} .friend_box .msg_bx .mx_pos .cancel:hover {background:red;transition:all .3s;} .friend_box .exit {position: absolute; right:15px; top:15px; width:40px; height:40px; padding-top:10px; font-size:20px; color:white; text-align: center; cursor: pointer; border-radius:100%;} /* 쪽치보내기,-친구추가 // 쪽지보내기폼 */ ul.layer_frm {position:absolute; top:0; left:0; width:100%; height:calc(100% - 80px); padding:45px; background:white;} ul.layer_frm li {display:inline-block; width:100%; padding:3px 0;} ul.layer_frm li span {position:absolute; padding:18px 0 0 25px; font-size:13px;} ul.layer_frm li input {width:100%; height:50px; padding:0 15px 0 80px; border:1px solid #eeeeee; color:#461067; background:#fafafa; font-size:13px; text-align:left; transition:all .2s;} ul.layer_frm li textarea {width:100%; height:250px; padding:15px; border:1px solid #eeeeee; background:#fafafa; font-size:13px; text-align:left; transition:all .2s;} ul.layer_frm li textarea:focus {outline:none; background-color: white !important; border:1px solid #461067 !important; transition:all .2s;} ul.layer_frm li textarea::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .ly_btn {position:absolute; bottom:0; left:0; width:100%; height:80px; } .ly_btn input {width:100%; height:100%; border:0px; background:#461067; color:white;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:18px; letter-spacing:-0.05em; text-align:center; transition:all .2s; cursor:pointer; border-radius:0 0 25px 25px;} .ly_btn input:hover {background:#0093ab; transition:all .2s;} /**/ /* //////////////////////////////// 댓글 / Comment //////////////////// */ /* 댓글수 및 권한이 없다 표시 css */ .cmt_li_return {float:left; width:100%; padding:0 0 40px 10px; margin-bottom:30px; border-bottom:1px solid #eeeeee;} .cmt_li_return .title {float:left; width:calc(100% - 120px); text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; line-height:150%; color:black;font-family:Noto Sans KR, sans-serif; font-weight:500; font-size:25px; letter-spacing:-0.05em; padding-right:10px;} .cmt_li_return .title a {color:black;} .cmt_li_return .title span {color:red; margin-right:10px;} .cmt_li_return .btn {float:left; width:120px; text-align:center; background:#464646; font-size:11px; padding:10px 0; color:white;border:0px solid red;} .cmt_li_count {float:left; width:100%; padding:30px 0 0 0; text-align:left; font-size:13px;} .cmt_li_count span {color:red;} .cmt_li_no_p {float:left; width:100%; background:#fafafa; padding:25px 0px; border:1px solid #eeeeee; border-width:1px 0; font-size:13px; margin:15px 0 0 0; display:none;} /* 댓글 기본내용 css */ .cmt_li_df1 {float:left; width:100%; border:1px solid #eeeeee; background:#fff ; margin-top:15px; padding:30px; color:#6a6a6a; border-radius:35px;} .cmt_li_df2 {float:right; width:calc(100% - 50px); border:1px solid #eeeeee; border-width:1px 1px 1px 1px; background:#f5f3f3; padding:30px; margin-top:10px; color:#6a6a6a; border-radius:35px;} .cmt_li_memo {text-align:left; font-size:13px; line-height:180%;} .cmt_li_bx {float:left; text-align:left; width:100%; margin-bottom:20px; border-bottom:1px solid #eeeeee; padding-bottom:15px; color:black;} .cmt_li_bx .name {font-size:15px; font-weight:bold;} .cmt_li_bx .rcnd {font-size:11px; margin-left:5px; opacity:0.6;} .cmt_li_bx .date {font-size:11px; font-family:tahoma; margin-left:5px; opacity:0.6;} .cmt_li_bx .ip {font-size:11px; font-family:tahoma; margin-left:5px; opacity:0.6; display:none;} .cmt_li_bx .tool {float:right;} .cmt_li_bx .tool img {height:15px; padding-left:5px;} /* 댓글의 댓글 추가표시 css */ .cmt_li_adbx {float:left; width:100%; text-align:left; margin-top:10px;} .cmt_li_adbx .cnt {float:left; font-size:11px; color:black; padding-top:5px; color:#8B8B8B;} .cmt_li_adbx .no {font-weight:bold; color:#ed366c;} .cmt_li_adbx .btn {float:right; font-size:11px; border:0px; background:#949494; color:white; padding:8px 10px; line-height:100%; border-radius:35px;} .cmt_li_adbx .btn:hover {background:#6b6b6b;} /* 댓글 폼css */ .cmt_fm_ipbxk {float:left; width:100%; padding-top:25px; border:1px dashed #ddd; padding:35px; background:#ffffff; margin-top:25px; border-radius:35px;} .cmt_fm_ipbxk .title {float:left; width:100%; text-align:left; font-size:15px; margin-bottom:15px; color:black;} .cmt_fm_ipbxk .info {float:left; width:100%; margin-bottom:1px; text-align:left; border:0px solid red; box-sizing:border-box;} .cmt_fm_ipbxk .info .tt {float:left; width:100px; line-height:100%; padding:5px 0 3px 5px; font-size:11px; } .cmt_fm_ipbxk .info .con {float:left; width:100%; height:55px; margin:1px 0; font-size:11px; } .cmt_fm_ipbxk .info .ibox {width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; color:#00417d; background:#f6f6f6; font-size:12px; text-align:left; transition:all .2s;} .cmt_fm_ipbxk .info .ibox:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;} .cmt_fm_ipbxk .box_set {float:left; width:100%; margin-bottom:5px;} .cmt_fm_ipbxk .box_set .memo {float:left; width:calc(100% - 100px);} .cmt_fm_ipbxk .box_set .memo .txr {width:100%; height:100px; padding:15px; border:1px solid #eeeeee; color:#00417d; background:#f6f6f6; font-size:12px; text-align:left; transition:all .2s; overflow-x:hidden; overflow-y:overlay;} .cmt_fm_ipbxk .box_set .memo .txr:: {-ms-overflow-style: none;} .cmt_fm_ipbxk .box_set .memo .txr::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;} .cmt_fm_ipbxk .box_set .memo .txr::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; } .cmt_fm_ipbxk .box_set .memo .txr:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;} .cmt_fm_ipbxk .box_set .btn {float:left; width:100px;} .cmt_fm_ipbxk .box_set .btn .save {width:100%;height:100px; border:0px; background:#515151; color:white; cursor:pointer; transition:all .2s;} .cmt_fm_ipbxk .box_set .btn .save:hover {background:#303030; transition:all .2s;} /* 댓글의 답글 폼css */ .cmt_fm_ipbxk2 {float:right; width:100%; margin:0; padding:30px; border:1px dashed #ddd; border-width:1px 1px 1px 1px ;background:#ffffff; border-radius:35px; margin-top:10px;} .cmt_fm_ipbxk2 .title {float:left; width:100%; text-align:left; font-size:15px; margin-bottom:15px; color:black;} .cmt_fm_ipbxk2 .title span {color:#1062a1;} .cmt_fm_ipbxk2 .info {float:left; width:100%; margin-bottom:1px; text-align:left; border:0px solid red; box-sizing:border-box;} .cmt_fm_ipbxk2 .info .tt {float:left; width:100px; line-height:100%; padding:5px 0 3px 5px; font-size:11px;} .cmt_fm_ipbxk2 .info .con {float:left; width:100%; height:55px; margin:1px 0; font-size:11px; } .cmt_fm_ipbxk2 .info .ibox {width:100%; height:50px; padding:0 15px; border:1px solid #eeeeee; color:#00417d; background:#f6f6f6; font-size:12px; text-align:left; transition:all .2s;} .cmt_fm_ipbxk2 .info .ibox:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;} .cmt_fm_ipbxk2 .box_set {float:left; width:100%; margin-bottom:5px;} .cmt_fm_ipbxk2 .box_set .mtxr {width:100%;height:100px;border:1px solid #cccccc; padding:10px;} .cmt_fm_ipbxk2 .box_set .memo {float:left; width:calc(100% - 100px);} .cmt_fm_ipbxk2 .box_set .memo .txr {width:100%; height:100px; padding:15px; border:1px solid #eeeeee; color:#00417d; background:#f6f6f6; font-size:12px; text-align:left; transition:all .2s; overflow-x:hidden; overflow-y:overlay;} .cmt_fm_ipbxk2 .box_set .memo .txr:: {-ms-overflow-style: none;} .cmt_fm_ipbxk2 .box_set .memo .txr::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;} .cmt_fm_ipbxk2 .box_set .memo .txr::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; } .cmt_fm_ipbxk2 .box_set .memo .txr:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;} .cmt_fm_ipbxk2 .box_set .btn {float:left; width:100px;} .cmt_fm_ipbxk2 .box_set .btn .save {width:100%;height:100px; border:0px; background:#515151; color:white; cursor:pointer; transition:all .2s;} .cmt_fm_ipbxk2 .box_set .btn .save:hover {background:#303030; transition:all .2s;} /* 댓글더보기 및 페이지스킵영역css */ .cmt_sp_ar {float:left; border-top:0px solid #eeeeee; width:100%; margin:0;} .cmt_sp_tilnk {display:inline-block; padding:10px 30px; color:black; background:#757575; color:white; font-size:11px;} .cmt_sp_tilnk:hover {background:#656465;} .cmt_sp_pos {display:inline-block; margin:0px 0; font-size:0; height:0;} /* 하단 이전,다음글 css */ ul.list_view {float:left; width:100%; text-align:left; font-size:12px; margin-top:35px;border-top:1px solid #eeeeee;} ul.list_view li {float:left; border-bottom:1px solid #eeeeee; width:100%; padding:15px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:white;} ul.list_view li .icon {margin:0px 10px;} ul.list_view li .txt {color:black; margin-right:10px; opacity:0.6;} ul.list_view li a {color:black; transition:all .2s;} ul.list_view li a:hover {color:red; transition:all .2s;} ul.list_view li.here {background:#fafafa; color:#ef386c;} /* 첨부파일 */ ul.attach_box {float:left; width:100%;} ul.attach_box li {float:left; white-space:nowrap; width:100%; padding:2px 0 !important; border:0px solid blue;} ul.attach_box li input, ul.attach_box li label { margin:0; box-sizing:border-box; font-size:11px; line-height:13px;} ul.attach_box li a {float:left; width:50px; height:35px; line-height:35px; text-align:left; color:black; transition:all .2s; font-size:0;} ul.attach_box li a i {display:inline-block; vertical-align:middle; font-size:20px; padding-right:5px;} ul.attach_box li a span {display:inline-block; vertical-align:middle; font-size:12px; font-family:tahoma;} ul.attach_box li a:hover {color:red;transition:all .2s; } ul.attach_box li [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.attach_box li .att_up_btn {float:left; width:70px; height:35px; line-height:35px; text-align:center; background:#bbbbbb;color:#ffffff; border-radius:2px 0 0 2px; cursor:pointer; transition:all .2s; border:0px solid red;} ul.attach_box li .att_up_btn:hover {background:#0898fe; transition:all .2s;} ul.attach_box li .box_35 {float:left; width:calc(100% - 120px); height:35px; padding:0 15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:11px; text-align:left; transition:all .2s; } ul.attach_box li .box_15 {float:left; width:calc(100% - 275px); height:35px; padding:0 15px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:11px; text-align:left; transition:all .2s; } ul.attach_box li .old_file {float:left; width:90px; height:35px; padding:0 5px; border:1px solid #f1f1f1; color:#00417d; background:white; color:red; font-size:11px; text-align:left;} ul.attach_box li .del_btn {float:left; width:65px; height:35px; border:1px solid #414141; background:#414141; color:#eeeeee; cursor:pointer; transition:all .2s; border-radius:0 2px 2px 0;} ul.attach_box li .del_btn:hover {border:1px solid red; background:red; color:#ffffff; transition:all .2s;} /* 목록 선택/삭제/복사이동 css */ .admin_sel_all {cursor:pointer;border:1px solid #2d3539; padding:5px 15px; background-color:#2d3539; display:inline-block; margin:0 1px; color:#ffffff; font-size:11px; border-radius:2px;} .admin_sel_del {cursor:pointer;border:1px solid #dddddd; padding:5px 15px; background-color:#fafafa; display:inline-block; margin:0 1px; color:#606060; font-size:11px; border-radius:2px;} .admin_sel_cm {cursor:pointer;border:1px solid #dddddd; padding:5px 15px; background-color:#fafafa; display:inline-block; margin:0 1px; color:#606060; font-size:11px; border-radius:2px;} /* 권한박스 css */ .no_perm_blk {position:relative; top:0; left:0; right:0; margin:auto;; max-width:800px; width:100%; padding:80px 0px; text-align:center;} .no_perm_blk .msg {font-size:15px;} .no_perm_blk .btn_set {font-size:13px; display:inline-block; margin-top:35px;} .no_perm_blk .btn_ar {background:#ef386c; color:white; padding:15px 0px; border-radius:3px; float:left; width:200px; margin:0px 2px;} /* 비밀번호확인 팝업 */ .pop_pw_box {float:left; width:100%; padding:50px; position:relative;} .pop_pw_box h2 {float:left; width:100%; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; font-size:25px; line-height:100%; color:black;} .pop_pw_box p {float:left; width:100%; font-size:13px; padding:10px 0 15px 0;} .pop_pw_box i {position:absolute; top:20px; right:20px; font-size:25px; cursor:pointer;} .pop_pw_box .ppb_frm {float:left; width:100%; } .pop_pw_box .ppb_frm input {width:100%; height:50px; padding:0 15px; border:1px solid #f1f1f1; background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s;} .pop_pw_box .ppb_frm input:focus {outline:none; background-color: white !important; border:1px solid #bf1d2d !important; transition:all .2s;} .pop_pw_box .ppb_frm input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;} .pop_pw_box ul.ppb_btn {float:left; width:100%; padding-top:15px;} .pop_pw_box ul.ppb_btn li {width:calc(50% - 2px); } .pop_pw_box ul.ppb_btn li.b_l {float:left;} .pop_pw_box ul.ppb_btn li.b_r {float:right;} .pop_pw_box ul.ppb_btn li input {width:100%; height:50px; border:none; background:#bf1d2d; font-size:13px; text-align:center; color:white; cursor:pointer; transition:all .2s; border-radius:3px;} .pop_pw_box ul.ppb_btn li input:hover {background:#ab0d1d; transition:all .2s;} /* hotdog event */ ul.bbs_hot_event {display:inline-block; width:100%; font-size:0; text-align:left; position:relative;} ul.bbs_hot_event li {display:inline-block; vertical-align:top; width:100%; transition:all .2s; font-size:0; padding:20px 0;border-bottom:1px dashed #eee;} ul.bbs_hot_event li:first-child {padding-top:0;} ul.bbs_hot_event li:hover {transition:all .2s;} ul.bbs_hot_event li .pic {display:inline-block; vertical-align:top; width:150px; overflow:hidden; border-radius:10px;} ul.bbs_hot_event li .pic img {width:100%;transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;} ul.bbs_hot_event li:hover .pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);transition:all 0.3s ease-in-out;} ul.bbs_hot_event li .ct_wrp {display:inline-block; vertical-align:top; font-size:13px; width:calc(100% - 150px); padding:10px 0px 0px 30px; position:relative;} ul.bbs_hot_event li .d_count {position:absolute; top:15px; right:0; font-size:15px; font-family: 'GmSansM'; color:#000;} ul.bbs_hot_event li .d_count:before {content:"D "; color:#fff; font-family: arial; background:#333; display:inline-block; line-height:10px; width:10px; height:10px; padding:3px; position:absolute; top:0; left:-22px; border-radius:3px; font-size:10px; text-align:center;} ul.bbs_hot_event li h3 {display:inline-block; padding:0 0 5px 0; font-size:15px; text-align:left; width:calc(100% - 60px); line-height:140%; font-weight:normal;} ul.bbs_hot_event li h3 a {color:black;transition:all .2s;} ul.bbs_hot_event li .e_set {display:inline-block; font-size:0; text-align:left; width:100%; padding:8px 0 0 0; line-height:100%;} ul.bbs_hot_event li .e_set .tt {display:inline-block; vertical-align:middle; width:60px; line-height:100%; font-size:12px; color:rgba(0,0,0,0.5);} ul.bbs_hot_event li .e_set .tt:before {content:"ㆍ ";} ul.bbs_hot_event li .e_set .txt {display:inline-block; vertical-align:middle; width:calc(100% - 60px); line-height:100%; font-size:12px; font-family:arial; text-overflow: ellipsis;white-space: nowrap; overflow:hidden} ul.bbs_hot_event li:hover h3 a {color:red;transition:all .2s;} .csta_0 {color:#0088e9;} .csta_1 {color:green;} .csta_2 {color:#d30000;} /* hotdog rest */ ul.bbs_hot_rest {display:inline-block; width:100%; font-size:0; text-align:left; position:relative;} ul.bbs_hot_rest li {display:inline-block; vertical-align:top; width:33.3333%; transition:all .2s; font-size:0; padding:10px 10px 20px 10px;} ul.bbs_hot_rest li.shop {width:100%;padding:10px; position:relative;} ul.bbs_hot_rest li.shop a.go_url {position:absolute; top:0; width:100%; height:100%; z-index:1;} ul.bbs_hot_rest li:hover {transition:all .2s;} ul.bbs_hot_rest li .pic {display:inline-block; vertical-align:top; width:100%; overflow:hidden; border-radius:10px;} ul.bbs_hot_rest li .pic img {width:100%;transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;} ul.bbs_hot_rest li:hover .pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);transition:all 0.3s ease-in-out;} ul.bbs_hot_rest li .ct_wrp {display:inline-block; vertical-align:top; font-size:13px; width:100%; padding:15px 10px 0px 10px; } ul.bbs_hot_rest li h3 {display:inline-block; padding:0 0 5px 0; font-size:13px; text-align:left; width:100%; line-height:140%; font-weight:normal;} ul.bbs_hot_rest li h3 a {color:black;transition:all .2s;} ul.bbs_hot_rest li:hover h3 a {color:red; transition:all .2s;} ul.bbs_hot_rest li p {display:inline-block; font-size:0; text-align:left; width:100%; padding:0 0 0 0; line-height:100%;font-size:11px; font-family:arial; text-overflow: ellipsis;white-space: nowrap; overflow:hidden} ul.bbs_hot_rest li p a {color:rgba(0,0,0,0.5);transition:all .2s;} ul.bbs_hot_rest li p a:hover {color:rgba(0,0,0,1);transition:all .2s;} /* 보도자료 */ ul.bbs_media {position:relative; top:0; left:0; width:100%; font-size:0; } ul.bbs_media li {display:inline-block; vertical-align:top; width:100%; font-size:0; padding:0 0 30px 0; border-bottom:1px dashed #eee; margin-bottom:30px;} ul.bbs_media li:last-child {margin-bottom:0px;} ul.bbs_media li .m_pic {display:inline-block; vertical-align:top; width:200px;} ul.bbs_media li .m_pic img {width:100%; border-radius:10px;} ul.bbs_media li .m_con {display:inline-block; vertical-align:top; width:calc(100% - 200px); padding:0 0 0 30px; text-align:left;} ul.bbs_media li .m_con h3, ul.bbs_media li .m_con p, ul.bbs_media li .m_con span {display:inline-block; width:100%;} ul.bbs_media li .m_con h3 a {display:block; color:#000; font-size:15px; font-weight:normal; line-height:150%;} ul.bbs_media li .m_con p a {display:block; color:rgba(0,0,0,0.5); font-size:12px; line-height:160%; padding-top:10px;} ul.bbs_media li .m_con span {display:block; color:#000; font-size:12px; padding-top:10px;} /* hotdog mypet */ ul.bbs_hot_mypet {display:inline-block; width:100%; font-size:0; text-align:left; position:relative;} ul.bbs_hot_mypet li {display:inline-block; vertical-align:top; width:100%; transition:all .2s; font-size:0; padding:25px 0px; border-bottom:1px dashed #eee;} ul.bbs_hot_mypet li:first-child {padding-top:0;} ul.bbs_hot_mypet li:hover {transition:all .2s;} ul.bbs_hot_mypet li .pic {display:inline-block; vertical-align:top; width:180px; overflow:hidden; border-radius:10px; position:relative;} ul.bbs_hot_mypet li .pic img {width:100%;transform:scale(1); -web-kit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;} ul.bbs_hot_mypet li .pic .week {position:absolute; top:5px; left:5px; z-index:1;} ul.bbs_hot_mypet li .pic .week i {position:relative; top:0; left:0; font-size:35px; color:red;} ul.bbs_hot_mypet li .pic .week span {position:absolute; top:9px; left:0; width:100%; font-size:11px; color:#fff; text-align:center; font-family:tahoma; line-height:100%;} ul.bbs_hot_mypet li:hover .pic img {transform:scale(1.05); -web-kit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);transition:all 0.3s ease-in-out;} ul.bbs_hot_mypet li .ct_wrp {display:inline-block; vertical-align:top; width:calc(100% - 180px); padding:10px 0 0 35px; position:relative; } ul.bbs_hot_mypet li h3 {display:inline-block; padding:0 0 5px 0; font-size:15px; text-align:left; width:100%; line-height:140%; font-weight:normal; text-overflow: ellipsis;white-space: nowrap; overflow:hidden} ul.bbs_hot_mypet li h3 a {color:rgba(0,0,0,1);transition:all .2s;} ul.bbs_hot_mypet li p {display:inline-block; width:100%; padding:5px 0 10px 0;} ul.bbs_hot_mypet li p a {line-height:160%; color:rgba(0,0,0,0.6); font-size:11px;} ul.bbs_hot_mypet li .e_set {display:inline-block; font-size:0; text-align:left; width:100%; padding:7px 0 0 0; line-height:100%;} ul.bbs_hot_mypet li .e_set .tt {display:inline-block; vertical-align:middle; width:60px; line-height:100%; font-size:11px; color:rgba(0,0,0,0.3);} ul.bbs_hot_mypet li .e_set .tt:before {content:"ㆍ ";} ul.bbs_hot_mypet li .e_set .txt {display:inline-block; vertical-align:middle; width:calc(100% - 60px); line-height:100%; font-size:11px; font-family:arial; text-overflow: ellipsis;white-space: nowrap; overflow:hidden} ul.bbs_hot_mypet li:hover h3 a {color:#000;transition:all .2s;} .inc_count_no {position:relative; bottom:0; left:0; /*background:rgba(0,0,0,0.6);*/ padding:15px 0 0 0; font-size:0; width:100%; z-index:1; text-align:right;} .inc_count_no .vote {display:inline-block; vertical-align:middle; width:50%;} .inc_count_no .fw {width:auto; } .inc_count_no .kind {display:inline-block; vertical-align:middle; padding-left:25px;} .inc_count_no .kind:first-child {padding-left:0px;} .inc_count_no i {display:inline-block; vertical-align:middle; font-size:15px; color:red;} .inc_count_no .icnt {display:inline-block; vertical-align:middle; font-size:0;} .inc_count_no .icnt .total , .inc_count_no .icnt .btwn {display:inline-block; vertical-align:middle; font-size:11px; font-family:arial; padding-left:5px; color:#333;} /* .inc_count_no .icnt .btwn:after {content:"(이번주)"; display:inline-block; font-family:NanumBarunGothic, sans-serif; padding-left:5px; font-size:11px; color:rgba(0,0,0,0.6);} .inc_count_no .icnt .total:after {content:"(전체)"; display:inline-block; font-family:NanumBarunGothic, sans-serif; padding-left:5px;} */ /* 좋아요-뉴 */ .vote_heart_new {display:inline-block; position:relative; width:100%; padding-bottom:30px; margin-bottom:30px; font-size:0; border-bottom:1px dashed #eee;} .vote_heart_new .k_wrp {display:inline-block; vertical-align:middle; position:relative; width:100px; transition:all .3s;} .vote_heart_new .v_grp {display:inline-block; vertical-align:middle; position:relative; width:55px; height:55px; transition:all .3s;} .vote_heart_new .v_grp input {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 ; border:0; background:transparent; font-size:0; transition:all .3s; z-index:1; cursor:pointer;} .vote_heart_new .v_grp .cnt_wrp { width:100%; font-size:0; text-align:center; } .vote_heart_new .v_grp i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:red; width:100%; font-size:50px; transition:all .3s;} .vote_heart_new.set i {color:#555; transition:all .3s;} .vote_heart_new .v_grp span {display:inline-block; vertical-align:middle; font-family:arial; font-size:12px; padding:0 2px;} .vote_heart_new .v_grp span.total {text-align:right;} .vote_heart_new .v_grp span.week {text-align:left;} .vote_heart_new .v_grp span.week:before {content:"(";} .vote_heart_new .v_grp span.week:after {content:")";} .vote_heart_new ul.exp {position:relative; display:inline-block; vertical-align:middle; text-align:center; width:100%;} .vote_heart_new ul.exp li {position:relative; font-size:0;} .vote_heart_new ul.exp li .tit {display:inline-block; vertical-align:middle; font-size:11px; width:100%;} .vote_heart_new ul.exp li .con {display:inline-block; vertical-align:middle; font-size:25px; width:100%; font-family:'GmSansB'; padding-top:5px; line-height:100%; color:#000;} .vote_heart_new:after {content:"이 게시글이 맘에 드시면 좋아요를 눌러주세요!"; font-size:12px; width:100%; display:inline-block; padding-top:22px; color:rgba(0,0,0,0.7);} .vote_heart_new.set:after {content:"회원님은 좋아요를 눌렀습니다."; color:red;} .vote_heart_new.set:before {content:""; position:absolute; top:0; left:0; background:rgba(0,0,0,0); width:100%; height:100%; z-index:2;} /* ================================================ 임시 */