@import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

/* 공통 */
* {/*transition:0.3s*/}
.font-color {color: #ce2e46 !important;}
.bg-color {background: #ce2e46 !important;}
.bod-color {border: 1px #ce2e46 solid !important;}
.bodr0 {border-radius:0 !important;}
.img-basic {max-width:100% !important;}
.img-basic2 {width:100% !important;}
.lh1_4 {line-height: 1.4em;}
.lh2 {line-height: 2em;}

body {
	font-size: 15px;
	color: #555;
	font-family:'Noto Sans Korean', sans-serif;
	background: none;
	letter-spacing: -0.05em;
	padding-bottom: 0px;
	word-break: keep-all; 
}
a:hover {color: #666;text-decoration: none;}
ul {list-style:none;margin:0;padding:0}


.container{/*padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto*/}
.container-contact {background: url('../img/sub/contact_bg.jpg') no-repeat center top #ece8e7;background-size:cover ;padding:10px 0 50px}
.container-contact .container {border:20px #d9d9d9 solid;background: #fff;padding:60px 20px 0;}


hr{margin:30px 0;border:0;border-top:1px solid #d9d9d9}

/* 공통-상단메뉴 */
	.tnb {width:100%;margin:0px 0 0 0;background: #f6f6f6;}
	.tnb:after {content: '';display: block;clear: both;visibility: hidden;}
	.tnb ul {float:right;list-style:none;margin:0;padding:0}
	.tnb ul:after {content: '';display: block;clear: both;visibility: hidden;}
	.tnb ul li {float:left;margin:0 0 0 20px;padding:0;line-height:30px;}
	.tnb ul li a:hover {opacity:0.8;}
	.tnb ul li a:link,.tnb ul li a:visited {color: #999;font-size: 14px;font-weight: normal;text-decoration:none}
	@media screen and (max-width:769px){
		.tnb {padding: 0 15px 0 0}
	}

/* 공통-메뉴 */
	.navbar-wrapper {
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		z-index: 20;
		background-color: rgba(255,255,255,1);
		border-bottom:1px rgba(255,255,255,0) solid;
	}
	.navbar-wrapper .navbar{position:relative;min-height:100px;margin-bottom:0px;border:0px solid transparent;padding:0 0px}
	.navbar-wrapper .navbar .container {
		width: auto;
		padding: 0 0px;
		margin: 0px 0 0;
		border-radius: 0px;
	}
	.navbar-inverse .navbar-collapse {padding:0 0px;border:0;border-top: 0px rgba(255,255,255,0.5) solid;}
	.row2{margin-right:0px;margin-left:0px}
	.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:25px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
	.navbar-inverse{background-color: rgba(0,0,0,0.0) !important;border-color:transparent !important}
	.navbar-inverse .navbar-brand {float:left;height:100px;padding:0 0 0 15px}
	.navbar-inverse .navbar-brand:hover {color:#a2071a;}
	.navbar-inverse .navbar-brand span {background: #a2071a;color:#000;border-radius:5px;padding:0 5px;margin:0 5px 0 0;}
	.navbar-inverse .navbar-text{color:#000 !important}
	.navbar-inverse .navbar-nav>li>a {
		color:#000;
		position: relative;
		display: block;
		padding: 41px 40px 37px !important;
		font-size: 18px;
		font-weight: normal;
	}
	.navbar-inverse .navbar-toggle{border-color:#000}
	.navbar-inverse .navbar-toggle .icon-bar {background-color: #000;}
	.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background:none}
	.navbar-inverse .navbar-nav{float:right;margin:0}
	.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#ce2e46;background-color: rgba(0,0,0,0.0);border-top:0px #a2071a solid;line-height: 20px;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #000;
		font-size: 14px;2021-01-20
		font-weight: normal;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#ce2e46;background-color:transparent}

	.dropdown-menu{position:absolute;top:103%;left:0;z-index:1000;display:none;float:left;min-width:140px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color: rgba(255,255,255,1);-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(255,255,255,1);border-radius:0px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
	.dropdown-menu:after {content: '';display: block;clear: both;visibility: hidden;}
	.dropdown-menu.pull-right{right:0;left:auto}
	.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
	.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-size: 14px;font-weight:400;line-height:26px;color:#000;white-space:nowrap}
	.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#666666;text-decoration:none;background-color:#000000}
	.navbar-brand2 {float:left;letter-spacing:0.05em;padding:0px 15px 0;font-size:24px;line-height:46px;font-weight: bold;color:#9a9a9a;}
	@media screen and (max-width:769px){
		.navbar-wrapper .container {padding-right:0px;padding-left:0px}

		.container{/*padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto*/}
		.row {/*margin-right:auto;margin-left:auto*/}

		.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-2, .col-lg-3, .col-lg-4 .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
			/*min-height: 0px;
			padding-right: 0px;
			padding-left: 0px;*/
		}

		.container-contact {padding:0px}
		.container-contact .container {border:10px #d9d9d9 solid;padding:0px 10px 0;}

		.navbar-inverse .navbar-collapse {padding:0 0px;border:0;border-top: 1px rgba(255,255,255,0.5) solid;}

		.navbar-inverse .navbar-nav {
			margin-top:0;
		}
		.navbar-inverse .navbar-nav>li>a {
			color: #ffffff !important;
			padding: 10px 13px !important;
			font-size: 14px;
			background-color: rgba(0,0,0,0.5);
		}
		.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
			color: #fff;
			background-color: rgba(0,0,0,0.7);
		}
		.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
			font-size: 13px;
		}
		.navbar-inverse .navbar-nav{width:100%;float:left;margin:0}

		.navbar-wrapper .navbar {
			min-height: 80px;
			padding-right: 0px;
			padding-left: 0px;
		}

		.navbar-wrapper .navbar .container {
			width: auto;
			background: none;
			padding: 0 15px;
			margin: 0px 0 0;
		}
		.carousel-inner {
		}
		.dropdown-menu{position:relative;top:0;left:0;z-index:1000;display:block;float:none;min-width:100%;padding:5px 0;margin:0 0 0;font-size:14px;text-align:left;list-style:none;background-color: rgba(255,255,255,1);-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(255,255,255,1);border-radius:0px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.0);box-shadow:0 6px 12px rgba(0,0,0,.0)}
		.dropdown-menu.pull-right{right:0;left:auto}
		.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
		.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-size: 14px;font-weight:400;line-height:26px;color:#000;white-space:nowrap}
		.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#666666;text-decoration:none;background-color:#000000}
	}

	@media screen and (max-width:768px){
		.navbar-inverse .navbar-brand {width:220px;height:80px;}
		.navbar-brand>img {width:100%;}
	}

/* 공통-하단메뉴 */
	.footer-link-bg {background: #575757;border-bottom:1px #676767 solid;}
	.footer-link-bg .container {position: relative;}
	.footer-link {position: relative;width:100%;margin:0 0 0 0;padding:15px 0;}
	.footer-link:after {content: '';display: block;clear: both;visibility: hidden;}
	.footer-link ul {list-style:none;margin:0;padding:0;}
	.footer-link ul:after {content: '';display: block;clear: both;visibility: hidden;}
	.footer-link ul li {float:left;width:auto;line-height: 13px;margin:0 0 0 0;padding:0 10px;border-right:1px rgba(255,255,255,0.3) solid;}
	.footer-link ul li:last-child {border-right:0;}
	.footer-link ul li a {font-size: 13px;color: #fff;font-weight: 300;}
	.footer-link ul li a:hover {opacity:0.8;text-decoration: none;}

/* 공통-하단 */
	footer {background: #ededed;padding:25px 0;}
	footer:after {content: '';display: block;clear: both;visibility: hidden;}
	.footer-text-pc {display:block;padding:0px 0px 0;font-size:14px;line-height:24px;font-weight: normal;color:#888;text-align: left;}
	.footer-text-pc span {color:#9a9a9a;}
	.footer-text-m {display:none;}
	@media screen and (max-width:769px){
		footer {}
		.footer-text-pc {display:none;}
		.footer-text-m {display:block;padding:10px 0px 0;font-size:14px;line-height:24px;font-weight: normal;color:#888;text-align: left;}
		.footer-text-m span {color:#9a9a9a;}
	}


/* 메인-빠른메뉴 */
	.quick-link-bg {}
	.quick-link-bg .container {position: relative;}
	.quick-link {position: relative;width:100%;margin:30px 0 50px;padding:0 0;background: #fff;}
	.quick-link:after {content: '';display: block;clear: both;visibility: hidden;}
	.quick-link ul {list-style:none;margin:0;padding:0;}
	.quick-link ul:after {content: '';display: block;clear: both;visibility: hidden;}
	.quick-link ul li {float:left;width:25%;margin:0 0 0 0;padding:0 0;text-align: center;}
	.quick-link ul li:last-child {border-right:0;}
	.quick-link ul li img {max-width:100%;margin:0 0 0px;}
	.quick-link ul li a {font-size: 20px;color: #000;}
	.quick-link ul li a:hover {opacity:0.8;text-decoration: none;}
	@media screen and (max-width:991px){
		.quick-link {margin:20px 0 10px;}
		.quick-link ul li {float:left;width:46%;margin:0 2% 20px;}
		.quick-link ul li a {font-size: 16px;}
	}

/* 메인-게시판 */
	.banner-con-bg {border-bottom:1px #ddd solid;}
	.banner-con {margin-top:50px;margin-bottom:30px;}
	.banner-con img {margin-bottom:20px;}
	.banner-con a:hover {text-decoration: none;}
	.posr {position: relative;}
	.banner-con .webhard-id {position: absolute;top:68px;left:110px;margin:0 0 0 0;width: 50px;font-size: 16px;color: #333;font-weight: bold;z-index:100;}
	.banner-con .webhard-id input[type="text"] {width: 55px;border:0;background: #ffd914;}
	.banner-con .webhard-pw {position: absolute;top:68px;right:45px;margin:0 0 0 0;width: 85px;font-size: 16px;color: #333;font-weight: bold;z-index:200;}
	.banner-con .webhard-pw input[type="text"] {width: 90px;border:0;background: #ffd914;}
	.banner-con .webhard-bt {position: absolute;top:130px;left:40px;margin:0 0 0 0;width: 290px;z-index:300;}
	.banner-con .webhard-bt img {width: 290px;height: 40px;margin-bottom:0;}
	
	.tel-con-bg {background: #ddd;font-size: 24px;color: #fff;letter-spacing: 0;}
	.tel-con {}
	.tel-con a {color: #fff;}
	.tel-con .col1 {padding:0 0 0 10px;}
	.tel-con .col1 p {background: #444;margin:0 0px;padding:3% 0;}
	.tel-con .col2 {padding:0 10px 0 0;}
	.tel-con .col2 p {background: #666;margin:0 0px;padding:3% 0;}
	@media screen and (max-width:769px){
		.tel-con .col1 {padding:0 0 0 0px;}
		.tel-con .col2 {padding:0 0px 0 0;}
	}

	.board-con-bg {background: #f8f8f8;}
	.board-con {margin-top:50px;margin-bottom:50px;}
	.board-con a:hover {text-decoration: none;}

	.noticebox {position:relative;}
	.noticebox h4 {font-size: 20px;color: #000;margin:0 0 0 0;}
	.noticebox .more {position:absolute;right:0;top:2px;}
	.noticebox .mainnotice-list {margin-top:20px;}
	.noticebox .mainnotice-list li {margin-bottom:10px;background: url(../img/main/icon_dot.gif) no-repeat left center;padding-left:8px;}
	.noticebox .mainnotice-list li a {font-size:14px;color:#666666;letter-spacing:-0.04em;}

	.mediaroom-box {}
	.mediaroom {width:100%;margin:0 auto;position:relative;}
	.mediaroom h4 {font-size: 20px;color: #000;margin:0 0 0 0;}
	.mediaroom  .more {position:absolute;right:0;top:2px;}

	.flexslider2 {margin-top:30px;}
	.flexslider2 img {width: 100%;margin-bottom:20px;}
	.flexslider2 img:hover {opacity: 0.8;}
	.flexslider2 .flex-control-paging {display:inline-block;text-align:right;width:100%;position:absolute;top:10px;right:0;}
	.flexslider2 .flex-control-paging li {display:inline-block;margin:0 3px;}
	.flexslider2 .flex-control-paging li a {color: transparent;text-indent:-999em;padding: 0 2px;width:11px;height:11px;background: url(../img/main/main_dot2.jpg) no-repeat;position:relative;overflow:hidden;}
	.flexslider2 .flex-control-paging li a.flex-active {color: transparent;text-indent:-999em;background: url(../img/main/main_dot2_on.jpg) no-repeat;position:relative;overflow:hidden;}

	.flexslider2 .flex-nav-prev a {width:41px;height:60px;background: url(../img/main/btn_media_left.jpg) no-repeat;display:block;left:-56px;top:50%;margin-top:-25px;position:absolute;text-indent:-9999px;}
	.flexslider2 .flex-nav-next a {width:41px;height:60px;background: url(../img/main/btn_media_right.jpg) no-repeat;display:block;right:-56px;top:50%;margin-top:-25px;position:absolute;text-indent:-9999px;}

	.cs-center {position:relative;}
	.cs-center h4 {font-size: 20px;color: #000;margin:0 0 0 0;}
	.cs-center .more {position:absolute;right:0;top:2px;}
	.cs-center .cs {margin-top:20px;}
	@media screen and (max-width:991px){
		.board-con {margin-top:20px;margin-bottom:20px;}

		.noticebox {margin-top:20px;}
		.noticebox .mainnotice-list {margin-top:10px;}

		.mediaroom-box {margin-top:20px;}
		.mediaroom {width:auto;margin:0 0 0 0;position:relative;}
		.flexslider2 {margin-top:30px;}
		.flexslider2 .flex-nav-prev a {display: none;}
		.flexslider2 .flex-nav-next a {display: none;}

		.cs-center {margin-top:20px;}
		.cs-center .cs {margin-top:10px;}
	}

/* 게시판-포토 */
	.gallery-con {}
	.gallery-con .gallery-con-box {margin:0px 0 20px;}
	.gallery-con .gallery-con-box img {width: 253px; height: 253px; margin:0 0 10px;border:1px #ddd solid;}
	.gallery-con .gallery-con-box a {font-size: 16px;color:#333;}
	.gallery-con .gallery-con-box a:hover {opacity:0.8;text-decoration: none;}
	.gallery-con .gallery-con-box h1 {
		font-size: 16px;
		color: #333;
		font-weight: normal;
		line-height:18px;
		margin:0px 0 0px 0px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.gallery-con .gallery-con-box p {
		font-size: 14px;
		color:#888;
		font-weight: normal;
		line-height:15px;
		margin:5px 0 0 10px;
	}
	@media screen and (max-width:769px){
		.gallery-con .gallery-con-box h1 {
			font-size: 15px;
		}
	}

/* 메인-이미지 */
	.carousel {
		height: 480px;
		margin-bottom: 0px;
	}
	.carousel-caption {
		z-index: 10;
		padding-bottom:0px;
	}
	.carousel .item {
		height: 480px;
		background-color: #8e8e8e;
	}
	.carousel-inner > .item > img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		height: 480px;
	}
	@media screen and (max-width:992px){
		.carousel {
			height: 220px;
		}
		.carousel-caption {
			top:23%;
		}
		.carousel .item {
			height: 220px;
		}
		.carousel-inner > .item > img {
			height: 220px;
		}
	}

	.carousel-caption{position:absolute;right:0%;top:45%;left:0%;z-index:10;padding-top:0px;padding-bottom:0px;color:#000;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,0);}
	.carousel-caption-2 {top:20%;}
	.carousel-caption2{position:absolute;right:0%;top:32%;left:0%;z-index:10;padding-top:0px;padding-bottom:0px;color:#000;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,0);}

	.carousel-caption h1 {font-size: 40px;font-weight: bold;line-height:1em;margin:0 0 20px;}
	.carousel-caption h1 span {font-weight: bold;color:#ce2e46;}
	.carousel-caption h1.wh {color: #fff;}
	.carousel-caption h1.wh span {color:yellow;}
	.carousel-caption h2 {font-size: 26px;font-weight: 600;line-height:1em;margin:0 0 40px;font-family: 'Montserrat',sans-serif;}
	.carousel-caption h2 span {font-weight: 600;color:#ce2e46;font-family: 'Montserrat',sans-serif;}
	.carousel-caption h2.wh {color: #fff;}
	.carousel-caption h2.wh span {color:yellow;}
	.carousel-caption2 h1 {font-size: 40px;font-weight: bold;line-height:1em;margin:0 0 20px;}
	.carousel-caption2 h1 span {font-weight: bold;color:#ce2e46;}
	.carousel-caption2 h1.wh {color: #fff;}
	.carousel-caption2 h1.wh span {color:yellow;}
	.carousel-caption2 h2 {font-size: 26px;font-weight: 600;line-height:1em;margin:0 0 0px;font-family: 'Montserrat',sans-serif;}
	.carousel-caption2 h2 span {font-weight: 600;color:#ce2e46;font-family: 'Montserrat',sans-serif;}
	.carousel-caption2 h2.wh {color: #fff;}
	.carousel-caption2 h2.wh span {color:yellow;}

	.carousel-caption p {font-size: 26px;font-weight: normal;line-height: 1.4em;margin:0 0 20px;}
	.carousel-caption2 p {font-size: 22px;font-weight: 300;line-height: 1em;margin:0 0 0px;}
	.carousel-caption2 p span {font-weight: bold;}

	@media screen and (max-width:992px){
		.carousel-caption {top:30%;left:10%;text-align:left;}
		.carousel-caption2 {top:25%;}

		.carousel-caption h1 {font-size: 24px;margin:0 0 20px;}
		.carousel-caption h2 {font-size: 20px;margin:0 0 20px;line-height: 1.2em;width: 65%;}
		.carousel-caption2 h1 {font-size: 24px;margin:0 0 10px;}
		.carousel-caption2 h2 {font-size: 20px;margin:0 0 0px;line-height: 1.2em;width: 65%;float: right;}

		.carousel-caption p {font-size: 16px;margin:0 0 10px;}
		.carousel-caption2 p {font-size: 16px;margin:0 0 10px;}
	}

	.carousel-caption h1 {
		animation-name:carouselcaptionAnimation;
		animation-duration: 2s;
		animation-iteration-count:1;
		animation-timing-function: ease-in-out; 
	}
	@keyframes carouselcaptionAnimation {
		from {opacity: 0;transform: translate3d(0, 50%, 0);}
		50% {opacity: 1;transform: none;}
		to {opacity: 1;transform: none;}
	}
	.carousel-caption h2 {
		animation-name:carouselcaptionAnimation1;
		animation-duration: 2s;
		animation-iteration-count:1;
		animation-timing-function: ease-in-out; 
	}
	@keyframes carouselcaptionAnimation1 {
		from {opacity: 0;transform: translate3d(0, 50%, 0);}
		50% {opacity: 1;transform: none;}
		to {opacity: 1;transform: none;}
	}
	.carousel-caption p {
		animation-name:carouselcaptionAnimation2;
		animation-duration: 1.5s;
		animation-iteration-count:1;
		animation-timing-function: ease-in-out; 
	}
	@keyframes carouselcaptionAnimation2 {
		from {opacity: 0;transform: translate3d(0, 0%, 0);}
		50% {opacity: 0;transform: translate3d(0, 50%, 0);}
		to {opacity: 1;transform: none;}
	}

	.carousel-caption2 h1 {
		animation-name:carouselcaptionAnimation3;
		animation-duration: 2s;
		animation-iteration-count:1;
		animation-timing-function: ease-in-out; 
	}
	@keyframes carouselcaptionAnimation3 {
		from {opacity: 0;transform: translate3d(0, 50%, 0);}
		50% {opacity: 1;transform: none;}
		to {opacity: 1;transform: none;}
	}

	.carousel-caption2 h2 {
		animation-name:carouselcaptionAnimation5;
		animation-duration: 2s;
		animation-iteration-count:1;
		animation-timing-function: ease-in-out; 
	}
	@keyframes carouselcaptionAnimation5 {
		from {opacity: 0;transform: translate3d(0, 50%, 0);}
		50% {opacity: 1;transform: none;}
		to {opacity: 1;transform: none;}
	}

	.carousel-caption2 p {
		animation-name:carouselcaptionAnimation4;
		animation-duration: 1.5s;
		animation-iteration-count:1;
		animation-timing-function: ease-in-out; 
	}
	@keyframes carouselcaptionAnimation4 {
		from {opacity: 0;transform: translate3d(0, 0%, 0);}
		50% {opacity: 0;transform: translate3d(0, 50%, 0);}
		to {opacity: 1;transform: none;}
	}
	.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.2) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}
	.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.2)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}
	.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}


/* 서브-이미지 */
	.sub_img {width:100%;height:220px;}
	@media screen and (max-width:769px){
		.sub_img {width:100%;height:150px;background-size: 280% 100% !important;background-position: 35% bottom !important;}
	}

/* 서브-네비 */
	.sub-navi-bg {background: #fff;border-bottom:1px #ddd solid;margin-bottom:50px;}
	.sub-navi-bg .container {position: relative;}
	.sub-navi {position: relative;width:100%;margin:0 0 0 0;padding:0 0;}
	.sub-navi:after {content: '';display: block;clear: both;visibility: hidden;}
	.sub-navi ul {list-style:none;margin:0;padding:0;}
	.sub-navi ul:after {content: '';display: block;clear: both;visibility: hidden;}
	.sub-navi ul li {float:left;width:220px;margin:0 0 0 0;padding:0 0 0 20px;font-size: 14px;color: #333;height: 40px;line-height: 40px;border-left:1px #ddd solid;position: relative;}
	.sub-navi ul li:first-child {padding:0 0;width:auto;}
	.sub-navi ul li:last-child {border-right:1px #ddd solid;}
	.sub-navi ul li:first-child img {vertical-align:top;position: relative;}
	.sub-navi ul li img {width:40px;vertical-align:top;position: absolute;right:0;}
	.sub-navi ul li a {font-size: 14px;color: #333;}
	.sub-navi ul li a:hover {opacity:0.8;text-decoration: none;}
	@media screen and (max-width:769px){
		.sub-navi-bg {margin-bottom:30px;}
		.sub-navi ul li {width:auto;padding:0 0 0 15px;font-size: 14px;height: 38px;line-height: 38px;}
		.sub-navi ul li img {width:39px;position: relative;}
	}

/* 서브 */
	.sub-page-title1 {font-size: 36px;color:#333;font-weight: bold;line-height: 1em;margin:0 0 40px 0;}
	.sub-page-title1 img {display: block;margin:0 0 10px;}
	.sub-page p {font-size: 16px;color:#333;font-weight: normal;line-height:26px;margin:0 0 0 0;}
	@media screen and (max-width:769px){
		.sub-page-title1 {font-size: 26px;line-height: 1em;margin:0 0 20px 0;}
		.sub-page p {font-size: 14px;line-height: 20px;}
	}

	.search-box {background: #f2f2f2;padding:10px;margin:0 0 20px;line-height: 40px;}
	.search-box:after {content: '';display: block;clear: both;visibility: hidden;}
	.search-box select {margin:0 5px;padding:0 10px;height: 40px;line-height: 40px;border:1px #ddd solid;border-radius:3px;}
	.search-box input[type="text"] {width: auto;padding:0 10px;height: 40px;line-height: 40px;border:1px #ddd solid;border-right:0;border-radius:3px;}
	.search-box input[type="submit"] {margin:0 0 0 -5px;background: url('../img/common/search-box-icon.png') center 50% no-repeat;width: 40px;height: 40px;vertical-align: top;border:1px #ddd solid;border-left:0;border-radius:0 3px 3px 0;}
	.search-box button {margin:0 0 0 -5px;width: 40px;height: 40px;line-height: 1em;vertical-align: top;background: #fff;border:1px #ddd solid;border-left:0;border-radius:0 3px 3px 0;}
	@media screen and (max-width:992px){
		.search-box {text-align: right;}
	}

	.tbl1 {width:100%;border-top:2px #ce2e46 solid;}
	.tbl1 th {font-size: 15px;color:#000;font-weight: normal;line-height: 15px;text-align: center;background: #f7f7f7;padding:15px 0;border-bottom:1px #ddd solid;}
	.tbl1 td {font-size: 15px;color:#666;font-weight: normal;line-height: 15px;text-align: center;background: #fff;padding:15px 0;border-bottom:1px #ddd solid;}
	.tbl1 td a {color:#666;}
	.tbl1 td a:hover {color:#999;}
	.tbl1 td:first-child {}
	.tbl1 td.subject {text-align: left;}
	.tbl1 .num {width: 50px;}
	.tbl1 .name {width: 100px;}
	.tbl1 .date {width: 100px;}
	.tbl1 .hit {width: 100px;}
	.tbl1 .contents {}
	@media screen and (max-width:769px){
		.tbl1 td:nth-child(2) {text-align: left;padding-left:10px;}
		.tbl1 .num {display: none;}
		.tbl1 .name {display: none;}
		.tbl1 .date {width: 100px;}
		.tbl1 .hit {display: none;}
	}

	.tbl2 {width:100%;border-top:2px #ce2e46 solid;}
	.tbl2 th {font-size: 15px;color:#888;font-weight: normal;line-height: 15px;text-align: left;background: #f7f7f7;padding:15px 15px;border-bottom:1px #ddd solid;}
	.tbl2 th a:hover {color:#666 !important;}
	.tbl2 td {font-size: 15px;color:#666;font-weight: normal;line-height: 30px;text-align: left;background: #fff;padding:15px 15px;border-bottom:1px #ddd solid;}
	.tbl2 td a {color:#666;}
	.tbl2 td a:hover {color:#999 !important;}
	.tbl2 td:first-child {}
	.tbl2 select {padding:0 10px;height: 40px;line-height: 40px;border:1px #ddd solid;border-radius:3px;}
	.tbl2 input[type="text"] {width: 100%;padding:0 10px;height: 40px;line-height: 40px;border:1px #ddd solid;border-radius:3px;}
	.tbl2 input[type="file"] {width: 100%;padding:0 10px;height: 40px;line-height: 40px;border:1px #ddd solid;border-radius:3px;}
	.tbl2 textarea {width: 100%;padding:10px;line-height: 20px;border:1px #ddd solid;border-radius:3px;}
	.tbl2 .subject {color:#333;}
	.tbl2 .num {width: 50px;}
	.tbl2 .name {width: 150px;text-align: right;}
	.tbl2 .date {width: 165px;text-align: right;}
	.tbl2 .hit {width: 125px;text-align: right;}
	.tbl2 .contents {color:#666;}
	.tbl2 .contents img {max-width:100%;display: block;margin:0 0 20px; text-align: center; margin: auto;}
	.tbl2 .file {color:#000;}
	@media screen and (max-width:769px){
		.tbl2 th {display: block;width: 100% !important;text-align: left !important;padding:15px 10px;}
		.tbl2 td {display: block;width: 100% !important;text-align: left !important;padding:20px 0px;}
	}

	.tbl3 {width: 100%;border-top:2px #ce2e46 solid;/*border-spacing: 1px;border-collapse: unset;margin: 0 0 0px;padding: 0;*/}
	.tbl3 th {font-size: 15px;color:#000;font-weight: normal;line-height: 1em;text-align: left;background: #f7f7f7;padding:10px;border-bottom:1px #ddd solid;}
	.tbl3 td {font-size: 15px;color:#666;font-weight: normal;line-height: 1em;text-align: left;background: #fff;padding:10px;border-bottom:1px #ddd solid;}
	.tbl3 td i {font-size: 20px;border:1px #ddd solid;width: 40px; height: 40px;line-height: 40px;text-align: center;border-radius:50%;margin:0 10px 0 0;}
	.tbl3 .contents {}
	@media screen and (max-width:769px){
		.tbl3 th,.tbl3 td {display: block;width: 100% !important;}
	}

	.text-left{text-align:left !important;}
	.text-right{text-align:right !important;}
	.text-center{text-align:center !important;}

	.h10 {height:10px}
	.h20 {height:20px}
	.h30 {height:30px}
	.h40 {height:40px}
	.h50 {height:50px}
	.h60 {height:60px}
	.h70 {height:70px}
	.h80 {height:80px}
	.h3, h3 {font-size: 24px;}
	.h4, h4 {font-size: 18px;}

	@media screen and (max-width:769px){
		.h10 {height:10px}
		.h20 {height:15px}
		.h30 {height:15px}
		.h40 {height:30px}
		.h50 {height:30px}
		.h60 {height:30px}
		.h70 {height:30px}
		.h80 {height:30px}
		.h3, h3 {font-size: 20px;}
		.h4, h4 {font-size: 16px;}
	}

/* 페이지 */
	.pagination{display:inline-block;padding-left:0;margin:0px 0;border-radius:0px}
	.pagination>li{display:inline}
	.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:2px 9px;margin-left:-1px;line-height:1.42857143;color:#888;text-decoration:none;background-color:#fff;border:1px solid #ddd}
	.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#000;background-color:#f7f7f7;border-color:#ddd}
	.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#000;border-color:#000}

/* 버튼 */
	.btn01 {display:inline-block;margin:0 0 5px 0;padding:0px 25px;border:1px solid #ce2e46;border-radius:0px;background:#ce2e46;color:#fff;text-decoration:none;vertical-align:middle;height:38px;line-height:36px;font-size: 16px;font-weight: 400;}
	.btn01:focus, .btn01:hover {box-shadow:inset 0 3px 5px rgba(0,0,0,.125);text-decoration:none;background:#fff;color:#ce2e46;}

	.btn02 {display:inline-block;margin:0 0 5px 0;padding:0px 25px;border:1px solid #999;border-radius:0px;background:#999;color:#fff;text-decoration:none;vertical-align:middle;height:38px;line-height:36px;font-size: 16px;font-weight: 400;}
	.btn02:focus, .btn02:hover {box-shadow:inset 0 3px 5px rgba(0,0,0,.125);text-decoration:none;background:#fff;color:#999;}

	@media screen and (max-width:992px){
		.btn01,.btn02 {padding:0 10px;}
	}

/* form */
	.caret {display:none}

/* layer */
.layerb {width:100%;height: 500px;padding:0;position:absolute;z-index:99999;background: #fff;border:1px #ddd solid;font-size: 16px;color:#000;top:0;left:0;}
.layerb .layerb1_title {position: relative;width: 100%;background: #fff;}
.layerb i {float: right;font-size: 20px;color:#ce2e46;margin:15px;}
.layerb h1 {font-size: 20px;color:#000;font-weight: bold;line-height: 20px;padding:15px;margin:0px 0 0;border-bottom:1px #ddd solid;}
.layerb p {font-size: 14px;color:#666;font-weight: normal;line-height: 24px;padding:15px;margin:0px 0 0;background: #fff;}

div.main-items-box {display: flex; flex-wrap: wrap;}
img.main-item {max-height: 164px;}
p.goods-title {display: inline-block; width: 346px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}