@charset "utf-8";

/* font */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body,td,select,input,div,form,textarea,center,option,pre,blockquote,form,fieldset,a  { font-family: 'Noto Sans KR', sans-serif; font-size:13px; color:#000; border:0; padding:0px; margin:0px; word-break:break-all; }
input { font-family: 'Nanum Gothic', sans-serif; }
div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, form { margin:0; padding:0; list-style:none; font-weight: normal; }
img, table	{ border:0 none; }
a,img,input,select { word-wrap:expression( this.style.wordWrap="normal",this.hideFocus=true); vertical-align:middle; }

button { border:0 none; padding:0; margin:0; background:transparent; cursor:pointer; *overflow:visible; vertical-align:middle; }
button::-moz-focus-inner {
    padding:0;
    border:0;
}/* 파이어폭스용 버튼 내부패딩없애기  */
table, th, td{ padding:0; border-spacing:0px; border:0 none; border-collapse:collapse; font-weight: normal; }

fieldset		{ border:0 none; padding:0; margin:0; }
legend			{ overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0 }

a:link			{ text-decoration: none; }
a:visited		{ text-decoration: none; }
a:hover			{ text-decoration: underline; }
a:active		{ text-decoration: underline; outline:0; }
a:focus			{ text-decoration: underline; outline:0; }


/** COMMON **/
body		{ width:100%;height:100%;}

select			{ border:1px solid #C4C4C4;height:22px;vertical-align:middle; }		
textarea		{ resize:none; }

hr				{ display: none; }
caption			{ display: none; }
.hidden			{ text-indent:-9999px; width:0px; height:0px; font-size:0px; line-height:0px; position: absolute; }

.vHidden		{ visibility:hidden; }


/* height */
.h22			{ height:22px; }
.h25			{ height:25px; }
.h30			{ height:30px; }
.h200			{ height:200px; }


/* width */
.w100			{ width:100%; }
.w98			{ width:98%; }


/* letter-spacing */
.ls01			{ letter-spacing: -0.1em; }
.ls02			{ letter-spacing: -0.2em; }


/* Color */
.f_n { font-weight: normal; }
.f_b { }
.r_t_b { color: #ff3333; }
.r_t { color: #ff3333; font-weight: normal; }
.w_t { color: #fff; font-weight: normal; }
.g_t { color: #838383; font-weight: normal; }


/* float, text-align */
.FloatR 		{ float: right !important; }
.FloatL			{ float: left !important; }
.FloatL02 		{ width: 100%; }
.FloatL02 li 	{ float: left !important; width: 25% !important; }
.FloatL03 		{ width: 100%; }
.FloatL03 li 	{ float: left !important; width: 20% !important; }
.t_l 			{ text-align: left !important; }
.t_l_i 			{ text-align: left !important; text-indent: 50px !important; }
.t_l_p 			{ text-align: left !important; padding: 0px 0px 0px 30px !important; }
.t_c 			{ text-align: center !important; }
.t_r 			{ text-align: right !important; }
.t_s 			{ text-indent: 70px !important; }


/* font-size */
.f_11 			{ font-size: 11px; }
.f_12 			{ font-size: 12px; }


/* line-height */
.lh17			{line-height: 17px;}
.lh25			{line-height: 25px;}


/* margin */
.m_l_0			{ margin-left: 0px !important; }
.m_l_5 			{ margin-left: 5px !important; }
.m_l_10 		{ margin-left: 10px !important; }
.m_l_20 		{ margin-left: 20px !important; }
.m_l_30 		{ margin-left: 20px !important; }
.m_l_40 		{ margin-left: 40px !important; }
.m_t_0 			{ margin-top: 0px !important; }
.m_t_5 			{ margin-top: 5px !important; }
.m_t_10 		{ margin-top: 10px !important; }
.m_t_15 		{ margin-top: 15px !important; }
.m_t_20 		{ margin-top: 20px !important; }
.m_t_30 		{ margin-top: 30px !important; }
.m_t_40 		{ margin-top: 40px !important; }
.m_t_50 		{ margin-top: 50px !important; }
.m_t_60 		{ margin-top: 60px !important; }
.m_t_70 		{ margin-top: 70px !important; }
.m_t_80 		{ margin-top: 80px !important; }
.m_t_90 		{ margin-top: 90px !important; }
.m_t_100 		{ margin-top: 100px !important; }
.m_b_5 		{ margin-bottom: 5px !important; }
.m_b_8 		{ margin-bottom: 8px !important; }
.m_b_10 		{ margin-bottom: 10px !important; }
.m_b_15 		{ margin-bottom: 15px !important; }
.m_b_20 		{ margin-bottom: 20px !important; }
.m_b_30 		{ margin-bottom: 30px !important; }
.m_b_40 		{ margin-bottom: 40px !important; }
.m_b_50 		{ margin-bottom: 50px !important; }
.m_b_60 		{ margin-bottom: 60px !important; }
.m_b_70 		{ margin-bottom: 70px !important; }
.m_b_80 		{ margin-bottom: 80px !important; }
.m_b_90 		{ margin-bottom: 90px !important; }
.m_b_100 		{ margin-bottom: 100px !important; }
.m_r_10 		{ margin-right: 10px !important; }
.m_r_30 		{ margin-right: 30px !important; }
.m_5 			{ margin: 5px !important; }


/* padding */
.p_50 			{ padding: 50px; }


/* Btn */
.point_red 		{ color: #fff; background: #fd6168; height: 18px; line-height: 18px; margin-left: 5px; display:inline-block;zoom:1;*display:inline; padding: 2px 8px; font-size: 12px; }
.point_red:hover { text-decoration: none; }
.black_btn 		{ font-size: 12px; color: #fff; background: #444; padding: 5px 8px; text-decoration: none !important; }
.point01 		{ padding: 5px 8px; margin-right: 10px; background: #6585fe; color: #fff; border-radius: 3px; font-size: 12px; display:inline-block;zoom:1;*display:inline; line-height: 16px; }
.point02 		{ padding: 5px 8px; margin-right: 10px; background: #f88358; color: #fff; border-radius: 3px; font-size: 12px; display:inline-block;zoom:1;*display:inline; line-height: 16px; }
.point03 		{ padding: 5px 8px; margin-right: 10px; background: #fe9f0d; color: #fff; border-radius: 3px; font-size: 12px; display:inline-block;zoom:1;*display:inline; line-height: 16px; }
.point04 		{ padding: 5px 8px; margin-right: 10px; background: #009a98; color: #fff; border-radius: 3px; font-size: 12px; display:inline-block;zoom:1;*display:inline; line-height: 16px; }
.point05 		{ padding: 5px 8px; margin-right: 10px; background: #5ec58e; color: #fff; border-radius: 3px; font-size: 12px; display:inline-block;zoom:1;*display:inline; line-height: 16px; }
.point06 		{ padding: 5px 8px; margin-right: 10px; background: #ff6f70; color: #fff; border-radius: 3px; font-size: 12px; display:inline-block;zoom:1;*display:inline; line-height: 16px; }
.point07 		{ padding: 5px 8px; margin-right: 10px; background: #959595; color: #fff; border-radius: 3px; font-size: 12px; display:inline-block;zoom:1;*display:inline; line-height: 16px; }
.whitebtn 		{ padding: 6px 10px; background: #fff; color: #000; border: solid 1px #ccc; font-size: 13px; text-decoration: none !important; }
.whitebtn02 		{ float: right; display: block; background: #fff; padding: 6px 10px; color: #000; border: solid 1px #ccc; font-size: 12px; margin-left: 5px; text-decoration: none !important; }
.whitebtn03 		{ padding: 0px 4px; height: 18px; border: 1px solid #ccc; line-height: 17px; font-size: 12px; display:inline-block;zoom:1;*display:inline; text-decoration: none !important; }
.w_b_c 			{ width: 100%; text-align: center; }
.w_b_r 			{ width: 100%; text-align: right; }
.w_b_c ul, .w_b_r ul { display:inline-block;zoom:1;*display:inline;}
.w_b_c li, .w_b_r li { float: left; }
.w_b_c li a { background: #fff; padding: 6px 10px; color: #000; border: solid 1px #ccc; font-size: 13px; margin-left: 5px; text-decoration: none !important; }
.w_b_r li a { background: #fff; padding: 6px 10px; color: #000; border: solid 1px #ccc; font-size: 13px; margin-left: 5px; text-decoration: none !important; }
.redbtn03 		{ float: right; display: block; font-size: 11px; margin-top: 10px; background: #ff4b4c; padding: 8px 10px; color: #fff; }
.redbtn04 		{ color: #fff; background: #fd6168; padding: 14px 25px; font-size: 15px; display:inline-block;zoom:1;*display:inline; }
.gray_btn 		{ background: #a1a1a1; padding: 6px 10px; color: #fff; margin-left: 5px; font-size: 12px; text-decoration: none !important; }
.btn_r01 		{ width: 100%; height: 100%; display:inline-block;zoom:1;*display:inline; margin-top: 50px; }
.btn_r01 ul 		{ float: right; }
.btn_r01 li 		{ float: left; }
.btn_r01 .graybtn a 	{ padding: 10px 20px; background: #8d8d8d; color: #fff;	font-size: 15px; margin-right: 10px; display: block; text-decoration: none !important; }
.btn_r01 .redbtn a 	{ padding: 10px 20px; background: #fd6168; color: #fff; font-size: 15px;	display: block; text-decoration: none !important; }
.btn_r02 		{ width: 100%; height: 100%; text-align: right; margin-top: 50px; }
.btn_r02 ul 		{ display:inline-block;zoom:1;*display:inline }
.btn_r02 li 		{ float: left; }
.btn_r02 .graybtn a 	{ padding: 20px 40px; background: #8d8d8d; color: #fff;	font-size: 15px; margin-right: 10px; display: block; text-decoration: none !important; }
.btn_r02 .redbtn a  	{ padding: 20px 40px; background: #fd6168; color: #fff; font-size: 15px;	display: block; text-decoration: none !important; }
.btn_c 			{ width: 100%; text-align: center; margin-top: 50px; }
.btn_c ul 		{ display:inline-block;zoom:1;*display:inline; }
.btn_c li 		{ float: left; }
.btn_c .graybtn a 	{ padding: 20px 40px; background: #8d8d8d; color: #fff; font-size: 15px; margin-right: 5px; display: block; text-decoration: none !important;}
.btn_c .redbtn a 	{ padding: 20px 40px; background: #fd6168; color: #fff; font-size: 15px; display: block; text-decoration: none !important; }
.imred 			{ padding: 3px 8px; background: #ff6f70; color: #fff; border-radius: 3px; font-size: 12px; text-decoration: none !important; }
.imgray			{ padding: 3px 8px; background: #959595; color: #fff; border-radius: 3px; font-size: 12px; text-decoration: none !important; }
.bggreen		{ background: #f0fcfa; }
.bgred			{ background: #fff3f2; }
.bgdarkgray 		{ background: #555; }
.bggray 		{ background: #fbfbfb; }