	/*@font-face { font-family:nanum; src:url(/image/fonts/NanumGothic.eot)}; */
	
	@font-face {
	    font-family: 'NanumGothic';
	    src: url('/font/NanumGothic.eot');
	    /*IE9 Compat Modes --*/
	    src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'), /*IE6-IE8 */
	    url('/font/NanumGothic.woff') format('woff'), /*Modern Browsers */
	    url('/font/NanumGothic.ttf') format('truetype'), /* Safari, Android, iOS */
	    url('/font/NanumGothic.svg#NanumGothic') format('svg');
	    /*Legacy iOS */
	    font-weight: normal;
	    font-style: normal;
	}
	/*나눔 고딕 Bold*/
	
	@font-face {
	    font-family: 'NanumGothicBold';
	    font-weight: normal;
	    font-style: normal;
	    src: url('/font/NanumGothicBold.eot');
	    src: url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('/font/NanumGothicBold.woff') format('woff'), url('/font/NanumGothicBold.ttf') format('truetype');
	}


* {
    margin: 0 auto;
}

body {
    width: 100%;
    margin: 0 auto;
}
a {COLOR: #545454;text-decoration:none;}
/*a.deliveryc:link	{text-decoration:none; color:#545454;font-weight:bold;font-size:18pt;line-height:20pt;}
a.deliveryc:visited{text-decoration:none; color:#545454;font-weight:bold;font-size:18pt;line-height:20pt;}
a.deliveryc:hover {	text-decoration:none;	color:#545454;font-weight:bold;font-size:18pt;line-height:20pt;}
*/

a:link {
	 COLOR: #545454; TEXT-DECORATION: none
}
a:visited {
	 COLOR: #545454; TEXT-DECORATION: none
}
a:active {

	COLOR: #545454; TEXT-DECORATION: none
}
a:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}

A.topnavi:link	{
	text-decoration:none; 
	background-color: #b5b5b6;
    color: white;
    font-family: "NanumGothic";
    font-size: 1.1em;
    font-weight: 500;
    height: 70px;
    width: 90%;
    text-align: center;
}
A.topnavi:visited	{
	text-decoration:none; 
	background-color: #b5b5b6;
    color: white;
    font-family: "NanumGothic";
    font-size: 1.1em;
    font-weight: 500;
    height: 70px;
    width: 90%;
    text-align: center;
}
A.topnavi:active	{
	text-decoration:none; 
	background-color: #b5b5b6;
    color: white;
    font-family: "NanumGothic";
    font-size: 1.1em;
    font-weight: 500;
    height: 70px;
    width: 90%;
    text-align: center;
}
A.topnavi:hover	{
	text-decoration:none; 
	background-color: #b5b5b6;
    color: white;
    font-family: "NanumGothic";
    font-size: 1.1em;
    font-weight: 500;
    height: 70px;
    width: 90%;
    text-align: center;
}

.main_banner {
    width: 100%;
}

.table_bg {
    background-color: #b5b5b6;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.title_table {
    background-color: #b5b5b6;
    color: white;
    font-family: "NanumGothic";
    font-size: 1.1em;
    font-weight: 500;
    height: 70px;
    width: 90%;
    text-align: center;
}

.subtitle_table_wrap {
    background-color: #fff;
    color: black;
    width: 100%;
}


.subtitle_table_wrap a{text-decoration:none;color:gray;}
.subtitle_table_wrap a:hover{text-decoration:none;color:gray;}
.subtitle_table_wrap a:link {text-decoration:none;color:gray;}
.subtitle_table_wrap a:visited {text-decoration:none;color:gray;}
.subtitle_table_wrap a:active {text-decoration:none;color:gray;}


.subtitle_table {
    background-color: #fff;
    font-family: "NanumGothic";
    font-size: 1em;
    font-weight: 500;
    height: 50px;
    width: 60%;
    text-align: center;
    display: block;
    margin-left: 50px;
}

.subtitle_table ul li {
    background-color: #eee;border-radius: 20px;float: left;margin-right: 20px;padding: 5px 10px;}

.table_login {
    background-color: white;
    width: 100%;
}

.title_login {
    color: gray;
    font-family: "NanumGothic";
    font-size: 1em;
    font-weight: 500;
    height: 70px;
    width: 100%;
}

.login_box {
    width: 330px;
    height: 80px;
    margin-top: 100px;
    margin-bottom: 135px;
    color: gray;
    font-family: "NanumGothic";
    font-size: 1em;
    font-weight: 500;
}

.subtitle {
    color: gray;
    font-family: "NanumGothic";
    font-size: 1.7em;
    font-weight: 400;
    height: 100px;
    width: 100%;
    text-align: center;
}

.subtitle2 {
    color: gray;
    font-family: "NanumGothic";
    font-size: 1.5em;
    font-weight: 400;
    height: 100px;
    width: 100%;
    text-align: center;
}

.table_style td {
    line-height: 2.3em;
}

/* tab css 시작*/
#order_wrap {
    width: 90%;
    margin: 0 auto;
    color: gray;
    font-family: "NanumGothic";
    font-size: 14px;
    font-weight: 600;
}

