/*!
 * default.css - default styles for this theme.
 * Copyright (C) SmarTools Co. (https://smartools.co.kr)
*/
#st-body {font-family:'Nanum Gothic';}
#st-body .content {overflow:hidden !important;}

.clearfix::before, .clearfix::after{
content:"";
display: table;
}
.clearfix::after{
clear:both;
}

/** Topbar **/
#st-body .topbar {
	background-color: #231f20;
}
#st-body .topbar .btn-group {
	border-radius: 0;
}

#st-body .content_margin {margin-bottom:3%;}

.menu-small {border:0px;border-radius:8px;min-width: 110px !important; box-shadow:0 1px 3px rgba(0, 0, 0, .5);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .5);}
.menu-small li a{font-size:12px;}

/** Navbar **/
@media (max-width: 767px) {
	.m_menu_etc {border-top:1px solid #eee;padding-top:5px;}
	.navbar-nav {margin:0px;}
	.dropdown-menu > li:hover,
	.dropdown-menu > li.active {background-color:#ed1c24 !important;}
	.dropdown-menu > li:hover a,
	.dropdown-menu > li.active a {color:#fff !important;}
	#st-body .navbar-nav .dropdown-submenu > a:after {
		margin-right: 0;
	}
	#st-body .navbar-nav .dropdown-submenu .dropdown-menu {
		margin-top: 0;
		margin-left: 0;
	}
	#st-body .navbar-nav .dropdown-submenu .dropdown-menu li {
		padding: 15px;
		padding-right: 15px;
	}
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.notice_bar {position:absolute;bottom:0px;width:100%; font-size:18px;height:50px;line-height:50px;background:url('../img/main/pattern.png'); text-align:center;color:#fff;font-family:'Arial';font-weight:bold;}
.snotice_bar {position:absolute;bottom:0px;width:100%; font-size:15px;height:40px;line-height:40px;background:url('../img/main/pattern.png'); text-align:center;color:#fff;font-family:'Arial';font-weight:bold;}
.caret {display:inline-block;}
.navbar {margin-bottom:0px;}
/* 메뉴 미디어쿼리 */
@media (min-width: 768px) {
	.caret {display:none;}
	#st-body ul.navbar-nav > li {height:100px;vertical-align:middle;}
	#st-body ul.navbar-nav > li:nth-child(1) {width:11%;}
	#st-body ul.navbar-nav > li:nth-child(2) {width:12%;}
	#st-body ul.navbar-nav > li:nth-child(3) {width:17%;}
	#st-body ul.navbar-nav > li:nth-child(4) {width:22%;}
	#st-body ul.navbar-nav > li:nth-child(4) img {width:100%;max-width:247px;}
	#st-body ul.navbar-nav > li:nth-child(5) {width:17%;}
	#st-body ul.navbar-nav > li:nth-child(6) {width:11%;}
	#st-body ul.navbar-nav > li:nth-child(7) {width:10%;}
	#st-body ul.navbar-nav > li > a { font-size:17px;font-weight:bold;color:#231f20;padding-left:5px;padding-right:5px;}
	/*#st-body ul.navbar-nav > li > a b {font-size:18px;}*/
	#st-body ul.navbar-nav > li:hover > a,
	#st-body ul.navbar-nav > li.active > a {color:#ed1c24;}
	#st-body ul.navbar-nav > li.top_50 > a{padding-top:45px;padding-bottom:10px;text-align:center;}
	#st-body ul.navbar-nav > li.top_50:hover,
	#st-body ul.navbar-nav > li.active {background:url('../img/menubg_over.gif') center top repeat-x;}

	#st-body ul.navbar-nav .label-logged-in {
		font-size: 10px;
		position: relative;
		top: -5px;
		padding: 1px 3px;
	}
	#st-body ul.navbar-nav > li > .dropdown-menu {margin-left:-30%;}
	.notice_bar {font-size:28px;height:70px;line-height:70px;}
	.snotice_bar {font-size:22px;height:60px;line-height:60px;}
}
@media (min-width: 768px) and(max-width: 1199px) {
	#st-body ul.navbar-nav > li > a {padding-top:30px !important;}
	#st-body ul.navbar-nav > li:nth-child(7) > a {padding-top:40px !important;}
}

@media (min-width: 992px) {
	#st-body ul.navbar-nav > li:nth-child(1) {width:12%;}
	#st-body ul.navbar-nav > li:nth-child(2) {width:12%;}
	#st-body ul.navbar-nav > li:nth-child(3) {width:18%;}
	#st-body ul.navbar-nav > li:nth-child(4) {width:18%;}
	#st-body ul.navbar-nav > li:nth-child(4) > a {padding-top:25px !important;}
	#st-body ul.navbar-nav > li:nth-child(5) {width:18%;}
	#st-body ul.navbar-nav > li:nth-child(6) {width:11%;}
	#st-body ul.navbar-nav > li:nth-child(7) {width:10%;}
	#st-body ul.navbar-nav > li > .dropdown-menu {margin-left:0px !important;}
	.notice_bar {font-size:35px;height:80px;line-height:80px;}
	.snotice_bar {font-size:25px;height:60px;line-height:60px;}
}
@media (min-width: 1200px) {
	#st-body ul.navbar-nav > li:nth-child(1) {width:11%;}
	#st-body ul.navbar-nav > li:nth-child(2) {width:13%;}
	#st-body ul.navbar-nav > li:nth-child(3) {width:16%;}
	#st-body ul.navbar-nav > li:nth-child(4) {width:22%;}
	#st-body ul.navbar-nav > li:nth-child(4) > a {padding:10px !important;}
	#st-body ul.navbar-nav > li:nth-child(5) {width:17%;}
	#st-body ul.navbar-nav > li:nth-child(6) {width:11%;}
	#st-body ul.navbar-nav > li:nth-child(7) {width:10%;}
	.notice_bar {font-size:48px;height:100px;line-height:100px;}
	.snotice_bar {font-size:30px;height:70px;line-height:70px;}
}

/** Slider (carousel) **/
#st-body .carousel-main .item {
	width: 100%;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



/** Sidebar **/
#st-body .sidebar .banner {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
#st-body .sidebar .banner img {
	margin: 0 auto;
}


/** Footer **/
#st-body .footer .footbar {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	background-color: #f8f8f8;
}
#st-body .footer .footbar .btn-group {
	border-radius: 0;
}
#st-body .footer .content {
	color: #000;
	line-height: 1.7;
	border-top: 1px solid #010101;
	min-height: 20px;
	padding: 20px 0 10px 0;
}
#st-body .footer .content a,
#st-body .footer .content a:hover {
	color: #000;
}
#st-body .footer .content .divider {
    color: #666;
    font-size: 80%;
    position: relative;
    top: -1px;
    margin: 0 7px;
}
#st-body .footer .content hr {
    border-top: 1px solid #444;
}
#st-body .footer .copyright {
	color: #ccc;
	text-align: center;
	background-color: #222;
	padding: 10px 0;
}
#st-body .footer .copyright a,
#st-body .footer .copyright a:hover {
	color: #fff;
}
@media (max-width: 991px) {
	#st-body .footer .content {
		text-align: center;
	}
}


