.wrap {
	width: 1100px;
	margin: 0 auto
}

.fn_mg {
	font-family: 맑은 고딕;
	letter-spacing: -0.5px;
}

.mont {
	font-family: montserrat;
}

#scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#scroll::-webkit-scrollbar {
	width: 2px;
	background-color: #fdfdfd;
}

#scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;


}



/* 메인 */
#brand_slide {
	background: #fff;
	position: relative;
	overflow: hidden;
	width: 260px;
}

#brand_slide ul {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#brand_slide ul li {
	width: 260px;
	height: 332px;
	font-size: 14px;
	color: #000;
	background-color: #f1f1f1;
	cursor: pointer;
}

.main {}

.main_wrap {
	position: relative;
	width: 1100px;
	margin: 0 auto
}

.main_right_banner_vbs {
	position: fixed;
	top: 110px;
	right: 20px;
	z-index: 1;
	cursor: pointer
}

.main_right_banner {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 1;
	cursor: pointer
}

.main .main_slide {
	width: 100%;
	overflow: hidden
}

.main .main_slide_img {
	position: relative;
	left: 50%;
	margin-left: -1000px;
}

.main .main_c_banner ul {
	width: 1024px;
	position: relative;
	display: flex;
	margin: 50px auto 0 auto;
	z-index: 1;
	justify-content: space-between
}

.main .main_c_banner ul li {}

.main .main_t {
	font-family: Raleway, serif;
	font-size: 40px;
	margin: 30px 0 20px 0;
	font-weight: 200;
	text-align: center;
	letter-spacing: -1px
}

.main .main_t span {
	font-weight: 400
}

.main .main_st {
	font-size: 14px;
	font-weight: 300;
	margin: 0 0 35px 0;
	text-align: center;
	color: #aaa;
	letter-spacing: 0.5px;
}

.main .main_people {
	float: left;
	width: 700px;
}

.main .main_people ul {
	display: flex;
	flex-wrap: wrap
}

.main .main_people ul li {
	width: 140px;
}

.main .main_people ul li img {
	width: 100%
}

.main .main_exh {
	float: right;
	width: 280px;
	height: 420px;
	background-color: #f1f1f1;
	padding: 10px
}

.main .main_exh .main_e_img {
	width: 100px;
	margin: 22px auto 15px auto;
}

.main .main_exh .main_e_img img {
	width: 100%;
	border-radius: 50%
}

.main .main_exh .main_e_name {
	font-size: 23px;
	font-weight: 500;
	text-align: center
}

.main .main_exh .main_e_posi {
	color: #888;
	font-size: 12px;
	text-align: center;
	margin: 10px 0
}

.main .main_exh .main_e_c {
	width: 220px;
	text-align: justify;
	margin: 0 auto;
	color: #777;
	font-size: 12px;
	text-align: center;
	margin-top: 5px
}

.main .main_exh .main_e_arrow {
	width: 78px;
	margin: 30px auto 0 auto
}

.main .main_exh .main_e_arrow ul {
	display: flex;
}

.main .main_w_banner {
	width: 1024px;
	margin: 80px auto
}

.main .main_w_banner img {
	float: left;
}

.main .main_cu {
	position: relative;
	max-width: 1800px;
	margin: 0 auto;
	padding: 50px 0;
	height: 530px;
	overflow: hidden
}

.main .main_cu img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.main .main_season {
	max-width: 1280px;
	margin: 50px auto;
	position: relative
}

.main .main_season ul {
	display: flex;
	justify-content: space-between
}

.main .main_season ul li {
	width: 230px;
	height: 350px;
	background-color: #f5f5f5
}

.main .main_season ul li img {
	width: 100%
}

.main .main_season ul li .main_sea_t {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	margin: 15px 15px 8px 15px
}

.main .main_season ul li .main_sea_c {
	font-size: 12px;
	color: #999;
	width: 160px;
	margin: 0 auto;
	text-align: center
}

.main .main_sea_l {
	position: absolute;
	left: -80px;
	top: 80px;
}

.main .main_sea_r {
	position: absolute;
	right: -80px;
	top: 80px;
}

.main .main_design {}

.main .main_design ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.main .main_design ul li {
	margin-bottom: 50px
}

.main .main_design ul li img {
	width: 485px;
	display: block
}

.main .main_design ul li .md_t {
	float: left;
	margin-top: 15px;
	font-weight: 500;
	font-size: 16px
}

.f_mg {
	font-family: 맑은 고딕;
	letter-spacing: -0.5px;
}

.main .main_design ul li .md_cate {
	float: right;
	margin-top: 15px;
	background-color: #ffba3b;
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	text-align: center;
	width: 80px;
	padding: 5px 0;
	border-radius: 30px;
}

.main .main_design ul li .md_tag {
	color: #999;
	font-size: 13px;
	width: 485px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.main .main_con_m {
	width: 1024px;
	height: 493px;
	background: url(../img/main/contents_bg.jpg);
	margin: 0 auto
}

.main .main_con_m iframe {
	margin: 22px 0 0 252px
}

.main .main_con_list {
	float: right;
}

.main .main_con_list li {
	border-bottom: 1px #ddd solid;
}

.main_story {
	width: 100%;
	background: #fff8eb;
	padding: 60px 0;
}

.story_list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.story_list li {
	color: #333;
}

.story_list .story_title:hover {
	text-decoration: underline;
}

.story_tb {
	width: 332px;
	margin-bottom: 15px;
	cursor: pointer;
}

.story_tb img {
	border-radius: 8px;
}

.story_title {
	width: 332px;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 8px;
}

.story_txt {
	width: 332px;
	font-size: 15px;
	color: gray;
	height: 40px;
	line-height: 19px;
	overflow: hidden;
}

.story_date {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	color: #aaa;
}

.story_view {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	width: 60px;
	color: #ffba3b;
	float: right;
	text-align: center;
	border: 1px solid #ffba3b;
	border-radius: 100px;
	padding: 4px 0;
	cursor: pointer;
}

.story_view:hover {
	border: 1px solid #ffd28b;
	color: #ffd28b;
	transition: all ease 0.3s;
}

.main .main_event {
	margin: 50px auto
}

.main .main_event ul {
	display: flex;
	justify-content: space-between
}

.main .main_event ul li {
	width: 300px;
}

.main .main_event ul li img {
	width: 100%
}

/* .main .main_event ul li .main_event_t {font-size:16px;font-weight:500;margin:15px 0 5px 0} */
.main .main_event ul li .main_event_t {
	font-size: 16px;
	font-weight: 500;
}

.main .main_event ul li .main_event_c {
	font-size: 12px;
	color: #999;
}

.AuthorTemplate {
	width: 100%;
	margin: 60px 0 120px 0 !important;
}

.AuthorTemplate .slide_nav {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	z-index: 999;
}

.AuthorTemplate .slide_nav li:first-child {
	position: absolute;
	top: 165px;
	left: -27px;
	cursor: pointer;
}

.AuthorTemplate .slide_nav li:last-child {
	position: absolute;
	top: 165px;
	right: -27px;
	cursor: pointer;
}

.AuthorTemplate .template_item {
	height: 366px;
	background: url('../img/main/1.jpg') 50% 50% no-repeat;
	cursor: pointer;
}


/* 메인 상단new */
.header_wrap {
	position: relative;
}

.header_wrap .header {
	background: #fff;
}

.header_wrap .header .inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}

.head_util {
	margin-top: 15px;
}

.head_util ul {
	float: right;
}

.head_util li {
	float: left;
	font-size: 12px;
	margin-left: 16px;
}

.head_util li:hover .drop_base {
	display: block;
}

.util_box>li a:hover {
	text-decoration: underline;
}

.head_util li a {
	color: #757575;
}

.drop_area {
	position: relative;
}

.who_profile a>img {
	width: 18px;
	border-radius: 50%;
}

.drop_dwbtn {
	position: relative;
	top: -2px;
	font-size: 12px;
	color: #757575;
}

.btn_dechk a {
	color: #222 !important;
	font-weight: 500;
}

.head_main {
	text-align: center;
	margin-top: 25px;
}

.head_main h1 {
	display: inline-block;
	vertical-align: middle;
	margin-right: 42px;
}

.head_main .main_inner {
	display: inline-block;
}

.head_main .search {
	width: 400px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 42px;
	margin-top: 5px;
	border-bottom: 2px solid #151515;
}

.head_main .search input[type='text'] {
	width: 90%;
	float: left;
	border: none;
	padding: 10px;
	box-sizing: border-box;
	outline-width: 0;
}

.head_main .search a {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.head_main .icon_wrap {
	display: inline-block;
	vertical-align: middle;
}

.head_main .icon_wrap .icon_div {
	display: block;
	float: left;
	margin-right: 40px;
}

.head_main .icon_wrap .icon_div:last-child {
	margin-right: 0;
}

.cart_num {
	position: relative;
}

.cart_num .num {
	position: absolute;
	right: -9px;
	top: -9px;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #1ba9ff;
	border-radius: 100px;
	font-size: 9px;
}

.gnb_area {
	width: 100%;
	height: 55px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-top: 20px;
}

.btn_category {
	display: block;
	float: left;
	width: 53px;
	height: 55px;
	line-height: 55px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	text-align: center;
}

.gnb_area .gnb {
	float: left;
	line-height: 52px;
	padding: 0 25px;
	box-sizing: border-box;
}

.gnb_area .gnb li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
	color: #888;
}

.gnb_area .gnb li:first-child {
	margin-left: 0;
}

.gnb_area .gnb li .bar {
	color: #bfbfbf;
	margin-left: 25px;
}

.gnb_area .gnb li a {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	letter-spacing: -0.3px;
}

.gnb_area .gnb li a.txt_st {
	position: relative;
	font-size: 14px;
}

.gnb_area .gnb li a.txt_st span {
	position: absolute;
	top: -17px;
	right: 0;
	width: 100%;
}

.gnb_area .gnb li a.txt_st span>img {
	width: 30px;
	margin: 0 auto;
	display: block;
}

.sub_cate {
	display: block;
	height: 55px;
	line-height: 51px;
	float: left;
	padding-left: 25px;
	box-sizing: border-box;
	border-left: 1px solid #eee;
}

.sub_cate div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 19px;
}

.sub_cate div:first-child {
	margin-left: 0;
}

.sub_cate div .dot {
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 100px;
	background: #fd3a41;
	top: 21px;
	right: -6px;
}

.sub_cate a {
	font-size: 14px;
	color: #555;
}

.drop_my:hover .drop_base {
	display: block;
}

.dropbox {
	position: relative;
}

.drop_base {
	position: absolute;
	box-shadow: 0px 6px 24px -8px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.36);
	-webkit-box-shadow: 0px 6px 24px -8px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.36);
	border-radius: 4px;
	box-sizing: border-box;
	padding: 10px 0;
	background: #fff;
	z-index: 1;
	display: none;
}

.dropbox .drop_base li {
	float: none;
}

.dropbox .drop_base li a {
	display: block;
	height: 35px;
	line-height: 35px;
	color: #000;
	font-size: 13px;
}

.dropbox .drop_base li a:hover {
	font-weight: 500;
	text-decoration: none !important;
}

.dropbox .drop_my {
	width: 125px;
	left: -50px;
	top: 25px;
}


/* 사이트 카테고리 */
.cateMenu {
	position: absolute;
	top: 53px;
	height: 540px;
	background: #fff;
	border: 1px solid #ddd;
	z-index: 2;
	box-shadow: 0px 6px 24px -8px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.36);
	-webkit-box-shadow: 0px 6px 24px -8px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.36);
}

.cateMenu .cate1,
.cateMenu .cate2,
.cateMenu .cate3 {
	float: left;
	width: 220px;
	height: 100%;
	overflow: hidden;
}

.drop_menu li {
	display: block;
	margin: 0 20px 16px 20px;
	font-size: 14px;
	border-bottom: 0;
}

.drop_menu li:first-child {
	padding-top: 20px;
}

.drop_menu li .title {
	display: block;
	color: #000;
	position: relative;
	width: 100%;
	text-align: left;
	cursor: pointer;
}

.drop_menu li:hover .title {
	display: block;
	font-weight: 500;
	letter-spacing: -.3px;
	background: url("../img/main/drop_arr.png")no-repeat 100% 50%;
}

.drop_menu li .on {
	font-weight: 500;
	background: url("../img/main/drop_arr.png")no-repeat 100% 50%;
}

.cateMenu .cate3 {
	background-color: #fafafa;
}

.cateMenu .cate3:hover .title {
	background: none;
}

.cateMenu .cate3 .on {
	background: none;
}

.cateMenu .cate2,
.cateMenu .cate3 {
	border-left: 1px solid #eee;
}


/* 가람slide1  */
.mslide_area {
	margin-top: 18px;
}

.slide_inner {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

.slide_inner .ad_left {
	position: absolute;
	left: -110px;
	top: 30px;
}

.slide_inner .ad_left a,
.slide_inner .ad_right a {
	display: block;
	margin-bottom: 20px;
}

.slide_inner .ad_left a img,
.slide_inner .ad_right a img {
	border-radius: 8px;
	border: 1px solid #eee;
}

.slide_inner .ad_right {
	position: absolute;
	right: -110px;
	top: 30px;
}

.slide {
	position: relative;
}

.slide img {
	border-radius: 20px;
}

.slide_inner .left {
	position: absolute;
	top: 43%;
	left: 50px;
	cursor: pointer;
}

.slide_inner .right {
	position: absolute;
	top: 43%;
	right: 50px;
	cursor: pointer;
}

/* .page_control {width: 100%;display: flex;text-align: center;margin-top:10px;justify-content:center;} */
.page_control {
	display: flex;
	text-align: center;
	margin-top: 10px;
	justify-content: center;
}

.page_control .slide_pager {
	display: inline-block;
	background: #dcdcdc;
	width: 5px;
	height: 5px;
	margin: 0 6px;
	border-radius: 50px;
}

.page_control .active>.slide_pager {
	background-color: #000;
	width: 40px;
}

.page_control .controler {
	margin-top: 2px;
	margin-left: 5px;
}

/* 가람slide2  
.MainSlide {width: 100%;height: 490px;overflow:hidden;background: #366cf3;}
.MainSlide .inner {width: 1100px;margin:0 auto;position:relative;text-align: center;}
.nav_slide {position:absolute;right:50px;bottom:30px;}
.nav_slide li {margin:0;padding:0;}
.arr_left:hover, .arr_right:hover, .play_view:hover {opacity:0.5;cursor:pointer;}
.nav_slide .num {display: inline-block;vertical-align: middle;font-size:15px;font-weight: 500;color: #000;margin:0 10px;}
.nav_slide .arr_left {display: inline-block;vertical-align: middle;border:1px solid #000;width: 40px;height: 40px;line-height:35px;}
.nav_slide .arr_right {display: inline-block;vertical-align: middle;border:1px solid #000;width: 40px;height: 40px;line-height:35px;margin-left: -4px;}
.nav_slide .play_view {display: inline-block;vertical-align: middle;border:1px solid #000;width: 30px;height: 40px;line-height:35px;margin-left:-5px;border-left:0;
}
.MainSlide .inner .ad_left {position:absolute;left:-100px;top:60px;}
.MainSlide .inner .ad_right {position:absolute;right:-100px;top:60px;}
.MainSlide .inner a {display: block;margin-top:10px;}
*/


/* 메인 focus item */
.main_focus_item {
	position: relative;
	text-align: center;
	border: 7px solid #ececec;
	margin: 70px 0;
	padding: 25px;
}

.main_focus_item .focus_title {
	width: 150px;
	margin: auto;
	font-weight: 700;
	letter-spacing: 2px;
	color: #ffffff;
	font-size: 15px;
	background: #000;
	border-radius: 20px;
	padding: 5px 15px;
}

.main_focus_item .focus_txt {
	font-family: noto sans kr;
	max-width: 800px;
	word-break: keep-all;
	margin: 20px auto;
	color: #212121;
	font-size: 21px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: -0.5px;
}

.main_focus_item .swiper {
	max-width: 930px;
	margin: 40px auto 20px;
}

.main_focus_item .swiper-slide img {
	width: 100%;
}

.main_focus_item .swiper-slide .sl_title {
	font-weight: 400;
	color: #333;
	height: 25px;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
	font-family: Nanumbarungothic;
}

.main_focus_item li .sl_price {
	font-family: 'Montserrat', sans-serif;
	margin-top: 8px;
}

.main_focus_item li .sl_price .num2 {
	display: inline;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.5px;
	color: #111
}

.main_focus_item li .sl_price .num2 span {
	font-weight: 600;
	font-size: 13px;
}

.main_focus_item li .sl_price .main_price_percent {
	text-decoration: none;
	font-weight: 800;
	font-size: 14px;
	color: #ff0000;
}

.arrow-left,
.arrow-right {
	position: absolute;
	bottom: 140px;
	display: block;
	margin: 30px auto;
	width: 25px;
	height: 25px;
	border-top: 3px solid #b9b9b9;
	border-left: 3px solid #b9b9b9;
	cursor: pointer;
	transition: border 0.3s;
}

.arrow-left {
	transform: rotate(-45deg);
	left: 33px;
}

.arrow-right {
	transform: rotate(135deg);
	right: 33px;
}

.arrow-left:hover,
.arrow-right:hover {
	border-color: #000000
}




/* 메인 쇼핑리스트*/
.main_shop_list {
	justify-content: center;
	flex-direction: row;
	margin-top: 30px
}

.main_shop_list ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.main_shop_list li {
	display: inline-block;
	width: 240px;
	height: 280px;
	margin-bottom: 40px;
	cursor: pointer;
}

.main_shop_list li .img {
	width: 240px;
	height: 240px;
	overflow: hidden;
}

.main_shop_list li .img img {
	width: 100%
}

.main_shop_list li .sl_brand,
.main_focus_item .swiper-slide .sl_brand {
	margin-top: 15px;
	margin-bottom: 3px;
	font-weight: 400;
	color: #999;
	font-size: 13px;
	font-family: Nanumbarungothic;
}

.main_shop_list li .sl_title {
	width: 240px;
	font-weight: 400;
	color: #333;
	height: 25px;
	font-size: 13px;
	overflow: hidden;
	line-height: 20px;
	;
	font-family: Nanumbarungothic;
}

.main_shop_list li .sl_price {
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 0;
	margin-top: 8px;
	font-weight: 500
}

.main_shop_list li .sl_price .sale {
	font-size: 25px;
	color: #fb4949
}

.main_shop_list li .sl_price .num1 {
	display: inline;
	font-size: 13px;
	color: #aaa;
	letter-spacing: -0.5px;
	margin-top: 6px;
	text-decoration: line-through;
	font-weight: 300
}

.main_shop_list li .sl_price .num2 {
	display: inline;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.5px;
	color: #111
}

.main_shop_list li .sl_price .num2 span {
	font-weight: 600;
	font-size: 13px;
}

.main_shop_list li .sl_price .main_price_percent {
	text-decoration: none;
	font-weight: 800;
	font-size: 14px;
	color: #ff0000;
}

.main .main_customer {
	width: 100%;
	background-color: #f7f7f7;
	padding: 50px 0
}

.main .quick_t {
	width: 154px;
	margin: 0 auto
}

.main .quick_t span {
	letter-spacing: 12px;
	font-weight: 500
}

.main .quick_table {
	width: 1024px;
	margin: auto;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid
}

.main .quick_table td {
	width: 146px;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
	text-align: center;
	height: 146px;
	cursor: pointer
}

.main .quick_table td:hover {
	background-color: #f7c141
}

.main .main_news {
	width: 500px;
	float: left
}


/* 메인 뉴스*/
.main .main_news {
	float: left;
}

.main .main_news .news_mt {
	float: left;
	font-family: montserrat;
	margin-right: 10px;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: -1px;
}

.main .main_news .news_mt span {
	font-weight: 200
}

.main .main_news .news_faq {
	float: left;
	font-size: 22px;
	font-weight: 200
}

.main .main_news .news_plus {
	float: right;
	font-size: 25px
}

.main .main_news .news_list {
	border-top: 2px #555 solid;
	margin-top: 15px;
	padding-top: 15px
}

.main .main_news .news_list .news_list_c {
	float: left;
	margin: 6px 0;
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
	color: #555
}

.main .main_news .news_list .news_list_date {
	float: right;
	margin: 3px 0;
	color: #999;
	font-size: 12px
}

/* 메인 고객센터*/
.main .main_cus_info {
	width: 370px;
	float: right;
	margin-top: 40px
}

.main .main_cus_info ul {
	display: flex;
	justify-content: space-between
}

.main .main_cus_info .main_tel {
	margin-bottom: 20px
}

.main_new_tab {
	width: 100%;
	border-left: 1px #ddd solid;
	border-top: 1px #ddd solid
}

.main_new_tab ul {
	display: flex;
}

.main_new_tab ul li {
	flex: 1;
	border-right: 1px #ddd solid;
	padding: 18px 0;
	text-align: center;
	background-color: #f5f5f5;
	border-bottom: 1px #ddd solid;
	color: #666;
	cursor: pointer;
	font-weight: 400;
}

.main_new_tab ul li.hover {
	background-color: #fff;
	border-bottom: 0;
	color: #111;
	font-weight: 700
}

.main_new_tab ul li a {
	display: block;
}

/* .image {width:100%;height:100%;background-color:#f4f7f6} */
.image {
	display: block;
	width: 100%;
	height: auto;
}

.image .image_list {
	padding: 20px;
	column-width: 270px;
	column-gap: 15px;
}

.image .image_list li {
	display: inline-block;
	background-color: #fff;
	width: 270px;
	margin: 12px
}

/* .image .image_list li { float:left;background-color:#fff;width:270px;margin:12px; } */
.image .image_list li .people {
	padding: 15px
}

.image .image_list li .people .people_img {
	float: left;
	width: 40px;
	height: 40px;
}

.image .image_list li .people .people_img img {
	border-radius: 50%;
	width: 100%
}

.image .image_list li .people .people_name {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	color: #777
}

.image .image_list li .people .people_tool {
	float: right;
	font-size: 10px;
	color: #fff;
	padding: 2px 8px;
	border-radius: 15px;
	margin-top: 10px
}

.image_sort {
	position: relative;
	padding: 20px;
	border-bottom: 1px #c7c7c7 solid
}

.image_sort .search {
	float: left;
	font-size: 16px;
	margin-top: 5px
}

/* .image_sort  .search input {border:0;margin-left:10px} */
.image_sort .sort {
	position: absolute;
	margin-left: 50%;
	transform: translateX(-50%);
	margin-top: 3px
}

.image_sort .sort li {
	float: left;
	font-size: 17px;
	margin: 0 15px;
	font-weight: 400;
	cursor: pointer
}

.image_sort .sort li i {
	font-size: 12px;
	margin-left: 5px;
}

.image_sort .sort li.sort_sl {
	font-size: 13px;
	color: #999;
	margin: 3px 20px 0 20px;
	cursor: pointer
}

.image_sort .sort li.sort_sl i {
	font-size: 12px;
	margin-right: 5px;
}

.image_sort .bible {
	float: right;
	margin-top: 5px
}

.image_sort .bible li {
	float: left;
	margin: 0 15px;
	font-size: 15px;
	font-weight: 400;
	cursor: pointer
}

@media (max-width: 1600px) {
	.image_sort .bible {
		display: none
	}
}

.image_sort .cart {
	position: relative;
	float: right;
	font-size: 22px;
	color: #555;
	margin: 0 20px 0 20px
}

.image_sort .cart_num {
	position: absolute;
	top: -3px;
	left: 20px;
	background-color: #bd081c;
	color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 11px;
	font-weight: 500;
	text-align: center
}

.image_sort .folder {
	position: relative;
	float: right;
	font-size: 22px;
	color: #555;
	margin-right: 20px
}

.image_sort .cash {
	position: relative;
	float: right;
	font-size: 15px;
	color: #bd081c;
	margin-right: 20px;
	font-weight: bold;
	margin-top: 5px;
}

.image_view {
	width: 1200px;
	margin: 40px auto
}

.image_view .image_info {
	float: left;
	width: 620px;
}

.image_view .people_info {
	float: left;
	width: 485px;
	margin-left: 70px;
	background-color: #f5f5f5;
	padding: 40px;
	min-height: 1000px
}

.image_view .image_info .ii_title {
	float: left;
	font-size: 28px;
	font-weight: 400;
	width: 450px
}

.image_view .image_info .ii_good {
	float: right;
	font-size: 14px;
	text-align: center;
	border: 1px #ccc solid;
	padding: 5px 10px;
	cursor: pointer
}

.image_view .image_info .ii_code {
	color: #999;
	margin: 10px 0 20px 0;
	font-size: 12px;
}

.image_view .image_info .ii_img {
	width: 620px;
}

.image_view .image_info .ii_text {
	margin: 20px 0;
	line-height: 24px;
	color: #555;
	font-size: 13px;
}

.image_view .image_info .ii_tag {}

.image_view .image_info .ii_tag li {
	float: left;
	border: 1px #ccc solid;
	color: #aaa;
	padding: 6px 10px;
	margin: 7px 7px 0 0;
	border-radius: 15px;
	cursor: pointer;
	font-size: 12px;
}

.image_view .image_info .ii_tag li:hover {
	transition: all ease 0.3s;
	border: 1px #e3213c solid;
	color: #e3213c;
}

.image_view .image_info .ii_select {
	margin: 40px 0 20px 0;
	width: 100%;
	border-top: 1px #ccc solid
}

.image_view .image_info .ii_select td {
	padding: 15px;
	border-bottom: 1px #ccc solid;
	text-align: center;
	font-size: 13px;
}

.image_view .image_info .ii_select th {
	background-color: #f9f9f9;
	padding: 15px;
	border-bottom: 1px #ccc solid
}

.ii_btn_area {}

.ii_btn_area .ii_btn {
	width: 197px;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	padding: 15px 0;
	float: left;
	margin-right: 7px
}

.image_view .people_info .pi_photo {
	float: left;
	width: 100px
}

.image_view .people_info .pi_photo img {
	width: 100%;
	border-radius: 50%
}

.image_view .people_info .pi_info {
	float: left;
	width: 240px;
	margin-left: 30px
}

.image_view .people_info .pi_info .pi_name {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px
}

.image_view .people_info .pi_info .pi_text {
	font-size: 12px;
	color: #777;
	line-height: 18px;
}

.image_view .people_info .pi_btn {
	float: left;
	margin: 20px 7px 40px 0;
	width: 195px;
	text-align: center;
	padding: 12px 0;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer
}

.image_view .people_info .pi_t {
	font-family: montserrat;
	font-size: 16px;
	font-weight: 600;
}

.image_view .people_info .pi_c {
	font-size: 15px;
	color: #555;
	margin-top: 5px
}

.image_view .people_info .pi_img {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px #ddd solid
}

.image_view .people_info .pi_img .pi_img_t {
	float: left;
}

.image_view .people_info .pi_img .pi_img_view {
	float: right;
	margin-top: 3px;
	font-size: 12px;
	color: #555
}

.image_view .people_info .pi_img .pi_img_list {
	margin-top: 10px
}

.image_view .people_info .pi_img .pi_img_list li {
	width: 96px;
	height: 96px;
	float: left;
	margin: 5px 5px 0 0;
	overflow-y: hidden;
}

.image_view .people_info .pi_img .pi_img_list li img {
	width: 100%;
	object-fit: cover;
	height: 94px;
}

.iv_license_btn {
	display: inline;
	padding: 5px 10px;
	margin-left: 5px;
	font-size: 11px;
	font-weight: 700
}

.license_info {
	width: 100%;
}

.license_info li {
	font-size: 12px;
	color: #555;
	margin: 7px 0
}

.pi_goods_list {
	margin: 20px 0
}

.pi_goods_list li {
	float: left;
	width: 129px;
	height: 129px;
	margin: 0 5px 5px 0;
	cursor: pointer
}

.pi_goods_list li img {
	width: 100%;
	height: 100%;
}

.pi_design_list {
	margin: 15px 0
}

.pi_design_list li {
	float: left;
	width: 129px;
	height: 77px;
	margin: 0 5px 5px 0;
	cursor: pointer;
}

.pi_design_list li img {
	width: 100%;
	height: 100%;
}

.image_sort_people .isp_list input[type="checkbox"] {
	display: none;
}

.image_sort_people .isp_list input[type="checkbox"]+label::before {
	content: ' ';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("../img/check.jpg");
	background-size: 18px;
	vertical-align: middle;
	margin-right: 5px;
}

.image_sort_people .isp_list input[type="checkbox"]:checked+label::before {
	background-image: url("../img/check_on.jpg");
	background-size: 18px;
}



/* .image_sort_people { position:absolute;width:100%;background-color:#fff;border-bottom:1px #555 solid;min-height:200px;z-index: 9; } */
.image_sort_people {
	position: absolute;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px #555 solid;
	min-height: 200px;
	z-index: 9;
	display: none;
}

.image_sort_people .isp_list {
	float: left;
	margin: 20px 40px;
	width: 80%;
}

/* .image_sort_people .isp_list li { float:left;width:180px;font-size:16px;margin-bottom:5px; } */
.image_sort_people .isp_list li {
	width: 180px;
	font-size: 13px;
	margin-bottom: 5px;
	display: inline-block;
	font-weight: 400;
	;
	color: #555;
}

.image_sort_people .isp_ok {
	position: absolute;
	right: 40px;
	top: 40px;
	width: 120px;
	padding: 8px 0;
	font-weight: 500;
	font-size: 15px;
}

.image_sort_people .isp_select_re {
	margin: 30px 0 0 40px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400
}

.pd_c_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10px 0
}

