/* 패팅 상하좌우 px */
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.pad40{padding:40px;}
.pad50{padding:50px;}
.pad100{padding:100px;}

/* 패딩 상 px */
.padt5	{padding-top:5px;}
.padt10	{padding-top:10px;}
.padt15	{padding-top:15px;}
.padt20	{padding-top:20px;}
.padt30	{padding-top:30px;}
.padt40	{padding-top:40px;}
.padt50	{padding-top:50px;}
.padt100{padding-top:100px;}

/* 패딩 우 px */
.padr5	{padding-right:5px;}
.padr10	{padding-right:10px;}
.padr15	{padding-right:15px;}
.padr20	{padding-right:20px;}
.padr30	{padding-right:30px;}
.padr40	{padding-right:40px;}
.padr50	{padding-right:50px;}
.padr100	{padding-right:100px;}


/* 패딩 하 px */
.padb5	{padding-bottom:5px;}
.padb10	{padding-bottom:10px;}
.padb15	{padding-bottom:15px;}
.padb20	{padding-bottom:20px;}
.padb25	{padding-bottom:25px;}
.padb30	{padding-bottom:30px;}
.padb40	{padding-bottom:40px;}
.padb50	{padding-bottom:50px;}
.padb100{padding-bottom:100px;}

/* 패딩 좌 px */
.padl5	{padding-left:5px;}
.padl10	{padding-left:10px;}
.padl15	{padding-left:15px;}
.padl20	{padding-left:20px;}
.padl30	{padding-left:30px;}
.padl40	{padding-left:40px;}
.padl50	{padding-left:50px;}
.padl100{padding-left:100px;}

/* 패딩 상하 px */
.padtb5	{padding:5px 0;}
.padtb10{padding:10px 0;}
.padtb15{padding:15px 0;}
.padtb20{padding:20px 0;}
.padtb30{padding:30px 0;}
.padtb40{padding:40px 0;}
.padtb50{padding:50px 0;}
.padtb100{padding:100px 0;}
.padtb150{padding:150px 0;}

/* 패딩 좌우 px */
.padlr5	{padding:0 5px;}
.padlr10{padding:0 10px;}
.padlr15{padding:0 15px;}
.padlr20{padding:0 20px;}
.padlr30{padding:0 30px;}
.padlr40{padding:0 40px;}
.padlr50{padding:0 50px;}
.padlr100{padding:0 100px;}

/* 마진 auto */
.mar_auto{margin:auto;}

/* 마진 상하좌우 px */
.mar5{margin:5px;}
.mar10{margin:10px;}
.mar15{margin:15px;}
.mar20{margin:20px;}
.mar30{margin:30px;}
.mar40{margin:40px;}
.mar50{margin:50px;}
.mar100{margin:100px;}

/* 마진 상 px */
.mart5{margin-top:5px;}
.mart10{margin-top:10px;}
.mart15{margin-top:15px;}
.mart20{margin-top:20px;}
.mart30{margin-top:30px;}
.mart40{margin-top:40px;}
.mart50{margin-top:50px;}
.mart100{margin-top:100px;}
.mart_h{margin-top: 141px;}

/* 마진 우 px */
.marr5{margin-right:5px;}
.marr10{margin-right:10px;}
.marr15{margin-right:15px;}
.marr20{margin-right:20px;}
.marr30{margin-right:30px;}
.marr40{margin-right:40px;}
.marr50{margin-right:50px;}
.marr100{margin-right:100px;}


/* 마진 하 px */
.marb5{margin-bottom:5px;}
.marb10{margin-bottom:10px;}
.marb15{margin-bottom:15px;}
.marb20{margin-bottom:20px;}
.marb30{margin-bottom:30px;}
.marb40{margin-bottom:40px;}
.marb50{margin-bottom:50px;}
.marb100{margin-bottom:100px;}


/* 마진 좌 px */
.marl5{margin-left:5px;}
.marl10{margin-left:10px;}
.marl15{margin-left:15px;}
.marl20{margin-left:20px;}
.marl30{margin-left:30px;}
.marl40{margin-left:40px;}
.marl50{margin-left:50px;}
.marl100{margin-left:100px;}

/* 마진 상하 px */
.martb5	{margin:5px 0;}
.martb10{margin:10px 0;}
.martb15{margin:15px 0;}
.martb20{margin:20px 0;}
.martb30{margin:30px 0;}
.martb40{margin:40px 0;}
.martb50{margin:50px 0;}
.martb100{margin:100px 0;}


/* 마진 좌우 px */
.marlr5{margin:0 5px;}
.marlr10{margin:0 10px;}
.marlr15{margin:0 15px;}
.marlr20{margin:0 20px;}
.marlr30{margin:0 30px;}
.marlr40{margin:0 40px;}
.marlr50{margin:0 50px;}
.marlr100{margin:0 100px;}


/* 폰트 사이즈 */
.fs12	{font-size:12px;}
.fs13	{font-size:13px;}
.fs13_5	{font-size:13.5px;}
.fs14	{font-size:14px;}
.fs15	{font-size:15px;}
.fs16	{font-size:16px;}
.fs17	{font-size:17px;}
.fs18	{font-size:18px;}
.fs20	{font-size:20px;}
.fs21	{font-size:21px;}
.fs22	{font-size:22px;}
.fs25	{font-size:25px;}
.fs26	{font-size:26px;}
.fs28	{font-size:28px;}
.fs30	{font-size:30px;}
.fs35	{font-size:35px;}
.fs40	{font-size:40px;}
.fs45	{font-size:45px;}
.fs50	{font-size:50px;}
.fs60	{font-size:60px;}

/* 높이 % */
.h_40	{height:40px}
.h_100	{height:100%}

