﻿@charset "utf-8";

/* common */
*			{margin:0; padding:0;}
html, body	{width:100%; height:100%}

html	{overflow-y:scroll; overflow:-moz-scrollbars-verticals}
body	{font-size:0.8em; font-family:dotum, Tahoma, Geneva, sans-serif; color:#696969; letter-spacing:0; line-height:18px;}


em, address {font-style:normal}

img		{border:0; vertical-align:top}
ul		{list-style:none; vertical-align:top}
ol		{list-style:none;}
li		{vertical-align:top}
li img	{vertical-align:top}
table	{border-collapse:collapse; border-spacing:0}
table	caption {display:none}
fieldset {border:0}
legend  {display:none}

h1, h3, h3, h4, h5, h6	{font-size:1em}

a:link, a:visited {color:#666; text-decoration:none}
a:hover, a:active {color:#9e0000; text-decoration:none}

hr {display:none; height:0} 

/* hidden  */
.hidden {display:none; position:absolute; font-size:0; width:0; height:0; line-height:0; background:none}
.blind  {text-indent:-3000px; overflow:hidden; display:none}
#skiptoContent { position:relative; top:0px; margin:0 auto; text-align:center; background:#272d34; z-index:10}
#skiptoContent dt { display:none}
#skiptoContent a { position:absolute; display:block; top:-1000px}

/* float bug */
.clearfix:after {content:""; display:block; clear:both; visibility:hidden; height:0} 
.clearfix {display: inline-block}
* html .clearfix {height:1%}


/* common css */
.fl {float:left!important}
.fr {float:right!important}
.tc {text-align:center!important} 
.tl {text-align:left!important}
.tr {text-align:right!important}
.vat {vertical-align:top!important}

/* float & align */
.fl_left	{float:left}
.fl_right	{float:right}
.fl_clear	{clear:both}

.al_left	{text-align:left}
.al_center	{text-align:center}
.al_right	{text-align:right}
.al_top		{vertical-align:top}
.al_middle	{vertical-align: middle}
.al_bottom	{vertical-align: bottom}
.al_justify	{text-align:justify}

/* margin & padding */
.mb5{ margin-bottom:5px}
.mr5{ margin-right:5px}
.mb10{ margin-bottom:10px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb50{ margin-bottom:50px}
.pl5{padding-left:5px}
.pl7{padding-left:7px}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pr10{padding-right:10px}
.ml30{ margin-left:30px}
.ml35{ margin-left:35px}
.ml40{ margin-left:40px}
.ml42{ margin-left:42px}
.mt5{ margin-top:5px}
.mt10{ margin-top:10px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt40{ margin-top:40px}
.homepage{ margin: 10px 0px 16px 0px; padding: 20px 0px 1px 0px;}

/* float & align */
.fl_left	{float:left}





/* text indent */




.defult_box{ padding:10px; background:#eef1f1}

.d_block{ display:block; padding-left:20px}
.d_block2{ display:block; padding-left:37px}


/* font*/
.f_bold{ font-weight:bold}
.t_border{ border-bottom:1px solid #CCC; padding-bottom:2px}
.f_size_13{ font-size:13px}
.f_size_14{ font-size:14px}
.f_size_15{ font-size:15px}
.f_size_18{ font-size:18px}
.f_color_red{ color:#9e0000}
.f_color_black{ color:#111}
.f_color_blue{ color:#5aa1ce}
.f_block{ background:#8b8b8b; color:#FFFFFF; padding:0 2px 2px}
.f_block_blue{ background:#5aa1ce; color:#FFFFFF; padding:0 2px 2px}
.f_color_black{ color:#333333}

h4{ background:url(../images/common/icon_dl.gif) no-repeat left 3px; padding-left:15px;  font-size:16px; font-weight:bold; color:#111}
h4.red{background:url(../images/common/icon_dl.gif) no-repeat left 5px; font-size:18px; color:#9e0000; margin-bottom:10px}

.lili li{ background:url(../images/common/icon_lili.gif) no-repeat left 10px; padding-left:13px}







.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;border-collapse:collapse}
.tbl_type caption{display:none}
.tbl_type th{text-align:center;padding:7px 0 4px;border-top:2px solid #06377b;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
.tbl_type td{padding:8px 8px 6px 10px; ;border:1px solid #e5e5e5;color:#4c4c4c}
.tbl_type td.center{ text-align:center; padding:8px}

.tbl_type01,.tbl_type01 th,.tbl_type01 td{border:0}
.tbl_type01{width:100%;border-bottom:2px solid #dcdcdc; text-align:center; font-family:'돋움',dotum;font-size:12px;border-collapse:collapse}
.tbl_type01 caption{display:none}
.tbl_type01 th{padding:7px 0 4px;border-top:2px solid #06377b;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
.tbl_type01 th.row{padding:7px 0 4px;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
.tbl_type01 td{padding:8px 8px 6px 10px; ;border:1px solid #e5e5e5;color:#4c4c4c}






.ul_defult li{background:url(../images/common/icon_li.gif) no-repeat left 6px; padding-left:15px}
.ul_defult dt{background:url(../images/common/icon_li.gif) no-repeat left 6px; padding-left:15px}
.dl_defult dt{ background:url(../images/common/icon_dl.gif) no-repeat left 5px; padding-left:18px;font-size:18px;color:#111; margin-bottom:10px }



a.btn{ display:block; border:1px solid #999; padding:7px 25px 7px 15px ;background:url(../images/common/icon_go.gif) no-repeat 180px 11px; color: #111}
a.btn:hover{color:#9e0000}
a.link{color:#9e0000;}