.pd_c_area .pd_log {
	width: 350px;
	height: 20px;
	overflow: hidden;
	margin: 6px 0;
	color: #555;
	font-size: 13px;
	letter-spacing: -1px;
	line-height: 25px;
}

.pd_c_area .pd_log span {
	color: #a87e6e;
	font-weight: 400;
	cursor: pointer
}

.pd_c_area .pd_log_date {
	color: #999;
	font-size: 11px;
	margin: 6px 0;
	text-align: right
}

.iv_message_pop {
	position: absolute;
	width: 380px;
	padding: 20px;
	border: 1px #333 solid;
	background-color: #fff;
	z-index: 999;
	display: none;
}

.iv_message_pop textarea {
	border: 0;
	width: 100%
}

.iv_message_pop .send {
	display: inline-block;
	padding: 5px 0;
	margin: 10px 3px 0 0;
	width: 110px;
	border-radius: 30px
}


.pt_wrap {
	position: relative;
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}

.portfolio {
	width: 100%;
	padding-bottom: 30px;
}

.portfolio .bg_img {
	position: relative;
	height: 400px;
	background-color: #999
}

.portfolio .profile_img {
	position: absolute;
	top: 325px;
	left: 50%;
	width: 140px;
	transform: translateX(-50%);
}

.portfolio .profile_img img {
	width: 100%;
	border-radius: 50%
}

.portfolio .profile_title {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-top: 0;
	font-size: clamp(1.5rem, 3vw, 47px);
	color: #fff;
	letter-spacing: -1px
}

.portfolio .profile_stitle {
	text-align: center;
	padding-top: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #fff
}

.portfolio .pf_info {
	padding: 70px 14px;
}

.portfolio .pf_info .name {
	float: left;
	font-size: 28px;
	font-weight: 500
}

.portfolio .pf_info .set {
	float: right;
	width: 90px;
	color: #555;
	padding: 7px 0;
	border: 1px #ddd solid;
	border-radius: 50px;
	margin: 10px 7px 0 0;
	text-align: center;
	cursor: pointer
}

.portfolio .pf_info .set:hover {
	font-weight: 500;
	color: #000;
	border: 1px #555 solid;
}

.portfolio .pf_info .data {
	float: right;
	width: 90px;
	color: #555;
	padding: 7px 0;
	border: 1px #ddd solid;
	border-radius: 50px;
	margin: 10px 7px 0 0;
	text-align: center;
	cursor: pointer
}

.portfolio .pf_info .data:hover {
	font-weight: 500;
	color: #000;
	border: 1px #555 solid;
}

.portfolio .pf_info .id {
	float: left;
	color: #999;
	margin-top: 15px;
	padding-left: 3px;
}

.portfolio .pf_info .intro {
	color: #333;
	margin-top: 30px;
}

.portfolio .pf_info .skill {
	cursor: pointer
}

.portfolio .pf_info .skill li {
	float: left;
	color: #555;
	padding: 3px 10px;
	border: 1px #ddd solid;
	border-radius: 50px;
	margin: 15px 7px 0 0;
	font-size: 12px
}

.portfolio .portfolio_tab {
	padding: 10px 0;
	position: relative
}

.portfolio .portfolio_tab ul {
	display: flex;
	align-items: center;
	width: 100%;
	overflow-x: auto;
	border-top: 1px #ddd solid;
}

.portfolio .portfolio_tab li {
	position: relative;
	width: 100%;
	min-width: 100px;
	padding: 15px 0;
	text-align: center;
	font-size: 16px;
	color: #888;
	cursor: pointer;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px;
}

.portfolio .portfolio_tab li:hover {
	color: #222;
}

.portfolio .tab_active {
	color: #444 !important;
	border-top: 1px #333 solid !important;
	font-weight: bold;
}

.portfolio .portfolio_tab_my {
	padding: 10px 0;
	margin-top: 50px
}

.portfolio .portfolio_tab_my li {
	float: left;
	width: 20%;
	background-color: #f1f1f1;
	padding: 10px 0;
	;
	text-align: center;
	font-size: 15px;
	color: #888;
	cursor: pointer;
	border-right: 1px #fff solid;
	font-weight: 400
}

.portfolio .portfolio_tab_my li:hover {
	color: #fff;
	background-color: #44b6ad
}

.portfolio .pf_main_data {
	background-color: #f6f6f6;
	color: #888;
	padding: 30px;
	border: 1px #888 solid;
	margin: 20px 0;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px;
	font-size: 13px
}

.portfolio .pf_main_data li {
	float: left;
	width: 20%
}

.portfolio .pf_main_data li .title {
	text-align: center
}

.portfolio .pf_main_data li .num {
	text-align: center;
	font-size: 20px;
	margin-top: 5px;
	color: #44b6ad;
	font-weight: 500;
	font-family: Montserrat
}

.portfolio .pf_main_data li .num span {
	font-size: 13px;
	font-family: 맑은 고딕
}

.pt_all {
	position: relative;
}

.community_box {
	position: absolute;
	top: 480px;
	right: 30px;
	width: 270px;
	z-index: 9999
}

.community_box .commu_c {
	position: relative;
	border: 1px #ddd solid;
	border-radius: 10px;
	padding: 20px 23px;
	box-sizing: border-box;
	background-color: #f7f7f7;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px;
}

.community_box .commu_c button {
	position: absolute;
	left: 50%;
	bottom: -15px;
	transform: translateX(-50%);
	width: 86px;
	height: 34px;
	background: #44bdc9;
	color: #fff;
	text-align: center;
	border-radius: 100px;
}

.commu_c ul li {
	width: 220px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #555;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 10px;
	cursor: pointer;
}

.c_circle {
	width: 3px;
	height: 3px;
	margin-right: 5px;
	border-radius: 100px;
	background: #ff4f71;
	display: inline-block;
}

.commu_c ul li span {
	display: block;
	color: #a2a2a2;
	font-size: 13px;
	font-weight: 300;
	margin-left: 10px;
}

.portfolio .pf_log {
	;
	border-bottom: 1px #eee solid;
	padding: 20px 0
}

.portfolio .pf_log .img {
	float: left;
	width: 140px;
	height: 80px;
	margin-right: 20px
}

.portfolio .pf_log .img img {
	width: 100%;
	height: 100%
}

.portfolio .pf_log .text {
	float: left;
	display: table-cell;
	vertical-align: middle;
}

.portfolio .pf_log .text .name {
	font-size: 13px;
}

.portfolio .pf_log .text .date {
	color: #999;
	font-size: 12px;
	margin-left: 10px
}

.portfolio .pf_log .text .log_c {
	float: left;
	margin-top: 5px;
	color: #333;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px;
	font-size: 13px
}

.portfolio .pf_log .text .log_c span {
	color: #c73d4d
}

.portfolio .pf_log .log_icon {
	float: right;
	margin-top: 20px;
	color: #ddd
}

.portfolio .portfolio_tab_new {
	position: absolute;
	top: 8px;
	left: calc(50% + 16px);
	transform: translateX(-50%);
}


.pf_img_input_btn {
	width: 200px;
	margin: 50px auto;
	border-radius: 10px;
	border: 1px #666 solid;
	padding: 40px 0;
	text-align: center;
	cursor: pointer;
	color: #555;
	box-shadow: 0 0 5px #ddd
}

.pf_img_input_btn:hover {
	background-color: #ffba3b;
	color: #fff;
	border: 1px #ffba3b solid
}

.pf_img_input_btn .text {
	margin-top: 10px;
	font-weight: bold;
	font-size: 15px;
	border: 0 !important;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px
}

.pf_img_input_btn i {
	font-size: 40px
}


.pf_img_input_btn_b {
	width: 200px;
	margin: 20px auto;
	border-radius: 10px;
	border: 1px #777 solid;
	padding: 40px 0;
	text-align: center;
	cursor: pointer;
	color: #555;
	box-shadow: 0 0 5px #ddd
}

.pf_img_input_btn_b:hover {
	background-color: #1a63aa;
	color: #fff;
	border: 1px #1a63aa solid
}

.pf_img_input_btn_b .text {
	margin-top: 10px;
	font-weight: bold;
	font-size: 16px;
	border: 0 !important;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px
}

.pf_img_input_btn_b i {
	font-size: 40px
}


.portfolio .pf_image_edit {
	width: 60%;
	margin: 20px auto;
}

.portfolio .pf_image_edit .pf_image_edit_list {
	width: 100%;
	position: relative;
}

.portfolio .pf_image_edit .pf_image_edit_list td {
	border-bottom: 1px #ddd solid;
	padding: 15px 0
}

.portfolio .pf_image_edit .pf_image_edit_list td.check {
	width: 40px;
	color: #ddd;
	font-size: 20px
}

.portfolio .pf_image_edit .pf_image_edit_list td.img {
	width: 140px;
	height: 140px
}

.portfolio .pf_image_edit .pf_image_edit_list td.img img {
	width: 100%;
}

.portfolio .pf_image_edit .pf_image_edit_list td.text {
	padding: 0 20px
}

.portfolio .pf_image_edit .pf_image_edit_list td.text .code {
	color: #999;
	font-size: 13px;
}

.portfolio .pf_image_edit .pf_image_edit_list td.text .title {
	margin: 10px 0;
	background-color: #f9f9f9;
	border: 1px #ddd solid;
	padding: 10px;
	font-size: 13px;
}

.portfolio .pf_image_edit .pf_image_edit_list td.text .title input {
	border: 0;
	background-color: #f9f9f9;
	font-size: 13px;
	color: #555;
	font-weight: bold;
}

.portfolio .pf_image_edit .pf_image_edit_list td.text .list_tag {
	background-color: #f9f9f9;
	padding: 10px;
	font-size: 13px;
	border: 1px #ddd solid;
}

.portfolio .pf_image_edit .pf_image_edit_list td.text .list_tag input {
	border: 0;
	background-color: #f9f9f9;
	font-size: 13px;
	color: #777
}

.portfolio .pf_image_edit .pf_image_edit_list td.state {}

.portfolio .pf_image_edit .pf_image_edit_list td.state select {
	margin-top: 10px;
	font-size: 12px
}

.portfolio .pf_image_edit .pf_image_edit_list td.icon {
	font-size: 20px;
	color: #ccc;
	letter-spacing: 8px;
	text-align: right
}

.portfolio .pf_image_edit .pf_image_edit_list td.icon i {
	cursor: pointer
}

.portfolio .pf_image_edit .pf_image_edit_list td.icon i:hover {
	color: #777
}

.portfolio .pf_contents_edit {
	width: 60%;
	margin: 20px auto;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px
}

.portfolio .pf_contents_edit .pf_image_edit_list {
	width: 100%;
	position: relative;
}

.portfolio .pf_contents_edit .pf_image_edit_list td {
	border-bottom: 1px #ddd solid;
	padding: 15px 0
}

.portfolio .pf_contents_edit .pf_image_edit_list td.check {
	width: 40px;
	color: #ddd;
	font-size: 20px
}

.portfolio .pf_contents_edit .pf_image_edit_list td.img {
	width: 140px;
	height: 140px
}

.portfolio .pf_contents_edit .pf_image_edit_list td.img img {
	width: 100%;
}

.portfolio .pf_contents_edit .pf_image_edit_list td.text {
	padding: 0 20px;
	width: 400px
}

.portfolio .pf_contents_edit .pf_image_edit_list td.text .code {
	color: #999;
	font-size: 13px;
}

.portfolio .pf_contents_edit .pf_image_edit_list td.text .title {
	margin: 10px 0;
	background-color: #f9f9f9;
	border: 1px #ddd solid;
	padding: 10px;
	font-size: 12px;
	font-weight: bold
}

.portfolio .pf_contents_edit .pf_image_edit_list td.text .list_tag {
	background-color: #f9f9f9;
	padding: 10px;
	font-size: 12px;
	color: #777;
	border: 1px #ddd solid;
}

.portfolio .pf_contents_edit .pf_image_edit_list td.state {
	font-size: 12px;
	color: #555
}

.portfolio .pf_contents_edit .pf_image_edit_list td.state select {
	margin-top: 10px;
	font-size: 12px;
}

.portfolio .pf_contents_edit .pf_image_edit_list td.icon {
	font-size: 18px;
	color: #ccc;
	letter-spacing: 5px;
	text-align: right
}

.portfolio .pf_contents_edit .pf_image_edit_list td.icon .portfolio .pf_contents_edit .pf_image_edit_list td.icon i {}

.portfolio .pf_contents_edit .pf_image_edit_list td.icon i:hover {
	color: #555;
	cursor: pointer
}

.portfolio .pf_contents_edit .pf_image_edit_list td .price {
	font-size: 13px;
	font-weight: 500;
	margin-top: 15px
}

.image .pf_image_mode {
	line-height: 20px;
	padding: 8px 0;
	background-color: #fff;
	border-radius: 50px;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px;
}

.image .pf_image_mode_set {
	float: left;
	color: #999;
	cursor: pointer;
	width: 100px;
	text-align: center;
}

.image .pf_image_mode_set:hover {
	color: #444;
}

.image .pf_image_mode_line {
	float: left;
	margin: 0 15px;
	font-size: 10px;
	color: #999;
	margin-top: 2px
}

.image .pf_image_mode_list {
	float: left;
	color: #999;
	cursor: pointer;
	width: 100px;
	text-align: center
}

.image .pf_image_mode_list:hover {
	color: #444;
}

.image .iSchWrap #iSchText:focus {
	outline: none !important;
}

.mode_active {
	color: #444 !important;
	font-weight: bold;
	background-color: #fff;
}

.author_popup {
	position: absolute;
	z-index: 99;
}

.popimg_close {
	text-align: right;
	font-weight: 500;
	color: #555;
	cursor: pointer;
}


.pf_top {
	padding: 13px 15px;
	background-color: #333;
	color: #f1f1f1
}

.pf_top ul.pf_t_my {
	float: left;
}

.pf_top ul.pf_t_my li {
	float: left;
	color: #aaa;
	margin: 0 3px;
	font-size: 12px;
	cursor: pointer
}

.pf_top ul.pf_t_my li:hover {
	color: #fff
}

.pf_top ul.pf_t_my li i {
	font-size: 20px;
	cursor: pointer;
}

.pf_top ul.pf_t_menu {
	float: right;
}

.pf_top ul.pf_t_menu li {
	float: left;
	color: #aaa;
	margin: 0 10px;
	font-family: 맑은 고딕;
	font-size: 13px;
	cursor: pointer;
	letter-spacing: -0.5px;
}

.pf_top ul.pf_t_menu li:hover {
	color: #ffbe41;
	font-weight: bold
}

.pt_comm_tab {
	margin: 50px auto;
	width: 360px;
}

.pt_comm_tab ul {
	display: flex;
	justify-content: space-between
}

.pt_comm_tab ul li {
	display: inline-block;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	color: #555;
	border-bottom: 2px #fff solid;
	font-size: 15px
}

.pt_comm_tab ul li:hover {
	border-bottom: 2px #44b6ad solid;
	font-weight: 500;
	color: #111
}

.pt_comm_tab ul li:on {
	border-bottom: 2px #44b6ad solid;
	font-weight: 500;
	color: #111
}

.pf_comm_veiw {}

.pf_comm_veiw .pfc_v_title {
	font-size: 20px;
	font-weight: 500;
	border-bottom: 1px #555 solid;
	padding: 15px 0
}

.pf_comm_veiw .pfc_v_c {
	font-size: 15px;
	min-height: 300px;
	;
	border-bottom: 1px #555 solid;
	padding: 20px 0
}

.pfc_v_btn {
	width: 150px;
	padding: 6px 0;
	margin: 30px auto;
	font-weight: 500
}

.pro_table_c_form {
	width: 100%;
	border-top: 2px solid #333;
	font-size: 13px;
	text-align: center;
}

.pro_table_c_form td {
	padding: 25px 0;
	color: #999;
	border-bottom: 1px solid #ddd;
	font-size: 13px
}

.pro_table_c_form td.message_c {
	color: #111;
	text-align: left
}

.pro_table_c_form td.check_after {
	color: #d60000;
	font-weight: 500;
	cursor: pointer
}

.pro_table_c_form td .id {
	color: #298a95;
	cursor: pointer
}


.pt_tit_wrap {
	margin-top: 35px;
	border-bottom: 2px solid #333;
	height: 35px;
}

.pt_tit_wrap .pt_tit {
	font-size: 15px !important;
	font-weight: 400;
	display: inline-block;
	padding-left: 11px;
	padding-right: 11px;
	margin-left: -3px !important;
}

.pt_tit_wrap .pt_tit:first-child {
	margin-left: 0 !important;
}

.pt_tit_wrap span {
	font-size: 13px;
	font-weight: 300;
	color: #999;
}

.acc_wrap {
	width: 100%;
	overflow: auto;
}

.acc_datewrap {
	margin: 15px 0;
	overflow: hidden;
}

.acc_datewrap .acc_datebox {
	float: right;
}

.acc_datewrap .acc_datebox select {
	width: 75px;
	height: 28px;
	border: 1px solid #ddd;
	font-size: 13px;
}

.acc_datewrap .acc_datebox .acc_date_search {
	display: inline-block;
	font-size: 13px;
	width: 56px;
	height: 28px;
	line-height: 28px;
	vertical-align: top;
	color: #fff;
	text-align: center;
	background: #333;
}

.pro_table_form {
	width: 850px;
	border-top: 1px solid #ddd;
	text-align: center;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px;
}

.pro_table_form thead th {
	padding: 12px 0;
	color: #555;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	;
	font-size: 13px
}

.pro_table_form tbody td {
	padding: 30px 0;
	color: #777;
	;
	border-bottom: 1px solid #ddd;
	font-size: 12px
}

.total_ptdata {}

.total_ptdata .ptdata_table {
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin-top: 30px;
	font-size: 13px;
	text-align: center;
}

