/** board skin css */ .board .table{border-top: 2px solid #000;border-bottom: 1px solid #ccc;} .border_button{overflow:hidden;} .board .comment-count a{color:#348fe2;padding-left:10px;} .board .info{overflow:hidden;} .board .info li{float:left; padding-right:20px;} .board .contents-view{padding:30px 20px; clear:both;} .board .contents-view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto; } #post-content {word-wrap: break-word;} #post-content img {max-width:100%;} .board .fa-user{color:#626262;} .board .fa-comments{color:#626262;} .board .fa-eye{color:#626262;} .board .fa-thumbs-up{color:#626262;} .board .fa-thumbs-down{color:#626262;} .board .fa-clock-o{color:#626262;} .board .fa-reply{color:#626262;} .board .gallery .thumbnail{margin-bottom:10px;} .board .recommand{text-align:center;margin-bottom:20px;} .board .recommand a:hover{background:#348fe2; color:#fff; text-decoration:none;} .board .recommand .good{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px; padding:8px; margin:0 10px;} .board .recommand .bad{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px;padding:6px; margin:0 10px;} .board .like {padding-top:20px;} .board .like a{text-decoration:none;} .board .time{font-size:12px; padding-left:10px;} .board .tags a{font-size:12px; padding-left:5px;} .board .reply{float:right; font-size:12px;} .board .reply a{padding-left:5px;} .board .ip{font-size:12px; padding-left:10px;} .board .tags li{float:left; padding-right:10px;} .board .sns_button div {float:left; padding-right:5px;} .board .btn-point-info {padding-top:8px;color:#BBB;} .board .view_full_image {cursor:pointer;} .board .btn-admin-manage-layer { display:none;border:1px solid #ddd;position:absolute;background-color:#fff;z-index:99999; } .board .btn-admin-manage-layer div.item { height:23px;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:10px; } .board .btn-admin-manage-layer div.item { font:normal 11px 'dotum';line-height:23px; } .board .btn-admin-manage-layer div.item i { width:20px;text-align:center; } .board .autowrap { margin:0 auto 15px; } .board .autosize { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0; } .board .autosize iframe, .autosize object, .autosize embed { position: absolute; top: 0; left: 0; width: 100%; height:100%; } .board .searchbox {display:none;} .board .passcord { text-align: center;margin:10px auto 0 auto;} .board .passcord li{display:inline-block;margin-right:20px;vertical-align:middle;} .board .copy_post_url {cursor:pointer;} .lucky {font-size:11px;} .lucky .luckypoint{color:#E71A41;} .gallery-box {float:left;} .chk_comment_all_wrapper {padding:10px;} .comment_write_box_inner {margin-top:20px; padding:20px;} .comment_write_button_area {margin-top:20px;overflow:hidden;} .board .url-qrcode {position:relative;cursor:pointer;} .board .url-qrcode i {margin:3px 0 0 5px;} #qrcode-content {display:none;position:absolute;background-color:#FFF;border:2px solid #DDD;padding:10px;width:240px;} #qrcode-content .qrcode_code {border:5px solid #479BE3;float:left;} #qrcode-content .qrcode_code img {width:100px;height:100px;} #qrcode-content .qrcode_info {float:left;margin:0 0 0 10px;width:90px;font-size:12px;line-height:18px;color:#555;} .text-purple {color:#CB4A8A} /* 아래는 기존의 metamessage 레거시 코드 살림 */ .main_banner { margin: 0 auto; height: 714px; } .info{margin:40px 0;} .banner_bg{width:100%; height:437px; margin: 0 auto; background: url("../../../../assets/images/sample/sub2_banner.png") no-repeat center top;background-size:cover;overflow:hidden;} .banner_bg_1{width:100%; height:437px; margin: 0 auto; background: url("../../../../assets/images/sample/sub3_banner.png") no-repeat center top;background-size:cover;overflow:hidden;} .invitation_box { position: relative; text-align: center; } .invitation_box .btn {background: #8BBFB8;color:#fff;border-radius: 20px; font-size: } .invitation_box_1 { position: relative; text-align: center; } .invitation_box_1 .btn1 {padding:5px 42px;background: #8BBFB8;color:#fff;border-radius: 20px; font-size: } .invitation_title {text-align:center;margin:90px 0;color:#666666;} .invitation_title_1 {text-align:center;margin-bottom:10px;color:#666666;} .invitation_title h1 {font-size:48px;font-weight:bold;} .invitation_title h2 {font-size:18px;font-weight:bold;} .invitation_title_1 h1 {font-weight:normal;} .invitation_title_1 h2 {font-weight:normal;} .skin_list {} .skin_list_content { display: inline-block; border: 1px solid #ebebeb; margin: 20px; cursor: pointer; } #mobile_card .card {box-shadow:0px 0px 10px 2px #efefef;padding:20px;margin-bottom:20px;} #mobile_card .card .thumb {text-align:center;padding:0 40px;} #mobile_card .card .thumb img {width:100%;} #mobile_card .card h5 {color:#CB4A8A;font-weight:bold;padding:10px 0;} #mobile_card .card .thumb_m1 {text-align:center;padding:0 0px;} #mobile_card .card .thumb_m1 img {width:100%;} .modal_back{width:100%; position:absolute; top:0px;left:0px; background:rgba(0,0,0,0.5); z-index:999;} .mobilecard_skin{width:439px;height:847px; position:fixed; margin-top:-2130px; background:url("../../../../assets/images/modal_phone.png"); z-index:1000;} .modal_back,.mobilecard_skin{display:none;} .mobilecard_info{width:377px;height:637px; margin:110px 0px 0px 38px; overflow-y:scroll;} @media screen and (max-width: 1601px) { .mobilecard_info{width:295px;height:492px; margin:85px 0px 0px 30px;} .mobilecard_info > img{width:278px;} .mobilecard_skin{background-size:340px; background-repeat: no-repeat; margin-left:-170px;} } /*bang*/ @media screen and (max-width: 400px){ .container .skin_list .col-xs-6{ height:415px; padding-right:5px; padding-left:5px; } h5{ font-size:12px; } .card p{font-size:11px;} #mobile_card .card { margin-bottom:5px; height:415px; } }