.os_mac .roughmap_maker_label .roughmap_lebel_text {display: none!important;}
.roughmap_maker_label:after {display:none;}
/* common */ 
@import url('http://fonts.cdnfonts.com/css/gugi');

@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html{font-size:10px; font-family: Pretendard; color:#222; scroll-behavior: smooth;}
body {overflow-x:hidden; position:relative;}
body.hidden {overflow:hidden;}

.mo_br {display:none;}
.mo_only {display:none;}

div, img {transition: all 0.3s ease-in-out;}

/* .payment_box1과 .payment_box2, paging, 그 자식 요소들에 대해 transition 효과 제거 */
.payment_box1,
.payment_box1 * {
	transition: none;
}

.payment_box2,
.payment_box2 * {
	transition: none;
}
.paging,
.paging * {
	transition: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-text-fill-backgroung: #fff !important;}
input:focus, select:focus, option:focus, textarea:focus, button:focus{outline: none;}

@media (max-width:1400px) { html{font-size:8.5px;} }
@media (max-width:991px) {
	html {font-size:10px;}
	.mo_br {display:block;}
	.pc_br {display:none;}
	.mo_only {display:block;}
	.pc_only {display:none;}
}
/* // common */

/* ============= header ============= */
header {
	top:0;
	width:100%;
	height:8rem;
	position:fixed;
	background:#fff;
	z-index:11!important;
	border-bottom: 1px solid #EEE;
	transition: all 0.3s ease-in-out;
}
header.bg {height:0;}
#header {
	z-index:11;
	max-width:1760px;
	margin:0 auto;
	height:100%;
	padding:0 2rem;
	position:relative;
	background:#fff;
	box-sizing:border-box;
}
.header_inner {
	display:flex;
	position:relative;
	padding:1.6rem 0px; 
	align-items: center;
	justify-content: space-between;
}
.h_left {display:flex; align-items: center;}
.header_inner .logo {width:100%; height:auto; max-width:12.2rem;}
.header_inner .logo.remove {display:none;}
.logo img {width:100%;}
.logo.hide {opacity:0;}

.h_mid {position:absolute; left: 21.2rem;}
.gnb {margin-left:0rem;}
.gnb ul {display:flex;}
.gnb ul li {color:#222;font-size: 1.8rem;font-weight: 500;line-height: 2.2rem;margin-right:9rem;}
.gnb ul li:last-child {margin-right:0;}

.joing_field {position:relative;}
/* .joing_field ul{display:flex;} */
.joing_field ul {display: flex;}
.joing_field ul li{font-size: 1.8rem;font-weight: 500;line-height: 2.2rem;}
.joing_field ul li:first-child {margin-right:4rem;}

ul.login{display:flex; align-items: center;}
ul.login li {margin-right:3rem; position: relative;}
ul.login li:first-child {margin-right:3em;}
ul.login li:last-child {margin-right:0em;}
ul.login li figure {width:3.2rem; height:3.2rem; position:relative;}
ul.login li figure img {width:100%;}

.joing_field .cart p.cart_count {
    position: absolute;
    top: -0.4rem;
    right: -0.5rem;

    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2rem;
    color: #fff;
    text-align: center;
	
    width: 1.7rem;
    height: 1.7rem;
    background: #FF9635;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h_wishboxGroup {
	padding-top:4rem;
	display:none;
	position: absolute;
    right: -2.5rem;
	top: 100%;
}

ul.login li.cart .h_wishbox {
    width: 27rem;
    height: auto;
	background:#fff;
	border-radius: 0.8rem;
    border: 1px solid #EEE;
}

ul.login li.cart .h_wishbox .h_wishboxInner {position:relative;}
ul.login li.cart .h_wishbox .h_wishboxInner a {border-bottom: 1px solid #EEE;}
.h_wishItembox {padding: 1.6rem; border-bottom: 1px solid #EEE;}
ul.login .order_proBox {width: 100%; display: flex;}
.order_proBox {display: flex;}
.h_wishbox .o_price {font-size: 1.6rem;font-weight: 600;line-height: 2.4rem;}

.h_wishbox .order_img {
    width: 5rem;
	min-width:5rem;
    height: 5rem;
    display: flex;
    background: #FFF;
    align-items: center;
    border-radius: 0.6rem;
    justify-content: center;
    border: 1px solid #F4F4F4;
}
.h_wishbox  .orderpro_info {margin-left: 2.6rem;}
.h_wishbox .order_product {
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}
.wishItemname {
    font-family: Pretendard;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.4rem;
    letter-spacing: 0px;
    text-align: left;
    color: #888;
}
.h_wishbox .wishbox_botm {
    width: 100%;
    height: 4rem;
    background: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 0.8rem 0.8rem;
    border-top: 1px solid #eee;
}

.h_wishbox .wishbox_botm p {
	padding-right: 0.4rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
    color: #666;
}
.h_wishbox .wishbox_botm figure {width:0.6rem;height:auto;}
.h_wishbox .wishbox_botm figure img{vertical-align: middle;}
/* ++++++ hover ++++++ */
.gnb ul li a:hover {color:#51CED3;}
.on_nav {color:#51CED3!important;}

/* ul.login li.cart:hover .h_wishbox {display:block;} */
/* .h_wishbox:before { */
    /* width: 19px; */
    /* height: 17px; */
    /* content: ''; */
    /* background: url(/public/img/tri.png) no-repeat center / contain; */
    /* top: 3rem; */
    /* right: 3rem; */
    /* position: absolute; */
/* } */
/* ul.login li.cart:hover .h_wishboxGroup  {display:block;} */
/* ++++++ hover ++++++ */

/* ++++++ side menu ++++++ */
.side {width:100%; min-width:auto; height:100%; position:absolute; overflow: hidden; z-index:-1;}
.side.over {overflow:unset; z-index:10;}
.side_Area {position: relative;width: 100%;height: 100%;overflow: hidden;}
.side.over .side_cont_wrap {top: 0;right: 0;position: fixed;}
.side.over .side_menu_Btn {top: 2rem;position: fixed;transform: inherit;}

.side_menu_area {display:none;}
.side_cont_wrap {position: absolute; left: 0; top: 0;}

.side_menu_Btn {
    display: none;
    width: 2rem;
    height: 1.3rem;
    position: fixed;
    left: 2rem;
    top: 2.3rem;
    z-index: 550;
    cursor: pointer;
}
.side_menu_Btn.fix .side_menu_Wrap {position: fixed;left: 2rem;top: 2.3rem;width: 2rem;height: 1.6rem;}

.mo_cart {
    display: none;
    width: 2.8rem;
    height: 2.8rem;
    position: fixed;
    z-index: 550;
    cursor: pointer;
    right: 2rem;
    top: 1.4rem;
}
.mo_cart img {width:100%;}

.loginBtnGrop div {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.7rem;
	width:50%;
	max-width:11rem;
}
.side_menu_Btn span {
	left: 0;
    width: 100%;
    height: 0.2rem;
    background: #30CDD4;
    position: absolute;
	transition: all 0.3s;
	border-radius: 2px;
}
.side_menu_Btn span.black {background:#222;}
.side_menu_Btn span:nth-child(1) {top:0;}
.side_menu_Btn span:nth-child(2) {top:50%;transform:translateY(-75%);}
.side_menu_Btn span:nth-child(3) {bottom:0%;}

.mo_headTop {width: auto;box-sizing: border-box;padding: 0 2rem 2.4rem 2rem;border-bottom: 1px solid #f8f8f8;}
.mo_headTop.logo {border-bottom:0; padding-bottom:0;}
.mo_Hlogo {height:auto; width:10.2rem; margin-bottom: 2.4rem;}
.mo_Hlogo img {width:100%;}

.profile.login {display: flex; align-items: center;}
.profile figure {width:3.2rem; height:auto;}
.profile figure img {width:100%;}
.profile .mo_id {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.8rem;
	padding-left:0.8rem;
}
.side_cont_wrap {
    top: 0;
    right: inherit;
    left: -72%;
    position: absolute;
    background: #fff;
    z-index: 1;
    width: 72%;
    height: 100%;
}
.side_cont_inner {padding: 3rem 0rem; height: 100%;}
.side_cont_wrap.is_active {right: 0;width:100%;position: fixed;z-index: 500;}

.loginBtnGrop {display: flex;}
.loginBtnGrop .mo_sideLogin {
	width:50%;
	max-width:inherit;
	height:4rem;
	border:1px solid #30CDD4;
	color:#30CDD4;
	margin-right:0.8rem;
	box-sizing:border-box;
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 4px;
	
	text-align:center;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.7rem;
}
.loginBtnGrop .mo_sideJoin {
	width:50%;
	max-width:inherit;
	height:4rem;
	background:#30CDD4;
	box-sizing:border-box;
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 4px;
	
	color:#fff;
	text-align:center;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.7rem;
}
.menu01_h {font-size: 1.6rem;font-weight: 500;line-height: 1.9rem;padding:1.4rem 0;}
.side_menu_BG {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: -1;
	opacity:0;
}
.side_menu_BG.showBg {opacity:300;z-index:30;}
.side_menu_Btn.fix {position: fixed; z-index:11;}
/* ++++++ SideMenu ++++++ */

@media (max-width:1300px) {
	.h_mid {left: 17.2rem;}
	.gnb {margin-left:0rem;}
	.gnb ul li {margin-right:4rem;}
	.joing_field ul li {font-size:1.6rem;}
	.joing_field ul li:first-child {margin-right:2rem;}
	ul.login li.cart .h_wishbox {width:31rem;}
	.h_wishbox .order_product {
		font-size: 14px;
		line-height: 22px;
	}
}

@media (min-width:1400px) {ul.login li.cart:hover .h_wishboxGroup {display:block;}}

@media (min-width:992px) {
	.h_wishbox:before {
		width: 19px;
		height: 17px;
		content: '';
		background: url(/public/img/tri.png) no-repeat center / contain;
		top: 2.5rem;
		right: 3rem;
		position: absolute;
	}
}

@media (max-width:991px) {
	header {height:6rem;}
	.header_inner {height: 100%; padding:0; justify-content:center;}
	.header_inner .logo {max-width:8.2rem;}
	.gnb {display:none;}
	.side_menu_Btn {display: block;height: 1.6rem;overflow: hidden; z-index:11;}
	.mo_cart {display: block;}
	.container {margin-top: 1.6rem; padding:0 2rem;}
	.after .container {padding-bottom: 1.2rem; border-bottom:1px solid #EEE;}
	.side_cont_wrap.is_active {left: 0%;width: 72%;position: fixed;}
	.mo_headBotm {padding: 1.6rem 0 0 2rem;}
	.mo_headBotm ul li {font-size: 1.4rem; line-height: 1.7rem;color:#666; margin-bottom:1.6rem; cursor:pointer;}
	.mo_headBotm ul li:last-child {margin-bottom:0;}
	.mo_headBotm ul li span {font-size: 1.4rem;font-weight: 600;line-height: 1.7rem;color:#30CDD4;}
	
	.mo_headarrow {width:0.7rem; height:auto; padding-left: 1rem;}
	.mo_headarrow img {width:100%; height:auto;}
	
	.h_right {POSITION: ABSOLUTE;RIGHT: 0;}
	ul.login li {display:none;}
	ul.login li.cart:hover .h_wishboxGroup {display:none;}
	ul.login li.cart figure {width:2.8rem; height:2.8rem;}	
}
/* ============= // header ============= */

/* =============  Quick Menu =============  */
.quick_menu {
    right: 0;
	width:10rem;
    top: 23.1rem;
	z-index: 100;
	position: fixed;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.08));
}
.quick_box {
    display: flex;
	align-items: center;
    flex-direction: column;
    justify-content: center;
	padding: 1.4rem 1.1rem 1.5rem 1.2rem;
}
.quick_menu ul li {box-sizing: border-box;}
.quick_menu ul li:nth-child(1) {background: #F0F0F0; border-radius: 1.5em 0 0 0; color:#222;}
.quick_menu ul li:nth-child(2) {
    background: #4B5BD8;
    box-sizing: border-box;
}
.quick_menu ul li:nth-child(3) {
    background:#FDDC3F;
    color: #222;
    border-radius: 0 0 0 1.5rem;
}
.quick_menu ul li .quick_icon {width:5rem; margin: 0 auto;}
.quick_menu ul li .quick_icon img {width:100%;}
.quick_txt {
	color:#222;
	margin-top:0.8rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.68rem;
	text-align: center;
}

.quick_menu ul li:nth-child(2) .quick_txt {color:#FFF;}
.q_txt {font-size: 1.5rem;font-weight: 700;line-height: 1.8rem;text-align: center;}
.quick .qm.menu03 {background:url(../img/quick03.png) no-repeat center/cover; margin-bottom:0rem; background: #FDDC3F; border-radius:50%; position:relative; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));}
.quick .qm p {
	left: 50%;
    top: 46%;
	width:100%;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.8rem;
    letter-spacing: 0px;
    text-align: center;
    position: absolute;
    transform: translate(-50%, -50%);
}
.qm.menu03 figure {
	top: 50%;
	left: 52%;
    width: 3.2rem;
    margin: 0 auto;
    padding-top: 0;
    position: absolute;
    transform: translate(-50%,-50%);
}
.qm.menu03 img.ka_icon {width:100%;}
.quick.bottom.on {top: 64%;}
.floating {
	top: 88%;
	z-index:50;
	right:2.5rem;
	position:fixed;
	margin-bottom: 5rem;
}
.floating .kakao {
	top:0rem;
	width:7rem;
	height:7rem;
    position: relative;
	background: #FDDC3F;
	border-radius:50%;
	display: flex;
    justify-content: center;
    align-items: center;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.floating figure {width:3.2rem; margin:0 auto;}
.floating figure img {width:100%; vertical-align: bottom;}
/* .floating.on {position: fixed; top: 63%;} */



@media (max-width:991px) {
	.quick_menu {display:none;}
	.quick.bottom {top: 83%; right: 2rem; margin-bottom: 8rem;}
	.floating {right:1rem; top:inherit; bottom:6%; margin-bottom:0;}
	.floating.shop {right:2rem; bottom:4rem!important;}
	.floating.shop.on {bottom:12rem!important;}
	/* .floating .kakao { */
		/* width: 4.8rem; */
		/* height: 4.8rem; */
		/* bottom: 0rem; */
		/* display: flex!important; */
		/* justify-content: center; */
		/* align-items: center; */
		/* right: -0.4rem; */
	/* } */
	
	.floating .mfloat {
		width: 4.8rem;
		height: 4.8rem;
		bottom: 0rem;
		border-radius:50%;
		display: flex!important;
		justify-content: center;
		align-items: center;
		right: -0.4rem;
		background:#fff;
		filter: drop-shadow(0px 4.28571px 10.7143px rgba(0, 0, 0, 0.18));
	}
	
	.floating .mfloat figure {height:auto;}
	.floating .mfloat figure img {width:100%; height:auto; vertical-align: top;}
	
	.floating figure {width:2.4rem;}
	/* .floating.on {top: 65%; max-height: 5.6rem;} */


	.floating {bottom:3rem!important;}
	.floating.top {bottom:6%!important;}
	
	

	.open_mq {display:none;}
	.mlink {
		display: block!important;
		margin-bottom: 0.8rem;
		width: 4.8rem;
		height: 4.8rem;
		background: #fff;
		border-radius: 50%;
		position: relative;
		transition: all 0.45s ease-in-out;
	}
	.mlink figure {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.btn_mq .open_mq img { vertical-align: middle!important;}
	.btn_mq .open_mq {display:block!important;}
	.btn_mq.mq_acitive .open_mq {display:none!important;}

	.btn_mq .close_mq {display:none!important;}
	.btn_mq.mq_acitive .close_mq {display:block!important; width:1.6rem;}


	.m_click_vi .mlink {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		z-index: -50;
	}
	
	.m_click_vi .m_kakao.mlink {top:-54px; background-color:#FDDC3F;}
	
	.m_click_vi .m_inq.mlink {top:-108px; background-color:#4B5BD8;}
	.m_click_vi .m_inq.mlink figure {width:3.2rem;}
	
	.m_click_vi .m_shop.mlink {top:-162px;  background-color:#F0F0F0;}
	.m_click_vi .m_shop.mlink figure {width: 3.328rem;}
	
	
	.m_click_vi.m_up .mlink {
		opacity:1;
		z-index:0;
		filter: drop-shadow(0px 4.28571px 10.7143px rgba(0, 0, 0, 0.18));
	}
	.m_click_vi.m_up .m_kakao.mlink {top:-56px;}
	.m_click_vi.m_up .m_inq.mlink {top:-112px;}
	.m_click_vi.m_up .m_shop.mlink {top:-168px;}
	
}

@media (max-width:767px) {
	.quick .qm {width: 5rem; height: 5rem;}
	.qm.menu03 figure {width: 2.2rem;}
	/* .floating.on {top: 80%;} */
	.floating.shop.on {bottom:12rem!important;}
}
/* =============  // Quick Menu =============  */

/* ============= swiper-btn ============= */
.swiper-button-next:after, .swiper-button-prev:after {content:''!important;}
.swiper-button-next, .swiper-button-prev {width:6.5rem!important; height:6.5rem!important; border-radius: 50%;}

.swiper-button-next {background:url(../img/button_next_act.png)no-repeat center/cover; box-shadow: 0px 0px 20px rgba(126, 126, 126, 0.1);}
.swiper-button-next:hover {background-image:url(../img/button_next_hov_50.png);}

.swiper-button-prev {background:url(../img/button_prev_act.png)no-repeat center/cover; box-shadow: 0px 0px 20px rgba(126, 126, 126, 0.1);}
.swiper-button-prev:hover {background:url(../img/button_prev_hov_50.png)no-repeat center/cover;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:1!important;}
.swiper-button-next.swiper-button-disabled {background:url(../img/button_next_unact.png)no-repeat center/cover;}
.swiper-button-prev.swiper-button-disabled {background:url(../img/button_prev_unact.png)no-repeat center/cover;}

.ko .swiper-button-next {box-shadow: 0px 2.37315px 5.93287px rgba(0, 0, 0, 0.15);}
.ko .swiper-button-prev {box-shadow: 0px 2.37315px 5.93287px rgba(0, 0, 0, 0.15);}

.eff .swiper-button-next, .swiper-rtl .swiper-button-prev {right:0.5rem!important;}
.eff .swiper-button-prev, .swiper-rtl .swiper-button-next {left:0.5rem!important;}

.k05 .swiper-button-next, .swiper-rtl .swiper-button-prev {right:-3rem!important;}
.k05 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:-3rem!important;}

.self .swiper-button-next {right: -25px!important; top: 50%; transform: translateY(-50%);}
.self .swiper-button-prev {left: -25PX!important; top: 50%; transform: translateY(-50%);}


@media (max-width:1300px) {
	.swiper-button-next, .swiper-rtl .swiper-button-prev {right:0!important;}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {left:0!important;}
	.swiper-button-next, .swiper-button-prev {width:5.5rem!important;height:5.5rem!important;}
}
@media (max-width:991px) {
	.swiper-button-next, .swiper-rtl .swiper-button-prev {right:1rem!important;}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {left:1rem!important;}
	.swiper-button-next, .swiper-button-prev { width:5rem!important; height:5rem!important;}
	
	.eff .swiper-button-next, .swiper-rtl .swiper-button-prev {top: 55%; right: -0.5rem!important; transform: translateY(50%);}
	.eff .swiper-button-prev, .swiper-rtl .swiper-button-next {top: 55%; left: -0.5rem!important; transform: translateY(50%);}
	
	.self .swiper-button-next {right: -25px!important; top: 50%; transform: translateY(25%);}
	.self .swiper-button-prev {left: -25PX!important; top: 50%; transform: translateY(25%);}
}
@media (max-width:767px) {
	.swiper-button-next, .swiper-rtl .swiper-button-prev {right:0rem!important;}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {left:0rem!important;}
	.swiper-button-next, .swiper-button-prev {width:3.8rem!important;height:3.8rem!important;}
}
/* ============= // swipter-btn ============= */


/* ============= footer ============= */
footer {width:100%; height:auto; min-height:25rem; background:#222; position:relative;}
.footer_inner {
	width:100%; 
	max-width:1720px; 
	padding:0 2rem; 
	margin:0 auto; 
	display: flex;
	position:relative;
    justify-content: space-between;
}
#f_top {
	height:7rem;
	margin:0 auto;
	display: flex;
	align-items: center;
	border-bottom:1px solid #444;
}
#f_top ul{display:flex;}
#f_top ul li{color:#fff!important;font-weight: 300;font-size: 1.5rem;line-height: 1.8rem;}
#f_top ul li:first-child {margin-right:2rem;}

ul.ft_sns li {width:2.2rem;}
ul.ft_sns li img {width:100%;}
ul.ft_sns li:first-child {margin-left:3.3rem;}

#f_btom {display:flex; align-items: center; justify-content: space-between; }
#f_btom .footer_inner {
	display: flex;
	margin-top:2.3rem;
    align-items: flex-start;
	justify-content: space-between;
}
#f_btom .fb_left {width:100%; max-width:74rem; position:relative;}
#f_btom .fb_info ul{display:flex; width:100%; flex-wrap:wrap;}
#f_btom .fb_info ul li {
	color:#AAA;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.8rem;
	padding-right:3.1rem;
	margin-bottom:1rem;
	position:relative;
}
#f_btom .fb_info ul li::before {
	content:'';
	width:1px;
	height:1.4rem;
	background:#444;
	position:absolute;
	top:50%; right:1.5rem;
	transform:translateY(-50%);
}
#f_btom .fb_info ul li:nth-child(4)::before {display:none;}
#f_btom .fb_info ul li:last-child {padding-right:0; margin-bottom:0;}
#f_btom .fb_info ul li:last-child::before {display:none;}
.fb_copy {
	color:#666;
	margin-top: 3.3rem;
	margin-bottom:50px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7rem;
}


/* .top_box { */
	/* cursor:pointer; */
    /* display: flex; */
    /* position: absolute; */
    /* right: 9rem; */
    /* align-items: center; */
    /* top: 43%; */
    /* transform: translateY(-50%); */
    /* margin-right: 1rem; */
/* } */
/* .top_box p { */
	/* color:#fff; */
	/* font-family: Pretendard; */
	/* font-size: 1.8rem; */
	/* font-weight: 600; */
	/* line-height: 2.2rem; */
	/* letter-spacing: 0.1rem; */
	/* text-align: left; */
/* } */
/* .top_box figure {width:1.8rem; height:auto; margin-left:0.6rem;} */
/* .top_box figure img {width:100%; height:auto;} */

.floating .top {
    right: -1.2rem;
    top: 3rem;
    width: 5rem;
    height: 5rem;
    background: #FFF;
    border-radius: 50%;
    position: relative;
	filter: drop-shadow(0px 6px 15px rgba(0, 0, 0, 0.18));
}

.floating .top .top_box {
    cursor: pointer;
    display: flex;
    position: absolute;
    left: 50%;
    align-items: center;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-right: 1rem;
}
.floating .top figure {
	width:18px;
	height:21px;
}

.floating .top figure img {
	width:100%;
}


.fb_copy .top_box {display:none; cursor:pointer;}

.fb_copy figure img {width:100%; vertical-align: bottom;}

.fb_right {width:100%; max-width:207px; height:auto;}
.fb_right img {width:100%; height:100%;}

.mo_ft_sns {display:none; margin-top: 3rem; flex-direction: row;}
.mo_ft_sns ul {display:flex;}
.mo_ft_sns ul li {width:2.1rem; height:auto;}
.mo_ft_sns ul li img {width:100%; vertical-align: bottom;}
.mo_ft_sns ul li:first-child {margin-right:2rem;}


.mo_menuinq {
    width: 100%;
    padding: 0 3.8rem 0 2rem;
    box-sizing: border-box;
    position: absolute;
    bottom: 5rem;

}
.go_site {
    width: 100%;
    display: flex;
	max-width:21.2rem;
    align-items: center;
	border-radius: 0.6rem;
	padding: 1.2rem 1.6rem;
    border: 1px solid #EEE;
    box-sizing: border-box;
	justify-content: space-between;
}
.go_site .go_siteicon {
	width:2.6rem; height:2.6rem;
}

.go_sitearrow {width:1.8rem; height:1.2rem; margin-left:1rem;}

.go_siteTxt {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.7rem;
	display:flex;
	align-items: center;
}

.go_siteTxt .go_sitearrow img {vertical-align: text-top;}

.go_site figure img {
	width:100%;
	height:100%;
}

@media (max-width:991px) {
	#f_top {display:none;}
	#f_btom .fb_left {max-width:inherit; width:100%;}
	.fb_right {display:none;}
	#f_btom .fb_info ul {flex-direction: column;}
	#f_btom .fb_info ul li {
		font-size: 1.4rem;
		font-weight: 300;
		line-height: 2.4rem;
		margin-bottom: 1rem;
		position: relative;
	}
	#f_btom .fb_info ul li::before {display:none;}
	.mo_ft_sns {display:block;}
	.fb_copy { 
		display:flex; 
		margin:5rem 0;
		align-items: flex-end;
		letter-spacing:-0.04em;
		justify-content: space-between;
	}
	.fb_copy .top_box {
		display: flex;
		position: inherit;
		top: inherit;
		transform: inherit;
		right: inherit;
	}

	.top_box p {
		color: #fff;
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 1rem;
		letter-spacing: 0.03em;
		padding-right: 0rem;
	}
	.floating .top figure {
		width: 1.5rem;
		height: auto;
	}
	
	.floating .top {
		top: 0.6rem;
		right: 0rem;
		width: 4.8rem;
		height: 4.8rem;
		background: #FFF;
	}

}

@media (max-width:767px) {
	#f_btom .footer_inner {flex-direction:column;margin-top: 5rem;padding: 0 3rem;}
	#f_btom .fb_info ul {display: flex;width: 100%;flex-wrap: wrap;flex-direction: column;}
	#f_btom ul li::before {display:none;}
	.fb_right {margin:0 auto;}
}

/* ============= // footer ============= */

/* :::::::::::::::::::::: 개인정보 처리방침 이용약관  -start ::::::::::::::::::::::*/
.memberJoinWrap {
    width: 100%;
    position: relative;
	box-sizing: border-box;
    padding: 28rem 0rem 23rem 0rem;
}
.memberjoinBox {
	box-sizing: border-box;
	padding: 0rem 2rem 0rem 2rem;
    max-width: 104rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.memberjoinBox h1 {
	font-size: 4.6rem;
    font-weight: 700;
    line-height: 6rem;
    color: rgba(34, 34, 34, 1);
    margin-bottom: 6rem;
}

.memberJoinWrap .pop_terms {position:relative;}
.pop_terms::-webkit-scrollbar{width: 0.5rem;}
.pop_terms::-webkit-scrollbar-track{background-color: #F6F6F6;border-radius: 1rem;}
.pop_terms::-webkit-scrollbar-thumb{background-color: #dddddd;border-radius: 1rem;}
.pop_terms .top {margin:3rem 0 1rem 0px;}
.pop_terms .mo_br {display:none;}

.martNone{margin-top: 0!important;}
.pop_terms dt {
	color: #30CDD5;
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    display: block;
    margin: 8rem 0 0rem 0;
}
.pop_terms strong {
	color: #000;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3rem;
    display: block;
    margin: 4rem 0 1rem 0;
}
.pop_terms b {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2rem;
    display: block;
    margin: 3rem 0 1rem 0;
}
.pop_terms p {
	color: #555;
    font-weight: 400;
    font-size: 1.7rem;
	line-height: 2.6rem;
    letter-spacing: -0.1px;
}
.pop_terms dl{
	color: #555;
	font-size:1.6rem;
	line-height: 2.5rem;
	display:block;
	padding-left:2.6rem;
	margin:1rem 0px 1rem 0px;
}
.pop_terms .dot_list {list-style-type:circle; margin-top:0.5rem;}
.pop_terms .ex_list {margin-top:0.5rem;}
.pop_terms ul {font-weight:300;padding:0;}
.pop_terms ul li{list-style:none;padding-left:1rem;}
.pop_terms p{margin-bottom:1rem;}

@media (max-width:767px) {
	.memberJoinWrap {padding: 14rem 0rem 10rem 0rem;}
	.memberjoinBox h1 {font-size: 3rem;line-height: 4rem;margin-bottom: 4rem;}
	.pop_terms strong {font-size: 1.7rem;line-height: 2rem;margin: 4rem 0 1rem 0;}
	.pop_terms p {line-height: 2.4rem;font-size: 1.4rem;letter-spacing: -0.1px;}
	.pop_terms dl {font-size: 1.3rem;line-height: 1.8rem;padding-left: 1.6rem;margin: 0.8rem 0px 0.8rem 0px;}
	.pop_terms b {font-size: 1.7rem;line-height: 2rem;margin: 3rem 0 1rem 0;}
	.pop_terms dt {font-size: 2.4rem;line-height: 3rem;margin: 6rem 0 0rem 0;}
}

/* :::::::::::::::::::::: 개인정보 처리방침 이용약관  -end ::::::::::::::::::::::*/