@charset "utf-8";

html,body{width:100%; height:100%; margin: 0 }
html{overflow-y:scroll;}

:focus {   }

::selection{
    background:#666;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection{
    background:#666;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background:#666;
    color: #FFF;
    text-shadow: none;
}

.reset, .reset *
{
    font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0 none;  
	background: transparent; 
 
}

.reset img { vertical-align: middle; }
.reset article, .reset aside, .reset details, .reset figcaption, .reset figure,
.reset footer, .reset header, .reset hgroup, .reset menu, .reset nav, .reset section { display:block; }
.reset ul, .reset ol { list-style:none;}

.reset table {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}
 
.reset input, .reset select {
    vertical-align:middle;
}

.reset input:focus, .reset select:focus { outline: none; }

button:hover, a:hover { cursor: pointer; }

.clear { clear: both;  }

.clearFix:after { content: ""; display: block; clear: both; }
.align_left {float: left !important}v
.align_center {margin: 0 auto !important}
.align_right {float: right !important}
			
.inner_left {text-align: left !important}
.inner_right {text-align: right !important}
.inner_center {text-align: center !important}

a { text-decoration:none; }
a:hover, a.active:hover { text-decoration:underline; color: #3981e3 !important; }
a:hover > span { text-decoration:underline; color: #3981e3 !important; }



body {
	font-size: 14px;
	min-width: 960px;
	font-family: 'roboto', sans-serif;
	line-height: 90%
}

#sub .footer { padding: 30px ; padding-left: 300px; border-top: 1px solid #ccc; clear: both}
#sub.search .footer { padding-left: 30px }


/* modal */

.dialog{ position: fixed; left: 50%; top: 50%; z-index: 99999; width: 460px; margin-left: -230px; box-shadow: 0px 0px 5px rgba(0,0,0,.5); display: none;
    b box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden }
.dialog .modal_head {width: 460px; min-height: 100px; background: #3981e3;  padding: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.dialog .modal_head h2 {font-size: 24px; font-weight: 400; margin: 0; color: #fff }
.dialog .modal_body {width: 460px; min-height: 100px;  background: #fff; padding:20px 40px;  box-sizing: border-box; -webkit-box-sizing: border-box}
.dialog .modal_body ul {padding: 0}
.dialog .modal_body ul li {list-style: none; margin-top: 20px;}
.dialog .modal_body ul li:first-child {margin: 0;}
.dialog .modal_body ul li:first-child:before {display: none}
.dialog .modal_body ul li:before {content: ""; width:15px; height: 20px; display: block; border-top: 1px solid #333}
.dialog .modal_body ul li a {font-size: 16px; color: #333; font-weight: 700; white-space: nowrap}
.dialog .modal_body ul li a:hover {color:#3981e3 !important; text-decoration: underline; }
.dialog .modal_body ul li a:hover span {color:#3981e3 !important; text-decoration: underline; }
.dialog .modal_body ul li a span {color: #e02929}
.dialog .modal_body ul li ol {padding-left: 25px}
.dialog .modal_body ul li ol li {margin-top: 15px !important; list-style: decimal }
.dialog .modal_body ul li ol li:before {display: none;}
.dialog .modal_body ul li ol li a {font-size: 14px; font-weight:400; color:#55555}
 
a.closeBtn {position: absolute; top: 10px; right: 10px; display: block; width: 27px; height: 27px; background: url(../images/bt_modal_close.png) no-repeat; text-indent: -99999px; font-size: 0;}

#background.modal {background: url(../images/bg_modal.png); position: fixed; top:0; left: 0; right: 0; bottom: 0; z-index: 101; }    
#background {display: none}

.top_20 {margin-top: 20px}

/* lnb */
.lnb ul li a.active  {color:#e02929 !important}
.lnb_back {width:270px ; bottom: 0; top: 55px; position: absolute; background: #e9e9e9; z-index: -1}


.lnb {padding: 20px ; box-sizing: border-box; -webkit-box-sizing: border-box}
.lnb ul {padding-left: 0px; }
.lnb ul li {list-style: none; margin-bottom: 25px}
.lnb ul li a {font-size: 16px; font-weight: 700; color: #333; }

.lnb ul li ul {padding-left: 5px; display: none}
.lnb ul li ul li {margin-top: 15px;}
.lnb ul li ul li a {font-size: 16px; color: #333; font-size: 16px; font-weight: 400}
.lnb ul li ul li a span {color: #ec000e }

.lnb ul li ul li ul {padding-left: 25px; display: block }
.lnb ul li ul li ul li {margin-bottom: 10px; list-style: decimal !important}
.lnb ul li ul li ul li a {margin-bottom: 0px; font-size: 14px; color: #555; vertical-align: top }
.lnb ul li ul li ul li a span {margin-left:-15px; color: #333 }

.lnb ul li ul li ul li ul{padding-left: 10px;  display: block }
.lnb ul li ul li ul li ul li {margin-bottom: 10px; list-style: decimal !important}
.lnb ul li ul li ul li ul li  a {margin-bottom: 10px; font-size: 12px; color: #555; }
.lnb ul li ul li ul li ul li  a span {margin-left: -23px}


.lnb ul li.t2 {position: relative}
.lnb ul li.t2 a{padding-right: 20px; display: inline-block}

.lnb ul li.t2 > a:after {content: ""; display: block;  width: 9px; height: 9px; background: url(../images/icon_lnb.png) no-repeat; position: absolute; right: 0px; top: 6;}
.lnb ul li.t2 > a.active:after {content: "";  background: url(../images/icon_lnb2.png) no-repeat  }


.lnb ul ul li.t2 a:after {display: none}



table.basic {border-top: 1px solid #ccc; border-left: 1px solid #ccc}
table.basic th, table.basic td{padding:15px 20px; box-sizing: border-box; -webkit-box-sizing: border-box;  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc }
table.basic tr th {background: #f1f1f1;  text-align: center;}
table.basic tr th:first-child {width: 190px; }
table.basic td ol {list-style: decimal}
table.basic td ol li {margin: 20px 0}


img.inline {height: 20px; vertical-align: top;}

b em.num {display: inline-block; width: 20px; height: 20px;  font-size: 9px;
    background: #ec000e; border-radius: 20px; -webkit-border-radius: 20px; color: #fff;
    vertical-align: top; text-align: center; margin-top: 1px}