html, body{
	min-width:auto;
}

body a{
	color:#000;
}

/* layout */
.xlayout,
.xlayout-content{
	width:auto;
}

.layout-content{
	padding-top:15px;
}

.layout-main .layout-content{
	padding-top:0px;
}

.subnav{
	height:auto;
	position:inherit;
	width:auto;
}

table th{ 
	background-color:#fbfbfb;
	vartical-align:middle;
}

.foot{
	background-color:#EFEFEF;
	color:#777777;
	margin-top:15px;
	font-size:12px;
	border-top:1px solid #ccc;
}

.foot .logo{
	width:90%;
	max-width:120px;
	min-width:50px;
}
.foot .container{
	padding:20px 15px;
}
.foot a{
	color:#777777;
}

.foot .company{
	line-height:30px;
}

.foot .copyright{
	font-size:11px; 
	color:#707070;
}

.foot .company-info li{
	margin-bottom:4px;
}


.foot .utils{
	border:1px solid #ccc !important;
	padding-top:15px;
}

.foot .utils ul > li > a{
	display:inline-block;
	padding:4px 0px;
	width:120px;
	font-weight:bolder;
}

.member.login{
	margin-bottom:30px;
}

.member.login .title{
	font-size:50px;
	font-weight:bolder;
}

.member.login .outer{
	border:1px solid #e1e1e1;
	border-top:6px solid #434343;
	padding:20px 0px;
	background-color:#fbfbfb;
}

.member.login .outer > form{
	background-color:#fff;
	border:1px solid #e1e1e1;
	padding:50px 30px;
}

.member.login .outer > form .btn-join{
	border-color:#0f4794;	
	color:#0f4794;
}

.main.index .nav-tabs{
	border:1px solid #e1e1e1;
	background-color:#fbfbfb;
}

.main.index .nav-tabs li a,
.main.index .nav-tabs li a:hover,
.main.index .nav-tabs li a:active,
.main.index .nav-tabs li a:focus{
	border-radius:0px;
	border-top-width:0px;
	font-weight:bolder;
	padding:8px 12px;
	color:#676767;
	margin:0px;
	font-size:14px;
	font-family:'NanumSquare';
	vertical-align:top;
}

.main.index .nav-tabs li a span{
	margin-right:4px;
}

.main.index .nav-tabs li:first-child a{
	border-top:none;
	border-left:none;
}

.main.index .nav-tabs li.active a{
	color:#000;
}

.main.index .tab-content.articles{
	padding:10px 10px 10px 10px;
	border:1px solid #e1e1e1;
	border-top:none;
	overflow:hidden;
	margin-bottom:0px;
}

.main.index .tab-content.articles ul{
	margin:0px;
}


.main.index .section-row .section-left{
	padding-right:0px;
}

.main.index .section{
	background-color:#fff;
}

.main.index .section-welcome{
	background:#d9e0d9;
	margin-bottom:15px;
}

/*
.main.index .section-welcome .bg{
	overflow:hidden;
	height:219px;	
	background:#d9e0d9 url( '/resource/img/main_intro_03.png?t=3' ) no-repeat;
}

.main.index .section-welcome .item{
	display:none;
	font-size:25px;
	font-family:'NanumSquareB';
	font-weight:bolder;
	color:#fff;
	margin-top:70px;
	margin-left:30px;
}

.main.index .section-welcome .item > span{
	font-size:50px;
	vertical-align:middle;
}

*/

.main.index .section-welcome .bg{
	overflow:hidden;
	height:auto;
	background:none;
}


.main.index .section-welcome{
	overflow:hidden;
	height:240px;	
	background:#fff url( '/resource/img/main_intro_03.png' ) no-repeat;
	background-size:cover;
	background-position-y:50%;
	background-position-x:50%;
}

.main.index .section-welcome .ft,
.main.index .section-welcome .login-box{
	padding:30px;
}

.main.index .section-welcome .ft{
	font-size:20px;
}

.main.index .section-welcome .item{
	display:none;
	font-family:'NanumSquareB';
	font-weight:bolder;
	color:#000;
	background-color:#fff;
	opacity:0.5;
	padding:10px 30px;
	height:178px;
}

