@font-face {
    font-family: 'omt';
    src: url(fonts/ONE_Mobile_Title_OTF.otf)
}

@font-face {
    font-family: 'omr';
    src: url(fonts/ONE_Mobile_OTF_Regular.otf)
}

@font-face {
    font-family: 'omrb';
    src: url(fonts/ONE_Mobile_OTF_Bold.ttf)
}

@font-face {
	font-family: 'rc';
	src: url(fonts/recipekorea.otf)
}
.omt{
	font-family: "omt";
}

.omr{
	font-family: "omr";
}

.omrb{
	font-family: "omrb";
}

.rc {
	font-family: "rc";
}
/* float 속성 */
.float_l { float:left; }
.float_r { float:right; }
.float_c { float:center; }
.clear_b { clear:both; }

/* 속성 추가 */
.add_ul { text-decoration:underline; }
.add_cur { cursor: pointer; }

/* 속성 제거 */
.rm_ul { text-decoration:none; }
.rm_mg { margin:0; }
.rm_mgr { margin-right:0; }
.rm_mgl { margin-left:0; }
.rm_mgt { margin-top:0; }
.rm_border { border:0; }

/* display */
.display_n { display:none; }
.display_i { display:inline; }

/* align */
.valign_m { vertical-align:middle; }

/* text-align */
.ta_l { text-align:left; }
.ta_r { text-align:right; }
.ta_c { text-align:center; }

/* 기타 속성 */
.span_vc { display:inline-block;height:100%;vertical-align:middle; }

/* 여백 지정 */
.margin_a { margin: 0 auto; }

.margin_t_2 { margin-top:2px; }
.margin_t_5 { margin-top:5px; }
.margin_t_7 { margin-top:7px; }
.margin_t_10 { margin-top:10px; }
.margin_t_15 { margin-top:15px; }
.margin_t_20 { margin-top:20px; }
.margin_t_25 { margin-top:25px; }
.margin_t_30 { margin-top:30px; }
.margin_t_35 { margin-top:35px; }
.margin_t_40 { margin-top:40px; }
.margin_t_45 { margin-top:45px; }
.margin_t_50 { margin-top:50px; }
.margin_t_80 { margin-top:80px; }
.margin_t_100 { margin-top:100px; }
.margin_t_m5 { margin-top:-5px; }
.margin_t_m10 { margin-top:-10px; }
.margin_t_m15 { margin-top:-15px; }
.margin_t_m20 { margin-top:-20px; }

.margin_b_5 { margin-bottom:5px; }
.margin_b_7 { margin-bottom:7px; }
.margin_b_10 { margin-bottom:10px; }
.margin_b_13 { margin-bottom:13px; }
.margin_b_15 { margin-bottom:15px; }
.margin_b_20 { margin-bottom:20px; }
.margin_b_25 { margin-bottom:25px; }
.margin_b_30 { margin-bottom:30px; }
.margin_b_35 { margin-bottom:35px; }
.margin_b_40 { margin-bottom:40px; }
.margin_b_45 { margin-bottom:45px; }
.margin_b_50 { margin-bottom:50px; }
.margin_b_80 { margin-bottom:80px; } 
.margin_b_100 { margin-bottom:100px; }
.margin_b_m5 { margin-bottom:-5px; }
.margin_b_m10 { margin-bottom:-10px; }
.margin_b_m20 { margin-bottom:-20px; }

.margin_l_0 { margin-left:3px; }
.margin_l_3 { margin-left:3px; }
.margin_l_5 { margin-left:5px; }
.margin_l_6 { margin-left:6px; }
.margin_l_7 { margin-left:7px; }
.margin_l_10 { margin-left:10px; }
.margin_l_15 { margin-left:15px; }
.margin_l_20 { margin-left:20px; }
.margin_l_25 { margin-left:25px; }
.margin_l_30 { margin-left:30px; }
.margin_l_35 { margin-left:35px; }
.margin_l_40 { margin-left:40px; }
.margin_l_45 { margin-left:45px; }
.margin_l_50 { margin-left:50px; }
.margin_l_55 { margin-left:55px; }
.margin_l_60 { margin-left:60px; }
.margin_l_125 { margin-left:125px; }
.margin_l_195 { margin-left:195px; }
.margin_l_215 { margin-left:215px; }
.margin_l_355 { margin-left:355px; }
.margin_l_520 { margin-left:520px; }

.margin_r_3 { margin-right:3px; }
.margin_r_5 { margin-right:5px; }
.margin_r_6 { margin-right:6px; }
.margin_r_7 { margin-right:7px; }
.margin_r_10 { margin-right:10px; }
.margin_r_15 { margin-right:15px; }
.margin_r_20 { margin-right:20px; }
.margin_r_25 { margin-right:25px; }
.margin_r_30 { margin-right:30px; }
.margin_r_35 { margin-right:35px; }
.margin_r_40 { margin-right:40px; }
.margin_r_45 { margin-right:45px; }
.margin_r_50 { margin-right:50px; }
.margin_r_55 { margin-right:55px; }
.margin_r_60 { margin-right:60px; }
.margin_r_125 { margin-right:125px; }
.margin_r_195 { margin-right:195px; }
.margin_r_215 { margin-right:215px; }
.margin_r_355 { margin-right:355px; }
.margin_r_520 { margin-right:520px; }