.total_ptdata .ptdata_table td {
	width: 30%;
	padding: 8px 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.total_ptdata .ptdata_table .title {
	width: 20%;
	font-weight: 400;
	background: #f7f7f7;
}

.ptdata_table {
	margin-bottom: 70px;
}

.standing_tit {
	padding-left: 0 !important;
}

.standing_txt {
	text-align: left;
	padding-left: 8px;
}

.sell_search_range {
	margin-top: 25px;
	margin-bottom: 50px;
}

.sell_search_range .sell_range_wrap {
	border: 1px solid #ddd;
	padding: 28px 0 16px 28px;
	box-sizing: border-box;
}

.sell_search_range .sell_range_wrap .sell_search_tt {
	color: #999;
	font-weight: 400;
}

.sell_search_range .sell_search_btn {
	margin-top: 15px;
	text-align: center;
}

.sell_search_range .sell_search_btn button {
	width: 88px;
	padding: 8px 0;
	color: #fff;
	background: #333;
}

.sell_tit_wrap h2 {
	cursor: pointer;
	margin: 0 !important;
}

.sell_tit_wrap h2:hover {
	display: inline !important;
	color: #44b6ad
}

.sell_tit {
	color: #888;
}

.sell_tit_active {
	display: inline !important;
	color: #44b6ad !important;
	border-bottom: 2px solid #44b6ad;
	padding-bottom: 13px;
}

.selldata_table {
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin-top: 30px;
	font-size: 13px;
}

.selldata_table td {
	width: 25% !important;
	padding: 25px 15px !important;
	text-align: right;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: 400;
	font-size: 14px;
	color: #333
}

.selldata_table .title {
	width: 25% important;
	text-align: left;
	font-weight: 300;
	background: #f7f7f7;
	color: #777;
	font-size: 13px
}

.sell_imgwrap {
	text-align: left;
}

.sell_imgwrap .sell_imgbox {
	width: 60px;
	display: inline-block;
	margin-right: 5px;
}

.sell_imgwrap .sell_imgbox img {
	width: 100%;
}

.sell_imgwrap .sell_imgtit {
	display: inline-block;
	color: #222;
	font-size: 13px;
	cursor: pointer
}

.sell_imgwrap .sell_code {
	display: block;
	color: #44b6ad;
	font-size: 12px;
}

.image_submit {
	width: 850px;
	margin: 50px auto
}

.image_submit .title {
	border-bottom: 1px #ddd solid;
	padding: 15px 0
}

.image_submit .title input {
	border: 0;
	font-size: 20px;
	width: 100%;
	font-weight: 300
}

.image_submit .img {
	width: 700px;
	margin: 30px 0;
	;
	position: relative
}

.image_submit .img_re {
	position: absolute;
	left: 50%;
	top: 45%;
	font-size: 90px;
	color: #fff;
	;
	transform: translateX(-50%);
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70)
}

.image_submit .img img {
	width: 100%;
}

.image_submit .text {
	border: 1px #ddd solid;
}

.image_submit .text textarea {
	border: 0;
	width: 818px;
	padding: 15px;
	font-size: 15px
}

.image_submit .btn_next {
	float: left;
	width: 150px;
	padding: 10px 0;
	margin: 30px 2px;
	text-align: center;
	font-weight: 500;
	font-size: 15px
}

.image_submit .btn_next2 {
	width: 150px;
	padding: 10px 0;
	margin: 30px 2px;
	text-align: center;
	font-weight: 500;
	font-size: 15px
}

.image_file_c {
	text-align: center;
	margin-bottom: 20px
}

.image_submit .ii_select {
	margin: 20px 0;
	width: 100%;
	border-top: 1px #ccc solid
}

.image_submit .ii_select td {
	padding: 15px;
	border-bottom: 1px #ccc solid;
}

.image_submit .ii_select th {
	background-color: #f9f9f9;
	padding: 15px;
	border-bottom: 1px #ccc solid;
	text-align: left
}

.image_submit .submit2_title {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 40px;
	border-bottom: 1px #ddd solid;
	padding-bottom: 10px
}

.image_submit .submit2_stitle {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	margin: 10px 0
}

/* .image_submit .bible_s_btn {position:absolute;left:310px;top:47px;font-size:14px;font-weight:500;padding:8px 20px;border-radius:5px} */
.image_submit .bible_s_btn {
	font-size: 14px;
	font-weight: 500;
	padding: 8px 20px;
	border-radius: 5px;
}

.bible_s2_btn {
	font-size: 14px;
	font-weight: 500;
	padding: 6px 0;
	width: 150px;
	border-radius: 5px
}

.image_submit .submit2_tag {
	margin-bottom: 30px
}

.image_submit .submit2_tag li {
	float: left;
	border: 1px #ddd solid;
	text-align: center;
	border-radius: 30px;
	padding: 5px 15px;
	margin: 7px 7px 3px 0;
	color: #777;
	cursor: pointer
}

.image_submit .submit2_tag li:hover {
	border: 1px #fa3062 solid;
	color: #fa3062;
	transition: all ease 0.3s;
}

.image_submit .submit2_tag2 {
	margin-bottom: 30px
}

.image_submit .submit2_tag2 li {
	float: left;
	border: 1px #ddd solid;
	text-align: center;
	border-radius: 30px;
	padding: 5px 15px;
	margin: 7px 7px 3px 0;
	color: #777;
	cursor: pointer
}

.image_submit .submit2_tag2 li:hover {
	border: 1px #fa3062 solid;
	color: #fa3062;
	transition: all ease 0.3s;
}

.image_submit .submit2_title {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 40px;
	border-bottom: 1px #ddd solid;
	padding-bottom: 10px
}

.image_submit .submit2_stitle {
	font-size: 18px;
	font-weight: 500;
	margin: 10px 0
}

.image_submit .submit2_tag {
	margin-bottom: 30px
}

.image_submit .submit2_tag li {
	float: left;
	border: 1px #ddd solid;
	text-align: center;
	border-radius: 30px;
	padding: 5px 15px;
	margin: 7px 7px 3px 0;
	color: #777;
	cursor: pointer
}

.image_submit .submit2_tag li:hover {
	border: 1px #fa3062 solid;
	color: #fa3062
}

.contents_submit {
	width: 850px;
	margin: 50px auto
}

.contents_submit .title {
	border-bottom: 1px #ddd solid;
	padding: 15px 0
}

.contents_submit .stitle {
	font-size: 16px;
	font-weight: 500
}

.contents_submit .title input {
	border: 0;
	font-size: 22px;
	width: 100%;
	font-weight: 400;
	font-family: noto sans kr;
}

.contents_submit .img {
	width: 300px;
	margin: 60px auto;
	;
	position: relative;
}

.contents_submit .img_re {
	position: absolute;
	left: 50%;
	top: 25%;
	font-size: 90px;
	color: #fff;
	;
	transform: translateX(-50%);
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70)
}

.contents_submit .img img {
	width: 100%;
	border: 1px #ddd solid
}

.contents_submit .img_text {
	text-align: center;
	color: #888;
	margin: 20px 0;
	font-size: 13px
}

.contents_submit .c_submit_table {
	width: 100%
}

.contents_submit .c_submit_table td {
	padding: 10px 0
}

.contents_submit .c_submit_table td select {
	width: 200px;
	border: 1px #ccc solid;
	padding: 5px
}

/* .contents_submit .c_submit_table td input {width:170px;border:1px #ccc solid;padding:5px} */
.contents_submit .c_submit_table td input[type=text] {
	width: 170px;
	border: 1px #ccc solid;
	padding: 5px
}

.contents_submit .text {
	border: 1px #ddd solid;
	margin: 20px 0
}

.contents_submit .text textarea {
	border: 0;
	width: 668px;
	padding: 15px;
	font-size: 15px
}

.contents_submit .btn_next {
	float: left;
	width: 130px;
	padding: 10px 0;
	margin: 30px 2px;
	text-align: center;
	font-weight: 500;
	font-size: 14px
}

.contents_submit .btn_next2 {
	width: 130px;
	padding: 10px 0;
	margin: 30px 2px;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
}

.contents_submit .ii_select {
	margin: 20px 0;
	width: 100%;
	border-top: 1px #ccc solid
}

.contents_submit .ii_select td {
	padding: 15px;
	border-bottom: 1px #ccc solid;
}

.contents_submit .ii_select th {
	background-color: #f9f9f9;
	padding: 15px;
	border-bottom: 1px #ccc solid;
	text-align: left
}

.add_pay_brand {
	display: inline block;
	padding: 7px 10px;
	background-color: #333;
	color: #fff;
	font-size: 12px
}

.add_pay_brand:hover {
	color: #fff;
	background-color: #666
}

.add_pay_brand_c {
	margin-top: 7px;
	font-size: 12px;
}

.pay_id_del {
	font-size: 20px
}

.contents_submit .submit2_title {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 40px;
	border-bottom: 1px #ddd solid;
	padding-bottom: 10px
}

.contents_submit .submit2_stitle {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	margin: 10px 0
}

.contents_submit .bible_s_btn {
	position: absolute;
	left: 90px;
	top: 30px;
	font-size: 12px;
	font-weight: 500;
	padding: 6px 10px;
	border-radius: 5px
}

.contents_submit .bible_s_btn2 {
	font-size: 12px;
	font-weight: 500;
	padding: 6px 10px;
	border-radius: 5px;
	height: 38px;
}

.contents_submit .submit2_tag {
	margin-bottom: 30px
}

.contents_submit .submit2_tag li {
	float: left;
	border: 1px #ddd solid;
	text-align: center;
	border-radius: 30px;
	padding: 5px 15px;
	margin: 7px 7px 3px 0;
	color: #777;
	cursor: pointer
}

.contents_submit .submit2_tag li:hover {
	border: 1px #fa3062 solid;
	color: #fa3062
}


.con_file_list {
	border: 1px #ccc solid;
	padding: 15px 30px;
}

.con_file_list .cfl_icon {
	float: left;
}

.con_file_list .cfl_text {
	float: left;
	margin-left: 30px
}

.con_file_list .cfl_text .cfl_text_t {
	font-size: 15px;
	font-weight: 500
}

.con_file_list .cfl_text .cfl_text_st {
	font-size: 12px;
	color: #777
}

.con_file_list .cfl_close {
	float: right;
	font-size: 20px;
	cursor: pointer;
	margin-top: 15px
}

/*콘텐츠*/
/*.contents {position:relative;width:100%;min-height:2400px;padding-bottom:40px;}*/
.contents {
	position: relative;
	width: 100%;
	min-height: 2400px;
	padding-bottom: 40px;
}

.contents .content_area {
	width: 100%;
	padding-left: 152px;
}

.contents .content_area .cont_top {
	position: relative;
	width: 100%;
	height: 75px;
	border-bottom: 1px #ccc solid;
	padding: 25px 30px;
}

.contents .content_area .cont_top .cart {
	position: relative;
	float: right;
	font-size: 22px;
	color: #555;
	margin: 25px 0
}

.contents .content_area .cont_top .cart_num {
	position: absolute;
	top: 5px;
	left: 10px;
	background-color: #6313ff;
	color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: 500;
	text-align: center
}

.contents .content_area .cont_top .folder {
	position: relative;
	float: right;
	color: #555;
	margin: 18px 0px 20px 0px;
}

.contents .content_area .cont_top .folder .my_conts {
	display: inline-block;
	margin-top: 5px;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	margin-left: 15px;
}

.contents .content_area .cont_top .cash {
	position: relative;
	float: right;
	font-size: 22px;
	color: #555;
	margin: 21px 50px 25px 0;
	color: #bd081c;
	font-weight: 500;
	font-size: 14px
}

.contents .content_area .cont_top .search {
	float: left;
	font-weight: 500;
	margin: 27px 10px 0 27px;
	font-size: 16px
}

.contents .content_area .cont_top .search_bar {
	float: left;
	border: 1px #999 solid;
	border-radius: 20px;
	padding: 7px 15px;
	margin-top: -5px;
}

.contents .content_area .cont_top .search_bar input {
	border: 0
}

.contents .content_area .cont_top .search_bar i {
	cursor: pointer
}

.contents .content_area .cont_top .search_text {
	float: left;
	padding-left: 20px
}

.contents .content_area .cont_top .search_text li {
	float: left;
	font-size: 16px;
	font-weight: 600;
	margin: 0 10px;
	cursor: pointer
}

.contents .content_area .cont_top .search_text li i {
	margin-left: 5px;
	font-size: 14px
}

.contents .content_area .cont_top .search_text li.bar {
	font-weight: 300 !important
}

.contents .content_area .cont_top .search_text li.add_menu {
	font-weight: 500;
	font-size: 15px;
}

.contents .content_main .cont_top .search_text {
	float: left;
	padding-left: 20px
}

.contents .content_main .cont_top .search_text li {
	float: left;
	font-size: 16px;
	font-weight: 700;
	margin: 0 10px;
	cursor: pointer
}

.contents .content_main .cont_top .search_text li i {
	margin-left: 5px;
	font-size: 14px;
}

.contents .content_main .cont_top .search_text li.bar {
	font-weight: 300 !important
}

.contents .content_main .cont_top .search_text li.add_menu {
	font-weight: 500;
	font-size: 15px;
}

.contents .cate_area {
	position: absolute;
	left: 0;
	top: 0;
	width: 152px;
	min-height: 100%;
	background-color: #3c78d0;
	color: #fff
}

.contents .cate_area .cate li {
	padding: 17px 15px;
	border-bottom: 1px #71abe4 solid;
	font-weight: 400;
	font-size: 13px;
	cursor: pointer;
	font-family: 맑은 고딕;
	letter-spacing: -1px;
}

.contents .cate_area .cate li i {
	width: 18px
}

.contents .cate_area .cate li.active,
.contents .cate_area .cate li:hover {
	background-color: #fff;
	color: #111
}

.contents .cate_area .cate_ad {
	margin: 15px;
}

.contents .cate_area .cate_ad img {
	width: 100%;
}

.contents .cate_area .cate_flat {
	background-color: #f5f5f5;
	color: #333;
	border-right: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	padding: 20px 0
}

/* .contents .cate_area .cate_flat .d_day {text-align:center;font-size:30px;color:#fa3030;font-weight:600;padding-top:20px;} */
.contents .cate_area .cate_flat .d_day {
	text-align: center;
	font-size: 25px;
	color: #fa3030;
	font-weight: 600;
}

.contents .cate_area .cate_flat .num {
	text-align: center
}

.contents .cate_area .cate_flat .flat_info {
	text-align: center;
	padding: 5px 0;
	border: 1px #7da6cf solid;
	color: #3c78d0;
	margin: 10px 15px 0 15px;
	font-size: 12px;
	font-weight: 600;
}

.contents .content_area .cont_area {
	width: 100%;
	padding-right: 330px;
	min-height: 2300px
}

.contents .content_area .cont_area .cont {
	width: 100%;
	padding: 30px 40px;
}

.contents .content_area .cont_area .cont .title {
	float: left;
	font-size: 23px;
	font-weight: 500;
}

.contents .content_area .cont_area .cont .brand {
	position: relative;
	float: right;
	border: 1px #555 solid;
	padding: 10px 15px;
	font-weight: 500;
	font-size: 15px;
	cursor: pointer
}

.contents .content_area .cont_area .cont .down_btn {
	position: absolute;
	top: 220px;
	left: -230px;
	width: 400px
}

.contents .content_area .cont_area .cont .down_btn li {
	float: right;
	margin-right: 9px
}

.contents .content_area .cont_area .cont .down_btn li.buy {}

.contents .content_area .cont_area .cont .down_btn li.buy:hover {}

.contents .content_area .cont_area .cont .down_btn li.cart {}

.contents .content_area .cont_area .cont .down_btn li.cart:hover {}

.contents .content_area .cont_area .cont .down_btn li.cok {}

.contents .content_area .cont_area .cont .down_btn li.cok:hover {}

.contents .content_area .cont_area .cont .code {
	color: #888;
	margin: -5px 0 25px 0;
	font-size: 13px;
}

.contents .content_area .cont_area .cont .img {
	float: left;
	width: 200px;
}

.contents .content_area .cont_area .cont .img img {
	width: 100%
}

.contents .content_area .cont_area .cont .info_area {
	float: left;
	margin-left: 50px;
}

.contents .content_area .cont_area .cont .info_area .info_t {
	float: left;
	width: 130px;
	padding-bottom: 5px;
	font-weight: 700
}

.contents .content_area .cont_area .cont .info_area .info_c {
	float: left;
	width: 130px;
	padding-bottom: 5px;
	font-weight: 400;
	color: #777
}

/*
.contents .content_area .cont_area .cont .info_area .tag {margin-top:10px;width:450px;}
.contents .content_area .cont_area .cont .info_area .tag li {float:left;text-align:center;border:1px #aaa solid;color:#888;border-radius:30px;margin:0 5px 5px 0;padding:3px 10px;font-size:12px;cursor:pointer}
*/
.contents .content_area .cont_area .cont .info_area .tags {
	margin-top: 10px;
	width: 450px;
}

.contents .content_area .cont_area .cont .info_area .tags li {
	float: left;
	text-align: center;
	border: 1px #aaa solid;
	color: #888;
	border-radius: 30px;
	margin: 0 5px 5px 0;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer
}

.contents .content_area .cont_area .cont_detail {
	width: 100%;
	border-top: 1px #ccc solid
}

.contents .content_area .cont_area .cont_detail_warp {
	width: 750px;
	margin: 0 auto
}

.contents .content_area .cont_area .cont_detail_warp .tab {
	margin-top: -1px
}

.contents .content_area .cont_area .cont_detail_warp .tab li {
	float: left;
	width: 33%;
	border-top: 1px #ccc solid;
	text-align: center;
	padding: 15px 0;
	font-size: 15px;
	font-weight: 400;
	color: #777;
	cursor: pointer
}

.contents .content_area .cont_area .cont_detail_warp .tab li:hover {
	color: #111;
	border-top: 1px #111 solid
}

.contents .content_area .cont_area .cont_detail_warp .tab li.hover {
	color: #111;
	border-top: 1px #111 solid
}

.contents .content_area .cont_area .cont_detail_warp .license {
	border: 1px #ccc solid;
	padding: 30px;
	margin-top: 30px;
	color: #777;
	margin-bottom: 80px
}

.contents .content_area .cont_area .cont_detail_warp .license .license_t {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px;
	display: block;
	color: #333;
}

.contents .content_area .cont_area .cont_detail_warp .detail_view {
	margin: 20px 0
}

.contents .content_area .cont_area .cont_detail_warp .detail_view img {
	max-width: 100%;
	height: auto !important;
	object-fit: contain;
}

.contents .content_area .cont_area .cont_detail_ad {
	width: 750px;
	margin: 80px auto
}

.contents .content_area .cont_area .cont_detail_ad img {
	width: 100%
}

.contents .free_con {
	color: #fa4941;
	margin-left: 10px;
	font-weight: bold
}

.contents .ad_area {
	position: absolute;
	right: 0;
	top: 76px;
	;
	width: 330px;
	height: calc(100% - 76px);
	;
	border-left: 1px #ccc solid;
	background-color: #f5f5f5
}

.contents .ad_area .ad {
	margin: 20px 20px 30px 20px;
	cursor: pointer;
}

.contents .ad_area .ad img {
	width: 100%
}

.contents .ad_area .ad_t {
	font-size: 17px;
	font-weight: 500;
	margin: 30px 20px 10px 20px
}

@media (max-width: 1500px) {
	.contents .ad_area {
		display: none
	}

	.contents .content_area .cont_area {
		width: 100%;
		padding-right: 0
	}

	.community_box {
		display: none;
	}
}

/*콘텐츠메인*/
.contents .content_main {
	width: 100%;
	padding-left: 152px;
	padding-right: 330px;
}

.contents .content_main .cont_top {
	position: relative;
	width: 100%;
	height: 75px;
	border-bottom: 1px #ccc solid;
	padding: 25px 30px;
}

.contents .content_main .cont_top .cart {
	position: relative;
	float: right;
	font-size: 22px;
	color: #555;
	margin: 20px 0
}

.contents .content_main .cont_top .cart_num {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #3c78d0;
	color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: 500;
	text-align: center
}

.contents .content_main .cont_top .folder {
	position: relative;
	float: right;
	font-size: 22px;
	color: #555;
	margin: 0 0px 20px 0px
}

.contents .content_main .cont_top .folder .my_conts {
	font-size: 14px;
	font-weight: 400;
	margin-left: 15px;
}

.contents .content_main .cont_top .cash {
	position: relative;
	float: right;
	font-size: 22px;
	color: #555;
	margin: 0 50px 25px 0;
	color: #bd081c;
	font-weight: 600;
	font-size: 15px
}

.contents .content_main .cont_top .search {
	float: left;
	font-weight: 500;
	margin: 0 10px 0 27px;
	font-size: 16px
}

.contents .content_main .cont_top .search_bar {
	float: left;
	border: 1px #999 solid;
	border-radius: 20px;
	padding: 7px 15px;
	margin-top: -5px;
}

.contents .content_main .cont_top .search_bar input {
	border: 0
}

.contents .content_main .cont_top .search_bar i {
	cursor: pointer
}

.charge_bar {
	display: inline-block;
	width: 1px;
	height: 13px;
	margin-left: 5px;
	margin-right: 8px;
	background: #9f9f9f;
}

.cash_noti {
	font-family: 'Noto Sans Kr';
	color: #000;
	font-size: 14px;
	font-weight: 400;
}

.btn_charge {
	float: right;
	height: 24px;
	line-height: 23px;
	margin-left: 10px;
	font-size: 13px;
	border-radius: 100px;
	text-align: center;
	padding: 0 12px;
	background: #3c78d0;
	color: #fff;
	font-weight: 400;
	cursor: pointer
}

@media (max-width:1200px) {
	.contents .content_main .cont_top .search_bar input {
		;
		width: 150px
	}
}


.contents .content_main .cont_main_area .slide {
	float: left;
	width: 70%;
	background-color: #ffd451;
	text-align: center;
}

.contents .content_main .cont_main_area .today {
	float: left;
	width: 30%;
	border-bottom: 1px #ccc solid;
	height: 413px;
}

.contents .content_main .cont_main_area .today .title {
	text-align: center;
	font-size: 31px;
	font-weight: 600;
	margin-top: 40px
}

.contents .content_main .cont_main_area .today .stitle {
	text-align: center;
	font-size: 18px;
	font-weight: 400
}

.contents .content_main .cont_main_area .today .img {
	width: 60%;
	margin: 20px auto
}

.contents .content_main .cont_main_area .today .img img {
	width: 100%;
	border-radius: 50%
}

.contents .content_main .cont_main_area .banner {
	float: left;
	width: 50%;
	height: 141px;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	text-align: center
}

.contents .content_main .cont_main_area .curri {
	padding: 50px;
	background-color: #f5f5f5;
	border-bottom: 1px #ccc solid
}

.contents .content_main .cont_main_area .curri .curri_t {
	font-size: 25px;
	font-weight: 500;
	margin-bottom: 25px;
}

.contents .content_main .cont_main_area .curri .curri_st {
	color: #888;
	font-size: 15px;
	font-weight: 300
}

.contents .content_main .cont_main_area .curri li {
	float: left;
	width: 17%;
	height: 17%;
	margin-right: 3%;
	margin-bottom: 3%;
	cursor: pointer
}

.contents .content_main .cont_main_area .curri li img {
	width: 100%;
}

.contents .content_main .cont_main_area .latest {
	float: left;
	width: 33%;
	height: 650px;
	padding: 50px;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
}

.contents .content_main .cont_main_area .con_main_list {
	margin-top: 18px
}

.contents .content_main .cont_main_area .con_main_list li {
	padding: 20px 0;
	border-bottom: 1px #ddd solid
}

.contents .content_main .cont_main_area .con_main_list li:last-child {
	border-bottom: 0
}

.contents .content_main .cont_main_area .con_main_list li .img {
	float: left;
	width: 25%;
}

.contents .content_main .cont_main_area .con_main_list li .img img {
	width: 100%;
}

.contents .content_main .cont_main_area .con_main_list li .text {
	float: left;
	width: 75%;
	padding-left: 15px
}

.contents .content_main .cont_main_area .con_main_list .text .title {
	font-size: 15px;
	;
	height: 20px;
	font-weight: 400;
	overflow: hidden
}

.contents .content_main .cont_main_area .con_main_list .text .name {
	;
	color: #999;
	margin-top: 5px;
	font-weight: 400;
}

.contents .content_main .cont_main_area .best {
	float: left;
	width: 33%;
	height: 650px;
	padding: 50px;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
}

.contents .content_main .cont_main_area .brand {
	float: left;
	width: 34%;
	height: 650px;
	padding: 50px;
	border-bottom: 1px #ccc solid;
}

.contents .content_main .cont_main_area .brand .brand_list {
	width: 100%;
	margin-top: 20px;
}

.contents .content_main .cont_main_area .brand .brand_list li {
	float: left;
	margin: 15px 0;
	width: 45%
}

.contents .content_main .cont_main_area .brand .brand_list li.right {
	float: right;
}

.contents .content_main .cont_main_area .brand .brand_list li img {
	width: 100%;
}

.contents .content_main .cont_main_area .main_list_title {
	font-size: 25px;
	font-weight: 500;
	text-align: center
}

.contents .content_main .cont_main_area .review {
	width: 100%;
	padding-bottom: 50px
}

.contents .content_main .cont_main_area .review .review_t {
	font-size: 25px;
	margin: 50px 50px 30px 50px
}

.contents .content_main .cont_main_area .review .review_list {
	margin-left: 50px;
}

.contents .content_main .cont_main_area .review .review_list li {
	float: left;
	width: 22%;
	height: 350px;
	border: 1px #ccc solid;
	margin-right: 3%;
	padding: 20px
}