.main.index .section-welcome .item > h1{
	font-size:1.3em;
	margin-bottom:35px;
	font-weight:bolder;
}

.main.index .section-welcome .item > p{
	font-size:1em;
}

.main.index .login-box{
	text-align:left;
}

.main.index .section-bbs .tab-pane ul li > *,
.main.index .section-notice .tab-pane ul li > *{
	overflow:hidden;
}

.main.index .section-bbs{
	margin-bottom:15px;
}

.main.index .section-bbs .tab-pane ul li{
	line-height:22px;
	white-space:nowrap;
}

.main.index .section-bbs .tab-content{
	height:130px;
}

.main.index .section-notice{
	margin-bottom:15px;	
}

.main.index .section-notice .tab-pane ul li{
	line-height:22px;
	white-space:nowrap;
}

.main.index .section.section-customer{
	background-color:#cfaf76;
	color:#fff;
	text-align:center;
	padding:10px 10px;
}

.main.index .section-customer .worktime{
	margin-bottom:5px;
	line-height:25px;
	height:25px;
}


.main.index .section-customer .worktime .title{
	font-size:15px;
	font-weight:bolder;
}

.main.index .section-customer .worktime .holiday{
	color:#772200;
	font-size:11px;
}


.main.index .section-customer .contact .glyphicon{
	float:left;
	width:30%;
	line-height:60px;
	font-size:51px;
}

.main.index .section-customer .contact .tel{
	font-weight:bolder;
	font-family:arial;
	float:right;
	display:inline-block;
	width:70%;
	background-color:#b08842;
	height:35px;
	line-height:35px;
	font-size:25px;
}

.main.index .section-customer .contact .fax{
	float:right;
	background-color:#434343;
	padding:2px 10px;
	width:70%;
	font-weight:bolder;
	font-family:arial;
	height:27px;
	line-height:27px;
	font-size:18px;
}


.main.index .section-bank{
	background-color:#fff;
	padding:4px 10px;
	border:1px solid #e1e1e1;
	margin-bottom:15px;
}

.main.index .section-bank .a1{
	padding-top:0px;
}

.main.index .section-bank .a1 .t1{
	float:left;
	text-align:center;
	width:30%;
	padding-top:5px;	
	font-size:13.51px;
	line-height:33px;
}

.main.index .section-bank .a1 .inbox{
	float:right;
	width:70%;
	padding-left:10px;
}

.main.index .section-bank .a1 .inbox .t2{
	font-size:10px;
}

.main.index .section-bank .a1 .inbox .t3{
	display:block;
	font-size:20px;
	color:#0080ca;
	font-weight:bolder;
	font-family:arial;
}

.main.index .section-bank .a1 .inbox .t3 a{
	color:#0080ca;
}

.main.index .section-robot{
	border:1px solid #e1e1e1;
	margin-bottom:15px;
}

.main.index .section-robot .description{
	margin-bottom:4px;
}

.main.index .section-robot .counter{
	padding:10px;
	border-bottom:1px solid #e1e1e1;	
}

.main.index .section-robot .counter .title-box .title{
	font-weight:bolder;
}

.main.index .section-robot .counter .title-box .date{
	float:right;
	font-size:11px;
	color:#7a7a7a;
}

.main.index .section-robot .counter .inbox .count span{
	line-height:24px;
}

.main.index .section-robot .counter .inbox .count{
	width:45%;
}
.main.index .section-robot .counter .inbox .count .t1{
	text-align:left;
	display:inline-block;
	width:50%;
}

.main.index .section-robot .counter .inbox .count .t2{
	text-align:right;
	display:inline-block;
	width:45%;
}

.main.index .section-robot .counter .description{
	font-size:11px;
	color:#bebebe;
	margin-top:5px;
}

.main.index .section-robot .chart{
	padding:10px;
}

.main.index .section-robot .chart .title-box .title{
	font-weight:bolder;
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
}

.main.index .section-robot .chart .title-box .term{
	float:right;
	font-size:11px;
	color:#7a7a7a;
}

.main.index .section-robot .chart #counterLegend{
	display:inline-block;
}

