@charset "utf-8";

/******************** 커뮤니티 공통CSS ***********************/
/* 공유하기 버튼 */
.community_share{ margin:0 15px; padding-bottom:25px; }
.btn_area{ margin:20px 15px 0; }

/* 페이지이동 버튼 */
.btn_pageChange{ width:100%; margin-bottom:20px; border:1px solid #e3e3e3; border-right:0; }
.btn_pageChange tr td{ padding:12px 0; border-right:1px solid #e3e3e3; text-align:center; }
.btn_pageChange tr td img{ height:8px; margin:0 5px; vertical-align:0px; }

/* 목록공통 (잇스타일&이슈) */
.list_tab{ border-bottom:15px solid #ececec; }
.list_tab .tab_about{ margin-top:15px; text-align:center; }
.list_tab .tab_about .about_text{ font-family:'Nanum Gothic',serif; color:#666; }
.list_tab .tab_about .about_line{ width:16px; height:1px; margin:5px 0; background-color:#d01f3c; display:inline-block; }
.list_tab .tab_title{ margin-bottom:15px; padding:0 15px; font-size:18px; color:#222; text-align:center; }
.list_tab .tab_desc{ height:3em; line-height:1.5; padding:0 15px; margin-bottom:20px; color:#666; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.reply_more{ padding:25px 15px; border-top:1px solid #bfbfbf; }
/* 목록공통 (스토리&리포트) */
.story_list{ margin:5px 10px 20px 10px; }
.story_list .story_tab{ width:50%; float:left; }
.story_list .story_tab .story_box{ margin:5px; border:1px solid #e3e3e3; }
.story_list .story_tab .story_box .story_desc{line-height: 1.5;padding: 10px 10px 0;background-color:#fff;height: 120px;}
.story_list .story_tab .story_box .story_desc .story_title{height: 35px;/* font-weight:bold; */color:#333;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size: 12px;}
.story_list .story_tab .story_box .story_desc .story_preview{height: 3em;line-height: 1.5em;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color: #666;font-size: 12px;}
.story_tag{margin-bottom: 2px;color:#306eb5;font-size: 13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.story_date{margin: 2px 0 5px;font-size:12px;color:#999;font-size: 11px;}

/* 매거진 메뉴 */
.magazine_menu{ height:21px; margin:20px 15px; position:relative; }
.magazine_menu ul li{ line-height:1.2; margin-right:3px; padding:2px 10px 2px; display:table-cell;white-space:nowrap; cursor:pointer; border:1px solid transparent;}
.magazine_menu ul li.on{ border:1px solid #333; border-radius:20px; font-weight:bold; }

/* 상세 상단 배너공통 (잇스타일&블로그) */
.story_ban{position:relative; }
.story_ban .ban_mask{ background-color:rgba(0,0,0,0.3); position:absolute; top:0; left:0; right:0; bottom:0; }
.story_ban .story_title{ position:absolute; bottom:30px; left:15px; right:15px; text-align:right; }
.story_ban .story_title p{ margin-top:5px; font-size:15px; color:#fff; }
.story_ban .story_date{ font-size:12px; font-family:'Nanum Gothic',serif; color:#fff; position:absolute; right:15px; bottom:10px; }
.story_ban .trand_title table{ width:100%; height:100%; }
.story_ban .trand_title table tr td{ padding:0 50px; position:relative; text-align:center; }
.story_ban .trand_title table tr td .it_about{ font-size:14px; font-family:'Nanum Gothic',serif; color:#fff; }
.story_ban .trand_title table tr td .it_about_line{ width:16px; height:1px; margin:5px 0; background-color:#fff; display:inline-block; }
.story_ban .trand_title table tr td .it_text{ font-size:20px; font-weight:bold; font-family:'Nanum Myeongjo', serif; color:#fff; }

/* 상세 컨텐츠 */
.magazine_contents{ line-height:1.7; margin:20px 15px; color:#666; }
.magazine_contents img{ max-width:100%; }
.magazine_contents .relation .relation_product .relation_box p{ font-size:13px; margin:0 !important;}
.magazine_contents .relation .relation_product .relation_box .relation_price{ font-size:13px; }

/******************** 매거진단 ***********************/
/* 메인 */
#trend{ margin-bottom:60px; }
#trend .left_header span{ margin-left:10px; font-size:13px; font-weight:normal; }
#trend .trend_box{ margin:20px 10px 0 10px; }
#trend .trend_box .header_all{ padding:0 5px; border-bottom:1px solid #333; overflow:auto; }
#trend .list_table tr td{ padding:15px 5px; }
#trend .list_table tr:last-child td{ border:none; }
#trend .list_table tr td .list_detail{line-height:1.5;height:3em; margin-top:5px; font-size:12px; color:#666; }
#trend .trend_news .list_table tr:last-child td{ border-bottom:1px solid #ddd; }
#trend .product_tab .product_box{ padding:15px 5px; margin:0;}
#trend .product_tab .product_box .trend_img_box {height:0;padding-bottom:77%;background-repeat: no-repeat;background-size:cover;background-position:center;}
#trend .product_box .product_desc .pname{ height:19px; -webkit-line-clamp:1;font-size:12px;}
.magazine_none{ padding:25px 15px 15px 15px; text-align:center; }

/* 잇스타일 */
#itstyle{ margin-bottom:60px; }
#itstyle .list_tab .tab_about .about_text{ color:#d1c0a2; }
#itstyle .list_tab .tab_about .about_line{ background-color:#d1c0a2; }
#itstyle .list_tab .tab_title{ font-weight:bold; font-family:'Nanum Myeongjo', serif; }
#itstyle_read{ margin-bottom:60px; }
#itstyle_read .about_tag{ color:#d1c0a2; }
#itstyle_read .about_tag_line{ width:15px; height:1px; margin:0 auto 7px; background-color:#d1c0a2; }
.itstyle_product{ margin:30px 0 15px 0; border:1px solid #ececec; border-width:1px 0; }
.relation .relation_product .relation_box .relation_img{ margin-bottom:5px; }

/* 뉴스 */
#issue{ margin-bottom:60px; }
#issue .list_tab .tab_desc {font-size:12px;}
#issue .list_tab .tab_about .about_text{ font-size:11px; }
#issue .list_tab .tab_title{ margin:15px 0 0 0; font-size:14px; font-weight:bold;}
#issue .issue_img_box {height;0;padding-bottom:37.5%;background-repeat: no-repeat;background-size:cover;background-position:center;}
#issue_read{ margin-bottom:60px; }
#issue_read .magazine_contents{ padding:0 15px; margin:0; border-top:1px solid #333; }
#issue_read .magazine_contents .news_title{ margin:10px 0 0 5px; font-size:16px; font-weight:bold; color:#333; }
#issue_read .magazine_contents .news_date{ padding:0 0 7px 5px; font-size:12px; }
#issue_read .magazine_contents .news_contents{ margin:20px 5px; }

/* 스토리 */
.blog_tag{ width:75px; height:18px; line-height:20px; padding-left:5px; margin-bottom:7px; border:1px solid #00dfda; color:#00dfda; }
.blog_tag.fashion{ border-color:#965fe7; color:#965fe7; }
.blog_tag.etc{ border-color:#efb23d; color:#efb23d; }
#story{ padding-bottom:60px; }
#story .sub_header{ background-color:#fff; }
.story_img_box {height:0;padding-bottom:100%;background-repeat: no-repeat;background-size:cover;background-position:center;}
#story .magazine_menu{ margin-bottom:0; }
#story_read{ margin-bottom:60px; }
#story_read .story_title {padding:35px 0 20px;border-bottom:1px solid #ddd;margin:0 15px;}
#story_read .story_title .story_intro {font-size:15px;color:#222;margin-bottom:5px;}
#story_read .story_title .story_main_title {font-size:20px;color:#222;font-weight:bold;margin-bottom:5px;}
#story_read .story_title .story_date,
#story_read .story_title .story_editer {font-size:11px;color:#666;}
#story_read .reply_area{ margin-top:20px; }
#story_read .relation_service .service_box tr td .selling_theme{ border:1px solid #333; background-color:#fff; color:#333; }
#story_read .editor_profile_area {margin:25px 15px;border:1px solid #c3c3c3;}
#story_read .editor_profile {background-color:#fff;text-align:center;padding:15px;}
#story_read .editor_profile .editor_image_box {display:inline-block;width:55px;height:55px;border-radius:35px;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#fff;margin-bottom:5px;}
#story_read .editor_profile .editor_image_box > a {height:100%;}
#story_read .editor_profile .editor_title {font-size: 13px;color:#306eb5;margin-bottom:2px;}
#story_read .editor_profile .editor_name {font-weight:bold;color:#306eb5;font-size: 16px;margin-bottom:5px;}
#story_read .editor_profile .editor_sns_id {color:#333;font-size: 13px;border-bottom:1px solid #333;}
#story_read .editor_profile .editor_sns_id:active {color:#306eb5;border-color:#306eb5;}
#story_read .editor_profile .editor_sns_id_app {color:#333;font-size: 13px;border-bottom:1px solid #333;}
#story_read .editor_profile .editor_intro {word-wrap:break-word;color:#666;font-size: 13px;line-height:1.4em;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:2px;}

#story_read .editor_other_contents {padding:20px 5px 10px;margin:0 10px;border-top:1px solid #ddd;}
#story_read .editor_other_contents .editor_other_title {font-size:15px;color:#222;font-weight:bold;margin-bottom:15px;}
#story_read .editor_other_contents .editor_other_list li {line-height:22px;}
#story_read .editor_other_contents .editor_other_list li a {color:#666;}
#story_read .editor_other_contents .editor_other_list a:active {color:#306eb5;}

/* 트렌드리포트 */
#report{ padding-bottom:60px; }
#report .magazine_menu{ margin-bottom:0; }
#report .story_list .story_tab .story_box .story_desc {height:60px;}
#report .story_list .story_tab .story_box .story_desc .story_title{ height:18px; -webkit-line-clamp:1; font-weight:bold;font-size:13px; }
#report .story_list .story_tab .story_box .story_desc .story_preview{ height:18px; -webkit-line-clamp:1; font-size:12px; color:#222; }
.trend_img_box {height:0;padding-bottom:77%;background-repeat: no-repeat;background-size:cover;background-position:center;}

#report_read{ margin-bottom:60px; }
#report_read .community_share{ margin-top:35px; }
#report_read .magazine_contents img{ margin-top:20px; }

#report_read .story_title {padding:35px 0 20px;border-bottom:1px solid #ddd;margin:0 15px;}
#report_read .story_title .story_intro {font-size:15px;color:#222;margin-bottom:5px;}
#report_read .story_title .story_main_title {font-size:20px;color:#222;font-weight:bold;margin-bottom:5px;}
#report_read .story_title .story_date,
#report_read .story_title .story_editer {font-size:11px;color:#666;}
#report_read .reply_area{ margin-top:20px; }
#report_read .relation_service .service_box tr td .selling_theme{ border:1px solid #333; background-color:#fff; color:#333; }
#report_read .editor_profile_area {margin:25px 15px;border:1px solid #c3c3c3;}
#report_read .editor_profile {background-color:#fff;text-align:center;padding:15px;}
#report_read .editor_profile .editor_image_box {display:inline-block;width:55px;height:55px;border-radius:35px;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#fff;margin-bottom:5px;}
#report_read .editor_profile .editor_image_box > a {height:100%;}
#report_read .editor_profile .editor_title {font-size: 13px;color:#306eb5;margin-bottom:2px;}
#report_read .editor_profile .editor_name {font-weight:bold;color:#306eb5;font-size: 16px;margin-bottom:5px;}
#report_read .editor_profile .editor_sns_id {color:#333;font-size: 13px;border-bottom:1px solid #333;}
#report_read .editor_profile .editor_sns_id:active {color:#306eb5;border-color:#306eb5;}
#report_read .editor_profile .editor_sns_id_app {color:#333;font-size: 13px;border-bottom:1px solid #333;}
#report_read .editor_profile .editor_intro {word-wrap:break-word;color:#666;font-size: 13px;line-height:1.4em;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:2px;}

#report_read .editor_other_contents {padding:20px 5px 10px;margin:0 10px;border-top:1px solid #ddd;}
#report_read .editor_other_contents .editor_other_title {font-size:15px;color:#222;font-weight:bold;margin-bottom:15px;}
#report_read .editor_other_contents .editor_other_list li {line-height:22px;}
#report_read .editor_other_contents .editor_other_list li a {color:#666;}
#report_read .editor_other_contents .editor_other_list a:active {color:#306eb5;}

/******************** 리뷰단 ***********************/
/* 위클리베스트태그 */
.trend_rolling{ position:relative; }
.trend_rolling .weekly_tag{ position:absolute; top:0; left:0; z-index:10; }
/* 메인 */
#review{ margin-bottom:45px; }
#review .sub_header {background-color:#f9f9f9;}
#review .sub_header span {margin-right:20px;}
.review_tab{ margin:20px 12px 15px 11px; }
.review_tab .header_all{ padding:0 5px; overflow:auto; }
.review_tab .review_list img{ width:100%; }
.review_tab .review_list .review_box{ width:33.3%; margin:4px 0 3px; float:left; }
.review_tab .review_list .review_img{ margin:0 3px 0 4px; border:1px solid #ddd; }
.review_tab .review_list .relation_one{ margin-top:10px; }
.review_tab .review_list .relation_one tr td .relation_brand{ padding-top:2px; margin-bottom:10px; font-size:14px; }
.review_tab .style_article_list {border-top:1px solid #000;}

.style_article_box {padding:15px 5px;border-bottom:1px solid #ddd;}
.style_article_box.img_exist {padding:10px 5px;}
.style_article_box .fs13.c_black {display:inline-block;max-width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.style_article_box .fs12 {width:90%;line-height:1.5em;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;}
.style_article_box .article_table.cont_cell {width:calc(100% - 80px);padding:10px 0;}
/* 상세 컨텐츠 */
.trand_ban{ margin-bottom:20px; position:relative; }
.trend_contents{ line-height:1.7; margin:0 15px; color:#666; word-break:break-all; }
.trend_contents img{ max-width:100%; }

/* 포토후기 - 리스트 */
.bigban{ position:relative; }
.bigban .bigban_text{ height:68px; line-height:1.6; padding:10px 15px 22px 15px; background-color:rgba(0,0,0,0.3); position:absolute; bottom:0; left:0; right:0; }
.bigban .bigban_text p{ font-size:12px; color:#fff; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:1; overflow:hidden; word-break:break-all; }
.bigban .bigban_text img{ display:inline-block !important; }
#review_photo .left_header{ margin:3px 0 0 0; float:left; }
#review_photo .relation_service{ padding:25px 15px 0 15px; margin:0; border-top:0; background-color:#f9f9f9; }
#review_photo .relation_service .service_box_other tr td .other_tab .other_desc{ background-color:#fff; }
#review_photo .relation_service .service_box_other tr td .other_tab .other_title{ height:20px; -webkit-line-clamp:1; }
#review_photo .reply_more{ padding-bottom:60px; border-top:0; background-color:#f9f9f9; }
#review_photo .open_search{ padding:5px 0; margin:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
/* 포토후기 - 상세 */
#review_photo_read{ margin-bottom:60px; }
#review_photo_read .relation_service .service_box_other tr td .other_tab .other_title{ height:20px; -webkit-line-clamp:1; }
#review_photo_read .photo_top{ margin:0 10px 20px 10px; padding:0 5px 15px 5px; border-bottom:1px solid #333; overflow:auto; }
#review_photo_read .photo_top .photo_title{ margin-bottom:7px; font-size:18px; color:#333; word-wrap:break-word; }
#review_photo_read .photo_top .photo_authore{ margin-top:10px; font-size:12px; color:#666; }
#review_photo_read .relation_one{ margin-top:20px; }
/* 포토후기 - 쓰기 */
#review_photo_choice .choice_product{ padding:30px 15px 50px; background-color:#f9f9f9; }
#review_photo_choice .choice_product .choice_desc{ line-height:1.4; margin-bottom:20px; text-align:center; }
#review_photo_choice .choice_product .choice_desc p{ font-size:15px; color:#666; }
#review_photo_choice .choice_product .relation_one{ margin-bottom:10px; background-color:#fff; }
#review_photo_choice .choice_product .relation_one .relation_brand{ margin-bottom:5px; }
#review_photo_choice .choice_product .info_box{ margin:25px 0; }
#review_photo_choice .choice_product .review_marketing_agreement {border:1px solid #c3c3c3;}
#review_photo_choice .choice_product .review_marketing_agreement .agreement_checkbox {padding:12px 10px;background-color:#fff;}
#review_photo_choice .choice_product .review_marketing_agreement .agreement_contents {padding:15px 10px;background-color:#fff;display:none;}
#review_photo_choice .choice_product .review_marketing_agreement .agreement_contents p {line-height:20px;}
#review_photo_choice .choice_product .review_marketing_agreement .agreement_contents p span {display:table-cell;padding-right:5px;color:#666;font-size:12px;}
#review_photo_choice .btn_area{ margin:20px 0 10px 0; }
#star_div img{ width:22px; margin-right:4px;}

/* 상품후기 */
.product_rolling{ width:100%; margin:10px 15px; }
.product_rolling tr td{ line-height:1.6; padding-right:20px; padding-bottom:15px; }
.product_rolling tr td .rolling_img{ width:100%; border:1px solid #ddd; }
.product_rolling tr td p{ display:block; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:break-all; }
.product_rolling tr td p.ell2{ height:40px; -webkit-line-clamp:2; }
#review_product{ margin-bottom:60px; }
#review_product .review_weekly_best .product_rolling {margin:10px 0;padding:0 15px;}
#review_product .review_weekly_best .product_rolling .best_review_text {padding-right:0;}
#review_product .weekly_tag{ margin:25px 15px 0 15px; padding-bottom:5px; border-bottom:1px solid #333; position:relative; }
#review_product .left_header{ margin:3px 0 0 0; float:left; }
#review_product .open_search{ margin-top:5px; background-color:transparent; }
#review_product .relation_service{ padding-top:0; border-top:0; }
#review_product .relation_one{ margin-top:10px; border-bottom:0; }
#review_product .relation_one tr td{ line-height:1.6; border-bottom:1px solid #ddd; }
#review_product .relation_one tr td .relation_brand{ margin-bottom:5px; font-size:14px; }
#review_product .relation_one tr td .btn_reply_open{ text-align:center; }
#review_product .relation_one tr td .review_reply{ padding-left:20px; background:url('https://static-ux.mustit.co.kr/img/m/m_community/bg_comment.png') no-repeat; background-size:25px; }
#review_product .relation_one tr td .review_reply p{ word-break:break-all; }
#review_product .relation_one tr td .close_reply{ margin-top:5px; padding:10px 0 0 0; border-top:1px solid #bfbfbf; text-align:center; }
#review_product .relation_one tr td .reply_top{ width:100%; display:table; }
#review_product .relation_one tr td .reply_top > p{ display:table-cell; }
#review_product .relation_one tr td .reply_top > p.satisfy{ width:60px; text-align:right; }
#review_product .relation_one tr td .reply_content{ margin-top:5px; word-break:break-all; }

/*스타일제안 (list)*/
.community_area .sub_header_depth {background-color:#f9f9f9;padding:13px 0 11px;}
.community_area .sub_header_depth span {margin:0 10px;}
#style_suggestion_list .list_top {padding:25px 10px 0;}
#style_suggestion_list .list_top .list_top_border {border-bottom:1px solid #000;padding:0 5px 5px;}
#style_suggestion_list .list_top .list_top_border .member_nickname span {border-left:1px solid #d01f3c;padding-left:5px;margin-right:10px;}
#style_suggestion_list .list_top .list_top_border .member_nickname .btn_gray9 {padding:6px;}
#style_suggestion_list .list_top .list_top_border .list_top_menu {margin-top:5px;}
#style_suggestion_list .list_top .list_top_border .list_top_menu>div {display:inline-block;}
#style_suggestion_list .list_top .list_top_border .list_top_menu .style_talk_array {position:relative;}
#style_suggestion_list .list_top .list_top_border .list_top_menu .style_talk_array .array_kind {position:absolute;top:100%;right:0;border:1px solid #000;background-color:#fff;z-index:9991;border-bottom:0;overflow:hidden;}
#style_suggestion_list .list_top .list_top_border .list_top_menu .style_talk_array .array_kind li {width:60px;padding:7px 0;text-align:center;border-bottom:1px solid #000;}
#style_suggestion_list .list_top .list_top_border .list_top_menu .style_talk_array .array_kind li:active {background-color:#f5f5f5;}
#style_suggestion_list .list_top .list_top_border .list_top_menu .style_talk_array .array_kind li::selection {display:none;}
#style_suggestion_list .list_top .list_top_border .list_top_menu .style_write_area {position:relative;}
#style_suggestion_list .list_top .list_top_border .list_top_menu .style_write_area .style_talk_info_box {z-index:999;position:absolute;bottom:-50px;right:0;padding:13px 10px;background-color:#222;opacity:0.85;width:210px;}
#style_suggestion_list .list_top .list_top_border .list_top_menu .style_write_area .style_talk_info_box:after {content:"";position:absolute;bottom:98%;right:6px;border-style:solid;border-width:0 5px 5px 5px;border-color:transparent transparent #222 transparent;}
#style_suggestion_list .search_area {background-color:#f9f9f9;padding:15px;}
#style_suggestion_list .search_area .search_input_area .new_select {width:110px;height:35px;padding-left:10px;margin-right:10px;border:1px solid #ddd;float: left;line-height:  37px;}
#style_suggestion_list .search_area .search_input_area .new_text {width:calc(100% - 145px);height:33px;border:1px solid #ddd;padding:0 10px;}
#style_suggestion_list .search_area .btn_gray9 {width:100%;margin-top:10px;}
#style_suggestion_list .hash_area {padding:15px 5px;margin:0 10px;border-bottom:1px solid #000;line-height:20px;}
#style_suggestion_list .hash_area .hash_tag {font-size:12px;color:#333;display:inline-block;margin-right:3px;}
#style_suggestion_list .hash_area .hash_tag:last-child {content:"";margin-right:0px;}
#style_suggestion_list .hash_area .hash_tag.on {color:#306eb5;font-weight:bold;}

#style_suggestion_list .style_article_list {padding:0 10px;margin-bottom:25px;}
#style_suggestion_list .style_article_list .fs13.c_black {max-width:95%;max-height:40px;white-space:normal;line-height:20px;position:relative;overflow:hidden;}

#style_suggestion_list .style_article_list .bar {margin:0 3px;}
#style_suggestion_list .style_article_list .recommend_box {min-width:58px;height:23px;border:1px solid #bfbfbf;font-size:12px;color:#222;text-align:center;padding:4px;box-sizing:border-box;display:inline-block;}
#style_suggestion_list .style_article_list .style_article_box {padding:15px 5px;}
#style_suggestion_list .style_article_list .style_article_box .cont_cell {padding:0;}
#style_suggestion_list .more_btn_area {padding:0 10px;margin-bottom:100px;}
#style_suggestion_list .more_btn_area .btn_new {width:100%;height:40px;border:1px solid #bfbfbf;}

/* 게시판 가입 */
.style_community .style_info_exist, .style_community .hash_tag_choice, .style_community .want_style  {font-size:0;}
.style_community .comm_bg {padding:20px 15px;background-color:#f9f9f9;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;margin-bottom:10px;}
.style_community .style_comm_desc {padding:25px 0 20px;border-top:0;}
.style_community .section_title {border-left:1px solid #d01f3c;padding-left:5px;font-size:13px;color:#222;}
.style_community .style_choice .style_choice_box span {display:inline-block;width:32.66667%;height:35px;text-align:center;padding:10px 0;font-size:12px;color:#222;border:1px solid #bfbfbf;box-sizing:border-box;margin-bottom:5px;background-color:#fff;margin-right:1%;}
.style_community .style_choice .style_choice_box span:nth-child(3n) {margin-right:0;}
.style_community .style_choice .style_choice_box span.on {border:1px solid #d01f3c;color:#d01f3c;}
.style_community .new_text {border:1px solid #bfbfbf;height:45px;width:100%;padding:0 10px;box-sizing:border-box;margin-bottom:5px;}
.style_community .submit_area {background-color:#f9f9f9;padding:0 15px 35px;}
.style_community .image_box>div {display:inline-block;}
.style_community .image_box .input_file {text-align:center;padding:16px 0; box-sizing:border-box;position:relative;overflow:hidden;width:53px;height:53px;border:1px solid #ddd;background-color:#fff;margin-bottom:5px;}
.style_community .image_box .input_file input[type=file] {width:55px;height:55px;position:absolute;top:0;left:0;opacity:0;}
.style_community .image_box .image_area {width:55px;height:55px;position:relative;vertical-align:top;margin:0 10px 5px 0;}
.style_community .image_box .image_area span {width:13px;height:13px;border-radius:50px;background-color:#666;opacity:0.9;position:absolute;top:-3px;right:-3px;text-align:center;color:#fff;line-height:15px;}
#style_suggestion_view .option_area {position:relative;width:20px;text-align:right;}
#style_suggestion_view .option_area .detail_option {position:absolute;left:-60px;top:0;width:60px;background-color:#fff;height:0;overflow:hidden;}
#style_suggestion_view .option_area .detail_option ul {border:1px solid #333;border-bottom:0;}
#style_suggestion_view .option_area .detail_option li {height:30px;text-align:center;padding:8px 0;font-size:12px;color:#222;border-bottom:1px solid #333;box-sizing:border-box;}
#style_suggestion_view .option_area .detail_option li:active {background-color:#f5f5f5;}

#style_community_join .my_information .nick_input_box {padding:5px;border:1px solid #bfbfbf;background-color:#fff;}
#style_community_join .my_information .nick_input_box .new_text {border:0;width:calc(100% - 90px);height:30px;margin:0;}
#style_community_join .my_information .nick_input_box .btn_gray9 {width:85px;height:30px;padding:0;}
#style_community_join .my_style .my_style_desc {margin-bottom:20px;}
#style_community_join .my_style .gender_choice {margin-bottom:10px;}
#style_community_join .my_style .gender_choice ul:after {content:"";display:block;clear:both;}
#style_community_join .my_style .gender_choice li {float:left;background-color:#fff;}
#style_community_join .my_style .gender_choice .gender {width:calc(50% - 1px);height:45px;text-align:center;padding:15px 0;box-sizing:border-box;border-style: solid; border-color: #bfbfbf;}
#style_community_join .my_style .gender_choice .gender.on {border-color:#d01f3c;color:#d01f3c;}
#style_community_join .my_style .gender_choice .gender.men {border-width:1px 0 1px 1px;}
#style_community_join .my_style .gender_choice .gender.women{border-width:1px 1px 1px 0;}
#style_community_join .my_style .gender_choice .center_bar {width:0;height:45px;border-left:1px solid #bfbfbf;}
#style_community_join .my_style .my_info_choice {border:1px solid #bfbfbf;}
#style_community_join .my_style .my_info_choice select {width:100%;height:45px;line-height:50px;padding:0 10px;border:0;border-bottom:1px solid #bfbfbf;}
#style_community_join .brand_choice {margin-bottom:0;border-bottom:0;}

#style_community_join .submit_area .btn_mustit {width:100%;height:40px;}

#style_suggestion_write .write_form {margin-bottom:0;border-bottom:0;}
#style_suggestion_write .write_form .write_box {margin-bottom:20px;}
#style_suggestion_write .write_form .write_box textarea {width:100%;height:195px;resize:none;border:1px solid #ccc;padding:10px;box-sizing:border-box;}
#style_suggestion_write .submit_area input[type=submit],#style_suggestion_write .submit_area input[type=button] {height:40px;width:49%;}
#style_suggestion_write .image_box {margin-bottom:25px;}

#style_suggestion_view .style_view_title {padding:25px 15px 15px;border-bottom:1px solid #bfbfbf;}
#style_suggestion_view .style_view_title .title_text {max-width:90%;}

#style_suggestion_view .style_privacy {padding:15px;border-bottom:1px solid #333;}
#style_suggestion_view .style_privacy .style_privacy_list span {display:inline-block;padding:6px 15px;border:1px solid #bfbfbf;margin:0 5px 5px 0;font-size:12px;color:#222;}
#style_suggestion_view .style_content_area {padding:25px 15px;font-size:12px;color:#333;}
#style_suggestion_view .style_content_area .lh17 {margin-bottom:25px;word-break:break-word;}
#style_suggestion_view .style_content_area .image_holder {text-align:center;margin:25px 0;}
#style_suggestion_view .style_content_area .image_holder img {max-width:100%;}
#style_suggestion_view .style_content_area ul:after {content:"";display:block;clear:both;}
#style_suggestion_view .style_content_area li {width:calc(50% - 2px);height:40px;text-align:center;padding:13px 0;box-sizing:border-box;border-style:solid;border-color:#bfbfbf;float:left;font-size:13px;color:#333;}
#style_suggestion_view .style_content_area li.share {border-width:1px 0 1px 1px;}
#style_suggestion_view .style_content_area li.recommend {border-width:1px;}
#style_suggestion_view .style_content_area li.recommend.on {border:1px solid #d01f3c;color:#d01f3c;}
#style_suggestion_view .style_content_area li.recommend span {color:inherit;}
#style_suggestion_view .style_content_area .move_article_area {margin-top:20px;}

#style_suggestion_view .style_comment_area {padding:20px 15px;}
#style_suggestion_view .style_comment_box {border:1px solid #bfbfbf;}
#style_suggestion_view .style_comment_text {border-bottom:1px solid #ddd;}
#style_suggestion_view .style_comment_text textarea {width:100%;height:65px;padding:12px;box-sizing:border-box;resize:none;border:0;}
#style_suggestion_view .style_comment_add {padding:10px;border-bottom:1px solid #ddd;display:none;}
#style_suggestion_view .style_comment_add .rerommend_product .new_text {width:32%;height:40px;border:1px solid #ddd;}
#style_suggestion_view .style_comment_add .image_box {margin:5px 0 0;display:none;}
#style_suggestion_view .style_comment_add .rerommend_product {display:none;}
#style_suggestion_view .style_comment_choice ul:after {content:"";display:block;clear:both;}
#style_suggestion_view .style_comment_choice li {width:33%;height:40px;text-align:center;padding:13px 0;box-sizing:border-box;font-size:12px;color:#999;float:left;border-right:1px solid #ddd;position:relative;}
#style_suggestion_view .style_comment_choice li .check_icon {position:absolute;top:2px;right:3%;display:none;}
#style_suggestion_view .style_comment_choice li.border_r_none:active {background-color:#f5f5f5;}

#style_suggestion_view .best_comment_area {padding:15px;background-color:#f9f9f9;margin-top:10px;}
#style_suggestion_view .best_comment_area .best_comment_top {position:relative;margin-bottom:10px;}
#style_suggestion_view .best_comment_area .best_badge {position:absolute;top:-25px;left:0px;}

#style_suggestion_view .comment_img_area .comment_img_box {width:55px;height:55px;display:inline-block;position:relative;margin:0 7px 7px 0;}
#style_suggestion_view .comment_img_area .comment_img_box .img_badge {position:absolute;top:2px;right:2px;}
#style_suggestion_view .recommend_area {margin-top:8px;}
#style_suggestion_view .recommend_area .btn_new {width:50px;height:25px;border:1px solid #bfbfbf;padding:0;}
#style_suggestion_view .recommend_area .recommend_btn {width:58px;height:25px;box-sizing:border-box;padding:4px 0;border:1px solid #bfbfbf;text-align:center;background-color:#fff;color:#222;}
#style_suggestion_view .recommend_area .recommend_btn.on {border:1px solid #d01f3c;color:#d01f3c;}

#style_suggestion_view .comment_list_area {padding:15px;}
#style_suggestion_view .comment_list_area .comment_list {padding:15px 0;border-bottom:1px solid #e6e6e6;}
#style_suggestion_view .comment_list_area .double_comment_input {border-bottom:0;}
#style_suggestion_view .comment_list_area .double_comment_box {display:inline-block;width:calc(100% - 25px);}
#style_suggestion_view .comment_list_area .double_comment_box .style_comment_box {position:relative;}
#style_suggestion_view .comment_list_area .double_comment_box .style_comment_box .close_btn {position:absolute;top:3px;right:4px;}
#style_suggestion_view .comment_list_area .double_comment_box .style_comment_box .close_btn .fa-close {color:#ccc;}
#style_suggestion_view .comment_list_area .double_comment_box .style_comment_box .close_btn .fa-close:active {color:#999;}
#style_suggestion_view .comment_list_area .basic_comment .double_comment_box {width:100%;}
#style_suggestion_view .comment_list_area .double_comment_box.comment_box_etc {width:calc(100% - 5px);}
#style_suggestion_view .comment_content {word-break:break-word;}

#style_suggestion_view .move_article_area {padding:20px 15px;}
#style_suggestion_view .move_article {border:1px solid #bfbfbf;margin-top:10px;}
#style_suggestion_view .move_article ul:after {content:"";display:block;clear:both;}
#style_suggestion_view .move_article li {float:left;width:49.5%;height:40px;text-align:center;padding:13px 0;box-sizing:border-box;font-size:13px;color:#222;}
#style_suggestion_view .move_article .btn_new {border:0;width:100%;height:40px;color:#222;font-size:13px;}

#style_suggestion_view .hash_tag_area {margin-bottom:25px;}
#style_suggestion_view .hash_tag_area .view_hash_tag {font-size:13px;color:#306eb5;display:inline-block;line-height:20px;margin-right:3px;}
#style_suggestion_view .hash_tag_area .view_hash_tag:active {color:#97add7;}
#style_suggestion_view .hash_tag_area .view_hash_tag:last-child {margin-right:0px;}
#style_suggestion_view .seller_mark {padding:5px 10px;border:1px solid #bfbfbf;color:#222;font-size:12px;margin:0 5px;}

/*커뮤니티 이미지 팝업*/
#community_image_popup .image_count {position:absolute;top:15px;text-align:right;padding:0 15px;box-sizing:border-box;width:100%;}
#community_image_popup .image_count .swiper-pagination-current {color:#d01f3c;}
#community_image_popup .detail_img_area {position:relative;}
#community_image_popup .detail_img_area li {text-align:center;}
#community_image_popup .detail_img_area li img {position:relative;max-width:100%;max-height:100%;top:50%;transform:translateY(-50%);display:inline-block;}
#community_image_popup .detail_img_area .arrow_btn_area {position:absolute;top:50%;margin-top:-23px;width:90%;z-index:10;left:5%;opacity:1;}
#community_image_popup .detail_img_area .bx-viewport {box-shadow:none;}