.contents .content_main .cont_main_area .review .review_list li .goods {}

.contents .content_main .cont_main_area .review .review_list li .goods .img {
	float: left;
	width: 15%;
	height: 40px;
}

.contents .content_main .cont_main_area .review .review_list li .goods .img img {
	width: 100%;
	border-radius: 50%
}

.contents .content_main .cont_main_area .review .review_list li .goods .title {
	float: left;
	width: 85%;
	padding: 10px;
	font-weight: 500;
	height: 30px;
	overflow: hidden
}

.contents .content_main .cont_main_area .review .review_list li .review_img {
	margin: 20px auto;
	width: 100%
}

.contents .content_main .cont_main_area .review .review_list li .review_img img {
	width: 100%
}

.contents .content_main .cont_main_area .review .review_list li .review_c {
	margin: 10px 0;
	font-size: 13px
}


.contents .content_main .cont_main_area .nav {
	margin: 40px 0 30px 50px
}

.contents .content_main .cont_main_area .nav li {
	float: left;
	margin-right: 15px
}

.contents .content_main .cont_main_area .nav li select {
	padding: 3px 10px;
	margin-top: -6px;
	font-size: 14px;
	width: 200px;
}

.contents .process_area {
	position: absolute;
	right: 0;
	top: 0;
	width: 330px;
	height: 100%;
	border-left: 1px #ccc solid;
	background-color: #f5f5f5;
}

.contents .process_area .title {
	font-size: 16px;
	font-weight: 700;
	margin: 20px 30px
}

.contents .process_area .title span {
	font-size: 12px;
	color: #777;
	font-weight: 300
}

.contents .process_area .cp_list {
	margin: 30px
}

.contents .process_area .cp_list li {
	border: 1px #ccc solid;
	margin-bottom: 40px;
	background-color: #fff
}

.contents .process_area .cp_list li .img {
	padding: 15px
}

.contents .process_area .cp_list li .img img {
	width: 100%
}

.contents .process_area .cp_list li .cl_title {
	margin: 0 15px;
	height: 32px;
	font-weight: 500;
	font-size: 13px
}

.contents .process_area .cp_list li .cl_cate {
	color: #777;
	margin: 15px;
	font-size: 12px
}

.contents .process_area .cp_list li .cl_info_area {
	margin-top: 15px;
	color: #777;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	background-color: #f5f5f5;
	padding: 9px 0
}

.contents .process_area .cp_list li .cl_info_area span {
	margin-right: 15px
}

.contents .process_area .c_guide {
	height: 200px
}

.banner_ad img {
	cursor: pointer;
}

@media (max-width: 1500px) {
	.contents .process_area {
		display: none
	}

	.contents .content_main {
		padding-right: 0px
	}
}

.comment_v_area {
	padding: 10px 0;
	border-bottom: 1px #aaa solid;
}

.comment_v_area .comment_v_t {
	float: left;
	font-size: 19px;
	font-weight: 500
}

.comment_v_area .comment_v_btn {
	float: right;
	padding: 5px 15px;
	font-size: 13px;
	font-weight: 500
}

.shop .shop_list_with_t {
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 25px 20px
}

.shop .shop_view_tab {
	position: relative;
	height: 170px;
	margin-top: 20px;
	border-top: 1px #ddd solid
}

.shop .shop_view_tab_area {
	position: absolute;
	width: auto;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
}

.shop .shop_view_tab_area li {
	float: left;
	padding: 12px 30px;
	font-size: 16px;
	cursor: pointer;
	font-weight: 400;
	color: #999
}

.shop .shop_view_tab_area li:hover {
	border-bottom: 2px #000 solid;
	font-weight: 500;
	color: #111
}

.shop .shop_view_tab_area li.hover {
	border-bottom: 2px #000 solid;
	font-weight: 500;
	color: #111
}

.shop .shop_view_detail {
	width: 832px;
	margin: 0 auto
}

.shop .shop_view_detail img {
	max-width: 800px !important;
	margin: auto;
}

@media (max-width:800px) {
	.shop .shop_view_detail {
		width: 100%;
		margin: 0 auto
	}

	.portfolio .bg_img {
		height: 220px;
	}

	.portfolio .profile_img {
		top: 160px;
		width: 120px;
	}

	.portfolio .pf_info {
		padding: 60px 14px;
	}
}

.shop .shop_objet_view_detail {
	width: 100%;
	margin: 0 auto
}

.shop_view_l {
	float: left;
	width: 850px;
}

.shop_view_r {
	float: right;
	width: 285px;
}

.shop_view_o {
	display: block;
	width: 100%;
}

.shop_head {
	min-height: 490px;
}

.shop {
	width: 100%;
}

.shop .wrap {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

.shop .main_wrap {
	;
	position: relative;
	width: 1200px;
	;
	margin: 0 auto
}

.shop .s_top {
	height: 85px;
	position: relative
}

.shop .s_top .logo {
	position: absolute;
	left: 0;
	bottom: 0
}

.shop .s_top .search {
	float: left;
	border-bottom: 2px #333 solid;
	padding: 5px 0;
	margin: 0 0 0 400px;
}

.shop .s_top .search input {
	border: 0;
	width: 350px;
	height: 43px;
	padding-left: 3px;
}

.shop .s_top_cate .member {
	float: right;
	width: 130px;
}

.shop .s_top_cate .member li {
	position: relative;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #111;
	margin-left: 23px;
	line-height: 20px;
	;
	cursor: pointer
}

.shop .s_top_cate .member .cart_num {
	position: absolute;
	top: -8px;
	left: 26px;
	background-color: #bd081c;
	color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 11px;
	font-weight: 500;
	text-align: center
}

/*.shop .s_top_cate {padding:35px 0 30px 0;}*/
.shop .s_top_cate .all {
	width: 39px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	float: left;
	font-size: 14px;
	border: 1px #111 solid;
	font-weight: 700;
	;
	cursor: pointer;
	font-family: Raleway, serif;
	background-color: #111;
	color: #fff;
	border-radius: 100px;
	transition: 0.2s;
}

.shop .s_top_cate .all:hover {
	color: #111;
	border: 1px #111 solid;
	background-color: #fff
}

.shop .s_top_cate .menu {
	float: left;
	margin: 10px 0 0 150px;
}

.shop .s_top_cate .menu li {
	position: relative;
	line-height: 25px;
	float: left;
	letter-spacing: 0.5px;
	padding: 0 8px;
	font-size: 17px;
	cursor: pointer;
	font-family: "Raleway", "Noto Sans Kr", sans-serif;
	;
	font-weight: 600;
	color: #000
}

.shop .s_top_cate .menu li:hover {
	color: #dd2e2e
}

.shop .s_top_cate .menu li.line {
	font-size: 12px;
	color: #666;
	padding-top: 2px
}

.shop .s_top_cate .menu .menu_new {
	position: absolute;
	left: -32px;
	top: 0
}

.shop .s_top_cate .customer {}

.shop .s_top_cate .customer li {
	float: right;
	position: ;
	margin-left: 20px;
	font-size: 15px;
	font-weight: 500;
	;
	cursor: pointer
}

.shop .slide {
	width: 100%;
	height: 572px;
	margin-bottom: 80px
}

.shop .slide .slide_area {
	width: 100%
}

.shop_search {
	display: block;
	width: 230px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	border-radius: 100px;
	background: #f3f3f3;
}

.shop_search input[type="text"] {
	padding: 5px;
	box-sizing: border-box;
	border: none;
	background: none;
	outline-width: 0;
}

.shop_search img {
	cursor: pointer;
}

@media (max-width:1200px) {
	.shop_search {
		width: 100%;
	}
}





/*Shop 메인*/
.shop .shop_main_title {
	margin: 80px 0 50px 0;
	position: relative;
}

.shop .shop_main_title .shop_main_title_bg {
	border-bottom: 1px #aaa dashed;
	margin-top: 50px
}

.shop .shop_main_title .title_text {
	padding: 0 40px;
	background-color: #fff;
	text-align: center;
	font-size: 42px;
	font-weight: 200;
	font-family: Raleway, serif
}

.shop .shop_main_title .title_text_k {
	text-align: center;
	font-size: 50px;
	font-weight: 100;
	;
	font-family: Raleway, serif;
	letter-spacing: -2px;
	color: #000
}

.shop .shop_main_title .title_text_k span {
	font-weight: 700
}

.shop .shop_main_new {
	margin: 100px 0;
}

.shop .shop_main_new li {
	float: left;
	margin-right: 30px;
	width: 230px;
	cursor: pointer;
}

.shop .shop_main_new li .smn_img {
	width: 230px;
}

.shop .shop_main_new li .smn_img img {
	width: 100%;
	border-radius: 50%
}

.shop .shop_main_new li .smn_title {
	text-align: center;
	margin-top: 15px;
	font-size: 16px;
	font-weight: 400;
	width: 230px;
	overflow: hidden;
	height: 28px
}

.shop .shop_main_new li .smn_brand {
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #777
}

.shop .shop_main_tag_bg {
	width: 100%;
	margin: 60px 0 80px 0
}

.shop .shop_main_tag {
	display: flex;
	justify-content: center
}

.shop .shop_main_tag li {
	text-align: center;
	width: 110px;
	border: 1px #aaa solid;
	border-radius: 30px;
	margin: 0 4px 4px;
	color: #999;
	font-size: 14px;
	cursor: pointer;
	height: 40px;
	padding-top: 11px;
	font-weight: 400
}

.shop .shop_main_tag li:hover {
	border: 1px #111 solid;
	color: #111
}

.shop .shop_main_tag li.active {
	border: 1px #111 solid;
	background-color: #111;
	color: #fff
}

.shop .h_event {
	width: 1200px;
}

.shop .h_event ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.shop .h_event li {
	width: 340px
}

.shop .h_event li .sme_title {
	text-align: center;
	margin-top: 15px;
	font-size: 16px;
	font-weight: 500;
}

.shop .h_event li .sme_stitle {
	text-align: center;
	margin: 2px 0 30px 0;
}

.shop .h_event li .sme_btn {
	width: 120px;
	font-size: 12px;
	margin: 0 auto;
	padding: 10px 0;
	font-weight: 400;
}

.shop .h_event li img {
	width: 100%
}

.shop_brand_list {
	padding: 30px
}

.shop_brand_list li {
	display: inline-block;
	width: 17%;
	padding: 8px 20px;
	cursor: pointer;
	font-size: 13px;
	border-left: 1px #eee solid;
	margin: 0 14px
}

.shop_brand_list li:hover {
	color: #dd2e2e;
	font-weight: 400
}

.shop_brand_list li .best_brand {
	width: 100%;
	text-align: center;
	padding: 15px 0;
	color: #fff;
	background-color: #dd2e2e;
	margin-bottom: 20px
}

.shop_brand_list li .best_brand .best_brand_name {}

.shop_event_t {
	margin: 10px 0 10px 0;
	font-size: 45px;
	font-weight: 500;
	text-align: center
}

.shop_event_st {
	margin-bottom: 20px;
	text-align: center;
	color: #555;
	font-weight: 300
}

.shop_event_list {
	width: 1200px;
	margin: 20px auto;
}

@media (max-width:1200px) {
	.shop_event_list {
		width: 100%;
	}
}

.shop_event_list ul {
	display: flex;
	flex-wrap: wrap
}

.shop_event_list li {
	width: 270px;
	height: 420px;
	border: 1px #ddd solid;
	margin: 15px auto;
}

.shop_event_list li last-child {
	margin-right: 0
}

.shop_event_list li .sel_img {
	width: 270px;
}

.shop_event_list li .sel_img img {
	width: 100%
}

.shop_event_list li .sel_state {
	width: 55px;
	padding: 2px 0 3px 0;
	text-align: center;
	background-color: #d32e2e;
	margin: 20px 20px 0 20px;
	color: #fff;
	font-weight: 500;
	font-size: 11px
}

.shop_event_list li .sel_state_off {
	width: 55px;
	padding: 2px 0 3px 0;
	text-align: center;
	background-color: #999;
	margin: 20px 20px 0 20px;
	color: #fff;
	font-weight: 500;
	font-size: 11px
}

.shop_event_list li .sel_t {
	font-weight: 500;
	margin: 5px 20px
}

.shop_event_list li .sel_date {
	font-size: 12px;
	color: #777;
	margin: 30px 20px 0 20px
}

.shop_event_tab {
	display: inline-block;
	width: 80px;
	margin: 20px 0 20px 10px;
	font-size: 14px;
	color: #777;
	cursor: pointer
}

.shop_event_tab:hover {
	color: #111;
	font-weight: 500
}


/*Shop 메인 메뉴*/
.shop_nav_wrap {
	width: 100%;
}

.shop_nav {
	border-top: none;
	border-bottom: none;
}

.shop_nav_center {
	width: 1200px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}

.shop_navi {
	width: 1200px;
	display: flex;
	justify-content: space-between
}

.shop_navi li {
	padding: 15px 0;
	cursor: pointer;
	position: relative;
}

.shop_navi li>a:hover {
	color: #ec1f3c;
}

.shop_navi li:first-child {
	margin-left: 0;
}

.shop_navi li a {
	font-family: '맑은 고딕', sans-serif;
	letter-spacing: -0.5px;
	font-size: 13px;
	color: #000;
	font-weight: 500
}

.shop_navi li.on>a {
	color: #111;
	font-family: '맑은 고딕', sans-serif;
	letter-spacing: -0.5px;
	font-weight: bold
}

.shop_navi li .on_icon {
	position: absolute;
	top: 5px;
	right: -10px;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #ec1f3c;
}

.shop_navi li .shop_snav {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	width: 150px;
	text-align: center;
	padding-bottom: 15px;
	box-sizing: border-box;
	z-index: 9999;
	border: 1px solid #ddd;
	background: #fff;
	border-top: 1px solid #fff;
	display: none;
}

.shop_navi li .shop_snav span {
	display: block;
	font-size: 13px;
	cursor: pointer;
	margin-top: 10px;
}

.shop_navi li .shop_snav span a {
	color: #555;
}

.shop_navi li .shop_snav span:hover a {
	color: #000;
}

.shop_navi li .shop_snav span.subOn a {
	color: #000;
	font-weight: bold;
}

/*Shop 전체카테고리pop*/
.all_pop {
	position: absolute;
	width: 1200px;
	background-color: #fff;
	top: 39px;
	z-index: 99;
	border: 1px #ccc solid
}

.all_pop .all_cate {
	float: left;
	width: 185px;
	border-right: 1px #ccc solid
}

.all_pop .all_cate li {
	padding: 17px;
	background-color: #f9f9f9;
	font-weight: 500;
	border-bottom: 1px #ddd solid;
	cursor: pointer;
	font-size: 14.5px
}

.all_pop .all_cate li:hover {
	background-color: #c53b39;
	color: #fff;
	font-weight: 500
}

.all_pop .all_scate {
	float: left;
	width: 250px;
	padding-top: 20px;
	height: 452px
}

.all_pop .all_scate li {
	padding: 7px 20px;
	cursor: pointer;
	background-color: #fff
}


.all_pop .all_scate li:hover {
	color: #c53b39;
	font-weight: 500
}

.all_pop .all_best {
	float: left;
	padding: 25px 0 20px 50px;
	width: 760px;
	border-left: 1px #ccc solid;
	height: 624px
}

.all_pop .all_best .best_title {
	font-size: 25px;
	font-weight: 500;
	margin: 10px 0 20px 0
}

.all_pop .all_best li {
	float: left;
	width: 160px;
	margin-right: 75px
}

.all_pop .all_best li .all_cate_img {
	width: 160px;
}

.all_pop .all_best li .all_cate_img img {
	width: 100%
}

.all_pop .all_best li .all_cate_brand {
	text-align: center;
	margin-top: 10px;
	color: #777;
	font-weight: 500;
	font-size: 13px;
	font-family: nanumbarungothic
}

.all_pop .all_best li .all_cate_title {
	text-align: center;
	margin: 10px 0 5px 0;
	height: 33px;
	overflow: hidden;
	font-size: 13px;
	font-family: nanumbarungothic;
	color: #555;
	line-height: 18px
}

.all_pop .all_best li .all_cate_price {
	text-align: center;
	font-weight: 500;
	margin-bottom: 19px;
	font-size: 13px
}

/*Shop list*/
.shop .shop_sub_list {
	width: 1200px;
	margin: 0 auto;
}

.shop .shop_sub_list .nav {
	margin: 50px 0 10px 0
}

.shop .shop_sub_list .nav li {
	float: left;
	margin-right: 15px
}

.shop .shop_sub_list .nav li select {
	padding: 3px 10px;
	margin-top: -6px;
	font-size: 14px;
	width: 200px;
}

.shop .shop_sub_best {
	;
	background-color: #f5f5f5
}

.shop .shop_sub_best .ssb_title {
	font-size: 40px;
	font-weight: 500;
	padding: 40px 0 50px 0;
	font-family: Raleway, serif;
	font-weight: 300;
	text-align: center
}

.ssb_title {
	font-size: 40px;
	font-weight: 500;
	padding: 40px 0 50px 0;
	font-family: Raleway, serif;
	font-weight: 300;
	text-align: center
}


.shop .shop_sub_list_brand {
	float: left;
	width: 900px;
}

.shop .shop_sub_list_brand .shop_list {
	justify-content: center;
	flex-direction: row;
	margin-top: 30px
}

.shop .shop_sub_list_brand .shop_list ul {
	display: flex;
	flex-flow: row wrap;
}

.shop .shop_sub_list_brand .shop_list li {
	display: inline-block;
	width: 250px;
	height: 420px;
	border-bottom: 1px #ccc solid;
	margin-bottom: 70px;
	cursor: pointer;
	margin-right: 65px
}

.shop .shop_sub_list_brand .shop_list li:nth-child(3n) {
	margin-right: 0
}

.shop .shop_sub_list_brand .shop_list li .img {
	width: 250px;
	height: 250px;
}

.shop .shop_sub_list_brand .shop_list li .img img {
	width: 100%;
	height: 100%
}

.shop .shop_sub_list_brand .shop_list li .sl_brand {
	margin-top: 15px;
	margin-bottom: 3px;
	font-weight: 400;
	color: #999;
	font-size: 12px;
	font-family: Nanumbarungothic;
}

.shop .shop_sub_list_brand .shop_list li .sl_title {
	width: 240px;
	font-weight: 400;
	color: #333;
	height: 38px;
	font-size: 13px;
	overflow: hidden;
	line-height: 20px
}

.shop .shop_sub_list_brand .shop_list li .sl_price {
	margin-bottom: 15px;
	margin-top: 10px;
	font-family: Roboto;
	font-weight: 500
}

.shop .shop_sub_list_brand .shop_list li .sl_price .sale {
	font-size: 25px;
	color: #fb4949
}

.shop .shop_sub_list_brand .shop_list li .sl_price .num1 {
	display: inline;
	font-size: 13px;
	color: #aaa;
	letter-spacing: -0.5px;
	margin-top: 6px;
	text-decoration: line-through;
	font-weight: 300
}

.shop .shop_sub_list_brand .shop_list li .sl_price .num2 {
	display: inline;
	margin-top: 10px;
	font-size: 15px;
	letter-spacing: -0.5px;
	color: #f03636
}

.shop .shop_sub_list_brand .shop_list li .sl_free {
	display: inline-block;
	background-color: #999;
	font-weight: 400;
	color: #fff;
	margin-top: 12px;
	text-align: center;
	letter-spacing: -1px;
	font-size: 10px;
	padding: 1px 5px;
	cursor: pointer
}

.shop .shop_sub_list_brand .shop_list li .sl_cart {
	display: inline-block;
	background-color: #38bf91;
	font-weight: 400;
	color: #fff;
	margin-top: 12px;
	text-align: center;
	letter-spacing: -1px;
	font-size: 11px;
	padding: 2px 5px;
	cursor: pointer
}

.shop .shop_sub_list_brand .shop_list li .sl_cart:hover {
	background-color: #e95252;
}

.shop .shop_sub_list_brand .shop_list li .sl_sale {
	display: inline-block;
	background-color: #dd2f2f;
	font-weight: 400;
	color: #fff;
	margin-top: 5px;
	text-align: center;
	letter-spacing: -1px;
	font-size: 11px;
	padding: 2px 5px;
	font-family: Roboto;
	font-weight: 500
}

.shop .shop_sub_list_brand .shop_list li .sl_soldout {
	display: inline-block;
	background-color: #999;
	font-weight: 400;
	color: #fff;
	margin-top: 5px;
	text-align: center;
	letter-spacing: -1px;
	font-size: 11px;
	padding: 2px 5px;
	font-family: Roboto;
	font-weight: 500
}



.shop .nav {
	margin: 0 0 10px 0;
	padding-top: 40px;
	border-top: 1px solid #ddd;
}

.shop .nav li {
	float: left;
	margin-right: 8px
}

.shop .nav li select {
	padding: 2px 10px;
	margin-top: -6px;
	font-size: 13px;
	width: 180px;
}

.shop .shop_list_tab_line {
	position: relative;
	margin-top: 60px;
	margin-bottom: 70px;
	border-bottom: 1px #ddd solid;
}

.shop .shop_list_tab {
	position: absolute;
	top: -37px
}

.shop .shop_list_tab li {
	float: left;
	padding: 10px 15px;
	font-size: 13px;
	cursor: pointer;
	color: #555;
	margin-top: 1px
}

.shop .shop_list_tab li:hover {
	border-bottom: 2px #c51315 solid;
	color: #c51315;
	font-weight: 400
}

.form_amount {
	width: 104px;
	margin: 0 auto;
	overflow: hidden;
}

.form_amount .input_num {
	color: #000;
	background: #fff;
	border: none;
	box-sizing: border-box;
	float: left;
	width: 40px;
	height: 29px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: 600;
	font-size: 13px;
}

.form_amount button {
	float: left;
	width: 32px;
	height: 29px;
	border: 1px solid #999;
	background: #fff;
	color: #999;
	text-align: center;
	font-size: 11px;
}

/*Shop view*/
.shop .shop_view {
	width: 1200px;
	margin: 30px auto;
	position: relative
}

.shop .shop_view .sc_title {
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 20px
}

.shop .shop_view .sc_price_first {
	font-size: 16px;
	color: #aaa;
	font-weight: 600;
	font-family: Roboto, serif;
	text-decoration: line-through;
	color: #aaa;
	display: inline-block;
}

.shop .shop_view .sc_price_percent {
	font-size: 20px;
	color: #aaa;
	font-weight: 600;
	font-family: Roboto, serif;
	color: red;
	display: inline-block;
}

.shop .shop_view .sc_price {
	font-size: 25px;
	font-weight: 500;
	line-height: 32px;
	;
	font-family: Roboto, serif;
}

.shop .shop_view .sc_price span {
	font-size: 14px;
}

.shop .shop_view .sc_price .it_coupon {
	float: right;
	background-image: url('../img/coupon_nbg.png');
	display: inline-block;
	width: 84px;
	color: #2b2b2b;
	font-size: 12px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-size: 100%;
	font-family: 'Noto Sans Kr';
	cursor: pointer;
}

.shop .shop_view .sc_code {
	color: #aaa;
	font-weight: 400;
	margin-bottom: 5px;
	font-size: 13px
}

.shop .shop_view .sc_brand {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px #999 solid;
	font-size: 15px;
	padding: 8px 20px;
	color: #000;
	font-weight: 400;
	letter-spacing: 0;
	cursor: pointer
}

.shop .shop_view .sc_img {
	float: left;
	width: 400px;
	position: relative;
	border: 0
}

/* .shop .shop_view .sc_img img {width:100%} */
.shop .shop_view .sc_img img {
	width: auto;
}

.shop .shop_view .sc_simg {
	position: absolute;
	left: -10px
}

.shop .shop_view .sc_simg li {
	float: left;
	width: 70px;
	height: 70px;
	border: 1px #ccc solid;
	margin: 20px 0 20px 11px;
}

.shop .shop_view .sc_info {
	float: left;
	width: 390px;
	margin-left: 40px;
}

.shop .shop_view .sc_info .info_t {
	float: left;
	width: 80px;
	font-weight: 500;
	font-size: 13px;
	height: 30px;
	color: #555
}

.shop .shop_view .sc_info .info_c {
	float: left;
	width: 310px;
	min-height: 30px;
	color: #555;
	font-size: 13px
}

.shop .shop_view .sc_info .info_line {
	clear: both;
	border-bottom: 1px #ccc solid;
	margin: 20px 0;
}

.shop .shop_view .sc_info .shop_buy_btn {
	float: left;
	text-align: center;
	width: 50%;
	font-weight: 700;
	padding: 15px 0;
	font-size: 15px;
	font-family: Raleway, serif
}

.shop .shop_view .sc_info .shop_cart_btn {
	float: left;
	text-align: center;
	width: 50%;
	font-weight: 700;
	padding: 15px 0;
	font-size: 15px;
	font-family: Raleway, serif
}

.shop .shop_view .sc_info .shop_buy_select {
	position: relative;
	border: 1px #aaa solid;
	padding: 15px;
	font-size: 15px;
	cursor: pointer
}

.shop .shop_view .sc_info .sbs_arrow {
	position: absolute;
	right: 20px;
	font-size: 20px
}

.shop .shop_view .sc_info .shop_buy_list {
	background-color: #f5f5f5;
	border-top: 1px #ddd solid;
	;
	border-bottom: 1px #ddd solid;
	margin: 10px 0;
	padding: 20px;
	display: inline-block;
	width: 100%;
}

.shop .shop_view .sc_info .shop_buy_list .sbl_title {
	font-weight: 500;
	margin-bottom: 30px;
	font-size: 15px
}

.shop .shop_view .sc_info .shop_buy_list .sbl_num {
	float: left
}

.shop .shop_view .sc_info .shop_buy_list .sbl_num input {
	width: 20px
}

.shop .shop_view .sc_info .shop_buy_list .sbl_coupon {
	float: left
}

.shop .shop_view .sc_info .shop_buy_list .sbl_price {
	float: right;
	font-size: 18px;
	font-weight: 600
}

.shop .shop_view .sc_info .shop_buy_total {
	float: right;
	font-size: 22px;
	font-weight: 700;
	padding: 20px 0;
	font-family: Roboto, serif
}

.shop .shop_view .sc_info .shop_buy_total .total_text {
	font-size: 15px;
	color: #777;
	font-weight: 500;
}

.shop .shop_view .sc_info .shop_buy_total .total_won {
	font-size: 15px;
	font-weight: 600
}

.shop .shop_view .sc_tip {
	border: 1px #555 solid;
	width: 285px;
}

.shop .shop_view .sc_tip .sct_img {
	width: 283px;
}

.shop .shop_view .sc_tip .sct_img img {
	width: 100%
}

.shop .shop_view .sc_tip .sct_t {
	font-size: 18px;
	margin: 20px;
	font-weight: 500
}

.shop .shop_view .sc_tip .sct_c {
	font-size: 12.5px;
	margin: 20px;
	text-align: justify;
	color: #777
}

.shop .shop_view .tip_label {
	background-color: #3aa796;
	color: #fff;
	font-family: raleway, serif;
	padding: 10px;
	font-weight: 700;
	font-size: 13px
}

.shop_list_with {
	float: left;
	padding: 30px 25px;
	border: 1px #ddd solid;
	margin-top: 30px
}

.shop_list_with li {
	float: left;
	width: 165px;
	margin: 0 25px;
}

.shop_list_with li .img {
	width: 165px;
}

.shop_list_with li .img img {
	width: 100%
}

.shop_list_with li .sl_brand {
	margin-top: 15px;
	font-weight: 600;
	color: #999
}

.shop_list_with li .sl_title {
	width: 160px;
	font-weight: 400;
	color: #333;
	font-size: 13px;
	overflow: hidden;
	line-height: 20px;
	;
	font-family: Nanumbarungothic;
}

.shop_list_with li .sl_price {}

.shop_list_with li .sl_price .sale {
	font-size: 25px;
	color: #fb4949
}

.shop_list_with li .sl_price .num1 {
	display: inline;
	font-size: 13px;
	color: #aaa;
	letter-spacing: -0.5px;
	margin-top: 6px;
	text-decoration: line-through;
	font-weight: 300
}

.shop_list_with li .sl_price .num2 {
	display: inline;
	margin-top: 10px;
	font-size: 15px;
	letter-spacing: -0.5px;
	color: #f03636
}

.shop_list_with li .sl_price .num2 span {
	font-size: 14px
}

/*Shop Gallery*/
.shop_gallery {
	width: 100%;
	background-color: #f7f6f5;
	padding: 70px 0;
}

.shop_gallery .wrap {
	width: 1920px;
	overflow: hidden;
}

.shop_gallery .gal_t {
	margin-left: 15%
}

.shop_gallery .gal_search {
	margin-left: 15%;
	margin-top: 20px;
	width: 400px;
	padding: 5px 0;
	border-bottom: 1px #333 solid
}

.shop_gallery .gal_search input {
	border: 0;
	width: 350px;
	background-color: #f7f6f5;
	font-size: 17px
}

.shop_gallery .gal_search i {
	font-size: 18px;
	margin-left: 10px
}

.shop_gallery .gal_cate {
	margin-left: 15%;
	margin-top: 100px;
	letter-spacing: 1px;
}

.shop_gallery .gal_cate li {
	display: inline-block;
	color: #999;
	font-size: 12px;
	margin-right: 12px;
	cursor: pointer
}

.shop_gallery .gal_cate li:hover {
	color: #111;
	text-decoration: underline;
}

.shop_gallery .gal_cate li.hover {
	color: #111;
	text-decoration: underline;
}

.shop_gallery .gal_slide {
	margin: 60px 0 60px 15%
}

.shop_gallery .gal_slide ul {
	display: flex;
}

.shop_gallery .gal_slide li {
	margin-right: 70px;
	box-shadow: 5px 5px 15px #888
}

.shop_gallery .gal_paging {
	margin-left: 15%
}

.shop_gallery .gal_paging li {
	float: left;
	margin-right: 10px;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	cursor: pointer
}

.shop_gallery .gal_paging li:hover {
	color: #d32207;
	text-decoration: underline;
}

.shop_gallery .gal_paging li.hover {
	color: #d32207;
	text-decoration: underline;
}

.shop_gallery .gal_preview {
	margin-left: 15%;
	margin-top: 150px
}

.sc_review_t {
	min-width: 100px;
	font-family: Raleway, serif;
	letter-spacing: 5px;
	font-weight: 700;
	font-size: 18px;
	padding: 25px 0 25px 0;
	border-top: 3px #222 solid;
}

.sc_review {
	background-color: #f5f5f5;
	padding: 25px;
}

.sc_review .scr_id {
	margin-bottom: 5px;
	font-size: 12px;
	color: #777
}

.sc_review .scr_c {
	color: #555;
	text-align: justify;
	font-size: 12px;
	line-height: 19px
}

.sc_review .scr_star {
	font-size: 20px;
	margin-bottom: 10px;
	letter-spacing: 2px
}

.sc_with_item_t {
	min-width: 100px;
	font-family: Raleway, serif;
	letter-spacing: 5px;
	font-weight: 700;
	font-size: 18px;
	padding: 25px 0 25px 0;
	border-top: 3px #222 solid;
}

.sc_with_item {}

.sc_with_item .img {
	width: 280px;
	height: 280px;
	margin: 10px 0
}

.sc_with_item .img img {
	width: 100%
}

.sc_with_item .sl_title {
	width: 280px;
	font-weight: 400;
	color: #333;
	margin: 10px 0;
	font-size: 13px;
	overflow: hidden;
	line-height: 20px;
	;
	font-family: Nanumbarungothic;
}

.sc_with_item .sl_price {
	margin-bottom: 15px;
	margin-top: 10px;
	font-family: Roboto;
	font-weight: 500
}

.sc_with_item .sl_price .num1 {
	display: inline;
	font-size: 13px;
	color: #aaa;
	letter-spacing: -0.5px;
	margin-top: 6px;
	text-decoration: line-through;
	font-weight: 300
}

.sc_with_item .sl_price .num2 {
	display: inline;
	margin-top: 10px;
	font-size: 15px;
	letter-spacing: -0.5px;
	color: #f03636
}

/* .modal {padding:30px;height:800px !important;} */
.modal {
	padding: 30px;
}


/* Design */
.design_quick {
	position: fixed;
	right: 0;
	top: 220px;
	z-index: 9999
}

.design_quick li {
	width: 90px;
	height: 100px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	cursor: pointer
}

.design_quick li img {
	width: 25px;
	margin: 18px 0 5px 0
}

.design_quick li.bg_w {
	background-color: #2a3a5c
}

.design_quick li.bg_g {
	background-color: #999
}

.design_quick li.bg_y {
	background-color: #c18533
}

.design_quick li.bg_b {
	background-color: #474747
}

.design_quick li.bg_top {
	background-color: #f5f5f5;
	color: #999;
	height: 50px;
	padding-top: 10px;
	font-size: 11px
}

.design {
	width: 100%;
	height: 100%;
	color: #111111;
}

.design .design_slide_wrap {
	position: relative;
	width: 100%;
	height: 750px;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
}

.design .design_slide {
	max-width: 1600px;
	display: inline-block;
}

.slide_navi {
	width: 1220px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	top: 550px;
}

.design_conform {
	width: 1300px;
	margin: 0 auto;
	border: 1px #333 solid
}

.design_conform .dc_t {
	margin: 0 auto;
	padding: 10px;
	background-color: #333;
	overflow: hidden;
}

.design_conform .dc_t .dc_t_text {
	float: left;
	font-size: 18px;
	margin-left: 10px;
	color: #eee;
	font-weight: 300;
	margin-top: 5px
}

.design_conform .dc_t .dc_t_text span {
	font-weight: 500;
	color: #fff;
	font-size: 22px
}

.design_conform .dc_t .dc_btn_c {
	float: right;
	width: 180px;
	text-align: center;
	font-weight: 500;
	padding: 10px 0;
	font-size: 16px;
	margin: 0 3px
}

.design_conform .dc_img {
	text-align: center;
	padding: 50px 0;
	background-color: #666;
}

.design_conform .dc_img img {
	box-shadow: 5px 5px 8px #222
}

.design_conform .dc_info_t {
	margin: 20px 40px;
	font-size: 22px;
	font-weight: 500
}

.design_conform .dc_info {
	margin: 0 40px 40px 40px;
	border-top: 1px #ccc solid
}

.design_conform .dc_info td {
	padding: 20px;
}

.design_conform .dc_info td.info_t {
	width: 50px;
	background-color: #eee;
	border-bottom: 1px #fff solid;
	font-weight: 400;
	font-size: 13px
}

.design_conform .dc_info td.info_c {
	border-bottom: 1px #ccc solid;
	font-size: 13px
}

.design_conform .dc_info td.info_c span {
	font-weight: 500;
	color: #d40000
}

.design_conform .dc_comment {
	margin: 40px
}

.do_optbox .opt_tit {
	float: left;
	font-size: 30px !important;
	font-weight: 500;
	margin-bottom: 18px;
}

.do_optbox .opt_cont {
	width: 834px;
	background: #fff;
	padding: 20px 34px 20px 34px;
	margin-bottom: 20px;
}

/* .do_optbox .opt_cont2{background: #fff;padding:34px 34px 20px 34px;width:834px;}  */
.do_optbox .opt_cont2 {
	background: #fff;
	padding: 25px 0 20px;
	width: 100%;
}

.opt_form {
	line-height: 25px;
}

.opt_form th {
	width: 100px;
	vertical-align: middle !important;
	padding: 0 10px;
	text-align: left;
	font-weight: 500
}

.opt_form td {
	color: #555;
	vertical-align: middle !important;
	padding: 7px 0 7px 25px;
	min-height: 30px;
	font-size: 13px;
}

.opt_form td input.text_message {
	width: 100%;
	border: 1px #ddd solid;
	padding: 7px 10px
}

.opt_form2 {
	width: 100%
}

.opt_form2 th {
	width: 130px;
	vertical-align: middle !important;
	padding: 10px 15px;
	border-bottom: 1px solid #d1d1d1;
	text-align: left;
	font-weight: 500
}

.opt_form2 td {
	color: #000;
	vertical-align: middle !important;
	padding: 10px 25px;
	color: #555;
	background-color: #f5f5f5;
	border: 5px #fff solid
}

.select_st {
	width: 180px;
	padding: 5px;
	border: 1px solid #d1d1d1;
}

.text_sm {
	width: 80px;
	padding: 5px;
	border: 1px solid #d1d1d1;
}

.text_150 {
	width: 150px;
	padding: 5px;
	border: 1px solid #d1d1d1;
}

.text_md {
	width: 300px;
	padding: 5px;
	border: 1px solid #d1d1d1;
}

.textarea_st {
	width: 400px;
	padding: 5px;
	border: 1px solid #d1d1d1;
}

/* .opt_add_file {background: #fff;overflow:hidden;width:834px;} */
.opt_add_file {
	background: #fff;
	overflow: hidden;
	width: 100%;
}

.opt_add_file>p {
	color: #111;
	font-weight: 400;
	font-size: 14px;
}

.opt_add_file .opt_add {
	margin: 0 auto 30px auto;
	width: 220px;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	color: #e52e59;
	cursor: pointer;
	background-color: #fff;
	padding: 12px 0;
	border: 1px #e52e59 solid;
	border-radius: 5px
}

.opt_add_file .opt_add:hover {
	border: 1px #e52e59 solid;
	background-color: #e52e59;
	;
	color: #fff;
	transition: all ease 0.3s;
}

.opt_add_file i {
	font-size: 23px
}

.opt_file {
	width: 127px;
	background: #2c2c2c;
	height: 30px;
	color: #fff
}

.opt_add_q {
	margin: 0 auto 30px auto;
	width: 220px;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	cursor: pointer;
	background-color: #fff;
	padding: 12px 0;
	border-radius: 5px;
	background-color: #222;
	color: #fff;
	border: 1px #222 solid;
}

.opt_add_q:hover {
	border: 1px #222 solid;
	transition: all ease 0.3s;
	color: #222;
	border: 1px #222 solid;
	background-color: #fff;
}


.info_add h2 {
	font-size: 23px;
	font-weight: 500;
	color: #111;
	margin-bottom: 38px;
}

.info_add .info_form {
	padding-top: 10px
}

.info_add .info_form input {
	width: 194px;
	height: 30px;
	;
	border: 0;
	border-bottom: 1px solid #aaa
}

.info_add .info_form td {
	padding: 5px 0;
}

.info_add .info_form .info_tt {
	width: 90px;
	color: #808080;
	font-size: 13px;
	font-weight: 400;
	padding-left: 30px;
	font-family: nanumbarungothic;
	height: 35px
}

.addfind>input {
	margin-bottom: 5px;
}

.info_add .info_form .info_addfind {
	height: 33px;
	padding: 0px 8px;
	border: 1px solid #d1d1d1;
	background: #f1f1f1;
	text-align: center;
}

.info_add .info_form .text_add {
	width: 120px;
}

.order_requested {
	padding: 20px 0
}

.order_requested select {
	width: 290px;
	height: 40px;
	margin: 0 30px;
	padding: 0 10px
}

#wr_zip1 {
	text-align: center;
}

