@charset "utf-8";
/* CSS Document */



.board_gallery_list .img_wrap p {padding-bottom:100%;}
.board_gallery_list ul {overflow:hidden; margin:-5px;}
.board_gallery_list li {float:left; width:50%; padding:5px; padding-top:1px; padding-left:1px;}
.board_gallery_list li > a {display:block; border:1px solid #d3d3d3;}
.board_gallery_list .cont_wrap {height:75px;}
.board_gallery_list .title {height:36px; margin:15px 15px 4px; font-size:15px; line-height:18px; color:#383838; text-align:center;}
.board_gallery_list .title {display:-webkit-box; overflow:hidden; white-space:normal; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.board_gallery_list .date {font-size:13px; color:#999999; text-align:center;}
.li_wrap {}



#contents iframe {width:100% !important;}


.view_bottom_link {margin-top:20px; text-align:center;}
.view_bottom_link .btn {width:200px; background:#52bab9;}

#board_skin .q_counsel {margin:0 -5px;}




#best {position:relative; z-index:1; padding-top:50px; margin-top:-20px; padding-bottom:30px; margin-bottom:25px;}
#best:before {position:absolute; top:0; left:-1000px; right:-1000px; bottom:0; z-index:-1; background:#f8f8f8; content:'';}
#best .title {vertical-align:top; line-height:1;}
#best .title img {width:80px;}
#best .title .tit {display:inline-block; margin-left:-7px; padding-top:16px; font-size:25px; font-weight:300; color:#000;}
#best .title span {display:block; padding-top:10px; font-size:12px; color:#737373; font-weight:300;}
#best .inbox {margin-top:20px; padding:25px 30px; background:#fff;}

#dragstage_area {position:relative; margin:auto;}
.dragstage img {width:100%; height:100%;}
.dragstage .stageimage{position:absolute;top:0;left:0;z-index:1;}
.dragstage .stageimage img {opacity:0;}
.dragstage .coverimage {overflow:visible !important; position:absolute;top:0;left:0;z-index:3; width:100%; height:100%; max-width:none;}
.dragstage .coverimage img {position: absolute; height: 100%; width: 100%;  max-width:none; clip: rect(0px, 328px, auto, 0px);}
.dragstage .coverimage:hover{cursor:e-resize;}
.dragstage .active .handle {position:absolute; top:0; right:0; width:10px; bottom:0; z-index:100; transition: opacity .4s; -webkit-transition: opacity .4s;}
.dragstage .active .handle:before {position:absolute; top:0; right:0; width:3px; height:100%; background:#30bbc3; content:'';}
.dragstage .active .handle:after {position:absolute; bottom:-14px; left:0px; width:28px; height:28px; margin-left:-5px; background:url('../images/icon_mouse.png') no-repeat; background-size:contain; content:''; transition: opacity .4s; -webkit-transition: opacity .4s;}
.dragstage .active .handle.on {opacity:1;}
.dragstage .active .handle > span{display:block;font-size:12px; color:#fff; margin-top:90px;text-align:Center}
.dragstage .active .handle.drag_start:after {opacity:1;}


#best_swiper {position:relative; margin-top:15px; padding:30px 0 20px; background:#fff;}
#best_swiper .swiper-container {}
#best_swiper .swiper-slide {padding-bottom:2px;}
#best_swiper .swiper-slide .img_wrap {overflow:visible; position:relative; width:42rem; height:42rem; margin:0 auto;}
#best_swiper .swiper-slide .img_wrap img {width:100%; height:100%;}
#best_swiper .swiper-slide .icon_best {position:absolute; top:1.6rem; left:-7.8rem; width:15.7rem; height:17.6rem; padding-top:7.5rem; text-align:center; font-size:2.5rem; font-weight:400; line-height:3.6rem; color:#fff; background:url('../images/best_bg.png') no-repeat center top; background-size:contain;}
#best_swiper .swiper-slide .icon_best:before {position:absolute; top:3.2rem; left:50%; width:3.2rem; height:2.1rem; margin-left:-1.6rem; background:url('../images/icon_crown.png'); background-size:contain; content:'';}
#best_swiper .swiper-slide .icon_best em {display:block; font-family:'roboto'; font-size:3.4rem; font-weight:700; letter-spacing:0;}
#best_swiper .swiper-slide .tcont {margin-top:20px; text-align:center;} 
#best_swiper .swiper-slide .tcont strong {font-size:20px; line-height:1.2; font-weight:500; color:#000;}
#best_swiper .swiper-slide .tcont em {display:block; position:relative; margin-top:14px; padding-top:7px; font-size:15px; color:#0d0d0d; font-weight:500; line-height:1;}
#best_swiper .swiper-slide .tcont em:before {position:absolute; top:0; left:50%; width:10px; height:2px; margin-left:-5px; background:#30bbc3; content:'';}
#best_swiper .swiper-slide .tcont p {margin:9px 0 18px; font-size:14px; color:#191919;}
#best_swiper .swiper-button-prev:before,
#best_swiper .swiper-button-next:before {display:none;}
#best_swiper .swiper-button-prev, 
#best_swiper .swiper-button-next {top:28rem; width:3.7rem; height:7.1rem; margin-top:-3.5rem; background:no-repeat center; background-size:contain;}
#best_swiper .swiper-button-prev {left:15px; background-image:url('../images/btn_prev.png');}
#best_swiper .swiper-button-next {right:15px; background-image:url('../images/btn_next.png');}
/*
#best_swiper .swiper-pagination {position:relative; margin-top:35px; text-align:center;}
#best_swiper .swiper-pagination-bullet {width:8px; height:8px; margin:0 3px; border:1px solid #30bbc3; border-radius:50%; transition:all 0.3s; background:#fff;}
#best_swiper .swiper-pagination-bullet-active {background:#30bbc3;}
*/

#best_swiper .swiper-pagination {position:relative; margin-top:15px; bottom:0;}
#best_swiper .swiper-pagination-bullet {width:12px; height:12px; margin:0 5px; background:#dddddd; opacity:1; transition: all 0.3s;}
#best_swiper .swiper-pagination-bullet-active {background:#2ab9c1;}


.review_top {overflow:hidden; margin-bottom:15px;}
.review_top .title {float:left; font-size:20px; color:#0d0d0d; font-weight:300; line-height:1.25;}
.review_top .title strong {font-weight:700;}
.review_top a {float:right; margin-top:8px; padding:0 40px; border-radius:20px; font-size:20px; font-weight:400; line-height:40px; color:#fff; background:#2a3245;}



.board_list ul {overflow:hidden; margin:-5px;}
.board_list ul > li {float:left; width:50%; padding:5px;}
.board_list ul > li:nth-child(2n+1) {clear:both;}
.board_list ul > li > a {padding:0;}
.board_list .img {overflow:hidden; position:relative; padding-bottom:100%;}
.board_list .img img {position:absolute; top:0; left:0; width:100%; height:auto; min-height:100%;}
.board_list .img strong {overflow:hidden; position:absolute; left:0; bottom:0px; right:0; z-index:23; height:65px; padding:0 15px; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:normal; color:#fff; line-height:65px; text-align:center; background:rgba(0,0,0,0.7); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.board_list .icon_best {position:absolute; top:3px; right:1px; z-index:2; width:55px; height:60px; padding-top:16px; text-align:center; font-size:7px; line-height:2.4; color:#fff; background:url('../images/best_sbg.png') no-repeat center top; background-size:contain;}
.board_list .icon_best em {display:block; font-size:12px; font-family:'roboto'; font-weight:700; letter-spacing:-0.02em;}
.board_list .title {height:56px; padding:12px 10px; background:#f8f8f8;}
.board_list .title em {display: -webkit-box; overflow:hidden; font-size:13px; color:#1a1a1a; line-height:16px; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-weight:400;}
.board_list .info {margin:2px 0 40px; font-size:15px; color:#333333;}
.board_list .category {color:#7e0141;}
.btn_login {position:absolute; top:0; left:50%; width:50%; bottom:0; background:url('../images/login.png') no-repeat center rgba(51,51,51,0.75);}


.board_list .state_close .img:before {position:absolute; top:0; left:0; z-index:6; width:100%; height:100%; background:rgba(0,0,0,0.3); content:'';}
.board_list .state_close .img:after {position:absolute; top:50%; left:50%; z-index:7; width:50px; height:50px; margin:-25px; border-radius:100%; border:1px solid rgba(255,255,255,0.4); font-size:15px; color:#fff; line-height:48px; text-align:center; content:'비공개';}



/*
#board_pop {display:none; position:fixed; top:100px; bottom:20px; left:20px; right:20px; z-index:100001; padding:30px 10px 30px 20px; background:#fff;}
#board_pop .btn_pop_close {overflow:hidden; position:absolute; top:-50px; right:0px; z-index:111110; width:35px; height:35px; white-space:nowrap; text-indent:-999px; background:url('../images/btn_pop_close.png') no-repeat center; background-size:contain;}
#board_pop .btn_prev {display:block; overflow:hidden; position:absolute; top:50%; left:-20px; width:35px; height:35px; margin-top:-18px; text-indent:-999px; background:url('../images/btn_pop_prev_on.png') no-repeat center; background-size:contain;}
#board_pop .btn_next {display:block; overflow:hidden; position:absolute; top:50%; right:-20px; width:35px; height:35px; margin-top:-18px; text-indent:-999px; background:url('../images/btn_pop_next_on.png') no-repeat center; background-size:contain;}

#board_pop .scroll {overflow:hidden; position:relative; height:100%; padding-right:20px;}
#board_pop .scroll > div {}
#board_pop .iScrollVerticalScrollbar {position:absolute; top:0; right:0px !important; width:5px !important; border-radius:2px !important; background:#e1e3e4 !important;}
#board_pop .iScrollIndicator {border:0 !important; background:#a8aeb3 !important;}
#board_pop .top {overflow:hidden; position:relative; margin-bottom:5px; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
#board_pop .top * {vertical-align:middle;}
#board_pop .top .name {display:inline-block; font-size:18px; color:#000000; font-weight:500;}
#board_pop .top .atxt {display:inline-block; margin-left:20px; font-size:14px; color:#8c8c8c; font-weight:400;}
#board_pop .top .rtxt {margin-top:5px;}
#board_pop .top .rtxt span {display:inline-block; padding-left:16px; margin-right:20px; font-size:11px; color:#191919; line-height:15px; font-weight:500;}
#board_pop .top .rtxt .like {background:url('../images/icon_heart2.png') no-repeat 0 center; background-size:12px auto;}
#board_pop .top .rtxt .hit {padding-left:19px; background:url('../images/icon_hit2.png') no-repeat 0 center; background-size:15px auto;}
#board_pop .top .title {margin-top:10px; font-size:15px; color:#191919; font-weight:500; line-height:1.4;}
#board_pop .bimg {position:relative; padding-bottom:50.84%;}
#board_pop .bimg img {position:absolute; top:0; left:0; width:100%; height:100%;}

#detail_swiper {position:relative; margin-top:10px;}
#detail_swiper a {display:block; position:relative;}
#detail_swiper .img_wrap {position:relative; padding-bottom:50.84%;} 
#detail_swiper .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#detail_swiper span {display:block; font-size:12px; letter-spacing:0; line-height:20px; text-align:center; color:#fff; background:#8c8c8c;}
#detail_swiper span.after_txt {background:#2a3245;}
#detail_swiper .swiper-slide a:before {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.3); border:2px solid #30bbc3; content:''; transition:all 0.4s; box-sizing:border-box;}
#detail_swiper .swiper-slide.on a:before {opacity:1;}
#detail_swiper .swiper-button-prev,
#detail_swiper .swiper-button-next {top:-2px; bottom:-2px; z-index:10; width:25px; height:auto; margin:0; background:none;}
#detail_swiper .swiper-button-prev {left:0; transform:rotate(180deg);}
#detail_swiper .swiper-button-next {right:0;}
#detail_swiper .swiper-button-prev:before,
#detail_swiper .swiper-button-next:before {position:absolute; top:50%; z-index:5; width:25px; height:41px; margin:0; margin-top:-20px; background:url('../images/btn_next2.png') no-repeat center; content:'';}
#detail_swiper .swiper-button-prev:before {right:0;}
#detail_swiper .swiper-button-next:before {right:0;}
#detail_swiper .swiper-button-prev:after {position:absolute; top:0; left:-30px; right:0px; bottom:0; z-index:3; event-pointer:none; background:linear-gradient(to left, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%); content:'';}
#detail_swiper .swiper-button-next:after {position:absolute; top:0; left:-30px; right:0px; bottom:0; z-index:3; event-pointer:none; background:linear-gradient(to left, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%); content:'';}
#detail_swiper .swiper-button-disabled {opacity:0;}

#board_pop .keyword {margin:8px -2px; font-size:0;}
#board_pop .keyword span {display:inline-block; margin:2px; padding:0 10px; border-radius:13px; border:1px solid #2ab9c1; line-height:25px; font-size:12px; color:#2ab9c1; }
#board_pop .contents {padding:15px; font-size:14px; color:#191919; line-height:1.38; background:#f8f8f8;}


#board_pop.admin {padding-bottom:130px;}
#board_pop.admin .scroll {position:relative; padding-bottom:30px;}
#board_pop.admin .scroll:after {position:absolute; left:0; right:40px; bottom:0; height:1px; background:#e6e6e6; content:'';}
#board_pop.admin .scroll > div {padding-bottom:30px;}
#board_pop .btn_wrap {position:absolute; right:60px; bottom:60px; text-align:right; font-size:0;}

.pop_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100000; background:rgba(0,0,0,0.7);}

*/


#board_pop {display:none; position:fixed; top:100px; bottom:20px; left:20px; right:20px; z-index:100001; padding:25px 5px 25px 15px; background:#fff;}
#board_pop .btn_pop_close {overflow:hidden; position:absolute; top:-40px; right:0px; z-index:111110; width:25px; height:25px; white-space:nowrap; text-indent:-999px; background:url('../images/btn_pop_close.png?v=1') no-repeat center; background-size:contain;}
#board_pop .btn_prev {display:block; overflow:hidden; position:absolute; top:50%; left:-20px; z-index:1110; width:35px; height:35px; margin-top:-18px; text-indent:-999px; background:url('../images/btn_pop_prev_on.png') no-repeat center; background-size:contain;}
#board_pop .btn_next {display:block; overflow:hidden; position:absolute; top:50%; right:-20px; z-index:11110; width:35px; height:35px; margin-top:-18px; text-indent:-999px; background:url('../images/btn_pop_next_on.png') no-repeat center; background-size:contain;}

#board_pop .top {display:inline-block; position:relative; width:100%; border:1px solid #d2d2d2;}
#board_pop .top .img_wrap {float:left; position:relative; width:50%; padding-bottom:50%;}
#board_pop .top .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#board_pop .top .tcont {position:absolute; top:50%; left:50%; width:50%; padding:0 3.5%; transform:translateY(-50%);}
#board_pop .top .tcont span {display:block; margin-right:-5rem; font-family:'roboto'; font-size:2rem; color:#30bbc3; letter-spacing:0.3em;}
#board_pop .top .tcont strong {display:block; margin-top:1.5rem; font-size:3.2rem; font-weight:500; color:#000; line-height:3.8rem; word-break:break-all;}
#board_pop .top .tcont strong {height:8rem; display: -webkit-box; overflow:hidden; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
#board_pop .top .tcont em {display:block; position:relative; margin-top:2rem; padding-top:1.2rem; font-size:3rem; color:#0d0d0d; font-weight:500; line-height:1;}
#board_pop .top .tcont em:before {position:absolute; top:0; left:0; width:1.8rem; height:.3rem; background:#30bbc3; content:'';}
#board_pop .top .tcont p {overflow:hidden; height:6rem; margin-top:1.5rem; font-size:2.4rem; color:#191919; line-height:3rem;}
#board_pop h3 {margin:23px 0 8px; font-size:18px; color:#000; font-weight:500; letter-spacing:-0.03em; text-align:center; line-height:1;}
#board_pop .scroll {overflow:hidden; position:relative; height:100%; padding-right:20px;}
#board_pop .scroll > div {}
#board_pop .bna_img {overflow:hidden; margin:0 -5px;}
#board_pop .bna_img > div {float:left; width:50%; padding:0 5px;}
#board_pop .bna_img .img_wrap {position:relative; padding-bottom:64.44%;}
#board_pop .bna_img .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#board_pop .bna_img span {display:block; font-size:14px; color:#fff; line-height:28px; text-align:center; letter-spacing:-0.03em; background:#8c8c8c;}
#board_pop .bna_img .after span {background:#30bbc3;}
#board_pop .contents {margin-top:15px; font-size:14px; color:#191919; line-height:1.38; word-break:break-all;}

#board_pop .iScrollVerticalScrollbar {position:absolute; top:0; right:0px !important; width:5px !important; border-radius:2px !important; background:#e1e3e4 !important;}
#board_pop .iScrollIndicator {border:0 !important; background:#a8aeb3 !important;}
#board_pop.admin {padding-bottom:130px;}
#board_pop.admin .scroll {position:relative; padding-bottom:30px;}
#board_pop.admin .scroll:after {position:absolute; left:0; right:40px; bottom:0; height:1px; background:#e6e6e6; content:'';}
#board_pop.admin .scroll > div {padding-bottom:30px;}
#board_pop .btn_wrap {position:absolute; right:60px; bottom:60px; text-align:right; font-size:0;}

.pop_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100000; background:rgba(0,0,0,0.7);}


#pos {display:block; position:relative; top:-76px;}


#category_box .category li {width:50% !important;}