@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.hidden { display:none;}
.mr20 { margin-right:20px;}

#wrap {min-width: 1280px;}
.header_inner {margin:0 auto;width:1020px;padding: 15px 20px;}

caption{ visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
button, textarea{font-family:'Noto Sans KR'}

/*셀렉스 화살표 감추기*/
select {
    background:#fff url('../../images/new/bg_arrow.svg') no-repeat right 8px center/auto 9px !important;
    outline: transparent;
    appearance: none;
}
select::-ms-expand { display: none; }

.ban_upper {
	overflow: hidden;
	position: relative;
}
.ban_upper .inner {
    width: 100%;
    height: 100px;
}
.ban_upper .inner a {
	display:block;
	width: 100%;
	height: 100px;
	background:url("../../img_renewal/sub/upper_banner.jpg") no-repeat center;
}

.ban_upper .inner .btn_upper_close {
    overflow: hidden;
    position: absolute;
    top: 23px;
    right: 50%;
    margin-right: -510px;
    width: 64px;
    background: url(../../img_renewal/common/ico_close2.png);
    height: 54px;
    line-height: 9999px;
    cursor:pointer;
}

/*헤더상단*/
.header_inner .header_top {
    float:right;
    margin-bottom:15px;
}
.header_inner .header_top li {font-size: 12px;}
.header_inner .header_top li {float: left;padding: 0 12px;line-height:10px;color: #a1a1a1;font-weight:400;border-right: 1px solid #a1a1a1;}
.header_inner .header_top li:last-child {padding-right: 0;border: 0;}
.header_inner .header_top li a {display: block;color:#333;text-decoration:none;}
.header_inner .header_top li:hover a{ text-decoration:underline;}
.header_inner .header_top li img {margin-right:5px;}

/*헤더중간*/

.header_inner .header_mid{
    position: relative;
    clear: both;
    height: 60px;
    z-index:999;
}
.header_mid .top_right {position: relative;float:right;height: 60px;}
.header_mid .top_right .srchArea{
	position: relative;
	float:left;
	top: 50%;
	transform: translate(0,-50%);
}
.header_mid .top_right .right_menu{
	position: relative;
	float:left;
	top: 50%;
	transform: translate(0,-50%);
	margin-left: 100px;
}
.header_mid .top_right ul.right_menu li {
    float:left;
    padding-right:15px;
    padding-right: 0\0;
    font-size:14px;
    line-height:15px;
    border-right: 1px solid #d6d6d6;
}
.header_mid .top_right ul.right_menu li:last-child{
    position: relative;
    border-right: 0;
    padding-right: 0;
}

.header_mid .top_right ul.right_menu li a{
    display: block;
    color:#333;
    text-decoration:none;
}
.header_mid .top_right ul.right_menu .cs_drop_menu {
	display:none;
    position: absolute;
    left: -25px;
    top: 22px;
    width: 100px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px;
}
.header_mid .top_right ul.right_menu .cs_drop_menu p {
	margin:0;
}
.header_mid .top_right ul.right_menu .cs_drop_menu p a {
	display:block;
	padding: 7px 0;
}
.header_mid .top_right ul.right_menu .cs_drop_menu p a:hover {
	color:#f1757c;
	text-decoration:underline;
}
.header_inner .header_top li:hover a{
    text-decoration:underline;
}
.header_mid h1 {
    float:left;
    margin: 0;
}
.header_mid h1 a{
    display:block
}
.header_mid h1 img{
    display:block
}
.header_mid .right_menu li{
    padding-left: 10px;
}
.header_mid .right_menu li.my_cart img, .header_mid .right_menu li.event img{
	margin-right: 5px;
	vertical-align: bottom;
	height:16px;
}

.header_mid .right_menu li:last-child img {
	margin-left: 5px;
    vertical-align: middle;
}
.main_wrap {position: relative;border-top: 1px solid #ddd;border-bottom: 2px solid #555;}
.main_menu {position: relative;width:1020px;margin:0 auto;height: 46px;}
.main_wrap.fixed { width: 100%; position: fixed; margin: 0 auto; top: 0; z-index: 990; background-color: #fff; }
.main_menu ul.menu {display: flex;justify-content: space-between;width: calc(100% - 182px);height: 46px;margin-left: 180px;padding-right: 20px;font-size: 16px;text-align: center;box-sizing: border-box;}
.main_menu ul.menu > li {text-align:center;font-size:16px;letter-spacing:-0.7px;line-height: 46px;}

.main_menu ul.menu > li > a {padding: 11px 20px;color:#3d3d3d;text-decoration:none;font-weight:500;}
.main_menu ul.menu > li > a img {display:block;height: 42px;margin: 0 auto; padding: 5px; border: 1px solid #fff;}
.main_menu ul.menu > li:hover > a {color:#f26367;}
.main_menu ul.menu > li:hover > a img {
    border-radius: 10px;
    padding: 5px;
    background-color: #fff8e5;
}
.main_menu ul.menu li.Top_Sub_Menu .sub_menu li::before {
	content:"";
	position:absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	display:block;
	width:1px;
	height:15px;
	background-color:#ddd;
}

.main_menu ul.menu li.Top_Sub_Menu .sub_menu li:last-child::after {
	content:"";
	position:absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	display:block;
	width:1px;
	height:15px;
	background-color:#ddd;
}


.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 75px;
	padding: 5px;
	left: 0;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
	color: black;
	padding: 8px;
	text-decoration: none;
	display: block;
}
.header_mid .top_right ul.right_menu .dropdown-content a:hover { color: #f1757c;
    text-decoration: underline; }
.dropdown:hover .dropdown-content { display: block; }







/*퀵메뉴*/
#quick.fix {
    position: fixed;
    top: 100px;
}

#quick {
    position: absolute;
    right:20px;
    z-index: 9999;
}


#quick .quick_area {
	width: 102px;
	background-color: #f8f6f7;
	box-sizing: border-box;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

#quick .quick_area .top {
	width: 100px;
	height: 26px;
	border-bottom: 1px solid #dadada;
}

#quick .quick_area .mn {
	width: 126px;
	height: 320px;
}
#quick .quick_area .mn li {
	margin: 0 4px 4px;
	cursor: pointer;
}

#quick .quick_area .mn li:first-child{
	margin-top: 4px;
}
#quick .quick_area .mn li:last-child{
	margin-bottom: 0;
}

#quick .quick_area .mn .mn1{
	background-image: url(../../images/main/quick_mn1.png);
	width: 93px;
	height: 93px;
}
#quick .quick_area .mn .mn1:hover{
	background-image: url(../../images/main/quick_mn1_on.png);
	width: 93px;
	height: 93px;
}