.total_price {}

.total_price h2 {
	color: #000;
	font-size: 23px;
	font-weight: 500;
}

.total_price .btn_foreign {
	color: #a8abb1;
	font-weight: 400;
	font-size: 15px;
	display: inline-block;
	float: right;
	cursor: pointer;
}

.total_info {
	margin: 0 0 22px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd
}

.ti_line {
	overflow: hidden;
}

.ti_line .ti_left {
	float: left;
	color: #808080;
	font-size: 13px;
	font-weight: 400;
	padding-left: 25px;
	font-family: nanumbarungothic;
	height: 35px
}

.ti_line .ti_right {
	float: right;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	padding-right: 25px;
	font-family: nanumbarungothic;
	height: 35px
}

.coupon {
	width: 75px;
	height: 25px;
	background: #f5f5f5;
	border: 1px solid #a8abb1;
	font-size: 12px;
}

.total_order_price {
	margin-bottom: 25px;
	overflow: hidden;
	padding-bottom: 20px
}

.total_order_price .top_left {
	float: left;
	color: #000;
	font-weight: 500;
	margin-top: 5px;
	padding-left: 30px;
	font-size: 18px
}

.total_order_price .top_price {
	float: right;
	font-size: 30px;
	font-family: Tahoma;
	color: #d72b4f;
	font-weight: bold;
	padding-right: 30px;
}

.total_order_price .top_price span {
	font-size: 14px;
	font-family: "Noto Sans Kr", sans-serif;
	display: inline-block;
	margin-left: 5px;
	font-weight: 400
}

.btn_order {
	font-size: 20px;
	width: 290px;
	height: 64px;
	color: #fff;
	background: #e52e59;
	border-radius: 5px;
	margin: 0 0 30px 30px
}

.finishing_touches {
	margin-bottom: 15px;
	overflow: hidden;
}

.finishing_touches ul li {
	position: relative;
	float: left;
	border: 1px solid #3c9ea7;
	margin-right: 8px;
	margin-bottom: 5px;
}

.finishing_touches ul li.active {
	border: 3px solid #fa3062;
}

.finishing_touches ul li>p {
	position: absolute;
	width: 120px;
	bottom: 0;
	text-align: center;
	padding: 7px 0;
	color: #fff;
	background: #3c9ea7;
	font-weight: 400;
}

.opt_save_t {
	padding: 12px 0;
}

.opt_save_t .opts_title {
	float: left;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	color: #333
}

.opt_save_t .opts_delate {
	float: right;
	color: #333;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer
}

/* 슬라이드_old
.slide_navi ul {position:relative;}
.slide_navi ul li {float:left;}
.slide_navi ul li.navi_left {width:300px;margin-top:50px;}
.slide_navi ul li.slide_title {width:720px;position:relative;}
	.arr_left {position:absolute;left:50px;bottom:55px;}
	.arr_right {position:absolute;right:90px;bottom:55px;}
.slide_navi ul li.navi_right {width:180px;margin-top:50px;}
*/

.de_ProceWrap {}

.de_Procebox {
	position: relative;
	width: 1240px;
	margin: 0 auto;
}

.proce_cont {
	padding-top: 40px;
	color: #111;
	text-align: center;
}

.proce_cont .proce_design {
	padding-bottom: 50px;
}

.proce_cont .proce_t {
	display: inline-block;
	font-size: 43px;
	font-weight: 200;
	letter-spacing: -2px;
	margin: 25px 0;
}

.proce_cont .proce_t span {
	font-weight: 400;
}

.proce_cont .deco_line {
	display: inline-block;
	width: 69px;
	height: 1px;
	margin-left: 22px;
	background: #8d8d8d;
}

.proce_iconbox {
	width: 930px;
	margin: 45px auto;
}

.proce_iconbox ul li {
	display: inline-block;
	vertical-align: middle;
}

.proce_iconbox ul li p {
	font-size: 18px;
	font-weight: 400;
	color: #111;
	text-align: center;
	margin-top: 15px;
}

.proce_iconbox ul li p span {
	color: #f5623b
}

.proce_iconbox ul li.arr {
	vertical-align: top;
	margin-top: 60px;
	padding: 0 17px;
}

.proce_IngWrap {
	width: 910px;
	background: #fff;
	margin: 0 auto 80px auto
}

.proce_IngWrap .proce_IngBox {
	border: 1px solid #999;
	border-bottom: none
}

.proce_IngWrap .ing_head {
	border-bottom: 1px solid #999;
	height: 73px;
}

.proce_IngWrap .ing_head .ing_title {
	float: left;
	width: 280px;
	line-height: 73px;
	padding-left: 37px;
	color: #111;
	font-size: 25px;
	font-weight: 300;
}

.proce_IngWrap .ing_head span.bold {
	font-weight: 700;
}

.proce_IngWrap .ing_head a {
	float: right;
	width: 100px;
	height: 73px;
	text-align: center;
	border-left: 1px solid #d7d7d7;
}

.proce_IngWrap .ing_head a:hover i {
	color: #111;
}

.proce_IngWrap .ing_head i {
	font-size: 28px;
	color: #949494;
	line-height: 76px;
}

.proce_IngWrap .ing_body {}

.proce_IngWrap .ing_body .ing_infobox {
	border-bottom: 1px solid #999;
	padding: 19px 25px;
	overflow: hidden;
}

.proce_IngWrap .ing_body .last {
	border-bottom: none !important;
}

.proce_IngWrap .ing_body .ing_infobox img {
	display: inline-block;
	float: left;
	width: 100px;
	height: 10px;
	border: 1px #eee solid;
	margin-right: 20px
}

.proce_IngWrap .ing_body .ing_info {
	height: 50px;
	font-size: 16px;
}

.proce_IngWrap .ing_body .ing_info .ing_info_t {
	color: #333;
	font-weight: 500;
}

.proce_IngWrap .ing_body .ing_info .ing_alarm {
	margin-top: 10px;
	color: #47bdb0;
	font-weight: 400;
	margin-left: 12px;
	float: right;
	font-size: 14px;
	border: 1px #47bdb0 solid;
	padding: 3px 0;
	width: 80px;
	border-radius: 50px;
	text-align: center
}

.proce_IngWrap .ing_body .ing_info .ing_time {
	display: block;
	margin-top: 5px;
	color: #999;
	font-size: 14px;
	font-weight: 400;
}

.navi_slide {
	position: relative;
}

.navi_slide ul {
	display: inline-block;
	margin: 32px 0 0 0;
}

.navi_slide ul li {
	display: inline-block;
}

.slideimg_tit {
	vertical-align: middle;
	margin-left: 68px;
	margin-right: 52px;
}

.navi_slide ul li.navi_arr {
	vertical-align: middle;
	cursor: pointer !important;
}

.navi_slide ul li.navi_arr:hover {
	opacity: 0.5;
	transition: all ease 0.3s;
}

.design_StepWrap {
	color: #111;
}

.design_StepWrap .de_step1 {
	background: #fff;
	padding: 67px 0 70px 0;
	text-align: center;
	overflow: hidden;
}

.design_StepWrap .de_step2 {
	background: #f6f6f6;
	padding: 103px 0 103px 0;
	text-align: center;
	overflow: hidden;
}

.design_StepWrap .de_step3 {
	background: #f6f6f6;
	padding: 108px 0 100px 0;
	text-align: center;
	overflow: hidden;
}

.design_StepWrap .step_tit {
	display: inline;
	border-bottom: 1px solid #111;
	margin-bottom: 13px;
	font-weight: 700;
	font-size: 23px;
	color: #111;
}

.design_StepWrap .step_txt {
	font-size: 43px;
	font-weight: 200;
	margin-top: 30px;
	letter-spacing: -2px;
	text-align: center
}

.design_StepWrap .step_txt span {
	font-weight: 400;
}

.design_StepWrap .step_samle {
	margin-top: 25px;
}

.design_StepWrap .step_c {
	display: inline-block;
}

.design_StepWrap .choice_goods:first-child {
	margin-top: 70px;
}

.design_StepWrap .choice_goods {
	margin-top: 30px;
}

.design_StepWrap .choice_goods li {
	float: left;
	width: 296px;
	margin-left: 17px;
	cursor: pointer;
	border: 3px solid #f6f6f6
}

.design_StepWrap .choice_goods li img {
	width: 290px
}

.design_StepWrap .choice_goods li:first-child {
	margin-left: 0;
}

.design_StepWrap .choice_goods li:hover {
	width: 296px;
	border: 3px solid #47bdb0;
	border-radius: 2px;
}

.design_StepWrap .goods_t {
	padding: 15px 0 20px 0;
	text-align: center;
	background: #fff;
	font-size: 19px;
	font-weight: 400;
	box-sizing: border-box;
}

.design_StepWrap .goods_s {
	font-size: 12px;
	color: #777;
	margin-top: 5px;
	font-weight: 100
}

.design_StepWrap .choice_catebox {
	display: inline-block;
	margin-top: 95px;
}

.design_StepWrap .choice_cate {
	float: left;
	width: 210px;
	margin-right: 25px;
	text-align: left;
}

.design_StepWrap .choice_cate:last-child {
	margin-right: 0 !important;
}

.design_StepWrap .choice_cate h1 {
	font-size: 26px;
	font-weight: 500;
	border-bottom: 4px solid #050505;
	margin-bottom: 18px;
	padding-bottom: 13px;
}

.design_StepWrap .choice_cate .cate {
	margin-bottom: 23px;
}

.design_StepWrap .choice_cate .cate .cate_t {
	display: inline;
	border-bottom: 1px solid #737373;
	padding-bottom: 7px;
	font-size: 18px;
	font-weight: 400;
	cursor: pointer;
}