ul.tab{
	padding:0;
}

ul.tab li{
	list-style-type:none;
	width:80px;
	height:40px;
	float:left;
}

/* 미선택시 css*/

ul.tab li a{
	outline:none;
	background:url("../images/tab_bg.jpg");
	display:block;
	color: #333;
    font-family: "NanumGothic";
    font-size: 15px;
    font-weight: 400;
	line-height:40px;
	text-align:center;
}

/* 선택시 css*/

ul.tab li a.selected{
	background:url("../images/tab_bg2.jpg");
	text-decoration:none;
	color:#333;
	cursor:default;
}

ul.panel{
	clear:both;
	border:1px solid #9FB7D4;
	border-top:1px solid #9FB7D4;
	padding:0;
}

ul.panel li{
	list-style-type:none;
	padding:10px;
    text-indent:1em;
	color:#333;
}

/* tab css 끝*/

.table_style {
    line-height: 50px;
}

.table_style tr {
    border-bottom: 1px dashed gray;
}

.btn_wrap {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 50px;
}

.btn_left {
    float: left;
}

.btn_right {
    float: right;
}

/* footer */
	    .footer_wrap {
	        width: 100%;
	        height: 200px;
	        background-color: black;
	    }
	    .footer {
	        clear: both;
	    }
	    .footer_logo {
            text-align: center;
/*            width: 30%;*/
            padding: 5px;
	    }
	    .footer_text {
	        padding-left: 10px;
	        text-align: center;
	        font-family: "NanumGothic";
	        font-weight: 300;
	        font-size: 0.7em;
	        color: white;
	        line-height: 1.8em;
	    }
	    .footer_text a:link,
	     .footer_text a:visited,
	     .footer_text a:hover {
	        text-decoration: none;
	        color: white;
	    }

/* 매출분석*/

    .anal_wrap {
        width: 96%;
        text-align: right;
    }

.anal_box {
    border: 2px solid gray;
    line-height: 40px;
}

.anal2_box {
    border: 3px solid gray;
    line-height: 50px;
}

.costanalysis_box {
   border:solid 1px #d9d9d9;
    line-height: 30px;
	
}
.costanalysis_box td { border:solid 1px #d9d9d9;padding-right:5px;}
.tdbgcolor1 { font-weight:bood; background:#92d050;}
.tdbgcolor2 { font-weight:bood;background:#ffff00;}
.tdbgcolor3 { font-weight:bood;background:#f2dddc;}
.tdbgcolor4 { background:#ffff00;}
.tdbgcolor5 { font-weight:bood;color:#ff0000;background:#ffff00;}

.total_title {
    text-align: center;
    font-family: "NanumGothic";
    font-size:17px;
    font-weight: bold;
    color:#454545;
    line-height:40px;
    border: 2px solid gray;
}

.tr_style {
    line-height: 50px;
    border-bottom: 1px solid #ecefee;
}

    .anal_input_wrap {
        width: 330px;;
        text-align: right;
        font-size:0.9em;
        letter-spacing: -2px;
        color: #454545
    }


.pagenavi {position:relative;line-height:20px;text-align:center;padding:17px 0 10px 0;display:inline-block;}
.pagenavi span{display:inline-block;min-width:18px;max-width:45px;margin:0 1px;font-size:11px;padding:3px 4px 0 2px;border:1px solid #eaeaea;background:#fff;font-weight:bold;letter-spacing:-1px}
.pagenavi a{display:inline-block;color:#737373;font-size:11px;letter-spacing:-1px;cursor:pointer; text-decoration:none;  text-decoration:none;}
.pagenavi a:hover span{background:#f9f9f9;color:#ff7800;border:1px solid #ff7800;text-decoration:none;cursor:pointer; text-decoration:none;}
.pagenavi strong span{background:#fff;color:#ff7800;border:1px solid #ff7800;font-size:11px;cursor:pointer}
.pagenavi .frst,.pagenavi .frst:hover{background:url(/skin/page/frst.gif) no-repeat center center; cursor:pointer}
.pagenavi .last,.pagenavi .last:hover{background:url(/skin/page/end.gif) no-repeat center center;cursor:pointer}
.pagenavi .prev,.pagenavi .prev:hover{background:url(/skin/page/prev.gif) no-repeat center center;cursor:pointer}
.pagenavi .next,.pagenavi .next:hover{background:url(/skin/page/next.gif) no-repeat center center;cursor:pointer}


