.sub_wrap .title {text-align: center;}
.sub_wrap .title h2 {font-size: 40px; font-weight: 500; text-transform: uppercase; letter-spacing: -0.5px; transition: all 300ms ease-out;}
.sub_wrap .title p {font-size: 18px; font-weight: 300; transition: all 300ms ease-out; word-break:keep-all;}

@media(max-width:1220px){
.sub_wrap .title h2 {font-size: 30px;}
.sub_wrap .title p {font-size: 18px; padding: 0 3%;}
}

@media(max-width:850px){
.sub_wrap .title h2 {font-size: 4vw;}
.sub_wrap .title p {font-size: 2.5vw; line-height: 4vw; padding: 0 5%;}
}

@media(max-width:640px){
.sub_wrap .title h2 {font-size: 4.5vw;}
.sub_wrap .title p {font-size: 3vw; line-height: 4.5vw; padding: 0 5%;}
}


/* sub11 */
.s11 .title {letter-spacing: -0.5px;}
.aboutus {text-align: center; padding-top: 5vh; letter-spacing: -0.5px; height: 65vh; position: relative; word-break:keep-all;}
.aboutus h3 {font-size: 32px; color: #333; line-height: -0.5px;}
.aboutus p {font-size: 18px; line-height: 150%; color: #585858; max-width:1200px; margin: 0 auto; margin-top: 20px;}
.aboutus p span {display: block;}
.aboutus .company_img {width: 100%; margin-top: 3%; overflow: hidden; position: absolute; bottom: 0;}
.aboutus .company_img .img01 {background:url('../img/about_main1.jpg') no-repeat center; background-size: cover;}
.aboutus .company_img ul {display: flex; flex-flow:row wrap;}
.aboutus .company_img li {width: 100%; height: 64vh;}
/* .aboutus .company_img li {width: 33.33%; height: 64vh;} */
.aboutus .company_img li div {position: relative; height: 70vh;}
.aboutus .company_img li span {position: absolute; left: 3%; bottom: 3%; color: #fff; font-size: 20px; text-shadow: 1px 1px 2px #333;}
/* .aboutus .company_img .img01 {background:url('../img/c_2.jpg') no-repeat center; background-size: cover;} */
.aboutus .company_img .img03 {background:url('../img/c_1.jpg') no-repeat center top; background-size: cover; height: 64vh; margin: 0 10px;}
.aboutus .company_img .img02 {background:url('../img/c_3.jpg') no-repeat center; background-size: cover;}
.aboutus .company_img .img04 {background:url('../img/c_4.jpg') no-repeat center; background-size: cover;}
.aboutus .company_img .img05 {background:url('../img/company_e.jpg') no-repeat center; background-size: cover;}

.way .title {background: #2c4767; padding: 3.5%; color: #fff; margin-top: -1px;}
.way_cont {width: 100%; background:url('../img/s11_bg04.jpg') no-repeat center top;}
.way_cont div {width: 50%; transition:all 2s ease; height: 450px; padding: 4% 5% 0 5%; box-sizing:border-box; position: relative; text-shadow: 1px 1px 1px #333;}
.way_cont div h3 {font-size: 24px; margin-bottom: 10px; }
.way_cont div > p {font-size: 18px; line-height: 24px;}
.way_cont div > p span {display: block;}
.way_cont div .view_btn {font-size: 14px; position: absolute; bottom: 50%; font-weight: 300; cursor: pointer;}
.way_cont div > ul { width: 100%; opacity: 0; position: relative; text-align: center; height: 30vh;}
.way_cont div > ul li {position: absolute; top: 0; width: 33.33%;}
.way_cont div > ul li.line {width: 1px; height: 18vh; background: #fff; top: 20px;}
.way_cont div > ul li span {font-size: 24px;}
.way_cont div > ul li h4 {font-size: 33px; margin-top: 10px; font-family: 'Exo', sans-serif; white-space: nowrap;}
.way_cont div > ul li h4::after {content:""; display: block; width: 8px; height: 10px; transform: skew(20deg); background: #fff; margin: 25px auto;}
.way_cont div > ul li p {font-size: 16px; line-height: 24px; color: #efefef; white-space: nowrap;}

.way1 .title {background: #2c4767; padding: 3.5%; color: #fff; margin-top: -1px;}
.way_cont1 {width: 100%; background:url('../img/about_main1.jpg') no-repeat center top;background-size: cover;}
.way_cont1 div {width: 100%; transition:all 2s ease; height: 750px; padding: 4% 5% 0 5%; box-sizing:border-box; position: relative; text-shadow: 1px 1px 1px #333;}

.way_cont .left {float: left; background:url('../img/s11_bg03.jpg') no-repeat center top; color: #fff; background-size: cover;}
.way_cont .right {float: right; background:url('../img/s11_bg04.jpg') no-repeat center top; color: #fff; background-size: cover;}
.way_cont .right2 { color: #fff; width: 100%;}
/* .way_cont div:hover {transition:all 2s ease; padding: 3% 0; display: flex; flex-flow:row wrap; align-items:center; justify-content:center;}
.way_cont div:hover h3 {text-align: center; font-size: 30px; width: 100%; margin: 0;}
.way_cont div:hover > p, .way_cont div:hover .view_btn {display: none;}
.way_cont div:hover ul {opacity: 1; transition: opacity 0.5s ease-in-out 0.2s;}
.way_cont div:hover li {transition:all 2s;}
.way_cont div:hover li:nth-child(1) {left: 0;}
.way_cont div:hover li:nth-child(2) {left: 33.33%;}
.way_cont div:hover li:nth-child(3) {left: 33.34%;}
.way_cont div:hover li:nth-child(4) {left: 66.66%;}
.way_cont div:hover li:nth-child(5) {left: 66.67%;} */
.way_cont div h3 {text-align: center; font-size: 30px; width: 100%; margin: 0;}
.way_cont div ul {opacity: 1; transition: opacity 0.5s ease-in-out 0.2s;}
.way_cont div li {transition:all 2s;}
.way_cont div li:nth-child(1) {left: 0;}
.way_cont div li:nth-child(2) {left: 33.33%;}
.way_cont div li:nth-child(3) {left: 33.34%;}
.way_cont div li:nth-child(4) {left: 66.66%;}
.way_cont div li:nth-child(5) {left: 66.67%;}

.global {padding: 2% 0;}
.global .inner {max-width:1200px; width: 100%; margin: 0 auto;}
.global .img {width: 100%; margin-top: 3%;}
.global .img img {width: 100%; height: auto;}
.global table {width: 100%; border-top: 2px solid #2c4767; margin-top: 5%;}
.global table th, .global table td {border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.global table th {background: #f9f9f9; font-size: 18px; color: #212121; font-weight: 500; padding: 15px 0;}
.global table th:last-child {border-right: none;}
.global table td {color: #585858; font-size: 16px; text-align: center; padding: 15px 2%;}
.global table td.br_n {border-right: none;}
.global table td.addr {text-align: left; padding-left: 20px;}



@media(max-width:1220px){
/* aboutus */
.aboutus h3 {font-size: 28px; padding:0 3%;}
.aboutus p	{font-size: 16px; padding:0 5%;}
.aboutus p span {display:inline;}


/* way */
.way .title {padding: 5%;}
.way_cont div		{transition:all 1.5s ease; height: 45vw;}
.way_cont div h3 {font-size: 1.8vw;}
.way_cont div > p {line-height: 150%;}
.way_cont div > ul li h4 {font-size:2vw; margin-top:5px; }
.way_cont div > ul li h4::after {margin: 15px auto;}
.way_cont div > ul li p {font-size: 1.2vw; line-height: 150%; font-weight: 300;}
.way_cont div > ul li.line {height: 15vh;}
.way_cont div:hover {transition:all 1.5s ease;}
.way_cont1 div		{transition:all 1.5s ease; height: 45vw;}

/* global */
.global {padding: 10% 3%;}
}

@media(max-width:1100px){
/* way */
.way_cont div {width:100%; height:50vh; transition:all 1.5s ease;}
.way_cont div h3 {font-size: 1.8vw;}
.way_cont div > p {line-height: 150%;}
.way_cont div > ul {height: 25vh;}
.way_cont div > ul li h4 {font-size:2vw; margin-top:5px; }
.way_cont div > ul li p {font-size: 1.6vw; line-height: 150%;}
.way_cont1 div {width:100%; height:50vh; transition:all 1.5s ease;}

.way_cont .left {float: none; width:100%; background:url('../img/s11_bg03.jpg') no-repeat center top; color: #fff; background-size: cover;}
.way_cont .right {float: none; width:100%; background:url('../img/s11_bg04.jpg') no-repeat center top; color: #fff; background-size: cover;}

.way_cont div:hover {transition:all 1.5s ease; padding-top: 5%;}
.way_cont div:hover h3 {font-size: 30px; margin-bottom: 5%;}
}


@media(max-width:850px){
/* aboutus */
.aboutus				{height:auto;}
.aboutus h3			{font-size: 3.2vw;}
.aboutus p			{font-size: 2vw; line-height: 3.5vw; }

.aboutus .company_img {width: 100%; margin-top: 3%; overflow: hidden; position: relative; }
.aboutus .company_img li:nth-child(1) {width:50%; order:2;}
.aboutus .company_img li:nth-child(2) {width:100%; order:1; height: 70vh;}
.aboutus .company_img .img03 {margin:0; height: 70vh;}
.aboutus .company_img li:nth-child(3) {width:50%; order:3;}
.aboutus .company_img li span {font-size: 2.5vw; }

/* way */
.way .title {padding:10% 3.5%;}
.way_cont {width: 100%; transition:none;}
.way_cont div, .way_cont div:hover {padding: 0 1%; height: 50vh; display: flex; flex-flow:column wrap; align-items:center; justify-content:center;}
.way_cont div h3, .way_cont div:hover h3 {font-size: 4vw; text-align: center; margin-bottom: 0; padding: 0;}
.way_cont div > p, .way_cont div:hover > p {display: block; font-size: 2vw; line-height: 3vw; text-align: center; font-weight: 300; padding: 0 10%;}
.way_cont div > p span {display: inline;}
.way_cont div .view_btn {display: none;}
.way_cont div > ul, .way_cont div:hover ul {opacity: 1; height: 17vh; margin-top: 5vh; position: relative;}
.way_cont div > ul li span {font-size: 2vw;}
.way_cont div > ul li h4 {font-size: 3vw;}
.way_cont div > ul li p {font-size: 1.8vw;}
.way_cont div > ul li.line {height: 9vh;}

.way_cont div li:nth-child(1) {left: 0;}
.way_cont div li:nth-child(2) {left: 33.33%;}
.way_cont div li:nth-child(3) {left: 33.34%;}
.way_cont div li:nth-child(4) {left: 66.66%;}
.way_cont div li:nth-child(5) {left: 66.67%;}

/* global */
.global table th {font-size: 2.5vw; padding: 2%;}
.global table td {font-size:2vw; padding: 2%;}
}


@media(max-width:640px){
/* aboutus */
.aboutus h3 {font-size:4.5vw; padding: 0 10%;}
.aboutus p {font-size:3.5vw; line-height: 5vw; padding: 0 3%;}
.aboutus .company_img {margin-top: 5%;}

/* way */
.way_cont div, .way_cont div:hover {padding: 10% 1%; height: auto;}
.way_cont div h3, .way_cont div:hover h3 {font-size: 4.5vw; margin-bottom: 1%;}
.way_cont div > p, .way_cont div:hover > p {font-size: 3vw; line-height: 4.5vw;}
.way_cont div > p span {display: inline;}
.way_cont div .view_btn {display: none;}
.way_cont div > ul, .way_cont div:hover ul {opacity: 1; height: auto; margin-top: 8vh; display: block;}
.way_cont div > ul li {width: 100%; position: relative; top: 0;}
.way_cont div > ul li span {font-size: 3vw;}
.way_cont div > ul li h4 {font-size: 4vw;}
.way_cont div > ul li p {font-size: 2.8vw;}
.way_cont div > ul li.line {width: 70%; margin: 5% auto; height: 1px; top: 0; background: #888;}


.way_cont div li:nth-child(1), .way_cont div:hover li:nth-child(1) {left: 0;}
.way_cont div li:nth-child(2), .way_cont div:hover li:nth-child(2) {left: 0;}
.way_cont div li:nth-child(3), .way_cont div:hover li:nth-child(3) {left: 0;}
.way_cont div li:nth-child(4), .way_cont div:hover li:nth-child(4) {left: 0;}
.way_cont div li:nth-child(5), .way_cont div:hover li:nth-child(5) {left: 0;}

/* global */
.global table th {font-size: 3.2vw; padding: 2% 1%;}
.global table td {font-size:2.8vw; padding: 2% 1%;}
}






/* sub21 */
.s21 .inner {width: 100%; max-width:1200px; margin: 0 auto;}
.s21 .title h2 {margin-bottom: 5px; letter-spacing: 0;}
.s21 .title p {color: #afafaf;}

.s211 {background: #292426; padding: 5% 0; color: #fff;}
.s211 .sub_a {margin-top: 5%;}
.s211 .sub_a ul {display: flex; flex-flow:row wrap; width: 90%; margin: 0 auto; text-align: center;}
.s211 .sub_a ul li {flex:1 0 auto; position: relative;}
.s211 .sub_a ul li::after {content:""; display: block; width: 1px; height: 80%; background: #585858; position: absolute; right: 0; top: 10%;}
.s211 .sub_a ul li:last-child::after {display: none;}
.s211 .sub_a ul li h1 {font-size: 24px; font-weight: 300; color: #d4d4d4;}
.s211 .sub_a ul li h1 span {font-size: 70px; font-family: 'Exo', sans-serif; color: #fff; font-weight: 700;}
.s211 .sub_a ul li p {font-size: 18px; color: #d0d0d0; margin-top: 2%;}
.s211 .inner > p {text-align: right; font-size: 14px; color: #585858; margin: 2% 5% 0 0;}

.s212 {padding: 8% 0;}
.s212 .title p {color: #585858;}
.s212 ul {margin: 5% auto 0; display: flex; align-items: center; justify-content:center;}
.s212 ul li {position: relative; width: 280px; height: 280px; border-radius:50%; border: 1px solid #e1e1e1; display: flex; align-items: center;}
.s212 ul li::before {content: ""; display: block; width: 10px; height: 10px; border-radius:50%; background: #79bd52; position: absolute; z-index: 999;}
.s212 ul li.cir01 {position: relative; right: -3%;}
.s212 ul li.cir02 {position: relative; right: -1%;}
.s212 ul li.cir03 {position: relative; left: -1%;}
.s212 ul li.cir04 {position: relative; left: -3%;}
.s212 ul li p {font-size: 18px; line-height: 28px; color: #333; width: 100%; text-align: center; padding: 0 15%; word-break:keep-all;}
.s212 ul li p span {color: #79bd52; font-weight: 500; display: block;}
.s212 ul .cir01::before {left: -5px; animation: rotating 5s linear infinite;}
.s212 ul .cir02::before {left: -5px; animation: rotating 4s linear infinite reverse;}
.s212 ul .cir03::before {left: -5px; animation: rotating 4.5s linear infinite;}
.s212 ul .cir04::before {left: -5px; animation: rotating 3.5s linear infinite;}

@keyframes rotating{
  0%{transform-origin: 145px 50%; transform: rotate(0)}
	100%{transform-origin: 145px 50%; transform: rotate(360deg);}
}

@keyframes rotating_b{
	0%{transform-origin: 105px 50%; transform: rotate(0)}
	100%{transform-origin: 105px 50%; transform: rotate(360deg);}
}

@keyframes rotating_c{
	0%{transform-origin: 95px 90%; transform: rotate(0)}
	100%{transform-origin: 95px 50%; transform: rotate(360deg);}
}

@keyframes rotating_d{
	0%{transform-origin: 75px 90%; transform: rotate(0)}
	100%{transform-origin: 75px 50%; transform: rotate(360deg);}
}

.s213 {background:url('../img/s213_bg.jpg') no-repeat center; background-size: cover; text-align: center; color: #fff; padding: 7% 0;}
.s213 .title::after {content:""; display: block; width: 8px; height: 10px; transform: skew(20deg); background: #fff; margin: 2% auto;}
.s213 p span {display: block; font-size: 18px; line-height: 32px; font-weight: 300;}

.s214 {padding: 5% 0; }


@media(max-width:1220px){
/* 2 */
.s212 ul li {width: 200px; height: 200px;}
.s212 ul li p {font-size: 1.5vw; line-height:150%; padding: 0 10%;}

.s212 ul .cir01::before {animation: rotating_b 5s linear infinite;}
.s212 ul .cir02::before {animation: rotating_b 4s linear infinite reverse;}
.s212 ul .cir03::before {animation: rotating_b 4.5s linear infinite;}
.s212 ul .cir04::before {animation: rotating_b 3.5s linear infinite;}

/* 3 */
.s213				{padding:10% 3%;}
.s213 p span {font-size:2vw; line-height:150%; word-break:keep-all;}

/* 4 */
.s214				{padding:5% 3%;}
}

@media(max-width:850px){
/* 1 */
.s211 {padding:10% 1%;}
.s211 .sub_a {margin-top: 5%;}
.s211 .sub_a ul {width: 100%;}
.s211 .sub_a ul li h1 {font-size: 4vw;}
.s211 .sub_a ul li h1 span {font-size: 7vw; }
.s211 .sub_a ul li p {font-size: 2vw;}
.s211 .inner > p {font-size: 2vw; margin: 5% 0 0 0;}

/* 2 */
.s212 {padding:10% 0;}
.s212 ul		{flex-flow:row wrap;}
.s212 ul li {width: 280px; height: 280px;}
.s212 ul li p {font-size: 2.5vw; line-height:150%;}

.s212 ul li.cir01 {left:2%; right:-2%;}
.s212 ul li.cir02 {left:-2%; right:2%;}
.s212 ul li.cir03 {left:2%; right:-2%; margin-top:-4%;}
.s212 ul li.cir04 {left:-2%; right:2%; margin-top:-4%;}

.s212 ul .cir01::before {animation: rotating 5s linear infinite;}
.s212 ul .cir02::before {animation: rotating 4s linear infinite reverse;}
.s212 ul .cir03::before {animation: rotating 4.5s linear infinite;}
.s212 ul .cir04::before {animation: rotating 3.5s linear infinite;}


/* 3 */
.s213				{padding:10% 3%;}
.s213 .title::after {margin: 4% auto;}
.s213 p span {font-size:2.3vw; line-height:150%;}

/* 4 */
.s214				{padding:10% 3%;}
.s214 .swiper-slide {height: 50vw !important;}

}



@media(max-width:640px){
/* 1 */
.s211 .sub_a ul li h1 {font-size: 4vw;}
.s211 .sub_a ul li h1 span {font-size: 8vw; }
.s211 .sub_a ul li p {font-size: 2.3vw;}
.s211 .inner > p {font-size: 2.3vw;}


/* 2 */
.s212 ul		{flex-flow:row wrap; margin-top: 5%; padding: 0 6%;}
.s212 ul li {width: 180px; height: 180px;}
.s212 ul li p {font-size: 2.8vw; line-height:150%; padding: 0 10%;}
.s212 ul .cir01::before {animation: rotating_c 5s linear infinite;}
.s212 ul .cir02::before {animation: rotating_c 4s linear infinite reverse;}
.s212 ul .cir03::before {animation: rotating_c 4.5s linear infinite;}
.s212 ul .cir04::before {animation: rotating_c 3.5s linear infinite;}

.s212 ul li.cir01 {left:2%; right:-2%;}
.s212 ul li.cir02 {left:-2%; right:2%;}
.s212 ul li.cir03 {left:2%; right:-2%; margin-top:-4%;}
.s212 ul li.cir04 {left:-2%; right:2%; margin-top:-4%;}

/* 3 */
.s213				{padding:10% 3%;}
.s213 p span {font-size:3vw; line-height:150%; display: inline;}
.s214 .swiper-slide {height: 70vw !important;}

}

@media(max-width:400px){

/* 2 */
.s212 ul		{flex-flow:row wrap; margin-top: 5%; padding: 0 5%;}
.s212 ul li {width: 140px; height: 140px;}
.s212 ul li p {font-size: 2.8vw; line-height:150%; padding: 0 10%;}
.s212 ul .cir01::before {animation: rotating_d 5s linear infinite;}
.s212 ul .cir02::before {animation: rotating_d 4s linear infinite reverse;}
.s212 ul .cir03::before {animation: rotating_d 4.5s linear infinite;}
.s212 ul .cir04::before {animation: rotating_d 3.5s linear infinite;}

.s212 ul li.cir01 {left:2%; right:-2%;}
.s212 ul li.cir02 {left:-2%; right:2%;}
.s212 ul li.cir03 {left:2%; right:-2%; margin-top:-4%;}
.s212 ul li.cir04 {left:-2%; right:2%; margin-top:-4%;}

}





/* sub51 */
.s51 .inner {width: 100%; max-width:1200px; margin: 0 auto;}
.s51 .title h2 {font-size: 36px; color: #212121;}

.s511 {padding: 5% 0; font-size: 18px; color: #555;}
.s511 form > div {margin-top: 5%; display: flex; flex-flow: row wrap;}
.s511 h3 {font-size: 20px; color: #212121; font-weight: 500; width: 15%;}
.s511 .radios label {margin-right: 5%; line-height: 20px;}
.s511 .radios label:last-child {margin-right: 0;}

.btn_cus {display: block; position: relative; padding-left: 35px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 20px;}
.btn_cus input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.check {position: absolute; top: 0; left: 1px; height: 20px; width: 20px; border-radius: 50%; background-color: #eee;}
.btn_cus:hover input ~ .check {background-color: #ccc;}
.btn_cus input:checked ~ .check {background-color: #292426;}
.check:after {content: ""; position: absolute; display: none;}
.btn_cus input:checked ~ .check:after {display: block;}
.btn_cus .check:after {left: 7px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg);}

.s511 input, .s511 textarea {font-family:'Noto Sans Korean'; font-weight: 300; font-size: 14px;}
.s511 .input_box {width: 85%; display: flex; flex-flow: row wrap; justify-content:space-between;}
.s511 .input_box label {width: 49%; margin-bottom: 3%;}
.s511 .input_box label input {width: 100%; border: none; border-bottom: 3px solid #292426; padding: 12px 0; }
.s511 .textareas {margin-top: 2%; height: 7vw;}
.s511 .textareas textarea {width: 85%; border:none; border-bottom: 3px solid #292426; background: #f5f5f5; padding: 10px;}
.s511 .pr {margin-top: 5%; padding-left: 40%;}
.s511 .pr .check {border-radius:0;}
.s511 .pr a {display: inline-block; margin-left: 1%;}
.s511 .submit_btn {display: block; padding: 1% 0; width: 25%; text-align: center; color: #fff; background: #292426; margin: 15px auto;}
.s511 .submit_btn + span {display: block; width: 100%; text-align: right; font-size: 14px; font-weight: 400;}

.s513 {text-align: center; padding-top: 4%; background: #fafafa;}
.s513 h2 {font-size: 24px; font-weight: 500; color: #212121;}
.s513 > div {float: left; width: 49.5%; height: 600px; position: relative;}
.s513 > div:first-child {margin-right: 1%;}
.s513 p:first-of-type {font-size: 18px; color: #585858; margin: 2% 0 10px;}
.s513 .info {font-size: 16px; margin-bottom: 5%;}
.s513 .info span:first-child {margin-right: 3%;}
.s513 iframe {width: 100%; position: absolute; left: 0; bottom: 0; height: 450px;}

@media(max-width:1220px){
.s51 .inner {padding: 0 3%;}
.s51 .title h2 {font-size: 30px;}

/* 1 */
.s511 {padding: 10% 0; font-size: 16px;}
.s511 h3 {font-size: 18px;}
.s511 .input_box label {width: 48%; margin-bottom: 5%;}
.s511 .textareas {height: 10vw; margin-top: 0;}
.btn_cus {font-size: 14px;}
.s511 .submit_btn {width: 30%; padding:1.5% 0; margin: 3% auto;}

/* 2 */
.s513 h2 {font-size: 20px;}
.s513 > div {height: 500px;}
.s513 p:first-of-type {font-size: 16px; margin: 3% 0 1%;}
.s513 .info {font-size: 14px; margin-bottom: 5%;}
.s513 iframe {width: 100%; height: 350px;}

}

@media(max-width:850px){
.s51 .title h2 {font-size: 4vw;}

/* 1 */
.s511 {font-size: 2vw;}
.s511 h3 {font-size: 2.5vw; width: 20%;}
.s511 .input_box {width: 80%;}
.s511 .textareas textarea {width: 80%;}
.s511 .input_box label {width: 100%;}
.s511 .textareas {height: 15vw;}
.btn_cus {font-size: 2vw;}
.s511 .submit_btn {width: 40%; margin: 3% auto;}
.s511 .submit_btn + span {font-size: 2vw; line-height: 3vw;}

/* 2 */
.s513 {padding-top: 0;}
.s513 h2 {font-size: 3vw;}
.s513 > div {height: 55vh; width: 100%; padding-top: 5vh;}
.s513 p:first-of-type {font-size: 2.2vw; margin: 2% 0 1%; padding: 0 3%;}
.s513 .info {font-size: 2vw;}
.s513 iframe {width: 100%; height: 35vh;}
}

@media(max-width:640px){
.s51 .title h2 {font-size: 4.5vw;}

/* 1 */
.s511 {font-size: 3vw;}
.s511 h3 {font-size: 4vw; width: 25%;}
.s511 .radios label {margin-right: 3%;}
.s511 input, .s511 textarea {font-size: 2.5vw;}
.s511 .input_box {width: 75%;}
.s511 .input_box label input {padding: 3% 0; }
.s511 .textareas textarea {width: 75%;}
.s511 .textareas {height: 20vw;}
.btn_cus {font-size: 3vw; padding-left: 7.5vw;}
.s511 .submit_btn {width: 50%; padding: 2% 0; margin: 5% auto;}
.s511 .submit_btn + span {font-size: 2.8vw; line-height: 4vw; word-break:keep-all; padding-left: 10%;}

/* 2 */
.s513 {padding-top: 0;}
.s513 h2 {font-size: 4vw;}
.s513 > div {height: 55vh;}
.s513 p:first-of-type {font-size: 3vw; margin: 2% 0 1%;}
.s513 .info {font-size: 2.8vw;}
.s513 iframe {width: 100%; height: 35vh;}

}

body .av-align-left{text-align: left;}
body .av-align-right{text-align: right;}
body .av-align-center{text-align: center;}

body .unit.alpha, body .units.alpha, body div .first {
  margin-left: 0;
  clear: left;
}
body .unit.alpha, body .units.alpha {
  width: 100%;
}
body div .first,
body div .no_margin {
  margin-left: 0;
}

body .container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first {
margin:30px 0;
}

#top .av_inherit_color *{color:inherit;}
#top .av_inherit_color a{text-decoration: underline; }

#top .av_opacity_variation{opacity: 0.7;}

#top .av-shortcode-disabled-notice{display:block; text-align: center; margin: 5px; padding: 20px; background-color: #FFFDF3;color: #C96D11; border:1px solid #E6BF4A; clear:both; }
#top .av-shortcode-disabled-notice a{color: inherit; text-decoration: underline;}

.avia-section .template-page .entry-content-wrapper{
	padding-right:0;
}

div .flex_column {
  z-index: 1;
  float: left;
  position: relative;
  min-height: 1px;
  width: 100%;
}

div .av_one_third {
  margin-left: 10px;
  width: calc(33.3% - 6.67px);
  /*width:expression(33.3% - 6.67px);*/
}

div .av_one_half {
    margin-left: 10px;
    width: calc(50% - 5px);
  	/*width:expression(50% - 5px);*/
}
div .av_two_third {
  margin-left: 10px;
  width: calc(66.6% - 10px);
  /*width:expression(66.6% - 10px);*/
}

/*custom*/
.hr-custom{margin:0; display: block; min-height:21px; height:auto; overflow: hidden; white-space: nowrap; width:100%; float: left;}
.hr-custom .hr-inner{display: inline-block; position: relative; vertical-align: middle;}
.hr-custom.hr-center{text-align: center;}
.hr-custom.hr-right {text-align: right;}
.hr-custom.hr-left  {text-align: left;}

.hr-custom .hr-inner.inner-border-av-border-none{border:none;}
.hr-custom .hr-inner.inner-border-av-border-fat{border-top-width:2px;}
.av-seperator-icon { display: inline-block; vertical-align: middle; font-size: 15px; }
.hr-custom.hr-icon-yes .hr-inner{margin-left:10px; margin-right:10px;}

#top #wrap_all #main .avia-no-border-styling{border:none;}

#top #main .avia-section .template-page{
	width:100%;
	border:none;
	margin-left: auto;
	padding-left: 0;
	margin-right: auto;
}

.avia-section .template-page .entry-content-wrapper{
	padding-right:0;
}

#top .contents_section {}
#top .contents_section .section_head_style {
	margin-bottom: 20px;
}

#top .contents_section .section_head_style h2 {
	font-size: 32px;
}
#top .contents_section .section_head_style p {
	font-size: 20px;
}

#top .content {
    padding-top: 70px;
    padding-bottom: 70px;
}

#top .flex_column_table{
	display: table;
	table-layout: fixed;
	width:100%;
}

#top .flex_column_table_cell{
	float:none;
	display: table-cell;
}

#top .av-flex-placeholder{
	display: table-cell;
	width: 6%;
}

#top .flex_column_table.av-equal-height-column-flextable {
	display: flex;
}
#top .flex_column_table.av-equal-height-column-flextable .av-flex-placeholder {
	display: none;
}
#top .flex_column_table.av-equal-height-column-flextable .flex_column {
	overflow: hidden;
	display: block;
}
#top .flex_column_table.av-equal-height-column-flextable .flex_column .avia-image-container {
	margin-bottom: 20px;
}
#top .flex_column_table.av-equal-height-column-flextable .flex_column .avia-image-container .avia-image-container-inner,
#top .flex_column_table.av-equal-height-column-flextable .flex_column .avia-image-container .avia-image-container-inner img {
	width: 100%;
}
#top .flex_column_table.av-equal-height-column-flextable .flex_column .av_textblock_section {
	padding: 0 20px;
}
#top .flex_column_table.av-equal-height-column-flextable .flex_column .av_textblock_section h4 {
	font-size: 20px;
	line-height: 1.6em;
	letter-spacing: -0.05em;
}
#top .flex_column_table.av-equal-height-column-flextable .flex_column .av_textblock_section h5 {
	font-size: 16px;
	line-height: 1.6em;
	letter-spacing: -0.05em;
	min-height: 50px;
}

#top .flex_column_table.av-equal-height-column-flextable .flex_column .av_textblock_section .font_14 {
	font-size: 15px;
}
#top .flex_column_table.av-equal-height-column-flextable .flex_column .av_textblock_section .font_14 a {
	/*display: block;
	text-align: center;*/
	color: #36b6b0;
}

/*styling variations*/

.av-styling-circle .avia-image-container-inner, .av-styling-circle .avia_image, .av-styling-circle .av-image-caption-overlay,
.av-styling-circle div.av-caption-image-overlay-bg{overflow: hidden; border-radius: 10000px; }
.avia-safari div.av-image-caption-overlay-center { -webkit-transform:translate3d(0,0,0); }/*flicker fix for caption in safari*/

.av-styling-no-styling .avia-image-container-inner, .av-styling-no-styling .avia_image, .av-styling-no-styling .av-image-caption-overlay{border-radius: 0; border:none;}

/*captions*/
.av-image-caption-overlay{position: absolute; height:100%; width:100%;  z-index: 10; text-align: center;
-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}

.avia-image-container{display:block; position: relative; max-width: 100%;}
.avia-image-container-inner, .avia_image, .av-image-caption-overlay{border-radius: 3px; display:block; position: relative; max-width: 100%;}
.avia-image-container.avia-align-center{display:block; margin: 0 auto 10px auto;  text-align: center;  clear: both;}
.avia-image-container.avia-align-center .avia-image-container-inner{margin:0 auto; display:inline-block; vertical-align:bottom}
.avia-image-container.avia-align-left{display:block; float:left; margin-right: 15px; margin-top: 5px;}
.avia-image-container.avia-align-right{display:block; float:right; margin-left: 15px; margin-top: 5px;}
.avia-image-container.avia-align-center.avia-builder-el-no-sibling{margin-bottom:0; margin-top:0;}

img, a img {
		border:none;
		padding: 0;
		margin:0;
		display:inline-block;
		max-width: 100%;
		height:auto;
		image-rendering: optimizeQuality;
	}
	
.avia-image-container .avia_image,
.avia-image-container .avia-image-overlay-wrap{
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.av-align-top{ vertical-align: top; }
.av-align-middle{ vertical-align: middle; }
.av-align-bottom{ vertical-align: bottom; }

#membership_option_section {}
#membership_option_section .flex_column h4 {
	font-size: 32px;
	margin-bottom: 20px;
}
#membership_option_section .flex_column .avia_textblock {
	margin-bottom: 30px;
}
#membership_option_section .flex_column .avia_textblock p {
	margin-top: 0;
    margin-bottom: 0;
    color: #808080;
}
#membership_option_section .flex_column .avia_textblock p strong {
	color: #777777;
}
#membership_option_section .flex_column .avia_textblock.price {
	font-size: 20px;
    font-weight: bold;
}

.avia_textblock{
clear: both;
line-height: 1.65em;
}

.flex_column + .avia_textblock{padding-top:50px;}

.avia-section .template-page .entry-content-wrapper{
padding-right:0;
}

#top .sp_work_content_section {}
#top .sp_work_content_section .content {
	padding-top: 0px;
}
#top .sp_work_content_section .section_head_style h2 {
	margin-top: 10px;
}
#top .sp_work_content_section .section_head_style p {
	margin-top: 0;
}

#top #sp_work_content_section1 .hr-custom.hr-left {
	min-height: 1px;
    line-height: 1px;
    padding-bottom: 10px;
}

#top #sp_work_content_section2 .hr-custom.hr-left {
	min-height: 1px;
    line-height: 1px;
    padding-bottom: 10px;
}

#top #sp_work_content_section3 h3 {
	font-size: 20px;
    line-height: 1.4em;
}
#top #sp_work_content_section3 p {
	font-size: 18px;
}
#top #sp_work_content_section3 a {
	font-size: 16px;
	color: #bbbbbb;
}
#top #sp_work_content_section3 a:hover {
    color: #222222;
}

.template-page .entry-content-wrapper h1, 
.template-page .entry-content-wrapper h2 {
    letter-spacing: -0.025em;
}

.protxt{font-size: 20px;color: #777777;line-height: 1.6em;margin: 0.85em 0;}
.protxtb{line-height: 1.1em;margin-bottom: 10px;font-weight: 600;font-size: 32px;letter-spacing: -0.025em;color: #777777;}

@media screen and (max-width: 767px) {
	#top .flex_column_table.av-equal-height-column-flextable {
		flex-direction: column;
	}
	#top .flex_column_table.av-equal-height-column-flextable .flex_column .avia-image-container {
		/*margin-bottom: 0px;*/
	}
}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 480px) {
	#top .flex_column_table.av-equal-height-column-flextable .flex_column .avia-image-container {
		/*margin-bottom: 10px;*/
	}
}

@media only screen and (max-width: 767px) {
	
  .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ }
  #top { overflow-x: hidden; }
  .boxed#top, .responsive #top.boxed .stretch_full , 
  .html_boxed.html_header_sticky #header,
  .html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; }
  #top .flex_column_table_cell{display: block;}
  #top .flex_column_table{display:block;}
  
   #top .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left:0;
    padding-right:0;
    float:none;
  }
  .units, .unit {
    margin: 0;
  }
  
  #top .container .av-content-small,  #top .flex_column, #top .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  
  #top .av-flex-cells .no_margin{
	  display: block;
	  margin: 0;
	  height:auto !important;
	  overflow: hidden;
	  padding-left:8% !important;
	  padding-right:8% !important;
  }
  
  #top .av-flex-cells .no_margin .flex_cell_inner{
	    width: 100%;
		max-width: 100%;
		margin: 0 auto;  
  }
  
  #top .av-flex-cells .no_margin.av-zero-padding{
	  padding-left:0% !important;
	  padding-right:0% !important;
  }
  
  #top .flex_column:empty{margin:0;}
}

@media screen and (max-width: 767px) {
	#top .contents_section .section_head_style h2 {
	    font-size: 26px;
	    line-height: 1.6em;
	}
}
@media screen and (max-width: 640px) {
	#top .contents_section .section_head_style h2 {
	    font-size: 20px;
	}
	#top .contents_section .section_head_style p {
	    font-size: 16px;
	    line-height: 1.6em;
	}
}
@media screen and (max-width: 480px) {
	#top .contents_section .section_head_style h2 {
	    font-size: 18px;
	}
	#top .contents_section .section_head_style p {
	    font-size: 14px;
	}
}