.wrap {position: relative; width: 100%; min-width: 1700px; margin: auto;}
.inner {width: 1180px; margin: auto;}



.header {position:relative; width: 100%; min-width: 1700px; height: 90px; /*box-shadow:3px 3px 10px rgba(0,0,0,0.1);*/  z-index: 99; padding: 0 85px;}
.header .hInner {position: relative; width: 100%; height: 100%;}
.header .hInner .logo {position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

.header .hInner .gnb {text-align: center;}
.header .hInner .gnb ul {display: inline-block;}
.header .hInner .gnb ul li {float: left;}
.header .hInner .gnb ul li + li {margin-left: 30px;}
.header .hInner .gnb ul li p {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 90px;}
.header .hInner .gnb ul li:last-child p {color: #888;}
.header .hInner .gnb ul li p:hover {color: #60bb6f; transition: 0.2s all;}

.header .hInner .member_log {position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.header .hInner .member_log ul {}
.header .hInner .member_log ul li {float: left;}
.header .hInner .member_log ul li + li {margin-left: 10px;}
.header .hInner .member_log ul li div {width: 110px; height: 38px; background: #fff; border: 1px solid #f15922; font-size: 16px; color: #f15922; font-weight: 400; letter-spacing: -0.025em; line-height: 36px; text-align: center;}

.header .hInner .member_log ul li div:hover {background: #f15922; color: #fff;}


.header .hInner .member_log .member_info {width: 100%; margin-top: 5px;}
.header .hInner .member_log .member_info p {font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; text-align: right;}
.header .hInner .member_log .member_info p span {display: inline-block; max-width: 80px; color: #f15922; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: sub;}
.header .hInner .member_log .member_info p > span {text-decoration: underline;}
.header .hInner .member_log .member_info p em {color: #f15922;}



footer {position: relative; width: 100%; background: #5d564d;}
footer .fInner {padding: 45px 0; overflow: hidden;}
footer .fInner .f_left {float: left; width: 50%;}
footer .fInner .f_left h2 {padding-bottom: 15px; font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: -0.025em;}
footer .fInner .f_left ul {width: 100%; font-size: 0;}
footer .fInner .f_left ul li {display: inline-block; width: 178px;}
footer .fInner .f_left ul li + li {margin-left: 28px;}
footer .fInner .f_left ul li:nth-child(4) {margin-left: 0;}
footer .fInner .f_left ul li div {border-bottom: 1px solid #86817b; font-size: 14px; color: #fff; font-weight: 300; letter-spacing: -0.025em; line-height: 40px; text-align: center;}
footer .fInner .f_left ul li:last-child div {color: #ccc;}
footer .fInner .f_left ul li div:hover {color: #f15922 ; border-color: #f15922;}

footer .fInner .f_left .f_menu {width: 100%; margin-top: 20px;}
footer .fInner .f_left .f_menu div {display: inline-block; font-size: 14px; color: #cfcecd; font-weight: 400; letter-spacing: -0.025em; margin-right: 25px;}
footer .fInner .f_left .f_menu div:hover {color: #f15922;}

footer .fInner .f_left .ceo {width: 100%; margin-top: 10px;}
footer .fInner .f_left .ceo p {font-size: 14px; color: #fff; font-weight: 300; letter-spacing: -0.025em; line-height: 1.6;} 
footer .fInner .f_left .ceo p span {display: inline-block; font-size: 12px; color: #86817b; vertical-align: 1px; margin: 0 15px;}

footer .fInner .f_left .copyright {font-size: 14px; color: #cfcecd; font-weight: 400; letter-spacing: -0.025em; margin-top: 15px;}
footer .fInner .f_left .copyright font {color: #f15922;}

footer .fInner .f_right {float: left; width: 50%; padding-left: 50px;}
footer .fInner .f_right h2 {padding-bottom: 15px; font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: -0.025em;}
footer .fInner .f_right .addr {padding: 5px 0; border-bottom: 1px solid #86817b; font-size: 16px; color: #fff; font-weight: 300; letter-spacing: -0.025em;}
footer .fInner .f_right .addr span {display: inline-block; font-size: 12px; color: #86817b; vertical-align: 1px; margin: 0 15px;}
footer .fInner .f_right .addr .f_logo {vertical-align: sub; margin-left: 2px;}

footer .fInner .f_right .sns {width: 100%; text-align: right; margin-top: 30px;}
footer .fInner .f_right .sns ul {display: inline-block; font-size: 0;}
footer .fInner .f_right .sns ul li {display: inline-block;}
footer .fInner .f_right .sns ul li + li {margin-left: 30px;}
footer .fInner .f_right .sns ul li:hover img {opacity: 0.5; transition: 0.3s all;}




.m_left_quick {position: fixed; top: 400px; left: 85px; z-index: 9999; opacity: 0;}
.m_left_quick ul {width: 85px;}
.m_left_quick ul li + li {margin-top: 20px; cursor: top;}
.m_left_quick ul li.top {opacity: 0;}
.m_left_quick ul li.top img.topBtn {cursor: pointer;}

.m_left_quick.active {opacity: 1; transition: 0.6s all;}
.m_left_quick.active.on ul li.top {opacity: 1; transition: 0.6s all;}



.m_right_quick {position: fixed; top: 290px; right: 85px; z-index: 9999; opacity: 0;}
.m_right_quick ul {width: 85px;}
.m_right_quick ul li + li {margin-top: 20px; cursor: top;}
.m_right_quick ul li.top {opacity: 0;}
.m_right_quick ul li.top img.topBtn {cursor: pointer;}

.m_right_quick.active {opacity: 1; transition: 0.6s all;}
.m_right_quick.active.on ul li.top {opacity: 1; transition: 0.6s all;}



.visual {position: relative; width: 100%; height: 720px; opacity: 0;}
.visual .visual_sw {position: relative; width: 100%;}
.visual .visual_sw .swiper-slide {position: relative; text-align: center;}
/*.visual .visual_sw .swiper-slide img {position: absolute; top: 0; left: 50%; transform: translate(-50%);}*/

.visual .visual_sw .v_box {position: absolute; top: 0; left: 0; right: 0; width: 1180px; height: 100%; padding: 175px 0 0;  margin: 0 auto; box-sizing: border-box;}
.visual .visual_sw .v_box .txtBox {position: relative; top: 50px; width: 100%; text-align: center; opacity: 0;}
.visual .visual_sw .v_box .txtBox h2 {font-size: 60px; color: #fff; font-weight: 700; letter-spacing: -0.055em;}
.visual .visual_sw .v_box .txtBox p {font-size: 30px; color: #fff; font-weight: 500; letter-spacing: -0.055em; line-height: 1.4; margin-top: 5px;}

.visual .visual_sw .visual_page {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-left: -845px; margin-top: -130px; content: ''; width: auto; bottom: auto;}
.visual .visual_sw .visual_page .swiper-pagination-bullet {display: block; width: auto; height: auto; background: unset; margin: 10px 0; font-size: 12px; color: #fff; font-weight: 400; line-height: 1; opacity: 1; outline: none;}
.visual .visual_sw .visual_page .swiper-pagination-bullet-active {background: unset; color: #f15922; font-weight: 400; opacity: 1;}

.visual .v_linkBox {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: 95px; z-index: 99; opacity: 0;}
.visual .v_linkBox ul {width: 500px;}
.visual .v_linkBox ul li {height: 70px; background: #fff; border: 2px solid #f15922; border-radius: 8px;}
.visual .v_linkBox ul li + li {margin-top: 20px;}
.visual .v_linkBox ul li span {display: inline-block; padding-left: 20px; width: 358px; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.055em; line-height: 66px;}
.visual .v_linkBox ul li a {display: inline-block; width: 138px; background: #f15922; font-size: 18px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 66px; text-align: center;}

.visual .v_linkBox ul li:last-child {border: 2px solid #60ba70;}
.visual .v_linkBox ul li:last-child a {background: #60ba70;}

.visual .v_linkBox ul li:hover {border: 2px solid #fa6631; transition: 0.3s all;}
.visual .v_linkBox ul li:last-child:hover {border: 2px solid #318e5a; transition: 0.3s all;}
.visual .v_linkBox ul li:hover a {background: #fa6631; transition: 0.3s all;}
.visual .v_linkBox ul li:last-child:hover a {background: #318e5a; transition: 0.3s all;}


.visual.active {opacity: 1; transition: 0.6s all;}
.visual.active .visual_sw .v_box .txtBox {top: 0; opacity: 1; transition: 0.8s all 0.4s;}
.visual.active .v_linkBox {opacity: 1; transition: 0.8s all 0.8s;}


.main_cntent {position: relative; width: 100%;}

.main_cntent .mc_box {position: relative; width: 100%; padding: 100px 0;}

.main_cntent .mc_box .tit {position: relative; top: -50px; width: 100%; text-align: center; opacity: 0;}
.main_cntent .mc_box .tit h2 {padding-bottom: 15px; font-size: 40px; color: #333; font-weight: 500; letter-spacing: -0.025em; line-height: 1;}
.main_cntent .mc_box .tit p {font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em;}
.main_cntent .mc_box .tit p font {color: #f15922;}



.main_cntent .mc_box.box01 .boxCon {position: relative; top: 50px; width: 100%; margin-top: 45px; opacity: 0;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw {width: 100%; height: 605px;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide {position: relative; text-align: center;}

.main_cntent .mc_box.box01 .boxCon .kwin_sw .slide01 {background: url('../img/main/box01_img01.jpg') center no-repeat;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .slide02 {background: url('../img/main/box01_img02.jpg') center no-repeat;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .slide03 {background: url('../img/main/box01_img03.jpg') center no-repeat;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .slide04 {background: url('../img/main/box01_img04.jpg') center no-repeat;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .slide05 {background: url('../img/main/box01_img05.jpg') center no-repeat;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .slide06 {background: url('../img/main/box01_img06.jpg') center no-repeat;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .slide07 {background: url('../img/main/box01_img07.jpg') center no-repeat;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .slide08 {background: url('../img/main/box01_img08.jpg') center no-repeat;}

.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide a {position: relative; display: block; width: 100%; height: 100%; padding-top: 170px; box-sizing: border-box;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide a:before {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide a:after {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; border: 5px solid #f15922; opacity: 0;}

.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide .iconBox {position: relative; display: inline-block; padding-bottom: 10px; text-align: center; z-index: 2; opacity: 0.8;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide .iconBox:after {position: absolute; bottom: 0; left: 0; right: 0; content: ''; width: 70%; height: 1px; background: #fff; margin: 0 auto;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide .iconBox img {}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide .txtBox {position: relative; width: 100%; text-align: center; margin-top: 15px; z-index: 2; opacity: 0.8;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide .txtBox h2 {font-size: 24px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 1;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide .txtBox p {font-size: 20px; color: #fff; font-weight: 400; letter-spacing: -0.025em; line-height: 1.4; margin-top: 20px;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide .txtBox span {display: inline-block; font-size: 16px; color: #fff; font-weight: 300; letter-spacing: -0.025em; line-height: 1.4; margin-top: 15px;}

.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide .arrow {position: absolute; bottom: 0; right: 0; content: ''; width: 60px; height: 60px; background: url('../img/main/box01_arrow.jpg') center no-repeat; z-index: 2;}

.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide:hover a:before {background: transparent; transition: 0.3s all;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide:hover a:after {opacity: 1; transition: 0.3s all;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide:hover .arrow {background: url('../img/main/box01_arrow_on.jpg') center no-repeat; transition: 0.3s all;}
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide:hover .iconBox, 
.main_cntent .mc_box.box01 .boxCon .kwin_sw .swiper-slide:hover .txtBox {opacity: 1; transition: 0.3s all;}


.main_cntent .mc_box.box01.active .tit {top: 0; opacity: 1; transition: 0.8s all 0.4s;}
.main_cntent .mc_box.box01.active .boxCon {top: 0; opacity: 1; transition: 0.8s all 0.8s;}


.main_cntent .mc_box.box01 .boxCon .tool_navigator {position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ''; width: 100%; z-index: 0;}
.main_cntent .mc_box.box01 .boxCon .tool_navigator .sw_prev {float: left; width: 33px; height: 62px; background: url('../img/main/box02_left.png') center no-repeat; margin-left: -70px; cursor: pointer;}
.main_cntent .mc_box.box01 .boxCon .tool_navigator .sw_next {float: right; width: 33px; height: 62px; background: url('../img/main/box02_right.png') center no-repeat; margin-right: -70px; cursor: pointer;}



.main_cntent .mc_box.box02 {padding: 165px 0 100px; background: #ccc9c5; opacity: 0;}
.main_cntent .mc_box.box02 .box02_bg01 {position: absolute; top: 0; left: 0; z-index: 1;}
.main_cntent .mc_box.box02 .box02_bg02 {position: absolute; bottom: 0; right: 0; z-index: 1;}

.main_cntent .mc_box.box02 .boxCon {position: relative; top: 50px; width: 100%; margin-top: 45px; z-index: 10; opacity: 0;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw {position: relative; width: 100%;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .swiper-slide {cursor: pointer;}

.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .imgBox {position: relative; width: 100%; height: 220px; background: #fff;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .imgBox:before {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; border: 5px solid #f15922; opacity: 0; box-sizing: border-box;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .imgBox img {width: 100%;}

.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .txtBox {position: relative; width: 100%; padding: 16px 0 20px; border-bottom: 1px solid #a29e98;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .txtBox:after {position: absolute; bottom: -2px; left: 0; content: ''; width: 100%; height: 1px; background: #e6e3e0;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .txtBox h2 {width: 89%; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.055em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .txtBox p {font-size: 15px; color: #333; font-weight: 300; letter-spacing: -0.025em; margin-top: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .txtBox .box02_arrow {position: absolute; top: 25px; right: 0; opacity: 0;}

.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .btnBox {width: 100%; margin-top: 20px;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .btnBox li {float: left;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .btnBox li:last-child {float: right;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .btnBox li div {width: 130px; height: 38px; background: #ccc9c5; border: 1px solid #888; font-size: 16px; color: #333; font-weight: 400; letter-spacing: -0.025em; line-height: 36px; text-align: center;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .btnBox li:last-child div {background: #888; color: #fff;}


.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .swiper-slide:hover .imgBox:before {opacity: 1; transition: 0.3s all;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .swiper-slide:hover .txtBox .box02_arrow {opacity: 1;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .btnBox li:hover div {background: #fff; border: 1px solid #f15922; transition: 0.3s all;}
.main_cntent .mc_box.box02 .boxCon .mc_box02_sw .btnBox li:last-child:hover div {background: #f15922; border: 1px solid #f15922; transition: 0.3s all;}


.main_cntent .mc_box.box02 .boxCon .tool_navigator {position: absolute; top: 50%; transform: translateY(-50%); left: 0; margin-top: -95px; content: ''; width: 100%; z-index: 0;}
.main_cntent .mc_box.box02 .boxCon .tool_navigator .sw_prev {float: left; width: 33px; height: 62px; background: url('../img/main/box02_left.png') center no-repeat; margin-left: -70px; cursor: pointer;}
.main_cntent .mc_box.box02 .boxCon .tool_navigator .sw_next {float: right; width: 33px; height: 62px; background: url('../img/main/box02_right.png') center no-repeat; margin-right: -70px; cursor: pointer;}


.main_cntent .mc_box.box02 .boxCon .btn_more {width: 100%; margin: 70px 0 60px; text-align: center;}
.main_cntent .mc_box.box02 .boxCon .btn_more div {display: inline-block; padding-right: 35px; background: url('../img/common/arrow2.png') bottom 1px right no-repeat; font-size: 16px; color: #333; font-weight: 500; letter-spacing: -0.025em; line-height: 1; text-align: left;}

.main_cntent .mc_box.box02 .boxCon .btn_more div:hover {background: url('../img/common/arrow_on.png') bottom 1px right no-repeat; color: #f15922;}


.main_cntent .mc_box.box02.active {opacity: 1; transition: 0.8s all 0.2s;}
.main_cntent .mc_box.box02.active .tit {top: 0; opacity: 1; transition: 0.8s all 0.4s;}
.main_cntent .mc_box.box02.active .boxCon {top: 0; opacity: 1; transition: 0.8s all 0.8s;}


.main_cntent .mc_box.box03 {opacity: 0;}
.main_cntent .mc_box.box03 .inner {position: relative;}
.main_cntent .mc_box.box03 .box03_bg01 {position: absolute; top: 85px; right: 155px;}
.main_cntent .mc_box.box03 .box03_bg02 {position: absolute; bottom: -60px; left: 280px;}
.main_cntent .mc_box.box03 .boxCon {width: 100%; margin-top: 45px; overflow: hidden;}
.main_cntent .mc_box.box03 .boxCon > div {position: relative; float: left; width: 50%;}

.main_cntent .mc_box.box03 .boxCon > div .imgBox {width: 100%; overflow: hidden;}
.main_cntent .mc_box.box03 .boxCon > div .imgBox img {width: 100%; transition: 0.3s all;}
.main_cntent .mc_box.box03 .boxCon > div > a:hover .imgBox img {transform: scale(1.05);}

.main_cntent .mc_box.box03 .boxCon > div .txtBox {position: relative; width: 100%; padding-bottom: 30px; background: url('../img/common/arrow.png') bottom left 18px no-repeat;}
.main_cntent .mc_box.box03 .boxCon > div.right .txtBox {text-align: right;}
.main_cntent .mc_box.box03 .boxCon > div .txtBox h2 {display: inline-block; padding: 12px 18px; background: #fff; font-size: 40px; color: #333; font-weight: 400; letter-spacing: -0.055em; line-height: 1; margin-top: -48px;}
.main_cntent .mc_box.box03 .boxCon > div .txtBox p {padding-left: 18px; font-size: 18px; color: #333; font-weight: 400; letter-spacing: -0.025em; margin-top: 5px;}
.main_cntent .mc_box.box03 .boxCon > div.right .txtBox p {padding-right: 18px;}


.main_cntent .mc_box.box03 .boxCon .left {position: relative; left: -100%; padding: 0 0 258px;}

.main_cntent .mc_box.box03 .boxCon .right {position: relative; right: -100%; float: right;padding: 258px 0 0;}
.main_cntent .mc_box.box03 .boxCon > div.right .txtBox {background: url('../img/common/arrow.png') bottom right 18px no-repeat;}

.main_cntent .mc_box.box03 .boxCon > div a:hover .txtBox {background: url('../img/common/arrow_on.png') bottom left 18px no-repeat;}
.main_cntent .mc_box.box03 .boxCon > div.right a:hover .txtBox {background: url('../img/common/arrow_on.png') bottom right 18px no-repeat;}


.main_cntent .mc_box.box03.active {opacity: 1; transition: 0.8s all 0.2s;}
.main_cntent .mc_box.box03.active .boxCon .left {left: 0; transition: 0.8s all 0.4s;}
.main_cntent .mc_box.box03.active .boxCon .right {right: 0; transition: 0.8s all 0.4s;}