/* LOOKBOOK */
.lookbook_cont {margin:0 auto;width:100%;padding:0 0;}
.lookbook_list {margin:0 auto;width:100%;}
.lookbook_list:after {content:""; clear:both; visibility:hidden; display:block; height:0;}
.lookbook_list>li {float:left;width:33.33%;padding:20px 10px;text-align:center;}
.lookbook_list>li a {position:relative;display:block;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.lookbook_list>li .lookbook_img {width:100%;max-width:426px;}
.lookbook_list>li .lookbook_img img {width:100%;transition:transform 0.35s;-webkit-transform: scale(1.0);transform: scale(1.0);}
.lookbook_list>li .lookbook_subject {position:absolute;bottom:0;left:0;width:100%;height:100px;background:rgba(0,0,0,.6);padding:15px 10px;transition: all 0.25s;}
.lookbook_list>li .lookbook_subject  .icon_lookbook {position:absolute;left:50%;;transform:translateX(-50%);bottom:40%;opacity:0;}
.lookbook_list>li .lookbook_subject span {position:absolute;left:50%;bottom:70px;transform:translateX(-50%);display:inline-block;width:50px;height:3px;background:#ed1c24;}
.lookbook_list>li .lookbook_subject .subject {position:absolute;left:50%;bottom:40px;transform:translateX(-50%);text-align:center;padding-top:5px;font-size:18px;color:#fff;}
.lookbook_list>li:hover .lookbook_img img {-webkit-transform: scale(1.15);transform: scale(1.15);}
.lookbook_list>li:hover .lookbook_subject {position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);padding:15px 10px;}
.lookbook_list>li:hover .icon_lookbook {opacity:1;}

.pop_lookbook {position:relative;}
.pop_lookbook .lookbook_window_bar {position:absolute;top:0;left:0;width:100%;padding:15px 10px;background:rgba(137,137,137,.6);color:#fff;}
.pop_lookbook .lookbook_window_bar .control {text-align:left;padding:2px 10px 2px;font-size:16px;}
.pop_lookbook .lookbook_window_bar .control a {padding:0 5px;}
.arrow_lookbook {padding:0 8px;}
.current_num {font-size:16px;font-weight:500;}

.lookbookPopupBox {display:none;max-width:900px;}
.lookbookPopupBox .close-modal {top:2px !important;right:2px !important;background-color:transparent !important;}


/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
  top:0;
  left:0;
}
  
.window {
  position:absolute;
  width:auto;
  height:auto;
  display:none;
  z-index:9999;
  padding:5px;
  top:50px;
  left:0;
}

.close {position:absolute;top:-40px;right:10px;}



/* °Ô½ÃÆÇ */
.community_cont {margin:0 auto;width:100%;padding:0 0;}

.community_tab {margin:0 auto;padding:0;width:100%;}
.community_tab:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.community_tab>li {padding:0;}
.community_tab>li.tab_col_4 {float:left;width:25%;}
.community_tab>li.tab_col_3 {float:left;width:33.33%;}
.community_tab>li a {display:block;width:100%;height:100%;padding:14px 6px;text-align:center;color:#a4a4a4;border-bottom:2px solid #000;border-left:1px solid #d7d7d7;background:#f5f5f5;font-size:16px;}
.community_tab>li a.selected {border-bottom:2px solid #fff;border-top:2px solid #000;border-left:2px solid #000;border-right:2px solid #000;background:#fff;color:#000;}

.search_box {padding:50px 0 20px;text-align:right;}
.search_box .search_select {display:inline-block;margin:0 3px;height:45px;padding:14px 8px;border:1px solid #d7d7d7;}
.search_box .search_in {display:inline-block;margin:0;padding:14px 8px;height:45px;border:1px solid #d7d7d7;}
.search_box .btn_search {display:inline-block;margin:0 0 0 -4px;width:45px;height:45px;background:url(/img/common/icon_white_search.png) center center #000 no-repeat;}

.co_board_list {padding:15px 0 15px;}
.co_board_tb {border-top:2px solid #acacac;}
.co_board_tb th {padding:10px 5px;background:#fafafa;border-bottom:1px solid #acacac;font-weight:500;}
.co_board_tb td {padding:10px 5px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;text-align:center;color:#666;}
.co_board_tb td:nth-child(1) {width:100px;}
.co_board_tb td:nth-child(2) {width:100px;}
.co_board_tb td:nth-child(3) {width: auto;text-align:left;} 
.co_board_tb td:nth-child(4) {width:100px;}
.co_board_tb td a {color:#000;}
.co_board_tb td a:hover {text-decoration:underline;}

.community_tab_contents {
	display: none;
}
.community_tab_contents.selected {
	display: block;
}

/* page */
.page_box {margin:50px auto 20px;width:100%;max-width:420px;position:relative;}
.page_box .page_list {text-align: center;}
.page_box .page_list>li {display:inline-block;margin:0 2px;width:32px;height:32px;border-radius:17px;}
.page_box .page_list>li a {display:inline-block;width:100%;height:100%;text-align:center;line-height:30px;border-radius:17px;background-color:#fff;font-size:14px;}
.page_box .page_list>li a.page_arrow {border:1px solid #d7d7d7;line-height:27px;}
.page_box .page_list>li a:hover {background-color:#f5f5f5;text-decoration:none;}
.page_box .page_list>li a.pageon {background-color:#ebebeb;color:#000}

.board_con_box {padding:40px 0 20px;}
.board_con_box .board_head {width:100%;padding:15px 10px;border-top:2px solid #acacac;border-bottom:1px solid #d7d7d7;}
.board_con_box .board_head:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.board_con_box .board_head .board_subject {float:left;width:82%;padding:0 5px;font-size:16px;}
.board_con_box .board_head .board_date {float:right;width:18%;padding:0 5px 0 5px;font-size:14px;color:#999;text-align:right}
.board_con_box .board_contents {border-bottom:1px solid #d7d7d7;padding:20px 20px;}

.board_con_box .review_head01 {display:table;width:100%;padding:15px 10px;border-top:2px solid #acacac;border-bottom:1px solid #d7d7d7;background:#fafafa;}
.board_con_box .review_head02 {display:table;width:100%;padding:15px 10px;border-bottom:1px solid #d7d7d7;background:#fafafa;}
.board_con_box .review_head03 {display:table;width:100%;padding:15px 10px;border-bottom:1px solid #acacac;background:#fafafa;}
.board_con_box div .select_dt {display:table-cell;width:90px;padding:0 10px;}
.board_con_box div .select_dd {display:table-cell;width:auto;padding:0 8px;color:#777;}
.board_con_box div .select_dd select {width:200px;height:38px;padding:5px;border:1px solid #d7d7d7;color:#777;}
.board_con_box div .select_dd .name {display:inline-block;width:158px;padding:5px;color:#777;}
.board_con_box div .select_dd .view_name {display:inline-block;width:90px;padding:5px;color:#777;}
.board_con_box div .select_dd .review_text_in {width:50%;padding:5px;height:38px;border-radius:0;border:1px solid #d7d7d7;}
.board_con_box div .select_dd .subject_in {width:88%;padding:5px;height:38px;border:1px solid #d7d7d7;}
.board_con_box .board_contents textarea {width:98%;height:480px;border:1px solid #d7d7d7;}

.btn_list {display:block;margin:20px auto 20px; width:140px;padding:14px 5px;text-align:center;background:#000;color:#fff;}

.btn_board_bot {border-bottom:1px solid #d7d7d7;padding:15px 20px;text-align:right;}
.btn_board_bot .btn_modify {display:inline-block;padding:3px 6px 3px 25px;margin-right:5px;background:url(/img/community/icon_modify.png) 0 center no-repeat;color:#898989;border-bottom:2px solid #fff;}
.btn_board_bot .btn_delete {display:inline-block;padding:3px 6px 3px 25px;background:url(/img/community/icon_delete.png) 0 center no-repeat;color:#898989;border-bottom:2px solid #fff;}
.btn_board_bot .btn_modify:hover, .btn_board_bot .btn_delete:hover {border-bottom:2px solid #000;color:#000;}

/* ÀÌº¥Æ® */
.event_list {}
.event_list:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.event_list>li {float:left;width:33.33%;padding:15px;text-align:center;position:relative;}
.event_list>li .event_img {width:100%;max-width:413px;border:1px solid #d7d7d7;position:relative;}
.event_list>li .event_img img {width:100%;}
.event_list>li .event_img .past_event_screen {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);}
.event_list>li .event_img .past_event_screen span {display:block;text-align:center;color:#fff;margin-top:40%;}
.event_list>li .event_info {padding:20px 10px;}
.event_list>li .event_info .event_name {font-size:16px;height:48px;}
.event_list>li .event_info .event_date {font-size:14px;color:#999;}
.event_list>li a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}

/* ¸®ºä */
.best_review_box {margin:0 auto;width:100%;}
.best_list {}
.best_list:after {clear:both;display:block;content:'';height:0;visibility:hidden;}
.best_list li {float:left;width:25%;padding:10px 10px;text-align:center;position:relative;overflow:hidden;}
.best_list li .review_img {width:100%;max-width:260px;text-align:center;overflow:hidden;}
.best_list li .review_img img {width:100%;transition:all 0.35s;}
.best_list li .review_info {padding:15px 8px;}
.best_list li .review_info span {display:block;}
.best_list li .review_info .ev_star {}
.best_list li .review_info .best_subject {padding:10px 0;font-size:15px;}
.best_list li .review_info .product_name {font-size:14px;color:#999;}
.best_list li a.go_review_view {display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border:2px solid #333;}
.best_list li:hover:hover a.go_review_view {opacity:0.5;}
.best_list li:hover .review_img img {-webkit-transform: scale(1.2);transform: scale(1.2);}

.article_num {padding:20px 0 10px;font-size:18px;font-weight:500;}
.article_num span {font-size:14px;font-weight:300;}
.review_list {}
.review_list dt {padding:10px;}
.review_list dt span {display:block;}
.review_list dt .ev_star {}
.review_list dt .ev_star img {margin:0 2px;}
.review_list dt .product_ca {padding:8px 0 5px;font-size:14px;color:#b5b5b5;}
.review_list dt .product_name {padding:0 0 10px;font-size:18px;}
.review_list .review_list_content {padding:5px 10px 10px;border-bottom:1px solid #d7d7d7;}
.review_list .review_list_content .review_article_img {padding:10px 0;}
.review_list .review_list_content .review_article_img img {width:80px;height:80px;}
.review_list .review_list_content .review_txt {font-size:15px;font-weight:300;color:#898989;}
.review_list .review_list_content .more {display:block;padding:15px 0;font-weight:500;text-decoration:underline;}
.review_list .review_list_content .more:hover {color:#ed1c24;}
.review_list:nth-of-type(1) {border-top:2px solid #acacac;} 
.review_list .review_writer {padding:10px 10px 10px;font-size:14px;border-bottom:1px solid #acacac;}
.review_list .review_writer span {display:inline-block;margin: 0 6px 0 0;color:#898989;}
.review_list .review_writer span b {font-weight:500;color:#000;}

@media only screen and (max-width: 640px) {

/* LOOKBOOK */
.lookbook_list>li {float:none;width:98%;padding:15px 6px;text-align:center;}

.community_tab>li a {padding:10px 4px;font-size:14px;}

.search_box {padding:30px 0 10px;text-align:center;}

.co_board_list {padding:10px 10px 15px;}
.co_board_tb th {display:none;}
.co_board_tb td:nth-child(1) {display:none;}
.co_board_tb td:nth-child(2) {display:none;}

.board_con_box .board_head .board_subject {float:none;width:100%;padding:5px 10px;font-size:16px;}
.board_con_box .board_head .board_date {float:none;width:100%;padding:5px 5px 5px 10px;text-align:left;}


.board_con_box .review_head01 {display:block;width:100%;padding:0 0;overflow:hidden;border-bottom:none;}
.board_con_box .review_head02 {display:block;width:100%;padding:0 0;overflow:hidden;border-bottom:none;}
.board_con_box .review_head03 {display:block;width:100%;padding:0 0;overflow:hidden;}
.board_con_box div .select_dt {display:block;float:left;clear:both;width:90px;height:54px;padding:12px 0 0 8px;border-bottom:1px solid #d7d7d7;background:#fafafa;}
.board_con_box div .select_dd {display:block;float:left;width:72%;height:54px;padding:8px 0 0 0;border-bottom:1px solid #d7d7d7;background:#fafafa;}
.board_con_box div .select_dd select {width:130px;height:38px;padding:5px;}
.board_con_box div .select_dd .name {width:100px;padding:5px;}
.board_con_box div .select_dd .review_text_in {width:90%;padding:5px;height:38px;}
.board_con_box div .select_dd .subject_in {width:90%;padding:5px;height:38px;}

.btn_board_bot {text-align:center;}


.event_list>li {float:none;margin:10px auto;width:98%;padding:15px;}

.best_list li {float:left;width:50%;padding:10px 10px;}
.best_list li .review_info .best_subject {padding:8px 0;font-size:14px;height:48px;}
.review_list dd .review_txt {font-size:14px;font-weight:300;}

}