@charset "utf-8";

@font-face {
	font-family: "NaGoBo";
	src: url("../font/NanumGoBold.eot");
	src: url("../font/NanumGoBold.eot?#iefix") format("embedded-opentype"),
		url("../font/NanumGoBold.woff") format("woff"),
		url("../font/NanumGoBold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

* {-webkit-text-size-adjust: 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;font-size: 100%;}

div, p, span, li, dt, dd, a, strong, em, td, th, h1, h2, h3, h4, h5, h6, label, input, select {font-size: 9pt;font-family: "돋움",Dotum,sans-serif;}
@media only screen and  (min-width: 495px){
	div, p, span, li, dt, dd, a, strong, em, td, th, h1, h2, h3, h4, h5, h6, label, input, select {font-size: 11pt;font-family: "돋움",Dotum,sans-serif;}
}

h1, h2, h3, h4, h5, h6, th {font-weight: normal;}
html,body{height:100%;}
body,li,a{line-height:100%;/*word-wrap:break-word;word-break:break-all;*/}

body {background-color: #ffffff;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;}
ul,ol{	list-style: none;}

#container {background-color: #fff;}

header {height: 45px;margin: 0 auto;background-color: #24313b;width: 100%;
	background: #24313b; /* Old browsers */
	background: -moz-linear-gradient(top,  #24313b 0%, #0989c8 3%, #005188 63%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24313b), color-stop(3%,#0989c8), color-stop(63%,#005188)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #24313b 0%,#0989c8 3%,#005188 63%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #24313b 0%,#0989c8 3%,#005188 63%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #24313b 0%,#0989c8 3%,#005188 63%); /* IE10+ */
	background: linear-gradient(to bottom,  #24313b 0%,#0989c8 3%,#005188 63%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24313b', endColorstr='#005188',GradientType=0 ); /* IE6-9 */}
header a#logo_top {display: block;height: 31px;width: 100px;text-indent: -10000px;position: relative;top: 10px;margin-left: 50%;left:-50px;}
header a#logo_top img{width: 100%;height: 100%;left: 0;top: 0;position:absolute;}
header>h1 {width: 95%;height: 24px;	margin: auto;	margin-bottom: 6px;max-width: 450px;}


header #btn_home {display: block;height: 24px;width: 24px;text-indent: -10000px;overflow: hidden;position: absolute;left: 10px;top: 10px;}
header #btn_home img{width: 100%;height:100%;position:absolute;}
header #btn_menu {display: block;height: 24px;width: 24px;text-indent: -10000px;overflow: hidden;position: absolute;right: 10px;top: 10px;}
header #btn_menu img{width: 100%;height:100%;position:absolute;}
header #btn_close {display: block;height: 18px;width: 18px;text-indent: -10000px;overflow: hidden;position: absolute;right: 10px;top: 14px;}
header #btn_close img{width: 100%;height:100%;position:absolute;}

header>#nav_top {height: 30px;width: 100%;background-color: #2d4a5f; margin-top: 14px;margin-bottom: 10px;background: linear-gradient(to bottom, #22323e 4%,#2d4a5f 11%);}
header>#nav_top>span {height: 30px;display: inline-block;line-height: 30px;padding: 0px 10px 0px 10px;float: left;font-family: "NaGoBo";font-size: 9pt;color:#fff;	}

footer {	width: 100%;height: 75px;text-align: center;font: normal 0.8em/30px "NaGoBo";background-color: #d7d7d7;display: inline-block;}
footer.menu_ftr{	bottom: 0px;position: fixed;}
footer > address{font: normal 0.8em/30px "NaGoBo";color:#666 ;}
footer > a{font: normal 1.2em/30px "NaGoBo";color:#666 ;background-color:#fff;background: linear-gradient(to bottom, #fefefe 41%,#eaeaea 100%);
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 60px;display: inline-block;margin: 8px 5px 5px 5px;border: 1px solid #fff;

}

@media only screen and  (min-width: 495px){
	header {height: 64px;margin: 0 auto;background-color: #24313b;width: 100%;
	background: #24313b; /* Old browsers */
	background: -moz-linear-gradient(top,  #24313b 0%, #0989c8 3%, #005188 63%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24313b), color-stop(3%,#0989c8), color-stop(63%,#005188)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #24313b 0%,#0989c8 3%,#005188 63%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #24313b 0%,#0989c8 3%,#005188 63%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #24313b 0%,#0989c8 3%,#005188 63%); /* IE10+ */
	background: linear-gradient(to bottom,  #24313b 0%,#0989c8 3%,#005188 63%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24313b', endColorstr='#005188',GradientType=0 ); /* IE6-9 */
	}
	header a#logo_top {display: block;height: 43px;width: 131px;text-indent: -10000px;position: relative;top: 10px;margin-left: 50%;left:-66px;}
	header>h1 {width: 95%;height: 43px;	margin: auto;	margin-bottom: 10px;max-width: 450px;}
	
	header #btn_home {display: block;height: 43px;width: 43px;text-indent: -10000px;overflow: hidden;position: absolute;left: 10px;top: 10px;}
	header #btn_menu {display: block;height: 43px;width: 43px;text-indent: -10000px;overflow: hidden;position: absolute;right: 10px;top: 10px;}
	header #btn_close {display: block;height: 32px;width: 32px;text-indent: -10000px;overflow: hidden;position: absolute;right: 10px;top: 16px;}
	
	header>#nav_top {height: 40px;width: 100%;background-color: #2d4a5f; margin-top: 20px;margin-bottom: 10px;}
	header>#nav_top>span {height: 40px;display: inline-block;line-height: 40px;padding: 0px 10px 0px 10px;float: left;font-family: "NaGoBo";font-size: 11pt;color:#fff;	}
		
	footer {height: 90px;}
	footer > address{font: normal 1.2em/30px "NaGoBo";color:#666 ;}
	footer > a{font: normal 1.5em/30px "NaGoBo";color:#666 ;background-color:#fff;background: linear-gradient(to bottom, #fefefe 41%,#eaeaea 100%);
	   -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 90px;display: inline-block;margin: 10px 7px 7px 7px;border: 2px solid #fff;
	   }	
}
@media only screen and  (min-width: 638px) and (min-height: 800px){
	header {height: 75px;}
	header a#logo_top {height: 55px;width: 150px;left: -75px;background-size: cover;}	
	header>#nav_top {margin-top: 20px;}
	header #btn_home {height: 55px;width: 55px;}
	header #btn_menu {height: 55px;width: 55px;}	
	header #btn_close {height: 40px;width: 40px;}	
}


/*화면영역*/
.hidden {top: 0;left: 0;visibility: hidden;width: 0;height: 0;}
.mt0 {margin-top: 0!important;}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.ml5 {margin-left: 5px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb75 {margin-bottom: 75px!important;}
.w200 {width: 200px!important;}
.pl10 {padding-left: 10px!important;}
.tr {text-align: right!important;}
.blno {border-left: none!important;}
.bbno {border-bottom: none!important;}
.tc {text-align: center!important;}
.w44, .inputws {width: 44px!important;}
.clear, .cb {overflow: hidden;clear: both;}
.fl {float: left!important;}
.gbg {padding: 15px;background-color: #f0f0f0;}
.blueline {border-top: 1px solid #6670ad;border-bottom: 1px solid #6670ad;}
.fractionalTxt img {vertical-align: middle;}
span.margin {vertical-align: top;}
p.margin {display: inline-block;width: 95%;margin-left: 5px;}

/* 특징 */
span.star {color: #f00!important;margin-right: 4px;}
.w100p{width: 100%!important;}
.w91p{width: 91%!important;}
.w80p{width: 80%!important;}
.w70p{width: 70%!important;}
.w50p{width: 50%!important;}
.w46p{width: 46%!important;}
.w42p{width: 42%!important;}
.w10p{width: 10%!important;}
.bold {font-weight: bold;}
.blueBullet {padding-left: 10px;background: url(/ei/images/common/bluebullet.gif) no-repeat 0 7px;}
.red {color: #f00!important;}
.lightorg {color: #ff7300!important;}
.pointBlue {color: #6670ad!important;}
.normal{font-weight: normal!important;}
.inline-block{display: inline-block!important;}
.contentInfo .downBtn {clear: both;overflow: hidden;margin-top: 5px;}

/* 버튼 */
a.btn {
	position: relative;
	display: inline-block;
	padding: 6px 5px 5px;
	margin-left:5px;
	color: #fff;
	background: url(/ei/images/common/btnBg2_s.png) repeat-x 0;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
 #content a.btn.graybtn {
	position: relative;
	display: inline-block;
	padding: 6px 5px 5px;
	margin-left: 10px;
	color: #fff;
	background: url(/ei/images/common/grayBtnBg2_s.png) repeat-x 0;
	text-decoration: none;
}
p.margin {display: inline-block;width: 95%;margin-left: 5px;}

.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
ul.decimal{list-style-type:decimal;padding:7px 8px 7px 17px;*padding-left:23px;}
p.w30{padding:0px 0px 0px 30px;}

div#loading {text-align: center;position: fixed;top: 50%;left: 50%;width: 50px;height: 50px;margin-top: -25px;margin-left: -25px;display: flex;}