/* border-radius */
.br5	{border-radius:5px;}
.br10	{border-radius:10px;}
.br15	{border-radius:15px;}
.br20	{border-radius:20px;}
.br30	{border-radius:30px;}
.br50	{border-radius:50px;}
.br-circle{border-radius: 50%;}

/* top 50%, left 50% */
.top_50	{top:50%}	
.left_50 {left:50%}

/* 포지션 */
.po_abs	{position:absolute;}
.po_rel	{position:relative}
.po_static	{position:static;}
.po_fix	{position:fixed;}

/* 포지션 중앙정렬 */
.po_center {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}

/* 포지션 상하 중앙정렬 */
.po_top_center {position:absolute; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%);}

/* 포지션 좌우 중앙정렬 */
.po_left_center {position:absolute; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0);}

/* 박스사이징 */
.bx{
	box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

/* float 정리 */
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.cf {}
.cf:after {content:""; display:table; clear:both;}

/* 배열 */
.align_center{text-align:center;}
.align_right{text-align:right;}
.align_left{text-align:left;}
.v_middle{vertical-align: middle;}
.v_align{vertical-align: -6px;}

/* 블럭, 인라인 */
.block{display:block;}
.in_block{display:inline-block;}
.inline{display:inline;}
.none{display:none;}


/* auto */
.w_auto{width:auto}
.h_auto{height:auto}

/*font*/
.fw-normal{font-weight:normal}
.fw-bold{font-weight:bold}

/*기본색상지정*/
.fff{background-color:#fff}
.eee{background-color:#eee}
.f7f7f7{background-color:#f7f7f7}
.f9f9f9{background-color:#f9f9f9}
.a4a4a4{background-color:#a4a4a4}
.bg333{background-color:#333}
.b_bg{background: #4f53fd;}
.b_l_bg{background: #f9f9ff;}

/*기본색상지정*/
.f-fff{color:#fff}
.f-999{color:#999}
.f-888{color:#888}
.f-777{color:#777}
.f-666{color:#666}
.f-555{color:#555}
.f-333{color:#333}
.f-121212{color:#121212}
.b_txt{color:#4f53fd}

.point_txt{font-weight:bold; position:relative;}
.point_txt::after{content: ""; display: block; width: 100%; position: absolute; left:0; bottom:0; height: 6px; background: rgba(98,85,246,0.2);}

/* border */
.border-none{
	border:0;
}
.bd-b1{
	border-bottom:1px solid #e8e8e8
}
.bd-r1{
	border-right:1px solid #e8e8e8
}
.bd-t1{
	border-top:1px solid #e8e8e8
}
.border-eee{
	border:1px solid #e8e8e8
}
.border-aaa{
	border:1px solid #aaa
}
.border-ddd{
	border:1px solid #ddd
}
.border-333{
	border:1px solid #333
}

/**/
.cut{overflow:hidden;}
.y_auto{overflow-y:auto;}
.x_auto{overflow-x:auto;}

/*한줄 자르기*/
.f_cut{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

.word_br{
	word-break:break-all;
}

/*공용 체크박스*/
.check_common input[type=checkbox],
.check_common input[type=radio]{
	display:none;
    height: 1px;
    width: 0;
}
.check_common label{
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	background:url("/images/a/check_common.png")no-repeat;
	background-size:auto 20px;
	background-position:left center;	
}
.check_common label span{
	padding-left:24px;
	width:150px;
	display:inline-block;
	line-height:20px;
	font-size:14px !important;
	color: #bbb;
}
.check_common input[type=checkbox]:checked +label,
.check_common input[type=radio]:checked +label{
	background-position:right center;
}
.check_common input[type=checkbox]:checked +label span,
.check_common input[type=radio]:checked +label span{
	color:#f80
}


/*cursor*/
.cursor{cursor:pointer;}

/*글씨 들여쓰기*/
.t_in7{
	text-indent:7px;
}

/*border-radius*/
.br_50{
	border-radius:50%;
}

/*flex 그리드*/
.dp_flex{display: flex;}
.dp_flex_justify{justify-content: space-between;}
.dp_flex_justify_center{justify-content: center;}
.dp_align_item{align-items: center;}
.grid2>li{width: 50%;}
.grid3>li{width: 33.33%;}
.grid4>li{width: 25%;}
.grid4_gap>li{width: calc(25% - 30px); margin-right: 40px;}
.grid4_gap>li:nth-child(4n){margin-right: 0;}
.grid5>li{width: 20%;}
.gap5{gap: 5px;}
.gap10{gap: 10px;}
.gap20{gap: 20px;}
.gap30{gap: 30px;}
.gap40{gap: 40px;}
.gap50{gap: 50px;}

/*구매버튼*/
.w_buy_box{width: 220px; background: #fff; text-align: center;}
.w_buy_box a{display: block; height: 60px; line-height: 60px; font-size: 18px; font-weight: bold;}

/*그림자*/
.shadow{box-shadow: 0 0 30px rgba(0,0,0,0.03);}

/*포인트컬러버튼*/
.b_l_btn{background: #f9f9ff; color: #4f53fd;}
.b_l_btn a{color: #4f53fd; display: block;}

.b_btn{background: #4f53fd; color:#fff}
.b_btn a{color:#fff; display: block;}

.b_line_btn{border: 1px solid #4f53fd; color: #4f53fd;}
.b_line_btn a{color: #4f53fd; display: block;}

.r_btn{width:100%; background:#4f53fd; text-align:center; color:#fff; height:45px; line-height:45px; display:block; padding:0 20px;}
.r_l_btn{width:100%; border:1px solid #4f53fd;  background:#fff; text-align:center; color:#4f53fd; height:45px; line-height:45px; display:block; padding:0 20px;}