﻿/* CSS Document */
@font-face{
font-family:'Nanum Gothic';
	font-style: normal;
	font-weight: normal;
	src:url('/common/fonts/NanumGothic.eot');
	src: url('/common/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('/common/fonts/NanumGothic.ttf') format('truetype');
	src:local(※), url('/common/fonts/NanumGothic.woff') format('woff');
}


body {
    font-family: "Nanum Gothic", sans-serif !important;
	font-size:12px;
}

img {
	border:0px;
}
a:link { text-decoration: none; }

.b:link {
	color: #555555;
	text-decoration: none;
}
.b:visited {
	color: #555555;
	text-decoration: none;
}
.b:hover {
	color: #000000;
	text-decoration: none;
}
.b:active {
	color: #3f75ab;
	text-decoration: none;
	}	
	
	
BODY {
margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:
}


td tr {
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	line-height:18px;
	color: #333333;
}

.text01 {
    font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	line-height:14px;
	color: #666666;
}
.text_title {
	color: #734f98;
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 15px;
	font-weight:bold;
	line-height:21px;
}
.text02 {
	color: #333333;
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	line-height:21px;
}

.text03 {
	color: #666666;
    font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	line-height:24px;
}
.text04 {
	color: #333333;
    font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	line-height:15px;
}
.text05 {
	color: #666666;
    font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	line-height:16px;
}


.inpputstyle {
	border: 1px solid #CCCCCC;
}


/*top bar color*/
//.dbcolor {background-color: #F3631A;}
.dbcolor {background-color: #4e84b2;}

/*bg color*/
.dbtop {padding-top: 9px;font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 11px;color: #000000;background-color: #ffffff;}
.dbleft9 {padding-top: 11px;font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: 666666;padding-left: 9px;background-color: #FFFFFF;}
.dbtop9 {padding-top: 9px;font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: 666666;background-color: #ffffff; }
.dbbgcolor {background-color: #ffffff;}
.dbviewleft {padding-left: 7px;font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: 666666;background-color: #ffffff; height:38px;word-break:break-all;}
.dbdutgulcontants {font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 11px;padding-left: 18px;padding-top: 5px;padding-bottom: 5px;color: #666666;background-color: #ffffff;}
.dbdutgultit {font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: #CC8948;padding-top: 5px;padding-bottom: 5px;background-color: #ffffff;}
.dbtop14left11 {padding-top: 14px;padding-left: 11px;padding-bottom: 14px;padding-right: 11px;font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: 666666;background-color: #ffffff;}

/*dutgul title color .dbdutgultit */

/*view left color*/
.dbcolorleft {font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 11px;color: 666666;background-color: #f2f2f2;font-weight:bold;}

/*dutgul bg color*/
.dbdutgukbg {background-color: #EFEFEF;}
.dbdbtxt {font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: 666666;background-color: #F4F4F5;}

/*input,select,textarea style*/
.dbINPUT {
	FONT-SIZE: 12px;
	COLOR: #666666;
	FONT-FAMILY:  "Nanum Gothic", "Gulim", "Dotum";
	BORDER: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	height: 19px;
	padding-top: 2px;
}
.dbtextarea{ FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 14px; FONT-FAMILY: "Gulim,Dotum"; BORDER: #cccccc 1px solid; }
.dbselect {font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 12px;color: #666666;background-color: #FFFFFF;}

/*line color*/
.dbcolorline {background-color: #C4C4C4;}

/*link color*/
A.dblink:link {font-family:  "Nanum Gothic", "Gulim", "Dotum";TEXT-DECORATION: none;color: #666666; font-size:12px;}
A.dblink:visited {font-family:  "Nanum Gothic", "Gulim", "Dotum";TEXT-DECORATION: none;color: #666666; font-size:12px;}
A.dblink:active {font-family:  "Nanum Gothic", "Gulim", "Dotum";TEXT-DECORATION: underline;color: #666666; font-size:12px;}
a.dblink:hover {font-family:  "Nanum Gothic", "Gulim", "Dotum"; text-decoration:underline;color: #666666; font-size:12px;}



.dbdutcolorleft {
	background-color: #F9F9F9;
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	color: 107F98;
	padding-top: 6px;
	padding-bottom: 6px;
}
.dbdotum {
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	color: 666666;
}


.dbwritetopbottom {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 18px;
}
.dbtop8 {
	padding-top: 8px;
	background-color: #F9F9F9;
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	color: 666666;
}

.dbdutnone {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 18px;
}
.dbt12b12 {
	padding-top: 12px;
	padding-bottom: 12px;
}
.dbleft5 {
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.dbproductpic {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.dbt5b5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.dbsitemap {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	color: 787878;
}
.dbt3l3r3 {
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	color: 848484;
}
.dbt13 {
	padding-top: 13px;
}

.dbtxtstrong {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-weight: bold;
}
.dbdutgul01 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	color: 696969;
}
.dbbold {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: d31414;
	font-weight: bold;

}
.dbsearch {border: 3px solid #ECECEC;}
.dbpaging {font-family:  "Nanum Gothic", "Gulim", "Dotum";font-size: 11px;color: #000000;}
.dbidseachtxt01 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	color: 676767;
}
.dbidseachtxt02 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 11px;
	color: 676767;
	font-weight: bold;

}
/*box*/
.box_01 {
	font-family: "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 166px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
}
.box_02 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 100px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
}
.box_03 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 40px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
}
.box_04 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 150px;
	width: 450px;
	padding-top: 3px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
}
.box_05 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 400px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
	}
	.box_06 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 132px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
	}
	.box_07 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 19px;
	width: 60px;
	padding-top: 2px;
	padding-left: 3px;
	border: 1px solid #B4B4B4;
	}

	.big_01 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	height: 165px;
	width: 662px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom:3px;
	padding-right:3px;
	border: 1px solid #C0C0C0;
}
	.big_02 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	height: 500px;
	width: 710px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom:3px;
	padding-right:3px;
	border: 1px solid #C0C0C0;
}
	.big_03 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 88px;
	width: 545px;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #B4B4B4;}

	.big_04 {
	font-family:  "Nanum Gothic", "Gulim", "Dotum";
	font-size: 12px;
	color: #434343;
	background-color: #ffffff;
	height: 250px;
	width: 528px;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #B4B4B4;}

.8sdad {
	font-family: "kroeger 05_55";
	font-size: 8px;
	color: #FFFFFF;
	font-weight:bold;
}

a.link01:link { font-size:11px; font-family: "굴림"; text-decoration:underline; color:#666666;}
a.link01:visited { font-size:11px; font-family: "굴림"; text-decoration:underline; color:#666666;}
a.link01:active { font-size:11px; font-family: "굴림"; text-decoration:underline; color:#666666;}
a.link01:hover { font-size:11px; font-family: "굴림"; color:#666666; text-decoration:underline;}

a.link02:link { font-size:11px; font-family: "굴림"; text-decoration:none; color:#666666;}
a.link02:visited { font-size:11px; font-family: "굴림"; text-decoration:none; color:#666666;}
a.link02:active { font-size:11px; font-family: "굴림"; text-decoration:none; color:#666666;}
a.link02:hover { font-size:11px; font-family: "굴림"; color:#666666; text-decoration:none;}

a.link03:link { font-size:12px; font-family: "굴림"; text-decoration:none; color:#565656;}
a.link03:visited { font-size:12px; font-family: "굴림"; text-decoration:none; color:#565656;}
a.link03:active { font-size:12px; font-family: "굴림"; text-decoration:none; color:#565656;}
a.link03:hover { font-size:12px; font-family: "굴림"; color:#325677; text-decoration:none;}

ul, li { list-style:none;}


/**************************************** top css **********************************************/

/**************************************** top css **********************************************/

.top-menu-ul {
	margin:0;
	padding:0;
}

.head-menu {height:20px; text-align:right; position:absolute; left:900px; margin-top:-60px; }
.head-menu a {color:#999999; text-decoration: none; font-weight:bold;  font-size:12px;padding:8px; }

.top-menu-ul > li { 
	margin:0; padding:0;
	float:left;
	height:55px;
	padding:0 40px;
	font-weight:600;
	font-size:18px;
	position:relative;
}

.top-menu-ul > li.last {padding-right:0; background:none;}
.top-menu-ul > li > a { color:#494949; text-decoration: none;}
.top-menu-ul > li > a:hover { color:#0f53a8; text-decoration: none;}

.top-menu-ul > li > .sub-menu {
	margin:0; padding: 0;
	height:37px;
	position:absolute;
	top:55px;
	display:none;
	margin-right:20px;
}

.top-menu-ul > li > .sub-menu > li.sub-menu-li {
	margin:0; padding: 0 10px;
	float:left;
	font-size:13px;
	height:37px;
	line-height:37px;	
	color:#FFFFFF;
}
.top-menu-ul > li > .sub-menu > li.back-none {
	margin:0; padding: 0;
	float:left;
	font-size:13px;
	color:#FFFFFF;
}
.top-menu-ul > li > .sub-menu > li.sub-menu-li > img {vertical-align:middle;}

.top-menu-ul > li > .sub-menu > li.sub-menu-li > a { color:#FFFFFF;  text-decoration: none;}
#sub-menu-m1 {left:10px; width:300px;}
#sub-menu-m2 {left:10px; width:534px}
#sub-menu-m3 {left:-100px; width:610px;}
#sub-menu-m4 {left:0px; width:290px;}
#sub-menu-m5 {left:-50px; width:660px;}

.top-menu-ul > li > .sub-menu > li > .menu-arrow {position:absolute; top:-8px; opacity:0.9}
#arrow-m1 { left: 120px;}
#arrow-m2 { left: 110px;}
#arrow-m3 { left: 100px;}
#arrow-m4 { left: 42px;}
#arrow-m5 { left: 500px;}

#bar_top { 
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* IE 7 and olders */
       opacity: .9; 
	   height:37px; background-color:#606264; position:relative; z-index:1;
}
	
.left-menu {height:100%; background-color:#ffffff; border-left:1px #dfdfdf solid;border-right:1px #dfdfdf solid; }
.left-menu >.left-a-link { display:block; width:230px; height:40px; margin:0 auto; line-height:40px; border-bottom:1px #dfdfdf solid; color:#5a5a5e; font-size:14px; font-weight:normal; text-indent:32px; background:url('/skin/37/img/icon_bullet05.gif') 16px 16px no-repeat;}
.left-menu > .left-a-link-last { display:block; width:230px; height:40px; margin:0 auto; line-height:40px; border-bottom:1px #dfdfdf solid; color:#5a5a5e; font-size:14px; font-weight:normal;
background:url('/skin/37/img/icon_bullet05.gif') 16px 16px no-repeat; text-indent:32px;}
.left-menu > .on {font-weight:bold; color:#393332}


/********************** MAIN ************************/
.wrap{position:relative}

.main_top_div {margin:0 auto; width:1000px;}
.sample_main_top_bg{background-image:url("../img/main_img_20170118.jpg"); position:relative; z-index:0; width:1000px; height:500px;}
.sample_top {position:relative; top:153px; left:153px; text-align:center;}
.sample_top p {font-size:50px; color:#0d6cc6; font-weight:bold; margin:0 auto;}
#main_bg_img { width:100%; height:500px; position:absolute }

.main_middle_div {margin:0 auto; width:100%; height:520px; background-color:#243c54;}
.middle_div {margin:0 auto; width:1000px; height:420px; padding-top:50px;}


.middle_img_div {position:relative; float:left; width:260px; height:210px;}
.tax_news {position:relative; width:430px; height:210px; margin:0px; padding:0px 20px 0px 30px; float:left; background-color:#ffffff;}
.tax_news_tit {height:30px;  border-bottom:1px solid #233b53; padding-top:30px;}
.tax_news_more {margin:0px; padding:0px; font-size:16px; color:#333333; font-weight:bold;}
.tax_news_more img {float:right;margin-top:-17px;cursor:pointer;}
.middle_img {width:260px; height:210px;  cursor:pointer;}
.customer_center {position:relative; width:480px; height:210px; margin:0px; float:left; background:url('../img/icon_m05.gif')} 
.customer_center_div {width:450px; height:30px; padding-left:17px; font-size:23px; font-weight:bold; margin-top:125px; line-height:1.4em; color:#333333;}


.top-bar {
	width:100%; height:40px; background-color:#606264; position:absolute; z-index:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
       filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); /* IE 7 and olders */
       opacity: .9; 
}
.sub_main {background:url('../img/sub_img.jpg') right no-repeat;}

.tabcon {float:left;margin:0;padding:0;font-size:13px; }
.tabcon a {text-decoration:none; }
.tabcon.first img { top:5px; position:relative;}
.tabcon.second {width:260px;text-align:left;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; float:left; padding-left:10px;}
.tabcon.second a {color:#333333}
.tabcon.third {padding-left:70px;}
.tabcon.third a {color:#999999}
.rect_img {cursor:pointer; cursor:hand; }


/********************** BOTTOM ************************/
#bottom_div {background-color:#212d3b; width:100%; height:100px;}
#bottom_div_top {width:100%; height:30px; padding-top:10px;}
#bottom_div_con {width:1000px; height:30px; margin:0 auto; position:relative}
.quick-link {padding-left:0px}

#bottom_div_mid {width:100%; height:60px;}
#bottom_div_con {width:1000px; height:30px; margin:0 auto; position:relative}
#bottom_div_txt {padding-top:10px;font-size:13px;color:#888b90; line-height:1.4em}

#link_page {position:absolute; left:780px; top:-10px;}
#link_page #link_select {width:123px;height:27px;border:1px solid #212d3b;}

#admin_login {position:absolute; left:910px; border:1px solid #212d3b; top:-10px;}
#admin_login a {display:block; width:108px;height:25px;}

.quick-link {padding-top:12px; font-size:13px; color:#888b90;  }
.quick-link > span { margin-right:10px;}
.quick-link a {color:#888b90; text-decoration: none;font-weight:bold;}

.admin_login_btn{width:108px;height:25px;border:none;background-color:#858585;color:#ffffff;font-weight:bold;cursor:pointer;line-height:25px;text-align:center;font-size:13px}

#etaxcontent .b_table {border-collapse:collapse; }

