@font-face {
    font-family: 'Noto Sans KR';
    font-weight: normal;
    font-style: normal;
}

a { color:#2e2e2e; transition: 0.3s; }
a:hover { color:#265b22; text-decoration: none; }

li { list-style: none; }

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-first{
	padding: 50px 0px 50px 20px;
    background: #4c4f6f;
    font-size: 20px;
	color:#fff;
    font-weight: bold;
    border-top: 3px solid #313450;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.carousel-item a{color:#fff;}
.carousel-caption, .carousel-caption h3.ks4 {color: #3c583a !important; font-size: 55px;    letter-spacing: -1px;}
.carousel-caption, .carousel-caption p.f20 {font-size: 27px;    letter-spacing: -1px;}

.navbar-expand-lg .navbar-collapse {justify-content: flex-end;}


/* navigation */
.navbar > .container li {display:inline-block;}
.navbar > .container li span.logo {font-size: 20px;letter-spacing: -1.5px;font-weight: 500;color: #000;margin-left: 6px;vertical-align: top;top: 6px; position: relative;}
#navi .bg {display: none; z-index: 10;}
 #navi:hover .bg {display: block;}
    #navi .bg {/*width: 100%; *//*background: transparent url('/image/common/back_gnb_bg.png');*/ height: 410px; position: absolute; left: 0; top: 115px;}
    #navi .toggle-navi {display: none;}
    #navi a {border-top:0}
    #navi > ul > li > a {font-size: 21px; height:50px; border-bottom: 3px solid transparent; color:#1b3520 !important; font-weight:500}
    #navi > ul > li:hover > a,
    #navi > ul > li.active > a {color: #41702a !important;  border-bottom: 2px solid #41702a;}
    #navi > ul > li:focus ul.dropdown-menu,
    #navi > ul > li:hover ul.dropdown-menu {/*background-image: url('/image/common/back_gnb_on.png');*/ background:#d9e6d4}
    #navi > ul > li ul.dropdown-menu {width: 100%;position: absolute;left:0px;top:50px; text-align:center; z-index: 999;border-radius:0px;border: none;
    height: 255px; padding: 10px 10px; background:#fbfefa; opacity:0.9;}
	#navi > ul > li ul.dropdown-menu a {padding: 5px; font-size: 16px; text-align:center;letter-spacing: -1px;border-bottom: 0px solid #eee;}
	#navi > ul > li ul.dropdown-menu a:hover {color:#0a6c2a;   /*background:#042a6f !important*/}

#navi .toggle-navi {margin-top: -55px;margin-right:6px;font-size: 22px;padding: 4px 10px;position: absolute;float: right;right: 0;color: #ffffff;background: #869e7a;    border: 0px;}
#navi a {color: #000; display: block; border-top: 0px solid #eee;}
#navi > ul {display: flex;justify-content: flex-end;position: relative; top:17px;width: 100%; z-index: 99999;  background-color:transparent;}
#navi > ul > li {position: relative; width: auto; display:block;text-align: center;  min-width: 215px; letter-spacing: -1px;}

/*#navi > ul > li:first-child > a {border-top: 0;}*/
#navi > ul > li ul.dropdown-menu li {display: block;float: none; position: relative; top: 0px;}
#navi > ul > li:nth-child(3) {position: relative; top: 0px;}
#navi:hover .dropdown-menu {display: block;}

   
	


.clearfix {zoom: 1;}


@media (max-width: 1024px) { 
#navi > ul {position: absolute; top: 53px; display: none; width: 100%; right: 0px !important;box-shadow: 0px 1px 3px 0px #8ba07f;}
#navi > ul > li ul.dropdown-menu {display: block; top: 0px; position: relative;height: auto;padding: 0px;}
#navi > ul > li ul.dropdown-menu a {font-size: 13px; padding: 2px 15px; color: #555;width: 100%;border-bottom: 1px solid #eee; background: #ffffff;}
#navi > ul > li > a {font-size: 15px; padding: 12px 5px; height: auto;}
#navi > ul > li:hover > a,
#navi > ul > li.active > a {color: #41702a !important; border-bottom: 3px solid #e8f0e5;}
#navi > ul > li:focus ul.dropdown-menu,
#navi > ul > li:hover ul.dropdown-menu {/*background-image: url('/image/common/back_gnb_on.png');*/ background:#ffffff;}
#navi .toggle-navi {margin-top:-40px;margin-right: 0px; display: block;}
#navi .toggle-navi .fa-align-justify:before {font-weight: 100;}
#navi > ul > li {width:100% !important;background: #e8f0e5;display: inline-block;}
#navi > ul > li > a {width: 100%;padding: 0px 24px;display: block;}
    
.navbar > .container {flex-direction: row; flex-wrap: wrap; align-items: flex-start; display: block;justify-content: space-between; padding-right: 0px;}
/*.navbar > .container li {display: block;}*/
.navbar > .container li:nth-child(2) {width:100%; }
    
}

.blind {position: absolute;top: 0;left: 0; width: 1px;height: 1px;overflow: hidden;z-index: -1;opacity: 0;}

.color-gray{color:#666}
.color-red{color:#ff0000}


.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f25 {font-size: 25px;}
.f30 {font-size: 30px;}
.f40 {font-size: 40px;}
.f50 {font-size: 50px;}
.f60 {font-size: 60px; color:#ffffff !important;}
.f70 {font-size: 70px; font-weight: 500;}
.bold {font-weight: bold;}


.footer ul li a{color:#fff;}
.footer ul li a:hover{color:#2e2e2e;}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.navbar .dropdown.show a:active { 
  background-color: transparent;
}
.bg-white {
    background-color: #ffffff!important;
	box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
    background-color: rgba(255, 255, 255, 0.98);
}

.subtitle {
  margin: 0 0 50px 0;
}
.head-line {
  line-height: 0.5;
  text-align: center;
}
.head-line span {
  display: inline-block;
  position: relative;  
}
.head-line span:before,
.head-line span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  top: 0;
  width: 100px;
}
.head-line span:before {
  right: 100%;
  margin-right: 15px;
}
.head-line span:after {
  left: 100%;
  margin-left: 15px;
}
.subbg{background:url('../img/subbg.jpg');}

.center-heading {text-align: center;}
.center {text-align: center;}
/*
.navbar {
  min-height: 80px;
}

.navbar-brand {
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
}
*/
.bg-dark {
    background-color: #000000!important;
}

#tnb_index { background: transparent; z-index: 9999; position:fixed; transition: 0.3s;}
#tnb_index h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb_index ul {margin:0 auto;zoom:1}
#tnb_index ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb_index li:first-child {border-right:0px solid #444444}
#tnb_index li {float:right;border-left:0px solid #444444;margin-bottom:-1px;}
#tnb_index a {display:inline-block;padding:0 0 0 20px;;line-height:20px;}
#tnb_index a:focus, #tnb_index a:hover {color:#3c583a;}
#tnb_index .tnb_index_admin a{color:#ff0000;}
#tnb_index .tnb_index_left{float:left}
#tnb_index .tnb_index_left a{padding:0 14px}
#tnb_index .tnb_index_cart{border-right:1px solid #ddd;}
#tnb_index .tnb_index_community{border-right:1px solid #ddd}
#tnb_index .tnb_index_community i{font-size:15px}
#tnb_index .tnb_index_community{background:#e7e7e7;font-weight:bold;}
#tnb_index .tnb_index_community:focus, #tnb_index .tnb_index_community:hover {color:#333;border-bottom:0}
#tnb_index .tnb_index_community a{color:#3c583a;border-bottom:1px solid #e7e7e7}
#tnb_index_left {float:left; margin-top:5px}
#tnb_index ul li a{font-size:12px; }


/*
아이콘박스
**********/

.h75{height:75px;}

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .info { padding: 15px 0 10px 0;  }
.box > .icon > .info > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-weight:500; color:#3b5839; margin: 0px 20px; text-align:center;}
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }
.info i{font-size:60px;}



/* info-pink */

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.info-pink i{font-size:60px;}



/* info-pink-2 */

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .info-pink-2 { 
	margin-top: -24px;
    border: 1px solid #e0e0e0;
    padding: 15px 0 10px 0;
    background: #a8dadc;
    color: #fff;
	height:257px;
}
.box > .icon > .info-pink-2 > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info-pink-2 > p {  font-weight:600; color: #fff; line-height: 1.7; margin: 20px; text-align:center;}
.box > .icon > .info-pink-2 > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.info-pink-2 i{font-size:60px;}


/* info-pink-3 */

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #6c757d; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .info-pink-3 { 
	margin-top: -24px;
    border: 1px solid #e0e0e0;
    padding: 15px 0 10px 0;
    background: #1d3557;
    color: #fff;
	height:257px;
}
.box > .icon > .info-pink-3 > h3.title { margin-top:20px; font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info-pink-3 > p {  font-weight:600; color: #fff; line-height: 1.7; margin: 20px; text-align:center;}
.box > .icon > .info-pink-3 > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.info-pink-3 i{font-size:60px;}


/*
parallax
**********/
.parallax-window {
    position: relative;
    background: #3e3b3b52;
}
.para_count {
	padding-top:50px;
}

/*
callbox
**********/
.callbox { background:#f2f2f2; margin-top:50px; padding-top:60px; padding-bottom:60px; }


/*
sns_icon
**********/

.sns_icon{
	list-style: none;
	text-align: center;
	width: 80px;
	cursor: pointer;
	display: inline;
	padding:5px;
}
.sns_icon .fab{ font-size:30px; }

.sns_icon .fa-facebook-f{ color:#a2a2a2; font-size:20px; }
.sns_icon .fa-instagram{ color:#a2a2a2; font-size:20px; }
.sns_icon .fa-twitter{ color: #a2a2a2; font-size:20px; }

.sns_icon a .fa-facebook-f:hover{ color:#3b5998; font-size:20px; }
.sns_icon a .fa-instagram:hover{ color:#dd4b39; font-size:20px; }
.sns_icon a .fa-twitter:hover{ color: #55acee; font-size:20px; }

/*
footer
*/

.a-link a { color:#ffffff; }
.sns_icon a { color:#ffffff; }
.bg-gray{background:#454545;}
.bg-gray div{padding:15px;}

/*
상하 좌우 조절
**********/
.margin-top-10 {
	margin-top:10px;
}
.margin-top-20 {
	margin-top:20px;
}
.margin-top-30 {
	margin-top:30px;
}
.margin-top-40 {
	margin-top:40px;
}
.margin-top-50 {
	margin-top:50px;
}
.margin-top-60 {
	margin-top:60px;
}
.margin-top-70 {
	margin-top:70px;
}
.margin-top-80 {
	margin-top:80px;
}
.margin-top-90 {
	margin-top:90px;
}
.margin-top-100 {
	margin-top:100px;
}
.margin-top-110 {
	margin-top:110px;
}
.margin-top-120 {
	margin-top:120px;
}
.margin-top-130 {
	margin-top:130px;
}
.margin-top-140 {
	margin-top:140px;
}
.margin-top-150 {
	margin-top:150px;
}




.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-30 {
	margin-bottom:30px;
}
.margin-bottom-40 {
	margin-bottom:40px;
}
.margin-bottom-50 {
	margin-bottom:50px;
}
.margin-bottom-60 {
	margin-bottom:60px;
}
.margin-bottom-70 {
	margin-bottom:70px;
}
.margin-bottom-80 {
	margin-bottom:80px;
}
.margin-bottom-90 {
	margin-bottom:90px;
}
.margin-bottom-100 {
	margin-bottom:100px;
}

.margin-bottom-110 {
	margin-bottom:110px;
}
.margin-bottom-120 {
	margin-bottom:120px;
}
.margin-bottom-130 {
	margin-bottom:130px;
}
.margin-bottom-140 {
	margin-bottom:140px;
}
.margin-bottom-150 {
	margin-bottom:150px;
}


.margin-left-10 {
	margin-left:10px;
}
.margin-left-20 {
	margin-left:20px;
}
.margin-left-30 {
	margin-left:30px;
}
.margin-left-40 {
	margin-left:40px;
}
.margin-left-50 {
	margin-left:50px;
}
.margin-left-60 {
	margin-left:60px;
}
.margin-left-70 {
	margin-left:70px;
}
.margin-left-80 {
	margin-left:80px;
}
.margin-left-90 {
	margin-left:90px;
}
.margin-left-100 {
	margin-left:100px;
}
.margin-right-10 {
	margin-right:10px;
}
.margin-right-20 {
	margin-right:20px;
}
.margin-right-30 {
	margin-right:30px;
}
.margin-right-40 {
	margin-right:40px;
}
.margin-right-50 {
	margin-right:50px;
}
.margin-right-60 {
	margin-right:60px;
}
.margin-right-70 {
	margin-right:70px;
}
.margin-right-80 {
	margin-right:80px;
}
.margin-right-90 {
	margin-right:90px;
}
.margin-right-100 {
	margin-right:100px;
}



.padding-top-10 {
	padding-top:10px;
}
.padding-top-20 {
	padding-top:20px;
}
.padding-top-30 {
	padding-top:30px;
}
.padding-top-40 {
	padding-top:40px;
}
.padding-top-50 {
	padding-top:50px;
}
.padding-top-60 {
	padding-top:60px;
}
.padding-top-70 {
	padding-top:70px;
}
.padding-top-80 {
	padding-top:80px;
}
.padding-top-90 {
	padding-top:90px;
}
.padding-top-100 {
	padding-top:100px;
}
.padding-top-110 {
	padding-top:110px;
}
.padding-top-120 {
	padding-top:120px;
}
.padding-top-130 {
	padding-top:130px;
}
.padding-top-140 {
	padding-top:140px;
}
.padding-top-150 {
	padding-top:150px;
}




.padding-bottom-10 {
	padding-bottom:10px;
}
.padding-bottom-20 {
	padding-bottom:20px;
}
.padding-bottom-30 {
	padding-bottom:30px;
}
.padding-bottom-40 {
	padding-bottom:40px;
}
.padding-bottom-50 {
	padding-bottom:50px;
}
.padding-bottom-60 {
	padding-bottom:60px;
}
.padding-bottom-70 {
	padding-bottom:70px;
}
.padding-bottom-80 {
	padding-bottom:80px;
}
.padding-bottom-90 {
	padding-bottom:90px;
}
.padding-bottom-100 {
	padding-bottom:100px;
}

.padding-bottom-110 {
	padding-bottom:110px;
}
.padding-bottom-120 {
	padding-bottom:120px;
}
.padding-bottom-130 {
	padding-bottom:130px;
}
.padding-bottom-140 {
	padding-bottom:140px;
}
.padding-bottom-150 {
	padding-bottom:150px;
}





.p-r{position: relative;}
.p-a{position: absolute;}


.para-text h2{line-height:2.5;}
.display-4 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.color_666{color:#2e2e2e;}


.heading{
	font-size: 18px;
	line-height: 24px;
}
.pro-icon i{font-size:24px;}

.navbar-toggler {
    background-color:#456654; margin: 0px 0px; padding: 4px 6px;
}


.para-text{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 서브메뉴 가로 크기 */
.dropdown-menu {
    min-width: 100%; position: relative; border: none;padding: 0px; margin: 0px;
}



.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.cbox {
    color: #333;
    background: #fff;
    padding: 60px 20px;
}
.cbox div{text-align: center;}
.cbox span{font-size:60px}
.cbox p{margin-top:10px; font-weight: 600;}
.parallax-window .row{
	/*padding: 90px 0px*/
}

/* DESKTOP 슬라이드 크기 조절 */
	.carousel-item {
	  height: 100%;
	  /*min-height: 300px;*/
	  max-height: 100%;
	  background: no-repeat center center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}

/*jquery TAB*/
.ui-widget.ui-widget-content {border: 0px solid #c5c5c5 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{border: 1px solid #7c9e8b !important; background: #7c9e8b !important;}
.ui-widget-header {border: 0px solid #dddddd !important; background: transparent !important;}
.ui-tabs .ui-tabs-nav li { width: 49%;  padding: 10px 20px !important; text-align: center;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {text-align: center; float: none !important;}

.fa, .far, .fas {
    font-family: 'FontAwesome' !important;
}

/* 데스크탑 */

.slick-prev, .slick-next {top: 44% !important;}
.slick-next:before {content: '>' !important;}
.slick-prev:before {content: '<' !important;}
.slick-prev:before, .slick-next:before {font-size:60px !important;  font-weight: bold; color:#ffffff !important;}
.slick-prev { left: -10px !important; z-index: 9;}
.slick-next {right: 30px !important;  z-index: 9;}

.slick-prev:before, .slick-next:before {color: #eee; border-radius: 100px; padding: 0px 10px; }



/* mobile */
@media (max-width: 1601px) {
.container {width: 100%;  /*max-width: 100% !important;*/}
}
@media (max-width: 1400px) {
    #navi > ul > li {width: 120px;min-width: 140px;}
    #navi > ul > li > a { font-size: 16px; }
    #navi > ul > li ul.dropdown-menu a { font-size: 13px; }
    .center-heading .margin-bottom-100, .center-heading .sub-text {margin-bottom: 100px !important;}
    .margin-bottom-60, .margin-bottom-80, .margin-bottom-100 {margin-bottom: 140px !important;}
    .box > .icon > .info > p {font-size: 15px;}
}
@media (max-width: 1023px) {
    .lang {margin-top: -185px !important;}
    .navbar-nav li {padding: 10px 0 10px 60px;	}
	.navbar > .container li:nth-child(3) {float: right; right: 0px;position: absolute; top: 75px;}
	.fixed-header {display:none;z-index: 999; position: fixed;background: #ffffff;}
	.login{display:none}
	.mpage{display:block;}
	.spage{overflow-x:auto;white-space: nowrap;}


	.fixed-header {display:block;}
	.login{display:none}
	.mpage{display:none;}


	/* header */
	.fixed-header {
		position: absolute;
		top: 0;
		right: -15px;
		z-index: 11;
	}
}

@media (max-width: 769px) {  
    .f70 {font-size: 50px;}
    .f20 {font-size: 14px;}
    .f17 {font-size: 14px;}
}

/* 모바일기기 */
@media only screen and (max-width: 320px) {

	/* 모바일 1 슬라이드 크기 조절 */
	.carousel-item {
	  height: 200px;;
	  min-height: 200px;
	  background: no-repeat center center scroll;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}

	/* 모바일 슬라이드 텍스트 크기 조절 */
	.carousel-caption h3{font-size:16px;}
	.carousel-caption p{font-size:14px;}


	/*
	네비
	**********/
	.navbar-brand { font-size:25px; font-weight:bold;     margin: 10px;}
	.navbar-nav li {
		padding: 5px 0 5px 10px;
	}

}

/* 모바일기기 + 태블릿 */

@media only screen and (min-width: 321px) and (max-width: 768px){


	/* 모바일 슬라이드 텍스트 크기 조절 */
	.carousel-caption h3{font-size:16px;}
	.carousel-caption p{font-size:14px;}

	/*
	네비
	**********/
    .navbar-brand {padding: 0px 0px;  margin: 10px 0px;}
    .navbar-toggler { font-size:25px; font-weight:bold;}
	.navbar-nav li {
		padding:5px 0 5px 10px;
	}
    .dropdown-item {text-align: left;}

}


.fp-completely h2, .carousel-caption, .carousel-caption h3.ks4, #container_title span  {animation: text_ani 1 .5s 0.1s both;}
.fp-completely .sub-text, .carousel-caption, .carousel-caption p.f20, #ctn_title01, #ctn_title01 a {animation: text_ani 1 .5s .3s both;}
.fp-completely .container .ani img {animation: text_ani 1 .5s .5s both;}
.fp-completely .box > .icon {animation: text_ani .9s .2s;}
.fp-completely .ks5  {animation: text_ani .8s .3s;}

.txt_ani {animation: text_ani 1 .5s .5s both;}

@keyframes text_ani {
	0%{opacity: 0; transform: translateY(30px);}
	100%{opacity: 1; transform: translateY(0px);}
}