@charset "utf-8";
@import url('/skin/notokr/notokr.css');

/* 초기화 코드 */
html{ overflow-x: hidden; overflow-y: scroll;}
.body-layout{
	background-color: #fff;
}
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { 
	font-family: 'notokr',  "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif; 
}
ol, ul, li{list-style: none;list-style-position: inside;}
p, li, dl, dt, td, th, h1, h2, h3, h4, h5{word-break:keep-all;}
a{text-decoration: none;}

.navbar .caret,
.navbar .divider-vertical,
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a{display: none;}

/*------ 상단 메뉴 설정 -------*/
.navbar-inverse {
    margin: 0;
    padding: 0;
    background: #fff;
    border-bottom: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/*로고*/
.navbar-inverse .navbar-brand {
	padding: 0;
    margin-left: 0 !important;
    margin-top: 23px;
}
.navbar-inverse .navbar-brand img {
	margin-top:-0 !important;
}

/* 메인메뉴 */
.navbar-inverse .navbar-nav {
    z-index: 100;
    margin-top: 20px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #111;
    letter-spacing: 0.4px;
    font-weight: 600;
    font-size: 17px;
    padding: 22px 10px 42px;
    margin: 0 28px;
    transition-duration: 0.3s;
}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus {
    color: #9fc84b;
    background-color: rgba(0,0,0,0);
}
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover{
	color: #9fc84b; 
	background-color: rgba(0,0,0,0);
}
/*------ //상단 메뉴 설정 ------*/
/*------ CAROUSEL ------*/
.container_contents{
    width: 100%;
    padding: 0;
	margin-top: 105px;
}
.carousel-inner .item {
    width: 100%;
	height: 870px;
}
.carousel-inner .item:nth-of-type(1){background:url(/skin/img/slide/slide01.jpg)no-repeat center / cover;}
.carousel-inner .item:nth-of-type(2){background:url(/skin/img/slide/slide02.jpg)no-repeat center / cover;}
.carousel-inner .item:nth-of-type(3){background:url(/skin/img/slide/slide03.jpg)no-repeat center / cover;}
.carousel-inner .item:nth-of-type(4){background:url(/skin/img/slide/slide04.jpg)no-repeat center / cover;}
.carousel-inner .item:nth-of-type(5){background:url(/skin/img/slide/slide05.jpg)no-repeat center / cover;}
.carousel-inner .item:nth-of-type(6){background:url(/skin/img/slide/slide06.jpg)no-repeat center / cover;}
.glyphicon.glyphicon-chevron-left{display:none;}
.glyphicon.glyphicon-chevron-right{display:none;}
.left.carousel-control{background:url(/skin/img/slide/arrow_prev.png)no-repeat center;}
.right.carousel-control{background:url(/skin/img/slide/arrow_next.png)no-repeat center;}
.carousel-control{
	display:none;
}

.carousel-indicators {
    margin-bottom: 0;
    bottom: 170px;
    text-align: left;
    width: 100%;
    max-width: 1140px;
}
.carousel-indicators li, 
.carousel-indicators li.active {
    width: 15px;
    height: 15px;
    background: rgba(90, 90, 90, 0.65);
    border: none;
    margin: 0 7px;
}
.carousel-indicators li.active {
    background: #fff;
    position: relative;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.carousel-text {
    position: relative;
    height: 870px;
    color: #fff;
    padding: 0 15px;
	padding-top:17%;
}
.carousel-text .text1 {
    /* position: absolute; */
    /* top: 25%; */
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -1px;
    margin: 0 0 5px;
}
.carousel-text .text2 {
    /* position: absolute; */
    /* top: 30%; */
    font-size: 90px;
    font-weight: bold;
    line-height: 1.15;
    margin: 0 0 60px;
    letter-spacing: -2px;
}
.carousel-text .text3 {
    /* position: absolute; */
    /* top: 45%; */
    font-size: 20px;
    letter-spacing: -0.8px;
    font-weight: 350;
    line-height: 1.7;
}
.carousel-text .text3 p {
    margin: 0;
}


.item1 .text1{color: #c41d2a;}
.item1 .text2 {color: #7f121b;}
.item1 .text3 {color: #381c1c;}

.item2 .text3,
.item4 .text3 {opacity: 0.8;}
.item3 .text1{color: #35aebd;}
.item3 .text2 {color: #117784;}
.item3 .text3 {color: #364648;}

.item5 .text1{color: #f55656;}
.item5 .text2 {color: #bd2c2b;}
.item5 .text3 {color: #5e3e3e;}

.item6 .text1 {color: #b99f78;}
.item6 .text2 {color: #fdd9a1; font-weight:400;}
.item6 .text3 {color: #fff; opacity:0.8;}

.item a{
    position: absolute;
    bottom: 37%;
    padding: 15px 25px;
    font-size: 18px;
    color: #fff;
    letter-spacing: -0.05em;
    transition-duration: 0.3s;
    text-decoration: none; 
}
.item1 a{background-color:#c41d2a;bottom: 45%;}
.item1 a:hover{background-color:#7f121b;}
.item2 a{background-color:#dc1643;}
.item2 a:hover{background-color:#f5316d;}
.item3 a{background-color:#35aebd;}
.item3 a:hover{background-color: #117784;}
.item4 a{background-color:#4b8fe0;}
.item4 a:hover{background-color: #284cad;}
.item5 a{background-color:#f55656;}
.item5 a:hover{background-color: #bd2c2b;}
.item6 a{background-color:#72522b;}
.item6 a:hover{background-color: #3e2c18;}



/*------ //CAROUSEL ------*/
/*------ 메인페이지 ------*/
/* 배너 버튼 */
.fill .more{
    display: block;
    width: 200px;
    margin: 50px auto 0;
    padding: 10px 5px;
    font-weight: 500;
    border: 3px solid #fff;
    color: #fff;
    text-decoration: none;
    transition-duration: 0.25s;
}
.fill .more:hover{
    background: rgba(255,255,255,0.3);
}


.container_contents{
	width: 100%;
	padding: 0;
}
.main_content{
    text-align: center;
    padding-top: 130px;
}
.title_line{
    background: #92c83d;
    height: 6px;
    width: 40px;
    margin: 0 auto 20px;
    border-radius: 50px;
	
	display:none;
}
.main_content h2 {
    margin: 0px 0 70px;
    font-size: 48px;
	font-weight:400;
    text-align: center;
    color: #222;
}
.main_product .main_content h2 {margin-bottom: 40px;}
.main_content h2 span{
	font-weight:600;
}
/* about광희 */
.main_about{
    /* height: 1000px; */
	background: url(/skin/img/main/bg.jpg) center / cover;
}
.main_about h3 {
    font-size: 22px;
    color: #111;
    margin: 50px 0 20px;
    font-weight: 600;
    letter-spacing: 1px;
}
.main_about .vision p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.7px;
    line-height: 1.6;
}
.main_about .vision p b {
    color: #5a841a;
    font-weight: 500;
}
.main_about .mission h3 {
    margin-top: 60px;
	color:#111;
}
.mission-box {
    background: #fff;
    margin: 0;
    padding-top: 70px;
    margin-bottom: 130px;
    box-shadow: 0px 35px 30px rgba(61, 121, 63, 0.12);
}
.main_about .mission-box .col-sm-7 {
    padding-top: 25px;
}
.main_about .mission .ms-text {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    padding-left: 130px;
}
.main_about .mission .ms-text h4 {
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #10a094;
}
.main_about .mission .ms-text p {
    line-height: 1.8;
    letter-spacing: -0.7px;
}

/*main product*/
.owl-carousel{
  position: relative;
}
.owl-prev, .owl-next{
    position: absolute;
    height: 50px;
    width: 50px;
    top: 30%;
    transition-duration: 0.3s;
}

.owl-carousel .owl-buttons .owl-prev{
  background: url(/skin/img/main/con-arrow-l.png) no-repeat;
  left: -50px; top: 43%;
}
.owl-carousel .owl-buttons .owl-next{
  background: url(/skin/img/main/con-arrow-r.png) no-repeat;
  right: -70px; top: 43%;
}
.owl-carousel .owl-prev:hover{
  background: url(/skin/img/main/con-arrow-l_hover.png) no-repeat;
}
.owl-carousel .owl-next:hover{
  background: url(/skin/img/main/con-arrow-r_hover.png) no-repeat;
}	
.main_product{
    margin-bottom: 150px;
}
.main_product img{
    width: 94%;
    margin: 0 auto 10px;
}
.main_product p{
    margin: 0 50px;
    font-size: 15px;
    font-weight: 500;
    color: #888;
    letter-spacing: -0.03em;
}
/*main contact*/
.main_location{
    background: #f3f3f3;
    height: 730px;
}
.main_location table {
    width: 100%;
    margin: 40px 0 0 20px;
}
.main_location th {
    width: 70px;
    height: 70px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    background: #9fc84b;
    border-radius: 50%;
    margin: 10px auto;
    display: inline-block;
}
.main_location td, .main_location th {
    padding: 15px !important;
}
.main_location td {
    font-size: 18px;
    font-weight: 350;
    color: #333;
    letter-spacing: -0.03em;
    text-align: left;
    padding-left: 10px !important;
}

/*------ //메인페이지 ------*/
/*----- 서브페이지 공통 ----- */
.sub-layout{
	width: 100%;
	padding: 0;
	margin-top: 105px;
}
.subpage .subheader {
    position: relative;
    height: 330px;
    background: url(/skin/img/sub/subtop.jpg) no-repeat center / cover;
}
.subpage h2 {
    height: 330px;
    line-height: 320px;
    margin: 0;
    font-size: 55px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
}
.sub_content {
    padding: 80px 15px 120px;
}
.sub_content h3 {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    color: #222;
	margin: 0 0 50px;
}
.breadcrumb {
    background: transparent;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translatex(-50%);
    padding: 0;
    margin: 18px 0 0;
	opacity:0.65
}
.breadcrumb > li {
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.02em;
}
.breadcrumb>.active,
.breadcrumb>li+li:before{
    color: #fff;
}
.breadcrumb>li+li:before{padding:0;}
/*----- //서브페이지 공통 ----- */
/*----- COMPANY ----- */
/*aboutGH*/
.company .sub_content{
    width: 100%;
}
.company .about {
    background: url(/skin/img/sub/about_bg.jpg) no-repeat center bottom;
}
.company .about h3 {
    margin-bottom: 0;
    margin-top: 40px;
	position:relative;
}
.company .about h3:after {
    content: "";
    width: 54px;
    height: 3px;
    background: #222;
    display: block;
    margin: 40px auto 0;
}
.company .about dl {
    margin: 0;
    padding: 50px 0 185px;
    text-align: center;
    /* background: url(/skin/img/sub/subbg.jpg) no-repeat 80%; */
}
.company .about dt {
    margin-top: 30px;
    font-size: 19px;
    color: #222;
    letter-spacing: -0.5px;
}
.company .about dt:first-child{margin: 0;}
.company .about dd {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #444;
    margin-top: 3px;
}
/*history*/
.timeline {
    width: 100%;
    background-color: #f8f8f8;
    padding-top: 100px;
}
.tl_wrap {
    width: 80%;
    padding: 35px 0;
    margin: 50px auto 100px;
    position: relative;
    overflow: hidden;
}
.tl_wrap:before {
   content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    height: 100%;
    background: #d3d3d3;
    z-index: 1;
}
.timeline-block {
   width: -webkit-calc(50% + 7px);
   width: -moz-calc(50% + 7px);
   width: calc(50% + 7px);
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   justify-content: space-between;
   clear: both;
   padding: 10px 0;
}

.tl_wrap > div:nth-child(2n-1){
   float: right;
}

.tl_wrap > div:nth-child(2n){
   float: left;
   direction: rtl;
}
.marker {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 3px solid #9fc84b;
    margin-top: 10px;
    z-index: 99;
    background: #f7f7f7;
}

.timeline-content {
   width: 95%;
   padding: 0 15px;
   color: #222;
   letter-spacing: -0.05em;
}

.timeline-content span {
   color: #222;
   letter-spacing: 1px;
   margin-top: 5px;
   margin-bottom: 10px;
   font-size: 20px;
   font-weight: 600;
   display: block;
}

.timeline-content p {
	font-size: 17px;
	line-height: 1.8;
	color: #333;
	font-weight: 350;
	margin: 1px 0;
	}


@media screen and (max-width: 768px) {
   .tl_wrap:before {
      left: 8px;
      width: 2px;
   }
   .timeline-block {
      width: 100%;
   }
.tl_wrap > div:nth-child(2n-1){
      float: none;
   }

.tl_wrap > div:nth-child(2n){
      float: none;
      direction: ltr;
   }
}
/*조직도*/
.organization{
    padding-top: 80px;
}
.organization img{
    margin: 0 auto;
}
/*----- //COMPANY ----- */
/*----- PRODUCT ----- */
.tab-menu{
    margin: 0;
    padding: 0 15px;
}
.tab-menu:after{
    content:'';
    display:block;
    clear:both;
}
.tab-menu li{
    float: left;
    width: 16.66666%;
}
.tab-menu li a {
    display: block;
    padding: 20px 0;
    border-right: 2px solid #fff;
    background: #f6f6f6;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    text-align: center;
    letter-spacing: -0.03em;
}
.tab-menu li:last-child a {
    border-right: none;
}
.tab-menu li:hover a {
	background:#9fc84b;
	color: #fff;
}
.tab-menu li.active a {
    background-color: #9fc84b;
    color: #fff;
	position: relative;
}
.tab-menu li.active a:after {
    content: "";
    width: 18px;
    height: 10px;
    background: #9fc84b;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -10px;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    border-top: 10px solid #9fc84b;
}

.tab-content{
    margin-top: 70px;
}

.con .tab_img img{
    margin: 0 auto;
}
.con h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0 20px;
}
.con p{
    font-size: 16px;
    position: relative;
    padding-left: 15px;
    margin-left: 10px;
    margin-bottom: 6px;
    letter-spacing: -0.5px;
    font-weight: 350;
    line-height: 1.6;
}
.con p:before{
    content: "";
    width: 2px;
    height: 2px;
    background: #333;
    border-radius: 1px;
    position: absolute;
    left: 6px;
    top: 10px;
}
.con .table tr:first-child{
    border-top: 3px solid #333;
}
.con .table th{
    padding: 12px 0;
    font-size: 17px;
    text-align: center;
}
.con .table td{font-size: 16px;}
.con .table tr:nth-child(1) td,
.con .table tr:nth-child(2) td{text-align: center;}
.con .table th{
    width: 30%;
    background: #f1f1f1;
}
/*----- //PRODUCT ----- */
/*----- BUSINESS ----- */
.store p {
    position: relative;
    margin: 0;
    padding: 0px 0 17px 32px;
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #222;
    font-weight: 600;
}
.store p:before {
    content: "\f06c";
    font-family: FontAwesome;
    color: #9fc84b;
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    left: 4px;
}
.store img{
    margin-bottom: 40px;
}
.strong{
    padding-top: 80px;
}
.strong ul {
    padding: 55px 0 30px 20px;
    margin: 0;
}
.strong ul li {
    position: relative;
    padding: 0 0 15px 30px;
    font-size: 17px;
    font-weight: 350;
    letter-spacing: -0.5px;
    line-height: 1.55;
    color: #333;
}
.strong ul li:before{
    content: "\f06c";
    font-family: FontAwesome;
    color: #9fc84b;
    font-size: 20px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    left: 0;
}
/*----- //BUSINESS ----- */
/*----- CONTACT ----- */
/* 오시는길 */
.contact .address table {
    width: 100%;
    margin: 35px 0 0 15px;
}
.contact .address th {
    width: 70px;
    height: 70px;
    font-size: 30px;
    text-align: center;
    color: #9fc84b;
    background: #eff9e4;
    border-radius: 50%;
    margin: 10px auto;
    display: inline-block;
}
.contact .address td,
.contact .address th {
    padding: 15px !important;
}
.contact .address td {
    font-size: 18px;
    font-weight: 350;
    color: #333;
    letter-spacing: -0.03em;
    text-align: left;
    padding-left: 0 !important;
}

/* 메일문의 */
.contact .mail{
    margin-top: 60px;
}
.dh-board,.dh-view-box,#insertForm,#mailForm,.bbs-list-view-layout + .row,.bbs-blog-view-layout + .row,#mod_type_formForm{
	visibility:hidden;
}
#mailForm{
    width: 100%;
    margin: 30px auto;
    padding: 50px 100px;
    background: #f5f5f5;
    border-radius: 7px;
}
#mailForm .btn-primary {
	max-width: 200px;
	margin: 0 auto;
	padding: 16px 0;
	background: #9fc84b;
	border: 0 none;
	border-radius: 0;
}
#mailForm .checkbox {
    margin-bottom: 30px;
}
#mailForm label[for='mail_agree'] {
    font-size: 13px;
    line-height: 21px;
}
/*----- //CONTACT ----- */
/*----- VEDIO ----- */
.main_video{
    padding: 130px 0 0;
}
/*----- //VEDIO ----- */
/*------- 푸터 --------*/
.footer_copy > div {
    padding: 0;
}

#footer {
    margin-top: -2px;
    padding: 30px 0;
    background-color: #2e3138;
    font-size: 13px;
    color: #aaa;
    text-align: left;
}
#footer img {
    width: 90%;
    opacity: 0.5;
}
#footer p {
    font-size: 12px;
    opacity: 0.5;
    margin-bottom: 0;
}
#footer ul {
    padding: 0;
    margin-top: 12px;
}
#footer ul li {
    display: inline;
    margin-right: 15px;
    line-height: 1.7;
    list-style: none;
}
/*------- //푸터 --------*/
/* login */

.login-layout,
.id-find-layout,
.pw-find-layout{
    background: #f5f5f5;
    padding: 100px 15px;
	margin-top:-30px;
}

.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel{
    box-shadow: none;
    max-width: 500px;
    padding: 80px 40px 80px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 0px;
}
.login-layout .panel hr,
.id-find-layout .panel hr,
.pw-find-layout .panel hr{
    display: none;
}
.login-layout .panel .panel-body,
.id-find-layout .panel .panel-body,
.pw-find-layout .panel .panel-body{
    padding: 0;
}
.login-layout .panel-body > div.col-sm-12,
.id-find-layout .panel-body > div.col-sm-12,
.pw-find-layout .panel-body > div.col-sm-12 {
    float: none;
}
.login-layout .panel-body > div.col-sm-12 h2,
.id-find-layout .panel-body > div.col-sm-12 h2,
.pw-find-layout .panel-body > div.col-sm-12 h2{
    text-align: center;
    margin: 0 0 15px;
    line-height: 1;
    color: #222;
    font-size: 32px;
}
.inner-box-msg {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 30px;
    padding: 0;
}
.inner-box-msg p {
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #555;
    margin: 0;
}
.inner-box-form {
    width: 100%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.login-layout label,
.id-find-layout label,
.pw-find-layout label{
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #222;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
}
.login-layout .form-control,
.id-find-layout .form-control,
.pw-find-layout .form-control{
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #ddd;
    height: 40px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.03em;
}
.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus{
    border-color: #aaa;
}
.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning{
    float: none;
    width: 100%;
    height: 50px;
    background: #92c83d;
    border-radius: 0px;
    border: none;
    font-size: 15px;
    letter-spacing: -0.03em;
    box-shadow: none;
    margin-top: 15px;
    transition: all ease 0.3s;
}
.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover{
    background: #9fc84b;
}
.login-layout form > div > p,
.id-find-layout form > div > p,
.pw-find-layout form > div > p{
    width: 50%;
    margin: 0;
    float: left;
    text-align: center;
    line-height: 1;
}
.login-layout form > div > p + p,
.id-find-layout form > div > p + p,
.pw-find-layout form > div > p + p {
    border-left: 1px solid #ccc;
}
.login-layout form > div > p > a,
.id-find-layout form > div > p > a,
.pw-find-layout form > div > p > a{
    font-size: 14px;
    color: #555;
    letter-spacing: -0.03em;
    display: block;
    padding: 2px 0;
}

/* mobile */
@media (max-width:768px){

    /*모바일 메인 & 서브 상단 마진*/
	.container_contents{margin-top: 0;}
    .container_slide,.sub-layout{margin-top: 78px;}
    
    /* 모바일 상단메뉴 */
	.lang-wrap >div{padding:0;}
	.navbar-header .navbar-brand{
        margin: 0 !important;
	    padding: 10px 15px;
    }
	.navbar-brand img{
   		width: 90%;
	}
	.navbar-inverse .navbar-brand:after {
        top: 21px;
        left: 52px;
        font-size: 23px;
        margin-left: 0;
	}
	.navbar-inverse .navbar-toggle {
   		margin: 20px;
        background: #fff;
        border: none;
    }
    .navbar-inverse .navbar-toggle:focus, 
    .navbar-inverse .navbar-toggle:hover {
        background: #fff;
    }
	.navbar-inverse .navbar-toggle .icon-bar {
		width: 25px;
  		height: 2px;
    	background-color: #555;
    }
    .navbar-inverse .navbar-toggle:focus .icon-bar{
        background-color: #b13834;
	}
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 6px;}
	
    /* 모바일 드롭다운메뉴 */
    .navbar-fixed-top .navbar-collapse{max-height: 384px;}
	.navbar-inverse .navbar-nav{margin: 0 -15px; padding: 0;}
	.navbar-inverse .navbar-nav > li:nth-child(6),
	.navbar-inverse .navbar-nav > li:nth-child(7){display:none;}
    .navbar-inverse .navbar-nav > li > a {
        margin: 0;
        padding: 14px 15px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        background: #90b93d;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        letter-spacing: -0.03em;
        text-shadow: none;
    }
	.navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:focus,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #fff;
        background-color: #668429;
        border-bottom: 1px solid #444;
    }
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        font-size: 15px;
        color: #fff;
        padding: 5px 25px;
        letter-spacing: -0.03em;
        text-align: left;
		background: #668429;
		line-height: 30px;
    }
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav>.open .dropdown-menu>li>a:hover{
		background: #bb1a2b;
	}
    /* 모바일 배너이미지 */
    .container_contents .col-sm-12{padding:0;}
    .container_slide > .fill, .carousel-inner .item{height: 330px;}
	.carousel-caption {top: 15%;}

	.carousel-text {
	    height: 330px;
	    padding: 0px 50px;
	    padding-top: 15%;
	}
	.carousel-text .text1 {font-size: 20px;}
	.carousel-text .text2 {font-size: 40px;}
	.item a, .item1 a{
    	bottom: 24%;
	    padding: 13px 16px;
    	font-size: 15px;
	}
	.carousel-indicators {left: 59%; bottom: 7%;}
	.carousel-indicators li, .carousel-indicators li.active {
   		width: 15px;
    	height: 15px;
	    margin: 0px 4px;
	}
	/* 모바일 메인페이지 */
	.intro-html-layout{margin:0;}
	.main_content h2 {
    	margin: 0px 0 40px;
		font-size: 30px;
	}
	
    .intro-html-layout section {
		margin-top: 0;
		padding: 50px 10px;
	}
	.main_product img {width: 73%;}
	.owl-carousel .owl-buttons .owl-prev {left: 8px;}
	.owl-carousel .owl-buttons .owl-next {right: -15px;}
	.main_product {margin: 0;}
	
	.main_about h3 {
	    font-size: 20px;
    	margin: 0 0 15px;
	}
	.main_about .vision p {font-size: 16px;}
	.main_about .mission h3 {margin: 30px 0;}
	.mission-box {
    	margin: 0 15px;
    	background: rgba(255,255,255,0.5);
		margin-bottom: 0;
	}
	.main_about .mission .ms-text h4 {font-size: 18px;}
	.main_about .mission .ms-text {
	    text-align: center;
   		padding-left: 0;
	}
	
	.main_location{height: auto;}
	.main_location iframe{height: 250px;}
	.main_location table {margin: 25px 0 0 5px;}
	.main_location td, .main_location th {padding: 10px !important;}
	.main_location th {
		width: 55px;
		height: 55px;
		font-size: 25px;
	}
	.main_location td {font-size: 16px;}
	
	/* 모바일 서브페이지 공통*/
	.sub_left{display:none;}
	.subpage .subheader {height: 180px;}
	.subpage .subheader >h2 {
		height: 180px;
		line-height: 160px;
	    font-size: 35px;
	}
	.breadcrumb {margin: 4px 0 0;}
	.sub_content {padding: 0 15px 60px;}
	.content_wrap h3 {
		margin: 0 0 35px;
	    padding-top: 40px;
		font-size:23px;
	}
	.company .about h3:after {
    	margin: 20px auto 0;
    	width: 40px;
	}
	
	/* company subpage */
	.company .about h3 {margin: 0;}
	.company .about dl {padding: 50px 0;}
	.company .about dt, .company .about dd {font-size: 16px;}
	.company .about dt {margin-top: 18px;}	
	.timeline, .organization, .strong {padding-top: 0;}
	.tl_wrap {margin: 0 auto;}

	/* product subpage */
	.tab-menu {padding: 0;}
	.tab-menu li a {
   	 	height: 90px;
	    padding: 14px 0;
	    font-size: 15px;
	}
	.tab-content {margin-top: 0;}
	.sub_content .tab-content h3 {margin: 0;}
	
	#footer img {width: 40%;}
	#footer ul li:last-child{display: block;}
	
	/* business subpage */
	.strong > h3{ padding-top: 25px;}
	.strong ul {padding: 30px 0 0 7px;}
	.strong ul li {padding: 0 0 10px 30px; font-size: 16px;}
	
	/* contact subpage */
	.contact .address{height: auto;}
	.contact .address iframe{height: 250px;}
	.contact .address table {margin: 25px 0 0 5px;}
	.contact .address td, .main_location th {padding: 10px !important;}
	.contact .address th {width: 55px; height: 55px; font-size: 25px;}
	.contact .address td {font-size: 16px;}
	
	.contact .mail {margin-top: 30px;}
	#mailForm {padding: 40px 20px;}
	/* 모바일 로그인 */
    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        padding: 20px 15px;
    }
    .login-layout .panel,
    .id-find-layout .panel,
    .id-find-layout .panel {
        padding: 40px;
    }
    .login-layout .panel-body > div.col-sm-12 h2,
    .id-find-layout .panel-body > div.col-sm-12 h2,
    .pw-find-layout .panel-body > div.col-sm-12 h2{
        font-size: 24px;
    }
    .inner-box-msg p {
        font-size: 12px;
    }
    .login-layout label,
    .id-find-layout label,
    .pw-find-layout label {
        font-size: 14px;
    }
    .login-layout .form-control,
    .id-find-layout .form-control,
    .pw-find-layout .form-control{
        font-size: 13px;
        height: 36px;
    }
    .login-layout form > div > p > a,
    .id-find-layout form > div > p > a,
    .pw-find-layout form > div > p > a{
        font-size: 12px;
    }
    .login-layout .btn-warning,
    .id-find-layout .btn-warning,
    .pw-find-layout .btn-warning{
        height: 45px;
        font-size: 14px;
        margin-top: 10px;
    }
}