.design_StepWrap .choice_cate .cate .cate_check {
	float: right;
}

.choice_sample {
	margin-top: 57px;
	width: 480px;
	height: 310px;
	line-height: 310px;
	text-align: center;
	background: #fff;
	border: 1px solid #cecece;
	color: #ebebeb;
	cursor: pointer;
}

.d_btn_wrap {
	width: 370px;
	margin: 0 auto
}

.d_btn_wrap .d_btn_next {
	width: 370px;
	padding: 20px 0;
	font-size: 23px;
	font-weight: 400;
	border-radius: 5px;
}


/* 디자인 step_old
.design_order_wrap {background: #f6f6f6;padding-top: 62px;overflow:hidden;}
.design_order_wrap .d_order_box {width: 1180px;margin:0 auto;}
.design_order_wrap .d_order_box .order_t {float:left;width: 240px;font-size:43px;font-weight: 300;margin-top:20px}
.design_order_wrap .d_order_box .order_c {float:left;}
.design_order_wrap .d_order_box .choice_goods {margin-top: 27px;}
.design_order_wrap .d_order_box .choice_goods li {float:left;width: 209px;margin-left: 17px;cursor:pointer;border:3px solid #eee;}
.design_order_wrap .d_order_box .choice_goods li img {width:203px}
.design_order_wrap .d_order_box .choice_goods li:first-child {margin-left: 0;}
.design_order_wrap .d_order_box .choice_goods li.on {border:3px solid #47bdb0;border-radius:2px;}
.design_order_wrap .d_order_box .goods_t {padding:21px 24px;background: #fff;font-size:18px;font-weight: 400;box-sizing:border-box;}
.goods_box {padding-bottom:173px;overflow:hidden;}
.cate_box {padding-bottom:105px;overflow:hidden;}
.design_box {padding-bottom:158px;overflow:hidden;}
*/

/* 디자인 category_old
.design_order_wrap .choice_cate {float:left;width: 210px;margin-right: 25px;}
.design_order_wrap .choice_cate:last-child {margin-right:0 !important;}
.design_order_wrap .choice_cate h1 {font-size:26px;font-weight: 500;border-bottom: 4px solid #050505;margin-bottom:18px;padding-bottom:13px;}
.design_order_wrap .choice_cate .cate {margin-bottom: 23px;}
.design_order_wrap .choice_cate .cate .cate_t {display:inline;border-bottom:1px solid #737373;padding-bottom:7px;font-size:18px;font-weight: 400;cursor:pointer;}
.design_order_wrap .choice_cate .cate .cate_check {float:right;}
.design_order_wrap .d_btn_wrap {text-align:center;padding-top: 55px;padding-bottom: 50px;background: #fff;}
.design_order_wrap .d_btn_wrap .d_btn_next {width: 289px;height: 66px;font-size:25px;font-weight: 400;border-radius:5px}
*/
.design_faq {
	width: 1240px;
	margin: 0 auto 55px auto;
}

.design_faq .design_faq_t {
	text-align: center;
	font-size: 38px;
	font-weight: 400;
}

.design_faq .design_faq_box {
	border-top: 2px solid #2c2c2c;
	margin-top: 60px;
}

.design_faq .design_faq_q {
	padding: 26px 15px;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 18px;
	font-weight: 300;
}

.design_faq .design_faq_q li {
	float: left;
	cursor: pointer;
}

.design_faq .design_faq_q li.design_faq_close {
	float: right;
	margin: 0 10px;
}

.design_faq .design_faq_a {
	background: #f9f9f9;
	font-size: 16px;
	padding: 48px 70px;
	box-sizing: border-box;
}

.design_option {
	width: 100%;
}

.design_option .order_step_wrap {
	text-align: center;
	background: #fff;
	overflow: hidden;
}

.design_option .order_step_wrap .order_step {
	margin-top: 10px;
	border-bottom: 1px #ddd solid;
	margin-bottom: 30px;
}

.design_option .do_all {
	;
	padding: 44px 0;
	overflow: hidden;
}

.design_option .do_all .do_wrap {
	width: 1200px;
	margin: 20px auto;
}

.design_option .do_Optwrap {
	/*width: 835px;*/
	display: inline-block;
}

.design_option .do_Addwrap {
	margin-left: 15px;
	display: inline-block;
}

.design_option .do_optbox {
	margin-bottom: 10px;
}

.design_option .do_addbox {
	width: 350px;
	background: #fff;
	border: 2px #333 solid
}

.BannerGuide_btn {
	position: absolute;
	right: -120px;
	top: 280px;
	background-color: #fff;
}

.select_st {
	width: 180px;
	padding: 5px;
	border: 1px solid #d1d1d1;
}

.text_sm {
	width: 80px;
	padding: 5px;
	border: 1px solid #d1d1d1;
	font-size: 13px
}

.text_md {
	width: 300px;
	padding: 5px;
	border: 1px solid #d1d1d1;
}

.textarea_st {
	width: 400px;
	padding: 5px;
	border: 1px solid #d1d1d1;
}



.request {
	padding-top: 30px;
}

.request .request_tit {
	float: left;
	font-size: 28px;
	font-weight: 400;
	color: #333;
	letter-spacing: -0.5px
}

.request .requst_p {
	font-size: 16px;
	overflow: hidden;
	line-height: 30px;
	margin-top: 15px
}

.request .requst_p input {
	display: inline-block;
	float: right;
	width: 300px
}

.request .re_add_file {
	width: 127px;
	float: right;
	background: #2c2c2c;
	height: 30px;
	color: #fff;
}

.addfile {
	color: #666;
}

.request .re_textarea_st {
	width: 794px;
	height: 320px;
	overflow-y: auto;
	margin-top: 15px;
	padding: 20px;
	border: 1px solid #d1d1d1;
	font-weight: 200
}


/*MYPAGE 마이페이지*/
.my_cart {
	width: 100%;
}

.my_cart .cart_pagewrap {
	width: 1140px;
	margin: 0 auto;
	margin-top: 70px;
}

.my_cart .cart_tabwrap {
	margin-bottom: 37px;
	text-align: center;
	overflow: hidden;
}

.my_cart .cart_tabtit {
	float: left;
	width: 395px;
	height: 90px;
	line-height: 90px;
	background: #ffc001;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-family: 'arial';
}

.my_cart .cart_tab {
	float: left;
	width: 745px;
	height: 90px;
	background: #717171;
}

.my_cart .cart_tab .cart_tab_nav {
	float: right;
	margin: 30px 40px 0 0;
}

.my_cart .cart_tab .cart_tab_nav>a {
	font-size: 20px;
	color: #fff;
	font-weight: 400;
}

.my_cart .cart_tab .cart_tab_nav>a.on {
	color: #ffc001;
}

.my_cart .cart_tab .cart_tab_nav .cart_nav_bar {
	font-size: 18px;
	color: #9c9c9c;
	margin: 0 33px;
}

.cart_contwrap {}

.cart_contwrap .cart_info_p {
	margin-bottom: 15px;
	font-weight: 400;
	font-size: 15px;
	color: #656565;
}

.cart_contwrap .cart_info_num {
	font-weight: 500;
	color: #000;
}

.c_coupon {
	margin-top: 3px;
	cursor: pointer;
}

.c_total_form {
	text-align: center;
}

.c_total_form .c_total_btn {
	width: 170px;
	padding: 15px 0;
	font-size: 15px;
	font-weight: 700;
	border: 1px solid #000;
	background: #fff;
	color: #000;
}

.c_total_form .total_btn_b {
	background: #333;
	color: #fff;
	margin-left: 8px;
}

.c_total_form .total_btn_p {
	background: #e52e59;
	color: #fff;
	border: 1px solid #e52e59;
	font-weight: 700;
	font-size: 15px;
}

.c_total_form .total_btn_g {
	background: #555;
	color: #fff;
	border: 1px solid #555;
}

.c_total_form .total_btn_c {
	background: #333;
	color: #fff;
	border: 1px solid #333;
}

.cart_total_box {
	display: table;
	margin: 30px 0;
	width: 100%;
	height: 100px;
	border: 2px solid #424242;
	box-sizing: border-box;
}

