/* Creates a vertical nav starting at 768px (sm) */
@charset "utf-8";
@font-face {
  font-family: 'Lato-Regular';
  src: url("/fonts/NanumBarunGothic.woff"); format("woff");
  font-style: normal;
}
@font-face {
  font-family: "Lato-Regular";
  src: url("/fonts/Lato-Regular.woff") format("woff");
  unicode-range: U+0020-007E;
  font-style: normal;
}
@media (min-width: 768px) {
    .bootstrap-vertical-nav .collapse {
        display: block;
    }
}
@media (min-width: 768px) {
	.bootstrap-vertical-nav {
		padding-left: 0px;
	}
	.card {width:100%;}
}
body {
	font-family: 'Lato-Regular', 'Nanum Barun Gothic', sans-serif; font-size:14px; font-style: normal; padding: 30px 0;
}
div, p, dl, dd, dt, footer, ol, ul, li, select, input, textarea { margin: 0; padding: 0; font-family: 'Lato-Regular', 'Nanum Barun Gothic', sans-serif; font-size: 14px; line-height: 160%; }

.container{ max-width: 1580px; }
a {color: #000;}
a:hover {color: #000;}
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #000; background-color: none; }
#navbarNav ul li {line-height:19px;}
#navbarNav ul li a{width:150px; padding:3px 15px; color:#888;}

.nanumbarungothic * {
 font-family: 'Nanum Barun Gothic', sans-serif;
}
.normal { font-style: normal; }
.w250 { font-weight: 250; }
.w300 { font-weight: 300; }
.w350 { font-weight: 350; }
.w400 { font-weight: 400; }
.w500 { font-weight: 500; }
.w700 { font-weight: 700; }
.w800 { font-weight: 800; }
.w900 { font-weight: 900; }
/* layout */
.mt5{margin-top: 5px}
.mt8{margin-top: 8px}
.mt10{margin-top: 10px}
.mt20{margin-top: 20px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}
.mt60{margin-top: 60px}
.mt70{margin-top: 70px}
.mt80{margin-top: 80px}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom: 20px}

.f_left{float:left;}
.f_right{float:right;}
.text_left{text-align:left;}
.text_center{text-align:center;}
.text_right{text-align:right;}
.w_100{width: 100%}
.w_537{width: 537px;}
.w_490{width: 490px;}


.input-group-text { background-color:#000; color:#FFF; border: 1px solid #000;}
input, textarea, select {appearance: none; -webkit-appearance: none;}
input:focus,select:focus,textarea:focus{outline: none;}
input[type="checkbox"] {
    display: none;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-internal-autofill-selected {background: #fff !important; -webkit-box-shadow: 0 0 0 1000px white inset;}
input{vertical-align:middle; border:1px solid #D4D4D4; width: 100%; height:40px; box-sizing: border-box; text-indent: 10px; background: #fff !important;}
input::placeholder { font-size:16px; font-style: italic; }
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {display:inline-block; color: #000;}
input[type="checkbox"] + label span {display:inline-block; width:14px; height:14px; margin:0px 13px 0 0; vertical-align:middle; background:url('/images/btn_check_off.png') right center no-repeat; cursor:pointer; background-size:14px;}
input[type="checkbox"]:checked + label span {width:14px; height:14px; background:url('/images/btn_check_on.png') right center no-repeat; background-size:14px;}
input[type="checkbox"]:checked + label{color:#000;}
input[type="radio"] {display:none;}
input[type="radio"] + label {display:inline-block;}
input[type="radio"] + label span {display:inline-block; width:13px; height:13px; margin:-3px 11px 0 0; vertical-align:middle; background:url('/images/radio_off.png') no-repeat; cursor:pointer; background-size: 13px;}
input[type="radio"]:checked + label{color: #333;}
input[type="radio"]:checked + label span {width:13px; height:13px; background:url('/images/radio_on.png') no-repeat; background-size:13px;}

#sidebar-wrapper .list-group a {padding: 2px 10px;}
#sidebar-wrapper .list-group .sub-act {padding-left:0px; color:#000;}
#sidebar-wrapper .list-group .sub-act:before{content:'> ';}

.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;}

.filter{font-size:14px; font-weight:700px; line-height: 19px; padding:3px 0px; margin-bottom:0px;}
.group-2 li{ border:none; padding:0px;}
.group-3 li{ border:none; padding:0px; min-width:60px;}
.group-4 { border:none; padding:0px; min-width:120px;}
.district1 label { min-width:75px; }
.district2 label { min-width:85px; }
.wink_info_wrap{position: relative; height:28px; margin-top:5px; padding-left: 10px; padding-top:3px;}
.wink_info_wrap p{font-size: 14px; font-weight: 400; color:#000; line-height: 14px;margin: 0;padding: 0px 5px;;}
.wink_info_wrap span{padding-left:5px;font-size: 11px; color:#000;}
.wink_info_wrap .main_wink_scrap{position: absolute; z-index: 6; right: 0; top:0;}
.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;}
.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;}

.card .main_wink_scrap{position: absolute; z-index: 6; right: 0; top:0;}
.card .main_wink_scrap a{background:#fff url('/images/btn_scrap_off.png') no-repeat; display: block; width:14px; height:18px; background-size:100% auto;}
.card .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;}

#project-map {max-width:1300px;}
.project_map{max-width:1300px; height:350px;}
.project_map_filter li {border: none;min-width:120px;}
.map_cate{overflow: hidden; margin:20px 0px; padding: 10px 20px;}
.map_cate li{float:left; width:140px; padding: 3px; list-style: none; font-size:13px; color:#000; line-height:20px;font-family:'NanumBarunGothic'; font-weight:400;}
.map_cate li input[type="checkbox"] + label {display:inline-block; color: #000;}
/* .map_cate li:nth-child(9n){width:50px;} */
#company_info .table th { padding: 13px; }
#company_info .table td { padding: 13px; }
#company_gallery .request {font-size:40px; font-style:italic; line-height:52px; font-family: 'LatoWeblight', 'NanumBarunGothic';}
#company_gallery a.request-link:hover { border-bottom:1px solid; }

.request_info { margin-top:60px;}
.request_form { margin-top:30px; max-width:1000px;}
.request_form .form-row {max-width:1000px;}

.btn_send a{width: 220px; height: 50px; font-size: 18px; line-height: 50px; display: inline-block;text-align: center;}
.btn_solid a { border: 1px solid #000; background: #000; color: #fff; }

.about {margin-top:54px;}
.about .row {max-width:1000px;}
.about h1{font-size: 60px; line-hright:62px; margin-bottom:0px;}
.about-title-2 { font-size: 30px; color: #333; font-family: 'LatoWebLight'; padding-left: 30%; position: relative; }
.about-title-hr { margin-top:20px; content: ""; color: #333; background: #333; width: 1px; height: 80px; margin-left: 50%; z-index: 6; }
.about-title-3 { margin-top:30px; font-size: 16px; color: #333; line-height: 30px; }

.ceo {margin-top:30px;}
.ceo-img {margin-top:30px;}
.ceo-line {content: ""; color: #333; background: #333; width: 180px; height: 1px; }
.ceo .col-4-md {padding-left:15px;}
.ceo .col-8-md {padding-left:50px;}
.ceo-txt-1 {margin-top:30px; font-size: 16px; line-height:26px; font-weight: bold;}
.ceo-txt-2 {margin-top:25px; font-size: 16px; line-height:26px;}
.ceo-txt-3 {margin-top:25px; font-size: 16px; line-height:26px;}
.ceo-txt-4 {margin-top:20px; font-size: 14px; line-height:26px;}
.ceo-txt-5 {margin-top:20px; font-size: 14px; line-height:26px;}
.ceo-txt-6 {margin-top:20px; font-size: 14px; line-height:26px;}
.ceo-txt-7 {margin-top:20px; font-size: 14px; line-height:26px;}

.ceo-project-vr {margin-top:50px; content: ""; color: #333; background: #333; width: 1px; height: 80px; z-index: 6;}
.ceo-project p{font-size: 16px; font-weight: bold; margin: 30px 0px;}
.ceo-project ul{padding:0px;}
.ceo-project li { float: left; width: 230px; padding:0px; list-style: none; line-height: 28px; font-size: 14px; }

.recruit-title {margin-top:54px;}
.recruit-title-1 {font-size: 60px; font-family: "LatoWebThin"; line-height: 72px;}
.recruit-title-2 {font-size: 60px; font-weight: 700; line-height: 72px; margin-top: 10px;}
.recruit-title-3 {font-size: 18px; padding-top: 80px;}
.recruit-title ul { padding-top: 80px;padding-left:0px; }
.recruit-title ul li { list-style-type: none; font-size: 18px; font-weight: 600; line-height: 40px; }
.recruit-title-link { font-size: 18px; padding-top: 80px; }
.recruit-title hr {margin-top:80px;}

.recruit-part { margin-top: 65px;}
.recruit-part p {font-size: 30px;}
.recruit-part dt { font-size: 18px; font-weight: 600; padding-top: 8px;padding-bottom: 15px; }
.recruit-part dd { font-size: 18px; line-height: 30px; }
.common dt { font-size: 18px; font-weight: 600; padding-top: 60px; padding-bottom: 15px; }
.common dd { font-size: 18px; line-height: 30px; }

.news-title .row {max-width:1032px;}
.news-contents .row {max-width:1032px;}
.news-title {margin-top:30px;}
.news-title p {font-size: 20px; color: #000; margin-bottom:0px;}
.news-title span { color: #666; font-size: 12px; }
.news-title hr { margin:30px 0px; }
.text_right { text-align: right; }
.btn_150 a { display: inline-block;  width: 150px; height: 36px; line-height: 36px; text-align: center;}
.btn_line a { border: 1px solid #D4D4D4; background: #fff; color: #333; }
.news-title .card {margin-top: 30px;}
.news-title .card-body {padding: 0px;}
.news-title .card-title {font-size: 20px; color: #000; margin-top: 10px;}
.news-title .card-date {float: right; font-size: 12px; color: #666;}
.news-title .card-text {font-size: 12px; color: #333; margin-top: 10px; white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 20px; height: 3.2em; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* term - 약관*/
.term_contents { margin-top: 60px; }
.term_contents h4 { font-size: 16px; }

/* SIGN IN 로그인 */
.sign_form { margin-top:60px; max-width:1000px;}
.with-arrow .nav-link.active {
  position: relative;
}
.sign_form .sign:visited { color: #FFF; text-decoration: none;}
.sign_form .sign:link { color: #FFF; text-decoration: none;}


.member {max-width:1000px; margin-top:10%; min-height:450px;}

/* SHOP */
.shop-lnb {max-width:1000px; margin-top:5px;}
.shop-lnb li {line-height:18px; }
.shop-slider {max-width:1000px;}
.category_wrap{background: #fff; border: 1px solid #D4D4D4; width:1000px; display: none; position: absolute; top:24px; padding:30px 0 0px 35px; z-index:23;}
.category_wrap .col_cate{width:20%; overflow: hidden; display:inline-block; position: relative; vertical-align: top; margin-right:30px; margin-bottom:30px;}
.category_wrap .col_cate ul li{display: block; float: none; font-size: 12px; height: 26px; list-style: none;}
.category_wrap .col_cate ul li a{font-size: 12px;}
.category_wrap .col_cate ul li a:hover{color:#FF6F00;}
.category_wrap .col_cate .cate_first{border-bottom: 1px solid #d4d4d4; padding-bottom: 10px; margin-bottom: 10px;}
.category_wrap .col_cate .cate_first a{font-size: 12px; font-weight: bold;}

.shop-md {max-width:1030px;}
.shop_md_title {font-size: 16px; color: #000; border-left: 6px solid #FF8425; height: 20px; padding-left: 10px; margin-top: 30px; font-weight: bold; width:100%;}

.shop_bn_wrap{overflow: hidden; margin-top:30px; position: relative; max-width: 1024px;}
.shop_bn_wrap .bx-wrapper{overflow: hidden;}
.shop_bn_wrap .bxslider_mid{max-width:38%; float:left; background:#fff000 ; margin-right: 1px;margin-bottom: 1px;}
.shop_bn_wrap .bxslider_mid img{max-width: 100%; }
.shop_bn_wrap .shop_bn_sm{position:absolute; top:0; right: 0; z-index: 22; overflow: hidden; width: 62%;}
.shop_bn_wrap .shop_bn_sm ul {margin:0px; padding:0px;}
.shop_bn_wrap .shop_bn_sm li{float:left; width:48%; margin-right: 1px; margin-bottom: 1px; list-style: none;}
.shop_bn_wrap .shop_bn_sm li:nth-child(2n){margin-right: 0px;}
.shop_bn_wrap .shop_bn_sm li img{max-width: 100%;}
.shop-banner {max-width:1030px;}

.shop-best {max-width:1030px; margin-top:30px;}
.shop-lnb .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; }

.shop_detail_head{max-width: 1000px; overflow: hidden; margin-top:5px; border-top:1px solid #D4D4D4;}
.shop_detail_head .col {line-height: 32px;}
.shop_detail_head select {font-size: 12px;}
.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{padding-top:40px;}
.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:100%;}
.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; width:100%; padding-bottom: 10px; padding-left:0px;}
.shop_detail_head .detail_info .info_list li{float:left; color: #333; width:20%; 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-left:20px;}
.shop_detail_head .total{background:#EEEEEE; text-align: right; color:#666; padding:15px 22px;}
.shop_detail_head .total span{color:#000; font-size:14px; font-weight: bold; margin-left:20px;}
.detail_btn_solid { width: 50%;}
.detail_btn_solid a{ width: 90%; height: 34px; color:#fff; background: #000; display: block; line-height: 34px; border:1px solid #000; text-align: center;}
.detail_btn_line { width: 50%;}
.detail_btn_line a{float:right; margin-right:15px;width: 90%; 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%;}

.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; width: 9px; height: 9px; padding:4px; background: #fff;}
.order_amount span{display: inline-block; width:20px; text-align: center;}

.shop-banner {max-width:1002px;}
.shop-banner table tr td {padding:0px;border: 1px solid #FFF;}
.shop-banner table tr td img {width:100%;}

#shop_brand {padding-left:15px; max-width:980px;}
#product_list {max-width:1000px;}
#product_search {padding-left:15px;max-width:1000px;}
#personal_payment{max-width:1000px;min-height:400px;}

.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 {max-width:1000px; 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 .product_brand{margin-top: 10px; color:#000; font-weight: bold;}
.product_list .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 .product_sale{font-size:16px; color:#FF6F00;}
.product_list .product_img{width:100%; height:176px; border:1px solid #ddd;}
.product_list .product_price{color:#000; font-size: 14px; font-weight: bold;}
.product_list .product_icon img{margin-right: 5px; margin-top: 10px;}
.product_list .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;}




.my_order_head{max-width:1000px; 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;}


.body_wink{width:100%;}
.wink_close{position:absolute; z-index: 12; right:45px; top:10px;}
.wink_left{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: 100%;}
.wink_right .wink_scroll_body{width:100%; 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:96px; height: 96px; 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;}


/* QNA */
.qna_contents {max-width:600px; margin-top:40px;}


/* EVENT */
.event_list {max-width:1000px; margin-top:20px;}
.event_list p { margin-top:5px;}
.event_list p span {font-size:12px; color: #666;}
.event_detail {max-width:1000px; margin-top:10px;}
/* 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; width:100%;}
.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;}

/* paging */
.paging{padding:10px 0 55px 0;}
.paging ul {text-align:center;}
.paging ul li {display:inline-block; width:24px; height: 24px; text-align:center; margin: 0 4px; color: #000; list-style:none;}
.paging ul li a {display:block; width:24px; height:24px; font-size: 12px; line-height:24px; box-sizing: border-box; color: #999;}
.paging ul li a:hover,
.paging ul li a.on {background: #f6f6f6; color: #000;}
.paging ul li a img{vertical-align: text-top;}
.paging ul .prev {margin-right:8px;}
.paging ul .next {margin-left:8px;}
.paging ul .prev a:hover,
.paging ul .next a:hover{background: #fff; color: #000}

.board_list{width: 100%; border-bottom: 1px solid #d4d4d4; border-top:1px solid #999;}
.board_list th,
.board_list td{padding: 0 20px; color: #666; text-align: center;}
.board_list th{border-bottom: 1px solid #ddd; height: 34px; font-weight: 400;}
.board_list th.txt_left,
.board_list td.txt_left{text-align:left; }
.board_list td{padding:10px 5px; border-bottom: 1px solid #ddd;}
.board_list td.group_line{border-bottom: 1px solid #999;}
/* .board_list td a{color: #666} */

/* button */
.btn a:hover{transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;}
.btn_s a{display: inline-block; width: 70px; height: 30px; line-height: 30px; text-align: center; box-sizing: border-box; font-size: 12px}
.btn_m a{display: inline-block; height:36px; font-size:12px; line-height:36px; text-align: center; box-sizing: border-box; background: #000; color:#fff; padding: 0 30px; border:1px solid #000;}
.btn_m a:hover{background: #333; border:1px solid #000;}
.btn_m_line a{display: inline-block; font-size:12px; height:36px; line-height:36px; border:1px solid #666; color:#666; box-sizing: border-box; padding: 0 20px;}
.btn_m_line a:hover{ border: 1px solid #f6f6f6; background: #f6f6f6;}
.btn_b a{display: inline-block; width:200px; height:36px; line-height:36px; text-align: center; background: #000; color:#fff; font-size:12px;}
.btn_b a:hover{background: #333;}
.btn_s_line a{font-size:11px; padding:0 20px; height:28px; line-height:28px; display:inline-block;; border:1px solid #d4d4d4; color:#333; }
.btn_s_line a:hover{ border: 1px solid #f6f6f6; background: #f6f6f6;}

.btn_solid a{border: 1px solid #000; background: #000; color:#fff;}
.btn_solid a:hover{border: 1px solid #333; background: #333;}
.btn_line a{border: 1px solid #D4D4D4; background: #fff; color:#333;}
.btn_middle a{display:inline-block; width: 120px; height:28px; line-height:28px; text-align: center;}
/* .btn_line a:hover{border: 1px solid #666;} */
.btn_135 a{display:inline-block; width: 135px; height: 36px; line-height: 36px; text-align: center;}
.btn_150 a{display:inline-block; width: 150px; height: 36px; line-height: 36px; text-align: center;}
.btn_160 a{display:inline-block; width: 160px; height: 36px; line-height: 36px; text-align: center;}
.btn_200 a{display:inline-block; width: 200px; height: 36px; line-height: 36px; text-align: center;}
.btn_350 a{display:inline-block; width: 350px; height: 50px; line-height: 50px; text-align: center; font-size: 13px;}
.btn_350 a:hover{background: #000; color:#fff; border: 1px solid #000;}

a.input_btn{width:90px; height:38px; line-height:38px; text-align: center; border: 1px solid #D4D4D4; background: #fff; color:#333; display: inline-block; vertical-align: middle;}
a.input_soid_btn{width:100px; height:38px; line-height:38px; text-align: center; border: 1px solid #000; background: #000; color:#fff; display: inline-block; vertical-align: middle;}





.mypage_menu{border-bottom: 1px solid #ddd; height:50px; margin-top:30px; margin-bottom:50px; text-align:left;}
.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; }

#product_qna {max-width:1000px; margin-top:70px;min-height:400px;}
#my_qna {max-width:1000px; margin-top:70px;min-height:400px;}
#my_password {max-width:1000px; margin-top:70px;min-height:400px;}
/* 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{max-width:1000px; 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;}



/* board */
.board_detail_wrap{clear:both; max-width:1000px;}
.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;}


/* modal popup */
.modal{position: fixed; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.6); z-index: 200; box-sizing: border-box; padding: 100px 0; overflow-y: auto; opacity: 0; visibility: hidden;}
.modal.v_center{display: flex; align-items: center}
.modal .md_content{width:600px; margin: 0 auto; box-sizing: border-box; padding:40px; background: #fff; position: relative; border-radius: 3px;}
.modal .md_content .btn_close{position: absolute; right:20px; top:20px}
.modal .md_edit_img{}

/* 모달창 */
.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;}


/* lined tabs */

.lined .nav-link {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link:hover {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link.active {
  background: none;
  color: #555;
  border-color: #2b90d9;
}




.top_wrap {
    position: fixed;
    width: 100%;
    text-align: right;
    z-index: 9;
    bottom: 150px;
    height: 1px;
}
.top_wrap div {
    margin-right: 30px;
}
.top_wrap div span {
	font-size:24px;
	font-weight:300;
	color:#FFF;
    padding: 15px 15px;
    border: 1px solid #ddd;
    background: #000;
    cursor: pointer;
}
img {
    vertical-align: middle;
}
footer {margin-top:100px; margin-bottom: 30px;}
footer p{margin-bottom: 0.3rem;}
footer .text_bar {padding-left:15px;}