/* wrap */
.wrap{position: relative; width:100%;}
/* .body{width:1180px; margin: 0 auto; overflow:hidden; min-height:600px;} */
.body{max-width:1632px; min-width:1360px; margin: 0 auto; overflow:hidden; min-height:600px;}
.body_sm{width: 400px; margin: 0 auto;}
.body_mid{width: 600px; margin: 0 auto;}
.body_50{padding:0 50px;}
.inner_wrap{width:1470px; margin: 0 auto; position: relative;}
.text_bar{color: #ddd; padding-left: 10px}
.page_title{font-size: 40px; font-weight: bold; margin-bottom: 25px}
.page_top_title{display: flex; justify-content: space-between;}
.page_top_title h1{font-size: 30px; padding: 20px 0;}
.path{text-align: right; font-size: 12px; color: #000; padding: 22px 0 16px; font-family: '돋움',dotum,sans-serif;}
.path span{padding: 0 10px}
.img_wrap > img{width: 100%}
.text_over{display: block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}

/* main popup */
.main_event{-webkit-box-shadow: 2px 2px 5px 1px rgba(97,97,97,0.5);
  -moz-box-shadow: 2px 2px 5px 1px rgba(97,97,97,0.5);
  box-shadow: 2px 2px 5px 1px rgba(97,97,97,0.5);}
.pp_bn{margin-top:0px; overflow:hidden;}
.pp_bn li{height: 466px !important; list-style:none;}
.pop_close_area{padding:10px 10px; background:#000;}

.body_wrap{width:1000px; padding-top:35px; margin: 0 auto;}
.body_wrap_center{width:1000px; padding-top:35px; margin: 0 auto;}

/* header */
header{float:left; width:180px; height: 100%; padding-top:50px; overflow: hidden;}
header .logo{margin: 0; padding: 0; margin-bottom: 77px;}
header .search_wrap{height:25px; width:180px; overflow:hidden; margin-bottom: 30px;}
header .search_wrap .search_box{width:130px; height:23px; border:1px solid #999; float: left; position: relative;}
header .search_wrap .search_box input{width:105px; border: 0; background: #fff; height:21px; text-indent:5px;}
header .search_wrap .search_box img{position: absolute; right: 5px; z-index: 5; top:3px;}
header .search_wrap .btn_filter{float: left; margin: 5px 0 0 10px;}
.sidebar{height:100%; width:180px; position:;}
.sidebar .scroll_menu{overflow-y:auto; height:calc(100% - 50px);}
.sidebar #leftside-navigation ul,
.sidebar #leftside-navigation ul ul {padding:0;}
.sidebar #leftside-navigation ul li {list-style-type: none; font-family:'LatoWeb', 'NanumBarunGothic', '나눔바른고딕'; }
.sidebar #leftside-navigation ul li.menu_line{padding-top:20px;}
.sidebar #leftside-navigation ul li.active ul {display: block;}
.sidebar #leftside-navigation ul li a {color:#666; text-decoration:none; display:block; padding:2px 0 2px 0; font-size:13px;  outline:0; -webkit-transition:all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  font-family:'LatoWeb', 'NanumBarunGothic', '나눔바른고딕';
}
.sidebar #leftside-navigation ul li a:hover {color: #333;}
.sidebar #leftside-navigation ul li a span {display: inline-block;}
.sidebar #leftside-navigation ul ul {  display: none;}
.sidebar #leftside-navigation ul ul li {margin-bottom:0; margin-left:0; margin-right:0; border-bottom:none; list-style:none;}
.sidebar #leftside-navigation ul ul li:last-child{padding-bottom: 10px;}
.sidebar #leftside-navigation ul ul li a {font-size:12px; padding:3px 0; color:#999;}

/* footer */
footer{margin-top:100px;}
footer .inner_wrap{padding: 0 3px; box-sizing: border-box; overflow: hidden; }
footer .foot_top{background: #fff; border-top: 1px solid #d4d4d4; padding-top:30px;}
footer .foot_top ul{padding-left:95px;}
footer .foot_top li{float: left; padding-right: 10px; list-style:none;}
footer .foot_top li a{line-height: 46px; font-size: 14px;}
footer .foot_bt{padding:35px 0 97px}
footer .foot_bt .foot_left p{color: #333; font-size: 12px; margin-bottom: 5px;}
footer .foot_bt .foot_left{float: left; padding-left:95px;}
footer .foot_bt .foot_customer{float:right; width:300px}
footer .foot_bt .foot_customer .title{font-size: 14px; margin-bottom: 10px; color: #999; text-align:left;}
footer .foot_bt .foot_customer strong{font-size:20px; line-height: 40px; color: #000}
footer .foot_bt .foot_right{float:right; width:250px; color: #000;}
footer .foot_bt .foot_right .copyright{margin-top: 20px; font-size: 12px; color:#999;}

.mypage_menu{border-bottom: 1px solid #ddd; height:50px; margin-top:30px; margin-bottom:50px; text-align:center;}
.mypage_menu ul li{display:inline-block; height:50px; margin: 0 18px; line-height:50px; position: relative; list-style:none;}
.mypage_menu ul li a{color:#999; height:48px; display: block; font-size: 14px;  }
.mypage_menu ul li a.active{color:#000;}
.mypage_menu ul li a.active::before{content:""; color:#000; background: #000; height:2px; position:absolute; width:100%; bottom:-1px; z-index: 6;}
.mypage_menu ul li a:hover{color:#666;}
.mypage_menu ul li .submenu_qna{position:absolute; z-index:56; width:300px; left:-125px; top:51px; background: #fff;}
.mypage_menu ul li .submenu_qna li {margin: 0 15px; list-style:none;}
.mypage_menu ul li .submenu_qna li a{font-size: 13px; height:40px; line-height:40px; }

/* new css */
.main_wide{float:right; width:calc(100% - 180px); padding-top:30px;}
.new_body{float:right; width:calc(100% - 180px); padding-top:30px;}
.main_wrap{width:100%; max-width:1440px; padding: 0 20px;}
/* main */
.main_wrap{width:1672px; padding: 0 20px;}
.main_body{float:right; width:calc(100% - 180px); padding-top:30px;}
.main_filter_wrap{border:1px solid #999; padding:30px; overflow: hidden; position: relative; margin-bottom:30px; width:1386px;}
.main_filter_wrap .btn_close{position: absolute; z-index: 5; top:30px; right:30px;}
.main_filter_wrap ul{margin:0 20px; overflow: hidden;}
.main_filter_wrap ul li{list-style: none;}
.main_filter_wrap ul li.group_1{width:520px; padding-right:30px; float:left;}
.main_filter_wrap ul li.group_2{width:180px; padding-right:30px; float:left;}
.main_filter_wrap ul li.group_3{width:130px; padding-right:30px; float:left;}
.main_filter_wrap ul li.group_4{width:390px; padding-right:30px; float:left;}
.main_filter_wrap ul li.group_5{width:220px; padding-right:10px; float:right;}
.main_filter_wrap ul li p{color: #333; font-size: 15px; font-weight: bold; margin-bottom: 15px;}
.main_filter_wrap ul li ul{margin: 0;}
.main_filter_wrap ul li ul li{float:none;  font-family:"LatoWebLight", 'NanumBarunGothic';  font-size:14px; color:#000; width:250px;;  padding:2px 0;}
.main_filter_wrap ul li ul li .h_label{font-family:'NanumBarunGothic'; font-weight: 300; font-size:14px; color:#000; }
.main_filter_wrap ul li.group_1 ul li { float: left; width:50% !important; list-style: none;}
.main_filter_wrap ul li .filter_district{margin-right: 30px;}
.main_filter_wrap ul li .filter_district li{ float: left; width:50% !important; list-style: none;}
.main_filter_wrap ul li .filter_district1 li{ float: left; width:33% !important; list-style: none;}
/* PC 및 노트북 ----------- */
@media only screen and (max-width : 1460px) {
  .main_wrap{width:1400px;}
}
@media only screen and (max-width : 1440px) {
  .main_wrap{width:1400px;}
  .main_filter_wrap{width:1087px;}
  .main_filter_wrap ul{margin:0 50px; overflow: hidden;}
  .main_filter_wrap ul li{list-style: none;}
  .main_filter_wrap ul li.group_1{width:200px; padding-right:90px; float:left;}
  .main_filter_wrap ul li.group_2{width:130px; padding-right:90px; float:left;}
  .main_filter_wrap ul li.group_3{width:300px; padding-right:50px; float:left;}
}
@media only screen and (max-width : 1164px) {
  .main_wrap{width:1050px;}
  .main_filter_wrap{width:1087px;}
}
.main_wink_list{overflow: hidden; width:1460px;}
.main_wink_list li{display:inline-block; height:240px; margin-bottom:6px; list-style: none;}
.main_wink_list li.wink_group{margin-right: 9px;}
.main_wink_list li.wink_type_1{width:280px; overflow: hidden;}
.main_wink_list li.wink_type_2{width:135px; overflow: hidden;}
.main_wink_list li .wink_info_wrap{position: relative; height:28px; margin-top:10px; padding-left: 10px; padding-top:2px;}
.main_wink_list li .wink_info_wrap p{font-size: 13px; font-weight: bold; color:#333; line-height: 14px;}
.main_wink_list li .wink_info_wrap span{font-size: 10px; color:#5C5C5C;}
.main_wink_list li .wink_info_wrap .main_wink_scrap{position: absolute; z-index: 6; right: 0; top:0;}
.main_wink_list li .wink_info_wrap .main_wink_scrap a{background:#fff url('/images/btn_scrap_off.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}
.main_wink_list li .wink_info_wrap .main_wink_scrap a.on{background:#fff url('/images/btn_scrap_on.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}


.my_wink_list{overflow: hidden; width:1000px;}
.my_wink_list li{display:inline-block; height:240px; margin-bottom:6px; list-style: none;}
.my_wink_list li.wink_group{margin-right: 9px;}
.my_wink_list li.wink_type_1{width:280px; overflow: hidden;}
.my_wink_list li.wink_type_2{width:135px; overflow: hidden;}
.my_wink_list li .wink_info_wrap{position: relative; height:28px; margin-top:10px; padding-left: 10px; padding-top:2px;}
.my_wink_list li .wink_info_wrap p{font-size: 13px; font-weight: bold; color:#333; line-height: 14px;}
.my_wink_list li .wink_info_wrap span{font-size: 10px; color:#5C5C5C;}
.my_wink_list li .wink_info_wrap .main_wink_scrap{position: absolute; z-index: 6; right: 0; top:0;}
.my_wink_list li .wink_info_wrap .main_wink_scrap a{background:#fff url('/images/btn_scrap_off.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}
.my_wink_list li .wink_info_wrap .main_wink_scrap a.on{background:#fff url('/images/btn_scrap_on.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}

/* .main_filter_wrap{border:1px solid #999; padding:30px; float:right; width:100} */
.main_banner_wrap {position:relative;}
.main_banner_wrap .swiper-slide{height: 350px; text-align: center}
.section_title{font-size: 30px; margin:40px 0 20px}
.single_banner_wrap{display: flex; justify-content: space-between; margin: 40px 0 50px}
.single_banner_wrap > a{display: block; width: 580px; height: 100px; overflow: hidden;}
.body_wink{width:100%;}
.wink_close{position:absolute; z-index: 12; right:45px; top:10px;}
.wink_left{width:calc(100% - 580px); float: left; height:calc(100% - 100px); background: #fff; margin-top:50px; margin-left:0px; text-align: center; position: relative; vertical-align: middle;}
/* .wink_left{width:calc(100% - 520px); float: left; height:calc(100vh - 100px); background: #fff; margin-top:50px; margin-left:50px; text-align: center; position: relative; vertical-align: middle;} */
/* .wink_left .wink_photo{width:calc(100% - 200px); vertical-align: middle; position:absolute;left:50%; top:0%;transform:translate(-50%, -0%); margin-bottom: 50px;} */
.wink_left .wink_photo{margin-bottom: 50px; width:100%;}
.wink_left .wink_icon{position: absolute; z-index: 3;}
.wink_left .wink_photo_arrow{position:absolute; z-index: 2; width:100%; display: block; position:absolute;top:50%; transform:translateY(-50%);}
.wink_left .wink_photo_arrow .arrow_prev{margin-left:15px; float: left;}
.wink_left .wink_photo_arrow .arrow_next{margin-right:15px; float: right;}
.wink_left .wink_w_layer{width:300px; height: 120px; position:absolute; z-index: 5; background: #fff; padding: 20px; text-align: left;}
.wink_left .wink_w_layer .wink_layer_close{position: absolute; z-index: 6; right:10px; top:10px; cursor: pointer;}
.wink_left .wink_w_layer .wink_layer_img{width:118px; height: 118px; border:1px solid #d4d4d4; float: left;}
.wink_left .wink_w_layer .wink_layer_info{float: left; margin-left: 10px; height: 120px; position: relative; width:170px;}
.wink_left .wink_w_layer .wink_layer_info .layer_name{margin-top: 10px; font-weight: bold; }
.wink_left .wink_w_layer .wink_layer_info .layer_btn a{position: absolute; bottom: 0; right: 0; width: 100px; height: 28px; display: inline-block; text-align:center; line-height: 28px; color:#333; border:1px solid #d4d4d4;}
.wink_left .wink_w_layer .wink_layer_info .txt_sale{color:#FF8425; font-size: 16px;}

.wink_right{width:570px; float: right;}
.wink_right .info_head{width:480px; border-bottom: 1px solid #d4d4d4; margin: 0 auto; margin-top: 50px; position: relative; padding-bottom: 30px;}
.wink_right .info_head .wink_name{font-size: 20px; color:#000; width:340px;}
.wink_right .info_head .wink_space{font-size: 14px; color:#666;}
.wink_right .info_head .wink_scrap{position: absolute; right: 0; top:0;}
.wink_right .info_head .wink_scrap a{background:#fff url('/images/btn_scrap_off.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}
.wink_right .info_head .wink_scrap a.on{background:#fff url('/images/btn_scrap_on.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}
.wink_right .info_head .project_btn a{display: block; height: 40px; line-height: 40px; border:1px solid #d4d4d4; text-align: center; color:#000;}
.wink_right .wink_scroll{overflow-y: auto; height: calc(100% - 250px);}
.wink_right .wink_scroll_body{width:480px; margin:0 auto;}
.wink_right .wink_title{font-size: 12px; color:#000;}

/* .wink_right{width:470px; float: right;}
.wink_right .info_head{width:380px; border-bottom: 1px solid #d4d4d4; margin: 0 auto; margin-top: 50px; position: relative; padding-bottom: 30px;}
.wink_right .info_head .wink_name{font-size: 20px; color:#000; width:340px;}
.wink_right .info_head .wink_space{font-size: 14px; color:#666;}
.wink_right .info_head .wink_scrap{position: absolute; right: 0; top:0;}
.wink_right .info_head .wink_scrap a{background:#fff url('/images/btn_scrap_off.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}
.wink_right .info_head .wink_scrap a.on{background:#fff url('/images/btn_scrap_on.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}
.wink_right .info_head .project_btn a{display: block; height: 40px; line-height: 40px; border:1px solid #d4d4d4; text-align: center; color:#000;}
.wink_right .wink_scroll{overflow-y: auto; height: calc(100vh - 250px);}
.wink_right .wink_scroll_body{width:380px; margin:0 auto;}
.wink_right .wink_title{font-size: 12px; color:#000;} */

.wink_product_list li{margin-bottom:15px; overflow: hidden; position: relative; list-style: none;}
.wink_product_list li .wink_product_img{width:98px; height: 98px; border:1px solid #d4d4d4; float: left;}
.wink_product_list li .wink_product_info{width:235px; float:left; margin-left: 10px;}
.wink_product_list li .wink_product_info .product_name{margin-top: 10px; font-weight: bold; }
.wink_product_list li .wink_product_info strike{color:#BDBDBD; margin: 0 10px 0 5px;}
.wink_product_list li .wink_product_info strong{font-size: 14px;}
.wink_product_list li .wink_product_info .txt_sale{color:#FF8425; font-size: 16px;}
.wink_product_list li .btn_wish{position:absolute; right:0px; top:30px;}
.wink_product_list li .btn_wish a{width:16px; height:15px; background: url('../images/btn_wish_sm_off.png') center no-repeat; background-size:100% auto; box-sizing: border-box; display: block;}
.wink_product_list li .btn_wish a.on{background:url('../images/btn_wish_sm_on.png') center no-repeat; background-size:100% auto;}
.wink_product_list li:last-child{margin-bottom: 0;}

/* 회원 로그인_가입 */
.tab_1{margin:80px 0px;}
.tab_content_wrap{width: 100%; background: #fff; border-radius: 0 0 5px 5px}
.tab_content_wrap .tab_content{padding: 15px 0; display: none; }
.tab_content_wrap .tab_content:nth-of-type(1){display: block;}
.tab_content_wrap .tab_content h2{font-size: 14px; font-weight: bold}
/* tab_1 */
.tab_menu_wrap{width:100%; background:#F6F6F6;}
.tab_menu_wrap .tab_menu{overflow:hidden; }
.tab_menu_wrap .tab_menu li{float:left; width:50%; text-align: center; line-height: 40px; list-style: none;}
.tab_menu_wrap .tab_menu li a{color:#fff; display: block; color:#666; height:40px; border-bottom:1px solid #666;}
.tab_menu_wrap .tab_menu li a:hover{background:#f1f1f1;}
.tab_menu_wrap .tab_menu li a.active{color:#666; background:#fff; border:1px solid #707070; border-bottom:1px solid #fff; height:39px;}
.form_wrap ul li{padding: 10px 0; list-style: none;}
.form_wrap ul li label{display: block; text-align: left; font-size:12px; margin-bottom: 5px; color: #000;}
.form_wrap ul li label span{color:#000; margin-left: 5px; font-size: 14px;}
.form_wrap .login_link{text-align: center; margin:20px 0 00px 0; border-top:1px solid #D4D4D4; padding-top:20px;}
.form_wrap .login_link a{display:block; width:126px; float:left; border: 1px solid #D4D4D4; height: 36px; line-height:36px; margin-left:8px;}
.form_wrap .login_link .solid a{margin-left:0px; background: #000; border:1px solid #000; color:#fff;}
.oneself_info{font-size: 12px; color:#666; line-height: 36px; padding-left:20px;}
.agree_list li{border-bottom: 1px solid #ddd; list-style: none;}
.agree_list li .agree_more a{float: right; color:#999; font-size: 12px;}

.member_agree_all{text-align: right; border-bottom:1px solid #ddd; padding: 10px 0;}
.member_reg_agree{margin-top:30px;}
.member_reg_agree p{color:#000; font-size: 14px;}
.member_reg_agree div{margin-top: 10px; height: 150px; border: 1px solid #ddd; padding: 10px; overflow-y: auto;}

.list_form{margin-top: 25px}
.list_form li{margin-bottom: 30px; list-style: none;}
.list_form li span{font-size: 12px; color: #9E9E9E}
.list_form li input{border-bottom: 1px solid #E0E0E0}
.list_form li input::-webkit-input-placeholder{color:#E0E0E0;}
.list_form li .input_btn_wrap{position: relative;}
.list_form li .input_btn_wrap a{position: absolute; right:12px; top:50%; transform: translateY(-50%); display: inline-block; border-bottom: 1px solid #3D3D3D; color: #3D3D3D}
.agree_list li{position: relative; height: 51px; line-height: 51px; border-bottom: 1px solid #E0E0E0; list-style: none;}
.agree_list li label{font-size: 14px}
.agree_list li .all_check + label{font-size: 16px}
.agree_list a{font-size: 12px; color: #999;position: absolute; right:7px; top:50%; transform: translateY(-50%);}

.title{font-size: 20px; color:#333;}
.left_title{font-size:35px; color:#000; font-family:"LatoWebLight", '나눔바른고딕', 'NanumBarunGothic'; font-weight:200;}
.shop_left_title{font-size:30px; color:#333; font-family:"LatoWebLight", '나눔바른고딕', 'NanumBarunGothic'; font-weight:200; margin-top:40px;}
.sub_title{text-align:center; font-size:12px; color:#999;}

/* complete 화면 */
.complete_wrap{width:400px; padding-top:100px; margin: 0 auto; text-align: center; font-size: 14px;}
.complete_wrap p{margin:30px 0 30px; color: #000; font-size:16px;}
.complete_wrap .txt_1{font-size: 14px; color:#666;}
.complete_wrap h2{font-size: 16px; margin-top: 56px; margin-bottom: 10px; color: #333}
.complete_wrap img{margin-bottom: 40px;}

.complete_area{font-size:60px; line-height:80px; color:#666; font-weight:200; padding-top:150px; position: relative;}
.complete_area::before{position: absolute;
    content: "";
    height:140px;
    width:1px;
    top:0;
    border:none;
    background: #D4D4D4;}
.complete_area_2{font-size:60px; line-height:80px; color:#666; font-weight:200; padding-top:80px; position: relative;}
.complete_table th{text-align: left; font-size: 14px; color:#666; font-weight: normal; border-left: 1px solid #d4d4d4; padding-left:20px;}
.complete_table td{font-size: 16px; color:#333; padding: 7px 0;}

.no_contents{text-align: center; font-size:12px;}

.find_complete {color: #666; font-size: 15px; font-weight: 200; line-height: 180%;}
.find_complete span{color: #000; font-size: 22px; font-weight: 400;}

.result_01{font-size: 16px; padding-top:40px; color:#666; font-weight: 200; line-height: 200%;}
.result_01 span{color:#000; font-weight: 400; font-size: 22px;}

.result_02{font-size: 15px; padding-top:40px; color:#666; font-weight: 200; line-height: 200%;}
.result_02 span{color:#000; font-weight: 400; font-size: 22px;}

/* SHOP */
.shop_menu_bar{border-bottom: 1px solid #D4D4D4; height:28px; margin-top: 14px;}
.shop_menu_bar .left_menu{float: left; }
.shop_menu_bar .left_menu li{float:left; margin-right:20px; position: relative; display: block; height:29px; list-style: none;}
.shop_menu_bar .left_menu li img{cursor: pointer; margin-bottom:3px;}
.shop_menu_bar .left_menu li a{font-size: 14px; color:#000; padding-top: 3px;}
.shop_menu_bar .left_menu .category_wrap{background: #fff; border: 1px solid #D4D4D4; width:963px; display: none; position: absolute; top:28px; padding:30px 0 0px 35px; z-index:23;}
.shop_menu_bar .left_menu .category_wrap .col_cate{width:160px; overflow: hidden; display:inline-block; position: relative; vertical-align: top; margin-right:30px; margin-bottom:30px;}
.shop_menu_bar .left_menu .category_wrap .col_cate ul li{display: block; float: none; font-size: 12px; height: 26px; list-style: none;}
.shop_menu_bar .left_menu .category_wrap .col_cate ul li a{font-size: 12px;}
.shop_menu_bar .left_menu .category_wrap .col_cate ul li a:hover{color:#FF6F00;}
.shop_menu_bar .left_menu .category_wrap .col_cate .cate_first{border-bottom: 1px solid #d4d4d4; padding-bottom: 10px; margin-bottom: 10px;}
.shop_menu_bar .left_menu .category_wrap .col_cate .cate_first a{font-size: 12px; font-weight: bold;}
.shop_menu_bar .right_menu{float:right; width:500px;}
.shop_menu_bar .right_menu .icon_menu li{float:right; margin-left:20px; position: relative; margin-right: 5px; list-style: none;}
.shop_menu_bar .right_menu .icon_menu li .cart_bubble{position: absolute; top:-5px; right:-5px; background: #FF8425; color:#fff; font-size: 11px; border-radius:10px; padding: 0 5px; height:16px; line-height:18px; text-align:center; display: block; }


.sb-search{position:relative; width:0%; min-width:30px; height:30px; float:right; overflow:hidden; -webkit-transition: width 0.3s;
    -moz-transition:width 0.3s;  transition: width 0.3s; -webkit-backface-visibility: hidden;}
.sb-search-input{position:absolute; top:0; right:0px; border:none; outline: none;  width:200px; height:20px; margin: 0;  z-index: 10;  padding:0px 30px 0px 10px;  font-size:12px;  color: #000;}
input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {color: #999;}
.sb-search-input:-moz-placeholder {color: #999;}
.sb-search-input::-moz-placeholder {color: #999;}
.sb-search-input:-ms-input-placeholder {color: #999;}
.sb-icon-search,
.sb-search-submit {width:30px; height:30px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; text-align: center; cursor: pointer;}
.sb-search-submit {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}
.sb-icon-search {z-index:90; speak:none; text-transform: none; -webkit-font-smoothing: antialiased;}
.sb-search.sb-search-open,
.no-js .sb-search {width:200px;}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {color: #fff; z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
/*    z-index: 90;*/
}

.shop_main_title{font-size: 16px; color:#000; border-left:6px solid #FF8425; height:20px; padding-left: 10px; margin-top: 30px; font-weight: bold;}
.md_list{overflow: hidden; margin-top: 20px;}
.md_list li{float:left; border:1px solid #ddd; width:236px; height:363px; margin-right:16px; list-style: none;}
.md_list li:last-child{margin-right: 0;}
.md_list li .md_img img{width:234px; height:236px;}
.md_list li p{padding: 0 14px;}
.md_list li p.md_t_1{color:#333; font-weight: bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}
.md_list li p.md_t_2{color:#333; font-family:'LatoWeb';}
.md_list li p.md_t_3{color:#333;}
.md_list li p.md_t_3 strong{font-family:'LatoWebHeavy'; font-size: 14px;}
.md_list li p strike{color:#BDBDBD; margin-left:7px;}
.md_list li p .md_sale{float: right; color:#FF8425; font-size: 16px;}
.md_list li p img{margin-right: 5px;}
.shop_bn_wrap{overflow: hidden; margin-top:30px; position: relative;}
.shop_bn_wrap .bx-wrapper{overflow: hidden;}
.shop_bn_wrap .bxslider_mid{width:386px; float:left; background:#fff000;}
.shop_bn_wrap .shop_bn_sm{position:absolute; top:0; right: 0; z-index: 22; overflow: hidden; width: 613px;}
.shop_bn_wrap .shop_bn_sm li{float:left; margin-right: 1px; margin-bottom: 1px; list-style: none;}
.shop_bn_wrap .shop_bn_sm li:nth-child(2n){margin-right: 0px;}
.bn_bar{margin-top:30px;}
.shop_sns img{margin-left: 20px;}

.shop_detail_head{overflow: hidden; margin-top: 40px;}
.shop_detail_head .detail_img{float:left; width:450px;}
.shop_detail_head .detail_img .big_img{width:450px; height:450px;}
.shop_detail_head .detail_img .sm_img{padding:0 40px; margin-top:20px;}
.shop_detail_head .detail_info{float:right; width:450px;}
.shop_detail_head .detail_info .product_title{border-bottom:2px solid #D4D4D4; position: relative; padding:0 0 10px 0;}
.shop_detail_head .detail_info .product_title span{font-size: 14px; color:#333; font-weight: bold;}
.shop_detail_head .detail_info .product_title p{font-size: 16px; color:#333; width:350px;}
.shop_detail_head .detail_info .product_title .btn_wish{position:absolute; right:10px; top:20px;}
.shop_detail_head .detail_info .product_title .btn_wish a{width:21px; height:20px; background: url('../images/btn_wish_off.png') center no-repeat;  box-sizing: border-box; display: block;}
.shop_detail_head .detail_info .product_title .btn_wish a.on{background:url('../images/btn_wish_on.png') center no-repeat;}
.shop_detail_head .detail_info .info_list{overflow: hidden; margin-top: 20px; border-bottom: 1px solid #D4D4D4; padding-bottom: 10px;}
.shop_detail_head .detail_info .info_list li{float:left; color: #333; width:150px; height:30px; font-size: 14px; list-style: none;}
.shop_detail_head .detail_info .info_list li:nth-child(2n){width:300px;}
.shop_detail_head .detail_info .option_area{width:100%; margin-top: 20px;}
.shop_detail_head .detail_info .option_area .option_list{overflow: hidden; background: #FBFBFB; padding:5px 22px 0 22px;}
.shop_detail_head .detail_info .option_area .option_list li{display: block; overflow: hidden; padding:13px 0; border-top: 1px dashed #ddd; list-style: none;}
.shop_detail_head .detail_info .option_area .option_list li:first-child{border-top:none;}
.shop_detail_head .detail_info .option_area .option_list li .option_name{ width:220px;}
.shop_detail_head .detail_info .option_area .option_list li .option_price{color:#666; font-size: 14px; margin:0 10px 0 20px;}
.shop_detail_head .detail_info .option_area .total{background:#EEEEEE; text-align: right; color:#666; padding:15px 22px;}
.shop_detail_head .detail_info .option_area .total span{color:#000; font-size:14px; font-weight: bold; margin-left:20px;}
.detail_btn_solid a{ width: 218px; height: 34px; color:#fff; background: #000; display: block; line-height: 34px; border:1px solid #000; text-align: center;}
.detail_btn_line a{ width: 218px; height: 34px; color:#333; background: #fff; display: block; line-height: 34px; border:1px solid #D4D4D4; text-align: center;}
.shop_edit{margin-top:120px;}
.shop_edit img{max-width:100%;}

.page_location{text-align: right; color:#999; margin-top: 10px;}
.page_location img{margin: 0 8px;}
.cate_box{border:1px solid #ddd; padding:15px; overflow: hidden; }
.cate_box ul{margin: 0 auto; width:900px;}
.cate_box ul li{float:left; width:140px; padding:0px 0; text-align:left; margin:5px; list-style: none;}
.cate_box ul li a:hover{color:#000;}
.cate_box ul li a.active{color:#FF6F00;}

.shop_color {overflow: hidden; height: 15px;}
.shop_color li{margin-right:8px; background: #ddd; float: left; width: 15px; height: 15px; text-indent: -999px; cursor: pointer; list-style: none;}
.shop_color li:nth-child(1){background: url('../images/shop_color.png') no-repeat;}
.shop_color li:nth-child(2){background: url('../images/shop_color.png') -23px 0 no-repeat;}
.shop_color li:nth-child(3){background: url('../images/shop_color.png') -47px 0 no-repeat;}
.shop_color li:nth-child(4){background: url('../images/shop_color.png') -70px 0 no-repeat;}
.shop_color li:nth-child(5){background: url('../images/shop_color.png') -93px 0 no-repeat;}
.shop_color li:nth-child(6){background: url('../images/shop_color.png') -116px 0 no-repeat;}
.shop_color li:nth-child(7){background: url('../images/shop_color.png') -140px 0 no-repeat;}
.shop_color li:nth-child(8){background: url('../images/shop_color.png') -163px 0 no-repeat;}
.shop_color li:nth-child(9){background: url('../images/shop_color.png') -186px 0 no-repeat;}
.shop_color li:nth-child(1).active{background: url('../images/shop_color_active.png') no-repeat;}
.shop_color li:nth-child(2).active{background: url('../images/shop_color_active.png') -23px 0 no-repeat;}
.shop_color li:nth-child(3).active{background: url('../images/shop_color_active.png') -47px 0 no-repeat;}
.shop_color li:nth-child(4).active{background: url('../images/shop_color_active.png') -70px 0 no-repeat;}
.shop_color li:nth-child(5).active{background: url('../images/shop_color_active.png') -93px 0 no-repeat;}
.shop_color li:nth-child(6).active{background: url('../images/shop_color_active.png') -116px 0 no-repeat;}
.shop_color li:nth-child(7).active{background: url('../images/shop_color_active.png') -140px 0 no-repeat;}
.shop_color li:nth-child(8).active{background: url('../images/shop_color_active.png') -163px 0 no-repeat;}
.shop_color li:nth-child(9).active{background: url('../images/shop_color_active.png') -186px 0 no-repeat;}

.product_list {overflow: hidden;}
.product_list li{float:left; width:176px; height:290px; margin-right:30px; list-style: none; margin-bottom:30px; position: relative;}
.product_list li .wish_delete{position:absolute; top:10px; right:10px; z-index: 5; width: 12px; height: 12px; display: block; background: url('../images/wish_delete_off.png') no-repeat;}
.product_list li .wish_delete:hover{background: url('../images/wish_delete_on.png') no-repeat;}
.product_list li:nth-child(5n){margin-right:0; width:174px; height:290px;}
.product_list li a{overflow:hidden;}
.product_list li .product_brand{margin-top: 10px; color:#000; font-weight: bold;}
.product_list li .product_name{margin:2px 0; color:#333; white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 1.6; height:1.5em; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.product_list li .product_sale{font-size:16px; color:#FF6F00;}
.product_list li .product_img{width:100%; height:176px; border:1px solid #ddd;}
.product_list li .product_price{color:#000; font-size: 14px; font-weight: bold;}
.product_list li .product_icon img{margin-right: 5px; margin-top: 10px;}
.product_list li .product_strike{color:#999; height:22px; font-size: 12px;}
.search_detail_box{border: 1px solid #666; padding:20px 20px;}
.search_detail_box ul{overflow: hidden;}
.search_detail_box ul li{float:left; margin: 0 10px; list-style: none;}
.search_detail_box ul li label{display: block; color:#666; margin-bottom: 10px;}
.search_detail_box .shop_btn_search a{background: #000; color:#fff; font-size:12px; display:inline-block; width:100px; height: 28px; text-align:center; line-height: 28px; margin-right:12px;}
.search_result{font-size:14px; color:#666; padding-left: 20px; margin: 20px 0; position: relative;}
.search_result::before{content:""; background: #666; width:2px; height:13px; position: absolute; left: 0; top:4px;}
.search_result strong{color:#666;}

.cart_price_box{border:1px solid #666; text-align: center; padding: 20px;}
.cart_price_box ul{align:center;}
.cart_price_box ul li{display: inline-block; text-align: left; font-size:20px; padding: 0 40px; list-style: none;}
.cart_price_box ul li label{display: block; font-size: 12px; line-height:22px;}
.order_amount a{border:1px solid #ddd; display: inline-block; width:9px; height: 9px; padding:4px; line-height: 9px; background: #fff;}
.order_amount span{display: inline-block; width:20px; text-align: center;}

.payment_wrap{border: 1px solid #d4d4d4; width: 100%; margin-top: 30px;}
.payment_wrap td{padding: 30px;}
.payment_wrap th{background: #FBFBFB; width: 230px; position: relative; text-align: left; padding: 30px; font-weight: normal;}
.payment_wrap .payment_reg{width:100%; margin-top: 20px;}
.payment_wrap .payment_reg th{background: #fff; width:120px; padding:5px 0px; height:40px;}
.payment_wrap .payment_reg td{padding:5px 0px; }
.payment_wrap .payment_reg .payment_notice{margin-top: 20px; line-height: 22px;}
.payment_wrap .user_info{line-height:22px; margin-top:20px;}
.payment_wrap .price_wrap{position: absolute; bottom:30px; width:calc(100% - 60px);}
.payment_wrap .price_wrap .total_price{border-bottom: 1px solid #d4d4d4; margin:15px 0; padding-bottom:15px;}
.payment_wrap .price_wrap .total_price span{font-size: 30px; font-weight: bold;}
.payment_wrap .price_wrap .price_table{width: 100%;}
.payment_wrap .price_wrap .price_table th{padding: 5px 0; width:80px}
.payment_wrap .price_wrap .price_table td{padding: 5px 0; text-align: right;}
.personal_view_table{width:100%;}
.personal_view_table th{text-align: left; color:#666; font-weight: normal;}
.personal_view_table td{text-align: left; color:#000; padding:10px 0}

.event_list li{margin-bottom: 30px; overflow: hidden; list-style: none;}
.event_list li p{margin-top:10px; color:#000; font-size: 14px; float: left;}
.event_list li span{margin-top:10px; color:#666; float: right;}
.event_list li img{width:1000px; height:280px;}
.event_view{border-bottom:1px solid #d4d4d4; margin-top:30px; padding-bottom: 20px;}
.event_title{font-size: 14px; color:#333; margin-bottom:20px;}

.brand_list li{margin-bottom:8px; float:left; margin-right:8px; list-style: none;}
.brand_list li:nth-child(4n){ margin-right:0px; }
.brand_list li img{width:242px; height:346px; border:1px solid #d4d4d4;}

/* building */
.building_list{overflow: hidden;}
.building_list li{float:left; width:238px; height: 534px; border:1px solid #d4d4d4; overflow: hidden; margin-right: 13px; margin-bottom: 13px; list-style: none;}
.building_list li:nth-child(4n){margin-right:0px; float: right;}
/*.building_list li .bd_list_photo img{width:240px; height:240px;}*/
.building_list li .bd_list_info{margin:15px 20px 20px 20px;}
.building_list li .bd_list_info .info_top{border-bottom: 1px solid #D4D4D4; padding-bottom: 10px;}
.building_list li .bd_list_info .info_top .bd_txt_bar{margin: 0 3px;}
.building_list li .bd_list_info .info_top .list_price{font-size:25px; color:#333; font-weight: bold;}
.building_list li .bd_list_info .info_top .list_scrap{width:18px; height:25px; float: right;}
.building_list li .bd_list_info .info_top .list_scrap a{ background:#fff url('/images/btn_scrap_off.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}
.building_list li .bd_list_info .info_top .list_scrap a.on{background:#fff url('/images/btn_scrap_on.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}
.building_list li .bd_list_info table{width:100%; margin-top:7px;}
.building_list li .bd_list_info table th{font-weight: normal; font-size: 14px;}
.building_list li .bd_list_info table td{text-align: right; padding: 5px 0; font-size: 14px;}
.building_list li .bd_list_info .bd_tag{margin-top: 15px; overflow: hidden; height: 20px;}
.building_list li .bd_list_info .bd_tag span{background: #94BF00; color:#fff; padding:0 8px; margin-bottom: 5px; height:20px; line-height:19px; display:inline-block;}
.building_list li .bd_btn_detail a{text-align:center; border-top: 1px solid #D4D4D4; display: block; height: 35px; line-height: 35px;}
.building_list li .bd_btn_detail a:hover{background: #f6f6f6;}
.tag_area{height:20px;}

.bd_search_area{border:1px solid #D4D4D4; margin-top:20px; padding:30px 50px 20px 50px; height:200px; position: relative;}
.bd_search_area .bd_search_title{color: #333; font-weight: bold; font-size: 14px;}
.bd_search_area .search_col_1{width:130px; float:left;}
.bd_search_area .search_col_1 select{width:130px; height:25px; margin-top:15px; border:1px solid #D4D4D4; font-size: 12px; color: #666; padding-left:9px; background:#fff url('../images/i_select_arrow.png') no-repeat calc(100% - 10px) center}
.bd_search_area .search_col_2{float:left; width:60px; margin-left:60px;}
.bd_search_area .search_col_3{float:right; width:580px; margin-left:60px;}
.bd_search_area .search_col_3 li{ float:left; margin-right:50px; width:160px; list-style: none;}
.bd_search_area .search_col_3 li:nth-child(3n){margin-right:0px;}
.bd_search_area .search_col_3 li .range_wrap{background: #fff; height:50px;}
.bd_search_area .search_col_3 li .range_wrap p{margin-bottom: 5px !important;}
.bd_search_area .search_col_3 li .amount_txt{border:0; color:#666; font-size:12px; text-indent:0; height:20px; margin-bottom:5px;}
.bd_search_area .btn_search a{background:#fff; border:1px solid #D4D4D4; color:#666; display:block; width:80px; height:24px; line-height: 24px; text-align: center; position: absolute; right:50px; bottom:20px;}

.bd_img_area{float: left; width:450px;}
.bd_right_info{float: right; width:520px;}
.bd_detail_head{border-bottom: 1px solid #d4d4d4; overflow: hidden;}
.bd_detail_head .bd_title{width:340px; float:left; padding-bottom: 10px;}
.bd_detail_head .bd_title p{font-size: 20px; color:#333; font-weight: bold;}
.bd_detail_head .bd_title span{color:#94BF00; font-size: 12px;}
.bd_detail_head .bd_title_right{float: right; text-align: right;}

.btn_scrap{width:18px; height:25px; }
.btn_scrap a{ background:#fff url('/images/btn_scrap_off.png') no-repeat; display: block; width:16px; height:21px; background-size:100% auto;}
.btn_scrap a.on{background:#fff url('/images/btn_scrap_on.png') no-repeat; display: block; width:16px; height:21px; background-size:100% auto;}

.etc_box{border:1px solid #d4d4d4; padding: 20px; overflow: hidden;}
.etc_box li{float:left; width:80px; text-align: center; margin: 0 7px; list-style: none;}
.etc_box li img{margin-bottom: 10px;}
.tip_box{border:2px solid #93BE00; padding:20px 20px 20px 100px; overflow: hidden; background:#fff url('/images/i_tip.png') 30px 20px no-repeat; min-height:45px; margin-top: 70px; line-height: 190%; color:#333;}

/* project */
.project_cate{overflow: hidden; margin:10px 20px; width:100%;}
.project_cate li{float:left; width:220px; padding: 5px 0; list-style: none;}
/* .project_cate li:nth-child(5n){width:200px;} */
.project_list {margin-top:30px; min-width:1168px;}
.project_list li{float:left; width:280px; margin-right:12px; list-style:none; margin-bottom:30px; list-style: none;}
.project_list li:nth-child(5n){margin-right:0; width:280px;}
.project_list li a{overflow: hidden;}
.project_list li .project_name{margin: 10px 0 0px; color:#333; font-size: 14px;}
.project_list li span{font-size:11px; color:#666;}
.project_list li img{width:100%; height:192px;}
.project_list li .project_address{color: #333; font-size: 12px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}

/* .map_cate{overflow: hidden; margin: 10px 20px; padding-left:30px; } */
/* .map_cate{overflow: hidden; margin:10px auto 15px;} */
.map_cate{overflow: hidden; margin:22px 40px;}
.map_cate li{float:left; width:85px; padding: 8px; list-style: none; font-size:15px; color:#666; line-height:20px;font-family:'NanumBarunGothic'; font-weight:300;}
.map_cate li input[type="checkbox"] + label {display:inline-block; color: #666;}
/* .map_cate li:nth-child(9n){width:50px;} */
.project_map{min-width:1044px; width:100%; height:350px; margin-top:30px;}

.project_detail_wrap{border-bottom: 1px solid #d4d4d4; overflow: hidden; padding-bottom:30px; margin-top:20px;}
.project_detail_wrap .photo_view{width:650px; height:446px; float:left; position: relative; overflow: hidden;}
.project_detail_wrap .photo_view .photo_img{position:absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform:translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
.project_detail_wrap .photo_view .photo_img img{top:0; left: 0; position: absolute; width:auto; height:446px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.project_detail_wrap .project_info{width:320px; float:right;}
.project_detail_wrap .project_info .project_title{width:260px; font-size: 20px; color:#000; float: left; line-height: 20px;}
.project_detail_wrap .project_info .project_date{float: right; font-size: 12px; color:#666; margin-top: 5px; width: 45px; overflow: hidden;}
.project_detail_wrap .project_info table {width:100%;}
.project_detail_wrap .project_info table th{font-weight: normal; text-align: left; color:#333; padding: 5px 0; vertical-align: top;}
.project_detail_wrap .project_info table td{color:#333; padding: 5px 0; text-align: left;}
.project_detail_wrap .project_info .map_area{width:320px; height:145px; margin-top:11px;}
.project_detail_wrap .project_info .project_btn{margin-top: 12px;}
.project_detail_wrap .project_info .project_btn a{display:inline-block; width: 155px; height: 36px; line-height: 36px; text-align: center;}

.edit_area{min-height:200px; margin-top: 30px;}
.edit_area img{max-width: 100%; margin-bottom: 5px;}

/* Q & A */
.product_qa{padding-bottom: 50px}
.qa_list li{padding: 15px 0; border-bottom: 1px solid #ddd; list-style: none;}
.qa_list li .qa_top{display: flex; justify-content: space-between; align-items: center; padding: 0 20px}
.qa_list li .qa_top strong,
.qa_list li .qa_top span{font-size: 12px; color: #000}
.qa_list li .qa_top p strong{font-size: 16px; padding: 0 8px}
.qa_list li .qa_top span{color: #BDBDBD;}
.qa_list li .trigger p{background: url(../images/icon_arrow_bt.png) right 7px no-repeat; background-size: 12px}
.qa_list li .trigger.active p{background: url(../images/icon_arrow_top.png) right 7px no-repeat; background-size: 12px}
.qa_list li .panel{background: #fff; padding: 0}

.question_wrap,
.answer_wrap{display: flex; justify-content: space-between; padding: 15px 20px}
.question_wrap{padding-bottom: 5px}
.question_wrap p,
.answer_wrap p{width: calc(100% - 40px); padding-right: 42px; box-sizing: border-box; word-break: keep-all;}
.answer_wrap p{color: #666}
.qa_mark{display: block; width: 26px; height: 26px; border-radius: 50%; font-size: 16px; text-align: center; line-height: 28px; background: #333; color: #fff; box-sizing: border-box;}
.answer_wrap .qa_mark{background: #fff; color: #333; border: 1px solid #333;}

/* FAQ */
.faq_category{border-bottom: 1px solid #666; overflow: hidden; margin-top:30px; margin-bottom:20px;}
.faq_category ul li{display:inline-block; height:50px; margin: 0 25px 0 0; line-height: 50px; list-style: none;}
.faq_category ul li a{color:#999; height:48px; display: block;}
.faq_category ul li a.active{color:#000;}
.faq_category ul li a:hover{color:#666;}

.faq_list{border-bottom: 1px solid #d4d4d4; padding-bottom:22px;}
.faq_list li{padding: 10px 0; list-style: none;}
.faq_list li div.active p, .faq_list li div.active p span{color:#000;}
.faq_list li p{font-size: 14px; color:#666;}
.faq_list li p.active{font-size: 14px; color:#000;}
.faq_list li p span{margin-right:15px; font-size: 15px; color:#BDBDBD;}
.faq_list li p:hover{color:#000;}

.accordion td{vertical-align: top; padding: 12px 30px; box-sizing: border-box;}
.accordion .trigger{cursor: pointer;}
.accordion .panel{padding:12px 30px 45px 30px; color: #000; display: none;}

/* Mypage */
.qna_sub_menu_wrap{position:relative;}
.qna_sub_menu_wrap .qna_sub_menu{position:absolute; top:-40px; left:543px; z-index:57; background: #fff;}
.qna_sub_menu_wrap .qna_sub_menu li{float: left; margin: 0 14px; list-style: none;}
.qna_sub_menu_wrap .qna_sub_menu li a{color:#999; font-size: 13px;}
.qna_sub_menu_wrap .qna_sub_menu li a.active{color:#000;}
.qna_cate_box{padding:20px; border:1px solid #D4D4D4; overflow: hidden; text-align: center; margin-top:70px !important;}
.qna_cate_box ul{margin:0 auto; }
.qna_cate_box ul li{display:inline-block; padding:0px 0; text-align:left; margin:0 20px; list-style: none;}
.qna_cate_box ul li a{color:#999;}
.qna_cate_box ul li a.active{color:#000;}

.my_order_head{border: 1px solid #d4d4d4; padding: 20px; overflow: hidden;}
.my_order_head .left_area{float: left;}
.my_order_head .left_area .point_txt{font-size: 24px; font-weight: bold; color:#000;}
.my_order_head .right_area{float: right;}
.my_order_head .search_btn a{height: 40px; display: inline-block; width:95px; text-align: center; line-height: 40px; color:#fff; background: #000; vertical-align: middle;}
.state_btn_solid a{width:80px; height:25px; line-height:25px; text-align:center; background:#666; color:#fff; border:1px solid #666; display:inline-block; margin: 2px 0;}
.state_btn_line a{width:80px; height:25px; line-height:25px; text-align:center; background:#fff; color:#333; border:1px solid #d4d4d4; display:inline-block; margin: 2px 0;}

.order_detail_info{width:490px;}

/* bottom */
.qna_cate_check{overflow: hidden;}
.qna_cate_check li{float: left; width:33.3%; padding:0 !important; list-style: none;}

/* 모달창 */
.md_content h1{font-size:16px; margin-bottom: 18px}
.md_content h2{font-size:12px; color:#666; margin-top: 30px; padding-bottom: 7px}
.md_content h2 + p{font-size: 12px; color: #999; padding-bottom: 9px}
.md_content .product_info{padding: 18px 0; overflow: hidden; border-bottom: 1px solid #ddd}
.md_content .product_info .img_wrap{width: 60px; height: 60px; float: left; margin-right: 15px}
.md_content .product_info .text_wrap{width: calc(100% - 75px); line-height: 200%; padding: 3px 0}
.md_content .product_info .text_wrap p{font-size: 16px; font-weight: bold}
.md_content .product_info .text_wrap span{font-size: 16px; color: #666}
.md_content textarea{height: 100px; padding: 10px; box-sizing: border-box;}

/* 사진 첨부 UI */
.filebox .preview_box{overflow: hidden;}
.filebox input[type="file"]{display: none;}
.filebox .preview_box > span{display: block; float: left; width: 100px; height: 100px; margin-right: 35px; margin-bottom: 35px;}
.filebox .preview{background-repeat: no-repeat; background-size: cover; position: relative;}
.filebox .preview .btn_delete {position: absolute; right:-17px; top:-15px; cursor: pointer;}
.filebox .btn_img_upload label{display: block; cursor: pointer;}
.filebox .btn_img_upload img{width: 100px; height: 100px;}

.modal_qa_reg .md_content{width: 560px}
.modal_qa_reg .md_content select{border: 1px solid #ddd}

/* board */
.board_detail_wrap{}
.board_detail_wrap .detail_head{position:relative;}
.board_detail_wrap .detail_head .right_area{position: absolute; top:0; right:0; color: #666;}
.board_detail_wrap .detail_head p{color: #333; font-size: 16px;}
.board_detail_wrap .detail_head span{color: #666; font-size: 12px;}
.board_detail_wrap .product_area{border:1px solid #ddd; padding: 10px; margin-top: 20px; color:#666;}
.board_detail_wrap .product_area img{width:80px; height:80px; margin-right: 20px;}
.board_detail_wrap .detail_con{margin-top: 20px; color:#666;}
.board_detail_wrap .detail_answer{border-top:1px solid #d4d4d4; padding:20px 0; margin-top:30px; overflow: hidden;}
.board_detail_wrap .detail_answer dt{float: left; color:#000; font-size: 20px; font-weight: bold; margin-right: 20px;}
.board_detail_wrap .detail_answer dd{float: left; color:#666; font-size: 12px;}
.board_detail_wrap .file_download{margin:30px 0 10px 0; }
.board_detail_wrap .file_download span{border-bottom:1px solid #666; display:inline-block;}
.board_detail_wrap .file_download img{margin-right: 10px;}
.board_detail_wrap .line_box{border: 1px solid #d4d4d4; padding: 20px;}
.board_detail_wrap .line_box th{font-weight: normal; text-align: left; color:#999;}
.board_detail_wrap .line_box td{text-align: left; color:#666;}

/* 주문내역 */
.period_search{background: #F6F6F6; padding: 20px; position: relative; padding-left: 100px; box-sizing: border-box; margin-top: 20px}
.period_search > strong{position: absolute; left:20px; top:26px; font-size: 12px}
.period_search .btn_period_wrap{display: flex; margin-bottom: 16px}
.period_search .btn_period_wrap a{display: block; width: 70px; height: 28px; border-radius: 3px; border: 1px solid #666; text-align: center; line-height: 28px; box-sizing: border-box; margin-right: 10px; background: #fff; font-size: 12px}
.period_search .btn_period_wrap a.active{background: #666; color: #fff}
.period_search .select_period_wrap span{padding: 0 20px}
.period_search .select_period_wrap select{width: 80px; height: 28px; font-size: 12px; line-height: 28px}
.period_search .btn_search{display: inline-block; width: 73px; height: 28px; text-align: center; line-height: 28px; background: #333; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 12px}

/* 회원탈퇴 */
.member_out_wrap{border-top:1px solid #ddd; margin-top: 20px; padding-top: 20px;}
.member_out_wrap li{padding: 5px 0; list-style: none;}
.member_out_wrap li span{margin-left: 20px;}
.member_out_wrap li textarea{border:1px solid #ddd; height:100px; padding: 10px; font-size: 12px; margin-top: 10px;}

/* About us */
.about_txt_1{font-size: 60px; color:#333; margin-top:100px; line-height:30px;}
.about_txt_2{font-size: 30px; color:#333; margin-top:10px; font-family:"LatoWebLight"; padding-left:390px; position: relative;}
.about_txt_2::before{content:""; color:#333; background: #333; width:1px; height:80px; position:absolute; top:70px; left:605px; z-index: 6;}
.about_txt_3{font-size:16px; color:#333; margin-top:140px; line-height:30px;}
.ceo_info{margin-top:80px; width: 1000px;}
.ceo_info dt{float: left; width:410px;}
.ceo_info dd{float: left; position: relative;}
.ceo_info dd::before{content:""; color:#333; background: #333; width:180px; height:1px; position:absolute; top:-40px; left:0; z-index: 6;}
.ceo_info dd .ceo_txt_1{font-size: 16px; font-weight: bold;}
.ceo_info dd .ceo_txt_2{font-size: 16px;}
.ceo_info dd .ceo_txt_3{font-size: 14px; line-height:26px;}
.about_project{position: relative; margin-top:190px;}
.about_project::before{content:""; color:#333; background: #333; width:1px; height:80px; position:absolute; top:-110px; left:0px; z-index: 6;}
.about_project p{font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.about_project ul li{width:20%; float: left; line-height: 28px; font-size: 14px; list-style: none;}

.interior_notice{ position: relative; margin-top:40px;}
.interior_notice::before{content:""; color:#333; background:#333; width:20px; height:1px; position:absolute; top:-15px; left:0px; z-index: 6;}