/** Common **/
#st-body .btn-nav {
	color: #fff;
    height: 43px;
    line-height: 43px;
	border-top: 0;
	border-bottom: 0;
	border-radius: 0;
	padding: 0 10px;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
}

/** Preloader **/
#st-preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: #ffffff;
	z-index:999999;
}
#st-preloader .spinner {
	margin: 150px auto 0;
	width: 70px;
	text-align: center;
	position:fixed;
	z-index:999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%;
	top:50%;
	background-size:32px 32px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px;
}
#st-preloader .spinner > div {
	width: 18px;
	height: 18px;
	background-color: #ccc;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#st-preloader .spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
#st-preloader .spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
	0%, 80%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 40% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}


/** Back to top menu **/
#st-backtotop {
	color: #fff;
    position: fixed;
    bottom: 15px;
    right: 15px;
    text-decoration: none;
    padding: 16px;
    display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
	background: rgba(0,0,0,0.4);
	z-index: 5000;
	cursor: pointer;
}
#st-backtotop:hover {
	background-color: #333;
}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_con p {margin: 0}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


/* 상단퀵메뉴 */
.text-right {font-size:11px; color:#ddd}
.text-right a {font-size:12px; color:#000; margin:0px 7px; text-decoration:none; font-weight:600;}

/* 서브페이지 상단 비주얼이미지 */
.svisual_area {position:relative;width:100%;height:306px;margin-top:-20px;background-repeat:no-repeat;background-size:cover; text-align:center;}
.svisual_img_ {background-image:url('../img/sub/sub_visual01.jpg');}
.svisual_img_1 {background-image:url('../img/sub/sub_visual01.jpg');}
.svisual_img_2 {background-image:url('../img/sub/sub_visual02.jpg');}
.svisual_img_3 {background-image:url('../img/sub/sub_visual03.jpg');}
.svisual_img_4 {background-image:url('../img/sub/sub_visual04.jpg');}
.svisual_img_5 {background-image:url('../img/sub/sub_visual05.jpg');}
.svisual_img_6 {background-image:url('../img/sub/sub_visual06.jpg');}
.svisual_area div.h3_area {position:absolute;top:20%;width:100%;}
.svisual_area  div.h3_area div.h3 {display:table;margin:0 auto; background-color:rgba(0, 0, 0, .5);padding:2% 5% 1% 5%;border-radius:65px;font-size:30px; font-weight:bold; color:#fff;}
.svisual_area hr {width:60px;border-top:2px solid #fff;}

@media (max-width: 991px) {
	.svisual_area {height:200px;}
	.svisual_area  div.h3_area div.h3 {padding:2% 5% 0% 5%;font-size:20px;}
}
@media (max-width: 767px) {
	.svisual_area {height:150px;}
	.svisual_area hr {margin-top:10px;margin-bottom:10px;}
	.svisual_area  div.h3_area div.h3 {padding:3% 5% 1% 5%;font-size:20px;}
}

/* 서브페이지 네비게이션*/
.menu-header {display: table;position:relative;margin:0px auto;border-bottom:2px solid #ebebeb;width:100%;margin-bottom:30px;}
.menu-header ul {width:100%; max-width:1200px; margin:0 auto; padding:0px;text-align:right;font-size:13px;color:#231f20;padding:20px 10px;}
.menu-header ul b {font-size:13px;}
.menu-header ul b.red {color:#ed1c24;}

@media (max-width: 767px) {
	.menu-header ul {padding:10px;}
}

/* 게시판 헤더부분 숨기기*/
.page-header {display: none;}

/* 버튼 스타일 강제로주기*/
.btn-primary, .btn-info {background-color: #3b3b3b !important; border-color: #282828 !important; }

/* main css정의*/
section .inner_cont {width:100%;max-width:1200px;margin:0 auto;}
section.information {padding-top:3%;padding-bottom:2%;background-color:#fff;}
section.information li {list-style:none;}
section.information div.info_box {margin:0 auto; width:100%; max-width:370px;height:425px;border:1px solid #dbdbdb;border-radius:15px;margin-bottom:20px;}
section.information div.info_box:hover {border:1px solid #ed1c24;}
section.information div.info_box img.mimg {width:100%;max-width:368px;}
section.information div.info_box h3 {font-size:18px;font-weight:bold;color:#000;padding:15px;text-align:center;}
section.information div.info_box p {font-size:13px;color:#666;padding:7%;text-align:center;line-height:1.5;}
section.information div.info_box p b {font-size:18px; color:#000;line-height:3.5;}
section.information div.info_box p b a {color:#000;text-decoration:none;}
section.information div.info_box .info_mini_area {display:table;width:100%;padding:15px 0px 0px 0px;}
section.information div.info_box .info_mini_area li {display:table-cell;width:33.3%;float:left;font-size:12px;letter-spacing:-1px;text-align:center;}
section.information div.info_box .info_mini_area li img {width:100%;max-width:107px;}

#product-list{width:100%; max-width:368px; padding:3px 10px 10px; position:relative;}
#product-list a{color:#000;text-decoration:none;}
#product-list .owl-carousel{width:100%;}
#product-list .owl-carousel .item{text-align:center;}
#product-list .owl-carousel .item .stit{margin-top:2px; font-size:12px; letter-spacing:-1px; text-align:center; display:block;}
#product-list .owl-carousel .item img{max-width:100px; margin:0 auto;}
#product-list .stretchy_wrapper{}
#product-list .owl-carousel .owl-dots{width:100%; height:5px; bottom:-5px; right:0; z-index:10000; text-align:center; position:absolute;}
#product-list .owl-carousel .owl-dots .owl-dot{height:5px; margin:0 2px; display:inline-block; z-index:1000; position:relative;}
#product-list .owl-carousel .owl-dots .owl-dot span{width:10px; height:10px; border-radius:50%; background:#999; display:block; vertical-align:bottom;}
#product-list .owl-carousel .owl-dots .active span{background:#000;}
#product-list .owl-carousel .owl-nav{display:none;}

section.m_product {padding-bottom:3%;background-color:#f2f2f2;background-image:url('../img/main/m_line.gif');background-repeat:repeat-x;background-position:top;text-align:center;}
section.m_product img.m_title {margin:0 auto;}
section.m_product h3 {font-size:24px;padding:2%;color:#000;text-align:center;font-weight:bold;}
/*
section .inner_cont {width:100%;max-width:1200px;margin:0 auto;}
section.information {padding-top:3%;padding-bottom:2%;background-color:#fff;}
section.information li {list-style:none;}
section.information div.info_box {margin:0 auto; width:100%; max-width:370px;height:425px;border:1px solid #dbdbdb;border-radius:15px;margin-bottom:20px;}
section.information div.info_box:hover {border:1px solid #ed1c24;}
section.information div.info_box img.mimg {width:100%;max-width:368px;}
section.information div.info_box h3 {font-size:18px;font-weight:bold;color:#000;padding:15px;text-align:center;}
section.information div.info_box p {font-size:13px;color:#666;padding:7%;text-align:center;line-height:1.5;}
section.information div.info_box p b {font-size:18px; color:#000;line-height:3.5;}
section.information div.info_box p b a {color:#000;text-decoration:none;}
section.information div.info_box .info_mini_area {display:table;width:100%;padding:15px 0px 0px 0px;}
section.information div.info_box .info_mini_area li {display:table-cell;width:33.3%;float:left;font-size:12px;letter-spacing:-1px;text-align:center;}
section.information div.info_box .info_mini_area li img {width:100%;max-width:107px;}

section.m_product {padding-top:1%;padding-bottom:3%;background-color:#f2f2f2;}
section.m_product h3 {font-size:24px;padding:2%;color:#000;text-align:center;font-weight:bold;}
*
/* 카피라이트 css정의*/
.copyright_info {display:table;margin:0 auto;}
.copyright_info li {display:table-cell;font-size:12px;color:#000;line-height:1.5;padding:5px;vertical-align:middle;}
.copyright_info li img {padding:0px 15px;}
.copyright_info li span.ed1c24 {color:#ed1c24;}

@media (max-width: 767px) {
	.copyright_info > li:first-child {display:none;}
	.copyright_info > li:last-child {width:100%; text-align:center;}
}
@media (max-width: 991px) {
	#st-body .footer .content {padding-top:10px;}
	.copyright_info > li:first-child img {padding:1%;}
}