/* 패딩 지정 */
.padding_t_2 { padding-top:2px; }
.padding_t_3 { padding-top:3px; }
.padding_t_5 { padding-top:5px; }
.padding_t_10 { padding-top:10px; }
.padding_t_12 { padding-top:12px; }
.padding_t_13 { padding-top:13px; }
.padding_t_14 { padding-top:14px; }
.padding_t_15 { padding-top:15px; }
.padding_t_17 { padding-top:17px; }
.padding_t_20 { padding-top:20px; }
.padding_t_22 { padding-top:22px; }
.padding_t_25 { padding-top:25px; }
.padding_t_30 { padding-top:30px; }
.padding_t_40 { padding-top:40px; }
.padding_t_50 { padding-top:50px; }
.padding_t_80 { padding-top:80px; }

.padding_b_5 { padding-bottom:5px; }
.padding_b_10 { padding-bottom:10px; }
.padding_b_13 { padding-bottom:13px; }
.padding_b_15 { padding-bottom:15px; }
.padding_b_20 { padding-bottom:20px; }
.padding_b_25 { padding-bottom:25px; }
.padding_b_30 { padding-bottom:30px; }
.padding_b_40 { padding-bottom:40px; }
.padding_b_50 { padding-bottom:50px; }
.padding_b_80 { padding-bottom:80px; }

.padding_l_5 { padding-left:5px; }
.padding_l_7 { padding-left:7px; }
.padding_l_8 { padding-left:8px; }
.padding_l_10 { padding-left:10px; }
.padding_l_15 { padding-left:15px; }
.padding_l_20 { padding-left:20px; }
.padding_l_25 { padding-left:25px; }
.padding_l_30 { padding-left:30px; }
.padding_l_35 { padding-left:35px; }
.padding_l_40 { padding-left:40px; }
.padding_l_45 { padding-left:45px; }
.padding_l_50 { padding-left:50px; }
.padding_l_60 { padding-left:60px; }
.padding_l_80 { padding-left:80px; }

.padding_r_5 { padding-right:5px; }
.padding_r_7 { padding-right:7px; }
.padding_r_8 { padding-right:8px; }
.padding_r_10 { padding-right:10px; }
.padding_r_15 { padding-right:15px; }
.padding_r_20 { padding-right:20px; }
.padding_r_25 { padding-right:25px; }
.padding_r_30 { padding-right:30px; }
.padding_r_35 { padding-right:35px; }
.padding_r_40 { padding-right:40px; }
.padding_r_45 { padding-right:45px; }
.padding_r_50 { padding-right:50px; }
.padding_r_60 { padding-right:60px; }
.padding_r_80 { padding-right:80px; }

/* 폰트 속성 */
.font_b { font-weight:bold; }

.font_8 { font-size:8px; }
.font_9 { font-size:9px; }
.font_10 { font-size:10px; }
.font_11 { font-size:11px; }
.font_12 { font-size:12px; }
.font_13 { font-size:13px; }
.font_14 { font-size:14px; }
.font_15 { font-size:15px; }
.font_18 { font-size:18px; }
.font_22 { font-size:22px; }

.invisible { opacity:0; }

