@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */
#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

.contain {width:1400px;margin:0 auto;}
.row {*zoom:1;}
.row:after {content:"";display:block;clear:both;}


/* header */
/*#wrapper {padding-top: 100px;}*/

#header {position:relative; z-index:100;}
#header .contain {position:relative;height: 95px;max-width:1400px;z-index:2;}
.header-bg {width: 100%; height: 5px; background-image:linear-gradient(to top, #91af3d, #52a98c);}
.sitelogo {position:absolute;top:50%;left:0px;margin-top: -31px;z-index:2;}
.small-nav {padding-top: 39px;}
.small-nav .contain:after {clear: both; content: ""; display: block;}

.small-nav .header-search {float: right; position: relative;}
.small-nav .header-search .input {height: 30px;  background-color:#f0f0f0; padding: 5px 35px 5px 10px; color: #242424; border: 1px solid #f0f0f0; width: 180px; background:#f0f0f0;  border-radius:20px;}
.small-nav .header-search .input:focus {background:#fff; }
.small-nav .header-search .submit {position: absolute; width: 30px; height: 30px; right:7px; top:2px; border: 0; text-align: left; background-color: transparent; background-image:url("../images/common/header_search.png"); background-position:center center; background-repeat: no-repeat;}

.small-nav .partner {float: right;}
.small-nav .partner ul {display: flex;padding-top: 5px;}
.small-nav .partner ul li {margin-right: 30px; font-size: 15px;}

#nav {border-top: 1px solid #ddd;}

#gnb {text-align:center; width: 1400px; margin:0px auto;}
#gnb {}
#gnb > ul {display:flex;}
#gnb > ul > li {position: relative; width: 12.5%; position:relative;}
#gnb > ul > li:after {content: ""; position: absolute; width: 1px; height: 30px; background-color: #ddd; top: 15px; right: 0px;}
#gnb > ul > li:last-child:after {display: none;}
#gnb > ul > li > a {display:block; position:relative; color:#242424; font-size:18px; font-weight:500; line-height:60px; letter-spacing:-.015em;  padding:0 10px;}
#gnb .submenu {display:none; position:absolute;  left:0; top:60px; background:#597014; }
#gnb .submenu ul {padding: 27px 0;}
#gnb .submenu ul li {padding:0 0px; }
#gnb .submenu ul li a {display:block; white-space:nowrap; color:#fff; font-size:16px; line-height:25px; letter-spacing:-.04em; margin-bottom:8px; width: 176px;}
#gnb .submenu ul li:last-child a {margin-bottom: 0;}
#gnb .submenu ul li a span{position: relative;}
#gnb .submenu ul li a:hover span:after {position: absolute; content: ''; height: 1px; width: 100%; background:#fff; bottom: -2px; left: 0;}


/*#gnb .m1 .submenu {left:22px;}*/
/*#gnb .m2 .submenu {left:-1px;}*/
/*#gnb .m3 .submenu {left:42px;}*/
/*#gnb .m4 .submenu {left:37px;}*/


/* slick */
.slick-arrow {position:absolute;top:50%;margin-top: -43px;display:block;width:45px;height:86px;text-indent:-999em;background-position:50% 50%;background-repeat:no-repeat;background-color:transparent;border:0;z-index:30;outline:0;overflow:hidden;}
/*.slick-dots {position:absolute;width:100%;left:0px;bottom:173px;text-align:center;line-height:0;}*/
/*.slick-dots li {display:inline-block;vertical-align:middle;margin:0 9px;padding:0;position:relative;}*/
/*.slick-dots li button {display:block; text-indent:-999em; overflow:hidden; width:10px;height:10px;border-radius:100%; border:1px solid #fff; background-color:#fff; outline:0; }*/
/*.slick-dots li.slick-active button {position:relative; background:#fff;}*/
/*.slick-dots li.slick-active:before {content:""; position:absolute; display:block; width:22px; height:22px; border-radius:100%; border:1px solid #fff; top:-6px; left:-6px;}*/




/* main */
.main-visual {position:relative; overflow:hidden;}
.main-visual .item {height:600px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main-visual .item.bg1 {background-image:url("../images/main/mv1.jpg");}
.main-visual .item.bg2 {background-image:url("../images/main/mv2.jpg");}
.main-visual .item.bg3 {background-image:url("../images/main/mv1.jpg");}
.main-visual .item.bg4 {background-image:url("../images/main/mv2.jpg");}
.main-visual .item.bg5 {background-image:url("../images/main/mv1.jpg");}
.main-visual .item.bg6 {background-image:url("../images/main/mv3.jpg");}
.main-visual .item.bg7 {background-image:url("../images/main/mv4.jpg");}
.main-visual .item.bg8 {background-image:url("../images/main/mv5.jpg");}
.main-visual .caption {position:absolute;top:50%;left:0;width:100%;transform: translateY(-53%);color:#fff;z-index:28;margin-left: -1px;padding-bottom: 30px;}
.main-visual .caption .inner {width: 1400px; margin: 0 auto;}
.main-visual .caption h2 {font-weight:500; font-size:50px; line-height:1.4em; letter-spacing:-.03em; margin-bottom: 4px; margin-left: -3px;}
.main-visual .caption p {font-weight: 400;font-size:20px;line-height: 1.2em;letter-spacing:-.03em;}
.main-visual .caption p.txt {font-weight: 400; font-size: 16px; line-height: 1.65em; letter-spacing: -.02em;}
.main-visual .caption a {display: block;width: 122px;font-size: 16px;padding: 4px 14px;border: 2px solid #fff;margin-top: 15px;}
.main-visual .slick-prev {background-image:url("../images/main/mv_prev.png");left: 107px;}
.main-visual .slick-next {background-image:url("../images/main/mv_next.png");right: 107px;}
.main-visual .slide-controller {position:absolute;left: 258px; bottom: -5px; z-index:10; font-size:16px;font-weight:400;line-height:1em; color:#fff; letter-spacing:-.03em; padding-left: 4px;}
.main-visual .slide-controller span {letter-spacing: -.1em;}
.main-visual .slide-controller span.current-index {font-size:16px;color:#fff;}
.main-visual .slick-dots {position:absolute;width:100%;left:294px;bottom:178px; line-height:0; z-index: 0;}
.main-visual .slick-dots li {display:inline-block; position:relative;}
.main-visual .slick-dots li button {display:block; text-indent:-999em; overflow:hidden; width:50px; height:0px; border:1px solid rgba(255, 255, 255, 0.2); background:rgba(255, 255, 255, 0.5); outline:0; }
.main-visual .slick-dots li.slick-active button {border:1px solid rgba(255, 255, 255, 0.5); background:rgba(255, 255, 255, 1);}
.main-visual .pause-start {position:absolute;  bottom: -18px; left: 550px;}
.main-visual .pause-start .pause {width: 15px; height: 15px; background:url('../images/main/mv_pause.png') center center no-repeat; text-indent: -9999px; border: none; cursor: pointer; outline:none;}
.main-visual .pause-start .pause.on {background:url('../images/main/mv_start.png') center center no-repeat;}

/* main-container */
.down-zone {background:#7b9522; padding: 29px 0 30px; color: #fff;}
.down-zone .row {}
.down-zone .main-title-box {float: left; width: 177px; padding-top: 2px; margin-left: -2px;}
.down-zone .main-title-box p {color: #d2e885; font-size: 17px; line-height: 1.8em; letter-spacing: -.03em;}
.down-zone .main-title-box h2 {font-size: 36px; font-weight: 500; line-height: 1.5em; letter-spacing: -.03em; background:url('../images/main/mv_down_picto.png') center right 7px no-repeat;}
.down-zone .bown-list {float: right; width: calc(100% - 175px);}
.down-zone .bown-list ul {display: flex;}
.down-zone .bown-list ul li {width: 14.2%; text-align: center;}
.down-zone .bown-list ul li a {display: block; margin-left: 72px;}
.down-zone .bown-list ul li a p {font-size: 17px; letter-spacing: -.03e,;}
.down-zone .bown-list ul li a p.pl-little{padding-left: 10px;}

.business-zone {padding: 98px 0 100px;}
.business-zone .title-box {text-align: center; margin-bottom: 27px;}
.business-zone .title-box .tit {position: relative; font-size: 26px; font-weight: 500; color: #7b9522; letter-spacing: -.03em; line-height: 1em; padding-bottom: 38px; margin-bottom: 35px;}
.business-zone .title-box .tit:after {content: ""; position: absolute; width: 50px; height: 3px; background: #7b9522; bottom: 0px; left: 50%; transform: translate(-50%, 0);}
.business-zone .title-box p {position: relative; font-size: 26px; font-weight: 500; color: #454545; letter-spacing: -.03em; line-height: 1.5em; padding-bottom: 41px;}
.business-zone .title-box p:after {content: "OUR BUSINESS"; position: absolute; font-size: 50px; color: rgba(36, 36, 36, 0.2); letter-spacing: -.03em;  z-index: -1; bottom:-32px; left: 50%; transform: translate(-50%, 0);}
.business-zone .go-box {position: relative;}
.business-zone .go-box:before {content: ''; position: absolute; width: 175px; height: 187px; background-image:url("../images/main/main_middle_bg1.png"); z-index: -1; top: -84px; left: -102px;}
.business-zone .go-box:after {content: ''; position: absolute; width: 100px; height: 100px; background-image:url("../images/main/main_middle_bg2.png"); z-index: -1; bottom: 80px; right: -80px;}
.business-zone .go-box ul {display: flex; text-align: center;}
.business-zone .go-box ul li {width: 20%; height: 480px; background-size:cover;}
.business-zone .go-box ul li.bg1 {background-image:url("../images/main/main_gobox_bg01.jpg");}
.business-zone .go-box ul li.bg2 {background-image:url("../images/main/main_gobox_bg02.jpg");}
.business-zone .go-box ul li.bg3 {background-image:url("../images/main/main_gobox_bg03.jpg");}
.business-zone .go-box ul li.bg4 {background-image:url("../images/main/main_gobox_bg04.jpg");}
.business-zone .go-box ul li.bg5 {background-image:url("../images/main/main_gobox_bg05.jpg");}
.business-zone .go-box ul li a {display: block; height: 100%; padding-top: 350px; color: #fff;}
.business-zone .go-box ul li a:hover {background-color:rgba(0,0,0,.5);}
.business-zone .go-box ul li .inner {border: 2px solid #fff; width: 106px; height: 36px; margin: 0 auto; margin-bottom: 17px;}
.business-zone .go-box ul li p {font-size: 20px; letter-spacing: -.03em; line-height: 1.3em;}	


.bottom-slick {position:relative; overflow:hidden;}
.bottom-slick .item {height:500px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.bottom-slick .item.bg1 {background-image:url("../images/main/main_bottom1.jpg");}
.bottom-slick .item.bg2 {background-image:url("../images/main/mv2.jpg");}
.bottom-slick .item.bg3 {background-image:url("../images/main/main_bottom1.jpg");}
.bottom-slick .item.bg4 {background-image:url("../images/main/mv2.jpg");}
.bottom-slick .item.bg5 {background-image:url("../images/main/main_bottom1.jpg");}
.bottom-slick .caption {position:absolute; top:0; left:50%; width:100%;  color:#fff; z-index:28; margin-left: -191px; padding-bottom: 30px; text-align: ;}

.bottom-slick .silck-arrow {}
.bottom-slick .slick-prev {background-image:url("../images/main/mv_prev.png"); left:240px; background-size: 18px;}
.bottom-slick .slick-next {background-image:url("../images/main/mv_next.png"); right:240px; background-size: 18px;}

.bottom-slick .slick-dots {position:absolute;width:100%;left:0px;bottom:30px;text-align:center;line-height:0;}
.bottom-slick .slick-dots li {display:inline-block;vertical-align:middle;margin:0 5px;padding:0;position:relative;}
.bottom-slick .slick-dots li button {display:block; text-indent:-999em; overflow:hidden; width:12px; height:12px;border-radius:100%; border:2px solid #fff; background-color:#fff; outline:0; }
.bottom-slick .slick-dots li.slick-active button {position:relative; background:transparent; border:2px solid #fff;}

.main-info {padding: 100px 0 100px;}
.main-info .info-list {display: flex;}
.main-info .info-list li {width: 25%; text-align: center;}
.main-info .info-list li img {margin-bottom: 26px;}
.main-info .info-list li a {display: block;}
.main-info .info-list li dl dt {font-size: 20px; font-weight: 500; color: #7b9522; letter-spacing: -.03em; line-height: 1.5em; margin-bottom: 9px;}
.main-info .info-list li dl dd {color: #454545;  line-height: 1.6em; margin-bottom: 10px; font-weight: 300;}
.main-info .info-list li dl dd:last-child {margin-bottom: 0;}
.main-info .info-list li dl dd span {font-size: 18px; font-weight: 500;}
.main-info {}
.main-info {}



/* sub page */
.sub-visual {display:flex; justify-content:center; align-items:center; text-align:center; height:290px; color:#fff; background-color:#eee; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub-visual.bg1 {background-image:url("../images/common/sv1.jpg");}
.sub-visual.bg2 {background-image:url("../images/common/sv2.jpg");}
.sub-visual.bg3 {background-image:url("../images/common/sv3.jpg");}
.sub-visual.bg4 {background-image:url("../images/common/sv4.jpg");}
.sub-visual.bg5 {background-image:url("../images/common/sv5.jpg");}
.sub-visual.bg6 {background-image:url("../images/common/sv6.jpg");}
.sub-visual.bg7 {background-image:url("../images/common/sv7.jpg");}
.sub-visual.bg8 {background-image:url("../images/common/sv8.jpg");}
.sub-visual h2 {font-size:30px; line-height:1.3em; letter-spacing:-.03em; font-weight: 500;}

#sub #container {display:flex; width:1400px; margin:0 auto; padding:50px 0px 100px;}

/* lnb */
#lnb {width:250px; margin-right:50px;}

.lnb h2 {display:flex; justify-content:center; align-items:center; text-align:center; height:99px; color:#242424; font-size:24px; font-weight: 500; line-height:1.4em; letter-spacing:-.06em; background:#f5f5f5; border-top: 1px solid #242424;}
.lnb > ul {background:#f5f5f5; padding-bottom:150px; background-image:url("../images/common/lnb_bg.png"); background-position: bottom 30px right 30px; background-repeat: no-repeat;}
.lnb > ul > li {position: relative;}
.lnb > ul > li:after {position: absolute; content:''; width: 190px; height: 1px; background:#ddd; bottom: -1px; left: 50%; margin-left: -95px;}
.lnb > ul > li:first-child:before {position: absolute; content:''; width: 190px; height: 1px; background:#ddd; top: -1px; left: 50%; margin-left: -95px;}
.lnb > ul > li > a {display:block;position:relative;padding: 14px 32px;color:#454545; font-size:18px;line-height:1.4em;letter-spacing:-.04em;transition:none;}
.lnb > ul > li.active {}
.lnb > ul > li.active > a {color:#fff;  background-image:linear-gradient(to left, #79bca5, #aac26a);}





/*content*/
#sub-title {border-bottom: 1px solid #ddd; margin-bottom: 40px;}
#sub-title:after {clear: both; content: ''; display: block;}
#sub-title .sub-title {float: left; margin-bottom:18px; padding-top:4px; }
#sub-title .path {float: right; padding-left:19px; color:#686868; font-size:16px; line-height:1.5em; font-weight: 300; letter-spacing:0em; background:url("../images/common/path_home.png") 0	7px no-repeat;}
#sub-title .path .arrow {display:inline-block; vertical-align:middle; margin:-.2em 10px 0; width:8px; height:15px; overflow:hidden; text-indent:-999em; background:url("../images/common/path_arrow.png") 50% 50% no-repeat;}
#sub-title .path strong {color:#505050; font-weight:400;}
#sub-title h2 {color:#242424; font-size: 30px; line-height:1.3em; letter-spacing:-.03em; font-weight: 500; }

#contArea {overflow:hidden;padding:0 0 0px;}
.real-cont {width:1100px;min-height:300px;margin:0 auto;}


/* footert */
#footer {background:#f0f0f0;padding:44px 0 47px; }
#footer .f-info {display: flex;}
#footer .f-info:after {clear: both; display: block; content: "";}
/*#footer .comp-info {padding-top: 3px;}*/
#footer .comp-info address {font-style:normal; font-size:15px; font-weight:400; color:#686868; line-height: 1.85em; letter-spacing:-.03em;}
#footer .comp-info address span {display:inline-block; margin-right:17px;}
#footer .comp-info address span:last-child {margin-right: 0px;}
#footer .img-box {width: 200px; text-align: right;}
#footer .scroll-top {position:absolute; top:45px; right:0;}

/*quick*/
#quick {top:980px;}
.quick-custom {position:absolute; right:100px; border-radius:10px; text-align: center;}
.quick-custom .cnt-box {}
.quick-custom .cnt-box  ul {}
.quick-custom .cnt-box  ul li {margin-bottom: 30px;}
.quick-custom .cnt-box  ul li:last-child {margin-bottom: 0px;}
.quick-custom .cnt-box  ul li a {display: block;}
.quick-custom .cnt-box  ul li a .txt {line-height: 1.4em;}
#sub #quick {top:500px;}

.scroll-top {position: relative;display: block; width: 60px; height: 60px; border-radius:100%; background: #fff; margin: 30px auto 0; border: 1px solid #ddd; color: #7b9522; font-size: 20px; font-weight: 400; line-height: 1.2em; letter-spacing: -.03em;}
.scroll-top span {width: 10px; height: 10px; border-top: 1px solid #7b9522; border-left: 1px solid #7b9522; position: absolute; top: 5px; transform: rotate(45deg); left: 50%; margin-left: -5px; top: 50%; margin-top: -16px;}