@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0
 * Directory    :    pages/css/
 * File         :    hyssence.css
 * SUMMARY      :    (스킨별) 헤더/푸터/메인페이지 영역
 */

/* .if_main .wrap {max-width:100% !important} */
.rm_layout_fix {max-width:1150px; margin:0 auto; padding:0 60px; box-sizing:content-box;}



/* ********************************************** *
 * HEADER(서브용)
 * ********************************************** */
.header {background:#fff; overflow:hidden;}
.header img {max-width:100%}
.header li {list-style:none;}

.header .inner {display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.header .inner li {display:table-cell; vertical-align:middle; height:75px; box-sizing:border-box; }
.header .this_logo {width:50%; text-align:center; font-size:0px;}
.header .this_left {text-align:left; padding-left:5px;}
.header .this_right {text-align:right; padding-right:5px;}
.header .this_logo img {max-height:20px; width:auto !important; float:left; }
.header .this_logo a {overflow:hidden; padding:10px;}
.header .btn {float:left; height:35px; width:33px;}
.header .my {background:transparent url('../images/skin/mh_mypage.png') center center no-repeat; background-size:auto 23px;}
.header .login {background:transparent url('../images/skin/mh_login.png') center center no-repeat; background-size:auto 23px;}
.header .btn_search {background:transparent url('../images/skin/mh_search.png') center center no-repeat; background-size:auto 23px;}
.header .btn_cart { background:transparent url('../images/skin/mh_cart.png') center center no-repeat; background-size:auto 23px; position:relative;}

.header .cart_num {position:absolute; right:0px; display:block; text-align:center; font-weight:600; color:#cd3726; font-weight:600; font-size:10px; padding:0 3px; border-radius:100px; overflow:hidden; }
.header .cart_num {border:1px solid #cd3726; background:#cd3726; box-sizing:border-box; height:17px; line-height:14px; min-width:17px; color:#fff;}
.header .cart_num {animation: mv_cart 0.8s infinite; -webkit-animation: mv_cart 0.8s infinite;}

@-webkit-keyframes mv_cart {
    0% {top:-7px}
    30% {top:-3px}
    60% {top:-12px}
    100% {top:-7px}
}
@keyframes mv_cart {
    0% {top:-7px}
    30% {top:-3px}
    60% {top:-12px}
    100% {top:-7px}
}

.header .search_box {background:#fff; overflow:hidden; position:absolute; left:0; top:75px; width:100%; padding:0px 20px; box-sizing:border-box; z-index:500; border-top:1px solid #333; border-bottom:1px solid #ddd;}
.header .search_box {opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;  height:0px;}
.header .search_box .form_box {overflow:hidden; position:relative;}
.header .search_box .input_search {border:1px solid #ddd; width:100%; box-sizing:border-box; height:40px; padding-left:10px; padding-right:40px; font-size:14px;}
.header .search_box .input_search:focus {border-color:#999; color:#333;}
.header .search_box .btn_search {position:absolute; right:0; top:0; height:40px; width:40px; background:transparent url('../images/skin/mh_search.png') center center no-repeat; z-index:1}
.header .search_box .btn_search {background-size:auto 20px;}
.header .keyword_box {overflow:hidden; text-align:center; padding:15px 20px; padding-bottom:10px; font-size:0px;}
.header .keyword_box .link {display:inline-block; padding:0 8px; height:25px; line-height:26px; font-size:13px; border:1px solid #ddd; border-radius:100px; margin:2px; background:#fff;}
.header.if_search_open .search_box {height:auto; padding:15px 20px; opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);}






/* ********************************************** *
 * HEADER (NEW)
 * ********************************************** */
.rm_header {background:#000;}
.rm_header .rm_layout_fix {}
.rm_header li {list-style:none;}
.rm_header .fx_box {display:flex; justify-content: space-between; align-items: center; flex-direction:row; height:160px;}

.rm_header .logo {width:200px; font-size:0px;}
.rm_header .logo a {font-size:0px; padding:10px 0;}
.rm_header .logo img {height:36px; max-width:200px}
.rm_header .logo .if_mo {display:none; font-size:0px;}
.rm_header .logo .if_mo img {height:35px;}
.rm_header .logo .if_pc {}

.rm_header .btn_my {width:40px; height:40px; display:flex; justify-content: center; align-items: flex-start; flex-direction:column; display:none;}
.rm_header .btn_my .bar {width:21px; height:2px; background:#000; border-radius:100px; position:relative;}
.rm_header .btn_my .bar:before {content:""; position:absolute; left:0; top:-7px; width:100%; height:2px; border-radius:100px; background:#000;}
.rm_header .btn_my .bar:after {content:""; position:absolute; left:0; top:7px; width:100%; height:2px; border-radius:100px; background:#000;}


.rm_header .search {position:relative; width:400px; }
.rm_header .search .form_box {position:relative; z-index:10000; overflow:hidden; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.rm_header .search .design {background:#fff; height:55px; width:100%; box-sizing:border-box; border-radius:100px; font-size:17px; }
.rm_header .search .design {padding:0 30px; padding-right:70px; border:1px solid #f2f2f2;}
.rm_header .search .btn_search {background:transparent url('../images/renew/top_search.svg') left center no-repeat; width:50px; height:100%; position:absolute; right:0; top:0;}
.rm_header .search .btn_search {background-size:22px;}

.rm_header .open_keyowrd {position:absolute; left:-30px; top:-35px; width:460px; background:#fff; border:1px solid #fff; border-radius:30px; }
.rm_header .open_keyowrd {box-shadow:0 0 10px rgba(0,0,0,0.2); box-sizing:border-box; padding:30px; padding-top:80px;}
.rm_header .open_keyowrd {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); z-index:-1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.rm_header .open_keyowrd .word {margin:20px 0; display:flex; justify-content: center; align-items: center; flex-direction:row; flex-wrap:wrap; max-height:400px; }
.rm_header .open_keyowrd .link {display:inline-block; padding:0 12px; height:30px; border-radius:100px; margin:5px; background:#f9f9f9; font-size:12px; color:#999;}
.rm_header .open_keyowrd .link {display:inline-flex; justify-content: center; align-items: center; flex-direction:column;}
.rm_header .open_keyowrd .close_box {border-top:1px solid #eee; text-align:center; display:none; }
.rm_header .open_keyowrd .close_box .btn_close {color:#aaa; font-size:14px; padding:10px; display:block; box-sizing:border-box;}

.rm_header .menu {width:250px; text-align:right}
.rm_header .menu ul {display:inline-flex; justify-content: center; align-items: center; flex-direction:row;}
.rm_header .menu li {margin-left:5px;}
.rm_header .menu .btn {padding:5px 10px; display:flex; justify-content: center; align-items: center; flex-direction:column; position:relative;}
.rm_header .menu svg {width:28px; height:28px;}
.rm_header .menu .tx { color:#fff; font-size:11px; margin-top:5px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter:alpha(opacity=50); white-space:nowrap}
.rm_header .menu .num {position:absolute; right:0; top:0; background:#fff; width:20px; height:20px; color:#000; font-size:11px; font-weight:700; border:1px solid #fff; box-sizing:border-box;}
.rm_header .menu .num {display:flex; justify-content: center; align-items: center; flex-direction:column;  border-radius:100px;}

.rm_header .btn_opensearch {width:40px !important; height:36px; display:flex; justify-content: center; align-items: center; flex-direction:column; display:none; }
.rm_header .btn_opensearch img {width:20px; height:20px;}
.rm_header .btn_opensearch.if_tx {width:auto !important; flex-direction:row; border:1px solid #e5e5e5; box-sizing:border-box; border-radius:100px; padding:0 10px;}
.rm_header .btn_opensearch.if_tx strong {color:#808080; margin-right:3px; font-weight:500; font-size:14px;}
.rm_header .btn_opensearch.if_tx img {width:15px; height:15px; opacity: 0.3; filter: alpha(opacity=30); -ms-filter:alpha(opacity=30);}




/* ********************************************** *
 * FOOTER (NEW)
 * ********************************************** */

.rm_footer {text-align:center; padding:60px 10px; border-top:1px solid #eee; margin-top:80px;}
.rm_footer li {list-style:none;}

.rm_footer .shop_name {color:#333; font-size:21px; font-weight:600;}

.rm_footer .menu {margin-top:5px; display:flex; justify-content: center; align-items: center; flex-direction:row; margin-bottom:10px;}
.rm_footer .menu .btn {color:#888; font-size:13px; padding:5px 10px;}

.rm_footer .info_box {font-size:0px; max-width:700px; margin:0 auto}
.rm_footer .info_box .txt {display:inline-block; margin:2px 7px; font-size:12px; color:#aaa; line-height:1.3;}

.rm_footer .bottom {margin-top:30px; color:#bbb;}
.rm_footer .bottom div {line-height:1; font-size:12px;}
.rm_footer .bottom .copy {margin-top:10px;}

.rm_footer.if_hide {padding-bottom:120px;}
.rm_footer.if_nomargin {margin-top:0px !important;}






/* **************************************** *
   하단고정메뉴 (NEW)
 * **************************************** */
.fix_bottom {background:#fff; position:fixed; left:0; bottom:0; z-index:100; border-top:1px solid #f2f2f2; width:100%; box-sizing:border-box; padding:0 5px;}
.fix_bottom ul {display:flex; justify-content: center; align-items: center; flex-direction:row;}
.fix_bottom li {flex:1; list-style:none;}
.fix_bottom .btn {display:block; display:flex; justify-content: center; align-items: center; flex-direction:column; height:60px; padding-top:5px; box-sizing:border-box; position:relative;}
.fix_bottom .btn svg {width:21px; height:21px;}
.fix_bottom .btn img {width:21px; height:21px;}
.fix_bottom .btn svg.off {}
.fix_bottom .btn svg.on {display:none;}
.fix_bottom .btn svg {fill:#333 }
.fix_bottom .tx {color:#aaa; font-size:11px; margin-top:3px;}
.fix_bottom .tx.off {}
.fix_bottom .tx.on {display:none;}

.fix_bottom .hit .tx.off {display:none;}
.fix_bottom .hit .tx.on {display:block;}
.fix_bottom .hit .btn svg.off {display:none;}
.fix_bottom .hit .btn svg.on {display:inline-block;}

.fix_bottom .cart_num {background:#000; color:#fff; width:15px; height:15px; display:flex; justify-content: center; align-items: center; flex-direction:column; border-radius:100px;}
.fix_bottom .cart_num {position:absolute; left:50%; top:10px; margin-left:2px; font-size:10px; font-weight:600;}

@media screen and (min-width:630px) {
	.fix_bottom {width:630px; left:50%; margin-left:-315px;}
	/* .if_main .fix_bottom {display:none;} */
}







/* ********************************************** *
 * 메인 비주얼배너
 * ********************************************** */
.rm_visual {position:relative; overflow:hidden; display:none;}
.rm_visual:before {content:""; width:100%; height:60px; border-radius:22px; position:absolute; left:0; bottom:-40px; z-index:10; background:#fff;}

/* 롤링배너 */
.rm_visual .rolling_box {position:relative;}
.rm_visual .visual_box {overflow:hidden;}
.rm_visual .visual_box img {width:100%; float:left;}
.rm_visual .visual_box a {width:100%; float:left;}

/* 롤링 컨트롤러 */
.rm_visual .rolling_ctrl {position: absolute; left: 0; bottom: 30px; z-index: 20; padding: 0 20px; box-sizing: border-box; width: 100%;}
.rm_visual .rolling_ctrl {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end;}

/* 롤링 바 */
.rm_visual .rolling_bar {flex: auto; height: 1px; background: rgba(255, 255, 255, 0.2); position: relative;}
.rm_visual .rolling_bar .fill {position: absolute; left: 0; top: 0; height: 100%; background: #fff;}

/* 롤링 페이징 */
.rm_visual .rolling_paging {flex: none; margin-left: 10px; margin-bottom: -1px;}
.rm_visual .rolling_paging .num {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 1;}
.rm_visual .rolling_paging .num {font-family: 'Be Vietnam'; font-size: 16px; color: #fff; letter-spacing: -0.5px;}
.rm_visual .rolling_paging .num strong {font-weight: 600; width: 20px; text-align: right;}
.rm_visual .rolling_paging .num .center {font-size: 12px; margin: 2px 4px 0 4px; font-weight: 300;}
.rm_visual .rolling_paging .num em {font-weight: 100;}









/* ********************************************** *
 * 메인(NEW) : 상품목록
 * ********************************************** */
.main_prod {}
.main_prod li {list-style:none;}

.main_prod .scroll_box {}
.main_prod .scroll_box ul {display:flex; justify-content: center; align-items: center; flex-direction:row; flex-wrap:wrap; }
.main_prod .scroll_box li {text-align:center;}

.main_prod .ctg1_box {position:sticky; top:0; z-index:50; overflow:hidden;}
.main_prod .ctg1_box .swipe_box {}
.main_prod .ctg1_box .swipe_box ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:nowrap; width:max-content; gap:5px}
.main_prod .ctg1_box .color_box {padding:0 30px; }
.main_prod .ctg1_box .rm_layout_fix {}
.main_prod .ctg1_box .ctg1 {display:inline-flex; justify-content: center; align-items: center; flex-direction:column; padding:10px 15px; position:relative;}
.main_prod .ctg1_box .ctg1 .picto {width:90px; border-radius:30px; overflow:hidden; font-size:0px; position:relative; box-sizing:border-box; background:#eee;}
.main_prod .ctg1_box .ctg1 .picto img {width:100%;}
.main_prod .ctg1_box .ctg1 .img {overflow:hidden; border-radius:30px; box-sizing:border-box; position:relative;}
.main_prod .ctg1_box .ctg1 .img:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; border:0px solid #fff; z-index:1; border-radius:30px; box-sizing:border-box;}
.main_prod .ctg1_box .ctg1 .img:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.main_prod .ctg1_box .ctg1 .tx {line-height:1; font-size:15px; margin-top:8px; letter-spacing:-1px; color:#333; font-weight:500;}
.main_prod .ctg1_box .ctg1 .ring {border:3px solid #000; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:10; border-radius:30px;}
.main_prod .ctg1_box .ctg1 .ring {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.main_prod .ctg1_box .hit .ctg1 .ring {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.main_prod .ctg1_box .hit .ctg1 .img:before {border:8px solid #fff;}

.main_prod .ctg2_box {margin-top:30px; background:#f9f9f9; padding:0 30px;}
.main_prod .ctg2_box .scroll_box {padding-top:20px; padding-bottom:20px;}
.main_prod .ctg2_box .rm_layout_fix {padding:0px !important;}
.main_prod .ctg2_box .ctg2 {}
.main_prod .ctg2_box .ctg2 .tx.off {}
.main_prod .ctg2_box .ctg2 .tx.on {display:none; color:#fff; font-weight:500;}
.main_prod .ctg2_box .ctg2 .tx {display:flex; justify-content: center; align-items: center; flex-direction:column; height:36px; font-size:14px; border-radius:100px; padding:0 20px; color:#333; line-height:1;}
.main_prod .ctg2_box .hit .ctg2 .tx.off {display:none;}
.main_prod .ctg2_box .hit .ctg2 .tx.on {display:flex; text-decoration:none !important}

.main_prod .more {margin-top:40px; text-align:center;}
.main_prod .more .btn {display:block; max-width:400px; margin:0 auto; border:1px solid #333; height:50px; border-radius:5px; font-size:15px;}
.main_prod .more .btn {display:flex; justify-content: center; align-items: center; flex-direction:column; color:#333; box-sizing:border-box;}

.main_prod .prod_box {}









/* ********************************************** *
 * 상품(NEW)
 * ********************************************** */
.item_list_ctrl {margin-top:50px;}
.item_list_ctrl .rm_layout_fix {display:flex; justify-content: space-between; align-items: center; flex-direction:row; }
.item_list_ctrl .total {padding:0px; display:none !important;}
.item_list_ctrl .total .ti {font-size:15px; display:none !important;}
.item_list_ctrl .all {color:#333; font-size:19px; white-space:nowrap}
.item_list_ctrl .all strong {font-weight:500; display:inline}


.item_list {overflow:hidden; margin-top:20px; padding:0px !important;}
.item_list ul {display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:row; flex-wrap:wrap; margin:0 -20px; margin-top:-40px;}
.item_list li {width:25%; float:left; box-sizing:border-box; list-style:none; padding:0 20px; margin-top:40px;}
.item_list.if_col1 li {width:100% !important;}

.item_box {}
.item_box .thumb {margin:0px !important;}
.item_box .ad_icon {position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.8); color:#fff; padding:5px; font-size:12px; line-height:1;}
.item_box .info {padding:0px; margin-top:15px;}
.item_box .info .item_name {font-size:16px; font-weight:500; color:#333;}
.item_box .info .sub_name {font-size:13px; color:#aaa;}
.item_box .info .sub_name.if_ad {margin-top:10px; font-size:14px; line-height:1.3;}

.item_box .thumb {margin:0px !important;}

.c_item_list .item_list li {width:50%;}


.c_none {font-size:14px; margin:100px 0;}





/* ********************************************** *
 * 메인반응형(NEW)
 * ********************************************** */

@media screen and (min-width:900px) {
	.rm_footer .menu .btn:hover {text-decoration:underline;}
	.rm_header .open_keyowrd .link:hover {background:#333; color:#fff;}

	.rm_header .search:hover .open_keyowrd {top:-25px; z-index:500; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
	.rm_header .search:hover .design {border:1px solid #333;}

	.main_prod .ctg2_box .ctg2:hover .tx {text-decoration:underline;}

}




@media screen and (max-width:1100px) {
	.rm_layout_fix {padding:0 40px;}

	.item_list li {width:33.3333%;}
}





@media screen and (max-width:900px) {
	.rm_layout_fix {padding:0 30px;}

	.rm_header .fx_box {justify-content:center; flex-wrap: wrap; height:auto; padding:30px 0;}
	.rm_header .logo {flex:1}
	.rm_header .logo a {padding:0px;}
	.rm_header .logo img {height:30px;}
	.rm_header .search {width:100%; order:3; margin-top:10px;}
	.rm_header .search .design {border-radius:5px; height:45px; padding:0 15px; font-size:15px;}
	.rm_header .search .btn_search {background-position:center center; background-size:18px;}
	.rm_header .open_keyowrd {width:100%; left:0; top:20px; padding:0; border-radius:5px;}
	.rm_header .open_keyowrd .word {margin:0px; padding:15px; padding-bottom:20px;}
	.rm_header .open_keyowrd .link {margin:3px; height:28px;}
	.rm_header .open_keyowrd .close_box {display:block;}
	.rm_header .if_open_topsearch .open_keyowrd {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); z-index:1000; top:65px; }

	.rm_header .menu {width:120px; display:inline-flex; justify-content: flex-end; align-items: center; flex-direction:row;}
	.rm_header .menu .btn {padding:5px;}
	.rm_header .menu svg {width:22px; height:22px;}
	.rm_header .menu .tx {font-size:0.8em; margin-top:3px;}
	.rm_header .menu .num {width:16px; height:16px; font-size:10px;}
	.rm_header .btn_my {align-items: center;}


	.main_prod .ctg1_box .ctg1 .tx {font-size:14px;}
	.main_prod .ctg1_box .ctg1 {padding:10px;}
	.main_prod .ctg2_box .ctg2 .tx {height:33px; padding:0 15px; font-size:13px;}


	.item_list_ctrl {margin-top:30px;}
	.item_list_ctrl .all {font-size:17px !important;}

	.item_list ul {margin:0 -15px; margin-top:-30px !important;}
	.item_list li {width:50%; padding:0 15px; margin-top:30px;}

}





	body {background:#fff !important;}

	.rm_layout_fix {padding:0 15px; }

	.rm_header {background:#fff !important;}
	.rm_header .fx_box {padding:15px 0; height:70px; box-sizing:border-box;}
	.rm_header .logo .if_mo {display:inline-block;}
	.rm_header .logo .if_pc {display:none;}
	.rm_header .btn_opensearch {display:inline-flex;}
	.rm_header .menu ul {display:none;}
	.rm_header .btn_my {display:inline-flex}

	.rm_header .search {margin-top:0px;}
	.rm_header .search .design {background:#f0f0f0;}
	.rm_header .search .form_box {height:0px;}

	.rm_header .if_open_topsearch .form_box {height:45px; margin-top:10px;}


	.rm_footer {padding:40px 0; margin-top:50px;}
	.rm_footer .menu .btn {font-size:12px;}
	.rm_footer .info_box .txt {font-size:11px;}
	.rm_footer .bottom div {font-size:11px;}

	.main_prod .more {margin-top:30px;}

	.main_prod .scroll_box {overflow-y:hidden; overflow-x:auto; justify-content:flex-start; padding-left:15px; }
	.main_prod .scroll_box::-webkit-scrollbar { display: none;}
	.main_prod .scroll_box ul {width:max-content; padding-right:15px;}

	.main_prod .ctg1_box {margin-top:0px;}
	.main_prod .ctg1_box .scroll_box li+ li {margin-left:10px;}
	.main_prod .ctg1_box .ctg1 {padding:0px;}
	.main_prod .ctg1_box .color_box {padding:0px; background:transparent !important;}
	.main_prod .ctg1_box .ctg1 .img {display:none;}
	.main_prod .ctg1_box .ctg1 {padding:0 10px; height:55px;}
	.main_prod .ctg1_box .ctg1 .picto {width:auto;}
	.main_prod .ctg1_box .ctg1 .tx {color:rgba(255,255,255,0.5); font-size:16px; margin:0px;}
	.main_prod .ctg1_box .hit .ctg1 .tx {color:#fff;}
	.main_prod .ctg1_box .ctg1:before {content:""; width:100%; height:0; position:absolute; left:0; bottom:-1px; background:#fff; border-radius:100px 100px 0 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
	.main_prod .ctg1_box .hit .ctg1:before {height:5px;}

	.main_prod .ctg2_box {padding:0px; background:#fff; margin-top:0px;}
	.main_prod .ctg2_box .scroll_box {padding-top:10px; padding-bottom:10px;}
	.main_prod .ctg2_box .ctg2 .tx {padding:0 12px;}


	.item_list_ctrl .total {/* display:inline-block !important; */}
	.item_box .info .item_name {font-size:14px !important;}
	.item_box .info .sub_name {font-size:12px !important;}

	.item_list {margin-top:15px;}
	.item_list ul {margin:0 -7px; }
	.item_list li {width:50%; padding:0 7px;}

	.item_list_ctrl .all {font-size:16px !important;}



	.rm_visual {display:block;}





	.item_list li {width:100% !important; padding:0 7px;}
	.item_box {display:flex; justify-content: space-between; align-items: stretch; flex-direction:row;}
	.item_box .thumb {width:130px;}
	.item_list ul {margin-top:-25px !important;}
	.item_list li {margin-top:25px;}
	.item_box .info {flex:1; padding-left:15px; display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:column; margin-top:10px !important;}
	.item_box .info .sub_name {order:2; margin-top:auto !important; padding-bottom:15px; font-size:13px !important;}
	.item_box .upper_icon {left:0 !important}







@media screen and (max-width:700px) {
	.rm_footer .rm_layout_fix {padding-bottom:50px;}
}


.re_header.if_hide {display:none;}



.c_search .item_list_ctrl {display:none;}






/* 매입시세 메인으로 노출 2021-11-04 ARA */

.rm_buy .rm_layout_fix {margin-top:60px;}

.rm_buy .tit_box {height:55px; width:100%; border-bottom:1px solid #f2f2f2; position:relative; color:#000; font-size:17px; font-weight:500; background:#fff;}
.rm_buy .tit_box {display:flex; justify-content: center; align-items: center; flex-direction:column; }
.rm_buy .tit_box .btn_close {width:50px; height:100%; display:flex; justify-content: center; align-items: center; flex-direction:column; position:absolute; right:0; top:0;}
.rm_buy .tit_box img {width:15px;}

.rm_buy .scroll_box {padding:0px;}
.rm_buy .group {overflow:hidden; padding-bottom:30px; margin-bottom:15px; border-bottom:1px solid #eee;}
.rm_buy .group+ .group {padding-top:15px;}
.rm_buy .group:last-of-type {border-bottom:0; padding-bottom:0px; margin-bottom:0px;}

.rm_buy .gt {color:#000; font-weight:500; font-size:21px; margin-bottom:15px;}

.rm_buy .gx {border-radius:8px; overflow:hidden; display:flex; justify-content: flex-start; align-items: flex-start; flex-direction:row; margin-left:-30px; flex-wrap:wrap}
.rm_buy .gx dl {display:flex; justify-content: flex-start; align-items: stretch; flex-direction:column; width:33.3333%; box-sizing:border-box; background:#fff; padding-left:30px; overflow:hidden; margin-bottom:50px;}
.rm_buy .gx dl {position:relative;}
.rm_buy .gx dl+ dl {}
.rm_buy .gx dt {font-size:0px; background:#f7f7f7; padding:20px; border-radius:8px; box-sizing:border-box;}
.rm_buy .gx dt img {width:100%; background-repeat:no-repeat; background-size:cover !important; background-position:center center !important; border-radius:8px;}
.rm_buy .gx dd {padding-top:10px; flex:1}
.rm_buy .gx .gxt {color:#333; font-weight:500; font-size:15px; letter-spacing:-0.5px; line-height:1.45;}
.rm_buy .gx .price {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; margin-top:8px; flex-wrap:wrap}
.rm_buy .gx .price .tag { display:flex; justify-content: center; align-items: center; flex-direction:column; letter-spacing:-1px; white-space:nowrap}
.rm_buy .gx .price .tag {background:#006633; color:#fff; height:28px; color:#fff; padding:0 10px; border-radius:4px; font-size:13px; line-height:1;}
.rm_buy .gx .price .won {color:#aaa; margin-left:10px; font-size:15px; white-space:nowrap}
.rm_buy .gx .price .per {margin-left:10px; font-size:15px; font-weight:500;}


.rm_buy .fix_call {width:100%; position:fixed; left:0; bottom:30px; text-align:center; z-index:10000; display:none !important;}
.rm_buy .fix_call {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0.8); -webkit-transform:scale(0.8);}
.rm_buy .fix_call {animation: fix_call 0.5s ease; -webkit-animation: fix_call 0.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.rm_buy .fix_call {animation-delay:0.2s; -webkit-animation-delay:0.2s; }
.rm_buy .fix_call .btn_tel {background:#006633; height:60px; display:flex; justify-content: center; align-items: center; flex-direction:column; border-radius:100px; box-shadow:0 9px 18px rgba(0,0,0,0.5); width:300px; }
.rm_buy .fix_call .btn_tel {margin:0 auto;}
.rm_buy .fix_call .btn_tel strong {color:#fff; font-size:17px; background:transparent; line-height:1;}

.rm_buy .gx .if_stop .price .tag {background:#000 !important;}
.rm_buy .gx .if_stop dt {position:relative; overflow:hidden;}
.rm_buy .gx .if_stop dt:before {content:"매입중지"; width:100%; height:100%; background:rgba(0,0,0,0.5); display:flex; justify-content: center; align-items: center; flex-direction:column; color:#fff;}
.rm_buy .gx .if_stop dt:before {position:absolute; left:0; top:0; font-size:17px; font-weight:500;}
.rm_buy .gx .if_stop .price .per {color:#000 !important;}


@-webkit-keyframes fix_call {
    from {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0.8); -webkit-transform:scale(0.8);}
    to {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:scale(1.0); -webkit-transform:scale(1.0);}
}
@keyframes fix_call {
    from {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0.8); -webkit-transform:scale(0.8);}
    to {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:scale(1.0); -webkit-transform:scale(1.0);}
}


@media screen and (max-width:900px) {

	.rm_buy .rm_layout_fix {margin-top:40px;}
	.rm_buy .gt {font-size:19px;}
	.rm_buy .gx dl {width:50%; margin-bottom:30px;}
	.rm_buy .gx .gxt {font-size:13px;}
	.rm_buy .gx .price .won {font-size:13px;}
	.rm_buy .fix_call .btn_tel strong {font-size:15px;}
}


@media screen and (max-width:600px) {}

	.rm_buy .rm_layout_fix {margin-top:30px;}
	.rm_buy .gt {font-size:17px; margin-bottom:10px;}
	.rm_buy .gx {flex-direction:column; margin-left:0px;}
	.rm_buy .gx dl {width:100%; padding-left:0px; flex-direction:row; margin-bottom:0;}
	.rm_buy .gx dt {width:120px; padding:10px; margin-right:15px;}
	.rm_buy .gx dl+ dl {margin-top:15px;}

	.rm_buy .fix_call {bottom:75px}
	.rm_buy .fix_call .btn_tel {height:50px; width:210px; font-weight:500;}



.rm_buy_fix {position:fixed; right:5px; bottom:10px; padding:10px; display:flex; justify-content: center; align-items: center; flex-direction:column; z-indeX:11}
.rm_buy_fix {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.rm_buy_fix .btn {width:40px; height:40px; background:#fff;  border-radius:100px; overflow:hidden; /* display:flex; justify-content: center; align-items: center; flex-direction:column;  */ margin-top:10px;}
.rm_buy_fix .btn img {width:40px;}
.rm_buy_fix.if_scroll {bottom:60px}


@media all and (max-width:600px) {
	.rm_buy_fix {bottom:80px}
	.rm_buy_fix.if_scroll {bottom:128px}
}





.rm_search {position:fixed; left:0; bottom:61px; width:100%; z-index:99; background:#fff; border-radius:50px 50px 0 0; box-sizing:border-box; padding:35px; padding-bottom:50px;}
.rm_search {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transform:translateY(100%); bottom:0}
.rm_search .form_box {position:relative; z-index:10000; overflow:hidden; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.rm_search .design {background:#fff; height:55px; width:100%; box-sizing:border-box; border-radius:100px; font-size:17px; }
.rm_search .design {padding:0 30px; padding-right:70px; border:1px solid #f2f2f2;}
.rm_search .design:focus {border-color:#333;}
.rm_search .btn_search {background:transparent url('../images/renew/top_search.svg') left center no-repeat; width:50px; height:100%; position:absolute; right:0; top:0;}
.rm_search .btn_search {background-size:22px;}
.rm_search .open_keyowrd {}
.rm_search .open_keyowrd {box-sizing:border-box; padding-top:20px;}
.rm_search .open_keyowrd .word {display:flex; justify-content: center; align-items: center; flex-direction:row; flex-wrap:wrap; max-height:400px; overflow-y:auto;}
.rm_search .open_keyowrd .link {display:inline-block; padding:0 12px; height:30px; border-radius:100px; margin:3px; background:#f9f9f9; font-size:12px; color:#999;}
.rm_search .open_keyowrd .link {display:inline-flex; justify-content: center; align-items: center; flex-direction:column;}
.rm_search .open_keyowrd .close_box {border-top:1px solid #eee; text-align:center; display:none; }
.rm_search .open_keyowrd .close_box .btn_close {color:#aaa; font-size:14px; padding:10px; display:block; box-sizing:border-box;}

.rm_search_bg {position:fixed; left:0; bottom:0; width:100%; height:100%; z-index:-1; background:rgba(0,0,0,0.7); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.rm_search_bg {transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}

.rm_search.if_open_topsearch2 { bottom:61px; transform:translateY(0);}
.rm_search_bg.if_open_topsearch2 {z-index:98; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}



body {overflow-y:visible !important;}
.wrap {max-width:630px; overflow:visible !important}


@media screen and (min-width:630px) {
	.rm_search {width:630px; left:50%; margin-left:-315px;}
}