@charset "utf-8";
/* Web Standardization Team Minam Seo 20131114 */ 
/* CSS Document */
@import url("board.css");


/*웹폰트*/
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
.fng { font-family:'나눔고딕', "Nanum Gothic", 'Nanum Gothic'; }
.fng { font-family:'Nanum Gothic Coding'; }





/* Type Selector:HTML 요소의 초기화를 선언 */
* { margin:0; padding:0; font: 12px/16px "Nanum Gothic", Arial, sans-serif; color: #333; } /* 전체 태그에 대하여 마진, 패딩, 서체크기, 서체종류 초기화 */
img, fieldset, button {border:0 none}
a:hover img { filter: Alpha(Opacity=70); opacity: 0.7; }
hr, button img {display:none}
ul,ol,li { list-style:none; }
em,address {font-style:normal} 
a {text-decoration:none; color: #333}
a:hover, a:active, a:focus {text-decoration:underline}
h1, h2, h3, h4, h5 { font-weight: bold; font-size: 13px; }
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
legend, caption {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0}
textarea {overflow:auto}
label {cursor:point;}   




/* Layout Selector:전역 레이아웃을 선언 */
body { text-align: center; margin: 0; padding: 0; } /* 배경, 가운데 정렬 레이아웃 */
.sub { background: url(../../images/user/bg_sub.jpg) repeat-x top; }
.sub_title {margin:70px 0 70px 0;}
.sub_title_h3 {font-size:36px; line-height:36px; margin-bottom:25px; color:#555555; font-weight:600;}
.sub_title_p {font-size:11px; line-height:inherit; color:#555555;}
.sub_contents { background-image:url(../../images/user/sub_bg_cont.jpg); width:920px; padding:40px; overflow:hidden; margin-bottom: 30px; }
.sub_h4 {font-size:20px; color:#707070; margin-bottom:30px; font-weight:600; line-height:26px;}
.sub_cont_p { font-size:14px; color:#707070; line-height:20px;}
.sub_overview {margin:70px 0 80px 0; float:left; font-size:15px; color:#FFFFFF; font-weight:600;}
.sub_overview li {padding:10px 0px 10px 0px; border-bottom-color:#FFFFFF; border-bottom:1px solid #4e89b8; color:#FFFFFF}
.sub_brand { list-style-type:none; width:920px; overflow:hidden;}
.sub_brand li {width:440px; font-size:15px; color:#005699; font-weight:600; margin-bottom:30px; float:left;}
.sub_brand li p {font-size:13px; color:#707070; line-height:20px;}
.sub_tab {width:1000px; margin-bottom:15px; overflow:hidden;}
.sub_tab ul {list-style:none; height:40px; }
.sub_tab ul li{float:left; margin-right:4px; background-color:#FFFFFF;}
.sub_tab ul li a{ font-size:14px; text-decoration:none; padding:10px; display:block; }
.sub_tab .on a { font-weight:600; font-size:14px; list-style:none; color:#FFFFFF; background-color:#015698; }
.box { width:920px; padding:40px; overflow:hidden; margin-bottom: 30px; background: #FFF; }

#wrap { width: 100%; text-align: center; }
#wrap-sub { width: 100%; text-align: center; background: url(../../images/user/tit_top.jpg) no-repeat center top; padding-top: 200px; }
#header { height: 95px; border-top:10px solid #1b4c8b; border-bottom:2px solid #1b4c8b; box-sizing: border-box;}
#header .header-area {display: flex; align-items: center; justify-content: space-between; margin: 0px auto; width: 1000px; height: 100%; box-sizing: border-box; }


#header .header-area .new_gnb {display: flex; gap:30px;}
#header .header-area .new_gnb li a {font-size: 16px; font-weight: bold; letter-spacing: -0.5px;}


#container { min-height:600px; height:auto !important; margin: 0px auto; text-align: left; width: 1000px; position:relative; }
#container .contents { width: 1000px; padding: 20px 0px 0px; right; background: url(../../images/user/bg_container.jpg) repeat-y; }

/* 헤더영역 하위속성-공통 */
/* #header .logo { float: left; width: 285px; display: block; } */

#header .top-navi { position: absolute; top: 5px; width: 1000px; text-align: right; }
#header .top-navi li { display: inline; }
#header .top-navi a { font-size: 10px; text-decoration: none; color: #999; }
#header .top-navi a:hover { color: #CCC; }

/* 헤더글로벌메뉴영역 하위속성-공통 */
#header .gnb { height: 95px; float: right; width: 715px; display: block; text-align: right; }
#header .gnb li { display: inline; }
#header .gnb-sub { position: absolute; top: 95px; width: 430px; z-index: 100; height: 30px; clear: both; }
#header .gnb-sub #n1 { height: 20px; color: #333; padding: 5px 0px 5px 20px; position: absolute; text-align: left; width: 410px; margin-left: 570px; visibility: hidden; }
#header .gnb-sub #n2 { height: 20px; color: #333; padding: 5px 0px; position: absolute; text-align: right; width: 430px; margin-left: 570px; visibility: hidden; }
#header .gnb-sub li { display: inline; }
#header .gnb-sub li a{ color: #333; text-decoration: none; }
#header .gnb-sub li a:hover { color: #333; font-weight: bold; }

#slider {
	position:absolute;
	width:1000px;
	height:640px;
	overflow:hidden;
	z-index:1;
}
.items {display:none}
.pagination { position:absolute; z-index:2; top: 325px; left:50%; margin-left:-30px;}
.pagination li {float:left;padding-left:3px}
.pagination a { display:block; width:17px; height:17px; background:url(../../images/user/buttons.png) no-repeat right 0; text-indent:-9999px }
.pagination a:hover, .pagination .current a {background-position:left}

.banner { position:absolute; top:50px; z-index:2; color:#a0a0a0; width:550px; display: block; right: 420px; }
.title .color2 {color:#000}
.title span {display:block;margin-top:-17px}
.banner .button1 {font-size:28px;padding:0 24px;height:49px;line-height:46px;margin-top:-1px;letter-spacing:-2px}
.banner .button1:hover {background:#090909;color:#fff}
#container .main_banner { z-index: 10000; position: absolute; top: 525px; }
#container .main_banner li { display: inline; width: 250px; float: left; }

#container .call_center { padding-top: 640px; }
#container .lnb { background: url(../../images/user/bg_lnb.jpg) no-repeat; height: 60px; padding-top: 10px; padding-left: 60px; }
#container .lnb li { display: inline; float: left; padding-right: 15px; }
#container .lnb li a { text-decoration: none; font-size: 13px; }
#container .lnb li a:hover { font-weight: bold; }





/* 푸더영역 하위속성-공통 */
#footer { text-align: center; clear: both; }
#footer .copy { margin: 0px auto; width: 1000px; height: 80px; text-align: left; }
#footer .copy li { display: inline; }
#footer .copy .copy-menu { margin: 0px 0px 10px; }
#footer .copy p { font-size: 11px; color: #666; margin: 0px 0px 3px; }
#footer .copy a   { color: #168e7d; text-decoration: none; font-size: 11px; }
#footer .copy .number { margin-left: 10px; }

#footer .copy a:hover{ color: #333; }
#footer .copy .copy-info { width: 1000px; }

.retal_table {margin-top:5px; margin-bottom:30px;}
.retal_table th , .retal_table td {padding:10px; text-align: center;}
.retal_table thead th {border-top:1px solid #3e4648; background-color: #68829b; color:#fff; font-weight: bold; border-left:1px solid #c6ddef;}
.retal_table tbody th {background-color: #eff7fa;}
.retal_table tbody th, .retal_table tbody td {border-bottom:1px solid #d3d8db;}
.retal_table tbody td {border-left:1px solid #d3d8db;}
.retal_table tbody td b {color:#ff0000; font-weight: bold;}