/*?*/
body
{
	overflow-y: scroll;
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#000000;
	font-family: 'SUIT', sans-serif;
}
/*Border 0 ?*/
.Border_null
{
	font-size:11px;
	color:#000000;
	font-family:'SUIT';
	border:0px solid;
}

/*================== page_list_click=================*/
a							{ font-family:"SUIT"; font-size:12px; text-decoration: none; color: #000000;}
a:link					{ font-family:"SUIT"; font-size:12px; text-decoration: none; color: #000000;}
a:active				{ font-family:"SUIT"; font-size:12px; text-decoration: none; color: #000000;}
a:visited				{ font-family:"SUIT"; font-size:12px; text-decoration: none; color: #000000;}
a:hover				{ font-family:"SUIT"; font-size:12px; text-decoration: none; color: #000000;}


button{cursor:pointer;}
input::placeholder {color:#dadada;}
div,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, fieldset, p, button {margin:0;padding:0;}
ul,ol {list-style:none;}/*기존 dl,span,p,li 제거*/
img{vertical-align:bottom;}
span{width:0px;}
input,a{-webkit-box-sizing: border-box;}
img,textarea{box-sizing: border-box;}
.clearfix {clear:both;}


.Ft-Nsk{font-family:'Noto Sans KR'}


.W-80px{width:80px !important;}
.W-60px{width:60px !important;}
.W-500px{width:500px !important;}
.Pd-l-0{padding-left:0px !important;}
.Pd-r-0{padding-right:0px !important;}

.M-t-50px{margin-top:50px !important;}


.T-a-c{text-align:center !importanat;}

.Mx-w-1650{max-width:1650px !important;}
.Mx-w-100p{max-width:100% !important;}



/******************************** GLOBAL S *****************************************/
.Sub_Layout_Box{
	overflow:hidden;
	width:1300px;
	margin:76px auto;	
}

.Color_d33a10{
	color:#d33a10 !important;
}


.Bg_Color_d33a10{
	background-color:#d33a10 !important;
}

.Bg_Color_c1c1c1{
	background-color:#c1c1c1;
}

.Bg_Color_fc4a4a{
	background-color:#fc4a4a;
}

.Bg_Color_ffffff{
	background-color:#ffffff !important;
}

.Bg_Color_000000{
	background-color:#000000 !important;
}

.Bg_Color_bebdbd{
	background-color:#bebdbd !important;
}

/*광고 중단하기*/
.Bg_Color_ff6600{
	background-color:#ff6600 !important;
}

/*노티설정*/
.Bg_Color_d500ff{
	background-color:#d500ff !important;
}

/*노티내역*/
.Bg_Color_3abf5a{
	background-color:#3abf5a !important;
}


.Menu_A2_Global select,
.Menu_A2_Global input{
	border-radius:5px;
	border:1px #e0e0e0 solid !important;
	height:40px !important;
	padding:0 10px;
}

/******************************** GLOBAL E *****************************************/


.Page_List_style {overflow:hidden;margin:40px auto;display:table;}
.Page_List_style .Select_Button 
{
	float:left;
	border:1px #d33a10 solid;
	background-color:#d33a10;
	color:#ffffff;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:14px;
	text-align:center;
	margin:0 10px;
	border-radius:5px;
}
.Page_List_style .No_Select_Button{
	float:left;
	border:1px #e0e0e0 solid;
	background-color:#ffffff;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:0 10px;
	border-radius:5px;
}

.Page_List_style .No_Select_Button a 
{
	color:#505050;
	font-size:14px;
	display:block;
}

.Page_List_style .Page_Befor{
	float:left;
	border:1px #e0e0e0 solid;
	background-color:#ffffff;
	width:60px;
	height:30px;
	line-height:30px;
	margin:0 10px;
}	

.Page_List_style .Page_Befor a{
	color:#505050;
	font-size:12px;
	display:block;
}

.Page_List_style .Page_Naxt{
	float:left;
	border:1px #e0e0e0 solid;
	background-color:#ffffff;
	width:60px;
	height:30px;
	line-height:30px;
	margin:0 10px;
}

.Page_List_style .Page_Naxt a{
	color:#505050;
	font-size:12px;
	display:block;
}


.T-a-c{text-align:center !important;}
.T-a-l{text-align:left !important;}
.T-a-r{text-align:right !important;}


.top_title_on{width:50%; background-color:#f4f4f4;font-weight:bold;text-align:center;height:40px;line-height:40px;}
.top_title_off{width:50%; background-color:#FFFFFF;font-weight:bold;text-align:center;height:40px;line-height:40px;}


.W-150{width:150px !important;}
.W-321{width:321px !important;}
.W-400{width:400px !important;}

.Top_Menu_Box{display:flex;align-items:center;justify-content: space-between;width:1430px;margin:0 auto;height:90px;}
.Top_Menu_Box ul{display:flex;align-items;gap:30px;}
.Top_Menu_Box ul li a{font-size:18.75px;color:#000000;font-weight:bold;}
.Top_Menu_Box .Ken_Box{color:#cfcfcf;font-size:18.75px;font-family:Dotum;}
.Top_Menu_Box .Login_Box{display:flex;gap:12px}
.Top_Menu_Box .Login_Box a{display:inline-block;width:80px;height:30px;line-height:30px;background-color:#d33a10;color:#ffffff;font-size:16.67px;font-weight:bold;border-radius:5px;text-align:center;}

.Top_Menu_Box .LogOut_Box{display:flex;align-items:center;gap:10px}
.Top_Menu_Box .LogOut_Box .Button_Box{display:flex;align-items:center;gap:8px}
.Top_Menu_Box .LogOut_Box .Button_Box a{display:inline-block;width:60px;height:26px;line-height:26px;background-color:#ffffff;border:1px #000000 solid;color:#000000;font-size:14px;border-radius:5px;text-align:center;font-weight:normal;}
.Top_Menu_Box .LogOut_Box .Button_Box .Out_Box{color:#111111;}
.Top_Menu_Box .LogOut_Box .Level_Style_Box a{background-color:#d33a10;border:1px #d33a10 solid;color:#ffffff;}


.Menu_Main_Box, .Bottom_Bg_Box{background:url(/img_new/img/img_menu_bg.png) no-repeat center;height:60px;background-size: cover;width:100%;}
.Menu_Main_Box ul{display:flex;align-items:center;justify-content:center;gap:76px;height:100%;width:1300px;margin:0 auto;}
.Menu_Main_Box ul li a{display:inline-block;font-size:18.75px;color:#ffffff;font-weight:bold;height:40px;line-height:40px;padding:0 10px;}
.Menu_Main_Box .Ken_Box{color:#ffbe6b;font-size:18.75px;font-family:Dotum;}
.Menu_Main_Box .On a{border-radius:5px;background-color:#e89872;height:40px;}


.Campaign_Box{padding:100px 0;}
.Campaign_Bg{background-color:#f8f8f8}
.Campaign_Box_In{max-width:1430px;margin:0 auto;}
.Campaign_Box_In h2{font-size:32.41px;color:#3e3e3e;font-weight:bold;text-align:center;}
.Campaign_Box_In h2 span{color:#d33a10}
.Campaign_Box_In h3{font-size:20.82px;color:#3e3e3e;font-weight:bold;text-align:center;margin:28px 0 75px 0;}
.Campaign_Box_In h3 span{color:#d33a10}


/*메인페이지 머천트 리스트*/
.Campaign_Box_In .Campaign_List{display: grid;gap:5px;grid-template-columns: repeat(3, 1fr);}
.Campaign_Box_In .Campaign_List_Box{cursor: pointer;border:1px #dadada solid;border-radius:10px;width:400px;}
.Campaign_Box_In .Campaign_List_Box img{width:400px;height:400px;border-radius:0px;border-top-left-radius:10px;border-top-right-radius:10px;}
.Campaign_Box_In .Campaign_List_Box p{font-size:13.64px;color:#939393;padding:30px 40px;border-bottom:1px #dadada solid;}
.Campaign_Box_In .Campaign_List_Box p span{font-size:20.82px;color:#000000;font-weight:bold;}
.Campaign_Box_In .Campaign_List_Box ul{display:flex;justify-content: space-between;align-items:center;padding:24px 40px;color:#3e3e3e;font-size:15.62px;}
.Campaign_Box_In .Campaign_List_Box ul li:nth-child(1) span{color:#161616;font-weight:bold;font-size:16.55px;font-family: 'Noto Sans KR'}
.Campaign_Box_In .Campaign_List_Box .Size_Box1{color:#e02a2a;font-weight:bold;font-size:20.82px;font-family: 'Noto Sans KR'}
.Campaign_Box_In .Campaign_List_Box .Size_Box2{color:#3e3e3e;}

.Campaign_Box_In .More_Box{text-align:center;margin-top:70px;}
.Campaign_Box_In .More_Box a{display:inline-block;width:128px;height:45px;line-height:45px;color:#3e3e3e;font-size:19.56px;font-weight:bold;background-color:#eeeeee;text-align:center;border-radius:30px;}
.Campaign_Box_In .More_Bg a{background-color:#ffffff;}
.Campaign_Box_In .Bg_ffffff{background-color:#ffffff}


.Latest_Writing_List{max-width:1430px;margin:94px auto;}
.Latest_Writing_List_In{display:flex;gap:24px;width:100%;}
.Latest_Writing_List_In .Left_Box{flex:1;display:flex;background-color:#f8f8f8;border-radius:10px;gap:15px;padding:45px 48px;}
.Latest_Writing_List_In .Right_Box{width:370px;height:100%;}


.Latest_Writing_List_In .No_Box{
	text-align:center;
	padding:50px 0;
}


.Latest_Writing_List_In .Ranking_Box_One{
	width:238px;
}

.Latest_Writing_List_In .Ranking_Box_Two,
.Latest_Writing_List_In .Ranking_Box_Three{
	flex:1;
}

.Latest_Writing_List_In .Ranking_Box_One p,
.Latest_Writing_List_In .Ranking_Box_Two p,
.Latest_Writing_List_In .Ranking_Box_Three p{
	letter-spacing:-2px;
	font-size:18px;
	text-align:center;
	margin-bottom:30px;

}

.Latest_Writing_List_In .Ranking_Box_One p span,
.Latest_Writing_List_In .Ranking_Box_Two p span,
.Latest_Writing_List_In .Ranking_Box_Three p span{
	font-weight:bold;
}

.Latest_Writing_List_In .Ranking_Box_One p span{
	border-bottom: 3px solid #ec6b0d;
	color:#ec6b0d;
}

.Latest_Writing_List_In .Ranking_Box_Two p span{
	border-bottom: 3px solid #00b9ea;
	color:#00b9ea;
}

.Latest_Writing_List_In .Ranking_Box_Three p span{
	border-bottom: 3px solid #f5ae25;
	color:#f5ae25;
}


.Latest_Writing_List_In .Ranking_Box_One .Top3{
	overflow:hidden;
	height:37px;
	padding:0 10px;
	margin:8px 0;
	background-color:#ffffff;
	display:flex;
	align-items:center;
	font-size:16.79px;
	font-weight:bold;
}

.Latest_Writing_List_In .Ranking_Box_One .Top3{
	border:1px #fcd8c6 solid;
	color:#000000;
	
	
}
.Latest_Writing_List_In .Ranking_Box_One .Top3 li:first-child span{
	padding-left:15px;
}

.Latest_Writing_List_In .Ranking_Box_One .Top3 li:last-child{
	margin-left: auto;
}

.Latest_Writing_List_In .Ranking_Box_One .Top4{
	overflow:hidden;
	height:37px;
	padding:0 10px;
	background-color:#ffffff;
	border:1px #e9e9e9 solid;
	display:flex;
	align-items:center;
	font-size:16.79px;
	color:#000000;
	font-weight:bold;
}

.Latest_Writing_List_In .Ranking_Box_Two .Top4,
.Latest_Writing_List_In .Ranking_Box_Three .Top4{
	border:1px #e9e9e9 solid;
	background-color:#ffffff;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:328px;
	font-size:16.79px;
	color:#000000;
	font-weight:bold;
	height:37px;
	line-height:37px;
	padding:0 10px;
	box-sizing: border-box;
	margin-bottom:10px;
}


.Latest_Writing_List_In .Ranking_Box_One .Top4 li:nth-child(1){
	font-size:14px;
	color:#000000;
	font-weight:bold;
	width:22px;
	text-align:center;
}

.Latest_Writing_List_In .Ranking_Box_One .Top4 li:nth-child(2){
	line-height:37px;
	padding-left:15px;
}

.Latest_Writing_List_In .Ranking_Box_One .Top4 li:nth-child(3){
	margin-left: auto;
	color:#212121;
	line-height:37px;
	font-weight:bold;
}


.Main_Board_Box{
	background-color:#f8f8f8;
	border-radius:10px;
	height:100%;
}

.Main_Board_Menu_Box{
	display:flex;
}

.Main_Board_Menu_Box li{
	width:50%;
	text-align:center;
	border-bottom:1px #dedfdf solid;
	height:74px;
	line-height:74px;
}

.Main_Board_Menu_Box li a{
	font-size:18px;
	color:#000000;
	font-weight:bold;
	display:block;	
}

.Main_Board_Menu_Box .On{
	width:50%;
	text-align:center;
	height:74px;line-height:74px;
	background-color:#d33a10;
}

.Main_Board_Menu_Box li:first-child{
	border-top-left-radius:10px;
}
.Main_Board_Menu_Box li:last-child{
	border-top-right-radius:10px;
}



.Main_Board_Menu_Box .On a{
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	display:block;
}

.Main_Board_Contents_Box{
	padding:20px 15px;
}

.Main_Board_Contents_Box li{
	height:40px;
	line-height:40px;
}

.Main_Board_Contents_Box a{
	font-size:15.32px;
	color:#000000;
	display:block;
}



/**********************이용약관,개인정보취급방침 S *****************************/
.Customer_Layout h1{
	font-size:32.41px;
	font-weight:bold;
	color:#3e3e3e;
	letter-spacing:-2px;
	padding-bottom:50px;
	text-align:center;
}

.Customer_Box{
	background-color:#f6f6f6;
	white-space : pre-line;
	padding:46px;
	line-height:26px;
	font-size:16.67px;
	color:#292929;
	border-radius:10px;
}

/********************이용약관,개인정보취급방침 E ******************************/



/********************************회원가입 S **********************************/

.Member_Layout_Intro{
	width:790px;
	margin:0 auto;
}

.Member_Layout_Intro .Title_Img{
	padding:120px 0 50px 0;
	text-align:center;
	font-size:30px;
	color:#000000;
	font-weight:bold;
}

.Member_Layout_Intro ul{
	display:flex;
	justify-content:center;
	padding-bottom:67px;
	border-bottom:1px #d0d2d5 solid;
	gap:50px;
	color:#000000;
}
.Member_Layout_Intro li a{
	font-size:30px;
	color:#000000;
}

.Member_Layout_Intro .Login_Button{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:22px 0 70px 0;
	letter-spacing:-2px;
}

.Member_Layout_Intro .Login_Button button{
	width:140px;
	height:47px;
	color:#ffffff;
	text-align:center;
	font-size:16px;
	background-color:#d33a10;
	border:0px;
	font-weight:bold;
	border-radius:5px;
}


.Member_Ed_Layout{
	width:900px;
}

.Member_Ed_Layout .Title_Img{
	font-size:32.41px;
	font-weight:bold;
	color:#3e3e3e;
	letter-spacing:-2px;
	padding-bottom:50px;
	text-align:center;
}

.Member_Ed_Contents{
	border:1px #e3e3e3 solid;
	border-radius:5px;
	margin-bottom:27px;
}

.Member_Ed_Contents h2{
	font-size:20px;
	color:#000000;
	background-color:#f7f7f7;
	padding:15px;
	font-weight:bold;
	border-bottom:1px #e3e3e3 solid;
}

.Member_Ed_Contents h2 span{
	color:#ff0000;
	position:relative;
	top:-10px;
	font-size:14px;
}

.Member_Ed_Contents_In{
	padding:25px 40px;
}

.Member_Ed_Contents_In ul{
	display:flex;
	padding-bottom:12px;
}

.Member_Ed_Contents_In li:nth-child(1){
	width:150px;
	line-height:50px;
	font-size:17.59px;
}

.Member_Ed_Contents_In li:nth-child(2),
.Member_Ed_Contents_In li:nth-child(3){
	line-height:45px;
	font-size:16px;
}

.Member_Ed_Contents_In li:nth-child(2) input,
.Member_Ed_Contents_In li:nth-child(2) select{
	width:210px;
	height:45px;
	text-indent:10px;
	border-radius:5px;
	border:1px #c8c8c8 solid;
	font-size:14px;
}


.Member_Ed_Contents_In li:nth-child(3) select{
	width:200px;
	height:45px;
	text-indent:10px;
	border-radius:5px;
	border:1px #c8c8c8 solid;
	font-size:14px;
}

.Member_Ed_Contents_In .Posting_Type_Box label{
	padding-right:10px;
	cursor:pointer;
}
.Member_Ed_Contents_In .Posting_Type_Box input[type='checkbox']{
	width:15px;
	height:15px;
}


.Member_Ed_Submit{
	text-align:center;
	display:flex;
	justify-content:center;
	gap:12px;
}

.Member_Ed_Submit button,.Member_Ed_Submit a{
	width:260px;
	height:60px;
	line-height:60px;
	font-size:18.75px;
	text-align:center;
	border:0px;
	border-radius:5px;
	color:#ffffff;
	font-weight:bold;
}


.Member_Ed_Cancel{
	border:1px #dedede solid !important;
	color:#313131 !important;
}

.Member_Out_Button{
	display:flex;
	justify-content:right;
	margin-top:30px;
}

.Member_Out_Button button{
	width:130px;
	height:30px;
	font-size:12.75px;
	text-align:center;
	border:0px;
	border-radius:5px;
	color:#ffffff;
	font-weight:bold;
}



.Member_Layout{
	width:900px;
}

.Member_Layout .Title_Img{
	font-size:32.41px;
	font-weight:bold;
	color:#3e3e3e;
	letter-spacing:-2px;
	padding-bottom:50px;
	text-align:center;
}

.Member_Ed_Terms{
	display:flex;
	padding:10px 40px;
}

.Member_Ed_Terms  li:nth-child(1){
	width:150px;
	line-height:40px;
	font-size:17.59px;
}

.Member_Ed_Terms  li:nth-child(2) input{
	width:18px;
	height:18px;
	position: relative;
    top: 4px;
}

.Member_Ed_Terms  li:nth-child(2) a{
	background-color:#b7b7b7;
	color:#ffffff;
	padding:2px 5px;
	font-size:12px;
	border-radius:5px;
}

.Member_Ed_Terms  li:nth-child(2) span{
	padding-right:30px;
}

.Member_Ed_Terms  li:nth-child(2) label{
	font-size:16px;
}

/********************************회원가입 E **********************************/


/*************************************로그인 S ********************************************/

.Login_Page{
	display: flex;
	justify-content: center;
	align-items:center;
	min-height: 100vh;
	flex-direction:column;
}

.Login_Page .Logo{
	text-align:center;
	margin-bottom:40px;
}

.Login_Box_In{
	width:100%;
	max-width:473px;
}



.Login_Page .Manu_Bg_Color_Box{position:absolute;background-color:#ededed;z-index:1px;width:100%;max-width:473px;;height:54px;border-radius:30px;}




/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
#Menu_Box input[type="radio"]:nth-of-type(1), #Menu_Box input[type="radio"]:nth-of-type(1) ~ div:nth-of-type(1), #Menu_Box input[type="radio"]:nth-of-type(2), #Menu_Box input[type="radio"]:nth-of-type(2) ~ div:nth-of-type(2){
    display:none;
}
#Menu_Box input[type="radio"]:nth-of-type(1):checked ~ div:nth-of-type(1), #Menu_Box input[type="radio"]:nth-of-type(2):checked ~ div:nth-of-type(2){
    display:block;
}

/* 라벨 기본 스타일 지정 */
#Menu_Box > label {
	float:left;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	font-size:18px;
	font-weight:bold;
	box-sizing: border-box;
	width:50%;
	height:54px;
	line-height:54px;
	z-index:11px;
	position:relative;
}

#Menu_Box label[for=tab1],
#Menu_Box label[for=tab2]{
	background-color:#ededed;
	border:1px #eaeaea solid;
	color:#a6a6a6;
	margin-bottom:50px;
}

#Menu_Box label[for=tab1] {
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;

}

#Menu_Box label[for=tab2] {
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
}




/* 선택된 라벨 */
#Menu_Box input[type="radio"]:nth-of-type(1):checked ~ label:nth-of-type(1){
    border:1px #272727 solid;
	background-color:#272727;
	color:#ffffff;
	border-radius:30px;
}
#Menu_Box input[type="radio"]:nth-of-type(2):checked ~ label:nth-of-type(2){
    border:1px #272727 solid;
	background-color:#272727;
	color:#ffffff;
	border-radius:30px;
	
}

/* 실제 내용이 담긴 div 요소 스타일 지정 */
#Menu_Box .tab1_content{
	overflow:hidden;
	padding:10px 0;
	border-top:0px;
	border:1px #ffffff solid;
}

#Menu_Box .tab2_content{
	overflow:hidden;
	padding:10px 0;
	border-top:0px;
	border:1px #ffffff solid;
}


.Login_Input_Box,
.Login_Input_Box1,
.Login_Input_Box2{
	display:flex;
	padding-bottom:18px;
	letter-spacing:0px;
	color:#000000;
}



.Login_Input_Box li:first-child{
	width:84px;
	font-size:14px;
	line-height:45px;
	color:#000000;
}

.Login_Input_Box2 li:first-child{
	width:100px;
	font-size:14px;
	line-height:45px;
	color:#000000;
}

.Login_Input_Box li:last-child,
.Login_Input_Box2 li:last-child{
	width:100%;
	line-height:40px;
	font-size:16px;
	
}

.Login_Input_Box li:last-child input{
	width:100%;
	height:45px;
	line-height:45px;
	border:1px #5d5d5d solid;
	text-indent:10px;
	border-radius:5px;
	font-size:14px;
}

.Login_Input_Box2 li:last-child input[type="text"]{
	width:100%;
	height:40px;
	line-height:40px;
	border:1px #272727 solid;
	border-radius:5px;
	text-indent:10px;
}

.Login_Input_Box2 li:last-child input[type="radio"]{
	width:20px;
	height:20px;
	position:relative;
	top:4px;
}

.Login_Input_Box1 li:first-child{
	padding-left:67px;
	font-size:14px;
}

.Login_Input_Box1 li:last-child{
	margin-left:auto;
	line-height:20px;
}

.Login_Input_Box1 li:last-child a{
	font-size:14px;
}

.Login_Input_Box1 li:last-child span{
	font-size:11px;
}


.Login_Input_Submit{
	border:0px;
	color:#ffffff;
	width:100%;
	height:52px;
	line-height:52px;
	cursor:pointer;
	font-size:16px;
	border-radius:5px;
	margin-top:30px;
	
}

.tab1_content .Color_Box{
	background-color:#d33a10;
}


.tab2_content .Color_Box{
	background-color:#d33a10;
}

.Login_Input_Membership{
	display:inline-block;
	width:100%;
	height:52px;
	line-height:52px;
	color:#ffffff !important;
	font-size:16px !important;
	border-radius:5px;
	background-color:#272727;
	text-align:center;
}




.Login_Sns_Box{
	display:none;
	overflow:hidden;
	padding:20px 0;
}

.Login_Sns_Box li:nth-child(1){
	clear:both;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding-bottom:20px;
}

.Login_Sns_Box li:nth-child(2),
.Login_Sns_Box li:nth-child(3){
	float:left;
	width:50%;
	text-align:center;
}

.Login_Sns_Box li:nth-child(2) a{
	color:#00c13a;
	font-size:14px;
}

.Login_Sns_Box li:nth-child(3) a{
	color:#3b1a19;
	font-size:14px;
}


.Login_Member_Box{
	overflow:hidden;
	background-color:#ffffff;
	border:1px #dddddd solid;
	border-radius:5px;
	padding:20px;
	
}

.Login_Member_Box  li:nth-child(1){
	float:left;
	width:-webkit-calc(100% - 132px);
	width:-moz-calc(100% - 132px);
	width:calc(100% - 132px);
	color:#4b82dd;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	color:#272727;
}

.Login_Member_Box  li:nth-child(1) .Spn1{
	color:#272727;
}

.Login_Member_Box  li:nth-child(1) .Spn2{
	color:#5f5f5f;
	font-size:13px;
	font-weight:normal;
}

.Login_Member_Box  li:nth-child(2) {
	float:right;
	width:98px;
	line-height:20px;
	background-color:#272727;
	border-radius:5px;
	text-align:center;
	margin-bottom:10px;
	
}

.Login_Member_Box  li:nth-child(2) a{
	color:#ffffff;
	font-size:15px;
	display:block;
	padding:20px 0;
}

.Login_Member_Box  li:nth-child(3){
	clear:both;
	border-top:1px #d8e2ef solid;
	padding-top:5px;
}

.Login_Member_Box  li:nth-child(3) span{
	color:#3e434a;
	padding:0 8px;
	font-size:12px;
}

.Login_Button_Box{
	text-align:center;
	padding-top:30px;
	display:flex;
	gap:10px;
}

.Login_Button_Box .Submit_button{
	border:0px;
	background-color:#d33a10;
	width:140px;
	height:40px;
	line-height:40px;
	color:#ffffff;
	font-size:14px;
	cursor:pointer;
	border-radius:5px;
	margin:0 5px;
}

.Login_Button_Box .Index_button{
	border:0px;
	background-color:#adadad;
	width:140px;
	height:40px;
	line-height:40px;
	color:#ffffff;
	font-size:14px;
	cursor:pointer;
	border-radius:5px;
	margin:0 5px;
}



.Login_Button_Box .Submit_button_Login{
	border:0px;
	background-color:#d33a10;
	width:140px;
	height:40px;
	line-height:40px;
	color:#ffffff;
	font-size:14px;
	cursor:pointer;
	border-radius:5px;
}



.Login_Search_Menu{
	display:flex;
	background-color:#ededed;
	border-radius:30px;
}

.Login_Search_Menu li{
	width:50%;
	height:54px;
	line-height:54px;
	background-color:#ededed;
	border:1px #ededed solid;
	text-align:center;
	border-radius:30px;
	
}

.Login_Search_Menu li a{
	font-size:18px;
	color:#a6a6a6;
	font-weight:bold;
	display:block;
}

.Login_Search_Menu .On{
	width:50%;
	height:54px;
	line-height:54px;
	background-color:#272727;
	border:1px #272727 solid;
	text-align:center;
	border-radius:30px;
}

.Login_Search_Menu .On a{
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	display:block;
}

.Login_Search_Contents{ 
	overflow:hidden;
	background-color:#ffffff;
	padding:40px 0;
	letter-spacing: 0;
}

/*************************************로그인 E ********************************************/



/************************************* 머천트 리스트 & 뷰 S ********************************************/

.Mct_Sub_List{
	overflow:hidden;
	width:1300px;
	margin:76px auto;	
}

.Mct_Sub_List_In{
	padding:0 26px;
}


.Mct_Sub_List h1{
	font-size:32.41px;
	font-weight:bold;
	color:#3e3e3e;
	letter-spacing:-2px;
	padding-bottom:50px;
	text-align:center;
}

.Mct_Sub_List h1 span{
	color:#d23a11;
	padding-right:10px;
}




.Mct_Sub_List_Select{
	overflow:hidden;
	display:flex;
	justify-content: space-between;
	align-items:center;
	padding:30px 0;
}

.Mct_Sub_List_Select li:first-child{
	font-weight:bold;
	color:#3e3e3e !important;
	font-size:20.82px;
	color:#6f6f6f;
	font-weight:bold;
}

.Mct_Sub_List_Select li:first-child span{
	color:#d33a10;
	font-weight:bold;
}

.Mct_Sub_List_Select li:last-child input{
	width:180px;
	height:37px;
	border:1px #e6e6e6 solid;
	text-indent:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	outline: none;
}

.Mct_Sub_List_Select .Search_Button{
	display:inline-block;
	padding:10px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background-color:#d33a10;
}



/*서브페이지 머천트 리스트*/
.Mct_Sub_List_Box{display: grid;grid-template-columns: repeat(3, 1fr);gap:26px;}
.Mct_Sub_List_Box .Mct_Sub_List_Contents{cursor: pointer;border:1px #dadada solid;border-radius:10px;}
.Mct_Sub_List_Box .Mct_Sub_List_Contents img{width:100%;height:400px;border-radius:0px;border-top-left-radius:10px;border-top-right-radius:10px;}
.Mct_Sub_List_Box .Mct_Sub_List_Contents p{font-size:13.64px;color:#939393;padding:30px 40px;border-bottom:1px #dadada solid;}
.Mct_Sub_List_Box .Mct_Sub_List_Contents p span{font-size:20.82px;color:#000000;font-weight:bold;}
.Mct_Sub_List_Box .Mct_Sub_List_Contents ul{display:flex;justify-content: space-between;align-items:center;padding:24px 40px;color:#3e3e3e;font-size:15.62px;}
.Mct_Sub_List_Box .Mct_Sub_List_Contents ul li:nth-child(1) span{color:#161616;font-weight:bold;font-size:16.55px;font-family: 'Noto Sans KR'}
.Mct_Sub_List_Box .Mct_Sub_List_Contents .Rate_Box{padding:10px 40px;font-size:14px;border-bottom:1px #dadada solid;}
.Mct_Sub_List_Box .Mct_Sub_List_Contents .Size_Box1{color:#e02a2a;font-weight:bold;font-size:20.82px;font-family: 'Noto Sans KR'}
.Mct_Sub_List_Box .Mct_Sub_List_Contents .Size_Box2{color:#3e3e3e;}


.Mct_Sub_List_Select li:last-child span{
	padding-left:10px;
}

.Mct_Sub_List_Select .On{
	color:#ffffff !important;
	background-color:#d33a10 !important;
}

.Mct_Sub_List_Select span a{
	display:inline-block;
	color:#525252;
	font-size:14px;
	background-color:#efeeee;
	border-radius:20px;
	font-weight:bold;
	width:100px;
	height:37px;
	line-height:37px;
	text-align:center;
	margin:0 5px;
}

.Mct_Sub_Category{
	display:flex;
	height:50px;
	line-height:50px;
	background-color:#f3f3f3;
	border-radius:8px;
}

.Mct_Sub_Category li{
	flex:1;
	text-align:center;
}

.Mct_Sub_Category li a{
	display:block;
	font-size:16px;
	background-color:#f3f3f3;
	color:#3e3e3e;
	border-radius:8px;
}

.Mct_Sub_Category .Start_Radius_Box{
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}


.Mct_Sub_Category .End_Radius_Box{
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}


.Mct_Sub_Category .On{
	background-color:#d33a10;
	color:#ffffff;
	font-size:16px;
	
}

.Mct_View_Contents_Box{
	display:flex;
	height:60px;
	line-height:60px;
	border:1px #cdcdcd solid;
	border-right:0px;
	border-bottom:0px;
	background-color:#fafafa;		
}

.Mct_View_Contents_Box li{
	flex:1;
	border-right:1px #cdcdcd solid;
	border-bottom:1px #cdcdcd solid;
	text-align:center;
}

.Mct_View_Contents_Box li a{
	font-size:18px;
	color:#515151;
	display:block;
}

.Mct_View_Contents_Box .On{
	flex:1;
	text-align:center;
	background-color:#d33a10;
}

.Mct_View_Contents_Box .On a{
	font-size:18px;
	color:#ffffff;
	display:block;
	font-weight:bold;
}





.Mct_View_Box_Top{display:flex;margin-top:30px;gap:12px;}
.Mct_View_Box_Top .Img_Box img{width:400px;height:400px;border:1px #dbdbdb solid;border-radius:10px;}
.Mct_View_Box_Top .Introduction_Box{border:1px #ebebeb solid;border-radius:10px;width:100%;}
.Mct_View_Box_Top .Introduction_Top{overflow:hidden;padding:24px;background-color:#f8f8f8;border-bottom:1px #ebebeb solid;}
.Mct_View_Box_Top .Introduction_Top li:nth-child(1){float:left;color:#666666;font-size:14px;letter-spacing:-2px;}
.Mct_View_Box_Top .Introduction_Top li:nth-child(1) span{font-size:29px;color:#000000;font-weight:bold}
.Mct_View_Box_Top .Introduction_Top li:nth-child(2){float:right;font-size:16px;text-align:right;}
.Mct_View_Box_Top .Introduction_Txt{padding:15px 15px 0 15px;color:#000000;line-height:30px;font-size:17px;}
.Mct_View_Box_Top .Introduction_Txt li span{display:inline-block;width:153px;color:#d33a10;}
.Mct_View_Box_Top .Money_Price{padding:10px 0 0 165px;font-size:20px;font-weight:bold;}
.Mct_View_Box_Top .Money_Price .Money_Box{color:#e02a2a;font-size:40px;font-weight:bold;font-family: 'Noto Sans KR';}
.Mct_View_Box_Top .Money_Price .Money_Box_1{background-color:#d33a10;border-radius:10px;color:#ffffff;font-size:15px;padding:5px 20px;text-align:center}
.Mct_View_Box_Top .Introduction_Box .Intro_Button_Box{display:flex;justify-content:end;align-items:center;gap:10px;padding:20px}
.Mct_View_Box_Top .Introduction_Box .Intro_Button_Box .Intro_Button_1{display:inline-block;background-color:#F59A9A;width:140px;height:36px;line-height:36px;color:#ffffff;border-radius:10px;text-align:center;font-size:14.58px;}
.Mct_View_Box_Top .Introduction_Box .Intro_Button_Box .Intro_Button_2{display:inline-block;background-color:#222222;width:140px;height:36px;line-height:36px;color:#ffffff;border-radius:10px;text-align:center;font-size:14.58px;}
.Mct_View_Box_Top .Introduction_Box .Intro_Button_Box .Intro_Button_3{display:inline-block;background-color:#686868;width:140px;height:36px;line-height:36px;color:#ffffff;border-radius:10px;text-align:center;font-size:14.58px;}



.Mct_View_Campain_Title{font-size:27.86px;font-weight:bold;color:#000000;padding:68px 0 33px 0}
.Mct_View_Campain_Crate{display:flex;padding-bottom:70px;gap:10px;}
.Mct_View_Campain_Crate input{font-size:20px;}
.Mct_View_Campain_Crate li:nth-child(1){flex:1;}
.Mct_View_Campain_Crate li:nth-child(1) input{width:100%;height:65px;border:1px #acacac solid;text-indent:10px;font-size:16px;border-radius:10px;}
.Mct_View_Campain_Crate li:nth-child(2){width:340px;height:65px;line-height:65px;background-color:#000000;text-align:center;border-radius:10px;}
.Mct_View_Campain_Crate li:nth-child(2) a{font-size:20px;font-weight:bold;color:#ffffff;display:block;}
.Posting_Apply_Button{padding:50px 0;text-align:center;}	
.Posting_Apply_Button a{display:inline-block;width:340px;height:65px;line-height:65px;background-color:#000000;text-align:center;border-radius:10px;font-size:20px;font-weight:bold;color:#ffffff;}	




.Mct_View_Campain_Code{margin-bottom:42px;}
.Mct_View_Campain_Code table{border-top:1px #d5d5d5 solid;}
.Mct_View_Campain_Code thead tr{background-color:#f9f9f9;text-align:center;height:80px;}
.Mct_View_Campain_Code thead th{color:#232323;font-size:16.67px;}
.Mct_View_Campain_Code thead th:nth-child(1){width:200px;}
.Mct_View_Campain_Code thead th:nth-child(3){width:100px;}
.Mct_View_Campain_Code thead th:nth-child(4){width:100px;}
.Mct_View_Campain_Code thead th:nth-child(5){width:100px;}
.Mct_View_Campain_Code thead th:last-child{width:100px;}
.Mct_View_Campain_Code .Campain_List{text-align:center;height:60px;font-size:16px;}
.Mct_View_Campain_Code .Campain_List_Form{text-align:center;}
.Mct_View_Campain_Code .Campain_List_Form td{border-top:1px #d5d5d5 solid;}
.Mct_View_Campain_Code .Campain_List_Form .Form_Box{border:0px;}
.Mct_View_Campain_Code .Campain_List_Form .Form_Box td{padding:10px;border:0px;}
.Mct_View_Campain_Code .Campain_List_Form .Form_Box textarea{width:100%;height:50px;vertical-align:bottom;border:0px;-webkit-box-sizing: border-box;}
.Mct_View_Campain_Code .Line_Box{height:1px;background-color:#d5d5d5}


.Mct_View_Img_Data{padding:40px 0;}
.Mct_View_Img_Data .Title_Box{overflow:hidden;padding-bottom:20px;display:flex;align-items:center;justify-content: space-between}
.Mct_View_Img_Data .Title_Box li:nth-child(1){font-size:18px;font-weight:bold;}
.Mct_View_Img_Data .Title_Box li:nth-child(2) a{font-size:14px;}
.Mct_View_Img_Data table{border-top:2px #242424 solid;}
.Mct_View_Img_Data thead{height:60px;background-color:#f6f6f6;font-size:16.67px;}
.Mct_View_Img_Data thead th{border-bottom:1px #767676 solid;}
.Mct_View_Img_Data thead th:nth-child(1){width:80px;}
.Mct_View_Img_Data thead th:nth-child(1){width:100px;}
.Mct_View_Img_Data tbody{text-align:center;}
.Mct_View_Img_Data .Contents_List td:nth-child(1){height:40px;}
.Mct_View_Img_Data .Contents_List td:nth-child(2){text-align:left;}
.Mct_View_Img_Data .Contents_List td:nth-child(2) a{font-size:14px;}
.Mct_View_Img_Data .No_List{text-align:center;height:60px;font-size:14px;}
.Mct_View_Img_Data .Line_Box{height:1px;background-color:#dfdfdf;}



/************************************* 머천트 리스트 & 뷰 E ********************************************/

/************************************* 일반 서브 리스트 S ********************************************/

.Board_Sub_Category{
	display:flex;
	align-items:center;
	justify-content:center;
	height:50px;
	line-height:50px;
	border-radius:8px;
	gap:10px;
}

.Board_Sub_Category li{
	width:260px;
	text-align:center;
}

.Board_Sub_Category li a{
	display:block;
	font-size:16px;
	background-color:#f3f3f3;
	color:#3e3e3e;
	border-radius:8px;
}



.Board_Sub_Category .On{
	background-color:#d33a10;
	color:#ffffff;
	font-size:16px;
	
}

/************************************* 일반 서브 리스트 E ********************************************/



.Board_Fild_Box{font-size:16.67px;background-color:#f5f5f5;height:65px;text-align:center;font-weight:bold;}
.Board_Contents_Box{height:60px;font-size:16px;}
.Board_Contents_Box a{font-size:16px;}

.Board_View_Line_1{height:65px;}
.Board_View_Line_1 td:nth-child(1){width:130px;font-size:16.67px;background-color:#f6f6f6;font-weight:bold;text-align:center;}
.Board_View_Line_1 td:nth-child(2){font-size:16px;color:#000000;padding:0 10px;font-family:'Noto Sans KR'}
.Board_View_Line_2{width:130px;font-size:16.67px;background-color:#f6f6f6;font-weight:bold;text-align:center;}
.Board_View_Line_2_1{height:50px;}
.Board_View_Line_2_1 td:nth-child(1),.Board_View_Line_2_1 td:nth-child(3),.Board_View_Line_2_1 td:nth-child(5){font-size:16px;color:#000000;padding:0 10px;font-family:'Noto Sans KR'}
.Board_View_Line_2_1 td:nth-child(2),.Board_View_Line_2_1 td:nth-child(4){width:130px;font-size:16.67px;background-color:#f6f6f6;font-weight:bold;text-align:center;}




.Board_Button_Box{display:inline-block;width:82px;height:44px;line-height:44px;border-radius:10px;font-size:14.58px !important;text-align:center;color:#ffffff !important;}

.Board_Button_Box1{display:inline-block;padding:0 20px;height:44px;line-height:44px;border-radius:10px;font-size:14.58px !important;text-align:center;color:#ffffff !important;}




/************************************* 출석복권 이벤트 S ********************************************/


@keyframes reveal {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  60% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

.animate-reveal {
  animation: reveal 0.6s ease-out forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in {
  animation: fadeIn 0.6s ease forwards;
}

.Event_Lottery_Top{background-image:url(/img_new/event/event_lottery_top_bg.jpg);height:944px;width:1250px;position:relative;}
.Event_Lottery_Top_In{position:absolute;bottom:0px;width:100%;}
.Event_Lottery_Top_In_In{width:827px; margin:0 auto;height:337px;}
.Event_Lottery_Top_In_In .Complute_Box{height:187px;}
.Event_Lottery_Top_In_In .Complute_Box .Result_Box{display:flex;justify-content:center;align-items:center;height:100%;color:#ffffff;font-size:30px;flex-wrap:wrap;}
.Event_Lottery_Top_In_In .Complute_Box .Result_Box textarea{width:100%;border-radius:5px;height:70px;padding:10px;font-size:18px;}
.Event_Lottery_Top_In_In .Complute_Box .Result_Box .Winner_speech_Button{display:inline-block;width:100%;height:50px;line-height:50px;background-color:#ff0000;color:#ffffff;font-size:18px;font-weight:bold;border-radius:5px;}
.Event_Lottery_Top_In_In .Description_Box{display:flex;justify-content: space-between;color:#ffffff;font-size:20px;margin:10px 0 70px 0;}
.Event_Lottery_Top_In_In .Notice_Box{font-size:15px;color:#222222;text-align:left;line-height:20px;}

.Event_Lottery_Button{background-color:#48e0ea;padding:20px 0;}
.Event_Lottery_Button ul{display:flex;align-items:center;}
.Event_Lottery_Button ul li:nth-child(2n+1){flex:1;text-align:center;}
.Event_Lottery_Button ul li:nth-child(2){width:1px;background-color:#2a87f9;height:190px;}
.Event_Lottery_Button p{color:#222222;font-size:18px;font-weight:bold;text-align:center;}

.Tab_Button{display:flex;align-items:center;margin-top:20px;}
.Tab_Button li{flex:1;}
.Tab_Button li a{display:inline-block;width:100%;height:60px;line-height:60px;background-color:#f5f5f5;font-size:18px;color:#000000;text-align:center;}
.Tab_Button .On a{background-color:#2a93f9;color:#ffffff;font-weight:bold;}

.Event_Lottery_Check_Box{display:block;margin-top:10px;}
.Event_Lottery_Winner_Box{display:none;margin-top:10px;}

.Event_Lottery_Check_Box thead tr,
.Event_Lottery_Winner_Box thead tr{height:50px;color:#000000;}

.Event_Lottery_Check_Box thead th,
.Event_Lottery_Winner_Box thead th{font-size:16px;border-bottom:1px #bbbbbb solid;}

.Event_Lottery_Check_Box thead th:nth-child(1),
.Event_Lottery_Winner_Box thead th:nth-child(1){width:200px;}
.Event_Lottery_Check_Box thead th:nth-child(3),
.Event_Lottery_Winner_Box thead th:nth-child(3){width:150px;}

.Event_Lottery_Check_Box tbody tr,
.Event_Lottery_Winner_Box tbody tr{text-align:center;}

.Event_Lottery_Check_Box tbody td,
.Event_Lottery_Winner_Box tbody td{padding:20px 0;font-size:14px;border-bottom:1px #eeeeee solid;}

.Event_Lottery_Check_Box tbody td:nth-child(2),
.Event_Lottery_Winner_Box tbody td:nth-child(2){text-align:left;}

.Event_Lottery_Check_Box .Page_Box,
.Event_Lottery_Winner_Box .Page_Box{margin:40px 0;}

/************************************* 출석복권 이벤트 E ********************************************/

/************************************* 실적확인 S ********************************************/
.Profit_Right_Day_Search{
	display:flex;
	justify-content:flex-end;
	padding:53px 0 14px 0;
}

.Profit_Right_Day_Search li{
	padding-left:5px;
}

.Profit_Right_Day_Search li:nth-child(2){
	line-height:34px;
}

.Profit_Right_Day_Search input{
	width:140px;
	height:34px;
	text-align:center;
	border:1px #D7D7D7 solid;
	border-radius:5px;
}

.Profit_Right_Day_Search button{
	width:62px;
	height:34px;
	line-height:34px;
	background-color:#d33a10;
	text-algin:center;
	border:0px;
	border-radius:5px;
	color:#ffffff;
}

.Profit_Menu_Box{display:flex;justify-content:center;align-items:center;text-align:center;padding-top:20px;max-width:440px;margin:0 auto;gap:10px;}
.Profit_Menu_Box li{flex:1;background-color:#e4e4e4;height:34px;line-height:34px;border-radius:5px;}
.Profit_Menu_Box li a{color:#bbbbbb;font-size:14px;display:block;}
.Profit_Menu_Box .On{background-color:#717171;}
.Profit_Menu_Box .On a{color:#ffffff;}


.Profit_Today_Commission{display:flex;align-items:center;justify-content:center;text-align:center;gap:20px;max-width:500px;margin:0 auto;}

.Profit_Today_Commission li:nth-child(2n-1){flex:1;font-size:18px;line-height:50px;}
.Profit_Today_Commission li:nth-child(2n-1) .span_1{font-size:40px;font-weight:bold;}
.Profit_Today_Commission li:nth-child(2n-1) .span_2{font-size:20px;}
.Profit_Today_Commission li:nth-child(2n){width:1px;background-color:#dddddd;height:40px;}

.Profit_Stats_Box .Title_Box{display:flex;align-items:center;justify-content: space-between;padding-bottom:5px;}
.Profit_Stats_Box .Title_Box li:nth-child(1){font-size:18px;padding-bottom:10px;font-weight:bold;}

/************************************* 실적확인 E ********************************************/


/************************************* 함께수익이란? S ********************************************/
.Company_Box_1 li:nth-child(2){padding:130px 0 170px 0;text-align:center;}
.Company_Box_1 li:nth-child(3) img{border-radius:10px;width:100%;}

	
.Introduce_Box_1{font-size:20.83px;color:#575757;text-align:center;line-height:34px;font-weight:bold;margin-bottom:80px;}
.Introduce_Box_2{background-color:#f3f3f3;padding:70px 0;text-align:center;margin-bottom:90px;}
.Introduce_Box_3{max-width:1100px;margin:0 auto;}
.Introduce_Box_3 h2{
	font-size:25px;
	color:#ffffff;
	background-color:#d33a10;
	padding:0 60px;
	font-weight:normal;
	height:70px;
	line-height:70px;
	margin-bottom:10px;
	border-radius:10px;
}

.Introduce_Box_3 p{
	font-size:20.83px;
	color:#575757;
	padding:60px;
	line-height:30px;
	background-color:#f3f3f3;
	margin-bottom:50px;
	border-radius:10px;
}


/************************************* 함께수익이란? E ********************************************/
/**********************추천수익 & CSS modify S*******************************/
.Company_Box_1 img,.referral-wrap > section img{
	max-width: 100%;

}
.referral-wrap
{
	position: relative;
	width: 100%;
	max-width: 1100px;
	padding: 0 0 2rem 0;
	margin: 0 auto;
	min-height: fit-content;
	display: flex;
	flex-direction: column;
	gap:3rem;
}

.rf-title-bg
{
	background-color: #d33a10!important;
}
.rf-contents-bg
{
	background-color: #f2f2f2!important;
}
.rf-radius
{
	border-radius: 1rem;
}

.referral-wrap > section
{
	position: relative;
	width: 100%;
	display: block;
	padding: 0;
}
.referral-wrap > section > div
{
	position: relative;
	width: 100%;
	height: 100%;
}
.rf-header {
  display: block;
}

.rf-header-copy {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%) scale(0.9);

}
.rf-top-info
{
	position: relative;
	width: inherit;
	height: auto;

	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 5rem 0;
}
.rf-top-info img
{
	transform: scale(0.86);
}


.rf-structure
{
	display: flex;
	flex-direction: column;
	gap:1.6rem;
}

.rf-st-title
{
padding: 1.2rem;
text-align: center;
}
.rf-st-title h3
{
	color:white;
	font-size: clamp(1.3rem, 1.22rem + 0.4vw, 1.7rem);
}
.rf-st-title h3 strong
{
	font-weight: 800;
}


.rf-st-desc
{
	font-size: clamp(1.6rem, 1.4rem + 1vw, 2.6rem);
padding:5rem 3rem;
text-align: center;
word-break: keep-all;
color:#333;
letter-spacing: -0.5px;
}


.rf-st-step
{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	padding: 6rem 3rem 4rem;
	border-bottom: 1px solid #f2f2f2;
}

.rf-st-step div[class*='step']
{
	display: flex;
	position: relative;
	display: flex;
	flex-direction: column;
	gap:4rem;
}

.rf-st-step div[class*='step'] h4
{
	background-color: #333;
	display: inline-flex;
	max-width: fit-content;
	padding: 0.5rem 2rem;
	border-radius:2rem;
	color:white;
	text-transform: uppercase;
	font-weight: 900;
	font-size: clamp(1.2rem, 1.08rem + 0.6vw, 1.8rem);
}
.rf-st-step div[class*='step'] p
{
	color:#000000;
	font-weight: 800;
	font-size: clamp(1.2rem, 1.08rem + 0.6vw, 1.8rem);
}
.rf-st-step div[class*='step'] .step-list
{

list-style-type: decimal-leading-zero;
list-style-position: inside;
}
.rf-st-step div[class*='step'] li
{
	/*font-size: clamp(1.1rem, 1rem + 0.5vw, 1.6rem);*/
	font-size: clamp(1rem, 0.96rem + 0.2vw, 1.2rem);
	color:#444!important;
	line-height: 1.6;
}


.rf-st-info
{
	text-align: center;
	padding: 6rem 0;
}
.rf-st-info
{
	max-width: 90%;
	object-fit: cover;
	margin: 0 auto;
}
.rf-st-exm
{
display: flex;
flex-direction: column;
gap:2rem;
padding: 8rem 2rem;
align-items: center;
}
.rf-st-exm h4,.rf-after h4
{
display: inline-flex;
max-width: fit-content;
background-color: #131313;
color:white;
padding: 0.5rem 3rem;
font-size: clamp(1.2rem, 1.08rem + 0.6vw, 1.8rem);
border-radius: 2rem;
font-weight: 800;
margin-bottom: 2rem;
}

.rf-st-lay1
{
	display: grid;
	grid-template-columns: 4.5fr 1fr 4.5fr;
	position: relative;
	width: 100%;

}
.rf-st-lay2
{
	position: relative;
	width: 100%;
	text-align: center;
}
.result
{
	position: absolute;
	z-index: 1;
	white-space: nowrap;
	font-size:clamp(2.4rem, 2.16rem + 1.2vw, 3.6rem);
	font-weight: 800;
	color:white;
	max-width: fit-content;
	top:65%;
	left:50%;
	transform: translateX(-50%);
}
.rf-st-lay1 >div:not(:nth-child(2))
{
	border-radius: 1rem;
	position: relative;
	background-color: #fff;
	padding:2rem 3rem;
	font-size:clamp(1.1rem, 1.02rem + 0.4vw, 1.5rem);
	font-weight: 600;
	text-align: center;
	line-height: 1.6;
	color:#333;
	border: 1px solid #ddd;
}
.rf-st-lay1 >div:nth-child(2)
{
	display: flex;
justify-content: center;
align-items: center;

}
.rf-st-lay1 >div:not(:nth-child(2)) span {color:#d33a10}

.rf-after
{
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 890px;
	display: flex;
	flex-direction: column;
	gap:2rem;
	padding: 3rem 0;

}
.rf-after h4
{
	margin-bottom: 1rem!important;
}
.rf-after-slide {
    position: relative;
    width: 100%;
    max-width: 950px;
    margin: 1rem auto;
    transform: scale(1);
    aspect-ratio: 1.75/1;

}

.rf-slider {
    position: absolute;
    z-index: 1;
    width: 81.26%;
    height: 78.6%;
    top: 5.79%;
    left: 10%;
	overflow: hidden;

}

.rf-slider .swiper {
    width: 100%;
    height: 100%;
}

.rf-slider .swiper-slide {


    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
}


.rf-slider .swiper-pagination-bullet {
  background-color: #ccc;
  opacity: 1;
  transition: all 0.3s ease;
}

.rf-slider .swiper-pagination-bullet-active {
  background-color: #d33a10!important;
  width: 24px!important;
  border-radius: 8px!important;
}


.after
{
	position: relative;
	width: 100%;
	height: auto;
	max-height: fit-content;
	padding: 1rem 2rem;
	display: flex;
	flex-direction: column;
	gap:2rem;
}
.avatar
{
position: relative;
width: 100%;
display: flex;
flex-direction: row;
gap:2rem;
align-items: center;
font-size: clamp(1.2rem, 1.08rem + 0.6vw, 1.8rem);
color:#000;
font-weight: 800;
text-transform: uppercase;
}
.avatar img
{
	object-fit: cover;

}
.note
{
	font-size: clamp(0.86rem, 0.792rem + 0.34vw, 1.2rem);
	position: relative;
	letter-spacing: -0.4px;


}

@media screen and (max-width: 1280px) {
  .note br {
    display: none;
  }
}


.rf-footer
{
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:0.5rem;
	align-items: center;
	padding: 1rem 0 2rem;
}
.rf-footer h3
{
	font-size: clamp(1.5rem, 1.04rem + 2.3vw, 3.8rem);
	font-weight: 800;
	color:#333;
	white-space: nowrap;
}
.rf-footer h4
{
	font-size: clamp(1.5rem, 1.04rem + 2.3vw, 3.8rem);
	font-weight: 400;
	color:#5a5a5a;
}
@media screen and (max-width:1280px) {
    .rf-top-info {
        padding: 4rem 0;
    }

    .rf-st-step div[class*='step'] li {
        font-size: clamp(1.1rem, 1.04rem + 0.3vw, 1.4rem);
    }
}

@media screen and (max-width:1024px) {
    .rf-st-step {
        grid-template-columns: 1fr;
        gap: 2rem
    }

    .rf-st-lay1 {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-wrap: balance;
        word-break: keep-all;
    }



    .rf-slider {

        width: 100%;
        max-width: 772px;
        max-height: 441px;
        height: 100%;
        top: 15px;
        left: 95px;

    }
}
@media screen and (max-width:968px) {
	.rf-slider {

        width: 100%;
        max-width: 86%;
        max-height: 400px;
        height: 100%;
        top: 5px;
        left: 55px;

    }
	.after
	{
		padding: 2.4rem;
	}
	.avatar img
	{
		width: 48px;
	}
	.note{
		overflow: hidden;
	}
}
@media screen and (max-width:768px) {
    .referral-wrap {
        padding: 0 1rem 1rem;
    }

    .rf-header-copy {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -60%) scale(0.5);

    }
.rf-st-step
{
	padding: 1rem;
}
    .rf-top-info img {
        transform: scale(1);
    }

    .rf-st-info {
        text-align: center;
        padding: 3rem 0;
    }
.rf-after
{
	min-height: fit-content;
	padding: 5rem 0 1rem;
}
    .rf-slider {
        width: 90%;
        top: 4%;
        left: 10%;
        max-width: 80%;
        max-height: 300px;

    }
	.after
	{
		gap:1rem;
		padding: 2rem;
	}

}
@media screen and (max-width:540px) {
		.after
		{
			padding:1rem 2rem;
		}
	.rf-slider
	{
		max-height: 200px;
	}
	.rf-slider .note
	{

		display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
  max-height: calc(1.5em * 3);
	}
}
/**********************추천수익 & CSS modify E*******************************/