@charset "utf-8";

/* ******************************************************
	common 공통
*******************************************************/

*{margin:0;padding:0;box-sizing: border-box;border:0;font-family: 'NotoSansKR-Regular'; /* font-family: 'Bodyfriend_Sans_Regular'; */}
body{overflow-x:hidden;color:#000;}
ol, ul, li{list-style:none}
fieldset{border:none;}
caption, legend{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;}
legend{position:absolute;top:0px;left:-9999px}
img{border:0 none;vertical-align: middle;}
a{text-decoration:none;cursor:pointer;color:#1D1D1F;}
i, em, address{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;empty-cells:show}
th,td{word-wrap:break-word;}
b{font-weight: 500;}
strong{font-weight:700;}
input, button, select{padding:4px 10px;border:1px solid #eee;font-size:14px;cursor:pointer;appearance: none;-webkit-appearance: none;-webkit-border-radius: 0;}
select{appearance: none;padding-right: 30px; min-width: 100px;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_down.svg) no-repeat calc(100% - 5px) center #fff;vertical-align: middle;}
select::-ms-expand{display: none;}
input[type="text"],
input[type="password"]{cursor:text; vertical-align: middle;}
input[type="button"],
input[type="submit"]{vertical-align: middle;}
input[type="text"]:disabled{background: #eee;}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus{}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;}

input[type="text"].focus,
textarea.focus,
select.focus{border-color:#d4202b;}

::selection {background-color: #821C21;color: #fff;}

/*clear fix : .clfix*/
.clearfix:after,.clearfix:before{line-height:0;display:table;content:''}
.clearfix:after{clear:both}

/* SkipToContent 웹접근성*/
#skipToContent{margin:0}
#skipToContent a{position:absolute;left:-3000%}
#skipToContent a:focus{display:block;left:0;top:0;z-index:10000000000;width:100%;height:40px;line-height:40px;background:#EB5757;color:#fff;text-align:center}

/*로딩*/
.loading_wrap{margin:0 auto;z-index:9999;display:flex;align-items:center;justify-content:center}
.loading_wrap.on{display:block}
.loading_wrap .cls-1{fill:#111}
.loading_wrap .round{position:fixed;top:50%;left:50%;width:120px;height:120px;border-radius:50%;animation-name:loadingRotate;animation-duration:3s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:revert;background:#fff;border:10px solid #fff;box-sizing:content-box;z-index:9999}
.loading_wrap .logo,.loading_wrap .polygon{animation-name:loadingColor;animation-duration:5s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards}
.loading_wrap .logoshape{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;z-index:9999}
.loading_wrap .round svg{position:absolute;top:0;left:0;width:100%;height:100%}
#loading_polygon {width: 100%;height: 100%;}
.display-none{display:none !important;}

/*dimmed*/
.dimmed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index: 10;}
.dimmed.active{display:block;z-index:10;}
.dimmed.z10{z-index: 10;}
.dimmed.z2{z-index: 2;}


/*body scroll*/
.scroll_hidden{overflow:hidden;}
.scroll_hidden_x{overflow-x:hidden;}
.scroll_hidden_y{overflow-y:hidden;}

/*말줄임 */
.dotdot {display: inline-block; max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 접근성 : 숨김 텍스트 */
.hdtxt{height: 0; width: 0; font-size: 0 !important; line-height: 0; margin: 0; padding: 0; overflow:hidden;position:absolute;left:-9999px;}

/* ******************************************************
	display margin padding float
*******************************************************/
.dis_none{display:none !important;}
.dis_Block{display:block !important;}
.dis_inBlock{display:inline-block !important;}
.dis_Flex{display:flex !important;}

.flR{float:right !important;}
.flL{float:left !important;}

.mg0{margin:0 !important;}
.mg10{margin:10px !important;}
.mg20{margin:20px !important;}
.mg30{margin:30px !important;}

.mgt0{margin-top:0px !important;}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}

.mgb0{margin-bottom:0px !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb40{margin-bottom:40px !important;}
.mgb60{margin-bottom:60px !important;}

.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl20{margin-left:20px !important;}
.mgl40{margin-left:40px !important;}

.mgr5{margin-right:5px !important;}
.mgr10{margin-right:10px !important;}
.mgr20{margin-right:20px !important;}
.mgr40{margin-right:40px !important;}

.pd0{padding:0 !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.pd30{padding:30px !important;}

.pdt10{padding-top:10px !important;}
.pdt30{padding-top:30px !important;}
.pdb5{padding-bottom:5px !important;}
.pdb30{padding-bottom:30px !important;}
.pdL5{padding-left:5px !important;}
.pdL10{padding-left:10px !important;}
.pdL20{padding-left:20px !important;}
.pdL100{padding-left:100px !important;}
.pdL120{padding-left:120px !important;}

.pdR10{padding-right:10px !important;}

/* ******************************************************
	width
*******************************************************/
.wt100{width:100% !important;}

/* ******************************************************
	bg
*******************************************************/
.bg_red{background-color:#fffafa !important;}
.bg_grey_fc{background-color:#fcfcfc !important;}

/* ******************************************************
	btn, form button_group button
*******************************************************/
.btn_gold_bg_hor,
.btn_gold_bg_hor:hover,
.btn_gold_bg_hor:active,
.btn_gold_bg_hor:focus{background-image: linear-gradient(to right, #dbbb8b 0%, #b4875e 100%) !important;color:#fff !important;border:none;}

.btn_gold_br_hor,
.btn_gold_br_hor:hover,
.btn_gold_br_hor:active,
.btn_gold_br_hor:focus{border: solid 1px #b5885f !important;color:#b5885f !important;}

.btn_red,
.btn_red:hover,
.btn_red:active,
.btn_red:focus{background:#8E091C !important;;color:#fff !important;}
.btn_grey{border:1px solid #ccc !important;color:#1d1d1d !important;}
.btn_black{background:#333 !important; color:#fff !important;}

.button_group{position:relative; text-align:center;margin-top:30px}
.button_group.top{margin-top:0;}
.button_group.right{display:flex;justify-content: end;}
.button_group.left{display:flex;justify-content: start;}
.button_group .btn_left{float:left;}
.button_group .btn_right{float:right;}
.button_group a,
.button_group button{display:inline-block;margin:0 4px;border:1px solid #aaa;padding:8px 20px;font-size:16px;text-align: center;}
.button_group a.disabled,
.button_group button.disabled,
.button_group button:disabled{opacity:.5;cursor: default;}
.button_flex{display:flex;justify-content: center;}
.button_size2 a,
.button_size2 button{padding:10px 20px;min-width:160px;height:50px;}
.button_size_max a,
.button_size_max button{padding:10px 20px;max-width:335px;width:100%;height:50px;}

.btn_transpar_white{background:none;border:1px solid #fff;color:#fff;}
.btn_white{background:#fff;border:1px solid #333;color:#333;}
.btn_white2{background:#fff;border:1px solid #D4D4D4;color:#2e2e2e;}
.btn_grey{background:#bababa !important;bolor-color:#bababa !important;color:#fff !important;}
.btn_grey888{background:#888 !important;bolor-color:#888 !important;color:#fff !important}
.btn_gold{background:#B98756 !important;border-color:#B98756 !important;color:#fff !important;}
.btn_black{background:#333;border:1px solid #333;color:#fff;}
.btn_primary{background:#821C21 !important;border:1px solid #821C21 !important;color:#fff;}
.btn_naver{position:relative;overflow:hidden;padding:5px !important;background:#00de5a !important;border:1px solid #00de5a !important;color:#fff;}
.btn_naver .logo_npay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.btn_naver.disabled{filter: grayscale(100%);}

.btn_s{display:inline-block;padding:2px 6px;font-size:12px;border-radius: 4px;}
.btn_m{display:inline-block;padding:4px 8px;font-size:14px;border-radius: 8px;}
.btn_l{display:inline-block;padding:8px 30px;font-size:16px;border-radius: 8px;}

.btn_arror{position: relative;display:inline-block;}
.btn_arror:after{content:"";position: absolute;top:50%;width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;}
.btn_arror.type2:after{border-width:2px 2px 0 0;}
.btn_arror.white{border-color:#fff;}
.btn_arror.left{padding-left:15px;}
.btn_arror.left:after{left:0;transform:rotate(-130deg) translateY(50%);}
.btn_arror.right{padding-right:6px;}
.btn_arror.right:after{right:0;transform:rotate(45deg) translateY(-50%);}
.btn_arror.red{color:#c72b2c;}
.btn_arror.red:after{border-color:#c72b2c;}

.arror_right{display:inline-block;width:10px;height:10px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);margin:0 0 0 6px;vertical-align: middle;}

.btn_with_arrow{position:relative;padding-right: 25px;}
.btn_with_arrow::after{position:absolute;content:"";width:24px;height:24px;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_right_white.svg) no-repeat;}

@media all and (max-width:640px){
	.button_group a{margin:0 2px;padding:6px 15px;font-size:14px;}
	.button_size2 a,
	.button_size2 button{padding:14px 10px;font-size:14px;}
	.btn_naver .logo_npay{height:42px;}

	.rental_step .button_size2 a,
	.rental_step .button_size2 button{width:50%;padding:14px 0;}
}
@media all and (max-width:540px){
	.button_size2.col2{flex-direction: column;}
	.button_size2.col2 a,
	.button_size2.col2 button{margin-bottom:5px;}
}
@media all and (max-width:414px){
	.button_group > a{padding:8px; font-size:13px;}
	.button_size_max a,
    .button_size_max button{max-width:100%;}
    .button_size2 a, .button_size2 button{height:40px;}

}
@media all and (max-width:320px){
    .button_size2 a,
    .button_size2 button{min-width:130px;}
}

/* ******************************************************
	color
*******************************************************/
.color_primary_red{color:#821C21 !important;}
.color_primary_blue{color:#437ef7 !important;}
.color_primary_yellow{color:#d5be7f !important;}

.color_red{color:#d4202b !important;}
.color_red2{color:#c72b2c !important;}
.color_blue1{color:#122894 !important;}
.color_blue2{color:#007af7 !important;}
.color_blue3{color:#2f80ed !important;}
.color_green{color:#00bf65 !important;}
.color_black1{color:#111 !important;}
.color_white{color:#fff !important;}


/* ******************************************************
	font weight
	100	:	Thin
	300	:	Light
	400	:	DemiLight
	500	:	Regular
	600	:	Medium
	700	:	Bold
	800	:	Black
*******************************************************/
.fontW100{font-weight:100 !important;}
.fontW300{font-weight:300 !important;}
.fontW400{font-weight:400 !important;}
.fontW500{font-weight:500 !important;}
.fontW600{font-weight:600 !important;}
.fontW700{font-weight:700 !important;}
.fontW800{font-weight:800 !important;}
/* ******************************************************
	font size
*******************************************************/
.fontS20{font-size:20px !important;}
.fontS16{font-size:16px !important;}
.fontS14{font-size:14px !important;}
.fontS12{font-size:12px !important;}
/* ******************************************************
	align
*******************************************************/
.txt_c{text-align: center !important;}
.txt_l{text-align: left !important;}
.txt_r{text-align: right !important;}
/* ******************************************************
	border
*******************************************************/
.bdr0{border-width:0px 0px 0px 0px !important;}
.bdr1{border-width: 1px 1px 1px 1px;}
.bdr2{border-width: 2px 2px 2px 2px;}

.bdt1{border-width: 1px 0 0 0;}
.bdb1{border-width: 0 0 1px 0;}

.bdr_grey1{border-color:#ccc;}

.bdr_solid{border-style: solid;}
.bdr_dashed{border-style: dashed;}
/* ******************************************************
	text-decoration
*******************************************************/
.txt_underline{text-decoration: underline !important;}
/* ******************************************************
	word-break
*******************************************************/
.word_keep{word-break:keep-all;}
/* ******************************************************
	icon
*******************************************************/
.ico_warning{float:left;margin:1px 3px 0 0;width: 13px; height: 13px; background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/sprites_img.png) -81px -39px no-repeat;overflow: hidden;text-indent:-9999px; vertical-align:middle;}
.ico_new_window{display: inline-block;margin:3px 0 0 4px; vertical-align:top;width: 14px; height: 14px; background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_new_winow_nor.svg) no-repeat center/100%; background-size:cover;overflow: hidden;text-indent:-9999px; }

.nodata{text-align: center;font-size:16px;}


/* ******************************************************
	header
*******************************************************/

header{position:fixed;top:0;left:0; width:100%;height:65px;background:#fff;z-index: 10;}
header.no_gnb{height:auto;}
header.mainHeader{top:65px;}
header .btn_mb_menu{display:none;}
.header_inner{display:flex;justify-content: space-between;margin:0 auto;padding:15px 0;width:1400px;}
.header_gnb_wrap{display:flex;}

.header_title{display:inline-block;margin-right:50px;width:150px;height:32px;overflow:hidden;}
.header_title.center{margin:0 auto;}
.header_title.hide{display:none;}
.header_title .logo{position:relative;}
/*.header_title .logo > i{display:block;width:100%;height:100%;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/common/logo/logo_bf_not_ci.svg)no-repeat center;background-size:100%;}*/
.header_title .logo > img{display:block;margin-top:-2px;width:100%;height:100%;}
.header_title .logo-lottie{position:absolute;  top: -87px; left: -33px; width: 200px; height: 200px; transform:rotate(0deg);}
#gnb .nav_area{display:block;}
#gnb .nav_area>span{margin:5px 0 0 0;width: 105px;display: inline-block;vertical-align: top;}
#gnb .nav_area>span a{position:relative;color:#000;font-size:14px;font-weight:600;line-height:1.4;display: block;width: 100%;text-align: center;}
#gnb .nav_area>span em{color:#000;font-size:14px;font-weight:600;}
#gnb .nav_area>span>a:hover,
#gnb .nav_area>span>a:hover em,
#gnb .nav_area>span>a:focus,
#gnb .nav_area>span>a:focus em,
#gnb .nav_area>span.on>a,
#gnb .nav_area>span.on>a em{font-weight:700;color:#821C21;}
#gnb .nav_area .dot{margin-top:2px;width:6px;height:6px;background:#821C21;opacity: 0; border-radius:50%; transform: translateX(0);transition: all 0.2s ease-in-out;}

/* gnb title 변경 애니메이션 */

#gnb .nav_area>span.bf,
#gnb .nav_area>span.la,
#gnb .nav_area>span.W,
#gnb .nav_area>span.B2B{position: relative;}
#gnb .nav_area>span.B2B em:first-child:after{content:"";display:inline-block;background:url('https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_new_window.svg')no-repeat center;width:18px;height:18px;vertical-align: text-top;}

#gnb .icon_event{display:inline-block;width:27px;height:16px; background:url('https://bodyfriend.speedgabia.com/img/bodyfriend/icon/ico_gnb_new_badge.svg')no-repeat center/contain;}
/* [E] */

/*hover, on*/
/*
#gnb .nav_area>span:nth-child(1):hover ~ .dot, #gnb .nav_area>span:nth-child(1).on ~ .dot{transform: translateX(63px);transition: all 0.2s ease-in-out;opacity: 1;}
#gnb .nav_area>span:nth-child(2):hover ~ .dot, #gnb .nav_area>span:nth-child(2).on ~ .dot{transform: translateX(196px);transition: all 0.2s ease-in-out;opacity: 1;}
#gnb .nav_area>span:nth-child(3):hover ~ .dot, #gnb .nav_area>span:nth-child(3).on ~ .dot{transform: translateX(330px);transition: all 0.2s ease-in-out;opacity: 1;}
#gnb .nav_area>span:nth-child(4):hover ~ .dot, #gnb .nav_area>span:nth-child(4).on ~ .dot{transform: translateX(464px);transition: all 0.2s ease-in-out;opacity: 1;}
#gnb .nav_area>span:nth-child(5):hover ~ .dot, #gnb .nav_area>span:nth-child(5).on ~ .dot{transform: translateX(598px);transition: all 0.2s ease-in-out;opacity: 1;}
#gnb .nav_area>span:nth-child(6):hover ~ .dot, #gnb .nav_area>span:nth-child(6).on ~ .dot{transform: translateX(732px);transition: all 0.2s ease-in-out;opacity: 1;}
*/
.header_util{display:flex;margin-left:80px;}
.header_util .search_box{position:relative;margin-right:15px;max-width:100px;}
.header_util .search_textarea{width:17px;height:28px;background:none;color:#000;opacity:0; transition:all .3s;}
.header_util .btn_search_mb,
.header_util .btn_search{position: absolute;top:50%;transform:translateY(-50%);right:0;padding:0;width:26px;height:26px;border:0;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_search_black2.svg)no-repeat center;background-size:100%;}
.header_util .btn_search_mb{display:none;}
.header_util .search_textarea:focus,
.header_util .search_box.active .search_textarea{padding-right:20px;width:100px;height:28px;border:0;border-bottom:1px solid #000;font-size:12px;color:#000;opacity: 1;}

.header_util_menus{display:flex;}
.header_util_menus li{margin-left:20px;position: relative;}
.header_util_menus li:first-child{margin-left:0;}
.header_util_menus li>a{color:#fff;font-size:12px;}
.header_util_menus .mypage{display:block;position:relative;margin-top:3px; width:28px;height:28px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_mypage_black2.svg)no-repeat center;background-size:100%;text-indent:-9999px;}
.header_util_menus .mypage:after{display:none;content:"";position: absolute;top:0;right:0;width:6px;height:6px;background:#d5be7f;border-radius: 50%;}
.header_util_menus .mypage.acitve:after{display:block;}
.header_util_menus .mypage.hide{display:none;}
.header_util_menus .mypage_info{display:none;}
.header_util_menus .mypage_info.active{position: absolute;display:flex;flex-direction:column;top:44px;left:50%;transform:translateX(-50%); padding:3px 10px 10px 10px;width:130px;height:auto;background:#333;border-radius:15px; z-index: 10;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.header_util_menus .mypage_info.active a{display:block;text-align: center;padding:4px 0;font-size:13px;color:#fff;}
.header_util_menus .mypage_info.active .icon{position: relative;width:20px;height: 20px;display: inline-block;vertical-align: top;margin: 0 5px 0 0;background-repeat:no-repeat;background-position:center;}
.header_util_menus .mypage_info.active .employee_mall{background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_employee_mall.svg);}
.header_util_menus .mypage_info.active .cart_top{margin-bottom: 5px; padding: 5px 0;border-bottom:1px dashed #494949}
.header_util_menus .mypage_info.active .cart_top > a .cnt{background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_cart_white.svg);}
.header_util_menus .mypage_info.active .cart_top.active > a .cnt{margin:0 10px 0 0;}
.header_util_menus .mypage_info.active .cart_top > a .cnt > i{position: absolute;top: -5px;left: 12px;height: 14px;line-height: 13px;background:#fff;border-radius: 8px;color:#000;font-size: 11px;font-weight: 600;vertical-align: middle;justify-content: center;align-items: center;padding: 1px 4px;}


@media all and (max-width:1400px){
    .header_inner{width:100%;padding:20px;}
}

@media all and (max-width:1180px){
	header{position:fixed;top:0;width:100%; height:44px;z-index: 10;}
	header.no_gnb{height:44px;}
	header .btn_mb_menu{display:block; position: absolute; top:10px; left: 20px;width:24px;height:24px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_menu.svg)no-repeat center;z-index: 11;}
	header .btn_mb_menu span{ display: inline-block;text-indent:-9999px;opacity: 0;}
	header .btn_mb_menu.active{background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_close.svg)no-repeat center;}
	.header_inner{display:block;flex-wrap:inherit;}
	/*.header_title{display:block;position: absolute;width:110px;height:21px;top:13px;left:50%;transform:translateX(-50%);}*/
	.header_title{display:block;position: absolute;width:132px;height:32px;top:6px;left:50%;transform:translateX(-50%);}
	.header_util{position: absolute;top:6px;right:20px;display:flex;margin-right:0;}
	#gnb{ position: absolute; top:-100%; left: 0; padding:0;margin:0;width:0;height:0;background: #fff;z-index: 10;transition:top .2s;}
	.header_util_menus .mypage_info.active .cart_top{margin-bottom:0;padding:0;}
	.header_util_menus .mypage_info.active a{padding:12px 0;}
	.header_util_menus .mypage_info.active .cart_top a{padding:12px 0;}
	#gnb .nav_area{display:none;}
	#gnb.active .nav_area{display:block;}
	#gnb.active{top: 44px; padding:20px 0;width: 100%;height:auto;}
	#gnb .nav_area>span,
	#gnb.active .nav_area>span{display:block;width:100%;}
	#gnb.active .nav_area>span a{display:block;padding:10px 0;text-align: center;font-size:16px;text-indent:-9999px;}
	#gnb .nav_area>span.bf,
	#gnb .nav_area>span.la{position: static;}
	#gnb .nav_area>span .slick-track{width:100% !important;}
	#gnb .nav_area>span em{padding:0;display:block;word-break:keep-all; font-size:16px;position: relative !important;top:inherit !important;left:inherit !important;text-align: center !important;width:100% !important;}

	#gnb.active .nav_area > span > a{text-indent:0;}
	/*
    #gnb.active .nav_area > span .gnb-mb-animated em:nth-child(1){opacity: 1 !important;}
    #gnb.active .nav_area > span .gnb-mb-animated em:nth-child(2),
	#gnb.active .nav_area > span .gnb-mb-animated em:nth-child(3){display:none;}
	#gnb .nav_area .dot{display:none;}
    */


	.header_util .btn_search_mb{display:block;right:0;}
	.header_util .btn_search_mb.close{position: absolute;right:-30px;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_close_white.svg);background-size:13px;}
	.header_util .btn_search{display:none;}
	.header_util .btn_search.active{display:block;}
	.header_util .search_box.active{position: fixed;left:50%;transform:translateX(-50%);max-width:200px;}
	.header_util .search_box.active .search_textarea{width:150px;}

	.header_util_menus .mypage_info.active{left:inherit;right:0;transform:translateX(0);padding:0 10px;}
	.header_util_menus .mypage_info.active:before{left:inherit;right:0;}
}

@media all and (max-width:640px){
    .header_title .logo-lottie{top: -56px; left: -33px; width: 170px; height: 146px;}
    .header_util .search_box{margin-right:5px;}
	.header_util_menus .mypage_info.active:before{display:none;}
	.header_util_menus .mypage_info.active{position:fixed; left:0;width:100%;border-radius: 0;}

}
@media all and (max-width:540px){
	#header.mainHeader{top:95px;}
}
/* ******************************************************
	하단 사이트맵 sitemap_bottom_wrap
*******************************************************/
/*
.go_top{display:none;position:fixed; right:0;bottom:100px; width:55px;height:55px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_up_white.svg)no-repeat center #636468;background-size:20px;color:#fff;text-indent:-9999px;text-align: center;z-index: 5;}
*/

.sitemap_bottom_wrap{position:relative; display:flex;justify-content:center; padding:60px 0;background:#F2F2F2;}
.sitemap_bottom_list{column-width: 190px;column-gap: 0px;column-count: 5;}
.sitemap_bottom_list .sitemap_item{margin-bottom:20px;}
.sitemap_bottom_list .sitemap_item:nth-child(1){margin-bottom:115px;}
.sitemap_bottom_list .sitemap_item:nth-child(2){margin-bottom:40px;}
.sitemap_bottom_list .sitemap_item a{display:block;font-size:14px;}
.sitemap_bottom_list .sitemap_item>a{margin-bottom:8px;font-weight:700;}
.sitemap_bottom_list .sitemap_item ul li a{padding:7px 0;color:#828282;}
.sitemap_bottom_list .sitemap_item ul li:first-child{padding-top:0;}
.sitemap_bottom_list .sitemap_item ul li ul{padding-left:10px;}

.sitemap_policy_list{background:#F2F2F2;}
.sitemap_policy_list .inner{display:flex;margin:0 auto;padding:16px 0;width:1040px;border-top:1px solid #E0E0E0;}
.sitemap_policy_list a{display:block;padding:0 10px;font-size:14px;color:#828282;}
.sitemap_policy_list a.bold{font-weight:700;}

footer{background:#F2F2F2;color:#828282;}
.footer_inner{margin:0 auto;width:1040px;}
.footer_top{display:flex;padding:30px 0 0 0;border-top:1px solid #E0E0E0;}
.footer_top li{margin-right:50px;font-size:14px;color:#828282;}
.footer_top li em{word-break: keep-all;width:100%;}
.footer_top li a{display:block;padding:5px 0;font-size:14px;color:#828282;font-weight:700;}
.footer_util{padding:40px 0;}
.footer_util .family_selectbox{display:inline-block;position: relative;}
.footer_util .family_selectbox a{color:#636468;}
.footer_util .selectbox_selection{display:block;padding:0 10px;width: 156px;height: 29px;background: transparent;color:#636468;border: 2px solid #636468;}
.footer_util .selectbox_selection .family_sorter_title {display: inline-block;line-height:2;padding: 0;font-size:12px;}
.footer_util .family_selectbox .icon_select_arrow{margin: 3px 0 0 0;width: 14px;height: 14px;float: right;background-repeat:no-repeat; background-position: center;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_down.svg);}
.footer_util .family_selectbox.open .icon_select_arrow{background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_up.svg);}

.family_selectbox .selectbox_list {display: none;position: absolute;left:0;width: 100%;border: 1px solid #cdcdcd;background: #F2F2F2;z-index: 9;}
.family_selectbox .selectbox_list a {display:block;padding: 5px 10px;font-size:12px;}
.family_selectbox .selectbox_list a:hover,
.family_selectbox .selectbox_list a:focus{background:#636468;color:#fff;}
.family_selectbox.open .selectbox_list{display: block;}

.footer_util .sns_group{display:flex;float:right;}
.footer_util .sns_group a{display:block;margin-left:10px;background-color:#ccc;background-repeat:no-repeat;background-image:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_sns_sprites2.png);border-radius:50%; width:40px;height:40px;text-indent:-9999px;}
.footer_util .sns_group .facebook{background-position:-190px -70px;}
.footer_util .sns_group .facebook:hover,
.footer_util .sns_group .facebook:focus{background-position:-190px -10px;}
.footer_util .sns_group .insta{background-position:-70px -131px;}
.footer_util .sns_group .insta:hover,
.footer_util .sns_group .insta:focus{background-position: -130px -10px;}
.footer_util .sns_group .blog{background-position: -10px -130px;}
.footer_util .sns_group .kakao_channel{background-position: -190px -131px;}
.footer_util .sns_group .kakao_channel:hover,
.footer_util .sns_group .kakao_channel:focus{background-position: -130px -131px;}
.footer_util .sns_group .blog:hover,
.footer_util .sns_group .blog:focus{background-position: -130px -70px;}
.footer_util .sns_group .post{background-position: -10px -9px;}
.footer_util .sns_group .post:hover,
.footer_util .sns_group .post:focus{background-position: -10px -70px;}
.footer_util .sns_group .youtube{background-position: -70px -9px;}
.footer_util .sns_group .youtube:hover,
.footer_util .sns_group .youtube:focus{background-position: -70px -70px;}

.footer_body{padding:30px 0 80px 0;border-top:1px solid #E0E0E0;font-size:12px;color:#828282;}
.footer_body ul{display:flex;flex-wrap:wrap;}
.footer_body li{margin-right:10px;}

@media all and (max-width:1180px){
	.go_top{right:10px;width:44px;height:44px;background-size:15px;}
}
@media all and (max-width:1040px){
    .sitemap_policy_list{padding:0 20px;}
    .sitemap_policy_list .inner{width:100%;}
    .footer_top{flex-wrap:wrap;}
    .footer_inner{padding:0 20px;width:100%;}
    .footer_top li{margin:0 50px 10px 0;padding:10px 0;}

    .sitemap_bottom_list{column-count :4;}
    .sitemap_bottom_list .sitemap_item{margin-bottom:30px;}
    .sitemap_bottom_list .sitemap_item:nth-child(1),
    .sitemap_bottom_list .sitemap_item:nth-child(2){margin-bottom:20px;}
}
@media all and (max-width:830px){
    .sitemap_bottom_list{column-count :3;}
    .sitemap_bottom_list .sitemap_item{margin-bottom:20px;}
    .footer_top{display:block;}
    .footer_top li{display:flex;justify-content: space-between;padding:5px 0;}
    .footer_top li em{width:50%;padding:5px 0;}
    .footer_top li a{text-align: right;}
}
@media all and (max-width:640px){
    header .btn_mb_menu{left:10px;}
    .header_util{right:10px;}
	.go_top{position:fixed;display:block; top:inherit !important; bottom:100px !important;}

	.sitemap_policy_list .inner{flex-wrap: wrap;justify-content: space-around;}
	.sitemap_policy_list a{display:flex;justify-content: space-between;padding:5px 0;width:50%;}
	.footer_top li{width:100%;padding:0;}
    .sitemap_bottom_wrap{display:block;padding:20px;}
    .sitemap_bottom_list{column-width: auto;column-gap: 0px; column-count: 1;}
    .sitemap_bottom_list .sitemap_item{height:auto;margin-bottom:15px !important;}
    .sitemap_bottom_list .sitemap_item ul{display:none;margin-bottom:15px;padding-left:15px;}
    .sitemap_bottom_list .sitemap_item>a{margin-bottom:10px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_down.svg)no-repeat right 3px;color:#828282;}
    .sitemap_bottom_list .sitemap_item.active>a{background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_up.svg)no-repeat right 3px;color:#1D1D1F;}
    .sitemap_bottom_list .sitemap_item.active a{color:#1D1D1F;font-weight:600;}
    .footer_util{padding:20px 0;}
 	.footer_util .sns_group{margin-bottom:20px;float:inherit;}
	.footer_body{line-height:1.6;}
	.sitemap_bottom_list .sitemap_item > .onlyone{background-image:none;}
}
@media all and (max-width:414px){
	.sitemap_policy_list a{width:100%;}
	.sitemap_bottom_list{ column-width: inherit;column-gap: 0px;column-count: 1;}
}

@media all and (max-width:360px){
    .footer_util .sns_group a{margin-left:5px;}
}
@media all and (max-width:285px){
	.sitemap_bottom_wrap{padding:20px 10px;}
	.sitemap_policy_list,
	.footer_inner{padding:0 10px;}
	.sitemap_bottom_list .sitemap_item a,
	.sitemap_policy_list a,
	.footer_top li{font-size:13px;}
}


/* ******************************************************
	@container.
*******************************************************/
#container{padding-top:65px;min-height:700px;}
/* #container.mainArea{padding-top:130px;} */
.full_container{margin:0 auto; width:100%;}
.normal_container{margin:0 auto; width:1150px;}

@media all and (max-width:1200px){
.normal_container{padding:0 10px;width:100%;}
}
@media all and (max-width:1180px){
#container{padding-top:44px;}
}

/* ******************************************************
	content_responsive
*******************************************************/
.content_responsive {padding:80px 0;}
.content_responsive_fit{padding:0;}
@media all and (max-width:1180px){
	.content_responsive {padding:60px 0;}
}
@media all and (max-width:414px){
   	#container{min-height:initial;}
	.content_responsive {padding:40px 0;}
}
/* ******************************************************
	page subtitle
*******************************************************/
.page_subtitle{margin-bottom:30px;}
.page_subtitle h2{font-family: 'NotoSansKR-Bold';font-size:30px;line-height: 1;}
.page_subtitle h3{font-size:24px;line-height: 1;}
.page_subtitle .sub_tt{margin:5px 0 0 0;font-weight:500;font-size:16px;}
.page_subtitle.page_centered_subtitle {text-align:center;}
.page_subtitle.page_centered_subtitle p{font-size:16px; margin-top: 10px;}

@media all and (max-width:640px){
	.page_subtitle h2{font-size:25px;}
	.page_subtitle h3{font-size:17px;}
	.content_responsive {font-size:22px;}
	.page_subtitle.page_centered_subtitle {font-size:20px;}
	.page_subtitle.page_centered_subtitle p {font-size:14px;}
}
/* ******************************************************
	tab
*******************************************************/
.tabsbox { display:block;border-bottom:1px solid #e0e0e0;}
.tabs_menu {display:flex; margin:0 auto;width:1150px;height:50px; align-items:center; justify-content:center;}
.tabs_menu li {flex:1;width:33.33%; text-align:center; }
.tabs_menu li a { display:block; font-size:13px;}

.lined_tab_list_cont {margin:0 auto;width:1150px; }
.lined_tab_list_cont ul {display: flex; align-items:center; width: 100%;}
.lined_tab_list_cont ul li {cursor:pointer; width: 50%;padding: 30px 0; text-align: center; font-size: 20px; line-height: 1.5;color: #6F6F6F; border-bottom: 1px solid #E6E6E6;}
.lined_tab_list_cont ul li.active {font-weight: 700;color: #821C21; border-bottom: 5px solid #821C21; }
@media all and (max-width:1200px){
	.lined_tab_list_cont{padding:0;width:100%}
}
@media all and (max-width:768px){
	.lined_tab_list_cont ul li {padding: 20px 0;font-size:16px;}
}
/* ******************************************************
	modal
*******************************************************/
#modal_layer_pop{z-index:11;background:#fff;top:30px;transform:translate(-50%, 0);}
#modal_layer_pop img{max-width:100%;}
#modal_rental_down{width:300px;height:200px;z-index: 11;}
#modal_agreeVirtualAcc,
#modal_certification{z-index: 11; text-align: center;}
#modal_order_product_chk .order_info,
#modal_agreeVirtualAcc .order_info,
#modal_certification .order_info{margin:20px 0;padding:10px; background:#f5f5f5;}
#modal_agreement{height:90%;font-size:12px;;z-index: 11;}
.modal{position: fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index: 11;border-radius:8px;}
.modal.active{display:block !important;}
.modal__top{padding:20px;min-height:30px;}
.modal__top h5{display:inline-block;width:calc(100% - 50px);font-size:17px;}
.modal__top__next{display:inline-block;width:20px;height:20px;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_arrow_left.svg) no-repeat center;background-size:100%;text-indent:-9999px;}
.modal__top__close{display:block;float:right;width:20px;height:20px;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_close.svg) no-repeat center;background-size:78%;text-indent:-9999px;}
.modal__con{max-height:calc(100% - 40px);overflow: auto;}
.modal_con_inner{padding:20px;}
.modal__down_type,
.modal__bottom{padding:10px;text-align: center;}
.modal__down_type__btn,
.modal__bottom > a{margin:0 2px;}
.modal__bottom .btn_white{padding:4px 10px;border-radius:4px;font-size:14px;border:1px solid #e0e0e0;}
.modal__bottom .btn_black{padding:4px 10px;border-radius:4px; font-size:14px;border:1px solid #111;color:#fff;background:#111;}
.modal__bottom.btn_len_1 > a,
.modal__bottom.btn_len_1 > button{display:inline-block;width:100px;}
.modal__down_type__email{padding:10px;}
.modal__down_type__email input{padding:4px 10px;width:100%;border:1px solid #e0e0e0;}
.modal__down_type__email p{font-size:13px;}


/*입고알림*/
#modal_product_alarm{width:300px;z-index: 11;}
.modal_product_alarm{text-align: center;}
.modal_product_alarm h4{font-size:20px;}
.modal_product_alarm .wrap_alarm_input input{margin: 10px 0 0 0;padding:8px;width:100%;border:1px solid #e0e0e0;font-size:16px;font-weight:600;}
.modal_product_alarm .wrap_alarm_input p{padding:10px 0 0;font-size:16px;}
.modal_product_alarm .modal__bottom{padding-bottom:20px;}

/*팝업 > 선납금 할인 안내, 무이자 할부 안내, 다중이용장소 안내 팝업*/
#modal_paytype2,#modal_paytype3,
#modal_pay_advance{max-width:320px;}
.modal_payment{z-index: 11;}
.modal_payment .modal__con{padding:10px 20px;}
.modal_payment .modal__con h5{margin-bottom:10px;font-size:17px;font-weight:600;}
.modal_payment .modal__con p{margin:0 0 10px 0;font-size:14px;line-height:1.4;word-break:keep-all;}
.modal_payment .modal__bottom{padding:10px 10px 20px 10px;}

/*납부내역/사용내역 팝업*/
.modal_payinfo_state{width:700px;max-height:100%;z-index: 11;overflow-y:auto;}
.modal_payinfo_state.style2{width:400px;}
.modal_payinfo_state .modal__con{padding:10px;}


/* 이전 설치, 확인 모달 .inform_modal */
.modal_confirm,
.modal_confirm_small,
.inform_modal {top:50%;left:50%;transform:translate(-50%,-50%); max-width:540px;overflow:hidden;z-index: 11;}
.modal_confirm{min-width:300px;max-width:80%;}
.modal_confirm_small{border-radius: 10px;}
.modal_confirm_small.hidden,
.inform_modal.hidden{display:none;}
.inform_modal .modal__inner .modal__top{position: absolute; top: 1%; right: 1%; display: flex; justify-content: flex-end; border:0;height: auto; padding: 0;}
.inform_modal .modal__inner .modal__top .modal__top__close{float: none; width: 30px; height: 30px;}
.inform_modal .modal__inner{position: relative;height:auto;max-height: calc(100% - 40px);overflow: auto; background-color: #fff;}
.inform_modal .modal__inner .modal__con {width: 100%; margin-top: 40px;}
.modal_confirm  .modal__inner .modal__con {padding:10px;border-top:1px solid #eee;min-height:150px;}
.modal_confirm  .modal__inner .modal__con *{word-break:keep-all;}
.inform_modal .transfer_banner_slider{width:100%;height:100%;}
.inform_modal .transfer_banner_slider .slick-dots{display:flex;flex-wrap:wrap;justify-content:center;}
.inform_modal .transfer_banner_slider .slick-dots button{margin:0 7px;padding:0; width:10px;height:10px;border-radius:50%;border:1px solid #bdbdbd; text-indent:-9999px;transition:width .3s;}
.inform_modal .transfer_banner_slider .slick-dots .slick-active button{width:30px;background:#821C21;border-radius: 10px;border-color:#821C21;}

/*내 제품 찾기*/
.modal_serigal h4{font-size:24px;}

/*.modal_confirm , inform_modal*/
.inform_modal .transfer_banner_slider img{display:block;/*height: 100%;  object-fit: contain;  */vertical-align: top}
.modal_confirm .modal__footer,
.inform_modal .modal__footer{display:flex;justify-content: center;border-top:1px solid #e0e0e0;}
.modal_confirm .modal__footer > a,
.inform_modal .modal__footer > a{width:50%;text-align: center;line-height:45px;}
.modal_confirm .modal__footer .btn_close,
.inform_modal .modal__footer .btn_close{background:#1d1d1d;color:#fff;}

/*modal_description*/
.modal_description{position: relative;cursor: default;}
.modal_description .btn{display:inline-block;margin-left:5px;width:20px;height:20px;background:#fff;border-radius: 50%;border:1px solid #ddd;overflow:hidden;cursor:pointer; text-align: center; color: #999; vertical-align: middle;}
.modal_description .btn:after{content:"?"; font-size: 12px; line-height: 20px;}
.modal_description .btn em{display:block;position:absolute;left:-9999px; width:100%;height:100%;text-indent: -9999px;}
.modal_description .con{display:none;position: absolute;bottom:calc(100% + 10px);left:50%;padding:10px;background:#fff;width:350px;border-radius: 10px;z-index: 3;box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.modal_description.active .con{display:block;}
.modal_description .con *{line-height:1.4;font-size:11px;word-break:keep-all;}
.modal_description .con:after{content:"";position:absolute;left:0;bottom:-12px;transform: rotate(132deg); border-style: solid;border-width:5px 5px 8px 20px;border-color: transparent transparent transparent #fff;}
.modal_description .con b{font-size:13px;font-family: 'NotoSansKR-Bold';}
.modal_description .con ul{margin-top:10px;}
.modal_description .con .notice{margin-top:10px;}

/*modal_top_banner*/
.modal_top_banner .modal__top{padding:20px;border:0;}
.modal_top_banner .modal_con_inner{padding:40px;width:600px; text-align: center;position: relative;height:auto;max-height: calc(100% - 40px);overflow: auto;}
.modal_top_banner h5 *{font-size:24px;font-weight: 600;}
.modal_top_banner h5 b{color:#821C21;}
.modal_top_banner h5 span{display:block;font-size:18px;font-weight:400;}
.modal_top_banner strong{display:block;margin:20px auto 0 auto;font-size:24px;font-weight:700;}
.modal_top_banner .list_btn {margin:35px auto 0 auto;width:440px;}
.modal_top_banner .list_btn li{margin-bottom:10px;}
.modal_top_banner .list_btn a{display:block; padding:20px; width:100%; font-size:20px;border-radius: 10px;background:#f2f2f2;font-weight:600;}

/*카카오톡 채널 추가 팝업*/
#popup_kakaochannel{position: fixed;bottom:-100%;left:50%;transform:translateX(-50%);z-index: 11;width:600px;transition:all .3s;}
#popup_kakaochannel.active{bottom:20px;}
#popup_kakaochannel .close{position: absolute;top:10px;right:10px;display:block;width:36px;height:36px;background:url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_close_round_black.svg) no-repeat center;background-size:100%;text-indent:-9999px;}
#popup_kakaochannel .inner{padding:20px 30px;text-align: center; font-weight:700;border-radius: 20px;}
#popup_kakaochannel .logo{display:block;margin:0 auto 15px auto;height:40px;}
#popup_kakaochannel .inner p{font-size:20px;line-height:1.6;word-break:keep-all;}
#popup_kakaochannel .link_kakao_channel{display:inline-block;margin:10px auto 0 auto;padding:10px 30px;border-radius:10px;}
#popup_kakaochannel .link_kakao_channel span{font-size:16px;}

@media all and (max-width:830px){
	.modal_description.active .con{width:200px}
}
@media all and (max-width:768px){
	#modal_layer_pop{top:0;left:0;transform:translate(0,0);}
	.modal_payinfo_state{width:100%;}
	#modal_agreement{width:90%;}
	#modal_layer_pop.inform_modal .modal__inner .modal__top .modal__top__close{width: 20px; height: 20px;}
}

@media all and (max-width:640px){
	#modal_agreeVirtualAcc,
	#modal_agreement{width:90%;}
	#modal_paytype2,
	#modal_paytype3,
	#modal_pay_advance,
	#modal_pay_installment,
	#modal_affiliate_card{width:calc(100% - 40px);}
	#modal_char_part_price,
	#modal_layer_pop.inform_modal {width:100%;}


	.modal_description .con:after{display:none;}
	.modal_description.active .con{position: fixed;bottom:inherit; top:50%;left:50%;width:90%;height:auto;transform:translate(-50%,-50%);z-index: 11;}
	.modal_top_banner .modal_con_inner{width:100%;min-width:400px;}
	#popup_kakaochannel{width:calc(100% - 40px);}
	.modal_top_banner .modal_con_inner{padding:20px}
	.modal_top_banner strong{font-size:18px;}
	.modal_top_banner p,
	.modal_top_banner h5 span{font-size:14px;}
	.modal_top_banner h5 b, .modal_top_banner h5{font-size:20px;}
	.modal_top_banner .list_btn{margin-top:15px;width:300px;}
	.modal_top_banner .list_btn a{font-size:16px;}
}
@media all and (max-width:540px){
}
@media all and (max-width:540px){
    #popup_kakaochannel{width:calc(100% - 40px);}
}
@media all and (max-width:414px){
	.modal_con_inner{padding:10px;}
	.modal_confirm{min-width:initial;width:calc(100% - 20px);}
	.modal_top_banner .modal_con_inner{min-width:320px;}
}

/* ******************************************************
	scroll style
*******************************************************/
.overflow_auto_x{overflow-x: auto;}
.overflow_auto_x::-webkit-scrollbar{height: 5px;}
.overflow_auto_x::-webkit-scrollbar-track {background: #fafafa;}
.overflow_auto_x::-webkit-scrollbar-thumb {background: #dbdbdb; }
.overflow_auto_x::-webkit-scrollbar-thumb:hover {background: #821C21;}

.overflow_auto_y{overflow-y:auto;}
.overflow_auto_y::-webkit-scrollbar {width: 5px;}
.overflow_auto_y::-webkit-scrollbar-track {background: #fafafa; }
.overflow_auto_y::-webkit-scrollbar-thumb {background: #dbdbdb; }
.overflow_auto_y::-webkit-scrollbar-thumb:hover {background: #821C21;}



/* ******************************************************
	error
*******************************************************/
.error_wrap{position: relative;margin:0 auto;padding:100px 0;min-height:400px;text-align: center;}
.error_wrap *{word-break:keep-all;}
.error_wrap h2{width:100%;height:auto;font-weight:700;font-size:30px;color:#666;}
.error_wrap .error_view{width: 100%; text-align: center;}
.error_wrap .state{display:block;margin:0 0 20px 0;font-size:30px;font-weight:700;}
.error_wrap p{font-size:20px;}

.error_wrap .error_view .name{font-size:140px;font-weight:700;color:#821C21;}
.error_wrap img{max-width:100%;}
.error_wrap .btn_white{padding:10px 20px;border-radius: 4px;}

@media all and (max-width:640px){
.error_wrap{padding:100px 20px;}
}

/* ==========================================================================
서비스접수 본인인증
========================================================================== */
.commonLogin{position:relative;margin:0 auto;padding:25px;width:100%;max-width:768px;box-sizing: border-box;font-family: 'NotoSansKR-Regular';}
.commonLogin .page_subtitle { color: #363636;  text-align: left; padding-top: 100px; padding-bottom: 12px; }
.commonLogin .page_subtitle.login_title h2 { padding-top: 0px; font-family:'NotoSansKR-Bold'; font-size:28px;}
.commonLogin .login_subInfoTxt{margin-top:10px;font-size: 14px;line-height: 20px;/* letter-spacing: -0.56px; */color:#808080;}
.commonLogin .submit_form {text-align: center;margin: 60px auto 0 auto;}
.commonLogin .submit_form button[type="button"],
.commonLogin .submit_form button[type="submit"] {margin-bottom: 15px;display: block; width: 100%; height: 50px;font-size:16px;font-family: 'NotoSansKR-Regular';}
.commonLogin .loginView_close {position: absolute;top: 25px; right: 25px; width: 24px; height: 24px;background: url(https://bodyfriend.speedgabia.com/img/bodyfriend/icon/icon_close.svg) no-repeat center;text-indent:-9999px;}
.commonLogin button{background:#fff;}
.commonLogin .has_label{position: relative;margin-top:80px;padding-top:15px;}
.commonLogin .has_label:after{content:"";position:absolute; top:-25px;left:0;width:100%;height:1px;background:#ddd;z-index: -1;}
.commonLogin .has_label .form_label{position: absolute;top:-40px;left:50%;background:#fff;padding:5px 20px;transform:translateX(-50%);font-size:14px;color:#888;}