/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}

.content_desc				{min-height:500px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
.header_t			{width:100%; margin:0 auto; padding:0 4% 0 4%; height:90px; position:fixed; left:0; top:0px; z-index:99;  display:flex; justify-content:space-between; align-items:center; width:100%;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}

.header_logo					{}
.header_gnb_bg				{width: 42%;}

.header_language {display:inline-block; position:relative; cursor:pointer; display:block; text-transform: uppercase; margin-left: 3%;}
.header_language .select {width:120px; float: right; padding:8px 5px; position:relative; font-size:12px; text-align:left; color:#fff; border:1px solid #fff; font-family: 'Exo', sans-serif;}
.header_language .select span {display:inline-block; float:right; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #fff; margin: 4% 5px 0 0;}
.header_language .select span.up {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #fff; border-top: 0;}
.header_language ul {width:120px; display:none; position:absolute; z-index:99; background:#fff; font-size:12px; top:30px; right: 0; padding:10px 0; border:1px solid #ccc;}
.header_language ul li {line-height:25px; height:25px; border:none; padding-left:10%; text-align:left; }
.header_language ul li a {cursor:pointer; width:100%; height:100%; display:inline-block; color:#212121; font-size:12px;}
.header_language ul li a:hover {text-decoration:underline;}

/* 로고 */
.header_logo img			{width:100%; max-width:130px; height:auto;}
.header_logo img:last-child {display: none;}
/* 로그인버튼 */
.header_btn dl dd			{font-size:0.75rem; padding-top:5px;}

/* global navigation bar */
.gnb								{position:relative; z-index:999;}
/* gnb Common */
.menu								{position:relative;}
.menu .major ul								{list-style:none; display:flex; justify-content: space-between; width:100%;}
.menu .major ul li						{position:relative;}
.menu .major > ul > li > a					{position:relative; padding:20px 0; color:#fff; }
.menu .major ul li a span			{display:inline-block; margin:0 20px; padding:10px 0px; font-size:20px !important; font-weight: 600; border-bottom:3px solid transparent;}

/* gnb Hover */
.menu .major li.active{z-index:2}
.menu .major li a:hover span,.menu .major li a:active span,.menu .major li a:focus span{border-bottom:3px solid transparent; color:#fff}
.menu .major li.active a span{border-bottom:3px solid transparent; color:#fff}
/*대메뉴 포커스 효과 변경시 */
.menu .major li.pactive a span{border-bottom:3px solid transparent; color:#fff}
.menu .major li.pactive ul.sub{display:none;}
/*대메뉴 포커스 효과 변경시 */



/* gnb 2depth */
.menu .major ul.sub							{position:absolute; top:50px; display:none; border:1px solid #dfdfdf; background:#fff; width: 180px; border-radius:10px; padding: 10px 0;}
.menu .major li.active ul.sub		{display:block;}
.menu .major ul.sub li					{clear:both; margin:0; padding:5px 10px}
.menu .major ul.sub li a				{color:#555; font-size:16px;}
.menu .major ul.sub li a:hover	{color:#11a249}




/* 햄벅 */
.mo_nav				{display:none; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; padding:10px 10px; background-color:transparent; background-image:none; border-radius:3px; border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#fff; display:block; width:28px; height:4px; border-radius:5px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:4px; width:24px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:32px; height:4px; }

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(16px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}


@media (max-width: 1439px) {
.header_gnb_bg {width: 60%;}
}

@media (max-width: 1280px) {

}

@media (max-width: 1024px) {
.header_gnb_bg			{display:none;}
.header_language            {display: none;}
.mo_nav				{display:block;  width:15%; max-width:50px;}
}

@media (max-width: 768px) {
.header_t						{height: 60px;}
.header_logo				{width: 25%; }
.header_btn					{display:none;}

/* .heightBlank					{height:60px;} */
}

/**/
.f-nav{padding: 0 4% 0px 4%; height:80px; background:#fff; border-bottom:1px solid #dfdfdf;}
.f-nav .header_logo img:first-child {display: none;}
.f-nav .header_logo img:last-child {display: block;}
.f-nav .header_language .select {width:120px; float: right; padding:8px 5px; position:relative; font-size:12px; text-align:left; color:#333; border:1px solid #333; font-family: 'Exo', sans-serif;}
.f-nav .header_language .select span {display:inline-block; float:right; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #333; margin: 4% 5px 0 0;}
.f-nav .header_language .select span.up {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #333; border-top: 0;}
.f-nav .mo_nav .navbar-toggle .icon-bar {background:#333; display:block; width:28px; height:4px; border-radius:5px;}
.f-nav .menu .major ul li a {color: #131313;}

.f-nav .menu .major li a:hover span,.menu .major li a:active span,.menu .major li a:focus span{border-bottom:3px solid #11a249; color:#11a249}
.f-nav .menu .major li.active a span{border-bottom:3px solid #11a249; color:#11a249}
/*대메뉴 포커스 효과 변경시 */
.f-nav .menu .major li.pactive a span{border-bottom:3px solid #11a249; color:#11a249}
.f-nav .menu .major li.pactive ul.sub{display:none;}
/*대메뉴 포커스 효과 변경시 */

@media (max-width: 768px) {
.f-nav {height: 60px;}
}
/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
/* 메인공통 */
.main_wrap {overflow: hidden;}
.main_wrap .main_tit {font-size: 36px; font-weight: 600;}
.main_wrap .main_sub_tit {font-size: 16px;}

.main_visual {width: 100%; height: 50vw;/*  background: url('../images/main_visual01.jpg') no-repeat center; */ background: #000; background-size: cover; position: relative;  text-align: center; overflow: hidden;}
/* .main_visual::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 70%);} */
.main_visual video {position: absolute; max-width:1920px; width: 100%; height: 1071px; opacity: 0.8; display: flex;}
.main_visual .txt {color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.7); width: 100%; height: 1080px; display: flex; flex-flow:column wrap; justify-content:center;}
.main_visual .txt .txt_01 {font-size: 32px; margin-top: -100px;}
.main_visual .txt h2 {font-size: 45px; font-weight: 600; padding: 10px 0 15px;}
.main_visual .txt .txt_02 {font-size: 20px; line-height: 1.8; font-weight: 300;}
.main_visual .scroll {position: absolute; bottom: 160px; color: #fff; z-index: 10; left: 50%;  font-size: 18px; height: 110px; line-height: 1; overflow: hidden; bottom: 0; margin-left: -23px; text-shadow: 0 0 5px rgba(0,0,0,0.7);}
.main_visual .scroll span {width: 1px; height: 80px; background: #fff; display: block; animation: scroll 1.5s infinite; position: absolute; left: 22px; bottom: 0;}

@keyframes scroll {
0% {bottom: 0;}
100% {bottom: -80px;}
} 

.swiper-container{
    height: 100%;
}
.product .main_tit {text-align: center;}
.product .main_tit::after {content: ''; width: 40px; height: 1px; display: block; background: #11a249; margin: 30px auto 60px;}
.product {padding: 100px 0; background: #f4f4f4;}
.product ul {display: flex; justify-content:space-between; flex-flow:row wrap;}
.product ul li {width: 230px; height: 300px; transition:all 0.3s; }
.product ul li a {width: 100%; height: 100%; display: flex; flex-flow:column wrap; justify-content:center; border-radius:15px; position: relative; transition:all 0.3s;}
.product ul li a h3 {font-size: 22px; position: absolute; bottom: 7%; left: 10%; color: #fff; font-weight: 600;}
.product ul li a .ico img {display: none; max-width:100px; width: 100%;}
.product ul li:first-child a {background: url('../images/m_product01.jpg') no-repeat center; background-size: cover;}
.product ul li:nth-child(2) a {background: url('../images/m_product02.jpg') no-repeat center; background-size: cover;}
.product ul li:nth-child(3) a {background: url('../images/m_product03.jpg') no-repeat center; background-size: cover;}
.product ul li:nth-child(4) a {background: url('../images/m_product04.jpg') no-repeat center; background-size: cover;}
.product ul li:last-child a {background: url('../images/m_product05.jpg') no-repeat center; background-size: cover;}

.product ul li:hover a {background: rgb(5,208,83); background: linear-gradient(163deg, rgba(5,208,83,1) 0%, rgba(0,99,39,1) 100%); box-shadow: 1px 0px 20px #515151; transition:all 0.3s;}
.product ul li:hover a .ico img {display: block; margin: 0 auto; text-align: center;}

.calsnbt {padding: 100px 0;}
.calsnbt .inner {display: flex; justify-content: space-between; align-items: center;}
.calsnbt .inner > div {width: 50%;}
.calsnbt .inner > div.m_left .left_top {display: flex;}
.calsnbt .inner > div.m_left .left_top > div {width: 50%; height: 260px; padding: 25px; display: flex; flex-flow:column; justify-content:space-between;  color: #fff;}
.calsnbt .inner > div.m_left .left_top > div:first-child {background: url('../images/m_cals_bg.jpg') no-repeat center; background-size: cover;}
.calsnbt .inner > div.m_left .left_top > div:last-child {background: rgb(0,167,64); background: linear-gradient(163deg, rgba(0,167,64,1) 0%, rgba(0,116,45,1) 100%);}
.calsnbt .inner > div.m_left .left_top > div a {width: 140px; padding: 12px 0; text-align: center; border: 1px solid #fff; color: #fff; font-size: 16px; display: block; transition:all 0.2s;}
.calsnbt .inner > div.m_left .left_top > div a:hover {background: #fff; color: #131313;}
.calsnbt .inner > div.m_left .left_bottom {padding: 25px; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;}
.calsnbt .inner > div.m_right {padding-left: 12px;}

@media (max-width: 1439px) {
.main_visual {height: 55vw;}
.main_visual .txt {height: 55vw;}
.main_visual video {height: 55vw;}
}

@media (max-width: 1280px) {
.main_visual .txt .txt_01 {font-size: 24px;}
.main_visual .txt h2 {font-size: 32px; ;}
.main_visual .txt .txt_02 {font-size: 18px;}

.product ul {padding: 0 2%; justify-content: center;}
.product ul li {width: 150px; height: 220px; margin-right: 2%;}
}

@media (max-width: 1024px) {
.main_visual .txt .txt_01 {margin-top: 0;}
.product ul li {width: 130px; height: 200px; margin-right: 2%;}

.calsnbt .inner > div.m_left .left_top > div {height: 230px; padding: 15px;}
}

@media (max-width: 768px) {
.main_wrap .main_tit {font-size: 24px;}
.product .main_tit::after {margin: 15px auto 30px;}

.main_visual {height: 80vh; background: url('../images/main_visual_mo.jpg') no-repeat center; background-size: cover;}
.main_visual .txt {height: 80vh;}
.main_visual video {display: none;}
.main_visual .txt .txt_01 {font-size: 4vw;}
.main_visual .txt h2 {font-size: 5vw;}
.main_visual .txt .txt_02 {font-size: 15px; line-height: 1.6;}

.product {padding: 70px 0;}
.product ul {padding: 0 10%; display: block;}
.product ul li {width: 100%; height: 120px; display: flex; flex-flow:column wrap; justify-content:center;  margin-right: 0; margin-bottom: 2%;}
.product ul li a {display: flex; flex-flow:initial;; align-items:center; justify-content: center; padding: 20px 10px;}
.product ul li a h3 {position: relative; bottom: auto; left: auto; font-size: 18px;}
.product ul li a .ico img {display: block; margin: 0 auto; text-align: center;}
.product ul li:first-child a {background: rgb(5,208,83); background: linear-gradient(163deg, rgba(5,208,83,1) 0%, rgba(0,99,39,1) 100%);}
.product ul li:nth-child(2) a {background: rgb(5,208,83); background: linear-gradient(163deg, rgba(5,208,83,1) 0%, rgba(0,99,39,1) 100%);}
.product ul li:nth-child(3) a {background: rgb(5,208,83); background: linear-gradient(163deg, rgba(5,208,83,1) 0%, rgba(0,99,39,1) 100%);}
.product ul li:nth-child(4) a {background: rgb(5,208,83); background: linear-gradient(163deg, rgba(5,208,83,1) 0%, rgba(0,99,39,1) 100%);}
.product ul li:last-child a {background: rgb(5,208,83); background: linear-gradient(163deg, rgba(5,208,83,1) 0%, rgba(0,99,39,1) 100%);}
.product ul li:hover a {background: rgb(5,208,83); background: linear-gradient(163deg, rgba(5,208,83,1) 0%, rgba(0,99,39,1) 100%); }
.product ul li:hover a .ico img {display: block; margin: 0 auto; text-align: center;}

.calsnbt {padding: 70px 0;}
.calsnbt .inner {display: block; padding: 0 2%;}
.calsnbt .inner > div {width: 100%;}
.calsnbt .inner > div.m_right {padding-left: 0; margin-top: 30px;}
.main_wrap .main_sub_tit {font-size: 3.2vw;}
.calsnbt .inner > div.m_left .left_top > div a {width: 120px; padding: 10px 0; font-size: 3.2vw;}
}



/************************* main_inc 끝*************************/

/************************* page 시작 *************************/
/* sub_공통 */
.cont {padding-top: 100px; overflow: hidden;}
.cont .tit {font-size: 36px; font-weight: 300; text-align: center; color: #131313;}
.cont .tit span {font-weight: 600; color: #11a249;}
.cont .tit::after {content: ''; width: 40px; height: 1px; display: block; background: #11a249; margin: 30px auto 40px;}

.cont .txt {text-align: center;}
.cont .txt p {font-size: 18px; padding-bottom: 15px; line-height: 1.6; color: #343434;}
.cont .txt .color {font-size: 28px; font-weight: 300; color: #11a249;}

/* 회사소개 */
.s11_wrap .vision {margin-top: 100px; padding: 100px 0; background: #fafafa;}
.s11_wrap .vision img {max-width:930px; width: 100%; display: block; margin: 0 auto;}

/* 연혁 */
.s12_wrap .tit::after {margin: 30px auto 60px;}

/* 품질 */
.s13_wrap .txt p span {font-size: 24px; font-weight: 500; color: #131313;}
.s13_wrap h4 {font-size: 24px; text-align: center; display: flex; align-items:center; justify-content:center; font-weight: 500; color: #131313;}
.s13_wrap h4::after {content: ''; width: 10px; height: 10px; background: #11a249; display: block; border-radius:50%; margin-left: 10px;}
.s13_wrap h4::before {content: ''; width: 10px; height: 10px; background: #11a249; display: block; border-radius:50%; margin-right: 10px;}
.s13_2 {padding: 100px 0; background: #fafafa; margin-top: 100px;}
.s13_2 .img img {max-width:769px; width: 100%; display: block; margin: 70px auto 0;}
.s13_3 {margin: 100px auto;}
.s13_3 ul {display: flex; justify-content:space-between; margin-top: 70px;}
.s13_3 ul li {width: 32%; border: 1px solid #c2c2c2;}
.s13_3 ul li img {max-width:390px; width: 100%; display: block; margin: 0 auto;}
.s13_3 ul li .txt {padding: 30px 10px 20px; position: relative;}
.s13_3 ul li .txt p {padding-bottom: 0;}
.s13_3 ul li .txt span {width: 60px; height: 60px; display: block; border-radius: 50%; background: #fff; position: absolute; display: flex; flex-flow:column wrap; justify-content:center; text-align: center; top: -30px; left: 50%; margin-left: -30px; font-size: 18px; color: #11a249; font-weight: 600;}
.s13_4 {padding: 100px 0; background: #f4f4f4;}
.s13_4 ul {display: flex; justify-content:space-between; margin-top: 70px;  padding: 20px 0; background: #fff;}
.s13_4 ul li {width: 50%; text-align: center; }
.s13_4 ul li:first-child {border-right: 1px solid #c2c2c2;}
.s13_4 ul li p {font-size: 16px; color: #343434;}
.s13_4 ul li img {max-width:150px; width: 100%;}
.s13_4 ul.iso {align-items:center; margin-top: 70px; padding: 30px 0;}
.s13_4 ul.iso li img {max-width: 280px; width: 100%;}
.s13_4 ul.iso li {width: 33%;}
.s13_4 ul.iso li:nth-child(2) {border-right: 1px solid #c2c2c2;}
/* contact */
.s41_wrap .sub_tit {text-align: center; font-size: 18px; color: #343434;}
.s41_wrap .form .flx {display: flex; justify-content:space-between; flex-flow:row wrap; margin-top: 70px;}
.s41_wrap .form h3 {font-size: 20px; font-weight: 600; color: #131313; position: relative; display: flex;}  
.s41_wrap .form h3.req_art::after {content: '';  width: 5px; height: 5px; background: #ffb600; border-radius: 50%; display: block; margin-left: 3px;}

.s41_wrap .form .flx > div {width: 48%; margin-bottom: 40px;}
.s41_wrap .form .flx > div input {width: 100%; border: none; border-bottom: 2px solid #131313; padding: 13px 10px; font-size: 16px; color: #585858;}
.s41_wrap .form .flx > div .selectbox {width: 100%; height: auto; padding: 3px 10px; border: none; border-bottom: 2px solid #131313; font-size: 16px; color: #585858;}
.s41_wrap .form textarea {width: 100%; height: 150px; border: 1px solid #c2c2c2; border-bottom: 2px solid #131313; padding: 10px; margin-top: 20px;} 
.s41_wrap .form .prv {display: flex; align-items:center; justify-content:center; margin: 50px auto;}
.s41_wrap .form .prv label {display: flex; align-items:center; justify-content:center;  font-size: 16px; color: #343434;}
.s41_wrap .form .prv label input[type=checkbox] {width: 16px; height: 16px; margin-right: 3px; position: relative; top: 2px;}
.s41_wrap .form .prv a {font-size: 16px; color: #343434; margin-left: 5px;}
.s41_wrap .form .fom_btn {text-align: center;}
.s41_wrap .form .fom_btn input {width: 180px; padding: 12px 0; text-align: center; margin: 0 auto; background: #11a249; color: #fff; font-size: 20px; border: none;}

.s41_wrap .map {margin-top: 100px; padding: 100px 0; background: #f4f4f4;}
.s41_wrap .map .inner {display: flex; justify-content: space-between; align-items:center;}
.s41_wrap .map .inner > div {width: 48%;}
.s41_wrap .map iframe {width: 100%; height: 350px;}
.s41_wrap .map .inner > div:last-child .sub_tit {font-size: 24px; padding-bottom: 30px; color: #131313; font-weight: 600; text-align: left;}
.s41_wrap .map .inner > div:last-child .sub_tit span {font-weight: 400;}
.s41_wrap .map ul li {display: display;}
.s41_wrap .map ul li .ico {font-size: 28px; color: #11a249; margin-right: 15px;}
.s41_wrap .map ul li .txt {text-align: left;}
.s41_wrap .map ul li .txt h4 {font-size: 18px; color: #131313;}
.s41_wrap .map ul li .txt p {font-size: 16px; color: #343434; padding-bottom: 20px;}


@media (max-width: 1439px) {

}

@media (max-width: 1280px) {
.s13_3 ul {padding: 0 2%;}
.s41_wrap .inner {padding: 0 2%;}
}

@media (max-width: 1024px) {
.cont {padding-top: 60px;}
.cont .tit {font-size: 24px;}
.cont .tit::after {content: ''; width: 40px; height: 1px; display: block; background: #11a249; margin: 30px auto 40px;}

.cont .txt p {font-size: 16px; padding-bottom: 15px; line-height: 1.6; color: #343434;}
.cont .txt .color {font-size: 20px; font-weight: 300; color: #11a249;}

.s11_wrap .vision {margin-top: 60px; padding: 60px 0;}

.s13_2 {padding: 60px 0; margin-top: 60px;}

.s13_3 {margin: 60px auto;}
.s13_4 {padding: 60px 0;}
.s13_4 ul.iso {margin-top: 40px;}

.s41_wrap .map {margin-top: 60px; padding: 60px 0;}
}

@media (max-width: 768px) {
.cont .tit::after {content: ''; width: 40px; height: 1px; display: block; background: #11a249; margin: 15px auto 30px;}

.cont .txt {padding: 0 2%;}
.cont .txt .color {font-size: 3.4vw;}
.cont .txt p {font-size: 3.2vw;}
.cont .txt p br {display: none;}

.s11_wrap .vision .inner {padding: 0 4%;}

.s13_wrap .txt p span {font-size: 18px;}
.s13_wrap h4 {font-size: 3.4vw;}
.s13_wrap h4::before {width: 5px; height: 5px; margin-right: 5px;}
.s13_wrap h4::after {width: 5px; height: 5px; margin-left: 5px;}
.s13_2 .img {padding: 0 2%;}
.s13_2 .img img {margin: 40px auto 0;}

.s13_3 ul {display: block; margin-top: 40px;} 
.s13_3 ul li {width: 100%; margin-bottom: 2%; display: flex;}
.s13_3 ul li .img {width: 40%;}
.s13_3 ul li .txt {width: 60%; padding: 13px 0 13px 3%; display: flex; flex-flow: column wrap; justify-content:center;}
.s13_3 ul li .txt span {position: relative; top: auto; left: 0; margin-left: 0; width: auto; height: auto; text-align: left; font-size: 3.2vw;}
.s13_3 ul li .txt p {text-align: left;}
.s13_3 ul li .txt p br {display: block;}

.s13_4 .inner {padding: 0 4%;}

.s41_wrap .sub_tit {font-size: 16px;}
.s41_wrap .form h3 {font-size: 16px;}
.s41_wrap .form .flx > div input {font-size: 15px;}
.s41_wrap .form .flx > div .selectbox {font-size: 15px;}
.s41_wrap .form .prv {margin: 30px auto;}
.s41_wrap .form .fom_btn input {width: 160px; padding: 10px; font-size: 18px;}
.s41_wrap .map .inner {display: block;}
.s41_wrap .map .inner > div {width: 100%;}
.s41_wrap .map .inner > div:last-child .sub_tit {font-size: 18px; padding: 20px 0 15px;}
.s41_wrap .map ul li .txt h4 {font-size: 16px; padding-bottom: 5px;}
.s41_wrap .map ul li .txt p {font-size: 3.2vw;}
.s41_wrap .map ul li .ico {font-size: 30px; margin-right: 10px;}
}

/************************* page 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; }
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #efefef;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center; font-size: 24px; color: #18a44b;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:16px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:250px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:16px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:251px; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
footer {padding: 20px 0; background: #101010; text-align: center; font-family: 'Noto Sans Korean';}
footer ul {display: flex; justify-content:center;}
footer ul li::after {content: ''; width: 1px; height: 13px; background: #b2b2b2; display: inline-block; margin: 0 25px;}
footer ul li:last-child::after {display: none;}
footer ul li a {color: #b2b2b2 !important; font-size: 17px;}
footer ul li.bold a {font-weight: 600;}

footer .txt {padding-top: 10px;}
footer .txt div {display: flex; justify-content:center; font-size: 16px; color: #909090; line-height: 1.8;}
footer .txt div h4 {font-weight: 600;}
footer .txt div p {display: flex; align-items:center;}
footer .txt div span {width: 1px; height: 13px; background: #909090; display: block; margin: 0 10px;}

footer .copy {font-size: 14px; color: #909090; padding-top: 10px;}
footer .copy a {color: #909090 !important;}

@media (max-width: 1024px) {
footer .inner {padding: 0 2%;}
footer ul li a {font-size: 14px;}
footer .txt div { display: block;}
footer .txt div h4 {font-size: 16px;}
footer .txt div p {font-size: 14px;}
footer .txt div p span {display: none;}
}

@media (max-width: 768px) {
footer ul li a {font-size: 3.4vw;}
footer ul li::after {margin: 0 20px;}
footer .txt div h4 {font-size: 3.4vw;}
footer .txt div p {font-size: 3vw;}
footer .copy {font-size: 3vw;}
}
/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("../images/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("../images/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/