.cart_total_box dl {
	position: relative;
	display: table-cell;
	width: 25%;
	border-right: 1px solid #dbdbdb;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}

.cart_total_box dt {
	color: #606060;
	font-weight: 400;
	font-size: 13px;
	margin-bottom: 5px;
}

.cart_total_box dd {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	font-size: 17px;
}

.cart_total_box dd .num {
	font-size: 20px;
	font-weight: 500;
}

.cart_total_box .icon_match {
	position: absolute;
	top: 45px;
	left: -15px;
	font-size: 30px;
	background: #fff;
}

.cart_total_box .icon_match2 {
	position: absolute;
	top: 45px;
	left: -15px;
	font-size: 30px;
	background: #fff;
	color: #000;
}

.mypage {
	width: 100%;
}

.mypage .my_pagewrap {
	width: 1140px;
	margin: 0 auto;
	margin-top: 70px;
	margin-bottom: 70px;
	overflow: hidden;
}

.mypage .my_headwrap {
	margin-bottom: 37px;
	overflow: hidden;
}

.mypage .my_headwrap .my_tit {
	cursor: pointer;
	float: left;
	width: 210px;
	height: 115px;
	line-height: 115px;
	background: #ffc001;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-family: 'arial';
	text-align: center;
}

.mypage .my_headwrap .my_infobox {
	float: left;
	width: 930px;
	height: 115px;
	background: #717171;
	color: #fff;
}

.mypage .my_headwrap .my_infobox>.text {
	float: left;
	margin: 28px 0 0 25px;
	font-size: 18px;
	font-weight: 400;
}

.mypage .my_headwrap .my_infobox .info_div {
	margin-top: 10px;
	font-size: 13px;
}

.mypage .my_headwrap .my_infobox .info_div .info_txt {
	float: left;
	cursor: pointer;
	margin-right: 30px;
	font-weight: 300;
}

.mypage .my_headwrap .my_infobox .info_div .info_txt:hover {
	text-decoration: underline;
}

.my_infobox .my_point {
	color: #ffd041;
	font-weight: 500;
	font-family: montserrat;
}

.mypage .my_headwrap .my_info {
	float: right;
	overflow: hidden;
}

.mypage .my_headwrap .my_info>li {
	float: left;
	height: 115px;
	border-left: 1px solid #848484;
	text-align: center;
}

.mypage .my_headwrap .my_info_i {
	float: left;
	margin-right: 24px;
}

/*.mypage .my_headwrap .my_info_i > p {margin-top:10px;font-weight:400;font-size:14px;}*/
.mypage .my_headwrap .my_info_c {
	width: 140px;
	font-weight: 400;
	font-size: 13px;
}

.mypage .my_headwrap .info_t {
	margin-top: 35px;
	height: 20px;
	margin-bottom: 5px;
}

.mypage .my_headwrap .info_c {}

.mypage .my_headwrap .my_info_c .info_cc {
	font-size: 14px;
}

.mypage .my_headwrap .my_cash_carge {
	width: 45px;
	height: 20px;
	font-size: 12px;
	color: #fff;
	background: #424242;
	margin-top: 4px;
	border: 1px #333 solid;
	font-weight: 400;
	border-radius: 50px;
}

.my_bodywrap {}

.my_bodywrap .my_sidebar {
	float: left;
	width: 180px;
	margin-right: 50px;
	margin-left: 3px;
	word-break: break-all;
}

.my_bodywrap .my_sidebar .my_side_nav {}

.my_bodywrap .my_sidebar .my_side_nav>li {
	padding: 15px 0;
	cursor: pointer;
}

.my_bodywrap .my_sidebar .my_side_nav>li:first-child {
	padding-top: 0;
}

.my_bodywrap .my_sidebar .my_side_nav>li+li {
	border-top: 1px solid #e4e4e4;
}

.my_bodywrap .my_sidebar .my_tit {
	color: #111;
	font-weight: 700;
	font-size: 15px;
}

.my_bodywrap .my_sidebar .my_sub_list {
	margin-top: 10px;
}

.my_bodywrap .my_sidebar .my_sub_list li {
	color: #717171;
	font-size: 13px;
	line-height: 22px;
}

.my_bodywrap .my_sidebar .my_sub_list li:hover {
	color: #000;
}

.my_bodywrap .my_contwrap {
	float: left;
}

.my_bodywrap .my_contarea {
	width: 907px;
	margin-bottom: 72px;
}

.my_table thead th {
	font-size: 13px !important;
}

.my_table tbody td {
	font-size: 12px;
	padding: 10px 0;
	font-weight: 200
}

.my_cont_tit {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 16px;
	font-family: noto sans kr;
	letter-spacing: -1px;
}

.my_cont_tit .my_more {
	display: block;
	float: right;
	font-size: 12px;
	font-weight: 400;
	margin-top: 15px;
	cursor: pointer;
	color: #555
}

.my_cont_tit .my_more_icon {
	font-size: 12px;
}

.my_range_wrap {
	margin-bottom: 36px;
	border: 2px solid #e4e4e4;
	padding: 20px;
	box-sizing: border-box;
}

.my_range_wrap .my_search_tt {
	font-size: 13px;
	color: #111;
	font-weight: 400;
}

.more_icon {
	font-size: 10px;
	vertical-align: top;
	margin-top: 5px;
}

.my_down_btn {
	font-size: 12px !important;
	padding: 4px 5px !important;
	margin-bottom: 3px;
}

.my_down_btn .my_down_icon {
	font-size: 13px;
}

/* .my_order_tb {width:50px;height:50px;margin-right:10px !important;} */
.my_order_tb {
	width: 50px;
	height: 50px;
	margin-right: 15px !important;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.my_order_tb>img {
	width: 100%;
	height: 100%;
}

.check_design {
	cursor: pointer;
}

.cursor_h {
	cursor: pointer;
}

.cursor_h:hover {
	text-decoration: underline;
}

.memobox {
	padding: 0 !important;
	height: 0 !important;
}

.memo {
	width: 100%;
	background: #f9f9f9;
	text-align: left;
	font-size: 13px;
	padding: 10px 15px;
}

.memo_t {
	font-weight: 500;
}

.my_img_text {
	width: 200px;
	margin-right: 0 !important;
}

.my_opt_brand {
	font-size: 12px !important;
}

.my_opt_tit {
	font-size: 12px !important;
}

.my_point2 {
	color: #47bdb0;
	font-size: 12px
}

.my_code {
	font-size: 12px;
	color: #000;
	font-weight: 700;
	text-decoration: underline;
	cursor: pointer;
	line-height: 28px
}

.my_order_date {
	font-size: 12px;
	color: #aaa;
	font-weight: 400;
}

.my_goods_text {
	width: 265px;
	margin-right: 0 !important;
}

.my_imgtab {
	padding-top: 12px;
	margin-bottom: 20px;
}

.my_imgtab ul li {
	;
	width: 50%;
	font-weight: 400;
	font-size: 15px;
	text-align: center;
}

.my_imgtab ul li:nth-of-type(2) {
	margin-left: -1px;
}

.g_review_area {}

.g_review_area .g_review_txt {
	display: inline-block;
	margin-left: 5px;
	font-size: 13px;
	font-weight: 300;
	color: #717171;
}

.my_reviewtab {
	padding-top: 12px;
	margin-bottom: 20px;
}

.my_reviewtab ul li {
	width: 50%;
	font-weight: 400;
	font-size: 15px;
	text-align: center;
}

.my_reviewtab ul li:nth-of-type(2) {
	margin-left: -1px;
}

.comm_status {
	cursor: default !important;
}

.goods_qna {
	width: 400px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis !important;
	cursor: pointer;
	text-align: left
}

.g_qna_down {
	font-size: 25px;
	color: #d7d7d7;
	cursor: pointer;
}

.g_qna_up {
	font-size: 25px;
	color: #111;
	cursor: pointer;
}

.g_qnabox .g_qna_t {
	display: block;
	font-weight: 500;
	font-size: 15px;
}

.g_qnabox .g_qna_a {
	line-height: 22px;
	padding: 5px 0 0;
}

.g_qnabox .g_qna_answer {
	color: #08b8a5 !important;
}

.g_qnabox .g_answer_date {
	display: inline-block;
	float: right;
	font-weight: 500;
	font-size: 13px;
	color: #717171;
}

.g_qna_btn {
	padding: 20px 0 0;
	text-align: right;
}

.g_qna_btn button {
	display: inline-block;
	font-size: 13px;
	width: 60px;
	padding: 3px 0;
	text-align: center;
	background: #fff;
	color: #717171;
	border: 1px solid #e4e4e4;
}

.my_cashtab {
	margin-top: 12px;
	margin-bottom: 20px;
}

.my_cashtab ul li {
	width: 20%;
	font-weight: 400;
	font-size: 15px;
	text-align: center;
}

.my_cashtab ul li+li {
	margin-left: -1px;
}

.my_cash {
	font-weight: 400 !important;
	color: #111 !important;
}

.cash_btn {
	width: 100px;
	font-weight: 400;
	font-size: 12px !important;
	padding: 4px 5px !important;
	margin-bottom: 3px;
}

.cash_standby {
	background: #47bdb0;
	border: 1px solid #47bdb0;
	color: #fff !important;
	cursor: default !important;
}

.cash_failed {
	background: #999;
	border: 1px solid #999;
	color: #fff !important;
}

.cash_end {
	background: #424242 !important;
	border: 1px solid #424242 !important;
	color: #fff !important;
	cursor: default !important;
}

.pop_cash_body {
	padding-top: 0px !important;
}

.pop_cash {
	width: 100%;
}

.pop_cash tbody th {
	padding: 16px 0 16px 20px;
	color: #555;
	background: #fafafa;
	border-bottom: 1px solid #e4e4e4;
	text-align: left;
	font-weight: 400;
}

.pop_cash tbody td {
	padding: 0 0 0 20px;
	color: #555;
	border-bottom: 1px solid #e4e4e4;
	font-weight: 400;
}

.pop_cash tbody td .my_point2 {
	font-size: 14px;
	font-weight: 500;
}

.creator_txt {
	display: inline-block;
	margin-left: 6px;
	font-size: 13px;
	font-weight: 300;
	color: #717171;
}

.my_CreatorWrap {}

.my_CreatorBox {
	border-bottom: 1px solid #e4e4e4;
	padding: 25px 0;
	font-size: 13px;
}

.my_CreatorBox ul li {
	display: inline-block;
}

.my_creator {
	width: 55%;
	vertical-align: top;
}

.my_creator .creator {
	display: inline-block;
	vertical-align: top;
	width: 120px;
	height: 120px;
	border: 1px solid #e4e4e4;
	cursor: pointer;
}

.my_creator .creator img {
	width: 100%;
}

.my_creator .creator_info {
	width: 65%;
	display: inline-block;
	margin-left: 20px;
}

.my_creator .creator_info .name {
	color: #555;
	margin-bottom: 5px;
}

.my_creator .creator_info>h1 {
	font-size: 18px !important;
}

.my_creator .creator_info .introduce {
	width: ;
	color: #555;
	margin: 8px 0;
}

.my_creator .creator_info .creator_btnwrap button {
	font-size: 13px;
}

.my_creator_imgs .imgs_box {
	display: inline-block;
	margin-left: 10px;
}

.my_creator_imgs .imgs {
	width: 120px;
	height: 120px;
	border: 1px solid #e4e4e4;
	cursor: pointer;
}

.my_creator_imgs .imgs img {
	width: 100%;
}

.my_creator_imgs .imgs_t {
	color: #555;
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sample_list {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.sample_list nav:not(.design_top_nav) {
	width: 235px;
	background: #f7f7f7;
	color: #111111;
	-webkit-flex-shrink: 0;
	/* Safari 6.1+ */
	flex-shrink: 0;
	position: fixed;
	top: 156px;
	height: 100%;
	overflow: scroll;

}

.sample_list .select_box {
	padding-bottom: 40px;
	height: 2500px
}

.sample_list .select_box .all_select {
	font-family: montserrat;
	font-size: 18px;
	font-weight: 600;
	padding: 40px 20px 15px 25px;
	box-sizing: border-box;
}

.sample_list .select_box .select_cate {
	font-size: 16px;
	font-weight: 700;
	padding: 22px 25px 22px 25px;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}

.sample_list .select_box .select_cate:last-child {
	border-bottom: 1px solid #eeeeee;
}

.sample_list .select_box .select_cate ul {
	margin-top: 10px;
}

.sample_list .select_box .select_cate ul li {
	font-size: 13px;
	font-weight: 300;
	color: #777;
	line-height: 27px;
	letter-spacing: -0.5px
}

.sample_list .select_box .select_cate ul li:hover span {
	color: #111;
	font-weight: 400;
}

.sample_list .select_box .select_cate ul li span {
	cursor: pointer;
}

.sample_list .select_box .select_cate .check_img {
	float: right;
	margin-top: 5px;
}

.select_noti {
	padding: 0 20px;
	margin-bottom: 40px;
	box-sizing: border-box;
}

.select_noti button {
	background: #199688;
	width: 195px;
	height: 35px;
	font-size: 15px;
	font-weight: 400;
	border-radius: 5px;
	text-align: center;
	color: #fff;
}

.select_noti .noti_box {
	text-align: center;
	font-size: 12px;
	margin: 13px 0;
	color: #808080;
}

.select_noti .noti_box span {
	font-size: 10px;
	vertical-align: top;
	margin: 0 8px;
}

.sample_list .content {
	width: 100%;
	padding: 110px 0 0 235px;
}

.sample_cate {
	padding: 15px 30px;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
	position: fixed;
	top: 155px;
	background-color: #fff;
	width: 100%;
	z-index: 999;
}

.sample_cate .sample_cate_sel {
	color: #444;
	float: left;
	;
	font-weight: 500;
	cursor: pointer;
	padding: 6px 15px;
}

.sample_cate .sample_cate_sel:hover {
	color: #4ccbbd;
	padding: 6px 15px;
	border-radius: 50px;
	font-weight: 400
}

.sample_cate .on {
	float: left;
	font-weight: 700;
	margin-right: 7px;
	cursor: pointer;
	padding: 6px 15px;
	color: #000;
}

.sample_cate .search_bar {
	float: right;
	border: 1px #999 solid;
	border-radius: 20px;
	padding: 7px 15px
}

.sample_cate .search_bar input {
	border: 0
}

.sample_cate .search_bar i {
	cursor: pointer
}

.sample_search {
	float: left;
	border: 1px #777 solid;
	padding: 0 10px;
	margin-left: 20px;
	margin-top: 5px;
	font-family: Nanumbarungothic
}

.sample_search .search_box .ss_input {
	border: none;
	width: 240px;
	color: #b51c1c;
	padding: 8px 0;
	font-weight: 500;
}

.sample_search .search_box .ss_input::-webkit-input-placeholder {
	font-weight: 300;
	color: #777
}

.sample_search .search_box .ss_input:-ms-input-placeholder {
	font-weight: 300;
	color: #777
}

.sample_search .search_box .ss_input:-mos-input-placeholder {
	font-weight: 300;
	color: #777
}

.sample_search .search_box .ss_search {
	color: #333;
	cursor: pointer;
}

.sample_search .search_box .orderby_display {
	position: relative;
	display: inline-block;
	margin-left: 30px;
	border: 1px solid #c9c9c9;
	border-radius: 20px;
	padding: 0;
}

.sample_search .search_box .orderby_display>li {
	margin: 3px 12px;
	cursor: pointer;
	color: #4ccbbd;
	font-weight: 400;
}

.sample_search .search_box .ss_down {
	color: #4ccbbd;
	font-size: 10px;
}

.design_view_info {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.select_cate_list {
	display: flex;
}

.select_cate_list .select_items {
	font-weight: bold;
}

.design_view_type>ul {
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}

.design_view_type li span {
	vertical-align: 2px;
	font-size: 12px;
	color: #999;
	margin: 0 10px;
}

.order_list_view_act {
	color: #000 !important;
	font-weight: 700 !important;
}

.orderby_list_n {
	float: right;
	margin-top: 10px;
	margin-right: 20px
}

.orderby_list_n li {
	display: inline-block;
	margin: 0 6px;
	cursor: pointer;
	color: #999;
	font-size: 13px;
}

.orderby_list_n li span {
	vertical-align: 2px;
	font-size: 12px;
	color: #999
}

.orderby_list_n li:hover {
	color: #333;
	font-weight: 700
}


.sample_list .sample_design {
	margin-top: 150px;
	padding: 0px 125px 50px 45px;
	border-bottom: 1px solid #d0d0d0;
	overflow: hidden;
}

.sample_list .sd_box {
	display: flex;
	align-items: center
}

.sample_list .sd_list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 3rem 1rem;
	padding: 1.25rem;
}

/* .sample_list .sd_list .sd_list_icon {position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;height:250px} */
.sample_list .sd_list .sd_list_icon {
	position: absolute;
	width: 350px;
	height: 210px;
	display: none;
	background: rgba(0, 0, 0, 0.6);
	z-index: 4;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.sample_list .sd_list .sd_list_icon img {
	display: inline-block;
	width: 61px !important;
	margin: 0 5px;
}

.sample_list .sd_list .sd_list_icon img:hover {
	opacity: 0.8;
	transition: all ease 0.2s;
}

.sample_list .sd_list li {
	position: relative;
	width: 352px;
	margin: 9px;
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
	cursor: pointer;
}

/* .sample_list .sd_list li img {width:100%} */
.sample_list .sd_list .none_sample {
	width: 352px;
	text-align: center;
	font-size: 23px;
	font-weight: 300;
	color: #555;
	line-height: 28px;
	font-weight: 500
}

.sample_list .sd_list .none_sample i {
	color: #4bb5b1;
	font-size: 65px;
	margin-bottom: 15px;
	margin-top: 50px;
}

.sample_list .sd_list .none_sample i:hover {
	color: #435c71
}

.sample_list .sd_title {
	float: left;
	font-size: clamp(1.25rem, 3vw, 1.75rem);
	font-weight: 500;
	letter-spacing: -1px
}

.sample_list .sd_paging {
	margin-top: 30px;
	text-align: center;
}

.sample_list .search_keyword {
	float: left;
	padding: 5px 0 0 20px;
	color: #e97a53;
	font-size: 13px;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px;
}

.sample_list .search_keyword span {
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	width: 120px;
	color: #fff;
	background-color: #e97a53;
	font-weight: 500;
	margin-right: 5px;
	border-radius: 50px;
	cursor: pointer;
	font-size: 13px;
}


.sd_page {
	display: inline-block;
}

.sd_page li {
	float: left;
	width: 55px;
	padding: 15px 0;
	text-align: center;
	border: 1px solid #d6dedb;
	background: #fff;
	margin-left: -1px;
	cursor: pointer;
}

.sd_page li.on {
	background: #000;
	color: #fff;
}

.sd_page li:hover {
	background: #000;
	color: #fff;
}

.sample_list .season_sd_list {
	display: flex;
	flex-flow: row wrap;
	align-content: stretch;
}

.sample_list .season_sd_list li {
	width: 340px;
	margin: 9px;
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
	cursor: pointer;
}

.sample_list .season_sd_list li img {
	width: auto;
}

.sample_list .finish_design {
	padding: 70px 125px 50px 45px;
}

.sample_list .finish_design .fd_title_txt {
	font-size: 15px;
	font-weight: 400;
	color: #999;
	letter-spacing: 0
}

.sample_list .fd_list {
	display: flex;
	flex-flow: row wrap;
	align-content: stretch;
}

.sample_list .fd_list li {
	width: 190px;
	height: auto;
	margin: 9px;
	float: left;
}

.sample_list .fd_list li img {
	cursor: pointer;
}

.sample_list .fd_list .fd_list_t {
	background: #f8f8f9;
	border-top: 1px solid #ebebeb;
	padding: 22px;
}

.sample_list .fd_list .fd_list_txt {
	font-size: 12px;
	color: #adb0b6;
	margin-top: 20px;
}

.sortReview {
	display: flex !important;
	flex-direction: column;
	margin-left: 10px;
}

.review_score {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
}

.review_score .review_scorebox {
	display: flex;
	padding: 0 0 10px 0;
}

.review_score .review_scorebox .score {
	display: flex;
	gap: 5px;
}

.review_file {
	text-align: left;
}

/*
.review_score .review_scorebox {float:left;}
.review_file {float:right;}
*/
.review_score .score_tit {
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	vertical-align: middle;
	color: #44b6ad;
	width: 80px;
}

.review_score .score,
.review_score .score2 {
	display: inline-block;
	vertical-align: middle;
}

.review_score .score button,
.review_score .score2 button {
	background: #fff;
}

.review_score button+button {
	margin-left: 4px;
}

.review_write {
	width: 100%;
	border-top: 1px #ddd solid;
	padding: 20px 0;
	font-family: 맑은 고딕 !important
}

.review_write textarea {
	width: 85%;
	border: none;
	overflow-y: auto;
	;
	font-size: 13px;
	font-weight: 200;
	;
	font-family: 맑은 고딕 !important
}

/* 
.review_photo {width:100%;margin-top:20px;float:left}
.review_photo img {width:50%;}
 */
.review_photo {
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 580px;
}

/* .review_photo img { width:100%;max-width: 500px;margin: 0 auto;max-height: 650px; } */
.review_photo img {
	max-width: 100%;
	margin: 0 auto;
	max-height: 580px;
}

.message_wrap {}

.message_wrap .message_tab {
	margin-bottom: 20px;
}

.message_wrap .message_tab li {
	width: 50%;
	font-size: 15px;
	margin-left: -1px;
}

.cash_pop_wrap {
	padding: 10px !important;
}

.cash_pop_wrap .cash_pri {
	color: red;
	font-weight: 500;
}

.cash_pop_wrap .pop_input {
	width: 50% !important;
}

.cash_charge {
	float: right;
	margin-bottom: 5px;
}

.cash_charge button {
	font-size: 13px;
}

.pay_point {
	color: #111 !important;
	font-weight: 500 !important;
	cursor: pointer;
}

.pay_point:hover {
	text-decoration: underline;
}

.deal_number {
	color: #111 !important;
	font-weight: 500 !important;
}

.Coupon_wrap .coupon_tab {
	padding-top: 12px;
	margin-bottom: 20px;
}

.coupon_tab ul li {
	width: 33.3%;
	margin-left: -1px;
}

.coupon_tab .tab_on span {
	color: #44b6ad;
	font-weight: 500;
}

.coupon_inner {
	display: inline-block;
	width: 128px;
	height: 58px;
	color: #111;
	line-height: 55px;
	font-weight: 400;
	background-image: url('../img/coupon.png');
	background-repeat: no-repeat;
	padding-left: 25px
}

.percent {
	font-family: 'Roboto' !important;
	font-size: 22px;
	;
	letter-spacing: -1px;
}

.cpon_applybox {
	padding: 50px 45px;
	margin: 40px 0;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	box-sizing: border-box;
}

.cpon_apply {
	margin: 0 auto;
	text-align: center;
}

/* .cpon_applybox .cpon_input {width:50%;height:40px;text-align:left;padding:0px 10px;box-sizing:border-box;border:none;border-bottom:1px solid #e4e4e4;background:#fff;} */
.cpon_applybox .cpon_input {
	width: 60px;
	height: 40px;
	text-align: left;
	padding: 0px 10px;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #e4e4e4;
	background: #fff;
}

.cpon_applybox button {
	width: 13%;
	height: 40px;
	font-size: 14px;
	margin-left: 10px;
	background-color: #424242;
	color: #fff;
}

.cpon_applybox .cpon_info {
	color: #717171;
	line-height: 20px;
	font-size: 13px;
	margin-top: 30px;
}

.coupon_point {
	color: #111 !important;
	font-weight: 500 !important;
}

.cpon_down_icon {
	font-size: 32px;
}

.cp_pop {
	position: absolute;
	top: 40px;
	right: 0;
	width: 365px;
	background: #fff;
	border: 2px solid #111;
	padding: 20px 20px 25px;
	box-sizing: border-box;
	font-family: 'Noto Sans Kr';
	text-align: center;
}

.cp_pop h2 {
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.cp_popbox {
	text-align: center;
	margin: 25px 0 10px 0;
}

.cp_popbox .cp_poptit {
	font-size: 16px;
	margin-top: 15px;
	font-weight: 500;
}

.cp_popbox .cp_poplimit {
	font-size: 13px;
	color: #aaa;
	font-weight: 300;
	margin-top: -9px;
}

.cp_popimg {
	display: inline-block;
	width: 165px;
	height: 80px;
	color: #111;
	line-height: 77px;
	font-weight: 600;
	background-image: url('../img/coupon2.png');
	background-repeat: no-repeat;
	padding-left: 60px;
	font-family: 'Roboto';
	font-size: 25px;
}

.cp_pop button.cp_down {
	display: inline-block;
	width: 94px;
	height: 32px;
	color: #fff;
	background: #a00000;
}


/* /mypage/my_contentsbox.php */
.fbox {
	background: #fafafa;
}

.contents_down_table {
	width: 100%;
}

.contents_down_table tbody tr td {
	cursor: pointer;
}

.contents_down_table tbody tr td.mycontents_tb {
	width: 10% !important;
}

.contents_down_table tbody tr td.mycontents_info {
	text-align: left;
}


/* /mypage/order_list_banner.php */
.bank_data {
	border: 4px solid #efefef;
	padding: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}

.bank_data li {
	float: left;
	font-size: 15px;
	padding: 0 0 0 25px;
}

.bank_data li:first-child {
	padding: 0;
}

.bank_data li.bar {
	color: #efefef
}

.bank_data li p {
	display: inline-block;
	font-weight: 500;
	margin: 0 0 0 15px;
}

.bank_account {
	overflow: hidden;
}

.bank_account .bank_memo {
	font-size: 12px;
	width: 92%;
	float: left;
}

.bank_account .bank_t {
	color: #111;
	font-weight: 500;
}

.bank_acc {
	color: #a82323;
	font-weight: 500;
}

.bank_addpay {
	width: 8%;
	float: right;
}


/* 고객센터 */
.customer {
	width: 100%;
}

.cus_pagewrap {
	width: 1000px;
	margin: 70px auto;
}

.cus_pagewrap .cus_pagetit {
	float: left;
	font-size: 38px;
	font-weight: 400;
	margin-bottom: 20px;
	;
	color: #111
}

.cus_pagewrap .cus_pagetit_r {
	float: right;
	font-size: 15px;
	font-weight: 300;
	margin-top: 25px;
	color: #777
}

.cus_tab ul li {
	width: calc(1000px/5);
	color: #424242;
	background: #f5f5f5;
	font-size: 17px;
	font-weight: 400;
	padding: 16px 0 !important;
}

.cus_tab ul li:hover {
	color: #424242;
}

.cus_tab ul li.tab_on {
	color: #424242;
	border-top: 2px solid #111;
	border-right: 2px solid #333 !important;
}

.cus_searchbox {
	margin: 25px 0;
	padding: 37px 0;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
}

.cus_searchbox .tit {
	color: #424242;
	font-size: 23px;
	font-weight: 500;
	display: inline;
	margin-right: 10px;
}

.cus_searchbox .input_text {
	width: 479px;
	height: 43px;
	line-height: 43px;
	padding-left: 10px;
	border: 1px solid #e4e4e4;
	font-size: 16px;
}

.cus_searchbox .cus_btn {
	width: 80px;
	height: 46px;
	font-size: 16px;
	margin-left: 3px;
}

.cus_contarea {
	padding-top: 30px;
}

.cus_contarea .cus_box {
	border-top: 2px solid #999;
}

.cus_contarea .cus_box .cus_q li {
	font-size: 15px;
	color: #424242;
}

.cus_contarea .cus_box .cus_q i {
	font-size: 22px;
	color: #999;
	vertical-align: middle;
	cursor: pointer;
}

.cus_contarea .cus_box .cus_a {
	font-size: 15px;
	color: #424242;
}

.cus_contarea .faq_status {
	color: #424242;
}


.cus_table {
	margin-top: 40px;
}

.cus_table thead th,
.cus_table tbody td {
	color: #424242;
}

.cus_pagewrap .notice_title {
	font-weight: 500;
	text-align: left;
	cursor: pointer;
}

.cus_pagewrap .notice_icon {
	background: #47bdb0;
	color: #fff;
	width: 55px;
	margin: 0 auto;
	font-size: 12px;
}


.pcus_area {
	width: 1100px;
	margin: 30px auto;
}

.pcus_c_area {
	float: left;
	width: 800px;
	position: relative;
	padding-right: 30px;
}

/*/mypage/buy_order.php*/
.buy_pagewrap {
	padding-bottom: 70px;
}

.buy_order_tab a {
	cursor: default;
}

.buy_order_tab .cart_nav_bar {
	margin: 0 23px !important;
}

.agree_text {
	width: 1140px;
	height: 350px;
	color: #555;
	border: 1px solid #e4e4e4;
	padding: 10px;
	box-sizing: border-box;
}

.agree_check {
	float: right;
	margin: 10px 0;
	font-weight: 500;
	font-size: 15px;
}

.buy_agree {
	width: 1140px;
}

.buy_agree_form {
	width: 100%;
}

.buy_agree_form .agree_content {}

.f_point {
	font-size: 15px;
	font-weight: 500 !important;
}

.buy_total_price {
	font-size: 16px;
	font-weight: 500;
	padding: 15px 10px;
	border-bottom: 2px solid #999;
	text-align: right !important;
}

.buy_total_price span {
	display: inline-block;
	margin-left: 20px;
	font-size: 18px;
	font-weight: 500;
	color: #fc4949;
}

.buy_coupon {
	cursor: pointer;
}

.buy_form {
	margin-top: 48px;
	overflow: hidden;
}

.buy_order_form {
	width: 100%;
	border-top: 1px solid #999;
	font-size: 13px;
	letter-spacing: -0.5px;
	font-family: '맑은 고딕', 'Malgun Gothic', sans-serif !important;
}

.buy_order_form th {
	width: 13%;
	font-weight: 700;
	text-align: left;
	border-bottom: 1px solid #e4e4e4;
	padding-left: 18px;
	background: #fafafa;
	box-sizing: border-box;
}

.buy_order_form td {
	width: 87%;
	line-height: 23px;
	border-bottom: 1px solid #e4e4e4;
	padding: 8px 20px;
	box-sizing: border-box;
}

.buy_input {
	width: 90%;
	font-size: 13px;
	padding: 4px;
	font-family: '맑은 고딕', 'Malgun Gothic', sans-serif !important;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
}

.btn_buy {
	text-align: center;
	margin-top: 20px;
}

.btn_buy button {
	width: 15%;
	padding: 12px 0;
	font-size: 15px;
	margin: 2px;
	background-color: #b10000;
	color: #fff;
	font-weight: 500
}

.have_cash {
	font-weight: 500;
}

.buy_total_box {
	border: 1px solid #dbdbdb;
	margin-top: 0 !important;
}

.call_text {
	display: inline-block;
}

.p_goods_opt .p_goods_tb {
	text-align: center;
	height: 100px;
}

.p_goods_opt .p_goods_tb img {
	max-height: 100%;
	width: 100%;
}

.p_goods_opt .p_goods_tb2 {
	text-align: center;
	height: 50px;
}

.p_goods_opt .p_goods_tb2 img {
	max-height: 100%;
	width: 100%;
}

/* .p_goods_opt .p_goods_tb img { width:100%; } */

/*/mypage/buy_order_goods.php*/
.addr_post {}

.addr_post div {
	display: inline-block;
}

.buy_form_btn {
	width: 8%;
	padding: 5px;
	color: #fff;
	background: #32969f;
}

.form_order_text {
	line-height: 19px;
	font-size: 13px;
	padding-top: 5px;
}

.addr_box {}

.addr_box .addr_list {
	margin-top: 8px;
}

.addr_radio {
	display: inline-block;
	margin-left: 10px;
}

.addr_radio:first-child {
	margin-left: 0 !important;
}

.cash_select {
	width: 100%;
	font-family: '맑은 고딕', 'Malgun Gothic', sans-serif;
	border: 1px solid #dbdbdb;
	padding: 4px;
	box-sizing: border-box;
}


/*mypage 결제완료*/
.result_txt_wrap {
	padding: 20px 0 40px 0;
	color: #111;
	font-size: 32px;
	font-weight: 500;
	text-align: center;
}

.result_txt_wrap span {
	font-weight: 600;
}

.result_total_pri {
	font-size: 18px;
	font-weight: 500;
	color: #fc4949;
}

.result_bank_info {
	font-weight: 500;
	color: #32969f;
}

.order_number {
	color: #111;
	font-weight: 500;
	font-size: clamp(16px, 3vw, 18px) !important;
}

.order_number span {
	color: #fc4949;
}

.cash_receipt {
	display: block;
	font-size: clamp(13px, 3vw, 15px);
	;
	font-weight: 300;
	color: #777;
	margin-top: 15px;
}



/* PROGRAM */

.upload_img {
	display: block;
	margin: 10px auto;
	text-align: center;
}

.upload_img label {
	display: block;
	padding: 0;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	width: 300px;
	height: 300px;
	border: 1px #ddd solid;
	margin: 30px auto 0;

}

.upload_img label:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.upload_img input[type="file"] {
	/* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.upload_img i {
	font-size: 60px;
	color: #999;
	position: absolute;
	left: 50%;
	top: 40%;
	cursor: pointer;
	z-index: 1;
	transform: translateX(-50%);
}



/* paging */
.pagenum {
	display: inline-block;
	min-width: 23px;
	border: 1px solid transparent;
	font-weight: 500;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-family: montserrat;
	color: #999 !important;
}

.pagenum:hover {
	color: #855e4e;
}

.pagenum.current {
	color: #000 !important;
	text-decoration: underline;
	font-weight: 600
}

.move_btn {
	color: gray;
}

.disabled {
	color: silver;
}

.paging_area {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	align-items: center;
	text-align: center;
	margin-top: 30px;
}


#print {
	background-color: #e6e3dc;
	border-top: 1px #ccc solid
}

#print .np_area {
	width: 1100px;
	margin: 0 auto;
	padding: 15px 0
}

#print .np_area .np_left {
	float: left
}

#print .np_area .np_bn {
	float: left;
	margin-left: 5px
}

#print .np_area .np_slide {
	float: left;
	width: 600px;
	height: 463px;
	background-color: #8ea4da
}

#print .np_area .bn23 {
	float: left;
	margin-left: 10px
}

#print .np_area .bn23 .bn2 {
	width: 295px;
}

#print .np_area .bn23 .bn3 {
	width: 295px;
	margin-top: 12px
}

#print .np_area .bn_c {
	float: left;
	background-color: #fff;
	width: 295px;
	height: 213px;
	margin-right: 10px;
	margin-top: 10px;
}



.flat_area {
	float: left;
	background-color: #fff;
	padding: 50px;
	margin-left: 15px;
	width: 910px
}

.flat_title {
	font-size: 21px;
	font-weight: bold;
	margin: 10px 0
}

.flat_c {
	line-height: 24px;
	font-size: 13px
}

.flat_certification {
	border: 1px #ddd solid;
	padding: 15px;
	line-height: 20px;
	font-size: 13px
}

.trianglelink {
	position: relative;
	z-index: 1000;
	cursor: pointer;
	left: 745px;
}

.trianglelink2 {}

.season {
	background-color: #f9f9f9;
	height: 100%;
}

.season .sea_list {
	margin: -60px auto;
	background-color: #fff;
	width: 1200px;
	padding: 60px
}

.season .sea_list .sea_t {
	text-align: center;
	font-size: 26px;
	font-weight: 300;
	margin: 40px 0;
	letter-spacing: -1px;
}

.season .sea_tab {
	width: 1077px;
	margin: 0 auto 70px auto
}

.season .sea_tab ul {
	display: flex;
}

.season .sea_tab ul li {
	width: 300px;
	height: 60px;
	;
	text-align: center;
	font-size: 18px;
	line-height: 57px;
	z-index: 999;
	background-color: #f5f5f5;
	border-bottom: 1px #333 solid;
	;
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	font-weight: 400;
	cursor: pointer;
	color: #999
}

.season .sea_tab ul li:first-child {
	border-left: 1px #ccc solid
}

.season .sea_tab ul li:hover {
	;
	width: 301px;
	margin-top: -1px;
	margin-left: -1px;
	background-color: #fff;
	line-height: 58px;
	color: #111;
	border-top: 1px #111 solid;
	border-left: 1px #111 solid;
	border-right: 1px #111 solid;
	border-bottom: 0
}

.season .sea_tab ul li.hover {
	;
	width: 301px;
	margin-top: -1px;
	margin-left: -1px;
	background-color: #fff;
	line-height: 58px;
	color: #111;
	border-top: 1px #111 solid;
	border-left: 1px #111 solid;
	border-right: 1px #111 solid;
	border-bottom: 0
}

.season_more {
	width: 170px;
	padding: 15px 20px;
	border-radius: 50px;
	margin: 0 auto;
	font-weight: 700;
	font-size: 13px;
}

.season_more i {
	padding: 5px;
}

#tags_div {
	margin: 30px 0 70px 0;
	padding-left: 5px;
}

#tags_div li {
	display: inline-block;
	text-align: center;
	border: 1px #aaa solid;
	color: #888;
	border-radius: 30px;
	margin: 0 5px 5px 0;
	padding: 3px 15px;
	font-size: 13px;
	cursor: pointer
}


.finishing_list {}

.finishing_list ul>li {
	display: inline-block;
	font-size: 13px;
}

/* 가입완료 및 구매완료 페이지 */
.OK_wrap {
	width: 700px;
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 100px;
}

.OK_box {
	font-size: 20px;
	margin-bottom: 70px;
	font-weight: 300;
	text-align: center;
	color: #000;
}

.OK_box span {
	font-weight: 400;
}

.OK_box b.mem_ID {
	color: #49bfb6 !important;
}

.ok_btnbox {
	text-align: center;
}

.ok_btnbox button {
	width: 180px;
	padding: 13px 0;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #000;
	background: #fff;
	color: #000;
}

.Charge_box {
	font-size: 17px;
	font-weight: 300;
	line-height: 25px;
	;
}

.Charge_box .member_ID {
	color: #49bfb6;
	font-weight: 500;
}

.Charge_box .charge_p {
	font-weight: 500;
}

#account_info_div {
	width: 100%;
	margin: 20px auto;
}

#account_info_div table {
	border-collapse: collapse;
	font-size: 16px;
	margin: 0 auto;
}

#account_info_div table th {
	width: 128px;
	border: 1px solid #ddd;
	padding: 10px;
	font-weight: 500;
	background: #f7f7f7
}

#account_info_div table td {
	width: 150px;
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
}

.account_info_box {
	padding-top: 25px;
	padding-bottom: 25px;
}

.charge_btnbox {
	text-align: center;
}

.charge_btnbox button {
	width: 180px;
	padding: 13px 0;
	font-size: 16px;
	font-weight: 400;
	background: #000;
	color: #fff;
}


.review_event_t {
	font-size: 27px;
	text-align: center;
	font-weight: 500;
	margin: 30px 0 10px 0
}

.review_event {
	margin-top: 20px;
	background-color: #f9f9f9;
	padding: 40px;
	font-family: 맑은 고딕;
	letter-spacing: -0.5px
}

.review_event ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	;
}

.review_event li {
	font-size: 12px;
	color: #555;
}

.review_event li.line {
	border-right: 0
}

.review_event .ree_t {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333
}

.review_event .ree_st {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 3px
}

.review_event .ree_c {
	float: left;
	margin-bottom: 5px;
	font-size: 12px;
	color: #555;
	line-height: 20px
}

.review_event .ree_c_area {
	margin-top: 20px;
	border-top: 1px #ddd solid;
	padding-top: 20px
}

.review_event .ree_icon {
	float: left;
	margin-right: 10px;
	font-size: 25px;
	color: #fdac1f
}

@media (max-width:800px) {
	.review_event {
		padding: 20px
	}

	.review_event li {
		width: 100%;
		margin-bottom: 20px;
	}
}

.design_review_t {
	font-size: 42px;
	font-weight: 200;
	text-align: center;
	margin-top: clamp(30px, 3vw, 50px);
}

.design_review_t span {
	font-weight: 500
}

.design_review_st {
	font-size: 14px;
	color: #777;
	text-align: center;
	margin-top: 15px;
	font-weight: 200
}

.design_review {
	width: 1050px;
	margin: 70px auto;
	font-family: 맑은 고딕;
	font-size: 12px
}

.design_review ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.design_review ul li {
	border: 1px #ddd solid;
	width: 230px;
	height: 310px;
}

.design_review ul li .dr_img img {
	width: 100%
}

