@charset "UTF-8";

a { color: #333333; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:focus { text-decoration: none; }

.hide { display: none; }
.Hidden, .blind { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; background: none; font-size: 0px; color:transparent; line-height: 0; left: -9999px; top: -9999px; overflow: hidden; }

.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.justify { text-align: justify !important; }

.fleft { float: left !important; }
.fright { float: right !important; }
.clear { clear: both !important; }

.bold { font-weight: 500; }
.extraBold { font-weight: 700; }

.fcolorBk { color: #333333 !important; }
.fcolorRed { color: #ff0000 !important; }
.fcolorBlue { color: #005aab !important; }
.fcolorGreen { color: #198c56 !important; }
.fcolorOrange { color: #DD3B00 !important; }
.relative { position: relative; }
.enterLine { display: block; }
.blankLink { display: inline-block; width: 14px; height: 13px; background: url('../../img/asis/t_blank_icon.png') no-repeat; margin-left: 5px; }

/* REQUIRED */
.required, textarea.required { background-image: url('../../img/asis/require.png') !important; background-repeat: no-repeat !important; background-position: right top !important; }
.star {display: inline-block; position: relative; width: 10px; height: 14px; margin-bottom: -2px; vertical-align: middle; text-indent: 100%; overflow: hidden; white-space: nowrap; } 
.star:after { content: '*'; display: inline-block; position: absolute; top: 0; left: 0; line-height: 14px; font-weight: 700; text-indent: 0; color: #ff6468; }
.star_b {display: inline-block; position: relative; width: 10px; height: 14px; margin-bottom: -2px; vertical-align: middle; text-indent: 100%; overflow: hidden; white-space: nowrap; } 
.star_b:after { content: '*'; display: inline-block; position: absolute; top: 0; left: 0; line-height: 14px; font-weight: 700; text-indent: 0; color: #000000; }
.marking {display: inline-block; position: relative; width: 10px; height: 14px; margin-bottom: -2px; vertical-align: middle; text-indent: 100%; overflow: hidden; white-space: nowrap; } 
.marking:after {content: '*'; display: inline-block; position: absolute; top: 0; left: 0; line-height: 14px; font-weight: 700; text-indent: 0; color: #ff6468; }

/* FONT COLOR */
.cl_white { color: #ffffff !important; }
.cl_black { color: #000000 !important; }
.cl_red { color: #ff0000 !important; }
.cl_blue { color: #005db5 !important; }
.cl_yellow { color: #fafe05 !important; }
.cl_orange { color: #c14c0d !important; }
.cl_sky { color: #317acd !important; }
.cl_green { color: #397831 !important; }
.cl_gray { color: #555555 !important; }
.cl_gray_1 { color: #111111 !important; }
.cl_gray_2 { color: #222222 !important; }
.cl_gray_3 { color: #333333 !important; }
.cl_gray_4 { color: #444444 !important; }
.cl_gray_5 { color: #555555 !important; }
.cl_gray_6 { color: #666666 !important; }
.cl_gray_7 { color: #777777 !important; }
.cl_gray_8 { color: #888888 !important; }
.cl_gray_9 { color: #999999 !important; }
.cl_gray_10 { color: #aaaaaa !important; }
.cl_gray_11 { color: #bbbbbb !important; }
.cl_gray_12 { color: #cccccc !important; }
.cl_gray_13 { color: #dddddd !important; }
.cl_gray_14 { color: #eeeeee !important; }
.cl_gray_15 { color: #323232 !important; }
.cl_gray_16 { color: #8b8b8b !important; }
.cl_gray_17 { color: #484848 !important; }

.pointNavy { color:#153657 !important; }
.pointGold { color:#b29956 !important; }
.pointRed { color:#bc013b !important; }
.pointBlue { color:#00599d !important; }

/* FONT SIZE */
.f_big { font-size: 18px; }
.f_normal { font-weight: normal !important; }
.f_small { font-size: 12px !important; }
.f_bold { font-weight: bold !important; }
.f_b500 { font-weight: 500 !important; }
.f_b600 { font-weight: 600 !important; }
.f_b700 { font-weight: 700 !important; }
.f_b900 { font-weight: 900 !important; }
.f_size36 { font-size: 36px !important; }
.f_size30 { font-size: 30px !important; }
.f_size25 { font-size: 25px !important; }
.f_size24 { font-size: 24px !important; }
.f_size20 { font-size: 20px !important; }
.f_size18 { font-size: 18px !important; }
.f_size16 { font-size: 16px !important; }
.f_size15 { font-size: 15px !important; }
.f_size14 { font-size: 14px !important; }
.f_size13 { font-size: 13px !important; }

/* FONT DECORATION */
.line_u { text-decoration: underline; }
.line_n { text-decoration: none; }

/* INPUT SIZE */
.date_input { border: 1px solid #ccc; padding: 5px 0; }
.full_input { width: 100% !important; }
.inp25 { width: 25% !important; }
.inp30 { width: 30% !important; }
.inp50 { width: 50% !important; }
.inp70 { width: 70% !important; }
.inp80 { width: 80% !important; }

/* BACKGROUND */
.bg_gray { background-color: #f9fafb !important; }
.bg_gray1 { background-color: #eeeeee !important; }
.bg_gray2 { background-color: #fbfbfb !important; }
.bg_gray3 { background-color: #757575 !important; }
.bg_gray4 { background-color: #f4f4f4 !important; }
.bg_gray5 { background-color: #f5f5f5 !important; }
.bg_white { background-color: #ffffff !important; }
.bg_black { background-color: #000000 !important; }
.bg_blue { background-color: #005aab !important; }
.bg_sky { background-color: #21b7ee !important; }
.bg_sora { background-color: #a3bad8 !important; }
.bg_yellow { background-color: #fefbf3 !important; }
.bg_red { background-color: #bc013b !important; }
.bg_brown { background-color: #a97e07 !important; }
.b_img_n { background-image: none !important; }
.bg_gold { background-color: #b29956 !important; }

/* BOX */
.box0 { margin: 1em 0; padding: 1.25em 1.5em; }
.box1 { margin: 1em 0; padding: 20px 15px; border: 1px solid #e7e7e7; background: #ffffff; }
.box2 { margin: 1em 0; padding: .75em 1em; border: 2px solid #e7e7e7; background: #ffffff; border-radius: 2px; }
.box3 { padding: .75em 1em; border: 3px solid #eeeeee; background: #ffffff; border-radius: 2px; }
.box4 { padding: .75em 1em; border: 4px solid #f7f7f7; background: #ffffff; border-radius: 2px; }
.box5 { padding: .75em 1em; border: 1px solid #e9e9e9; background: #fcfcfc; }
.box6 { margin: 1em 10px; width: 97%; padding: 1.25em 1.5em; border: 1px solid #ddd; background: #ffffff; }

/* OVERFLOW */
.over_h { overflow: hidden !important; }
.over_a { overflow: auto !important; }
.over_s { overflow: scroll !important; }
.over_xh { overflow-x: hidden !important; }
.over_yh { overflow-x: hidden !important; }
.over_xa { overflow-x: auto !important; }
.over_ya { overflow-y: auto !important; }
.over_xs { overflow-x: scroll !important; }
.over_ys { overflow-y: scroll !important; }

/* DISPLAY */
.dis_inline { display: inline !important; }
.dis_block { display: block !important; }
.dis_i_block { display: inline-block !important; }
.dis_n { display: none !important; }

/* margin */
.mtop0 { margin-top: 0px !important; }
.mtop5 { margin-top: 5px !important; }
.mtop10 { margin-top: 10px !important; }
.mtop15 { margin-top: 15px !important; }
.mtop20 { margin-top: 20px !important; }
.mtop30 { margin-top: 30px !important; }
.mtop40 { margin-top: 40px !important; }
.mtop50 { margin-top: 50px !important; }
.mtop60 { margin-top: 60px !important; }
.mtop70 { margin-top: 70px !important; }
.mtop80 { margin-top: 80px !important; }
.mtop90 { margin-top: 90px !important; }
.mtop100 { margin-top: 100px !important; }

.mbtm0 { margin-bottom: 0px !important; }
.mbtm5 { margin-bottom: 5px !important; }
.mbtm10 { margin-bottom: 10px !important; }
.mbtm20 { margin-bottom: 20px !important; }
.mbtm30 { margin-bottom: 30px !important; }
.mbtm40 { margin-bottom: 40px !important; }
.mbtm50 { margin-bottom: 50px !important; }
.mbtm60 { margin-bottom: 60px !important; }
.mbtm70 { margin-bottom: 70px !important; }
.mbtm80 { margin-bottom: 80px !important; }
.mbtm90 { margin-bottom: 90px !important; }
.mbtm100 { margin-bottom: 100px !important; }

.mleft0 { margin-left: 0px !important; }
.mleft5 { margin-left: 5px !important; }
.mleft10 { margin-left: 10px !important; }
.mleft20 { margin-left: 20px !important; }
.mleft30 { margin-left: 30px !important; }
.mleft40 { margin-left: 40px !important; }
.mleft50 { margin-left: 50px !important; }
.mleft60 { margin-left: 60px !important; }
.mleft70 { margin-left: 70px !important; }
.mleft80 { margin-left: 80px !important; }
.mleft90 { margin-left: 90px !important; }
.mleft100 { margin-left: 100px !important; }

.mright0 { margin-right: 0px !important; }
.mright5 { margin-right: 5px !important; }
.mright10 { margin-right: 10px !important; }
.mright20 { margin-right: 20px !important; }
.mright30 { margin-right: 30px !important; }
.mright40 { margin-right: 40px !important; }
.mright50 { margin-right: 50px !important; }
.mright60 { margin-right: 60px !important; }
.mright70 { margin-right: 70px !important; }
.mright80 { margin-right: 80px !important; }
.mright90 { margin-right: 90px !important; }
.mright100 { margin-right: 100px !important; }

/* padding */
.ptop5 { padding-top: 5px !important; }
.ptop10 { padding-top: 10px !important; }
.ptop20 { padding-top: 20px !important; }
.ptop30 { padding-top: 30px !important; }
.ptop40 { padding-top: 40px !important; }
.ptop50 { padding-top: 50px !important; }
.ptop60 { padding-top: 60px !important; }
.ptop70 { padding-top: 70px !important; }
.ptop80 { padding-top: 80px !important; }
.ptop90 { padding-top: 90px !important; }
.ptop100 { padding-top: 100px !important; }

.pbtm5 { padding-bottom: 5px !important; }
.pbtm10 { padding-bottom: 10px !important; }
.pbtm20 { padding-bottom: 20px !important; }
.pbtm30 { padding-bottom: 30px !important; }
.pbtm40 { padding-bottom: 40px !important; }
.pbtm50 { padding-bottom: 50px !important; }
.pbtm60 { padding-bottom: 60px !important; }
.pbtm70 { padding-bottom: 70px !important; }
.pbtm80 { padding-bottom: 80px !important; }
.pbtm90 { padding-bottom: 90px !important; }
.pbtm100 { padding-bottom: 100px !important; }

.pleft5 { padding-left: 5px !important; }
.pleft10 { padding-left: 10px !important; }
.pleft20 { padding-left: 20px !important; }
.pleft30 { padding-left: 30px !important; }
.pleft40 { padding-left: 40px !important; }
.pleft50 { padding-left: 50px !important; }
.pleft60 { padding-left: 60px !important; }
.pleft70 { padding-left: 70px !important; }
.pleft80 { padding-left: 80px !important; }
.pleft90 { padding-left: 90px !important; }
.pleft100 { padding-left: 100px !important; }

.pright5 { padding-right: 5px !important; }
.pright10 { padding-right: 10px !important; }
.pright20 { padding-right: 20px !important; }
.pright30 { padding-right: 30px !important; }
.pright40 { padding-right: 40px !important; }
.pright50 { padding-right: 50px !important; }
.pright60 { padding-right: 60px !important; }
.pright70 { padding-right: 70px !important; }
.pright80 { padding-right: 80px !important; }
.pright90 { padding-right: 90px !important; }
.pright100 { padding-right: 100px !important; }

/* width */
.w5 { width: 5% !important; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w50 { width: 50% !important; }
.w55 { width: 55% !important; }
.w60 { width: 60% !important; }
.w65 { width: 65% !important; }
.w70 { width: 70% !important; }
.w75 { width: 75% !important; }
.w80 { width: 80% !important; }
.w85 { width: 85% !important; }
.w90 { width: 90% !important; }
.w95 { width: 95% !important; }
.w100 { width: 100% !important; }