#quick .quick_area .mn .mn2{
	background-image: url(../../images/main/quick_mn2.png);
	width: 93px;
	height: 93px;
}
#quick .quick_area .mn .mn2:hover{
	background-image: url(../../images/main/quick_mn2_on.png);
	width: 93px;
	height: 93px;
}

#quick .quick_area .mn .mn3{
	background-image: url(../../images/main/quick_mn3.png);
	width: 93px;
	height: 93px;

}
#quick .quick_area .mn .mn3:hover{
	background-image: url(../../images/main/quick_mn3_on.png);
	width: 93px;
	height: 93px;

}
#quick .quick_area .mn .mn4{
	background-image: url(../../images/main/quick_cart.png);
	width: 93px;
	height: 26px;

}
#quick .quick_area .mn .mn4:hover{
	background-image: url(../../images/main/quick_cart_on.png);
	width: 93px;
	height: 26px;
}





/*배너 공통*/
.visual_inner { position:relative; width:100%;}
.visual_control {position:absolute;bottom:20px;left: 50%;transform: translate(-50%, 0);z-index: 500;}
.visual_control .visual_count { background:url(../../images/new/.visual_count_bg.png) no-repeat left center; padding:6px 9px; border-radius:20px;}
.visual_control .visual_count span { color:#fff; font-size:14px; font-weight:400;}
.visual_control .visual_count span.visual_total { background:#f26367; border-radius:50%; padding:7px 11px; line-height:34px; margin-left:3px;}
.visual_control button { background:none; border:none; padding:2px;}

/*기본 메뉴 아이콘*/
.main_menu .all_menu {float:left;margin-right: 20px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;height: 46px;line-height: 46px;}
.main_menu .all_menu a {display: block;width: 150px;padding: 0 20px 0 62px;background: url(../../images/new/all_menu.png) no-repeat 32px 17px;text-align: left;box-sizing: border-box;color: #424242;font-weight: 500;text-decoration: none;}
.main_menu ul.menu li.choice_on a { color:#f26367;}
.main_menu ul.menu li.choice_on .sub_menu a span{ color:#3f3f3f;}

/*전체 메뉴 클릭시 닫기 아이콘*/
.main_menu .all_menu.close a{
	position: relative;
	background:none;
}
.main_menu .all_menu.close a::before{
	content:"";
	position: absolute;
	top: 20px;
	left: 35px;
	width: 10px;
	height: 10px;
	border-right: 3px solid #555;
	border-bottom: 3px solid #555;
	transform: rotate(-135deg);
}

/*서브메뉴*/
.sub_menu {
	position: absolute;
	top: 0;
	width: 100%;
	height: 45px;
    height: 44px\0;
	line-height: 43px;
	left: 0;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	top: 48px;
    top: 49px\0;
	color: #3f3f3f;
	text-align: center;
	z-index: 100;
}
.sub_menu li {
    position: relative;
    flex: 1 1 auto;
    color: #3f3f3f;
}
.depth-2 a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}
.main_menu ul.sub_menu li a {
    display: block;
    color: #3f3f3f;
    line-height: 46px;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none;
}
.main_menu ul.sub_menu li a span.under:hover {
     border-bottom: 2px solid #f26367;
     color: #f26367;
}
.main_menu ul.sub_menu li a span.under.on {
	color:#f26367;
	border-bottom: 2px solid #f26367;
}

.sub {
	background-color: #fff;
	height: 45px;
	position: relative;
	border-top: 2px solid #555;
}
.sub .container {
	width: 1390px;
    margin: 0 auto;
}

/*공통 상단 검색창 기본*/
.top_navi .top_right { position:absolute; right:-1020px; display: flex; align-items: center; margin-top: 45px;}
.top_navi .top_right ul.right_menu { text-align:right;}
.srch_input {position: relative;z-index: 110;width:340px;height:40px;border:2px solid #f06a71;border-radius:20px;box-sizing: border-box;}/*검색창 닫혀 있을때 기본 border-radius:20px 20px 0 0; */
.srch_input input {border:none;outline: none;width: 270px;height:33px;margin-left:15px;vertical-align: top;}
.srch_input button {background:none;border:none;padding: 8px 10px 5px;}
.srch_input button img { height:20px;}

/*공통 상단 검색창 열렸을때*/
.srch_input_open {position:absolute;top: 39px;left: 50%;transform: translate(-50%,0);width:300px;border:1px solid #ddd;background:#fff;z-index: 100;border-radius:0 0 20px 20px;}
.srch_input_open .srch_on { border-bottom:1px solid #ddd; overflow:hidden;}
.srch_input_open .srch_on li { float:left; padding:10px 0; text-align:center; width:50%; font-size:14px;}
.srch_input_open .srch_on li.open_srch { border-bottom:4px solid #f26367;}
.srch_input_open .srch_on li a {display:block; color:#333; text-decoration:none}
.srch_input_open .srch_on li.open_srch a { font-weight:500; color:#f26367;}
.srch_input_open .srch_on li a:hover {}

/*상단 검색창 검색어*/
.srch_input_open .best_ag_srch {}
.srch_input_open .best_ag_srch ul {overflow: hidden;text-align:inherit;padding:3px 15px;}
.srch_input_open .best_ag_srch ul li {float: left; margin:5px 3px; padding:0;}
.srch_input_open .best_ag_srch ul li a {display:block;color:#333;text-align: center;padding: 3px 10px;border:1px solid #ddd;border-radius:20px;text-decoration:none}
.srch_input_open .best_ag_srch ul li a:hover {background-color:#f26367; border:1px solid #f26367; color:#fff; text-decoration:none;}

/*검색결과 공통*/
.srch_result { position:relative; margin:20px 0;}

.srch_result.faq{
	 padding-bottom:15px;
}
.srch_result.faq, .srch_result.sell{
	border-bottom:1px solid #e1e1e1;
}
.srch_result_list li a {
	display:block;
	text-decoration: none;
}

.srch_result.event{
	padding: 0;
	margin: 35px 0;
}
.srch_result.event .tit_result{
	margin: 0 15px;
}
.srch_result.event .event_list{
}
.srch_result .prd_list{
	background-color: #fff;
	overflow: hidden;
}
.srch_result .prd_list li{
	width: 100%;
	overflow: hidden;
}
.srch_result .prd_list li a {
	display:block;
	overflow: hidden;
	padding: 20px 0;
}
.srch_result .prd_list li .thumb{
	float: left;
}
.srch_result .prd_list li .thumb img{
	height: 114px;
}
.srch_result .prd_list li .name{
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.5rem;
	font-weight: 700;
	color: #2e2e2e;
	line-height: 24px;
}
.srch_result .prd_list li .txt_box {
	float:left;
	width: calc(50% - 10px);
	margin-left: 10px;
}
.srch_result .prd_list li .txt_prd {
	overflow: hidden;
	font-weight: 400;
}

.srch_result .prd_list .price_line em {
	display:block;
	font-size:1.6rem;
	font-weight:700;
	color:#ff6a71;
	line-height: 1.5;
}
.srch_result .prd_list .price_line em sup {
	color:#8c8c8c;
	font-weight:300;
	text-decoration: line-through;
	vertical-align:bottom;
}
.srch_result .prd_list .price_line b {
	display:block;
	font-size:1.6rem;
	font-weight:700;
	color:#2e2e2e;
}
.srch_result .prd_list .price_line small {
	font-size:1.1rem;
	font-weight:300;
}
.srch_result .prd_list .color_list_line {
	margin:5px 0
}
.srch_result .prd_list .color_list_line u {
	float: left;
	font-size: 1.2rem;
	font-weight: 500;
	text-decoration: none;
}
.srch_result .prd_list .color_kind{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.srch_result .prd_list .color_kind span {
	border: 1px solid #c2c2c2;
	border-radius:50%;
	width:18px;
	height:18px;
	margin: 0 2px;
}
.srch_result .prd_list .hash_tag_list {
	display:flex;
	flex-wrap: wrap;
	margin-top: 10px;
	justify-content: flex-start;
}

.srch_result .prd_list .hash_tag_list span {
	display:block;
	text-align: center;
	padding: 1.25% 5%;
	margin: 2px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background-color:#ddd;
	border-radius: 50px;
	font-size: 1rem;
	color:#fff;
}
.srch_result .tit_result { display:block;	padding-bottom:50px; font-size: 24px; font-weight:700; color:#2e2e2e;}

.srch_result .tit_result span{
	position:relative;
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	font-size:16px;
	font-weight:300;
	color:#000;
}
.srch_result .tit_result span::before{
	content:"";
	position: absolute;
	left:0;
	top:50%;
	transform: translate(0, -50%);
	width: 1px;
	height: 10px;
	background-color: #ddd;}
.srch_result .tit_result span b {display:inline-block;font-size:18px; font-weight:700; color:#ff0000;}

.srch_result .tit_result .srch_result_more { position:absolute; right:0;}

.srch_result .srch_result_list .snp_buy_list li {
    vertical-align: top;
    width: 247px;
    display: inline-block;
    margin-left: 7px;
    margin-bottom: 40px;
    text-align: center;
    overflow: hidden;
    list-style: none;
    text-decoration: none;
}

.srch_result .list_etc * {
	display:inline-block;
	font-size: 1.2rem;
	font-weight: 400;
}
.srch_result .list_etc em {
	padding: 5px 10px;
	background-color: #cdcdcd;
	border-radius: 15px;
	color:#fff;
	text-align:center;
}
.srch_result .list_etc em.ico_on{
	background-color: #f16366;

}
.srch_result .list_etc span {
	position: relative;
	color:#bbb;
	padding: 0 10px;
}

.srch_result .list_etc span img{
	vertical-align: bottom;
	height: 17px;
}

.srch_result .list_etc span:last-child::after {
	display:none;
}
.srch_result .list_etc span::after{
	content:"";
	position: absolute;
	right: 0;
	top:50%;
	transform: translate(0, -50%);
	width: 1px;
	height: 8px;
	background-color:#e7e7e7;
}
.srch_result .event_list li .list_etc span{
	text-align:right;
}
.srch_result .faq_list{
    margin-top: 20px;
}
.srch_result .faq_list li{
	margin-bottom:5px;
}
.srch_result .faq_list li .faq_area{
	border:1px solid #c2c2c2;
	border-radius:10px;
}
.srch_result .faq_list li .q_area{
	position: relative;
	padding: 10px 35px 10px 10px;
	border-radius: 10px 10px 0 0;
	font-size: 1.4rem;
	font-weight:400;
	color:#2e2e2e;
	text-align:center;
}
.srch_result .faq_list li.on .q_area{
	background-color:#f8f8f8;
	font-weight:500;
}
.srch_result .faq_list li .q_area::after{
	content:"";
	position:absolute;
	right: 15px;
	bottom: 50%;
	margin-bottom: -3px;
	transform: rotate(-225deg);
	width:10px;
	height:10px;
	border-top:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
}
.srch_result .faq_list li.on .q_area::after{
	top: 50%;
	margin-top: 0px;
	transform: rotate(-45deg);
}
.srch_result .faq_list li .a_area{
	display:none;
	padding: 10px;
	font-size: 1.4rem;
	font-weight:700;
	color:#6f6f6f;
}
.srch_result .faq_list li.on .a_area{
	display:block;
}
.srch_result .notice_list{

}
.srch_result .notice_list li, .srch_result .qna_list li,.event_list li{
	border-bottom:1px solid #e1e1e1;
	padding: 15px 0;
}
.srch_result .notice_list .list_title strong{
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 5px;
}

.srch_result .qna_list .list_title strong{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 5px;
}
.srch_result .qna_list .list_title {
	display: inline-flex;
	align-items:flex-end;
}
.srch_result .qna_list .list_title b{
	flex-basis: 10px;
	flex-shrink: 0;
	font-size:1rem;
	font-weight:700;
	color:#f16366;
	line-height: 25px;
}
.srch_result .event_list li:first-child{
	padding-top: 0;
}
.srch_result .event_list li > strong {
	display:block;
}
.srch_result .event_list .list_title strong{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
	font-size: 1.5rem;
	font-weight: 400;
	color:#2e2e2e;
	margin: 10px 15px 0;
}
.srch_result .event_list img {
	width:100%
}
.srch_result .event_list .list_etc{
	text-align:right;
}
.srch_result .post_list{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-top: 20px;
}
.srch_result .post_list li{
	float: left;
	width: calc(50% - 10px);
	margin-right: 10px;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.srch_result .post_list li > strong{
	display:block;
	line-height: 0;
}
.srch_result .post_list li:nth-child(2n){
	margin-right:0;
}
.srch_result .post_list li img{
	width:100%
}
.srch_result .post_list li .star_num{
	text-align:center;
	margin: 5px 0;
}
.srch_result .post_list li .star_num em{
	display:inline-block;
	font-size:16px;
	color:#ccc;
}
.srch_result .post_list li .star_num em.on{
	color:#ffc72d;
}
.srch_result .post_list .list_title strong{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    font-size: 1.5rem;
    font-weight: 400;
    color: #2e2e2e;
    margin: 10px 0;
    text-align:center;
}
.srch_result .post_list li .list_etc {
	text-align:center;
}
.srch_result .branch_list {
	overflow:hidden
}
.srch_result .branch_list li{
	display: flex;
	padding: 15px 0;
	overflow: hidden;
	border-bottom:1px solid #e1e1e1;
}
.srch_result .branch_list .branch_info{
	float:left;
}

.srch_result .branch_list li .img_branch img{
	height: 120px;
}
.srch_result .branch_list li .branch_info{
	margin-left:15px;
}
.srch_result .branch_list li .list_title{
	font-size:1.5rem;
	font-weight:700;
	color:#2e2e2e;
	line-height: 24px;
}
.srch_result .branch_list li .branch_info small{
	margin-left: 5px;
	font-size:1rem;
	font-weight:400;
	color:#969696;
}
.srch_result .branch_list li .list_title em{
	float: right;

	position: relative;
	font-size:1.1rem;

	font-weight:400;
	color:#2e2e2e;
}
.srch_result .branch_info .list_title em::before{
	content:"";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	display:inline-block;
	width:12px;
	height:12px;
	background-color:#6e6e6e;
	border-radius: 12px;
	margin-left: -15px;
}

/*전체메뉴 탭*/
.all_menu_list {position:absolute;left:0;right:0;border-top:1px solid #ddd;background:#fff;padding: 35px 0;z-index:999;opacity: 0.95;}
.all_menu_list.fixed {width: 100%;position: fixed;margin: 0 auto;top: 49px;z-index: 9999;}
.all_menu_list > ul {display: flex;flex-wrap: wrap;width: 1020px;margin:0 auto;overflow:hidden;}
.all_menu_list > ul .allm_list {width: calc(100%/6 - 30px);list-style:none;margin: 0 15px 15px;font-size:18px;vertical-align:top;font-weight:700;}
.all_menu_list > ul .allm_list a {display:block;padding-bottom: 12px;border-bottom:1px solid #ddd;word-break: keep-all;color:#333;line-height: 18px;text-decoration:none;}
.all_menu_list > ul .allm_list ul {padding:0;margin:0;margin-top: 10px;}
.all_menu_list > ul .allm_list ul li {font-size:14px; line-height:25px; font-weight:400;}
.all_menu_list > ul .allm_list ul li a { color:#999; border-bottom:none;}
.all_menu_list > ul .allm_list ul li a:hover { text-decoration:underline; color:#333; font-weight:700;}

.all_menu_list li.all_color1 a { color:#f26164;}
.all_menu_list li.all_color2 a { color:#4680c9;}

/*비회원 리스트*/
.all_menu_list .non_member_list { margin-top:40px;}
.all_menu_list .non_member_list li { list-style:none; display:inline-block; width:150px; font-weight:700;}
.all_menu_list .non_member_list li a { text-decoration:none; color:#333; border-bottom:1px solid #ddd; padding-bottom:10px;}
.all_menu_list .non_member_list li ul { display:inline-block; padding:0; margin:0;}
.all_menu_list .non_member_list li ul li { margin-top:20px; font-size:14px;}
.all_menu_list .non_member_list li ul li a { font-weight:400; color:#999;}
.all_menu_list .non_member_list li ul li a:hover { text-decoration:underline; color:#333; font-weight:700;}

/*페이지네이션 공통*/
.pagination { margin:10px 0;}
.paging_inner { text-align:center; font-size:14px;}
.paging_inner a {display:inline-block;width: 20px;margin:0 5px !important;font-size: 20px;font-weight:400;color:#bbb;vertical-align: middle;line-height:20px;text-decoration:none}
.paging_inner > strong {display:inline-block;margin:0 5px !important;font-size: 20px;color:#bbb;vertical-align: middle;line-height:20px;}
.paging_inner strong {font-weight:400;}
.paging_inner strong.current_num {width: 20px;font-weight:700;color:#f16366;}

/*footer 배너 공통*/
.foot_banner { background:#fff url(../../images/new/spec_view.png) no-repeat center; height:283px;}
.foot_banner a { display:block; height:283px;}
.foot_visual { background:#5d90cf; height:200px; border-top:7px solid #e9e9e9; display: none;}

/*main_footer +  sub_footer 배너*/
.footer_outter { border-top:1px solid #e9e9e9;}
.footer_outter .img_bann { background-color: #f7f7f7; width:100%}
.footer_outter .img_bann img{display: block;width:100%;}
.footer {position: relative;width:100%;color:#666;text-align:left;font-size:14px;background-color: #f7f7f7;}
.footer h2 img { display:block; margin:0 auto;}
.footer .foot_list {width: 1280px;margin: 0 auto;padding: 5px 0;line-height: 10px;height: 29px;/* background-color: #f7f7f7; *//* border-bottom: 1px solid #dcdcdc; */}
.footer .foot_list a {position:relative;float: left;padding: 0 20px;text-decoration:none;color:#a2a2a2;line-height: 29px;}
.footer .foot_list a:first-child{padding-left:0}
.footer .foot_list a::after {
    content: "";
    position: absolute;
    right:0;
    top:50%;
    transform: translate(0,-50%);
    display: block;
    width: 1px;
    height: 8px;
    background-color: #ddd;
}
.footer .foot_list a:last-of-type::after{
	display:none
}
.footer .foot_list ul.contact {
    float: right;
    margin: 5px 0 0;
}
.footer .foot_list ul.contact li {
    float: left;
    margin-right: 50px;
    padding-left: 30px;
    height: 21px;
    line-height: 21px;
}
.footer .foot_list ul.contact li.m1{
	background: url("../../img_renewal/sub/talk_ico.png") no-repeat left 0;
}
.footer .foot_list ul.contact li.m2{
	background: url("../../img_renewal/sub/call_ico.png") no-repeat left 0;
}
.footer .foot_list ul.contact li.m3{
	background: url("../../img_renewal/sub/message_ico.png") no-repeat left 0;
	margin-right: 0;
}
.footer .foot_sns {position: absolute;top: 50%;right: 0;transform: translate(0,-50%);z-index: 10000000;}
.footer .foot_sns > a {float:left; padding:0 5px;}
.footer .foot_sns > a:last-child {padding-right:0;}
.footer .foot_sns img {display:block}
.footer .footer_box {
	background-color: #fff;
	border-top: 1px solid #dcdcdc;
	padding: 20px 0;
}
.footer .footer_inner {
	position: relative;
	width:1280px;
	height: 75px;
	margin: 0 auto;
	background: url("../../images/new/logo.png") no-repeat left center;
	padding-left: 200px;
	box-sizing: border-box;
}
.footer .footer_inner address {
	float:left;
}
.copyright {
    background-color: #f7f7f7;
    text-align: center;
    color: #a9a9a9;
	height: 37px;
	line-height: 7px;
    border-top: 1px solid #dcdcdc;
    font-weight: 300;
}
/*footer new css*/
.footer_outter .img_bann {
	display: flex;
    justify-content: space-around;
    padding: 76px 0;
    background:url(../../img_renewal/common/footer_img.jpg) no-repeat center;
}

.footer_outter .footer_tit{
	position: relative;
    top: 150px;
    left: 0;
    letter-spacing: 10px;
    font-size: 55px;
    text-align: left;
    height: 200px;
    font-weight: 300;
}
.footer_outter .footer_tit span{
	color: #ef7e76;
	font-weight: 500;
}
.footer_outter .img_bann ul {
	position: relative;
    top: 15px;
}

.footer_outter .img_bann li {
	    line-height: 10px;
    padding-bottom: 15px;
}
.footer_outter .img_bann li span{
	font-size: 18px;
    font-weight: 600;
    color: #000;
}


/*프리티 로고*/
.freet_layer {position: fixed;width: 630px;height: 715px;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9999;}
.freet_layer span { display: block;position:absolute; top:0; right:0; cursor: pointer; }
.freet_layer strong {display:block;}
.freet_layer strong img {display:block; margin:0; padding:0; border: 1px solid #d0d0d0;}

/*고고팩토리 로고*/
.gogo_layer {position: fixed;width: 630px;height: 715px;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9999; overflow-x: hidden;}
.gogo_layer span { display: block;position:absolute; top:0; right:0; cursor: pointer; }
.gogo_layer strong {display:block;}
.gogo_layer strong img {display:block; margin:0; padding:0; border: 1px solid #d0d0d0;}


span.line { background:url(../../images/new/top_navi_bar.png) no-repeat 22px center; padding-left:25px;}
span.add_line { background:url(../../images/new/top_navi_bar.png) no-repeat 17px center; padding-left:40px;}
.add { text-align:right; padding:19px 0; color:#bbb; line-height:1.5; font-weight:300; position:relative; font-size:14px;}
address { font-style:normal; margin:0; color:#aaa; line-height:25px;}
address a {
	color: #aaa;
}

/*서브 푸터 단독*/
.sub_footer_outter { border-top:1px solid #e9e9e9;}

/*메인 페이지 영역 css 20210207*/

/*메인 실시간 후기*/
.con_reset{
    background-color: #fafafa;
}
.con_reset ul, .con_reset ol, .con_reset li {
    list-style: none;
}
.con_reset a {
    text-decoration: none;
    color: #2e2e2e;

}
.con_inner .real_post_area {
    background-color: #fff;
    height: 794px;
    width:100%;
    border-top: 15px solid #e9e9e9;
}

.con_inner .real_post_area .box_img1 {
    width: 1272px;
    margin: 0 auto;
    padding: 60px 0 11px;
    border-bottom: 1px solid #e3e3e3;
}

/*new*/
.con_inner .real_post_area .photo_list{
	width: 1280px;
    height: 454px;
    margin: 0 auto;
    position: relative;
    top: 15px;
}
.con_inner .real_post_area .photo_list li {
    float: left;
    width: 116px;
    height: 116px;
    background-color: #d7d7d7;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;

    border-radius: 5px;
    border: 2px solid #ececec;
}
.con_inner .real_post_area .photo_list li img{
	width: 116px;
	object-fit: cover;
	 border-radius: 5px;
}
.con_inner .real_post_area .photo_list li:nth-child(40) .more {
    font-family: 'Noto Sans KR';
    font-size: 20px;
    font-weight: 500;
    position: absolute;
    width: 116px;
    line-height: 116px;
    text-align: center;
    color: #ffffff;
    z-index: 2;
}
.con_inner .real_post_area .photo_list li:nth-child(40) .thum {
    position: absolute;
    width: 116px;
    height: 116px;
    background-color: #000000;
    opacity: 0.4;
    border-radius: 5px;
    display: block;
    clear: both;
}
.con_inner .real_post_con{
    width: 1280px;
    margin: 0 auto;
	text-align:center;
	position: relative;
	top: -30px;
}
.con_inner .real_post_area button a {
    text-decoration: none;
    color: #2e2e2e;
}

.con_inner .real_post_area .post_area {
    padding: 20px 15px;
    background-color: #e9e9e9;
}
.con_inner .real_post_area .post_list {
    position: relative;
    padding: 0 12px;
	min-width: 1280px;
	max-width: 1280px;
    height: 380px;
    overflow: hidden;
    background-color: #f1f1f1;
}
.con_inner .real_post_area .post_list li {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 96;
    opacity: 1;
    background-color: #fff;
	margin: 2px 8.5px;
    border: 13px solid #fff;
}
.con_inner .real_post_area button {
	margin:10px 0 45px;
	background-color: transparent;
	border: none;
}
.con_inner .real_post_area button p.more {
	font-size: 14pt;
    padding: 20px;
    vertical-align: super;
    color: #848484;
    display: inline-block;
}
.con_inner .real_post_area .post_list li strong {
    display: block;
}
.con_inner .real_post_area .post_list li strong img {
    display: block;
    width: 215px;
    border: 3px solid #fff;
	height: 215px;
}
.con_inner .real_post_area .post_list li .star_num {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}
.con_inner .real_post_area .post_list li .info_wrt {
    font-size: 1.1rem;
    font-weight: 400;
    color: #bbb;
}
.con_inner .real_post_area .post_list li .star_num em {
    display: inline-block;
    margin: 0 1px;
    font-size: 16px;
    color: #ccc;
}
.con_inner .real_post_area .post_list li .star_num em.on {
    color: #ffc72d;
}
.con_inner .real_post_area .post_list li .tit_post {
    width: 215px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    font-size: 16px;
    margin: 10px 0;
    background-color: #70aec7;
    font-weight: 500;
    color: #fff;
    padding: 1px 10px;
    border-radius: 15px;
    text-align: center;
}
.con_inner .real_post_area .post_list li .cont_post {
	width: 215px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:normal;
    font-size: 14px;
    font-weight: 500;
    color: #515151;
    text-align: center;
    background-color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.con_inner .real_post_area .real_post_con .move_prev{
	position: relative;
    top: 220px;
    left: -40px;
    cursor: pointer;
}
.con_inner .real_post_area .real_post_con .move_prev::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border-top: 3px solid #2e2e2e;
    border-right: 3px solid #2e2e2e;
    z-index: 1000000000;
    transform: rotate(225deg);
    opacity: .8;
}
.con_inner .real_post_area .real_post_con .move_next{
	position: relative;
    left: 1300px;
    top: 188px;
    cursor: pointer;
}
.con_inner .real_post_area .real_post_con .move_next::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border-top: 3px solid #2e2e2e;
    border-left: 3px solid #2e2e2e;
    transform: rotate(-225deg);
    opacity: .8;
}
.con_inner .real_post_area .post_list li .info_wrt{
    font-size: 15px;
    font-weight: 500;
	color: #2e2e2e;
}
.con_inner .real_post_area .post_list li .txt_post {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 70px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #8a8a8a;
}
.con_inner .real_post_area .post_list li .btn_more3 {
    float: right;
    margin: 10px 0 20px;
    width: 10px;
    height: 10px;
    vertical-align: text-top;
    border-right: 2px solid #9c9c9c;
    border-bottom: 2px solid #9c9c9c;
    transform: rotate(-315deg);
}

/*메인 중간 매너영역*/
.m_mid_banner {
    padding: 45px 0;
    background-color: #fff;
}
.m_mid_banner_inner{
    width: 1020px;
    margin: 0 auto;
}
.m_mid_banner img {
    display: block;
    width: 100%;
}

/*오직 소녀폰에서만*/
.only_snphone {
    clear: both;
    padding:65px 0 65px 0;
    background-color: #f5f5f5;
}
.only_snphone h3 {
    margin: 0 0 45px;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
}
.only_snphone h3 img {
	vertical-align: sub;
}
.only_snphone ol {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.only_snphone ol li {
    float: left;
    width: calc(50% - 12px);
    margin: 0 6px 20px;
}
.only_snphone ol li a {
	display:block
}
.only_snphone ol li img {
	display:block
}
.only_snphone ol li:nth-child(1), .only_snphone ol li:nth-child(3){
	margin-left: 0;
}
.only_snphone ol li:nth-child(2), .only_snphone ol li:nth-child(4){
	margin-right: 0;
}
.only_snphone ol li:nth-child(3), .only_snphone ol li:nth-child(4) {
	margin-bottom: 0;
}
/*특급기획전*/
.big_event_area {
    background-color: #fff;
    padding:60px 0 65px 0;
}
.big_event_area h3 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
}
.big_event_area h3 img {
	vertical-align: text-top;
    margin-top: 8px;
    position: relative;
}
.big_event_area h2 img {
    height: 90px;
}
.big_event_area .prd_wrap {
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
}
.big_event_area .prd_wrap a {
    text-decoration: none;
    color: #2e2e2e;
}
.big_event_area .prd_wrap .prd_list {
    padding: 0;
    background-color: #fff;
    overflow: hidden;
}
.big_event_area .prd_wrap .prd_list li {
    float: left;
    width: 246px;
    padding: 0;
    margin-left: 5px;
    overflow: hidden;
    vertical-align: top;
}
.big_event_area .prd_wrap .prd_list li:nth-child(4n+1) {
    margin-left: 0;
}
.big_event_area .prd_wrap .prd_list li a {
    display: block;
    overflow: hidden;
    margin: 0;
}
.big_event_area .prd_wrap .prd_list li .thumb {
    display: block;
    margin: 0;
    padding: 0;
}
.big_event_area .prd_wrap .prd_list li .thumb img {
    display: block;
    height: 244px;
    margin: 0;
    padding: 0;
    border: 1px solid #dcdcdc;
}
.big_event_area .prd_wrap .prd_list li .name {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 700;
    color: #2e2e2e;
    line-height: 24px;
}
.big_event_area .prd_wrap .prd_list li .txt_box {
    margin-top: 20px;
    text-align: center;
}
.big_event_area .prd_wrap .prd_list li .txt_prd {
    overflow: hidden;
    font-weight: 400;
}
.big_event_area .prd_wrap .prd_gallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #fff;
    overflow: hidden;
}
.big_event_area .prd_wrap .prd_gallery li {
    width: calc(50% - 10px);
    overflow: hidden;
}
.big_event_area .prd_wrap .prd_gallery li a {
    display: block;
    text-align: center;
    overflow: hidden;
    padding: 20px 0;
}
.big_event_area .prd_wrap .prd_gallery li .thumb img {
    height: 114px;
}
.big_event_area .prd_wrap .prd_gallery li .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.5rem;
    font-weight: 700;
    color: #2e2e2e;
    line-height: 24px;
}
.big_event_area .price_line em {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    color: #ff6a71;
    line-height: 22px;
}
.big_event_area .price_line em sup {
    font-size: 14px;
    color: #8c8c8c;
    font-weight: 300;
	font-style:normal;
    text-decoration: line-through;
    vertical-align: bottom;
}
.big_event_area .price_line b {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #2e2e2e;
}

.big_event_area .color_list_line {
    margin: 5px 0;
}
.big_event_area .color_kind {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.big_event_area .color_kind span {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin: 0 2px;
}
.big_event_area .hash_tag_list2 {
    margin-top: 10px;
}
.big_event_area .hash_tag_list2 span {
    display: inline-block;
    text-align: center;
    padding: 1.25% 5%;
    margin: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #ddd;
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
}

/*위클리 배너*/
.weekly_banner_area {
    background-color: #fff;
    padding:45px 0;
}
.weekly_banner_area h3 {
    padding: 0 12px 45px;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
}
.weekly_banner_area .img_banner {
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
}
.weekly_banner_area .img_banner a {
    display: block;
    float: left;
}
.weekly_banner_area .img_banner img {
    display: block;
    width: 100%;
}

/*유투브영역*/
.youtube_area {
    width: 100%;
    background-color: #212121;
    padding: 50px 0 65px 0;
}
.youtube_area h3 {
    margin: 0;
    padding: 10px 12px 35px;
    text-align: center;
}
.youtube_area h3 img {
    height: 40px;
}
.youtube_area .video_inner {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}
.youtube_area .video_inner li {
    position: relative;
    float: left;
    width: calc(50% - 10px);
    height: auto;
    margin: 0 10px;
}
.youtube_area .video_inner li:first-child {
    margin-left: 0
}
.youtube_area .video_inner li:last-child {
    margin-right: 0
}
.youtube_area .video_inner iframe {
    height: 350px;
    width: 620px;
}

/*메인 인스타 위젯*/
.insta_area {
    position: relative;
    background-color: #f9f9f9;
}
.insta_area .insta_inner {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    padding: 65px 0;
}
.insta_area h2 {
    margin-bottom: 25px;
}
.insta_area strong {
    display: block;
    position: absolute;
    top: 65px;
    right: 0;
}

/*메인 내폰팔면 얼마일까*/
.m_sell_box * {
    margin: 0;
    padding: 0
}
.m_sell_box em, .m_sell_box i {
    font-style: normal;
}
.m_sell_box {
    position: relative;
    background: url(../../images/new/sell_area_img_1.png) no-repeat center;
    width:100%;
    height: 342px;
}
.m_sell_box_inner {
 padding: 48px 0 48px;
}
.m_sell_box .m_sell_box_inner > strong img {
	vertical-align: sub;
}
.m_sell_box .sub_txt {
    margin-bottom: 22px;
    font-size: 22px;
    font-weight: 400;
    color: #000;
    text-align: center;
}
.m_sell_box .m_sell_box_inner .box > strong {
    display: block;
    margin-bottom: 4px;
    font-size: 30px;
    font-weight: 700;
    color: #000;
	padding: 30px 0 0;
    text-align: center;


}
.m_sell_box .m_sell_box_inner .box > strong em {
    /*color: #3380e7; 여름*/
/*    color: #c0946f; 가을*/
	color: #f35e59;
}
.m_sell_box p.sum_area2 span {
    display: block;
    width: 641px;
    height: 49px;
    margin: 0 auto;
    /*background-color: #3380e7; 여름*/
        background-color: #1d263a;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 45px;
    text-align: center;
    border: 1px solid #cccccc;
}
.m_sell_result {
    background-color: #fff;
}
.m_sell_result .spec_prd {
    display: flex;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 50px;
}
.m_sell_result .spec_prd .thumb {
}
.m_sell_result .spec_prd .thumb img {
    height: 350px;
}
.m_sell_result .spec_prd .sell_spec_box {
    width: 670px;
}
.m_sell_result .spec_prd .txt_box {
    margin-left: 50px;
}
.m_sell_result .spec_prd .txt_box .name {
    font-size: 20px;
    font-weight: 700;
    color: #66c5b3;
}
.m_sell_result .model_num {
    font-size: 16px;
    font-weight: 400;
    color: #767676;
    margin-top: 5px;
}
.m_sell_result .select_line button[type="button"] {
    position: relative;
    width: 270px;
    height: 46px;
    margin: 20px 10px 20px 0;
    background-color: #ebebeb;
    border: 1px solid #c2c2c2;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 28px;
}
.m_sell_result .select_line button[type="button"]::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 45%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #9c9c9c;
    border-bottom: 2px solid #9c9c9c;
    transform: translate(0, -50%) rotate(-315deg);
}
.m_sell_result .select_line strong {
    display: block;
    width: 80%;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.m_sell_result .phone_staus {
    padding: 0;
    margin: 0 0 0 50px;
}
.m_sell_result .phone_staus li {
    display: flex;
    height: 42px;
}
.m_sell_result .phone_staus li strong {
    flex-basis: 150px;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 400;
    color: #767676;
    line-height: 35px;
}
.m_sell_result .phone_staus li .btn_status {
    line-height: 42px;
}
.m_sell_result .btn_status button[type="button"] {
    position: relative;
    padding: 0 20px;
    height: 30px;
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #767676;
    line-height: 30px;
    margin: 0 10px;
}
.m_sell_result .btn_status button[type="button"].on {
    background-color: #66c5b3;
    color: #fff;
    border: none;
}
.m_sell_result .phone_staus button[title="more"] {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #f16366;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #f16366;
    line-height: 20px;
    vertical-align: middle;
    padding: 0;
}
.m_sell_result .hash_tag {
    padding: 15px;
    text-align: right;
}
.m_sell_result .hash_tag button[type="button"] {
    padding: 5px 15px;
    margin: 2px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border: none;
}

/*게시판 검색 서치*/
.srch_inut_box2 {
    float: right;
	margin:50px 0 !important;
}
.srch_inut_box2 div {
    display: inline-block;
}
.srch_inut_box2 select.srch_inut_list {
    width: 120px;
    border: 1px solid #e9e9e9;
    padding: 11px 10px;
}
.writeSrch_input2 {
    width: 300px;
    height: 40px;
    margin-left: 10px;
    border-bottom: 1px solid #f16366;
}
.writeSrch_input2 input {
    border: none;
    width: 230px;
    height: 30px;
    margin-top: 4px;
    margin-left: 15px;
}
.writeSrch_input2 button {
    background: none;
    float: right;
    padding: 8px 13px 8px;
}
.writeSrch_input2 button img {
    height: 20px;
}

/*메인 하단 탭 영역*/
.m_board_area {
	background-color:#fff;
	padding-bottom: 70px;
	min-height: 615px;
}
.m_board_area button {
	background-color:#fff;
	border:none;
}
.m_cs_tab{
	margin: 0;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
button.ask_btn {
    width: 100px;
    float: right;
    padding: 10px;
    border-radius: 4px;
    background-color: #f16366;
    color: #fff;
}
.m_cs_inner {
	display:flex;
	justify-content:center;
	height: 45px;
	width:1280px;
	margin:0 auto;
}
.m_cs_tab button{
	flex: 1;
    font-family: 'Noto Sans KR';
	font-size: 16px;
	font-weight:400;
	color:#6b6b6b;
}
.m_cs_tab button.on{
	border-bottom: 5px solid #f16366;
	font-size: 16px;
	font-weight:500;
	color:#f16366;
}

/*공지사항 탭 내용*/
.notice_box {
    width: 1280px;
    margin:0 auto;
    background-color: #fff;
    padding: 0;
}
.notice_box .notice_list {
    clear: both;
    margin: 0 0 35px;
    list-style: none;
    padding:0;
}
.notice_box .notice_list li {
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 10px;
    height: 40px;
    line-height: 40px;
}
.notice_box .notice_list li:first-child{
    border-top: 1px solid #e1e1e1;
}
.notice_box .notice_list li p {
    vertical-align: top;
}
.notice_box .notice_list li p.qna_nomb {
    float: left;
    width: 70px;
    text-align: center;
    color: #aaa;
    font-weight: 100;
}
.notice_box .notice_list li a {
    display: block;
    color: #333;
    text-decoration: none;
    overflow: hidden;
}
.notice_box .notice_list li em {
    margin-left: 20px;
    padding:3px 15px;
    background-color:#cdcdcd;
    border-radius:15px;
    color:#fff;
    text-align:center;
    font-style:normal;
}
.notice_box .notice_list li em.ico_on {
	background-color:#f16366;
}
.notice_box .notice_list li .list_title strong {
    display: block;
    float: left;
    width: 630px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
}
.notice_box .notice_list li .list_title {
    float: left;
    overflow: hidden;
    margin-left: 30px;
}
.notice_box .notice_list li .list_title b {
    flex-basis: 20px;
    flex-shrink: 0;
    align-self: center;
    font-size: 1rem;
    font-weight: 700;
    color: #f16366;
}
.notice_box .list_etc {
    float: right;
    font-size: 14px;
    font-weight: 400;
    float: right;
}
.notice_box .list_etc span {
    position: relative;
    color: #bbb;
    padding: 0 10px;
    font-size: 14px;
}
.notice_box .list_etc span:last-child::after {
    display: none;
}
.notice_box .list_etc span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 1px;
    height: 8px;
    background-color: #e7e7e7;
}
.notice_box .list_view {
    padding: 10px 0;
    font-size: 1.4rem;
    font-weight: 400;
}
.notice_box .list_view .a_line {
    margin-top: 10px;
}
.notice_box .list_view .a_line strong {
    display: block;
    font-weight: 500;
    color: #f16366;
}

/*자주 묻는 질문 탭 내용*/
.m_faq_wrap{
	width:1280px;
	margin:0 auto;
}
.m_faq_wrap * {
	box-sizing:border-box;
}
.m_faq_wrap ul, .m_faq_wrap ol, .m_faq_wrap li{
	margin:0;
	padding:0;
	list-style:none;

}
.m_faq_wrap ul.faq_tab{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	overflow: hidden;
	margin: 50px 0;
	text-align:center;
}
.m_faq_wrap ul.faq_tab li{
	float:left;
	width: calc(100%/5);
	border: 1px solid #e9e9e9;
	border-left: 0;
	padding:8px 0;
	font-size: 15px;
	font-weight:400;
	cursor: pointer;
	color: #2e2e2e;
}
.m_faq_wrap ul.faq_tab li.on{
	border: 1px solid #ff6a71;
	background-color: #ff6a71;
	font-weight: 500;
	color: #fff;
}

/*게시판 검색 자주묻는 질문 공통*/
.m_faq_wrap  .faq_list2 {
    padding: 0;
    list-style: none;
    border: none;
    margin: 0 0 35px;
}
.m_faq_wrap  .faq_list2 li {
    margin-bottom: 10px;
}
.m_faq_wrap  .faq_list2 li .faq_area {
    border: 1px solid #c2c2c2;
    border-radius: 10px;
}
.m_faq_wrap  .faq_list2 li .q_area {
    position: relative;
    padding: 11px 10px;
    border-radius: 10px 10px 0 0;
    font-size: 16px;
    font-weight: 400;
    color: #2e2e2e;
    cursor: pointer;
    line-height: 42px;
    text-align: left;
}
.m_faq_wrap  .faq_list2 li .q_area span {
    padding: 10px 30px 10px 0;
    background: url(../../images/new/qna_icon.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
}
.m_faq_wrap  .faq_list2 li.on .q_area {
    background: #f8f8f8;
    font-weight: 500;
    color: #222;
}
.m_faq_wrap  .faq_list2 li .q_area::after {
    content: "";
    position: absolute;
    right: 15px;
    bottom: 50%;
    margin-bottom: -3px;
    transform: rotate(-225deg);
    width: 10px;
    height: 10px;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
}
.m_faq_wrap  .faq_list2 li.on .q_area::after {
    top: 50%;
    margin-top: 0px;
    transform: rotate(-45deg);
}
.m_faq_wrap  .faq_list2 li .a_area {
    display: none;
    padding: 30px 30px 50px;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 1.5;
    font-weight: 400;
}
.m_faq_wrap  .faq_list2 li.on .a_area {
    display: block;
	line-height: 16px;
}

/*문의하기 탭 내용*/
.srch_qna_box {
    width: 1280px;
    margin: 0 auto;
    padding: 0;
}

.srch_qna_box .srch_qna_list {
    clear: both;
    margin: 0px 0 35px;
    list-style: none;
    padding: 0;
    border-top: 1px solid #e1e1e1;
}
.srch_qna_box .srch_qna_list li {
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 10px;
    height: 40px;
    line-height: 40px;
    background: #fff;
}
.srch_qna_box .srch_qna_list li p {
    vertical-align: top;
}
.srch_qna_box .srch_qna_list li p.qna_nomb {
    float: left;
    width: 70px;
    text-align: center;
    color: #aaa;
    font-weight: 100;
}
.srch_qna_box .srch_qna_list li a {
    display: block;
    color: #333;
    text-decoration: none;
    overflow: hidden;
}
.srch_qna_box .srch_qna_list li .list_title {
    float: left;
    overflow: hidden;
    margin-left: 30px;
}
.srch_qna_box .srch_qna_list li .list_title .title_outter {
    display: inline-block;
    vertical-align: bottom;
}
.srch_qna_box .srch_qna_list li .list_title strong {
    display: block;
    float: left;
    width: 610px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
}
.srch_qna_box .srch_qna_list li .post_lock {
    margin-right: 10px;
    float: left;
    line-height: 50px;
}
.srch_qna_box .list_Etc {
    float: right;
    font-size: 14px;
    font-weight: 400;
}
.srch_qna_box .list_Etc em {
    padding: 3px 15px;
    background-color: #cdcdcd;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    font-style: normal;
}
.srch_qna_box .list_Etc em.ico_on {
    background-color: #f16366;
    font-size: 14px;
}
.srch_qna_box .list_Etc span {
    position: relative;
    color: #bbb;
    padding: 0 10px;
    text-align: center;
}
.srch_qna_box .list_Etc span:nth-of-type(1) {
    display:inline-block;
    width: 50px;
}
.srch_qna_box .list_Etc span img {
    vertical-align: bottom;
    height: 17px;
}
.srch_qna_box .list_Etc span:last-child::after {
    display: none;
}
.srch_qna_box .list_Etc span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 1px;
    height: 8px;
    background-color: #e7e7e7;
}
/*게시판 검색 이벤트*/
.src_event {
    width: 1280px;
    margin: 0 auto;
}
.src_event ul {
    clear: both;
    list-style: none;
    padding: 0;
    height: 352px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.src_event ul li .thumb {
    margin-bottom: 15px;
    width: 490px !important;
    height: 260px !important;
    overflow: hidden;
    object-fit: cover;
}
.src_event ul li {
    float: left;
    width: 490px;
    margin: 0 10px;
    text-align: center;
    padding: 0;
}
.src_event ul li img{
    display: block;
	object-fit: cover;
	width: 100%;
}
.src_event ul li a {
    display: block;
    text-decoration: none;
    color: #333;
}
.src_event ul li strong {
	display:block;
	width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px 0 0;
    font-size: 20px;
    font-weight: 400;
}
.src_event ul li span {
    display: inline-block;
    font-size: 14px;
    color: #aaa;
}

/* 프로그래머 */
.body_scroll{height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}


/*메인 팝업*/
#layer_pop_new {
	position:fixed;
	top:50px;
	left:50px;
	z-index: 99999;
}
#layer_pop_new .layer_pop_inner {
	padding: 3px;
	background-color:#fff;
	border:3px solid #232323;
}
#layer_pop_new .layer_pop_inner ul {
	overflow:hidden
}
#layer_pop_new .layer_pop_inner li {
	float:left;
	padding: 2px 3px 0;
	cursor:pointer;
}
#layer_pop_new .layer_pop_inner li img {
	display:block
}
#layer_pop_new .tab_con_area {
	margin-left: 3px;
	width: 542px;
	height: 392px;
}

#layer_pop_new .tab_con_area img {
	display:block
}

.w-bg {
	background: rgba(255,255,255,.7);
	width:1280px;
	height:243px;
	margin:0 auto;
}