.main.index .section-robot .chart .counter-chart{
	width:100%;
	height:120px;
}

.main.index .section-quick{
	border:1px solid #e1e1e1;
	border-top:5px solid #FE8234;
}

.main.index .section-quick .box > div{
	text-align:center;
	padding:0px;
}

.main.index .section-quick .box > div span{
	float:right;
	font-size:14px;
	font-family:'NanumSquareB';
	font-weight:bolder;
	display:block;
	text-align:right;
	margin-top:auto;
}

.main.index .section-quick .box > div:hover{
	background-color:#FE8234;
}

.main.index .section-quick .box > div:hover span{
	color:#fff !important;
}
.main.index .section-quick .box > div > a{
	display:block;
	overflow:hidden;
	padding:38.1px 15px;
	height:136.1px;
}

.main.index .section-quick .box > div > a > img{
	width:40%;
	max-width:70px
}

.main.index .section-quick .box > div .item-head{
	xfont-family:'Flaticon';
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
}

.main.index .section-quick .box > div .item-head:before{
	font-size:25px;
	font-weight:bolder;
	margin:0px;
	vertical-align:middle;
	
}

.main.index .section-quick .box > div .item-head > .glyphicon{
	font-size:25px;
	font-weight:normal;
}

.main.index .section-quick .box > div .item-content{
	display:table-cell;
	text-align:left;
}

.main.index .section-quick .box > div .item-content > .title{
	font-family:'NanumSquareB';
	font-weight:bolder;
	font-size:13px;
	line-height:30px;
}

.main.index .section-quick .box > div .item-content > .description{
	line-height:15px;
	text-align:left;
}

.login.login-form,
.login.login-logged{
	border:none;
	padding:20px;
	background-color:rgba(0, 0, 0, 0.75);
	color:#fff;
	height:179px;
	margin:0px !important;
	width:100%;
}

.login.login-form a{
	color:#fff;
}

.login.login-form .fields{
	height:68px;
}

.login.login-form .fields > .right{
	padding-left:0px;
}

.login.login-form .fields > div{
	height:100%;
}
.login.login-form .fields input{
	margin-bottom:5px;
	width:100%;
}
.login.login-form .fields button{
	display:block;
	font-size:18px;
	height:100%;
	width:100%;
	font-family:'NanumSquare';
}
.login.login-logged p{
	background-color:#e1e1e1;
	padding:5px;
	color:#000;
}
.login.login-logged .counts{
	margin:15px 0px;
	display:block;
}

.login.login-logged .counts > li{
	display:table;
	width:100%;
}

.login.login-logged .counts .title,
.login.login-logged .counts .count{
	display:table-cell;
	width:50%;
}
.login.login-logged .counts .count a{
	color:yellow;
}

.kdb.kdb-terms dl > dt{
	font-size:15px;
	margin-bottom:5px;
}

.kdb.kdb-terms dl > dd{
	border-left:4px solid #ccc;
	padding-left:15px;
	margin-bottom:15px;
}

.search-box{
	background-color:#434343;
	padding:20px;
}

.search-box .help{
	color:#fff;
}

.doc.list-normal.PRINT table td{
	white-space: normal !important;
}

.organization{
	margin-top:15px;	
}

.organization .title{
	font-family:'NanumSquare';
	font-weight:bolder;
	font-size:18px;
	margin-bottom:10px;
}

.organization .logos{
	border:1px solid #ddd;
	height:80px;
	overflow:hidden;
	white-space: nowrap;
	background-color:#fff;
}

.organization .logos .scroll{
	display:inline-block;
	height:100%;
	background-color:#F7F7F7;
	border:1px solid #ddd;
	line-height:80px;
	padding:0px 5px;	
	position:relative;	
	z-index:300;
	cursor:pointer;
}
.organization .logos .scroll.scroll-left{
	border-width:0px 1px 0px 0px;
}
.organization .logos .scroll.scroll-right{
	border-width:0px 0px 0px 1px;	
}

.organization .logos > .items > a{
	width:270px;
	display:inline-block;
	height:78px;
	line-height:78px;
	text-align:center;
}
.organization .logos > .items > a > img{
	vertical-align:middle;
	max-width:180px;
}