﻿@charset "utf-8";
 @import url('nanumgothic.css');
* { font-family: "nbg", "nbgb", "돋움", "굴림", Dotum, Gulim, sans-serif, tahoma; }
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin: 0; padding: 0; color: #333; }
body { margin: 0; padding: 0; line-height: 1.5em; font-size: 12px; }
table { border-collapse: collapse }
img, fieldset { border: 0 }
ul, ol { list-style: none }
em, address { font-style: normal }
a { color: inherit; text-decoration: none }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { -webkit-text-size-adjust: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { width: 100%; border-collapse: separate; border-spacing: 0; }
img { border: 0; max-width: 100%; height: auto; }
iframe, embed, object, video { max-width: 100%; }
i, cite, em, var, address, dfn { font-style: normal; }
.blind, legend { position: absolute; left: 0; top: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
caption { display: none; }
/************************************************
	form
************************************************/
fieldset { border: 0 }
input, textarea { border-width: 1px; border-style: solid; border-radius: 0; border-color: #b7b2a7; }
input[type=text], input[type=submit], input[type=password], input[type=file] { height: 24px; line-height: 24px; padding: 0 4px; margin: 0; vertical-align: middle; background: #fff; border-width: 1px; border-style: solid; border-radius: 0; border-color: #b7b2a7; font-size: 12px; box-shadow: none; -webkit-border-radius: 1px; -webkit-appearance: none; }
input:disabled { color: #70654f; }
input[type=checkbox] { width: 15px; height: 15px; vertical-align: middle; margin: 0 5px 0 0; border: none; }
/*input[type=checkbox]:checked{background:#fff url(../../image/com/element_check.png) no-repeat 50% 50%; background-size:13px 10px;}*/

input[type=radio] { width: 16px; height: 16px; vertical-align: middle; margin: 0 5px 0 0; vertical-align: middle; border: none; }
/*input[type=radio]:checked {background:url(../../image/com/element_radio.png) no-repeat 50% 50%; background-size:8px 8px;}*/

button { border: 0 none; }
textarea { padding: 0 4px; }
select { height: 26px; padding: 5px 0 5px 2px; min-width: 40px; border: 1px #b7b2a7 solid; vertical-align: middle; font-size: 12px; color: #70654f; }
label { display: inline-block; color: #3b2900; vertical-align: middle; }
.label-group label { margin-right: 15px; }
label.radio { margin-right: 15px; display: inline-block; }
ul.label-group { padding: 10px 20px; }
ul.label-group.brdB { border-bottom: #f2f2f2 1px solid; }
ul.label-group li { padding: 0; display: inline-block; }
.ui-datepicker-trigger { margin: 0 0 0 5px; vertical-align: middle; }
/************************************************
	Hyperlinks
************************************************/
a { color: #70654f; text-decoration: none; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; -webkit-transition: color .2s; transition: color .2s; }
a:hover { text-decoration: none; }
/************************************************
	space
************************************************/
.mt0 { margin-top: 0 !important; }
.mt2 { margin-top: 2px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt10m { margin-top: -10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt16 { margin-top: 16px !important; }
.mt17 { margin-top: 17px !important; }
.mt20 { margin-top: 20px !important; }
.mt21 { margin-top: 21px !important; }
.mt22 { margin-top: 22px !important; }
.mt24 { margin-top: 24px !important; }
.mt25 { margin-top: 25px !important; }
.mt26 { margin-top: 26px !important; }
.mt27 { margin-top: 27px !important; }
.mt28 { margin-top: 28px !important; }
.mt29 { margin-top: 29px !important; }
.mt30 { margin-top: 30px !important; }
.mt33 { margin-top: 33px !important; }
.mt36 { margin-top: 36px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 60px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.mr10 { margin-right: 10px !important; }
.mr30 { margin-right: 30px !important; }
.pd0 { padding: 0 !important; }
.pl0 { padding-left: 0 !important; }
.pl10 { padding-left: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pl20 { padding-left: 20px !important; }
.pl130 { padding-left: 130px !important; }
.pd10 { padding: 10px !important; }

.lh40 { line-height:40px !important; }

.db {display:block !important;}
/************************************************
	font
************************************************/
.font11 { font-size: 11px !important; }
.font13 { font-size: 13px !important; }
.font15 { font-size: 15px !important; line-height: 1.4em; }
.font16 { font-size: 18px !important; }
.font24 { font-size: 24px !important; }
.cRed { color: #ff473f !important; }
.cGray { color: #666 !important; }
.cBrack { color: #222 !important; }
.fontUnderline { text-decoration: underline !important; }
.fNanum { font-family: "Nanum Gothic", "나눔고딕" !important; }
/************************************************
	position
************************************************/
.l { text-align: left !important; }
.r { text-align: right !important; }
.c { text-align: center !important; }
.vt { vertical-align: top !important; }
.vm { vertical-align: middle !important; }
.fl { float: left !important; }
.fr { float: right !important; }
/************************************************
	divAccessibility
************************************************/
#divAccessibility { width: 100%; overflow: hidden; position: relative; z-index: 1000; }
#divAccessibility a { margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block; }
#divAccessibility a:focus { background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; font-weight: 700; }
#divAccessibility a:hover { background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; font-weight: 700; }
#divAccessibility a:active { background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; font-weight: 700; }
