@import url("reset.css");

.main {width:100%; position:relative; z-index:300;}

.main .main-navi {position:fixed; left:50px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index:1000; transition:transform 0.25s;}
.main .main-navi li {font-size:15px; font-size:300; letter-spacing:-1px; color:#bfbfbf; padding-left:35px; position:relative; margin-top:20px; line-height:1; cursor:pointer;}
.main .main-navi li:before {content:""; width:6px; height:6px; background:#bfbfbf; border-radius:50%; position:absolute; left:8px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .main-navi li:nth-child(1) {margin-top:0;}
.main .main-navi li.scrolled-to {font-weight:500; color:#fff;}
.main .main-navi li.scrolled-to:before {width:22px; height:22px; background:#fff; left:0;}

.main .main-navi.wh li {color:#a6a6a6;}
.main .main-navi.wh li:before {background:#a6a6a6;}
.main .main-navi.wh li.scrolled-to {color:#43311d;}
.main .main-navi.wh li.scrolled-to:before {background:#43311d;}

.main .section {width:100%; position:relative; box-sizing:border-box;}
.main .section .txt-box .txt .section-title {font-family: 'LotteMartDream', sans-serif; font-size:62px; font-weight:400; line-height:90px; margin-bottom:30px;}
.main .section .txt-box .txt .sub-txt {font-size:27px; font-weight:300; line-height:45px; text-shadow: 0px 2px 2px rgba(0,0,0,0.35);}
.main .section .more-btn {width:220px; height:70px; border-radius:3px; box-sizing:border-box; background:rgba(255,255,255,0.2); text-align:center; border:4px solid #fff;}
.main .section .more-btn a {display:block; font-size:24px; font-weight:200; letter-spacing:-0.5px; line-height:62px; color:#fff;}
.main .section .center-title {font-size:40px; font-weight:400; letter-spacing:-1px; line-height:1; text-align:center;}
.main .section .center-sub {font-size:18px; font-weight:300; letter-spacing:-1px; line-height:25px; text-align:center; margin-top:30px;}
.main .section .scroll {width:100%; padding-bottom:25px; position:absolute; left:0; bottom:30px; text-align:center; color:#fff; font-size:13px; letter-spacing:1px;}
.main .section .scroll:after {content:""; width:13px; height:19px; background:url("/img/main/arrow.png") center bottom no-repeat; background-size:cover; position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.main .section .scroll.over {color:#666;}
.main .section .scroll.over:after {background:url("/img/main/arrow_c.png") center bottom no-repeat;}

.main .visual {width:100%; height:100vh;}
.main .visual > .inner {width:100%;}
.main .visual .visual-slider {width:100%;}
.main .visual .visual-slider .visual-box {width:100%; height:100vh;}
.main .visual .visual-slider .visual-box .visual-txt {width:95%; height:100%; max-width:1200px; margin:0 auto; position:relative;}
.main .visual .visual-slider .visual-box .visual-txt .txt {width:100%; letter-spacing:-1px; color:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-family: 'LotteMartDream', sans-serif; font-size:62px; font-weight:400; line-height:90px; margin-bottom:30px;}
.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:27px; font-weight:300; line-height:45px; text-shadow: 0px 2px 2px rgba(0,0,0,0.35);}

.main .visual .visual-slider .slick-prev {width:60px; height:60px; border:solid #fff; border-width:0 0 1px 1px; position:absolute; top:50%; left:180px; text-indent:-9999999px; -webkit-transform:rotate(45deg) translateY(-50%); -moz-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%); z-index:1000;}
.main .visual .visual-slider .slick-next {width:60px; height:60px; border:solid #fff; border-width:1px 1px 0 0; position:absolute; top:50%; right:180px; text-indent:-9999999px; -webkit-transform:rotate(45deg) translateY(-50%); -moz-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%); z-index:1000;}
.main .visual .visual-slider .slick-dots {width:95%; max-width:1200px; font-size:0; position:absolute; top:calc(50% + 220px); top:-webkit-calc(50% + 220px); top:-moz-calc(50% + 220px); left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.main .visual .visual-slider .slick-dots li {display:inline-block; position:relative; vertical-align:middle; margin-left:10px;}
.main .visual .visual-slider .slick-dots li:nth-child(1) {margin-left:0;}
.main .visual .visual-slider .slick-dots li button {width:21px; height:21px; position:relative; cursor:pointer; font-size:0;}
.main .visual .visual-slider .slick-dots li:nth-child(4n+1) button:before {content:""; width:9px; height:21px; border-radius:5px; background:#fff; position:absolute; top:0; left:6px;}
.main .visual .visual-slider .slick-dots li:nth-child(4n+1) button:after {content:""; width:21px; height:9px; border-radius:5px; background:#fff; position:absolute; top:6px; left:0;}
.main .visual .visual-slider .slick-dots li:nth-child(4n+2) button:before {content:""; width:10px; height:18px; border-radius:10px 10px 0 0; background:#fff; position:absolute; top:1px; left:3px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.main .visual .visual-slider .slick-dots li:nth-child(4n+2) button:after {content:""; width:10px; height:18px; border-radius:10px 10px 0 0; background:#fff; position:absolute; top:1px; right:3px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .visual .visual-slider .slick-dots li:nth-child(4n+3) button:before {content:""; width:10px; height:18px; border-radius:0 0 10px 10px; background:#fff; position:absolute; top:1px; left:3px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .visual .visual-slider .slick-dots li:nth-child(4n+3) button:after {content:""; width:10px; height:18px; border-radius:0 0 10px 10px; background:#fff; position:absolute; top:1px; right:3px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.main .visual .visual-slider .slick-dots li:nth-child(4n) button:before {content:""; width:9px; height:22px; border-radius:5px; background:#fff; position:absolute; top:0; left:6px; transform:rotate(-45deg);}
.main .visual .visual-slider .slick-dots li:nth-child(4n) button:after {content:""; width:9px; height:22px; border-radius:5px; background:#fff; position:absolute; top:0; right:6px; transform:rotate(45deg);}
.main .visual .visual-slider .slick-dots li.slick-active button:before, .main .visual .visual-slider .slick-dots li.slick-active button:after {background:#efa418;}


#visual-01 {background:url("/img/main/visual_01_bg.jpg") center no-repeat; background-size:cover;}
#visual-02 {background:url("/img/main/person_bg.jpg") center no-repeat; background-size:cover;}
#visual-03 {background:url("/img/main/business_bg.jpg") center no-repeat; background-size:cover;}
#visual-04 {background:url("/img/main/consul_bg.jpg") center no-repeat; background-size:cover;}


/*°³ÀÎÀå·Ê*/
.main .person {width:100%; height:100%; background:url("/img/main/person_bg.jpg") right center no-repeat; background-size:cover;}
.main .person > .inner {width:100%; height:100%;}
.main .person .txt-box {width:95%; height:100%; max-width:1200px; margin:0 auto; position:relative;}
.main .person .txt-box .txt {width:100%; letter-spacing:-1px; color:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .person .txt-box .txt .more-btn {margin-top:80px;}


/*±â¾÷Àå·Ê*/
.main .business {width:100%; height:100%; background:url("/img/main/business_bg.jpg") center no-repeat; background-size:cover;}
.main .business > .inner {width:100%; height:100%;}
.main .business .txt-box {width:95%; height:100%; max-width:1200px; margin:0 auto; position:relative;}
.main .business .txt-box .txt {width:100%; letter-spacing:-1px; color:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .business .txt-box .txt .more-btn {margin-top:80px;}


/*¼­ºñ½º*/
.main .service {width:100%; height:100vh; background:url("/img/main/service_bg.jpg") left bottom no-repeat; background-size:cover; box-sizing:border-box; padding-top:180px;}
.main .service > .inner {width:100%; height:100%; position:relative;}
.main .service .service-inner {width:95%; max-width:1200px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.main .service .service-inner .service-wrap {margin-top:40px; width:100%; /*display:flex; flex-wrap:wrap;*/ font-size:0;}
.main .service .service-inner .service-wrap .service-box {width:25%; box-sizing:border-box; display:inline-block; vertical-align:middle;}
.main .service .service-inner .service-wrap .service-box .wrap {padding:50px 30px; position:relative;}
.main .service .service-inner .service-wrap .service-box:nth-child(odd) {background:#f2f2f2;}
.main .service .service-inner .service-wrap .service-box:nth-child(odd) a {color:#666;}
.main .service .service-inner .service-wrap .service-box:nth-child(even) {background:#efa418;}
.main .service .service-inner .service-wrap .service-box:nth-child(even) a {color:#fff;}
.main .service .service-inner .service-wrap .service-box:nth-child(even) a h2 {color:#fff;}
.main .service .service-inner .service-wrap .service-box .icon {margin-bottom:50px;}
.main .service .service-inner .service-wrap .service-box .icon img {display:block; max-width:100%;}
.main .service .service-inner .service-wrap .service-box .txt-box {letter-spacing:-0.5px; margin-bottom:60px;}
.main .service .service-inner .service-wrap .service-box .txt-box h2 {font-size:27px; font-weight:500; line-height:1; margin-bottom:15px;}
.main .service .service-inner .service-wrap .service-box .txt-box .txt {font-size:16px; font-weight:400; line-height:24px; word-wrap:break-word; word-break:keep-all;}
.main .service .service-inner .service-wrap .service-box .more {font-size:18px; font-weight:500; line-height:1; position:absolute; bottom:30px; right:30px;}
.main .service .service-inner .service-wrap .service-box .more p {position:relative; padding-right:18px;}
.main .service .service-inner .service-wrap .service-box .more p:before {content:""; width:3px; height:14px; background:#fff; position:absolute; right:5px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .service .service-inner .service-wrap .service-box .more p:after {content:""; width:14px; height:3px; background:#fff; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .service .service-inner .service-wrap .service-box:nth-child(odd) .more p {color:#402d19;}
.main .service .service-inner .service-wrap .service-box:nth-child(odd) .more p:before,
.main .service .service-inner .service-wrap .service-box:nth-child(odd) .more p:after {background:#402d19;}


/*°í°´ÈÄ±â*/
.main .review {width:100%; height:100vh; background:url("/img/main/review_bg.jpg") center no-repeat; background-size:cover; position:relative;}
.main .review:after {content:""; width:223px; height:408px; background:url("/img/main/leaf.png") center no-repeat; position:absolute; right:0; bottom:30px;}
.main .review > .inner {width:100%; height:100%; position:relative;}
.main .review .review-inner {width:95%; max-width:1200px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.main .review .review-inner .more {text-align:right; padding-right:15px;}
.main .review .review-inner .more a {font-size:18px; font-weight:500; letter-spacing:-1px; line-height:1; color:#402d19;}
.main .review .review-inner .more p {padding-right:20px; position:relative;}
.main .review .review-inner .more p:before {content:""; width:14px; height:3px; background:#402d19; position:absolute; right:0; top:9px;}
.main .review .review-inner .more p:after {content:""; width:3px; height:13px; background:#402d19; position:absolute; right:6px; top:4px;}
.main .review .review-inner .review-box {width:384px; height:402px; box-sizing:border-box; background:#fff; border:1px solid #d9d9d9; position:relative; display:inline-block;}
.main .review .review-inner .review-box:before {content:""; width:100%; height:5px; background:#745d45; position:absolute; top:0; left:0;}
.main .review .review-inner .review-box:after {content:""; width:100%; height:5px; background:#745d45; position:absolute; top:8px; left:0;}
.main .review .review-inner .review-box .wrap {width:100%; height:100%; box-sizing:border-box; padding:50px 30px;}
.main .review .review-inner .review-box .title {font-size:24px; font-weight:500; letter-spacing:-1px; line-height:1;}
.main .review .review-inner .review-box .title p {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .review .review-inner .review-box .info {padding:25px 0; border-bottom:1px solid #d9d9d9;}
.main .review .review-inner .review-box .info ul {font-size:0;}
.main .review .review-inner .review-box .info ul li {display:inline-block; font-size:18px; font-weight:300; letter-spacing:-1px; position:relative; vertical-align:middle; padding-left:20px; box-sizing:border-box; color:#333;}
.main .review .review-inner .review-box .info ul li:nth-child(1) {width:130px; padding-left:0;}
.main .review .review-inner .review-box .info ul li:nth-child(1):after {content:""; width:1px; height:8px; background:#d9d9d9; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .review .review-inner .review-box .info ul li:nth-child(2) {width:calc(100% - 130px); width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px);}
.main .review .review-inner .review-box .info ul li p {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .review .review-inner .review-box .review-content {width:100%; height:112px; margin:25px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; font-size:18px; font-weight:300; letter-spacing:-1px; line-height:28px; color:#666;}
.main .review .review-inner .review-box .date {font-size:20px; font-weight:300; line-height:1; color:#666; margin-top:10px;}
.main .review .review-inner .review-wrap {margin-top:40px;}
.main .review .review-inner .review-wrap .slick-slide {margin:0 15px;}
.main .review .review-inner .review-wrap .slick-prev {width:60px; height:60px; border:solid #666; border-width:0 0 1px 1px; position:absolute; top:175px; left:-60px; text-indent:-9999999px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .review .review-inner .review-wrap .slick-next {width:60px; height:60px; border:solid #666; border-width:1px 1px 0 0; position:absolute; top:175px; right:-60px; text-indent:-9999999px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .review .review-inner .review-wrap .slick-dots {font-size:0; text-align:center; margin-top:50px;}
.main .review .review-inner .review-wrap .slick-dots li {display:inline-block; width:165px; height:15px; position:relative;}
.main .review .review-inner .review-wrap .slick-dots li button {width:165px; height:15px; position:relative; font-size:0;}
.main .review .review-inner .review-wrap .slick-dots li button:before{content:""; width:100%; height:2px; background:#cccccc; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .review .review-inner .review-wrap .slick-dots li.slick-active button:before {background:#ff6600;}
.main .review .review-inner .review-wrap .slick-dots li.slick-active button:after {content:""; width:15px; height:15px; border-radius:50%; background:#ff6600; position:absolute; top:0; right:0;}


/*°í°´¹®ÀÇ*/
.main .consul {}
.main .consul .consul-area {width:100%; min-height:calc(100vh - 180px); box-sizing:border-box; padding:200px 0 170px 0; background:url("/img/main/consul_bg.jpg") center no-repeat; background-size:cover;}
.main .consul .consul-area .consul-inner {width:95%; max-width:1200px; height:100%; margin:0 auto; position:relative;}
.main .consul .consul-area .consul-inner .consul-content {/*width:100%; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);*/ color:#fff;}
/*.main .consul .consul-area .consul-inner .consul-content .consul-box {width:100%; display:flex; flex-wrap:wrap; margin-top:30px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box > * {width:calc(((100% - 24px) / 2) - 1px); width:-webkit-calc(((100% - 24px) / 2) - 1px); width:-moz-calc(((100% - 24px) / 2) - 1px);}*/
.main .consul .consul-area .consul-inner .consul-content .consul-box {width:100%; font-size:0; margin-top:30px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box > * {display:inline-block; vertical-align:top; width:calc(((100% - 24px) / 2) - 1px); width:-webkit-calc(((100% - 24px) / 2) - 1px); width:-moz-calc(((100% - 24px) / 2) - 1px);}
.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box {margin-right:12px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li {margin-top:10px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li:nth-child(1) {margin-top:0;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li input {width:100%; height:68px; box-sizing:border-box; background:#fff; border:1px solid #99908a; padding:0 20px; font-size:18px; font-weight:300; letter-spacing:-1px; color:#666;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box {margin-left:12px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box .cnt-box textarea {width:100%; height:224px; box-sizing:border-box; background:#fff; border:1px solid #99908a; padding:20px; font-size:18px; font-weight:300; letter-spacing:-1px; color:#666; resize:none;}
/*.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box {width:100%; box-sizing:border-box; display:flex; flex-wrap:wrap; margin-top:25px;}*/
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box {width:100%; box-sizing:border-box; margin-top:25px; font-size:0;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box > * {display:inline-block; vertical-align:middle;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy {width:40%;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy a {font-size:17px; font-weight:600; letter-spacing:-0.5px; line-height:1; color:#fff;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree {font-size:0; text-align:right; width:60%;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] {display:none;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label {font-size:16px; font-weight:300; letter-spacing:-1px; color:#fff;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label p {width:28px; height:28px; box-sizing:border-box; background:#fff; border:1px solid #99908a; border-radius:3px; display:inline-block; vertical-align:middle; margin-right:5px; cursor:pointer; position:relative;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"]:checked + label p:after {content:""; width:7px; height:17px; border:solid #402d19; border-width:0 3px 3px 0; position:absolute; left:9px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn {width:220px; height:70px; background:#402d19; text-align:center; margin:0 auto; margin-top:40px; border-radius:3px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn a {display:block; font-size:24px; font-weight:300; letter-spacing:-1px; line-height:70px; color:#fff;}
.main .consul .partner-area {width:100%; height:180px; background:url("/img/main/partner_bg.jpg") right center no-repeat; background-size:cover;}
.main .consul .partner-area .partner-inner {width:95%; max-width:1200px; height:180px; margin:0 auto; position:relative; display:flex; flex-wrap:wrap;}
.main .consul .partner-area .partner-inner .title {width:300px; height:100%; position:relative;}
.main .consul .partner-area .partner-inner .title .title-box {width:100%; font-size:30px; font-weight:300; letter-spacing:-1px; color:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .consul .partner-area .partner-inner .title .title-box p span {font-weight:600;}
.main .consul .partner-area .partner-inner .title .title-box .more {}
.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:18px; font-weight:500; letter-spacing:-1px; line-height:1; color:#fff;}
.main .consul .partner-area .partner-inner .title .title-box .more p {display:inline-block; padding-right:20px; position:relative;}
.main .consul .partner-area .partner-inner .title .title-box .more p:before {content:""; width:14px; height:3px; background:#fff; position:absolute; right:0; top:9px;}
.main .consul .partner-area .partner-inner .title .title-box .more p:after {content:""; width:3px; height:13px; background:#fff; position:absolute; right:6px; top:4px;}
.main .consul .partner-area .partner-inner .partner-box {width:calc(100% - 300px); width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); height:180px; position:relative;}
.main .consul .partner-area .partner-inner .partner-box ul {font-size:0; width:100%; text-align:right; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .consul .partner-area .partner-inner .partner-box ul li {display:inline-block; padding:0 35px;}
.main .consul .partner-area .partner-inner .partner-box ul li img {display:block; max-width:100%; vertical-align:middle;}
.main .consul .partner-area .partner-inner .partner-box ul li:first-child {padding-left:0;}
.main .consul .partner-area .partner-inner .partner-box ul li:last-child {padding-right:0;}


/*ÆË¾÷*/
.terms-popup {width:95%; max-width:450px; background:#fff; position:absolute; display:none; z-index:10000;}
.terms-popup .title {width:100%; height:50px; background:#906c46; box-sizing:border-box; padding:0 10px; font-size:18px; font-weight:500; letter-spacing:-1px; line-height:50px; color:#fff;}
.terms-popup .terms-close-btn {width:24px; height:24px; position:absolute; right:10px; top:13px; cursor:pointer;}
.terms-popup .terms-close-btn:before, .terms-popup .terms-close-btn:after {content:""; width:1px; height:24px; border-left:1px solid #fff; position:absolute;}
.terms-popup .terms-close-btn:before {-webkit-transform:rotate(45deg) translateX(8px) translateY(-8px); -moz-transform:rotate(45deg) translateX(8px) translateY(-8px); transform:rotate(45deg) translateX(8px) translateY(-8px);}
.terms-popup .terms-close-btn:after {-webkit-transform:rotate(-45deg) translateX(8px) translateY(8px); -moz-transform:rotate(-45deg) translateX(8px) translateY(8px); transform:rotate(-45deg) translateX(8px) translateY(8px);}
.terms-popup .inner {width:100%; box-sizing:border-box; padding:20px;}
.terms-popup .terms-box {width:100%;}
.terms-popup .terms-box h1 {font-size:16px; font-weight:400; letter-spacing:-1px; color:#402d19; margin-bottom:5px;}
.terms-popup .terms-box .txt-box {width:100%; height:150px; box-sizing:border-box; padding:10px; border:1px solid #d9d9d9; overflow-y:auto; font-size:14px; font-weight:300; letter-spacing:-0.5px; white-space:pre-line; word-wrap:break-word; word-break:keep-all;}
.terms-popup-bg {width:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.8); z-index:9999;}



@media screen and (max-width: 1700px){

	.main .main-navi {left:30px;}

	.main .visual .visual-slider .slick-prev {left:130px;}
	.main .visual .visual-slider .slick-next {right:130px;}


}


@media screen and (max-width: 1600px){

	.main .visual .visual-slider .visual-box .visual-txt {max-width:1000px;}
	.main .visual .visual-slider .slick-dots {max-width:1000px;}

	.main .person .txt-box {max-width:1000px;}

	.main .business .txt-box {max-width:1000px;}

	.main .service .service-inner {max-width:1100px;}

	.main .review .review-inner {max-width:1100px;}
	.main .review .review-inner .more {width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); margin:0 auto;}
	.main .review .review-inner .review-wrap {width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); margin:0 auto; margin-top:40px;}
	.main .review .review-inner .review-wrap .slick-slide {margin:0 6px;}
	.main .review .review-inner .review-wrap .slick-prev {width:40px; height:40px; left:-40px;}
	.main .review .review-inner .review-wrap .slick-next {width:40px; height:40px; right:-40px;}

	.main .consul .consul-area .consul-inner {max-width:1000px;}

}


@media screen and (max-width: 1400px){

	.main .main-navi {left:20px;}

	.main .section .txt-box .txt .section-title {font-size:52px; line-height:75px; margin-bottom:30px;}
	.main .section .txt-box .txt .sub-txt {font-size:24px; line-height:40px;}
	.main .section .center-title {font-size:38px;}

	.main .visual .visual-slider .slick-prev {width:50px; height:50px; left:120px;}
	.main .visual .visual-slider .slick-next {width:50px; height:50px; right:120px;}

	.main .visual .visual-slider .visual-box .visual-txt {max-width:900px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:52px; line-height:75px; margin-bottom:20px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:24px; line-height:40px;}
	.main .visual .visual-slider .slick-dots {max-width:900px; top:calc(50% + 180px); top:-webkit-calc(50% + 180px); top:-moz-calc(50% + 180px);}

	.main .service .service-inner {max-width:1000px;}

	.main .review .review-inner {max-width:1000px;}

}


@media screen and (max-width: 1280px){

	.main .visual .visual-slider .visual-box .visual-txt {text-align:center;}
	.main .visual .visual-slider .slick-dots {text-align:center;}

	.main .section .more-btn {width:204px; height:65px;}
	.main .section .more-btn a {font-size:20px; line-height:57px;}

	.main .person .txt-box .txt {text-align:center;}
	.main .person .txt-box .txt .more-btn {margin:0 auto; margin-top:70px;}

	.main .business .txt-box {text-align:center;}
	.main .business .txt-box .txt .more-btn {margin:0 auto; margin-top:70px;}

	.main .service .service-inner {max-width:900px;}
	.main .service .service-inner .service-wrap .service-box .wrap {padding:40px 20px;}
	.main .service .service-inner .service-wrap .service-box .icon {margin-bottom:30px;}
	.main .service .service-inner .service-wrap .service-box .icon img {height:90px;}
	.main .service .service-inner .service-wrap .service-box .txt-box {margin-bottom:50px;}
	.main .service .service-inner .service-wrap .service-box .txt-box h2 {font-size:22px; margin-bottom:15px;}
	.main .service .service-inner .service-wrap .service-box .txt-box .txt {font-size:14px; line-height:20px;}
	.main .service .service-inner .service-wrap .service-box .more {font-size:16px; bottom:20px; right:20px;}
	.main .service .service-inner .service-wrap .service-box .more p {padding-right:15px;}
	.main .service .service-inner .service-wrap .service-box .more p:before {width:2px; height:12px;}
	.main .service .service-inner .service-wrap .service-box .more p:after {width:12px; height:2px;}

	.main .review {padding:180px 0 100px 0;}
	.main .review .review-inner .review-box {height:330px;}
	.main .review .review-inner .review-box .wrap {padding:40px 25px;}
	.main .review .review-inner .review-box .title {font-size:20px;}
	.main .review .review-inner .review-box .info {padding:15px 0;}
	.main .review .review-inner .review-box .info ul li {font-size:16px; padding-left:15px;}
	.main .review .review-inner .review-box .info ul li:nth-child(1) {width:115px; padding-left:0;}
	.main .review .review-inner .review-box .info ul li:nth-child(2) {width:calc(100% - 115px); width:-webkit-calc(100% - 115px); width:-moz-calc(100% - 115px);}
	.main .review .review-inner .review-box .review-content {height:100px; margin:20px 0; font-size:16px; line-height:25px;}
	.main .review .review-inner .review-box .date {font-size:17px; margin-top:10px;}
	.main .review .review-inner .more {width:95%;}
	.main .review .review-inner .review-wrap {width:95%;}
	.main .review .review-inner .review-wrap .slick-prev {width:30px; height:30px; top:auto; left:calc(50% - 50px); bottom:45px;}
	.main .review .review-inner .review-wrap .slick-next {width:30px; height:30px; top:auto; right:calc(50% - 50px); bottom:45px;}
	.main .review .review-inner .review-wrap .slick-dots {margin-top:100px;}
	.main .review .review-inner .review-wrap .slick-dots li {width:120px; height:12px;}
	.main .review .review-inner .review-wrap .slick-dots li button {width:120px; height:12px; position:relative; font-size:0;}
	.main .review .review-inner .review-wrap .slick-dots li.slick-active button:after {width:12px; height:12px;}

	.main .consul .consul-area .consul-inner {max-width:950px;}

}


@media screen and (max-width: 1200px){

	.main .main-navi {display:none;}

	.main .visual .visual-slider .slick-prev {left:20px;}
	.main .visual .visual-slider .slick-next {right:50px;}

	.main .service {padding-top:160px;}
	.main .service .service-inner {width:70%;}
	.main .service .service-inner .service-wrap {width:100%; height:420px; display:block;}
	.main .service .service-inner .service-wrap:after {content:""; clear:both; display:block;}
	.main .service .service-inner .service-wrap .service-box {width:50%; height:210px;}
	.main .service .service-inner .service-wrap .service-box:nth-child(1),
	.main .service .service-inner .service-wrap .service-box:nth-child(4) {float:left;}
	.main .service .service-inner .service-wrap .service-box:nth-child(2),
	.main .service .service-inner .service-wrap .service-box:nth-child(3) {float:right;}
	.main .service .service-inner .service-wrap .service-box .icon {margin-bottom:0; width:85px; display:inline-block; vertical-align:middle;}
	.main .service .service-inner .service-wrap .service-box .txt-box {margin-bottom:0; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); display:inline-block; vertical-align:middle; box-sizing:border-box; padding-left:20px;}
	.main .service .service-inner .service-wrap .service-box .more {bottom:0;}

	.main .review:after {width:137px; height:250px; background-size:cover; bottom:30px;}

	.main .consul .partner-area .partner-inner .title {width:220px;}
	.main .consul .partner-area .partner-inner .title .title-box {font-size:26px;}
	.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:16px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p {padding-right:20px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:before {width:12px; height:2px; right:0; top:8px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:after {width:2px; height:12px; right:5px; top:3px;}
	.main .consul .partner-area .partner-inner .partner-box {width:calc(100% - 220px); width:-webkit-calc(100% - 220px); width:-moz-calc(100% - 220px);}
	.main .consul .partner-area .partner-inner .partner-box ul li {padding:0 25px;}
	.main .consul .partner-area .partner-inner .partner-box ul li img {height:28px; max-height:100%;}

}


@media screen and (max-width: 1024px){	

	.main {width:100%; height:auto;}

	.main .section {width:100%; height:auto; min-height:auto;}
	.main .section .txt-box .txt .section-title {font-size:42px; line-height:65px; margin-bottom:30px;}
	.main .section .txt-box .txt .sub-txt {font-size:22px; line-height:32px;}
	.main .section .center-title {font-size:36px;}
	.main .section .center-sub {font-size:17px; line-height:20px; margin-top:25px;}
	.main .section .more-btn {width:188px; height:60px;}
	.main .section .more-btn a {font-size:18px; line-height:52px;}

	.main .visual {width:100%; height:100vh; min-height:400px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:42px; line-height:65px; margin-bottom:20px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:22px; line-height:32px;}
	.main .visual .visual-slider .slick-dots {top:calc(50% + 160px); top:-webkit-calc(50% + 160px); top:-moz-calc(50% + 160px);}

	.main .person {height:500px; background-size:auto 100%; background-position:right 20% center;}	
	.main .person .txt-box .txt .more-btn {margin:0 auto; margin-top:60px;}

	.main .business {height:500px; background-size:auto 100%;}
	.main .business .txt-box .txt .more-btn {margin:0 auto; margin-top:60px;}

	.main .service {height:100%; padding:120px 0;}
	.main .service .service-inner {position:relative; left:auto; top:auto; -webkit-transform:none; -moz-transform:none; transform:none; margin:0 auto;}

	.main .review {height:100%; padding:150px 0;}
	.main .review .review-inner {position:relative; left:auto; top:auto; -webkit-transform:none; -moz-transform:none; transform:none; margin:0 auto;}
	.main .review .review-inner .review-box {height:290px;}
	.main .review .review-inner .review-box .wrap {padding:40px 25px;}
	.main .review .review-inner .review-box .title {font-size:18px;}
	.main .review .review-inner .review-box .info {padding:12px 0;}
	.main .review .review-inner .review-box .info ul li {font-size:14px; padding-left:15px;}
	.main .review .review-inner .review-box .info ul li:nth-child(1) {width:100px; padding-left:0;}
	.main .review .review-inner .review-box .info ul li:nth-child(2) {width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px);}
	.main .review .review-inner .review-box .review-content {height:88px; margin:15px 0; font-size:15px; line-height:22px;}
	.main .review .review-inner .review-box .date {font-size:16px; margin-top:10px;}

	.main .consul .consul-area {height:auto 100%; padding:150px 0;}
	.main .consul .consul-area .consul-inner {height:auto 100%;}
	.main .consul .consul-area .consul-inner .consul-content {width:100%; position:relative; left:auto; top:auto; left:initial; top:initial; -webkit-transform:none; -moz-transform:none; transform:none;}
	.main .consul .partner-area {height:150px;}
	.main .consul .partner-area .partner-inner {height:150px;}
	.main .consul .partner-area .partner-inner .title {width:200px;}
	.main .consul .partner-area .partner-inner .title .title-box {font-size:23px;}
	.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:14px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p {padding-right:18px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:before {width:10px; height:2px; right:0; top:7px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:after {width:2px; height:10px; right:4px; top:3px;}
	.main .consul .partner-area .partner-inner .partner-box {width:calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); height:150px;}
	.main .consul .partner-area .partner-inner .partner-box ul {text-align:left;}
	.main .consul .partner-area .partner-inner .partner-box ul li {padding:0 20px;}
	.main .consul .partner-area .partner-inner .partner-box ul li img {height:22px; max-height:100%;}

}


@media screen and (max-width: 900px){

	.main .section .txt-box .txt .section-title {font-size:40px; line-height:60px; margin-bottom:20px;}
	.main .section .txt-box .txt .sub-txt {font-size:20px; line-height:30px;}
	.main .section .center-title {font-size:34px;}
	.main .section:not(.visual) .scroll {display:none;}

	.main .visual .visual-slider .slick-prev {width:40px; height:40px;}
	.main .visual .visual-slider .slick-next {width:40px; height:40px;}
	.main .visual .visual-slider .visual-box {background-size:auto 100% !important;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:40px; line-height:60px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:20px; line-height:30px;}
	.main .visual .visual-slider .slick-dots {top:calc(50% + 160px); top:-webkit-calc(50% + 160px); top:-moz-calc(50% + 160px);}

	.main .service {padding:100px 0;}
	.main .service .service-inner {width:75%;}
	.main .service .service-inner .service-wrap {width:100%; display:block;}
	.main .service .service-inner .service-wrap .service-box {width:50%;}
	.main .service .service-inner .service-wrap .service-box .icon {width:75px;}
	.main .service .service-inner .service-wrap .service-box .icon img {height:70px;}
	.main .service .service-inner .service-wrap .service-box .txt-box {width:calc(100% - 85px); width:-webkit-calc(100% - 85px); width:-moz-calc(100% - 85px); padding-left:10px;}

	.main .review {padding:100px 0;}

	.main .consul .consul-area {padding:100px 0;}
	.main .consul .consul-area .consul-inner .consul-content {width:100%; position:relative; left:auto; top:auto; left:initial; top:initial; -webkit-transform:none; -moz-transform:none; transform:none;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box {width:100%; display:flex; flex-wrap:wrap; margin-top:30px}
	.main .consul .consul-area .consul-inner .consul-content .consul-box > * {width:100%;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box {margin-right:0;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li {margin-top:7px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li input {height:58px; padding:0 20px; font-size:16px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box {margin-left:0; margin-top:7px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box .cnt-box textarea {height:200px; padding:20px; font-size:16px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box {margin-top:20px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy a {font-size:14px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label {font-size:14px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label p {width:22px; height:22px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"]:checked + label p:after {width:4px; height:12px; border-width:0 2px 2px 0; left:8px; top:2px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn {width:188px; height:60px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn a {font-size:18px; line-height:60px;}
	.main .consul .partner-area {height:150px; background-position:right 15% center;}
	.main .consul .partner-area .partner-inner {height:150px;}
	.main .consul .partner-area .partner-inner .title {width:200px;}
	.main .consul .partner-area .partner-inner .title .title-box {font-size:23px;}
	.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:14px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p {padding-right:18px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:before {width:10px; height:2px; right:0; top:7px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:after {width:2px; height:10px; right:4px; top:3px;}
	.main .consul .partner-area .partner-inner .partner-box {width:calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); height:150px;}
	.main .consul .partner-area .partner-inner .partner-box ul {text-align:left;}
	.main .consul .partner-area .partner-inner .partner-box ul li {padding:0; padding:5px 0; padding-right:40px;}
	.main .consul .partner-area .partner-inner .partner-box ul li:last-child {padding-right:0;}
	.main .consul .partner-area .partner-inner .partner-box ul li img {height:22px; max-height:100%;}

}


@media screen and (max-width: 768px){

	.main .section .txt-box .txt .section-title {font-size:35px; line-height:50px; margin-bottom:20px;}
	.main .section .txt-box .txt .sub-txt {font-size:19px; line-height:25px;}
	.main .section .center-title {font-size:32px;}
	.main .section .center-sub {font-size:16px; line-height:18px; margin-top:20px;}
	.main .section .more-btn {width:172px; height:55px;}
	.main .section .more-btn a {font-size:17px; line-height:47px;}
	
	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:32px; line-height:50px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:18px; line-height:25px;}
	.main .visual .visual-slider .slick-dots {top:calc(50% + 130px); top:-webkit-calc(50% + 130px); top:-moz-calc(50% + 130px);}

	.main .person {height:450px;}
	.main .person .txt-box .txt .more-btn {margin:0 auto; margin-top:50px;}

	.main .business {height:450px;}
	.main .business .txt-box .txt .more-btn {margin:0 auto; margin-top:50px;}

	.main .service .service-inner {width:80%;}
	.main .service .service-inner .service-wrap {width:100%; height:330px; display:block;}
	.main .service .service-inner .service-wrap .service-box {width:50%; height:165px;}
	.main .service .service-inner .service-wrap .service-box .wrap {padding:30px 20px;}
	.main .service .service-inner .service-wrap .service-box .icon {width:60px;}
	.main .service .service-inner .service-wrap .service-box .icon img {height:55px;}
	.main .service .service-inner .service-wrap .service-box .txt-box {width:calc(100% - 65px); width:-webkit-calc(100% - 65px); width:-moz-calc(100% - 65px); padding-left:10px;}
	.main .service .service-inner .service-wrap .service-box .txt-box h2 {font-size:18px; margin-bottom:8px;}
	.main .service .service-inner .service-wrap .service-box .txt-box .txt {font-size:13px; line-height:18px;}
	.main .service .service-inner .service-wrap .service-box .txt-box .txt .br {display:inline-block;}
	.main .service .service-inner .service-wrap .service-box .more {font-size:15px; right:20px;}
	.main .service .service-inner .service-wrap .service-box .more p {padding-right:14px;}
	.main .service .service-inner .service-wrap .service-box .more p:before {width:2px; height:10px; right:4px;}
	.main .service .service-inner .service-wrap .service-box .more p:after {width:10px; height:2px;}

	.main .review:after {display:none;}
	.main .review .review-inner .more {text-align:right; padding-right:15px;}
	.main .review .review-inner .more a {font-size:16px;}
	.main .review .review-inner .more p {padding-right:18px; position:relative;}
	.main .review .review-inner .more p:before {width:12px; height:2px; right:0; top:8px;}
	.main .review .review-inner .more p:after {width:2px; height:12px; right:5px; top:3px;}
	.main .review .review-inner .review-wrap {margin-top:30px;}

	.main .consul .consul-area {padding:100px 0;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy {width:100%; text-align:right; margin-bottom:5px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree {width:100%;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn {width:172px; height:55px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn a {font-size:17px; line-height:55px;}

}


@media screen and (max-width: 600px){

	.main .section .txt-box .txt .section-title {font-size:30px; line-height:40px; margin-bottom:20px;}
	.main .section .txt-box .txt .sub-txt {font-size:17px; line-height:23px;}
	.main .section .center-title {font-size:26px;}
	.main .section .more-btn {width:156px; height:50px;}
	.main .section .more-btn a {font-size:16px; line-height:42px;}

	.main .visual .visual-slider .slick-prev {width:30px; height:30px;}
	.main .visual .visual-slider .slick-next {width:30px; height:30px;}

	.main .person {height:380px;}

	.main .business {height:380px;}

	.main .service {padding:80px 0;}
	.main .service .service-inner {width:95%;}
	.main .service .service-inner .service-wrap {width:100%; height:264px; display:block;}
	.main .service .service-inner .service-wrap .service-box {width:50%; height:132px;}
	.main .service .service-inner .service-wrap .service-box .wrap {padding:20px 20px;}
	.main .service .service-inner .service-wrap .service-box .icon {width:45px;}
	.main .service .service-inner .service-wrap .service-box .icon img {height:40px; margin:0 auto;}
	.main .service .service-inner .service-wrap .service-box .txt-box {width:calc(100% - 50px); width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); padding-left:8px;}
	.main .service .service-inner .service-wrap .service-box .txt-box h2 {font-size:18px; margin-bottom:8px;}
	.main .service .service-inner .service-wrap .service-box .txt-box .txt {font-size:12px; line-height:18px;}
	.main .service .service-inner .service-wrap .service-box .more {font-size:15px; right:20px; bottom:-10px;}
	.main .service .service-inner .service-wrap .service-box .more p {padding-right:14px;}
	.main .service .service-inner .service-wrap .service-box .more p:before {width:2px; height:10px; right:4px;}
	.main .service .service-inner .service-wrap .service-box .more p:after {width:10px; height:2px;}

	.main .review {padding:80px 0;}
	.main .review .review-inner .review-box {height:250px;}
	.main .review .review-inner .review-box .wrap {padding:35px 20px;}
	.main .review .review-inner .review-box .title {font-size:16px;}
	.main .review .review-inner .review-box .info {padding:11px 0;}
	.main .review .review-inner .review-box .info ul li {font-size:13px; padding-left:0; display:block;}
	.main .review .review-inner .review-box .info ul li:nth-child(1) {width:100%;}
	.main .review .review-inner .review-box .info ul li:nth-child(1):after {width:0;}
	.main .review .review-inner .review-box .info ul li:nth-child(2) {width:100%;}
	.main .review .review-inner .review-box .review-content {height:60px; margin:15px 0; font-size:13px; line-height:20px; -webkit-line-clamp:3;}
	.main .review .review-inner .review-box .date {font-size:14px; margin-top:10px;}
	.main .review .review-inner .review-wrap .slick-slide {margin:0 3px;}
	.main .review .review-inner .review-wrap .slick-dots {margin-top:40px;}
	.main .review .review-inner .review-wrap .slick-dots li {width:80px; height:25px;}
	.main .review .review-inner .review-wrap .slick-dots li button {width:80px; height:25px; position:relative; font-size:0;}
	.main .review .review-inner .review-wrap .slick-dots li.slick-active button:after {width:10px; height:10px; top:50%; -wekbit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}

	.main .consul .consul-area {padding:80px 0;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box {margin-top:25px}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li {margin-top:7px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li input {height:45px; padding:0 15px; font-size:15px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box {margin-top:7px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box .cnt-box textarea {height:160px; padding:15px; font-size:15px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box {margin-top:15px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy a {font-size:13px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label {font-size:13px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label p {width:18px; height:18px; margin-right:0; vertical-align:middle;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"]:checked + label p:after {width:3px; height:8px; border-width:0 2px 2px 0; left:6px; top:2px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn {width:156px; height:50px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn a {font-size:16px; line-height:50px;}
	.main .consul .partner-area {height:180px; background-position:right 12% center;}
	.main .consul .partner-area .partner-inner {height:150px; box-sizing:border-box; padding:30px 0;}
	.main .consul .partner-area .partner-inner .title {width:100%; height:auto; text-align:center;}
	.main .consul .partner-area .partner-inner .title .title-box {font-size:20px; position:relative;}
	.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:14px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p {padding-right:18px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:before {width:10px; height:2px; right:0; top:7px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:after {width:2px; height:10px; right:4px; top:3px;}
	.main .consul .partner-area .partner-inner .partner-box {width:100%; height:80px;}
	.main .consul .partner-area .partner-inner .partner-box ul {text-align:center;}
	.main .consul .partner-area .partner-inner .partner-box ul li {display:inline-block; padding:10px 15px;}
	.main .consul .partner-area .partner-inner .partner-box ul li img {height:20px; max-height:100%;}

}


@media screen and (max-width: 480px){

	.main .section .txt-box .txt .section-title {font-size:25px; line-height:30px; margin-bottom:15px;}
	.main .section .txt-box .txt .sub-txt {font-size:15px; line-height:20px;}
	.main .section .center-title {font-size:22px;}
	.main .section .center-sub {font-size:13px; line-height:16px; margin-top:15px;}
	.main .section .more-btn {width:140px; height:45px;}
	.main .section .more-btn a {font-size:14px; line-height:37px;}

	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:24px; line-height:30px; margin-bottom:10px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:14px; line-height:20px;}
	.main .visual .visual-slider .slick-dots {top:calc(50% + 100px); top:-webkit-calc(50% + 100px); top:-moz-calc(50% + 100px);}

	.main .person .txt-box .txt .more-btn {margin:0 auto; margin-top:40px;}

	.main .business .txt-box .txt .more-btn {margin:0 auto; margin-top:40px;}

	.main .service {padding:60px 0;}
	.main .service .service-inner .service-wrap {width:100%; height:376px; display:block;}
	.main .service .service-inner .service-wrap .service-box {width:50%; height:188px;}
	.main .service .service-inner .service-wrap .service-box .wrap {padding:20px 15px;}
	.main .service .service-inner .service-wrap .service-box .icon {width:100%; display:block; margin-bottom:10px;}
	.main .service .service-inner .service-wrap .service-box .icon img {height:40px; margin:0 auto;}
	.main .service .service-inner .service-wrap .service-box .txt-box {width:100%; padding-left:0; margin-bottom:10px; text-align:center;}
	.main .service .service-inner .service-wrap .service-box .txt-box h2 {font-size:16px; margin-bottom:8px;}
	.main .service .service-inner .service-wrap .service-box .txt-box .txt {font-size:12px; line-height:17px;}
	.main .service .service-inner .service-wrap .service-box .more {font-size:13px; right:15px;}
	.main .service .service-inner .service-wrap .service-box .more p {padding-right:13px;}
	.main .service .service-inner .service-wrap .service-box .more p:before {width:2px; height:10px; right:4px;}
	.main .service .service-inner .service-wrap .service-box .more p:after {width:10px; height:2px;}

	.main .review {padding:60px 0;}
	.main .review .review-inner .more {padding-right:0;}
	.main .review .review-inner .more a {font-size:14px;}
	.main .review .review-inner .more p {padding-right:16px;}
	.main .review .review-inner .more p:before {width:10px; height:2px; right:0; top:7px;}
	.main .review .review-inner .more p:after {width:2px; height:10px; right:4px; top:3px;}
	.main .review .review-inner .review-wrap {margin-top:20px;}
	.main .review .review-inner .review-box {height:240px;}
	.main .review .review-inner .review-box .wrap {padding:30px 10px;}
	.main .review .review-inner .review-box .title {font-size:15px;}
	.main .review .review-inner .review-box .info {padding:10px 0;}
	.main .review .review-inner .review-box .info ul li {font-size:12px; display:inline-block; padding-left:10px;}
	.main .review .review-inner .review-box .info ul li:nth-child(1) {width:80px; padding-left:0;}
	.main .review .review-inner .review-box .info ul li:nth-child(1):after {width:1px;}
	.main .review .review-inner .review-box .info ul li:nth-child(2) {width:calc(100% - 80px); width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px);}
	.main .review .review-inner .review-box .review-content {height:80px; margin:15px 0; font-size:12px; line-height:20px; -webkit-line-clamp:4;}
	.main .review .review-inner .review-box .date {font-size:12px; margin-top:10px;}
	.main .review .review-inner .review-wrap .slick-slide {margin:0;}
	.main .review .review-inner .review-wrap .slick-dots {width:90%; margin:0 auto; margin-top:30px;}
	.main .review .review-inner .review-wrap .slick-dots li {width:calc(100% / 6); width:-webkit-calc(100% / 6); width:-moz-calc(100% / 6); height:25px;}
	.main .review .review-inner .review-wrap .slick-dots li button {width:100%; height:25px; position:relative; font-size:0;}
	.main .review .review-inner .review-wrap .slick-dots li.slick-active button:after {width:8px; height:8px;}

	.main .consul .consul-area .consul-inner .consul-content .consul-box {margin-top:20px}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li {margin-top:5px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li input {height:35px; padding:0 10px; font-size:13px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box {margin-top:5px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box .cnt-box textarea {height:120px; padding:10px; font-size:13px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box {margin-top:10px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy a {font-size:12px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label {font-size:12px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label p {width:16px; height:16px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"]:checked + label p:after {width:3px; height:8px; border-width:0 2px 2px 0; left:5px; top:1px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn {width:140px; height:45px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn a {font-size:14px; line-height:45px;}
	.main .consul .partner-area .partner-inner .title .title-box {font-size:18px; position:relative;}
	.main .consul .partner-area .partner-inner .title .title-box .more {line-height:1;}
	.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:12px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p {padding-right:13px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:before {width:9px; height:1px; right:0; top:7px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:after {width:1px; height:9px; right:4px; top:3px;}
	.main .consul .partner-area .partner-inner .partner-box {width:100%; height:70px; margin-top:10px;}
	.main .consul .partner-area .partner-inner .partner-box ul li img {height:16px; max-height:100%;}

	.terms-popup .title {height:45px; font-size:16px; line-height:45px;}
	.terms-popup .terms-close-btn {top:11px;}
	.terms-popup .inner {padding:15px;}
	.terms-popup .terms-box h1 {font-size:14px;}
	.terms-popup .terms-box .txt-box {height:120px; font-size:12px;}

}

/*.main .visual {width:100%; height:100vh;}
.main .visual > .inner {width:100%;}
.main .visual .visual-slider {width:100%;}
.main .visual .visual-slider .visual-box {width:100%; height:100vh;}
.main .visual .visual-slider .visual-box .visual-txt {width:95%; height:100%; max-width:1200px; margin:0 auto; position:relative;}
.main .visual .visual-slider .visual-box .visual-txt .txt {width:100%; letter-spacing:-1px; color:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-family: 'LotteMartDream'; font-size:62px; font-weight:400; line-height:90px; margin-bottom:30px;}
.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:27px; font-weight:300; line-height:45px; text-shadow: 0px 2px 2px rgba(0,0,0,0.35);}

.main .visual .visual-slider .slick-prev {width:60px; height:60px; border:solid #fff; border-width:0 0 1px 1px; position:absolute; top:50%; left:180px; text-indent:-9999999px; -webkit-transform:rotate(45deg) translateY(-50%); -moz-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%); z-index:1000;}
.main .visual .visual-slider .slick-next {width:60px; height:60px; border:solid #fff; border-width:1px 1px 0 0; position:absolute; top:50%; right:180px; text-indent:-9999999px; -webkit-transform:rotate(45deg) translateY(-50%); -moz-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%); z-index:1000;}
.main .visual .visual-slider .slick-dots {width:95%; max-width:1200px; font-size:0; position:absolute; top:calc(50% + 220px); top:-webkit-calc(50% + 220px); top:-moz-calc(50% + 220px); left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.main .visual .visual-slider .slick-dots li {display:inline-block; position:relative; vertical-align:middle; margin-left:10px;}
.main .visual .visual-slider .slick-dots li:nth-child(1) {margin-left:0;}
.main .visual .visual-slider .slick-dots li button {width:21px; height:21px; position:relative; cursor:pointer; font-size:0;}
.main .visual .visual-slider .slick-dots li:nth-child(4n+1) button:before {content:""; width:9px; height:21px; border-radius:5px; background:#fff; position:absolute; top:0; left:6px;}
.main .visual .visual-slider .slick-dots li:nth-child(4n+1) button:after {content:""; width:21px; height:9px; border-radius:5px; background:#fff; position:absolute; top:6px; left:0;}
.main .visual .visual-slider .slick-dots li:nth-child(4n+2) button:before {content:""; width:10px; height:18px; border-radius:10px 10px 0 0; background:#fff; position:absolute; top:1px; left:3px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.main .visual .visual-slider .slick-dots li:nth-child(4n+2) button:after {content:""; width:10px; height:18px; border-radius:10px 10px 0 0; background:#fff; position:absolute; top:1px; right:3px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .visual .visual-slider .slick-dots li:nth-child(4n+3) button:before {content:""; width:10px; height:18px; border-radius:0 0 10px 10px; background:#fff; position:absolute; top:1px; left:3px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .visual .visual-slider .slick-dots li:nth-child(4n+3) button:after {content:""; width:10px; height:18px; border-radius:0 0 10px 10px; background:#fff; position:absolute; top:1px; right:3px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.main .visual .visual-slider .slick-dots li:nth-child(4n) button:before {content:""; width:9px; height:22px; border-radius:5px; background:#fff; position:absolute; top:0; left:6px; transform:rotate(-45deg);}
.main .visual .visual-slider .slick-dots li:nth-child(4n) button:after {content:""; width:9px; height:22px; border-radius:5px; background:#fff; position:absolute; top:0; right:6px; transform:rotate(45deg);}
.main .visual .visual-slider .slick-dots li.slick-active button:before, .main .visual .visual-slider .slick-dots li.slick-active button:after {background:#efa418;}


#visual-01 {background:url("/img/main/visual_01_bg.jpg") center no-repeat; background-size:cover;}
#visual-02 {background:url("/img/main/person_bg.jpg") center no-repeat; background-size:cover;}
#visual-03 {background:url("/img/main/business_bg.jpg") center no-repeat; background-size:cover;}
#visual-04 {background:url("/img/main/consul_bg.jpg") center no-repeat; background-size:cover;}


.main .person {width:100%; height:100%; background:url("/img/main/person_bg.jpg") right center no-repeat; background-size:cover;}
.main .person > .inner {width:100%; height:100%;}
.main .person .txt-box {width:95%; height:100%; max-width:1200px; margin:0 auto; position:relative;}
.main .person .txt-box .txt {width:100%; letter-spacing:-1px; color:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .person .txt-box .txt .more-btn {margin-top:80px;}

.main .business {width:100%; height:100%; background:url("/img/main/business_bg.jpg") center no-repeat; background-size:cover;}
.main .business > .inner {width:100%; height:100%;}
.main .business .txt-box {width:95%; height:100%; max-width:1200px; margin:0 auto; position:relative;}
.main .business .txt-box .txt {width:100%; letter-spacing:-1px; color:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .business .txt-box .txt .more-btn {margin-top:80px;}

.main .service {width:100%; height:100%; background:url("/img/main/service_bg.jpg") left bottom no-repeat; background-size:cover;}
.main .service > .inner {width:100%; height:100%; position:relative;}
.main .service .service-inner {width:95%; max-width:1200px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.main .service .service-inner .service-wrap {margin-top:40px; width:100%; display:flex; flex-wrap:wrap;}
.main .service .service-inner .service-wrap .service-box {width:25%; box-sizing:border-box;}
.main .service .service-inner .service-wrap .service-box .wrap {padding:50px 30px; position:relative;}
.main .service .service-inner .service-wrap .service-box:nth-child(odd) {background:#f2f2f2;}
.main .service .service-inner .service-wrap .service-box:nth-child(odd) a {color:#666;}
.main .service .service-inner .service-wrap .service-box:nth-child(even) {background:#efa418;}
.main .service .service-inner .service-wrap .service-box:nth-child(even) a {color:#fff;}
.main .service .service-inner .service-wrap .service-box:nth-child(even) a h2 {color:#fff;}
.main .service .service-inner .service-wrap .service-box .icon {margin-bottom:50px;}
.main .service .service-inner .service-wrap .service-box .icon img {display:block; max-width:100%;}
.main .service .service-inner .service-wrap .service-box .txt-box {letter-spacing:-0.5px; margin-bottom:60px;}
.main .service .service-inner .service-wrap .service-box .txt-box h2 {font-size:27px; font-weight:500; line-height:1; margin-bottom:15px;}
.main .service .service-inner .service-wrap .service-box .txt-box .txt {font-size:16px; font-weight:400; line-height:24px; word-wrap:break-word; word-break:keep-all;}
.main .service .service-inner .service-wrap .service-box .more {font-size:18px; font-weight:500; line-height:1; position:absolute; bottom:30px; right:30px;}
.main .service .service-inner .service-wrap .service-box .more p {position:relative; padding-right:18px;}
.main .service .service-inner .service-wrap .service-box .more p:before {content:""; width:3px; height:14px; background:#fff; position:absolute; right:5px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .service .service-inner .service-wrap .service-box .more p:after {content:""; width:14px; height:3px; background:#fff; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .service .service-inner .service-wrap .service-box:nth-child(odd) .more p {color:#402d19;}
.main .service .service-inner .service-wrap .service-box:nth-child(odd) .more p:before,
.main .service .service-inner .service-wrap .service-box:nth-child(odd) .more p:after {background:#402d19;}


.main .review {width:100%; height:100%; background:url("/img/main/review_bg.jpg") center no-repeat; background-size:cover; position:relative;}
.main .review:after {content:""; width:223px; height:408px; background:url("/img/main/leaf.png") center no-repeat; position:absolute; right:0; bottom:30px;}
.main .review > .inner {width:100%; height:100%; position:relative;}
.main .review .review-inner {width:95%; max-width:1200px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.main .review .review-inner .more {text-align:right; padding-right:15px;}
.main .review .review-inner .more a {font-size:18px; font-weight:500; letter-spacing:-1px; line-height:1; color:#402d19;}
.main .review .review-inner .more p {padding-right:20px; position:relative;}
.main .review .review-inner .more p:before {content:""; width:14px; height:3px; background:#402d19; position:absolute; right:0; top:9px;}
.main .review .review-inner .more p:after {content:""; width:3px; height:13px; background:#402d19; position:absolute; right:6px; top:4px;}
.main .review .review-inner .review-box {width:384px; height:402px; box-sizing:border-box; background:#fff; border:1px solid #d9d9d9; position:relative;}
.main .review .review-inner .review-box:before {content:""; width:100%; height:5px; background:#745d45; position:absolute; top:0; left:0;}
.main .review .review-inner .review-box:after {content:""; width:100%; height:5px; background:#745d45; position:absolute; top:8px; left:0;}
.main .review .review-inner .review-box .wrap {width:100%; height:100%; box-sizing:border-box; padding:50px 30px;}
.main .review .review-inner .review-box .title {font-size:24px; font-weight:500; letter-spacing:-1px; line-height:1;}
.main .review .review-inner .review-box .title p {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .review .review-inner .review-box .info {padding:25px 0; border-bottom:1px solid #d9d9d9;}
.main .review .review-inner .review-box .info ul {font-size:0;}
.main .review .review-inner .review-box .info ul li {display:inline-block; font-size:18px; font-weight:300; letter-spacing:-1px; position:relative; vertical-align:middle; padding-left:20px; box-sizing:border-box; color:#333;}
.main .review .review-inner .review-box .info ul li:nth-child(1) {width:130px; padding-left:0;}
.main .review .review-inner .review-box .info ul li:nth-child(1):after {content:""; width:1px; height:8px; background:#d9d9d9; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .review .review-inner .review-box .info ul li:nth-child(2) {width:calc(100% - 130px); width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px);}
.main .review .review-inner .review-box .info ul li p {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .review .review-inner .review-box .review-content {width:100%; height:112px; margin:25px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; font-size:18px; font-weight:300; letter-spacing:-1px; line-height:28px; color:#666;}
.main .review .review-inner .review-box .date {font-size:20px; font-weight:300; line-height:1; color:#666; margin-top:10px;}
.main .review .review-inner .review-wrap {margin-top:40px;}
.main .review .review-inner .review-wrap .slick-slide {margin:0 15px;}
.main .review .review-inner .review-wrap .slick-prev {width:60px; height:60px; border:solid #666; border-width:0 0 1px 1px; position:absolute; top:175px; left:-60px; text-indent:-9999999px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .review .review-inner .review-wrap .slick-next {width:60px; height:60px; border:solid #666; border-width:1px 1px 0 0; position:absolute; top:175px; right:-60px; text-indent:-9999999px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .review .review-inner .review-wrap .slick-dots {font-size:0; text-align:center; margin-top:50px;}
.main .review .review-inner .review-wrap .slick-dots li {display:inline-block; width:165px; height:15px; position:relative;}
.main .review .review-inner .review-wrap .slick-dots li button {width:165px; height:15px; position:relative; font-size:0;}
.main .review .review-inner .review-wrap .slick-dots li button:before{content:""; width:100%; height:2px; background:#cccccc; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .review .review-inner .review-wrap .slick-dots li.slick-active button:before {background:#ff6600;}
.main .review .review-inner .review-wrap .slick-dots li.slick-active button:after {content:""; width:15px; height:15px; border-radius:50%; background:#ff6600; position:absolute; top:0; right:0;}


.main .consul {width:100%; height:100%;}
.main .consul .consul-area {width:100%; height:calc(100% - 180px); height:-webkit-calc(100% - 180px); height:-moz-calc(100% - 180px); background:url("/img/main/consul_bg.jpg") center no-repeat; background-size:cover;}
.main .consul .consul-area .consul-inner {width:95%; max-width:1200px; height:100%; margin:0 auto; position:relative;}
.main .consul .consul-area .consul-inner .consul-content {width:100%; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#fff;}
.main .consul .consul-area .consul-inner .consul-content .consul-box {width:100%; display:flex; flex-wrap:wrap; margin-top:30px}
.main .consul .consul-area .consul-inner .consul-content .consul-box > * {width:calc((100% - 24px) / 2); width:-webkit-calc((100% - 24px) / 2); width:-moz-calc((100% - 24px) / 2);}
.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box {margin-right:12px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li {margin-top:10px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li:nth-child(1) {margin-top:0;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li input {width:100%; height:68px; box-sizing:border-box; background:#fff; border:1px solid #99908a; padding:0 20px; font-size:18px; font-weight:300; letter-spacing:-1px; color:#666;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box {margin-left:12px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box .cnt-box textarea {width:100%; height:224px; box-sizing:border-box; background:#fff; border:1px solid #99908a; padding:20px; font-size:18px; font-weight:300; letter-spacing:-1px; color:#666; resize:none;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box {width:100%; box-sizing:border-box; display:flex; flex-wrap:wrap; margin-top:25px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy {width:40%;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy a {font-size:17px; font-weight:600; letter-spacing:-0.5px; line-height:1; color:#fff;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree {font-size:0; text-align:right; width:60%;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] {display:none;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label {font-size:16px; font-weight:300; letter-spacing:-1px; color:#fff;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label p {width:28px; height:28px; box-sizing:border-box; background:#fff; border:1px solid #99908a; border-radius:3px; display:inline-block; vertical-align:middle; margin-right:5px; cursor:pointer; position:relative;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"]:checked + label p:after {content:""; width:7px; height:17px; border:solid #402d19; border-width:0 3px 3px 0; position:absolute; left:9px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn {width:220px; height:70px; background:#402d19; text-align:center; margin:0 auto; margin-top:40px; border-radius:3px;}
.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn a {display:block; font-size:24px; font-weight:300; letter-spacing:-1px; line-height:70px; color:#fff;}

.main .consul .partner-area {width:100%; height:180px; background:url("/img/main/partner_bg.jpg") right center no-repeat; background-size:cover;}
.main .consul .partner-area .partner-inner {width:95%; max-width:1200px; height:180px; margin:0 auto; position:relative; display:flex; flex-wrap:wrap;}
.main .consul .partner-area .partner-inner .title {width:300px; height:100%; position:relative;}
.main .consul .partner-area .partner-inner .title .title-box {width:100%; font-size:30px; font-weight:300; letter-spacing:-1px; color:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .consul .partner-area .partner-inner .title .title-box p span {font-weight:600;}
.main .consul .partner-area .partner-inner .title .title-box .more {}
.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:18px; font-weight:500; letter-spacing:-1px; line-height:1; color:#fff;}
.main .consul .partner-area .partner-inner .title .title-box .more p {display:inline-block; padding-right:20px; position:relative;}
.main .consul .partner-area .partner-inner .title .title-box .more p:before {content:""; width:14px; height:3px; background:#fff; position:absolute; right:0; top:9px;}
.main .consul .partner-area .partner-inner .title .title-box .more p:after {content:""; width:3px; height:13px; background:#fff; position:absolute; right:6px; top:4px;}
.main .consul .partner-area .partner-inner .partner-box {width:calc(100% - 300px); width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); height:180px; position:relative;}
.main .consul .partner-area .partner-inner .partner-box ul {font-size:0; width:100%; text-align:right; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .consul .partner-area .partner-inner .partner-box ul li {display:inline-block; padding:0 35px;}
.main .consul .partner-area .partner-inner .partner-box ul li img {display:block; max-width:100%; vertical-align:middle;}
.main .consul .partner-area .partner-inner .partner-box ul li:first-child {padding-left:0;}
.main .consul .partner-area .partner-inner .partner-box ul li:last-child {padding-right:0;}



@media screen and (max-width: 1700px){

	.main .main-navi {left:30px;}

	.main .visual .visual-slider .slick-prev {left:130px;}
	.main .visual .visual-slider .slick-next {right:130px;}


}



@media screen and (max-width: 1600px){

	.main .visual .visual-slider .visual-box .visual-txt {max-width:1000px;}
	.main .visual .visual-slider .slick-dots {max-width:1000px;}

	.main .person .txt-box {max-width:1000px;}

	.main .business .txt-box {max-width:1000px;}

	.main .service .service-inner {max-width:1100px;}

	.main .review .review-inner {max-width:1100px;}
	.main .review .review-inner .more {width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); margin:0 auto;}
	.main .review .review-inner .review-wrap {width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); margin:0 auto; margin-top:40px;}
	.main .review .review-inner .review-wrap .slick-slide {margin:0 6px;}
	.main .review .review-inner .review-wrap .slick-prev {width:40px; height:40px; left:-40px;}
	.main .review .review-inner .review-wrap .slick-next {width:40px; height:40px; right:-40px;}

	.main .consul .consul-area .consul-inner {max-width:1000px;}

}


@media screen and (max-width: 1400px){

	.main .main-navi {left:20px;}

	.main .section .txt-box .txt .section-title {font-size:52px; line-height:75px; margin-bottom:30px;}
	.main .section .txt-box .txt .sub-txt {font-size:24px; line-height:40px;}
	.main .section .center-title {font-size:38px;}


	.main .visual .visual-slider .slick-prev {width:50px; height:50px; left:120px;}
	.main .visual .visual-slider .slick-next {width:50px; height:50px; right:120px;}

	.main .visual .visual-slider .visual-box .visual-txt {max-width:900px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:52px; line-height:75px; margin-bottom:20px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:24px; line-height:40px;}
	.main .visual .visual-slider .slick-dots {max-width:900px; top:calc(50% + 180px); top:-webkit-calc(50% + 180px); top:-moz-calc(50% + 180px);}

	.main .service .service-inner {max-width:1000px;}

	.main .review .review-inner {max-width:1000px;}
	
	

}


@media screen and (max-width: 1280px){

	.main .visual .visual-slider .visual-box .visual-txt {text-align:center;}
	.main .visual .visual-slider .slick-dots {text-align:center;}

	.main .section .more-btn {width:204px; height:65px;}
	.main .section .more-btn a {font-size:20px; line-height:57px;}

	.main .person .txt-box .txt {text-align:center;}
	.main .person .txt-box .txt .more-btn {margin:0 auto; margin-top:70px;}

	.main .business .txt-box {text-align:center;}
	.main .business .txt-box .txt .more-btn {margin:0 auto; margin-top:70px;}

	.main .service .service-inner {max-width:900px;}
	.main .service .service-inner .service-wrap .service-box .wrap {padding:40px 20px;}
	.main .service .service-inner .service-wrap .service-box .icon {margin-bottom:30px;}
	.main .service .service-inner .service-wrap .service-box .icon img {height:90px;}
	.main .service .service-inner .service-wrap .service-box .txt-box {margin-bottom:50px;}
	.main .service .service-inner .service-wrap .service-box .txt-box h2 {font-size:22px; margin-bottom:15px;}
	.main .service .service-inner .service-wrap .service-box .txt-box .txt {font-size:14px; line-height:20px;}
	.main .service .service-inner .service-wrap .service-box .more {font-size:16px; bottom:20px; right:20px;}
	.main .service .service-inner .service-wrap .service-box .more p {padding-right:15px;}
	.main .service .service-inner .service-wrap .service-box .more p:before {width:2px; height:12px;}
	.main .service .service-inner .service-wrap .service-box .more p:after {width:12px; height:2px;}

	.main .review {padding-top:180px;}
	.main .review .review-inner .review-box {height:330px;}
	.main .review .review-inner .review-box .wrap {padding:40px 25px;}
	.main .review .review-inner .review-box .title {font-size:20px;}
	.main .review .review-inner .review-box .info {padding:15px 0;}
	.main .review .review-inner .review-box .info ul li {font-size:16px; padding-left:15px;}
	.main .review .review-inner .review-box .info ul li:nth-child(1) {width:115px; padding-left:0;}
	.main .review .review-inner .review-box .info ul li:nth-child(2) {width:calc(100% - 115px); width:-webkit-calc(100% - 115px); width:-moz-calc(100% - 115px);}
	.main .review .review-inner .review-box .review-content {height:100px; margin:20px 0; font-size:16px; line-height:25px;}
	.main .review .review-inner .review-box .date {font-size:17px; margin-top:10px;}

	.main .review .review-inner .more {width:95%;}
	.main .review .review-inner .review-wrap {width:95%;}
	.main .review .review-inner .review-wrap .slick-prev {width:30px; height:30px; top:auto; left:calc(50% - 50px); bottom:45px;}
	.main .review .review-inner .review-wrap .slick-next {width:30px; height:30px; top:auto; right:calc(50% - 50px); bottom:45px;}
	.main .review .review-inner .review-wrap .slick-dots {margin-top:100px;}
	.main .review .review-inner .review-wrap .slick-dots li {width:120px; height:12px;}
	.main .review .review-inner .review-wrap .slick-dots li button {width:120px; height:12px; position:relative; font-size:0;}
	.main .review .review-inner .review-wrap .slick-dots li.slick-active button:after {width:12px; height:12px;}

	.main .consul .consul-area .consul-inner {max-width:950px;}


}


@media screen and (max-width: 1200px){

	.main .main-navi {display:none;}

	.main .visual .visual-slider .slick-prev {left:20px;}
	.main .visual .visual-slider .slick-next {right:50px;}

	.main .service .service-inner {width:70%;}
	.main .service .service-inner .service-wrap {width:100%; height:420px; display:block;}
	.main .service .service-inner .service-wrap:after {content:""; clear:both; display:block;}
	.main .service .service-inner .service-wrap .service-box {width:50%; height:210px;}
	.main .service .service-inner .service-wrap .service-box:nth-child(1),
	.main .service .service-inner .service-wrap .service-box:nth-child(4) {float:left;}
	.main .service .service-inner .service-wrap .service-box:nth-child(2),
	.main .service .service-inner .service-wrap .service-box:nth-child(3) {float:right;}
	.main .service .service-inner .service-wrap .service-box .icon {margin-bottom:0; width:85px; display:inline-block; vertical-align:middle;}
	.main .service .service-inner .service-wrap .service-box .txt-box {margin-bottom:0; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); display:inline-block; vertical-align:middle; box-sizing:border-box; padding-left:20px;}
	.main .service .service-inner .service-wrap .service-box .more {bottom:0;}
 
	.main .review:after {width:137px; height:250px; background-size:cover; bottom:30px;}

	.main .consul .partner-area .partner-inner .title {width:220px;}
	.main .consul .partner-area .partner-inner .title .title-box {font-size:26px;}
	.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:16px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p {padding-right:20px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:before {width:12px; height:2px; right:0; top:8px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:after {width:2px; height:12px; right:5px; top:3px;}
	.main .consul .partner-area .partner-inner .partner-box {width:calc(100% - 220px); width:-webkit-calc(100% - 220px); width:-moz-calc(100% - 220px);}
	.main .consul .partner-area .partner-inner .partner-box ul li {padding:0 25px;}
	.main .consul .partner-area .partner-inner .partner-box ul li img {height:28px; max-height:100%;}


}


@media screen and (max-width: 1024px){	

	.main {width:100%; height:auto;}

	.main .section {width:100%; height:auto; min-height:auto;}
	.main .section .txt-box .txt .section-title {font-size:42px; line-height:65px; margin-bottom:30px;}
	.main .section .txt-box .txt .sub-txt {font-size:22px; line-height:32px;}
	.main .section .center-title {font-size:36px;}
	.main .section .center-sub {font-size:17px; line-height:20px; margin-top:25px;}
	.main .section .more-btn {width:188px; height:60px;}
	.main .section .more-btn a {font-size:18px; line-height:52px;}

	.main .visual {width:100%; height:100vh;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:42px; line-height:65px; margin-bottom:20px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:22px; line-height:32px;}
	.main .visual .visual-slider .slick-dots {top:calc(50% + 160px); top:-webkit-calc(50% + 160px); top:-moz-calc(50% + 160px);}
	
	.main .person {height:500px; background-size:auto 100%; background-position:right 20% center;}	
	.main .person .txt-box .txt .more-btn {margin:0 auto; margin-top:60px;}

	.main .business {height:500px; background-size:auto 100%;}
	.main .business .txt-box .txt .more-btn {margin:0 auto; margin-top:60px;}

	.main .service {height:800px;}

	.main .review {height:654px;}
	.main .review .review-inner .review-box {height:290px;}
	.main .review .review-inner .review-box .wrap {padding:40px 25px;}
	.main .review .review-inner .review-box .title {font-size:18px;}
	.main .review .review-inner .review-box .info {padding:12px 0;}
	.main .review .review-inner .review-box .info ul li {font-size:14px; padding-left:15px;}
	.main .review .review-inner .review-box .info ul li:nth-child(1) {width:100px; padding-left:0;}
	.main .review .review-inner .review-box .info ul li:nth-child(2) {width:calc(100% - 100px); width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px);}
	.main .review .review-inner .review-box .review-content {height:88px; margin:15px 0; font-size:15px; line-height:22px;}
	.main .review .review-inner .review-box .date {font-size:16px; margin-top:10px;}

	.main .consul {height:auto;}
	--.main .consul .consul-area {height:100vh;}--
	.main .consul .consul-area {height:auto 100%; padding:80px 0;}
	.main .consul .consul-area .consul-inner {height:auto 100%;}
	.main .consul .consul-area .consul-inner .consul-content {width:100%; position:relative; left:auto; top:auto; left:initial; top:initial; -webkit-transform:none; -moz-transform:none; transform:none;}
	.main .consul .partner-area {height:150px;}
	.main .consul .partner-area .partner-inner {height:150px;}
	.main .consul .partner-area .partner-inner .title {width:200px;}
	.main .consul .partner-area .partner-inner .title .title-box {font-size:23px;}
	.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:14px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p {padding-right:18px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:before {width:10px; height:2px; right:0; top:7px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:after {width:2px; height:10px; right:4px; top:3px;}
	.main .consul .partner-area .partner-inner .partner-box {width:calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); height:150px;}
	.main .consul .partner-area .partner-inner .partner-box ul {text-align:left;}
	.main .consul .partner-area .partner-inner .partner-box ul li {padding:0 20px;}
	.main .consul .partner-area .partner-inner .partner-box ul li img {height:22px; max-height:100%;}


}


@media screen and (max-width: 900px){

	.main .section .txt-box .txt .section-title {font-size:40px; line-height:60px; margin-bottom:20px;}
	.main .section .txt-box .txt .sub-txt {font-size:20px; line-height:30px;}
	.main .section .center-title {font-size:34px;}
	.main .section:not(.visual) .scroll {display:none;}

	.main .visual > .inner {width:100%; height:100vh;}
	.main .visual .visual-slider {width:100%; height:100vh;}
	.main .visual .visual-slider .visual-box {width:100%; height:100vh;}
	.main .visual .visual-slider .slick-prev {width:40px; height:40px;}
	.main .visual .visual-slider .slick-next {width:40px; height:40px;}
	.main .visual .visual-slider .visual-box {background-size:auto 100% !important;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:40px; line-height:60px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:20px; line-height:30px;}
	.main .visual .visual-slider .slick-dots {top:calc(50% + 160px); top:-webkit-calc(50% + 160px); top:-moz-calc(50% + 160px);}


	.main .service {height:800px;}
	.main .service .service-inner {width:75%;}
	.main .service .service-inner .service-wrap {width:100%; display:block;}
	.main .service .service-inner .service-wrap .service-box {width:50%;}
	.main .service .service-inner .service-wrap .service-box .icon {width:75px;}
	.main .service .service-inner .service-wrap .service-box .icon img {height:70px;}
	.main .service .service-inner .service-wrap .service-box .txt-box {width:calc(100% - 85px); width:-webkit-calc(100% - 85px); width:-moz-calc(100% - 85px); padding-left:10px;}


	.main .review {height:654px;}

	.main .consul {height:auto;}
	--.main .consul .consul-area {height:100vh;}--
	.main .consul .consul-area {height:auto 100%; padding:80px 0;}
	.main .consul .consul-area .consul-inner {height:auto 100%;}
	.main .consul .consul-area .consul-inner .consul-content {width:100%; position:relative; left:auto; top:auto; left:initial; top:initial; -webkit-transform:none; -moz-transform:none; transform:none;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box {width:100%; display:flex; flex-wrap:wrap; margin-top:30px}
	.main .consul .consul-area .consul-inner .consul-content .consul-box > * {width:100%;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box {margin-right:0;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li {margin-top:7px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li input {height:58px; padding:0 20px; font-size:16px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box {margin-left:0; margin-top:7px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box .cnt-box textarea {height:200px; padding:20px; font-size:16px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box {margin-top:20px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy a {font-size:14px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label {font-size:14px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label p {width:22px; height:22px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"]:checked + label p:after {width:4px; height:12px; border-width:0 2px 2px 0; left:8px; top:2px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn {width:188px; height:60px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn a {font-size:18px; line-height:60px;}

	.main .consul .partner-area {height:150px; background-position:right 15% center;}
	.main .consul .partner-area .partner-inner {height:150px;}
	.main .consul .partner-area .partner-inner .title {width:200px;}
	.main .consul .partner-area .partner-inner .title .title-box {font-size:23px;}
	.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:14px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p {padding-right:18px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:before {width:10px; height:2px; right:0; top:7px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:after {width:2px; height:10px; right:4px; top:3px;}
	.main .consul .partner-area .partner-inner .partner-box {width:calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); height:150px;}
	.main .consul .partner-area .partner-inner .partner-box ul {text-align:left;}
	.main .consul .partner-area .partner-inner .partner-box ul li {padding:0; padding:5px 0; padding-right:40px;}
	.main .consul .partner-area .partner-inner .partner-box ul li:last-child {padding-right:0;}
	.main .consul .partner-area .partner-inner .partner-box ul li img {height:22px; max-height:100%;}


}


@media screen and (max-width: 768px){

	.main .section .txt-box .txt .section-title {font-size:35px; line-height:50px; margin-bottom:20px;}
	.main .section .txt-box .txt .sub-txt {font-size:19px; line-height:25px;}
	.main .section .center-title {font-size:32px;}
	.main .section .center-sub {font-size:16px; line-height:18px; margin-top:20px;}
	.main .section .more-btn {width:172px; height:55px;}
	.main .section .more-btn a {font-size:17px; line-height:47px;}
	
	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:32px; line-height:50px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:18px; line-height:25px;}
	.main .visual .visual-slider .slick-dots {top:calc(50% + 130px); top:-webkit-calc(50% + 130px); top:-moz-calc(50% + 130px);}

	.main .person {height:450px;}
	.main .person .txt-box .txt .more-btn {margin:0 auto; margin-top:50px;}

	.main .business {height:450px;}
	.main .business .txt-box .txt .more-btn {margin:0 auto; margin-top:50px;}

	.main .service {height:650px;}
	.main .service .service-inner {width:80%;}
	.main .service .service-inner .service-wrap {width:100%; height:330px; display:block;}
	.main .service .service-inner .service-wrap .service-box {width:50%; height:165px;}
	.main .service .service-inner .service-wrap .service-box .wrap {padding:30px 20px;}
	.main .service .service-inner .service-wrap .service-box .icon {width:60px;}
	.main .service .service-inner .service-wrap .service-box .icon img {height:55px;}
	.main .service .service-inner .service-wrap .service-box .txt-box {width:calc(100% - 65px); width:-webkit-calc(100% - 65px); width:-moz-calc(100% - 65px); padding-left:10px;}
	.main .service .service-inner .service-wrap .service-box .txt-box h2 {font-size:18px; margin-bottom:8px;}
	.main .service .service-inner .service-wrap .service-box .txt-box .txt {font-size:13px; line-height:18px;}
	.main .service .service-inner .service-wrap .service-box .txt-box .txt .br {display:inline-block;}
	.main .service .service-inner .service-wrap .service-box .more {font-size:15px; right:20px;}
	.main .service .service-inner .service-wrap .service-box .more p {padding-right:14px;}
	.main .service .service-inner .service-wrap .service-box .more p:before {width:2px; height:10px; right:4px;}
	.main .service .service-inner .service-wrap .service-box .more p:after {width:10px; height:2px;}

	.main .review {height:620px;}
	.main .review:after {display:none;}
	.main .review .review-inner .more {text-align:right; padding-right:15px;}
	.main .review .review-inner .more a {font-size:16px;}
	.main .review .review-inner .more p {padding-right:18px; position:relative;}
	.main .review .review-inner .more p:before {width:12px; height:2px; right:0; top:8px;}
	.main .review .review-inner .more p:after {width:2px; height:12px; right:5px; top:3px;}
	.main .review .review-inner .review-wrap {margin-top:30px;}

	.main .consul .consul-area {padding:70px 0;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy {width:100%; text-align:right; margin-bottom:5px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree {width:100%;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn {width:172px; height:55px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn a {font-size:17px; line-height:55px;}

}


@media screen and (max-width: 600px){

	.main .section .txt-box .txt .section-title {font-size:30px; line-height:40px; margin-bottom:20px;}
	.main .section .txt-box .txt .sub-txt {font-size:17px; line-height:23px;}
	.main .section .center-title {font-size:26px;}
	.main .section .more-btn {width:156px; height:50px;}
	.main .section .more-btn a {font-size:16px; line-height:42px;}

	.main .visual .visual-slider .slick-prev {width:30px; height:30px;}
	.main .visual .visual-slider .slick-next {width:30px; height:30px;}

	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:27px; line-height:40px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:15px; line-height:22px;}
	.main .visual .visual-slider .slick-dots {top:calc(50% + 130px); top:-webkit-calc(50% + 130px); top:-moz-calc(50% + 130px);}

	.main .person {height:380px;}
	.main .business {height:380px;}

	.main .service {height:550px;}
	.main .service .service-inner {width:95%;}
	.main .service .service-inner .service-wrap {width:100%; height:264px; display:block;}
	.main .service .service-inner .service-wrap .service-box {width:50%; height:132px;}
	.main .service .service-inner .service-wrap .service-box .wrap {padding:20px 20px;}
	.main .service .service-inner .service-wrap .service-box .icon {width:45px;}
	.main .service .service-inner .service-wrap .service-box .icon img {height:40px; margin:0 auto;}
	.main .service .service-inner .service-wrap .service-box .txt-box {width:calc(100% - 50px); width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); padding-left:8px;}
	.main .service .service-inner .service-wrap .service-box .txt-box h2 {font-size:18px; margin-bottom:8px;}
	.main .service .service-inner .service-wrap .service-box .txt-box .txt {font-size:12px; line-height:18px;}
	.main .service .service-inner .service-wrap .service-box .more {font-size:15px; right:20px; bottom:-10px;}
	.main .service .service-inner .service-wrap .service-box .more p {padding-right:14px;}
	.main .service .service-inner .service-wrap .service-box .more p:before {width:2px; height:10px; right:4px;}
	.main .service .service-inner .service-wrap .service-box .more p:after {width:10px; height:2px;}

	.main .review {height:507px;}
	.main .review .review-inner .review-box {height:250px;}
	.main .review .review-inner .review-box .wrap {padding:35px 20px;}
	.main .review .review-inner .review-box .title {font-size:16px;}
	.main .review .review-inner .review-box .info {padding:11px 0;}
	.main .review .review-inner .review-box .info ul li {font-size:13px; padding-left:0; display:block;}
	.main .review .review-inner .review-box .info ul li:nth-child(1) {width:100%;}
	.main .review .review-inner .review-box .info ul li:nth-child(1):after {width:0;}
	.main .review .review-inner .review-box .info ul li:nth-child(2) {width:100%;}
	.main .review .review-inner .review-box .review-content {height:60px; margin:15px 0; font-size:13px; line-height:20px; -webkit-line-clamp:3;}
	.main .review .review-inner .review-box .date {font-size:14px; margin-top:10px;}
	.main .review .review-inner .review-wrap .slick-slide {margin:0 3px;}
	.main .review .review-inner .review-wrap .slick-dots {margin-top:40px;}
	.main .review .review-inner .review-wrap .slick-dots li {width:80px; height:25px;}
	.main .review .review-inner .review-wrap .slick-dots li button {width:80px; height:25px; position:relative; font-size:0;}
	.main .review .review-inner .review-wrap .slick-dots li.slick-active button:after {width:10px; height:10px; top:50%; -wekbit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}

	.main .consul .consul-area {padding:60px 0;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box {margin-top:25px}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li {margin-top:7px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li input {height:45px; padding:0 15px; font-size:15px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box {margin-top:7px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box .cnt-box textarea {height:160px; padding:15px; font-size:15px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box {margin-top:15px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy a {font-size:13px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label {font-size:13px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label p {width:18px; height:18px; margin-right:0; vertical-align:middle;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"]:checked + label p:after {width:3px; height:8px; border-width:0 2px 2px 0; left:6px; top:2px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn {width:156px; height:50px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn a {font-size:16px; line-height:50px;}

	.main .consul .partner-area {height:180px; background-position:right 12% center;}
	.main .consul .partner-area .partner-inner {height:150px; box-sizing:border-box; padding:30px 0;}
	.main .consul .partner-area .partner-inner .title {width:100%; height:auto; text-align:center;}
	.main .consul .partner-area .partner-inner .title .title-box {font-size:20px; position:relative;}
	.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:14px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p {padding-right:18px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:before {width:10px; height:2px; right:0; top:7px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:after {width:2px; height:10px; right:4px; top:3px;}
	.main .consul .partner-area .partner-inner .partner-box {width:100%; height:80px;}
	.main .consul .partner-area .partner-inner .partner-box ul {text-align:center;}
	.main .consul .partner-area .partner-inner .partner-box ul li {display:inline-block; padding:10px 15px;}
	.main .consul .partner-area .partner-inner .partner-box ul li img {height:20px; max-height:100%;}

}


@media screen and (max-width: 480px){

	.main .section .txt-box .txt .section-title {font-size:25px; line-height:30px; margin-bottom:15px;}
	.main .section .txt-box .txt .sub-txt {font-size:15px; line-height:20px;}
	.main .section .center-title {font-size:22px;}
	.main .section .center-sub {font-size:13px; line-height:16px; margin-top:15px;}
	.main .section .more-btn {width:140px; height:45px;}
	.main .section .more-btn a {font-size:14px; line-height:37px;}

	.main .visual .visual-slider .visual-box .visual-txt .txt .top-txt {font-size:24px; line-height:30px; margin-bottom:10px;}
	.main .visual .visual-slider .visual-box .visual-txt .txt .sub-txt {font-size:14px; line-height:20px;}
	.main .visual .visual-slider .slick-dots {top:calc(50% + 100px); top:-webkit-calc(50% + 100px); top:-moz-calc(50% + 100px);}

	.main .person .txt-box .txt .more-btn {margin:0 auto; margin-top:40px;}

	.main .business .txt-box .txt .more-btn {margin:0 auto; margin-top:40px;}

	.main .service {height:520px;}
	.main .service .service-inner .service-wrap {width:100%; height:376px; display:block;}
	.main .service .service-inner .service-wrap .service-box {width:50%; height:188px;}
	.main .service .service-inner .service-wrap .service-box .wrap {padding:20px 15px;}
	.main .service .service-inner .service-wrap .service-box .icon {width:100%; display:block; margin-bottom:10px;}
	.main .service .service-inner .service-wrap .service-box .icon img {height:40px; margin:0 auto;}
	.main .service .service-inner .service-wrap .service-box .txt-box {width:100%; padding-left:0; margin-bottom:10px; text-align:center;}
	.main .service .service-inner .service-wrap .service-box .txt-box h2 {font-size:16px; margin-bottom:8px;}
	.main .service .service-inner .service-wrap .service-box .txt-box .txt {font-size:12px; line-height:17px;}
	.main .service .service-inner .service-wrap .service-box .more {font-size:13px; right:15px;}
	.main .service .service-inner .service-wrap .service-box .more p {padding-right:13px;}
	.main .service .service-inner .service-wrap .service-box .more p:before {width:2px; height:10px; right:4px;}
	.main .service .service-inner .service-wrap .service-box .more p:after {width:10px; height:2px;}

	.main .review {height:471px;}
	.main .review .review-inner .more {padding-right:0;}
	.main .review .review-inner .more a {font-size:14px;}
	.main .review .review-inner .more p {padding-right:16px;}
	.main .review .review-inner .more p:before {width:10px; height:2px; right:0; top:7px;}
	.main .review .review-inner .more p:after {width:2px; height:10px; right:4px; top:3px;}
	.main .review .review-inner .review-wrap {margin-top:20px;}

	.main .review .review-inner .review-box {height:240px;}
	.main .review .review-inner .review-box .wrap {padding:30px 10px;}
	.main .review .review-inner .review-box .title {font-size:15px;}
	.main .review .review-inner .review-box .info {padding:10px 0;}
	.main .review .review-inner .review-box .info ul li {font-size:12px; display:inline-block; padding-left:10px;}
	.main .review .review-inner .review-box .info ul li:nth-child(1) {width:80px; padding-left:0;}
	.main .review .review-inner .review-box .info ul li:nth-child(1):after {width:1px;}
	.main .review .review-inner .review-box .info ul li:nth-child(2) {width:calc(100% - 80px); width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px);}
	.main .review .review-inner .review-box .review-content {height:80px; margin:15px 0; font-size:12px; line-height:20px; -webkit-line-clamp:4;}
	.main .review .review-inner .review-box .date {font-size:12px; margin-top:10px;}
	.main .review .review-inner .review-wrap .slick-slide {margin:0;}
	.main .review .review-inner .review-wrap .slick-dots {width:90%; margin:0 auto; margin-top:30px;}
	.main .review .review-inner .review-wrap .slick-dots li {width:calc(100% / 6); width:-webkit-calc(100% / 6); width:-moz-calc(100% / 6); height:25px;}
	.main .review .review-inner .review-wrap .slick-dots li button {width:100%; height:25px; position:relative; font-size:0;}
	.main .review .review-inner .review-wrap .slick-dots li.slick-active button:after {width:8px; height:8px;}

	.main .consul .consul-area .consul-inner .consul-content .consul-box {margin-top:20px}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li {margin-top:5px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .lf-box ul li input {height:35px; padding:0 10px; font-size:13px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box {margin-top:5px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .rt-box .cnt-box textarea {height:120px; padding:10px; font-size:13px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box {margin-top:10px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .privacy a {font-size:12px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label {font-size:12px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"] + label p {width:16px; height:16px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .privacy-box .agree input[type="checkbox"]:checked + label p:after {width:3px; height:8px; border-width:0 2px 2px 0; left:5px; top:1px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn {width:140px; height:45px;}
	.main .consul .consul-area .consul-inner .consul-content .consul-box .submit-btn a {font-size:14px; line-height:45px;}

	.main .consul .partner-area .partner-inner .title .title-box {font-size:18px; position:relative;}
	.main .consul .partner-area .partner-inner .title .title-box .more {line-height:1;}
	.main .consul .partner-area .partner-inner .title .title-box .more a {font-size:12px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p {padding-right:13px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:before {width:9px; height:1px; right:0; top:7px;}
	.main .consul .partner-area .partner-inner .title .title-box .more p:after {width:1px; height:9px; right:4px; top:3px;}
	.main .consul .partner-area .partner-inner .partner-box {width:100%; height:70px; margin-top:10px;}
	.main .consul .partner-area .partner-inner .partner-box ul li img {height:16px; max-height:100%;}

}*/