.font_white { color: #FFFFFF; }
.font_green { color: #4E8B85; }
.font_gray { color: gray; }
.font_red { color: #FF3300; }
.font_black { color:black; }
.font_pink { color:#E13873; }
.font_orange { color: #FF4E00; }

/* 컬러 지정 */
.color_46968B { color:#46968B; }
.color_FF3300 { color:#FF3300; }
.color_F55700 { color:#F55700; }
.color_3B9C93 { color:#3B9C93; }
.color_666666 { color:#666666; }

/* 배경 컬러 지정 */
.bg_8BBEB9 { background-color:#8BBEB9; }
.bg_000000 { background-color:#000000; }
.bg_2E8FCC { background-color:#2E8FCC; }
.bg_D2D2D2 { background-color:#D2D2D2; }
.bg_A2A2A2 { background-color:#A2A2A2; }
.bg_58B8B2 { background-color:#58B8B2; }
.bg_DB363C { background-color:#DB363C; }
.bg_DE2F58 { background-color:#DE2F58; }
.bg_DC6430 { background-color:#DC6430; }
.bg_4C9DBB { background-color:#4C9DBB; }
.bg_858585 { background-color:#858585; }

/* 높이/너비 지정 */
.h100 { height:100%; }
.w100 { width:100%; }
.w80 { width:80%; }
.w50 { width:50%; }

.h_15 { height:15px; }
.h_20 { height:20px; }
.h_25 { height:25px; }
.h_30 { height:30px; }
.h_35 { height:35px; }
.h_37 { height:37px; }
.h_40 { height:40px; }
.h_45 { height:45px; }
.h_50 { height:50px; }
.h_55 { height:55px; }
.h_60 { height:60px; }
.h_65 { height:65px; }
.h_70 { height:70px; }
.h_75 { height:75px; }
.h_80 { height:80px; }
.h_85 { height:85px; }
.h_90 { height:90px; }
.h_95 { height:95px; }
.h_100 { height:100px; }
.h_120 { height:120px; }
.h_140 { height:140px; }
.h_150 { height:150px; }
.h_200 { height:200px; }
.h_225 { height:225px; }
.h_300 { height:300px; }
.h_350 { height:350px; }
.h_500 { height:500px; }
.h_600 { height:600px; }
.h_620 { height:620px; }
.h_650 { height:650px; }
.h_700 { height:700px; }
.h_800 { height:800px; }
.h_1000 { height:1000px; }
.h_1200 { height:1200px; }
.h_1300 { height:1300px; }

.w_30 { width:30px; }
.w_35 { width:35px; }
.w_40 { width:40px; }
.w_50 { width:50px; }
.w_55 { width:55px; }
.w_60 { width:60px; }
.w_65 { width:65px; }
.w_70 { width:70px; }
.w_75 { width:75px; }
.w_80 { width:80px; }
.w_85 { width:85px; }
.w_90 { width:90px; }
.w_95 { width:95px; }
.w_100 { width:100px; }
.w_120 { width:120px; }
.w_130 { width:130px; }
.w_150 { width:150px; }
.w_200 { width:200px; }
.w_250 { width:250px; }
.w_300 { width:300px; }
.w_310 { width:310px; }
.w_350 { width:350px; }
.w_400 { width:400px; }
.w_535 { width:535px; }
.w_540 { width:540px; }
.w_550 { width:550px; }
.w_555 { width:555px; }
.w_700 { width:700px; }
.w_800 { width:800px; }
.w_950 { width:950px; }
.w_960 { width:960px; }
.w_970 { width:970px; }
.w_980 { width:980px; }
.w_1000 { width:1000px; }

.grey{
	color:#555555;
}

.blue{
	color:#0070c0;
}

.yellow{
	color:#ffc000;
}

.sky{
	color:#00aaf0;
}

.purple {
	color :#5c5adc
}
.white{
	color:white;
}


.orange {
	color: #ffa500;
}
.noresize { resize: none; }

.slogin {
	height:50px;
	text-align: center;
	vertical-align: middle; 
	margin: 15px auto;
}

.slogin_naver {
	display: inline-block;
	height:40px;
	width: 90px;
	padding: 0; 
	border: 3px solid #1EC800 ;
	border-radius: 10px;
	margin: 0px 0px;
	text-align: center;
	color: #1EC800;
	background-color: white;
	vertical-align: middle; 
}

.slogin_google {
	display: inline-block;
	height:40px;
	width: 90px;
	padding: 0; 
	border: 3px solid #DD4B39;
	border-radius: 10px;
	margin: 0px 6px;
	text-align: center;
	color: #DD4B39;
	background-color: white;
	vertical-align: middle; 
}

.slogin_facebook {
	display: inline-block;
	height:40px;
	width: 90px;
	padding: 0; 
	border: 3px solid #3B5999;
	border-radius: 10px;
	margin: 0px 0px;
	text-align: center;
	color: #3B5999;
	background-color: white;
	vertical-align: middle; 
}

.slogin_ico {
	height:40px;
	float: left;
}

.slogin_txt {
	height:23px;
	padding: 12px 0px;
	vertical-align: middle; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: 'Nanum Gothic', '나눔고딕', 'Malgun gothic', '맑은 고딕', Dotum, AppleGothic, sans-serif;
}

.sjoin_naver {
	height:40px;
	padding: 0; 
	border: 3px solid #1EC800;
	margin: 15px auto;
	text-align: center;
	color: #1EC800;
	background-color: white;
	vertical-align: middle; 
}

.sjoin_google {
	height:40px;
	padding: 0; 
	border: 3px solid #DD4B39;
	margin: 15px auto;
	text-align: center;
	color: #DD4B39;
	background-color: white;
	vertical-align: middle; 
}

.sjoin_facebook {
	height:40px;
	padding: 0; 
	border: 3px solid #3B5999;
	margin: 15px auto;
	text-align: center;
	color: #3B5999;
	background-color: white;
	vertical-align: middle; 
}

.sjoin_ico {
	height:40px;
	float: left;
}

.sjoin_txt {
	height:24px;
	padding: 7px;
	vertical-align: middle; 
	font-size: 24px; 
	font-weight: bold; 
	font-family: 'Nanum Gothic', '나눔고딕', 'Malgun gothic', '맑은 고딕', Dotum, AppleGothic, sans-serif;
}