@charset "utf-8";
/* yourweb */

/* basic */
body {font-family: "Nanum Gothic", sans-serif; font-size:12px; line-height:1.5em;}
legend {border:none;}
a { color:#333; }
a:focus, a:hover, a:link, a:visited, a:active { color:#555; text-decoration: none; }
a.link-inverse { color:#fff; }
a.link-inverse:focus, a.link-inverse:hover { color: #DE4555; }
a.link-btn:link,  a.link-btn:visited { color:#fff; }

.alert{border-radius:0px;padding:10px 15px;}
.kor { word-wrap: break-word; word-break: keep-all; }/* 한글 줄바꿈 */
.responsive-line {
	max-width: 65%; /* Customise it accordingly */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.title-box{font-size:14px;font-weight:bold;color:#515151;position:relative;background:#f7f8fa;height:35px;line-height:35px;border:1px solid #dedede;padding:0px 15px;font-weight:700;margin-bottom:20px;}
.box-shadow {-moz-box-shadow: 2px 2px 3px #bbb;-webkit-box-shadow: 2px 2px 3px #bbb;box-shadow: 2px 2px 3px #bbb;}

/* 버튼 */
.btn {display: inline-block;padding: 4px 12px;font-size: 12px;line-height: 20px;color: #fff !important;text-align: center;vertical-align: middle;cursor: pointer;	background-color: #4cb9fc;border: 1px solid #42a0db;border-radius:0;}
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#42a0db; text-decoration:none;}
.btn-primary{background-color:#4c82fc !important;border-color:#425edb !important}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#425edb !important}
.btn-danger{background-color:#fc4c4c !important;border-color:#d00 !important}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#d00 !important}
/*
.btn-small{padding:0px 6px;}
.btn-large {padding: 11px 19px; font-size: 17px; font-weight:bold;}
.btn i{color:#fff !important;vertical-align:middle;margin-right:5px;font-size:14px;}
.btn.btn-small i{font-size:12px;}

.btn-start{background-color:#30c1c1 !important;border-color:#32b2b2 !important}
.btn-start:hover,.btn-start:focus,.btn-start:active,.btn-start.active,.btn-start.disabled,.btn-start[disabled]{background-color:#32b2b2 !important}
.btn-warning{background-color:#f0ad4e !important;border-color:#7eb948 !important}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#fda72c !important}
*/

/* main */
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

/* header */
header {width:100%;height:auto;margin:0;}
header .logo {float: left;}
.tnb li {border-left: 1px solid #444;width:30%;}
.tnb > li:first-child {border-left: 0px; box-sizing: border-box;}

/* sub */
.subTitle {color:#fff;}
.subTitle a {color:#fff;}
.subVisual {background: url("../img/subbg_01.jpg") no-repeat center 0px;background-color:#171616;height:200px;}

.page {letter-spacing:-0.5px;}
.page p {font-size:16px;line-height:1.6em;color:#777;}

/* content */
.la_border {border-bottom: 1px solid #d4d4d5; padding-bottom: 10px;}

.bannerContent {text-align:center;margin:0 0 10px;}
.bannerContent .bannerImg {border-bottom:1px solid #d4d4d4;width:100%;}
.bannerContent .bannerText {border:1px solid #d4d4d4;}
.bannerContent p {font-size:14px;font-weight:bold;color:#b2b2b2;}
.bannerContent .goBt {padding:7px 0 13px;}

/* footer */
#scrollTop {position: fixed;bottom: 10px;	right: 10px;	cursor: pointer;	display: none;}
#scrollTop .scrollBtn {border-radius: 3px;	background-color: rgba(0,0,0,0.82);	color: rgba(255,255,255,1.00);	width: 35px;	height: 35px;	text-align: center;	text-decoration: none;}
#scrollTop  .scrollBtn:hover { background-color: rgba(199,22,45,1.00); }
#scrollTop  .scrollBtn i { vertical-align: -6px; }

.bg-copy {background:#222222;color: rgba(224,224,224,1.00);border-top:3px solid #434343}
ul.foot_menu {margin: 0px; padding:0px;}
ul.foot_menu li {float: left;position: relative;}
ul.foot_menu li:after {content: "";position: absolute;height: 15px;right: 0px;z-index: 10;background-color: #4D4D4D;	top: 22px;	width: 1px;}
ul.foot_menu li:last-child:after { display: none; }
ul.foot_menu li a {text-decoration: none;font: bold 12px/53px "나눔고딕", "Nanum Gothic", sans-serif;display: block;padding-left: 10px;padding-right: 10px;}
ul.foot_menu a:hover { color: #E74D3C; }
.company_map {float:right;}
.foot_content {padding:30px 0;}

.view_pc {display:block;}
.view_mobile {display:none}
.view_mobile span {color: rgba(224,224,224,1.00);}
@media screen and (max-width: 767px) {
	.view_pc {display:none;}
	.view_mobile {display:block}
}
.icon-social {float:right;}
.icon-social li > a.btn-social {display: inline-block;font-size: 16px;color:#fff;}
.icon-social li > a:hover {color: #ff3600; -o-transition:.3s ; -ms-transition:.3s ; -moz-transition:.3s ; -webkit-transition:.3s; /* ...and now for the proper property */ transition:.3s ;}

/* 여백 */
.zero-padding { padding:0px; }
.list-inline > li.zero-padding { padding: 0 0px; } /* 버튼 그룹 패딩 제거 */

/* 폭 */
.w30 { width:30px; }
.w60 { width:60px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w120 { width:120px; }

/* Margin */
.mb10 {margin-bottom:10px !important;}
.mb0 {margin-bottom:0px !important;}
.ml5 {margin-left:5px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}

/* Padding */

/* 테이블 */
.checkbox-middle { vertical-align:middle; } /* 게시판 타이틀 체크박스 */
.bottom-3b { border-bottom: 3px solid #ddd; } /* 테이블 하단 라인 */
.table tr:nth-of-type(1) th, .table tr:nth-of-type(1) td { border-top:none !important; } /* 테이블 첫줄 제거 */