@charset "utf-8";
@font-face {
	font-family:'nanum';
	src:url('../font/NanumGothic.eot');
	src:url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumGothic.woff') format('woff');
}

@font-face {
	font-family:'nanumB';
	src:url('../font/NanumGothicBold.eot');
	src:url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
  		url('../font/NanumGothicBold.woff') format('woff');
}
/*
@font-face {
	font-family:'nanumE';
	src:url('../font/NanumGothicExtraBold.eot');
	src:url('../font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumGothicExtraBold.woff') format('woff');
}
*/
/* ***************************************************** */
/* -- standard css ------------------------------------- */
/* ***************************************************** */

html {font-size:12px;margin:0;padding:0;overflow-y:scroll}
body {font-size:12px;margin:0;padding:0; font-family:'nanum',Verdana;min-width:960px;}
html, body {height:100%;line-height:1.5em;color:#4f565b}

ul, li, ol, dt, dd{list-style:none;}
img, fieldset {border:none;}
img {padding:0; margin:0;}
div {padding:0; margin:0;}
dl {padding:0; margin:0;}
dt {padding:0; margin:0;}
dd {padding:0; margin:0;}
ul {padding:0; margin:0;}
ol {padding:0; margin:0;}
li {padding:0; margin:0;}
h1 {padding:0; margin:0;}
h2 {padding:0; margin:0;}
h3 {padding:0; margin:0;}
h4 {padding:0; margin:0;}
h5 {padding:0; margin:0;}
h6 {padding:0; margin:0;}
pre {padding:0; margin:0;}
form {padding:0; margin:0;}
fieldset {padding:0; margin:0;}
input {padding:0; margin:0;}
textarea {padding:0; margin:0;}
p {padding:0; margin:0;}
blockquote {padding:0; margin:0;}
th {margin:0; padding:0; letter-spacing:-1px; border:none;}
td {margin:0; padding:0; white-space:nowrap; overflow:hidden; border:none;}
th a, td a, td span {white-space:nowrap;overflow:hidden} /*display:inline-block; 사용하면 td부분 인풋이2개이상 들어가면 위에 붙음*/
table {table-layout:fixed; border:none;}
address {font-style:normal; font-weight:normal;}
caption {font-style:normal; font-weight:normal;}
th {font-style:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
em {font-style:normal; font-weight:normal;}
button {border:none; margin:0; padding:0; cursor:pointer; background:none; display:block; text-indent:-5000px;}
hr {display:none;}
legend {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; text-indent:-5000px;}

input, button, select, textarea {vertical-align:middle;}
img {vertical-align:top}


/* ***************************************************** */
/* -- common css --------------------------------------- */
/* ***************************************************** */

.hidden {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0; overflow:hidden;text-indent:-5000px}
.caption {width:0px; height:0px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.longdesc {display:block; text-align:right; margin:10px 30px 0 0;}
.absmiddle {vertical-align:middle;}
.fix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}


/* ***************************************************** */
/* -- link css ----------------------------------------- */
/* ***************************************************** */

a         {color:#666666;text-decoration:none;}
a:link    {color:#0098de;text-decoration:none;}
a:visited {color:#0098de;text-decoration:none;}
a:active  {color:#0098de;text-decoration:none;}
a:hover   {color:#0098de;text-decoration:none;}


/* ************************************************** */
/* -- input style  ---------------------------------- */
/* ************************************************** */

input, textarea, select{font-size:12px;color:#4f565b;letter-spacing:-1px;font-family:"돋움",Dotum,AppleGothic,Sans-serif}
textarea, select{border:1px solid #d1d4da}

/* ************************************************** */
/* -- 기본 table css  ------------------------------- */
/* ************************************************** */

th {padding:5px 0 4px 0;}
td {padding:5px 10px 4px 10px;}
td.nowrap {white-space:nowrap;}
td.nowrap span {overflow:hidden; display:inline-block; width:99%;}
td.mid {text-align:center; padding-left:0px; padding-right:0;}
td.right {text-align:right; padding-left:0px;}
table.collapse {border-collapse:collapse; border:1px solid #333;}
table.collapse th, table.collapse td {border:1px solid #333;}
table.fixed {table-layout:fixed;}
table.none, table.none th, table.none td {border:0;}
table.none .td1 {border-bottom:1px solid #333;}
table.none .td2 {border-top:1px solid #333;}
table.none .td3 {border-left:1px solid #333;}
table.none .td4 {border-right:1px solid #333;}


/* ************************************************** */
/* -- float style  ---------------------------------- */
/* ************************************************** */

.fl{float:left}
.fr{float:right}
.fn{float:none}
.fc{clear:both !important}


/* ************************************************** */
/* -- text_align style  ----------------------------- */
/* ************************************************** */

.txt_al{text-align:left !important}
.txt_ac{text-align:center !important}
.txt_ar{text-align:right !important}
.txt_wp{width:100% !important}

/* ************************************************** */
/* -- 컨텐츠 시작 ----------------------------------- */
/* ************************************************** */

.login_lay{background-color:#fff; padding-bottom:10px;}
.login_img{width:900px; height:235px; margin:0 auto; background:url(../images/login/visual.jpg) no-repeat left 10px; padding-top:10px;}
.login_con{width:900px; margin:0 auto; overflow:hidden; border-left:1px solid #c9d5e1; border-right:1px solid #c9d5e1; border-bottom:1px solid #c9d5e1;}
.login_des{width:900px; margin:0 auto; overflow:hidden; }
.login_con01{float:left; width:199px; height:160px; border-top:3px solid #fba835; border-right:1px solid #c9d5e1; background:url(../images/login/ico01.gif) no-repeat 40px 35px; padding:35px 0 0 100px;}
.login_con02{float:left; width:209px; height:160px; border-top:3px solid #87c440; border-right:1px solid #c9d5e1; background:url(../images/login/ico02.gif) no-repeat 40px 35px; padding:35px 0 0 90px;}
.login_con03{float:left; width:185px; height:160px; border-top:3px solid #0095d5; background:url(../images/login/ico03.gif) no-repeat 40px 35px;  padding:35px 0 0 115px;}
.login_des01{float:left; width:800px; margin:0 auto; border-bottom:1px solid #c9d5e1; margin-bottom:50px; padding:30px 0 30px 0; background:url(../images/login/descript.gif) no-repeat 10px 25px;}
.login_des01 ul{margin-left:130px;}
.login_des01 ul li{background:url(../images/login/dot.gif) no-repeat left 10px; padding-left:10px; line-height:22px;}
.login_des01 b{color:#ff8400;}
.login_des02{float:right; width:100px; margin:0 auto; border-bottom:1px solid #c9d5e1; margin-bottom:50px; padding:30px 0 30px 0; no-repeat 10px 25px;}
.login_des02 ul{margin-left:130px;}
.login_des02 ul li{background:url(../images/login/dot.gif) no-repeat left 10px; padding-left:10px; line-height:22px;}
.login_des02 b{color:#ff8400;}
.login_foot{color:#888; padding:15px 0 15px 10px; text-align:left; border-top:1px solid #f4f4f4;}
.login_foot p{width:890px; margin:0 auto;}
.login_foot img{margin:0 10px 0 5px;}
.login_foot select{float:right;}

.tit {font-size:18px; font-family:nanumB; margin:0 0 10px -1px; color:#333;}
.point{background:url(../images/login/ico_question.gif) no-repeat left 2px; padding:0 0 2px 20px; color:#666;}
.point a{color:#666;}
.point a:hover,a:active,a:focus{color:#0daa06 !important; text-decoration:underline;}
.point a:visited{color:#666 !important; text-decoration:underline;}

.btn_area{margin:7px 0 7px -3px;}
.btn_style, .btn_style * {display:inline-block ;position:relative; overflow:visible; background:url(../images/login/btn.png) no-repeat ;text-decoration:none !important; left:4px; vertical-align:top; cursor:pointer; _cursor:hand;}
.btn_login01{background-position:left 0;font-size:14px;}
.btn_login01 * {padding:0 27px 0 25px;background-position:right 0;height:36px;line-height:32px}
.btn_login01 a{color:#fff; font-family:nanumB;}
.btn_login01 a:hover,a:active,a:focus{color:#fff !important;text-decoration:underline;}

.btn_login02{background-position:left -48px;font-size:14px;}
.btn_login02 * {padding:0 27px 0 25px;background-position:right -48px;height:36px;line-height:32px}
.btn_login02 a{color:#fff; font-family:nanumB;}
.btn_login02 a:hover,a:active,a:focus{color:#fff !important;text-decoration:underline;}

.btn_login03{background-position:left -97px;font-size:14px; margin-top:18px;}
.btn_login03 * {padding:0 27px 0 25px;background-position:right -97px;height:36px;line-height:32px}
.btn_login03 a{color:#fff; font-family:nanumB;}
.btn_login03 a:hover,a:active,a:focus{color:#fff !important;text-decoration:underline;}

.btn_down{background-position:left -165px;font-size:12px; margin:1px 0 0 10px;}
.btn_down * {padding:0 12px 0 10px;background-position:right -165px ;height:20px;line-height:18px}
.btn_down a{color:#fff; font-family:nanumB;}
.btn_down a:hover,a:active,a:focus{color:#fff !important;text-decoration:underline;}