@charset "utf-8";
/* CSS Document */
body{background-color:#f7f7f7;}

/**********************************************************************************
	공통클래스
**********************************************************************************/
.clear{clear:both;}
.space_between{display: flex;justify-content: space-between;}

/**********************************************************************************
	공통레이아웃
**********************************************************************************/
/* 헤더 */
header .tmenu{margin-top:10px;}
.container{width:1070px;margin:auto;padding:0 !important;}
.content-wrap{overflow:hidden;width:1070px;border:1px solid #e5e5e5;padding-bottom:10px;background-color:#FFF;}
.content{overflow:hidden;float:right;width:854px;padding:90px 30px;}
.content.sub{background:url('../images/sub_top_img.jpg') no-repeat 0 0;}
.gnb, .lnb{float:left;width:214px;padding-top:10px;}
.gnb{height:390px;}
.gnb > li > a, .lnb > li > a{display:block;height:29px;padding-left:28px;line-height:27px;font-family:'nsr';font-size:14px;color:#fff;font-weight:bold;}
.gnb li a + ul, .lnb > li a + ul{overflow:hidden;padding:10px 0 16px;}
.gnb li a + ul{margin-bottom: 12px;}
.gnb li a + ul a, .lnb > li a + ul a{display:block;height:25px;padding-left:42px;font-family:'nsr';font-size:13px;color:#fefeae;line-height:25px;font-weight:bold;}
.gnb li a + ul a:hover, .lnb > li a + ul a:hover{background-color: rgba(0, 0, 0, .2);color: #fff;}
.lnb{background-color:#6faff0;}
.lnb .main1, .lnb .main2{display:block;}
.lnb .submenu{display:none;background-color:#3567ad;}
.lnb > li:not(:last-child) a{border-bottom:1px solid rgba(255, 255, 255, .2);}
.lnb > li .submenu li a{border:none;}
.lnb > li .submenu li a:hover{background-color:#2c5691;color:#fff;}

/* 푸터 */
footer .list-inline{overflow:hidden;margin-top:10px;margin-bottom:20px;padding-left:5px;}
footer .list-inline > li{padding:0;}
footer .list-inline > li a{display:inline-block;color:#999 !important;}
footer .list-inline > li a:hover{color:#444 !important;}
footer .list-inline > li a + span{display:inline-block;width:11px;text-align:center;color:#c0c0c0;}
.footer > span{display:inline-block;margin-right:40px;vertical-align:top;}
.footer address{display:inline-block;font-style:normal;color:#999;}
.footer .copy{color:#c0c0c0;}


/**********************************************************************************
	메인
**********************************************************************************/
/* 비쥬얼영역 */
#vidual{display: inline-block;overflow: hidden;position: relative;width:854px;height: 390px;padding:40px 65px 0;font-family:'nsr';}
#vidual .item .space_between > div{position: relative;left: auto;width: 50%;}
#vidual .bx-wrapper{border: none;background: none !important;box-shadow: none;}
#vidual .caption small{padding:3px 8px;background-color:#0051b2;color:#fff;border-radius:4px;}
#vidual .caption h2{margin:8px 0 20px;font-size:36px;font-weight:bold;color:#fff;}
#vidual .caption h2 span{display:block; font-variant:small-caps;}
#vidual .go-detail{height:25px;padding-left:30px;background:url('../images/ico_details.png') no-repeat 0 0;line-height:25px;text-shadow:none;font-weight: bold;}
#vidual .carousel-indicators{position: absolute;top: 360px;}
#vidual .bx-wrapper .bx-prev{left: -40px;background: url(../images/controls.png) no-repeat 0 -32px;}
#vidual .bx-wrapper .bx-next {right: -40px;background: url(../images/controls.png) no-repeat -43px -32px;}
#vidual .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 15px;}
#vidual .bx-wrapper .bx-pager.bx-default-pager a{background-color: #fff;}
#vidual .bx-wrapper .bx-pager.bx-default-pager a:hover, #vidual .bx-wrapper .bx-pager.bx-default-pager a.active, #vidual .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #014eab;}
@media screen and (min-width:768px) {
	#vidual .caption {right: auto;left: 360px;text-align:left;}
}

/* 컨텐츠 영역*/
.notice{float:left;width:300px;margin-left:45px;}
.notice h3, .service h3, .cs h3{font-family:'nsr';font-weight:bold;color:#444;font-size:16px;margin-bottom:20px;font-weight:bold;}
.notice .more{margin-top:20px;}
.notice li{height:28px;padding-left:10px;line-height:28px;background: url('../images/dot.gif') no-repeat 0 center;}
.notice li a{display:inline-block;overflow:hidden;width:220px;white-space:nowrap;text-overflow:ellipsis;color:#666;}
.notice li a:hover{color:#000;}
.notice .date{color:#999;}
.service{float:left;width:385px;margin-left:50px}
.service > .pull-right{margin-top:30px;}
.service .bxslider2{overflow: hidden;width:350px;white-space: nowrap;}
.service .bxslider2 > div{display: inline-block;margin-right: 5px;vertical-align: top;}
.service .bxslider2 > div a{display: block;width: 80px;text-align: center;font-size: 13px;color: #808080;line-height: 1.2;white-space: pre-wrap;}
.service .bx-wrapper{padding: 3px 20px 5px;box-shadow: 0 0 4px #d5d5d5;}
.service .bx-wrapper img{display: block;margin-bottom: 5px;}
.service .bx-wrapper .bx-pager, .service .bx-wrapper .bx-controls-auto{top: 0;}
.service .bx-wrapper .bx-controls-direction a{top: 45%;margin-top: -20px;width: 19px;height: 19px;}
.service .bx-wrapper .bx-prev{left: 0;background: url(../images/controls1.png) no-repeat 0 -19px;}
.service .bx-wrapper .bx-next {right: 0;background: url(../images/controls1.png) no-repeat -27px -19px;}
.cs{float:left;width:180px;margin-left:40px;text-align:center;}
.cs p{margin:25px 0 5px;font-family:'nsr';font-weight:bold;font-size:24px;color:#2a6fc5;letter-spacing:-0.5px;}
.cs p + span{display:block;font-size:11px;color:#c0c0c0;}
.cs button{width:150px;height:30px;border:1px solid #e5e5e5;margin-top:15px;font-size:13px;color:#333;text-align:center;line-height:30px;padding-right:10px;background:#FFF url('../images/arr.png') no-repeat 110px center;}
.cs button:hover{background-color:#e2e2e2;border:1px solid #c0c0c0;}

/**********************************************************************************
	서브
**********************************************************************************/

.content-main{overflow:hidden;clear:both;margin: 20px 0 10px;width:1070px;}
.sub .top-img{position:absolute;right:0;top:0;}
.sub-title{border-bottom:1px solid #e5e5e5;padding-bottom:10px;margin:30px 0 10px;font-family:'nsr';font-weight:bold;}
.sub-title h2{font-size:36px;color:#333;letter-spacing:-0.5px;}
.sub-title small{display:block;margin-bottom:5px;font-size:14px;color:#999;letter-spacing:0;}

.intro{font-size:13px;line-height:1.6em;}
.intro img{margin-bottom:30px;}
.sign{margin:50px 20px 100px;text-align:right;}
.pduct-list{clear:both;min-height: 20px;padding:15px;margin-bottom:20px;background-color: #f5f5f5;border:1px solid #e3e3e3;font-family:arial;border-radius: 4px;}
.pduct-list li a{color: #333;}
.pduct-img{float:left;width:300px;margin-right:50px;}
.pduct-info{float:left;width: 440px;}
.pduct-info h2{margin:20px 0;font-weight:600;font-size:36px;letter-spacing:-0.5px;}
.dl-horizontal dt{width:80px;padding-left:10px;text-align:left;line-height:2;background:url('../images/p_dot.gif') no-repeat 0 center;}
.dl-horizontal dd{margin-left:80px;line-height:2;}
hr{clear:both;height:1px;margin:20px 0;}
.pduct-detail{clear:both;}
.data1 img{display: block;}
.data1 a{display: block;position: relative;padding-right: 20px;margin: 30px auto;width: 160px;height: 40px;line-height: 40px;text-align: center;font-weight: bold;font-size: 16px;letter-spacing: -.5px;background-color: #4D82B8;color: #fff;border-radius: 4px;}
.data1 a:after{display: block;content:"▶";position: absolute;left: 106px;top: 8px;width: 25px;height: 25px;line-height: 26px;border-radius: 50%;text-align: center;font-size: 10px;color: #fff;background-color: #003278;}

/* 게시판 */
.table {border-top:2px solid #3567ad;border-bottom:1px solid #999;}
.table > thead > tr > th{height:40px;padding:15px 5px;background-color:#F7F7F7;font-weight:normal;color:#333;border-bottom:1px solid #c0c0c0 !important;}
.table > tbody > tr > td{height:40px;padding:10px 5px;height:35px;text-align:center;}
.table > tbody > tr > td:nth-child(2){text-align:left;}

.table-header{display:block;margin-bottom:10px;}
.table-header  .form-inline{display:block;width:100%;}
.table-header  .form-inline  select{float:left;width:29%;margin-right:1%;}
.table-header  .form-inline  .input-group{width:70%;}
.table-header .total{width:100%;height:20px;line-height:40px;vertical-align:bottom;margin-bottom:10px;}
.table-header .input-group-addon{-webkit-appearance:none;border-radius:0;background-color:#ddd !important;}
.table-header .input-group-addon .glyphicon{background:none;}
.table-header input{box-shadow:none;}
.table-header select, .tbl-req select, .tbl-join select{height:34px;border:1px solid #ccc;color:#555;background:url('../images/select_arr.png') no-repeat 90% 50%;padding-right:30px;-webkit-appearance:none;-moz-appearance.nond;appearance:none;line-height:18px;vertical-align:middle !important;}
.tbl-req select, .tbl-join select{width:120px;}
.table-header select::-ms-expand, .tbl-req select::-ms-expand, .tbl-join select::-ms-expand{display:none;}
.pagination{margin:0;}
.glyphicon-list-alt{font-size:16px;color:#999;}
.table-list tr:hover{background-color:#fefee6;}
.table-list .subject {width:50%;border:1px solid #f00;}
.table-list .subject a{display:block;overflow:hidden;width:98%;white-space:nowrap;text-overflow:ellipsis;}
.table-write th, .table-write td{font-weight:normal;line-height:40px;text-align:left;vertical-align:middle !important;}
.table-write td input{width:100%;}
.table-write td textarea{height:300px;padding:20px;border-radius:0;}
.view_info{margin-top:20px;}
.view_info li{float:none;}
.view_info li span{display:none;}
.table > tbody > tr > td.view{text-align:left;word-break:break-all;}

/* 고객문의, 회원가입, 로그인 */
.tbl-req, .tbl-join{width:80%;margin:auto;border:1px solid #e2e2e2;border-top:2px solid #3567ad;border-collapse:collapse;}
.tbl-req > tbody > tr > th, .tbl-join > tbody > tr > th{height:30px;padding:15px 5px;line-height:30px;background-color:#F9F9F9;font-weight:normal;color:#333;border:1px solid #e2e2e2 !important;vertical-align:middle !important;}
.tbl-req > tbody > tr > td, .tbl-join > tbody > tr > td{height:30px;padding:10px 5px;line-height:30px;text-align:left;border:1px solid #e2e2e2 !important;vertical-align:middle !important;}
.tbl-req > tbody > tr > td input, .tbl-req > tbody > tr > td textarea, .tbl-join > tbody > tr > td input{width:100%;border:1px solid #e2e2e2;padding:5px 10px;line-height:14px;}
.tbl-join > tbody > tr > td input{display:inline-block;width:auto;}
.tbl-req > tbody > tr > td textarea{height:150px;}
.req .btn, .join .btn{width:80px;background-color:#3567ad ;color:#fff;font-weight:bold;}
.required{color:#f00;}
.login{width:300px;margin:auto;}
.login ul{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #e5e5e5;}
.login li{margin-bottom:5px;}
.login li input{width:100%;padding:10px 50px;border:1px solid #d5d5d5;font-weight:bold;}
.login li .uid{background:url('../images/ico_id.gif') no-repeat 20px center;}
.login li .pw{background:url('../images/ico_pw.gif') no-repeat 20px center;}
.btn.btn-login{width:100%;height:40px;padding:0;margin-bottom:2px;line-height:40px;font-size:16px;font-weight:bold;border:1px solid #d5d5d5;background-color:#2c5691;color:#fff;}
.btn.btn-login:hover{background-color:#ae2b2f;}
.btn.btn-default{border-radius:0 !important;}


/* 사이트맵 */
.sitemap{overflow:hidden;width:720px;margin:auto;margin-bottom:30px;}
.sitemap .menu{float:left;width:220px;padding:0 10px;margin:0 10px;}
.sitemap .menu h3{height:30px;padding-left:35px;line-height:30px;background:url('../images/ico_sitemap.gif') no-repeat 0 center;}
.sitemap .menu ul{border-top:1px solid #e2e2e2;}
.sitemap .menu li a{display:block;padding:5px 0 5px 20px;border:1px solid #e2e2e2;border-top:none;}
.sitemap .menu li a:hover{background-color:#999;color:#fff;font-weight:bold;}