.design_review ul li .dr_c {
	;
	color: #333;
	margin: 20px 20px 5px 20px;
	font-weight: 200;
	text-align: justify;
	line-height: 15px
}

.design_review ul li .dr_name {
	;
	color: #888;
	margin: 0 20px
}

.design_review ul li .dr_info {
	margin: 20px 20px;
	border-top: 1px #ddd solid;
	padding-top: 15px
}

.design_review ul li .dr_info .dri_img {
	float: left;
	width: 45px;
}

.design_review ul li .dr_info .dri_img img {
	width: 100%
}

.design_review ul li .dr_info .dri_info {
	float: left;
	margin-left: 10px;
	width: 125px
}

.design_review ul li .dr_info .dri_info .dri_name {
	;
	color: #777;
}

.design_review ul li .dr_info .dri_info .dri_num {
	margin-top: 4px
}

.design_review ul li .dr_info .dri_info .dri_num .dri_num1 {
	float: left;
	;
	width: 45%;
	color: #999
}

.design_review ul li .dr_info .dri_info .dri_num .dri_num2 {
	float: left;
	;
	width: 45%;
	color: #999
}

.design_review ul li .dr_info .dri_info .dri_num .dri_num1 span {
	color: #7e644b
}

.design_review ul li .dr_info .dri_info .dri_num .dri_num2 span {
	color: #7e644b
}

.dr_btn_wrap {
	width: 300px;
	margin: 0 auto 80px auto
}

.dr_btn_wrap .dr_btn_next {
	width: 300px;
	padding: 20px 0;
	font-size: 23px;
	font-weight: 400;
	border-radius: 5px;
}

.design_review_list {
	width: 1050px;
	margin: 0 auto
}

.design_review_pt {
	font-size: 20px;
	font-weight: 500;
	margin: 15px auto;
	width: 1050px;
}


/* 월별 후기 베스트 */
.best_reviewer_wrap {
	margin: 40px auto 100px;
}

.best_reviewer h1 {
	font-weight: 700;
	font-size: 35px;
	text-align: center;
}

.best_reviewer .reviewer_txt {
	background: #f5f6fa;
	padding: 12px 0;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 300;
	text-align: center;
}

.best_reviewer ul {
	margin-top: 10px;
}

.best_reviewer ul li {
	display: block;
	border-bottom: 2px solid #f5f6fa;
	padding: 16px 0;
	overflow: hidden;
}

.best_reviewer .reviewer {
	display: inline-block;
	width: 25%;
	padding: 0 5px;
	box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
}

.best_reviewer .reviewer h2 {
	font-size: 19px;
}

.best_reviewer .review {
	display: inline-block;
	width: 65%;
	color: #666;
	vertical-align: middle;
	text-align: left;
}

.best_reviewer .review .review_item {
	font-weight: 700;
	cursor: pointer;
}

.best_reviewer .review .star i {
	color: #42a4aa;
	font-size: 12px;
}

.best_reviewer .review_cash {
	display: inline-block;
	width: 14%;
	vertical-align: middle;
	text-align: center;
}

.moreRead {
	display: block;
	margin-top: 5px;
	font-weight: 500;
	font-size: 13px;
}

.review_msg {
	height: 60px;
	overflow-y: hidden;
}


#viewThisImgDiv {
	display: flex;
	justify-content: center;
	align-items: center;
}


.design_review2 {
	border: 1px #ddd solid;
	width: 230px;
	height: 310px;
}

.design_review2 .dr_img img {
	width: 100%
}

.design_review2 .dr_c {
	;
	color: #333;
	margin: 20px 20px 10px 20px;
	font-weight: 200;
	text-align: justify;
	line-height: 17px;
	min-height: 45px;
}

.design_review2 .dr_name {
	;
	color: #888;
	margin: 5px 20px 0 20px
}

.design_review2 .dr_info {
	margin: 20px 20px;
	border-top: 1px #ddd solid;
	padding-top: 15px
}

.design_review2 .dr_info .dri_img {
	float: left;
	width: 45px;
}

.design_review2 .dr_info .dri_img img {
	width: 100%
}

.design_review2 .dr_info .dri_info {
	float: left;
	margin-left: 10px;
	width: 125px
}

.design_review2 .dr_info .dri_info .dri_name {
	;
	color: #777;
	margin-top: -5px
}

.design_review2 .dr_info .dri_info .dri_num {
	margin-top: 4px
}

.design_review2 .dr_info .dri_info .dri_num .dri_num1 {
	float: left;
	;
	width: 45%;
	color: #999
}

.design_review2 .dr_info .dri_info .dri_num .dri_num2 {
	float: left;
	;
	width: 45%;
	color: #999
}

.design_review2 .dr_info .dri_info .dri_num .dri_num1 span {
	color: #7e644b
}

.design_review2 .dr_info .dri_info .dri_num .dri_num2 span {
	color: #7e644b
}


.afterSlideBgImg {
	width: 238px;
	height: 143px;
	overflow: hidden;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.afterSlideSmImg {
	width: 45px;
	height: 30px;
	overflow: hidden;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.afterSlideImg {
	width: 45px;
	height: 30px;
	overflow: hidden;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}



.designSlideDiv {
	position: relative;
}

.swiperNavDiv {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-between;
	width: 1120px;
	height: 43px;
	position: absolute;
	left: 50%;
	margin: 150px 0 0 -560px;
}

.swiper-button-prev2 {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	height: 43px;
	width: 26px;
	cursor: pointer;
}

.swiper-button-next2 {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	height: 43px;
	width: 26px;
	cursor: pointer;
}

.review_sample {
	overflow: hidden;
}

.sample_tit {
	display: inline-block;
	color: #43b7ad;
	border-bottom: 1px solid #43b7ad;
	font-size: 13px;
	font-weight: 400;
}

.review_sample h5 {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	padding: 10px 0;
}


/* 이미지 슬라이드 높이 관련 */
.slideItem {
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.instagramFeeds {
	width: 1200px;
	margin: 30px auto;
}

.instaTitle {
	font-size: 50px;
	text-align: center;
	margin-bottom: 30px;
}

.memberTitle {
	font-size: 20px;
}



.myImageBox {
	width: 50px;
	height: 50px;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center center;
	overflow: hidden;
	background-repeat: no-repeat;
}

.myImageBox img {
	visibility: hidden;
}




/* ********************************************* after.php ********************************************* */
.adminCmtListDiv {
	margin-top: 10px;
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
}

.adminCmtList {
	display: flex;
	flex-direction: row-revers;
	width: 100%;
	padding: 15px 0;
	font-size: 12px;
	color: #286c72;
	line-height: 20px;
}

.adminCmtList:last-child {
	border-top: 1px dashed #ccc;
}

.adminCmtList div:nth-child(1) {
	flex-basis: 77%;
	text-align: left;
	padding-left: 10px;
}

.adminCmtList div:nth-child(2) {
	flex-basis: 10%;
	text-align: center;
}

.adminCmtList div:nth-child(3) {
	flex-basis: 10%;
	text-align: center;
}

.adminCmtList div:nth-child(4) {
	flex-basis: 3%;
	text-align: center;
}

.fa-reply {
	transform: rotate(180deg);
}



.after_admin_msg {
	font-size: 12px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 15px 5px;
	color: #286c72;
	border-top: 1px #eee dashed
}

.aam_content {}

.aam_info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.aam_info div {
	padding: 0 5px;
}


#imgDetailModal {
	width: auto !important;
	max-width: auto !important;
}

#imgDetailModal .modal {
	max-width: auto !important;
}



/* ********************************************* event ********************************************* */
.event_wrap {
	width: 100%;
}

.ev_top {
	background: url('../img/quiz_top_bg.jpg')no-repeat center;
	height: 1035px;
	text-align: center;
}

.ev_top img {
	margin-top: 100px;
}

.ev_area01 {
	background: #dffffc;
	padding: 0 0 120px 0;
	text-align: center;
}

.ev_area01 .ev_noti {
	font-size: 21px;
	color: #434343;
	font-weight: 400;
	line-height: 28px;
}

.ev_area02 {
	background: #99fff4;
}

.ev_area02 .cash_tip {
	text-align: center;
	padding: 120px 0;
}

.ev_area02 .page_go {
	background: #132927;
}

.ev_area02 .page_go .page_go_box {
	width: 990px;
	margin: 0 auto;
	padding: 60px 0;
}

.page_go_box ul li {
	display: inline-block;
	margin-left: 56px;
	cursor: pointer;
}

.page_go_box ul li:first-child {
	margin-left: 0;
}

.quiz_zone {
	padding-top: 120px;
}

.quiz_box {
	position: relative;
	width: 990px;
	margin: 0 auto;
	margin-top: 65px;
	text-align: left;
}

.quiz_box .q_arrLeft {
	position: absolute;
	top: 50%;
	left: -60px;
	cursor: pointer;
}

.quiz_box .q_arrRight {
	position: absolute;
	top: 50%;
	right: -60px;
	cursor: pointer;
}

.quiz_head {
	background: #222a2f;
	border-radius: 8px 8px 0 0;
	padding: 28px 0 28px 38px;
	color: #fff4b4;
	font-size: 25px;
	font-weight: 400;
}

.quiz_body {
	position: relative;
	background: #fff;
	min-height: 400px;
	border-radius: 0 0 8px 8px;
	padding: 43px 38px;
	color: #222a2f;
	display: flex;
	flex-direction: column;
}

.quiz_body .quiz {
	display: inline-block;
}

.quiz_body .quiz li {
	margin-top: 20px;
	cursor: pointer;
}

.quiz_body .quiz li.answer_chk div.q_answer {
	color: #ec0e23;
}

.quiz_body .quiz li.answer_chk div.q_num {
	color: #ec0e23;
	border: 1px solid #ec0e23;
}

.quiz_body .quiz li:first-child {
	margin-top: 0;
}

.quiz_body .quiz .q_num {
	display: inline-block;
	width: 43px;
	height: 43px;
	line-height: 40px;
	border: 1px solid #222a2f;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	border-radius: 100px;
}

.quiz_body .quiz .q_answer {
	display: inline-block;
	font-size: 25px;
	font-weight: 700;
	margin-left: 18px;
}

.quiz_body .q_image {
	position: absolute;
	right: 28px;
	top: 28px;
}

.quiz_body .hint {
	position: absolute;
	right: 28px;
	bottom: 28px;
}

.quiz_step {
	margin-top: 60px;
}

.quiz_step ul li {
	display: inline-block;
	margin-left: 20px;
}

.quiz_step ul li:first-child {
	margin-left: 0;
}

.q_popLayer {
	position: absolute;
	z-index: 1;
	top: 40%;
	left: 50%;
	transform: translate(-50%);
}

#pop_LayerWrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99999;
}

#pop_LayerWrap .pop_Layer {
	position: fixed;
	width: 438px;
	height: 566px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	background: url('../img/review_event.jpg')no-repeat;
}

.pop_Layer .pop_close {
	position: absolute;
	right: 8px;
	bottom: -30px;
	color: #ddd;
	font-size: 18px;
	font-weight: 500;
}

.pop_close a.close-modal {
	background-image: none !important;
}

.shopCardOrder {
	margin-top: 20px;
	background-color: #d00202;
	padding: 0.5rem 0;
	color: #fff;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	font-weight: 500;
	cursor: pointer;
	font-size: 0.875rem;
}

.max_per {
	display: inline-block;
}

.feed_wrap {
	width: 100%;
	position: relative;
	display: block;
}

.feed_div {
	background: #dee9ec;
	padding: 70px 0;
}

.feed_box {
	width: 1300px;
	box-shadow: 3px 3px 10px #c6d9de;
	margin: 0 auto;
	background: #fff;
	border-radius: 30px;
	text-align: center;
}

.feed_layout {
	width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 60px 0;
}

.main_title {
	position: relative;
	text-align: left;
	font-size: 21px;
	font-weight: 500;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 12px;
	margin-bottom: 30px;
}

.review_div {}

.more {
	font-size: 13px;
	font-weight: 300;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 20%;
}

.review_mlist li {
	display: block;
	clear: both;
	padding: 24px 10px 23px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}

.review_tb {
	width: 200px;
	float: left;
	margin-right: 20px;
}

.review_tb img {
	width: 100%;
}

.review_cnt {
	width: 300px;
	float: left;
}

.review_cnt:hover .review_name,
.review_cnt:hover .review_txt {
	cursor: pointer;
}

.review_name {
	margin-bottom: 20px;
}

.review_name span {
	width: 45px;
	display: inline-block;
	margin-right: 5px;
}

.review_name span>img {
	width: 100%;
}

.review_name h5 {
	width: 245px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
	font-weight: 500;
	margin: 0;
	vertical-align: middle;
}

.review_txt {
	font-family: '맑은 고딕', sans-serif;
	letter-spacing: -0.5px;
	max-height: 38px;
	overflow: hidden;
	text-align: left;
	color: #8d8d90;
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
	word-break: keep-all;
	margin-bottom: 15px;
}

.grade_box {
	text-align: left;
}

.grade_box .grade {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	font-weight: 600;
	font-size: 16px;
}

.grade_box .who {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 13px;
	color: #8d8d90;
}

.author_box {
	margin-left: 65px;
}

.feed_mlist {
	width: 450px;
}

.feed_mlist li {
	height: 100px;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	padding: 20px 0px 20px 0px;
	box-sizing: border-box;
}

.feed_tb {
	width: 50px;
	float: left;
}

.feed_tb img {
	width: 100%;
	border-radius: 10px;
}

.feed_txt {
	font-family: '맑은 고딕', sans-serif;
	letter-spacing: -0.5px;
	padding-left: 15px;
	overflow: hidden;
	text-align: left;
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
	word-break: keep-all;
}

.feed_time {
	text-align: left;
	font-size: 13px;
	color: #8d8d90;
	margin-top: 10px;
}

.author_arr {
	position: absolute;
	right: 0;
}

/*작작 활동피드*/
.jak_pf {
	display: flex;
	justify-content: left;
	flex-wrap: wrap
}

.jak_pf li {
	margin: 4px 8px 4px 0
}

.jak_pf li:nth-child(5) {
	margin-right: 0
}

.jak_pf li img {
	width: 233px;
}

.jak_feed {
	font-family: 맑은 고딕;
	letter-spacing: -0.5px;
	border-bottom: 1px #ddd solid;
	padding: 12px 5px
}

.jak_feed_t {
	float: left;
	width: 750px;
	margin-left: 15px
}

.feed_pro {}

.feed_pro .feed_pro_img {
	float: left;
}

.feed_pro .feed_pro_img img {
	border-radius: 50px
}

.feed_c {
	float: left;
	width: 650px;
	font-size: 13px;
	height: 30px;
}

.feed_pro_name {
	font-size: 12px;
	font-weight: bold;
	color: #333
}

.feed_goods {
	color: #2a808f;
	font-weight: bold;
}

.feed_date {
	float: right;
	font-size: 12px;
	color: #777
}

.feed_view {
	margin-top: 20px;
	color: #777;
	font-size: 12px;
}

.feed_view i {
	font-size: 10px
}

.jak_feed_img {
	float: left;
	width: 70px;
	height: 70px;
}

.jak_feed_img img {
	width: 100%
}

.jak_join {
	float: right;
	margin-top: 5px
}

.main_list_more {
	float: left;
	color: #777;
	margin-left: 415px;
	margin-top: 40px;
	font-size: 12px;
	cursor: pointer;
	border: 1px #ddd solid;
	padding: 3px 10px;
	border-radius: 50px
}



.flex_c {
	display: flex;
	flex-direction: column;
}

.flex_r {
	display: flex;
	flex-direction: row;
}


/*footer*/

.picok_tail {
	width: 100%;
	max-width: 100vw;
	overflow-x: hidden;
	padding: 40px 100px;
	font-family: NanumBarunGothic;
	color: #fff;
	background-color: #444;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.picok_tail .taillMenuBox {
	max-width: 600px;
	display: flex;
	margin-top: 20px;
}

.picok_tail .tail_menu {
	margin-left: 70px;
	border-left: 1px #555 solid;
	padding-left: 30px;
	height: auto;
}

.picok_tail .tail_info {
	max-width: 500px;
}

.picok_tail .tail_info .tail_pricacy {}

.picok_tail .tail_info .tail_pricacy li {
	display: inline-block;
	margin-right: 20px;
	font-weight: 500;
	font-size: 13px;
	cursor: pointer
}

.picok_tail .tail_info .tail_pricacy li a {
	color: #fff;
}

.picok_tail .tail_info .tail_info_c {
	font-size: 12px;
	color: #aaa;
	line-height: 23px;
	margin-top: 10px
}

.picok_tail .tail_menu .tail_menu_t {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 15px
}

.picok_tail .tail_menu .tail_menu_l li {
	font-size: 12px;
	margin-top: 10px;
	cursor: pointer
}

.picok_tail .tail_menu .tail_menu_l li a {
	color: #aaa;
}

.picok_tail .tail_wrap {
	width: 100%;
}

.picok_tail .tail_company {
	width: 100%;
}

@media (max-width: 1200px) {
	.picok_tail {
		padding: 20px 20px;
		justify-content: normal
	}

	.picok_tail .tail_menu {
		margin: 0;
		margin-bottom: 20px;
	}

	.picok_tail .tail_info .tail_pricacy li {
		margin-right: 15px;
	}

	.picok_tail .tail_info .tail_info_c {
		line-height: 18px;
	}

	.picok_tail .tail_menu {
		border: 0;
		padding-left: 0;
		padding-right: 20px;
	}

	.picok_tail .taillMenuBox {
		width: 100%;
		display: block
	}

	.picok_tail .tail_info .tail_pricacy {
		border-bottom: 1px #555 solid;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.picok_tail .tail_info .tail_pricacy ul {}

	.picok_tail .tail_menu .tail_menu_l {
		display: flex;
		flex-wrap: wrap;
	}

	.picok_tail .tail_menu .tail_menu_l li {
		margin-right: 10px;
		margin-top: 0
	}

	.picok_tail .tail_menu .tail_menu_t {
		margin-bottom: 5px;
	}
}



.contentBannerDiv {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 5vw;
	margin-top: 1.5rem;
	padding: 1.25rem;
	border-top: 1px solid var(----grey-4, #ccc);
}

.contentBannerDiv .itemList,
.shopBannerDiv .itemList {
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 0.875rem;
}

.contentBannerDiv .itemList .item {
	width: 100%;
	cursor: pointer;
}

.shopBannerDiv {
	margin-top: 30px;
	width: 100%;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	gap: 20px;
}

.shopBannerDiv:not(.mobile) {
	max-width: 488px;
}

.shopBannerDiv.mobile {
	display: none;
}

.contentBannerItems,
.shopBannerItems {
	width: 100%;
}

.contentBannerItems>p,
.shopBannerItems>p {
	font: 500 0.875rem "Pretendard";
	line-height: 1.5;
	margin-bottom: 0.875rem;
	color: #222
}

.contentBannerItems .item,
.shopBannerItems .item {
	aspect-ratio: 1 / 1;
}

.contentBannerItems .item div:not(:has(img)),
.shopBannerItems .item div:not(:has(img)) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 0.75rem;
	text-overflow: ellipsis;
}

.contentBannerItems .item .itemName,
.shopBanner_slide .swiper-slide .itemName {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.5;
	height: 2rem;
	font: 400 0.875rem "Pretendard";
	color: #444;
	word-wrap: break-word;
	word-break: keep-all;
	margin-bottom: 0.5rem;
}

.contentBannerItems .item .salePrice,
.shopBanner_slide .salePrice,
.shopBannerItems .salePrice {
	font: 700 0.875rem "Montserrat";
}

.contentBannerItems .item .sale,
.shopBanner_slide .sale,
.shopBannerItems .sale {
	font: 700 0.875rem "Montserrat";
	color: #ff0000;
}

.contentBannerItems .item .costPrice,
.shopBanner_slide .costPrice,
.shopBannerItems .costPrice {
	font: 400 0.75rem "Montserrat";
	color: #888;
	text-decoration: line-through;
}

.contentBannerItems .item div:has(img),
.shopBannerDiv .itemList .item {
	width: 100%;
	height: 100%;
}

.contentBannerItems .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	outline: 1px solid #ececec;
}

.contentBannerItems .item img:hover {
	opacity: .75;
}

.shopBannerItems {
	width: 100%;
}

.shopBanner_slide .swiper-slide {
	border-radius: 0;
}

.shopBanner_slide .swiper-slide>div {
	display: flex;
	gap: 1rem;
	cursor: pointer;
}

.shopBanner_slide .swiper-slide>div:hover img {
	opacity: .6;
}

.shopBanner_slide .swiper-slide .img_wr {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 8rem;
	height: 5.3rem;
	aspect-ratio: 3 / 2;
	overflow: hidden;
}

.shopBanner_slide .swiper-slide .img_wr2 {
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 3 / 2;
	overflow: hidden;
}

.shopBanner_slide .swiper-slide .item_wr {
	flex: 1 1;
	margin-top: 0.5rem;
}

.shopBanner_slide .arrow-left,
.shopBanner_slide .arrow-right {
	bottom: calc(50% - 35px);
}

.shopBanner_slide .arrow-left {
	left: 0.5rem;
}

.shopBanner_slide .arrow-right {
	right: 0.5rem;
}

.shopBanner_slide2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}


.shopBannerDiv .itemList {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: center;
	align-items: start;
	gap: 10px;
}

.shopBannerDiv .itemList .item {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid #ddd;
	cursor: pointer;
}

.shopBannerItems .itemList .item {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0 !important;
	border: 0;
	cursor: pointer;
}

.shopBannerDiv .item .itemImageDiv {
	width: 100%;
	height: 100%;
	object-fit: cover;
	outline: 1px solid #ececec;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.shopBannerDiv .item .itemImageDiv:hover {
	opacity: .6;
}

.shopBannerDiv .itemList .itemDesign {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid #ddd;
	cursor: pointer;
}

.shopBannerDiv .itemDesign .itemImageDiv {
	width: 140px;
	height: 110px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.shopBannerDiv .itemDesign .itemContentDiv {
	max-width: 330px;
	white-space: nowrap;
	/* 텍스트를 한 줄로 표시합니다 */
	overflow: hidden;
	/* 넘치는 텍스트를 숨깁니다 */
	text-overflow: ellipsis;
	/* 생략 부호(...)를 추가합니다 */
}

.imageHidden {
	visibility: hidden;
	width: 100px;
	height: 70px;
}


.free_event_div {
	text-align: center;
	width: 75%;
	margin: 0 auto 20px;
}

.free_event_div_pc {
	display: flex;
	justify-content: center;
}

.free_event_div_mobile {
	display: none;
}

.free_event_div2 {
	text-align: center;
	width: 65%;
	margin: 0 auto 20px;
}

@media (max-width: 768px) {
	.free_event_div_pc {
		display: none;
	}

	.free_event_div_mobile {
		display: flex;
	}

	.free_event_wr {
		width: fit-content;
		margin: 1rem auto 3rem;
		padding: 2rem 0.75rem 0;
		text-align: center;
		border: none;
		border-top: 1px solid #bcbcbc;
	}

	.free_event_img {
		margin: auto;
	}

	.free_event_flex {
		flex-direction: column;
	}
}

@media (max-width: 1200px) {
	.free_event_div {
		width: 100%;
	}

	.free_event_div2 {
		width: 100%;
	}
}

.contentBuyDiv {
	text-align: center;
	font-size: 15px;
}

.contentBuyDiv .point_c {
	font-size: 16px;
	padding: 10px 0;
	font-weight: bold;
	cursor: pointer;
}

.contentBuyButton {
	margin-top: 5px;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid #000;
	background: #fff;
	color: #000;
	border-radius: 5px;
}


@media (max-width: 1200px) {
	.shopBannerDiv:not(.mobile) {
		display: none;
	}

	.shopBannerDiv.mobile {
		display: block;
	}

	.contentBannerDiv {
		flex-direction: column;
		padding: 1.25rem 0;
		gap: 8vw;
	}

	.contentBannerDiv .itemList {
		justify-content: flex-start;
		overflow-x: auto
	}

	.contentBannerDiv .itemList>.item {
		min-width: 7.5rem;
		margin-bottom: 1rem;
	}
}


.shopList_swiper swiper-slide:not(:first-child) {
	max-width: 80%;
	padding-left: 1.25rem;

	.shopList_swiper img {
		max-width: 100%;
	}