@charset "utf-8";



/* ======================================================
   공통
=========================================================*/
.ssec-visual {}
.ssec-visual .img {}
.ssec-visual .img img {width: 100%;}
.ssec-visual .txt {display: none;}
.ssec-visual .path {width: 100%; height: 65px; background: #e4e6eb; display: flex;}
.ssec-visual .path > a {background: url("../_Img/Layout/path-home.png") no-repeat 50px center #232323; display: block; padding: 0 15px 0 95px; box-sizing: border-box; color: #fff; line-height: 65px; position: relative; font-weight: 600; font-size: 18px;}
.ssec-visual .path > a:after {content: "|"; color: #fff; position: absolute; right: -1px; top: inherit;}
.ssec-visual .path ul {display: flex;}
.ssec-visual .path li {margin-left: -1px;}
.ssec-visual .path li > a {background: #fff; color: #232323; border: 1px solid #e4e6eb; display: block; height: 100%; line-height: 65px; padding: 0 45px; font-weight: 200; font-size: 18px;}
.ssec-visual .path li > a.on {background: #232323; color: #fff; border: 1px solid #232323; padding: 0 60px 0 15px; font-weight: 400; min-width: 220px;}

.ssec-cont {padding: 40px 0;}
span.block {display: block;}


@media only screen and (max-width:999px) {
	.ssec-visual {margin: 0 -20px;}
	.ssec-cont {padding: 4vw 0;}
	span.block {display: inline-block;}
	.ssec-visual .path {height: 7vw;}
	.ssec-visual .path > a {line-height: 7vw; padding: 0 1.5vw 0 9.5vw; font-size: 1.8vw; background-position: 5vw center;}
	.ssec-visual .path li > a {line-height: 7vw; font-size: 1.6vw; padding: 0 4.5vw;}
	.ssec-visual .path li > a.on {padding: 0 6vw 0 1.5vw; min-width: 22vw;}
}
@media only screen and (max-width:768px) {
	.ssec-visual .path {height: 40px;}
	.ssec-visual .path > a {line-height: 40px; padding: 0 10px 0 32px; font-size: 12px; background-position: 8px center; background-size: 16px;}
	.ssec-visual .path li > a {line-height: 40px; font-size: 11px; padding: 0 16px; white-space: nowrap;}
	.ssec-visual .path li > a.on {padding: 0 20px 0 12px; min-width: 0;}
}
@media only screen and (max-width:425px) {
	.ssec-visual .path {height: 35px;}
	.ssec-visual .path > a {line-height: 35px;}
	.ssec-visual .path li > a {line-height: 35px;padding: 0 10px;}
	.ssec-visual .path li > a.on {padding: 0 10px;}
}
/* ======================================================
   sub0101
=========================================================*/
.sub0101 {}
.sub0101 section {display: flex;}
.sub0101 section:nth-child(2n) {flex-direction: row-reverse;}
.sub0101 section .img-wrap {width: 50%;}
.sub0101 section .img-wrap img {width: 100%;}
.sub0101 section .txt-wrap {width: 50%; padding-left: 80px; display: flex; justify-content: center; flex-direction: column; box-sizing: border-box;}
.sub0101 section .txt-wrap .btxt {color: #212121; font-size: 22px; line-height: 120%; margin-bottom: 30px; word-break: keep-all; font-weight: 500;}
.sub0101 section .txt-wrap .stxt {color: #212121; font-size: 16px; line-height: 160%; word-break: keep-all; font-weight: 400;}

@media only screen and (max-width: 1680px) {
	.sub0101 section .txt-wrap {padding: 0 30px;}	
}

@media only screen and (max-width: 1200px) {
	.sub0101 section .txt-wrap {padding: 0 2.5vw;}
	.sub0101 section .txt-wrap span.block {display: inline-block;}
	
}

@media only screen and (max-width:999px) {
	.sub0101 section .txt-wrap .btxt {font-size: 2.2vw; margin-bottom: 3vw;}
	.sub0101 section .txt-wrap .stxt {font-size: 1.6vw;}
}
@media only screen and (max-width:768px) {
	.sub0101 section {flex-direction: column;}
	.sub0101 section:nth-child(2n) {flex-direction: column;}
	.sub0101 section .img-wrap {width: 100%;}
	.sub0101 section .txt-wrap {width: 100%; padding: 30px 50px 70px;}
	.sub0101 section .txt-wrap .btxt {font-size: 16px; margin-bottom: 20px;}
	.sub0101 section .txt-wrap .stxt {font-size: 13px;}	
}
@media only screen and (max-width:425px) {
	.sub0101 section .txt-wrap {padding: 20px 0 50px 0px;}
}


/* ======================================================
   sub0102
=========================================================*/




/* ======================================================
   sub0103
=========================================================*/





/* ======================================================
   sub03
=========================================================*/
.sub03 {display: inline-block; width: 100%;}
.sub03:after {content: ""; position: absolute; clear: both;}
.sub03 > .fl-l {width: 420px; padding-left: 50px; box-sizing: border-box;}
.sub03 > .fl-l .mtxt {font-size: 22px; line-height: 120%;}
.sub03 > .fl-l .btxt {font-size: 36px; line-height: 120%;}
.sub03 > .fl-l .stxt {font-size: 16px; line-height: 160%; letter-spacing: -0.03em; word-break: keep-all;}
.sub03 > .fl-l .service-map {margin-left: -30px;}
.sub03 > .fl-r {width: calc(100% - 420px);}
.sub03 .service-wrap {width: 960px; margin: 0 auto;}
.sub03 .service-wrap .title {font-size: 30px; line-height: 100%; color: #000; font-weight: bold; margin-bottom: 20px;}
.sub03 .service-wrap .title a {float: right; padding: 5px 20px; background: #a52e3a; color: #fff; font-size: 16px;}
.sub03 .service-wrap .title:after {content: ""; position: absolute; clear: both;}
.sub03 .service-wrap .desc {color: #a52e3a; font-size: 16px; line-height: 160%; letter-spacing: -0.03em; word-break: keep-all; margin-bottom: 20px;}
.sub03 .service-wrap .ser-box {width: 470px; height: 660px; border: 1px solid #d9dce2; text-align: center; padding-left: 0;}
.sub03 .service-wrap .ser-box .img {width: 100%; height: 310px; display: flex; justify-content: center; align-items: center;}
.sub03 .service-wrap .ser-box .img img {max-width: 100%;}
.sub03 .service-wrap .ser-box .txt {}
.sub03 .service-wrap .ser-box .stxt {color: #000; font-size: 14px; line-height: 140%; word-break: keep-all;}
.sub03 .service-wrap .ser-box .clr01 {color: #a52e3a; font-size: 24px; line-height: 200%; font-weight: bold; margin-bottom: 10px; word-break: keep-all;}
.sub03 .service-wrap .ser-box .clr02 {color: #00a276; font-size: 15px; line-height: 150%; word-break: keep-all;}
.sub03 .service-wrap .ser-box .clr03 {color: #b1b1b1; font-size: 14px; line-height: 150%; margin-top: 20px; word-break: keep-all;}
.sub03 .service-wrap .ser-box .btn-appilication {margin: 25px auto;}
.sub03 .service-wrap .ser-box .btn-appilication a {display: block; width: 270px; height: 70px; line-height: 70px; text-align: center; background: #000; color: #fff; font-size: 24px; margin: auto; border-radius: 100px;}
.sub03 .service-wrap .ser-box .howto {}
.sub03 .service-wrap .ser-box .howto .clr01 {font-size: 16px; margin: -15px auto 5px;}
.sub03 .service-wrap .ser-box .howto .stxt {font-size: 14px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.sub03 .service-wrap .ser-box .arrow {display: flex; align-items: center; justify-content: center; width: 13px; height: 13px; border-radius: 100%; position: relative; border: 1px solid #000; box-sizing:border-box; margin: 0 3px;}
.sub03 .service-wrap .ser-box .arrow:after {content: ""; display: inline-block; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg);}

@media only screen and (max-width:1680px) {
	.sub03 > .fl-l {padding-left: 0;}
	.sub03 .service-wrap {margin: 0 0 0 auto; width: auto;}
	.sub03 .service-wrap .ser-box {width: 49%; max-width: 470px;}
}

@media only screen and (max-width:1500px) {
	.sub03 {}
	.sub03 > .fl-l {float: none !important; position: relative; margin: 0 auto; padding-left: 0; width: 100%;  padding-right: 50%;  box-sizing: border-box; /* height: 50vw;  max-height: 450px;*/ margin-bottom: 30px;}
	.sub03 > .fl-l .block {display: inline-block; }
	.sub03 > .fl-l .service-map {position: absolute; left: 55%; top: 0; margin-left: 0; max-width: 48%;}
	.sub03 > .fl-r {float: none !important; position: relative; width: auto;}
	.sub03 .service-wrap {width: 100%; display: flex; flex-wrap: wrap;}
	.sub03 .service-wrap .title {width: 100%;}
	.sub03 .service-wrap .ser-box {width: 48%; max-width: 470px; margin-right: 2%; float: none !important; position: relative; }
	
}
@media only screen and (max-width:999px) {
	.sub03 > .fl-l {}
	.sub03 > .fl-l .mtxt {font-size: 2.2vw;}
	.sub03 > .fl-l .btxt {font-size: 3.6vw;}
	.sub03 > .fl-l .stxt {font-size: 1.6vw;}
	.sub03 > .fl-r {width: 100%;}
	.sub03 .service-wrap .title {font-size: 3vw; margin-bottom: 4vw;}
	.sub03 .service-wrap .ser-box {height: 70vw;}
	.sub03 .service-wrap .ser-box .img {height: 31vw;}
	.sub03 .service-wrap .ser-box .img img {max-height: 90%;}
	.sub03 .service-wrap .ser-box .stxt {}
	.sub03 .service-wrap .ser-box .clr01 {font-size: 2.4vw; margin-bottom: 1vw;}
	.sub03 .service-wrap .ser-box .clr02 {font-size: 1.6vw;}
	.sub03 .service-wrap .ser-box .clr03 {font-size: 1.6vw; margin-top: 2vw;}
	.sub03 .service-wrap .ser-box .btn-appilication {margin: 2.5vw auto;}
	.sub03 .service-wrap .ser-box .btn-appilication a {width: 27vw; height: 7vw; line-height: 7vw; font-size: 2.4vw;}
	
	.sub03 .service-wrap .ser-box .howto .clr01 {font-size: 1.6vw; margin: -1.5vw auto 0.5vw;}
	.sub03 .service-wrap .ser-box .howto .stxt {font-size: 1.4vw;}
	.sub03 .service-wrap .ser-box .arrow {width: 1.3vw; height: 1.3vw; margin: 0 0.3vw;}
	.sub03 .service-wrap .ser-box .arrow:after {width: 0.6vw; height: 0.6vw;}
	
}
@media only screen and (max-width:768px) {
	.sub03 > .fl-l {height: auto; padding-right: 0; max-height: none; margin-bottom: 0;}
	.sub03 > .fl-l .service-map {position: relative; left: auto; right: 0; top: 0; margin-left: 0; max-width: 100%;}
	.sub03 > .fl-l .mtxt {font-size: 16px;}
	.sub03 > .fl-l .btxt {font-size: 24px;}
	.sub03 > .fl-l .stxt {font-size: 14px;}
	.sub03 .service-wrap .title {font-size: 21px; margin-bottom: 30px; margin-top: 50px;}
	.sub03 .service-wrap .ser-box {height: auto; width: 100%; padding: 10px 30px 40px; margin-bottom: 20px; max-width: none; margin-right: 0;}
	.sub03 .service-wrap .ser-box .img {height: 250px;}
	.sub03 .service-wrap .ser-box .img img {max-height: 90%;}
	.sub03 .service-wrap .ser-box .stxt {}
	.sub03 .service-wrap .ser-box .clr01 {font-size: 18px; margin-bottom: 10px;}
	.sub03 .service-wrap .ser-box .clr02 {font-size: 14px;}
	.sub03 .service-wrap .ser-box .clr03 {font-size: 14px; margin-top: 15px;}
	.sub03 .service-wrap .ser-box .btn-appilication {margin: 20px auto;}
	.sub03 .service-wrap .ser-box .btn-appilication a {width: 150px; height: 50px; line-height: 50px; font-size: 20px;}	
	
	.sub03 .service-wrap .ser-box .howto .clr01 {font-size: 15px; margin: -10px auto 5px;}
	.sub03 .service-wrap .ser-box .howto .stxt {font-size: 13px;}
	.sub03 .service-wrap .ser-box .howto .stxt .block {display: block;}
	.sub03 .service-wrap .ser-box .arrow {width: 12px; height: 12px; margin: 0 2px;}
	.sub03 .service-wrap .ser-box .arrow:after {width: 5px; height: 5px;}
}
@media only screen and (max-width:425px) {
	
}





/* ======================================================
   #popup-wrap
=========================================================*/
#popup-wrap {width: 955px; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 22px; background: url("../_Img/logo.png") no-repeat 800px 35px #fff; padding: 50px; box-sizing: border-box; z-index: 2007;display: none;}
#popup-wrap .popup {}
#popup-wrap .popup .title {font-size: 30px; line-height: 160%; color: #000; margin-top: 30px; position: relative; overflow: hidden; padding-left: 15px; font-weight: normal;}
#popup-wrap .popup .title:before {content: ""; display: block; width: 110px; height: 2px; background: #a52e3a; transform: rotate(-45deg); position: absolute; top: -3px; left: -23px;}
#popup-wrap .popup .title .bold {font-weight: bold;}
#popup-wrap .btn-close {display: block; width: 48px; height: 48px; border-radius: 50%; background: #000000; position: absolute; top: -20px; right: -20px;}
#popup-wrap .btn-close:before {content:""; display: block; width: 2px; height: 24px; background: #fff; position: absolute; top: 50%; left: 50%; transform: rotate(45deg); margin-top: -12px;}
#popup-wrap .btn-close:after {content:""; display: block; width: 2px; height: 24px; background: #fff; position: absolute; top: 50%; left: 50%; transform: rotate(-45deg); margin-top: -12px;}
#popup-wrap .cont-wrap {margin: 15px auto;}
#popup-wrap form {position: relative;}
#popup-wrap ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#popup-wrap li {width: 100%; line-height: 40px; border: 1px solid #d9dce2; box-sizing: border-box; margin-bottom: 1%; padding: 10px 0;}
#popup-wrap li.half_li {width: 49.5%; display: flex;}
#popup-wrap input {width: 100%; height: 100%; border: none; padding: 5px; box-sizing: border-box;}
#popup-wrap select {width: 100%; height: 100%; border: none; padding: 5px; box-sizing: border-box;}
#popup-wrap li .chk-input {width: calc(100% - 40px); margin:0 auto;}
#popup-wrap li.half_li .chk-input {width: calc(100% - 140px); margin: 0 20px 0 0;}
#popup-wrap .btxt {width: 120px; text-align: justify; text-justify: inter-character; padding: 0 17px; box-sizing: border-box; color: #000; font-size: 17px; position: relative;}
#popup-wrap .btxt:after {content: "|"; color: #d7d7d7; position: absolute; right: 10px;}
#popup-wrap textarea {width: 100%; border: none; resize: none; padding: 5px; box-sizing: border-box;}
#popup-wrap .agree-wrap {display: flex; flex-direction: column; position: relative; font-size: 16px; color: #000; line-height: 140%; padding: 10px 0 10px 42px; box-sizing: border-box;}
#popup-wrap .agree-wrap input[type=checkbox] {display: none;}
#popup-wrap .agree-wrap input[type=checkbox] + label {}
#popup-wrap .agree-wrap input[type=checkbox] + label:before {content: ""; display: block; width: 36px; height: 36px; border: 1px solid #d9dce2; box-sizing: border-box; position: absolute; top: 14px; left: 0;}
#popup-wrap .agree-wrap input[type=checkbox]:checked + label {}
#popup-wrap .agree-wrap input[type=checkbox]:checked + label:after {content: ""; display: block; width: 11px; height: 16px; border-bottom: 3px solid #a52e3a; border-right: 3px solid #a52e3a; transform: rotate(45deg); position: absolute; top: 50%; left: 13px; margin-top: -10px;}
#popup-wrap .agree-wrap .more {position: absolute; top: inherit; left: 280px;}
#popup-wrap .agree-wrap .clr-r {color: #a52e3a;}
#popup-wrap .btns {position: absolute; right: 0; bottom: 0; }
#popup-wrap .btns:after {content: ""; display: block; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; right: 50px; top: 50%; margin-top: -5px;}
#popup-wrap input[type=submit] {width: 230px; height: 64px; background: #232323; color: #fff; padding-right: 30px; box-sizing: border-box; font-size: 18px; font-size: bold;}

.dimmed {position: fixed; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); top: 0; left: 0; z-index: 2006;}



@media only screen and (max-width:999px) {
	#popup-wrap {width: 95vw; border-radius: 2.2vw; background: url("../_Img/logo.png") no-repeat 80vw 3.5vw #fff; padding: 5vw; background-size: 10vw; }
	#popup-wrap .popup {}
	#popup-wrap .popup .title {font-size: 3vw; margin-top: 3vw; padding-left: 1.5vw}
	#popup-wrap .popup .title:before {width: 11vw; height: 0.2vw; top: -0.3vw; left: -2.3vw;}
	#popup-wrap .btn-close {width: 4.8vw; height: 4.8vw; top: -2vw; right: -2vw;}
	#popup-wrap .btn-close:before {width: 0.2vw; height: 2.4vw; margin-top: -1.2vw;}
	#popup-wrap .btn-close:after {width: 0.2vw; height: 2.4vw; margin-top: -1.2vw;}
	#popup-wrap .cont-wrap {margin: 1.5vw auto;}
	#popup-wrap li {line-height: 4vw; padding: 1vw 0;}
	#popup-wrap input {padding: 0.5vw;}
	#popup-wrap select {padding: 0.5vw;}
	#popup-wrap li .chk-input {}
	#popup-wrap li.half_li .chk-input {width: 86vw; margin: 0 2vw 0 0;}
	#popup-wrap .btxt {width: 12vw; padding: 0 1.7vw; font-size: 1.7vw;}
	#popup-wrap .btxt:after {right: 1vw;}
	#popup-wrap textarea {padding: 0.5vw;}
	#popup-wrap .agree-wrap {font-size: 1.6vw; padding: 1vw 0 1vw 4.2vw;}
	#popup-wrap .agree-wrap input[type=checkbox] + label:before {width: 3.6vw; height: 3.6vw; top: 1.4vw;}
	#popup-wrap .agree-wrap input[type=checkbox]:checked + label:after {width: 1.1vw; height: 1.6vw; border-bottom: 0.3vw solid #a52e3a; border-right: 0.3vw solid #a52e3a; left: 1.3vw; margin-top: -1vw;}
	#popup-wrap .agree-wrap .more {left: 28vw;}
	#popup-wrap .btns:after {width: 1vw; height: 1vw; border-right: 0.2vw solid #fff; border-bottom: 0.2vw solid #fff; right: 5vw; margin-top: -0.5vw;}
	#popup-wrap input[type=submit] {width: 23vw; height: 6.4vw; padding-right: 3vw; font-size: 1.8vw;}
}
@media only screen and (max-width:768px) {
	#popup-wrap {width: 90%; border-radius: 15px; background-position: 93% 30px; padding: 35px; background-size: 70px; top: 10vh; transform: translateX(-50%); max-height: 70vh; }
	#popup-wrap .popup .title {font-size: 16px; margin-top: 20px; padding-left: 10px;}
	#popup-wrap .popup .title .bold {display: block;}
	#popup-wrap .btn-close {width: 35px; height: 35px; top: -15px; right: -15px;}
	#popup-wrap .btn-close:before {width: 2px; height: 16px; margin-top: -8px;}
	#popup-wrap .btn-close:after {width: 2px; height: 16px; margin-top: -8px;}
	#popup-wrap .cont-wrap {margin: 10px auto;overflow-x: hidden; overflow-y: auto; max-height: 300px;}
	#popup-wrap li {line-height: 30px; padding: 5px 0;}
	#popup-wrap input {padding: 5px;}
	#popup-wrap select {padding: 5px;}
	#popup-wrap li .chk-input {}
	#popup-wrap li.half_li {width: 100%;}
	#popup-wrap li.half_li .chk-input {width: calc(100% - 90px); margin: 0;}
	#popup-wrap .btxt {width: 80px; font-size: 14px; padding: 0 10px;}
	#popup-wrap .btxt:after {right: 10px;}
	#popup-wrap textarea {padding: 5px;}
	#popup-wrap .agree-wrap {padding: 5px 0 10px 30px; font-size: 12px;}
	#popup-wrap .agree-wrap input[type=checkbox] + label:before {width: 25px; height: 25px; top: 8px;}
	#popup-wrap .agree-wrap input[type=checkbox]:checked + label:after {width: 9px; height: 15px; border-width: 2px; left: 8px; margin-top: -12px;}
	#popup-wrap .agree-wrap .more {left: auto; right: 0;}
	#popup-wrap .btns {position: relative; text-align: right;}
	#popup-wrap .btns:after {width: 7px; height: 7px; border-width: 1px; margin-top: -3.5px;}
	#popup-wrap input[type=submit] {width: 150px; height: 40px; padding-right: 20px; font-size: 13px;}
}
@media only screen and (max-width:425px) {
	
	#popup-wrap .agree-wrap input[type=checkbox]:checked + label:after { margin-top: -22px;}
}



/* ======================================================
   sub04
=========================================================*/
.sub04 {display: inline-block; width: 100%;}
.sub04:after {content: ""; position: absolute; clear: both;}
.sub04 .fl-l {width: 420px; padding-left: 50px; box-sizing: border-box;}
.sub04 .fl-l .mtxt {font-size: 22px; line-height: 120%;}
.sub04 .fl-l .btxt {font-size: 36px; line-height: 120%;}
.sub04 .fl-l .stxt {font-size: 16px; line-height: 160%; letter-spacing: -0.03em;}
.sub04 .fl-r {width: calc(100% - 420px);}
.sub04 .fl-r .input-wrap {width: 860px; margin: 0 auto;}
.sub04 .fl-r .input-wrap .title {font-size: 30px; line-height: 100%; color: #000; font-weight: bold; margin-bottom: 40px;}
.sub04 .fl-r .input-wrap .title a {float: right; padding: 5px 20px; background: #a52e3a; color: #fff; font-size: 16px;}
.sub04 .fl-r .input-wrap .title:after {content: ""; position: absolute; clear: both;}
.sub04 .fl-r .input-wrap form {position: relative;}
.sub04 .fl-r .input-wrap ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub04 .fl-r .input-wrap li {width: 100%; display: flex; line-height: 40px; border: 1px solid #d9dce2; box-sizing: border-box; margin-bottom: 1%; padding: 10px 0;}
.sub04 .fl-r .input-wrap li.half_li {width: 49.5%; }
.sub04 .fl-r .input-wrap input {width: 100%; height: 100%; border: none; padding: 5px; box-sizing: border-box;}
.sub04 .fl-r .input-wrap .chk-input {width: calc(100% - 140px);}
.sub04 .fl-r .input-wrap .btxt {width: 120px; text-align: justify; text-justify: inter-character; padding: 0 17px; box-sizing: border-box; color: #000; font-size: 17px; position: relative;}
.sub04 .fl-r .input-wrap .btxt:after {content: ":"; color: #262626; position: absolute; right: 10px;}
.sub04 .fl-r .input-wrap textarea {width: 100%; border: none; resize: none; padding: 5px; box-sizing: border-box;}
.sub04 .fl-r .agree-wrap {display: flex; flex-direction: column; position: relative; font-size: 16px; color: #000; line-height: 140%; padding: 10px 0 10px 42px; box-sizing: border-box; float: left;}
.sub04 .fl-r .agree-wrap input[type=checkbox] {display: none;}
.sub04 .fl-r .agree-wrap input[type=checkbox] + label {}
.sub04 .fl-r .agree-wrap input[type=checkbox] + label:before {content: ""; display: block; width: 36px; height: 36px; border: 1px solid #d9dce2; box-sizing: border-box; position: absolute; top: 14px; left: 0;}
.sub04 .fl-r .agree-wrap input[type=checkbox]:checked + label {}
.sub04 .fl-r .agree-wrap input[type=checkbox]:checked + label:after {content: ""; display: block; width: 11px; height: 16px; border-bottom: 3px solid #a52e3a; border-right: 3px solid #a52e3a; transform: rotate(45deg); position: absolute; top: 50%; left: 13px; margin-top: -10px;}
.sub04 .fl-r .agree-wrap .more {position: absolute; top: inherit; left: 280px;}
.sub04 .fl-r .agree-wrap .clr-r {color: #a52e3a;}
.sub04 .fl-r .input-wrap .btns {float: right;}
.sub04 .fl-r .input-wrap .btns:after {content: ""; display: block; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; right: 50px; top: 50%; margin-top: -5px; clear: both;}
.sub04 .fl-r .input-wrap input[type=submit] {width: 230px; height: 64px; background: #232323; color: #fff; padding-right: 30px; box-sizing: border-box; font-size: 18px; font-size: bold;}

@media only screen and (max-width: 1680px){
	.sub04 > .fl-l {padding-left: 0;}
	.sub04 > .fl-r .input-wrap {margin: 0 0 0 auto; width: auto;}
}

@media only screen and (max-width:1200px) {
	.sub04 {}
	.sub04 > .fl-l {float: none !important; position: relative; margin: 0 auto; padding-left: 0; width: 100%;}
	.sub04 > .fl-l .stxt .block {display: inline-block;}
	.sub04 > .fl-r {float: none !important; width: 100%; position: relative; margin-top: 50px;}
	.sub04 > .fl-r .input-wrap {margin:0;}
}
@media only screen and (max-width:999px) {
	.sub04 > .fl-l .mtxt {font-size: 2.2vw;}
	.sub04 > .fl-l .btxt {font-size: 3.6vw;}
	.sub04 > .fl-l .stxt {font-size: 1.6vw;}
	.sub04 > .fl-r .input-wrap {width: 100%;}
	.sub04 > .fl-r .input-wrap .title {font-size: 3vw; margin-bottom: 2vw;}
	.sub04 .fl-r .input-wrap {margin: 1.5vw auto;}
	.sub04 .fl-r .input-wrap li {line-height: 4vw; padding: 1vw 0;}
	.sub04 .fl-r .input-wrap input {padding: 0.5vw;}
	.sub04 .fl-r .input-wrap select {padding: 0.5vw;}
	.sub04 .fl-r .input-wrap li .chk-input {}
	.sub04 .fl-r .input-wrap li.half_li .chk-input {width: calc(100% - 110px); margin: 0 2vw 0 0;}
	.sub04 .fl-r .input-wrap .btxt {width: 100px; padding: 0 1.7vw; font-size: 1.7vw;}
	.sub04 .fl-r .input-wrap .btxt:after {right: 1vw;}
	.sub04 .fl-r textarea {padding: 0.5vw;}
	.sub04 .fl-r .agree-wrap {font-size: 1.6vw; padding: 1vw 0 1vw 4.2vw;}
	.sub04 .fl-r .agree-wrap input[type=checkbox] + label:before {width: 3.6vw; height: 3.6vw; top: 1.4vw;}
	.sub04 .fl-r .agree-wrap input[type=checkbox]:checked + label:after {width: 1.1vw; height: 1.6vw; border-bottom: 0.3vw solid #a52e3a; border-right: 0.3vw solid #a52e3a; left: 1.3vw; margin-top: -1vw;}
	.sub04 .fl-r .agree-wrap .more {left: 28vw;}
	.sub04 .fl-r .input-wrap .btns:after {width: 1vw; height: 1vw; border-right: 0.2vw solid #fff; border-bottom: 0.2vw solid #fff; right: 5vw; margin-top: -0.5vw;}
	.sub04 .fl-r .input-wrap input[type=submit] {width: 23vw; height: 6.4vw; padding-right: 3vw; font-size: 1.8vw;}
	
}
@media only screen and (max-width:768px) {
	.sub04 > .fl-l .mtxt {font-size: 16px;}
	.sub04 > .fl-l .btxt {font-size: 24px;}
	.sub04 > .fl-l .stxt {font-size: 14px;}
	.sub04 > .fl-r .input-wrap .title {font-size: 21px; margin-bottom: 30px; margin-top: 50px;}
	.sub04 .fl-r .input-wrap .cont-wrap {margin: 10px auto;}
	.sub04 .fl-r .input-wrap li {line-height: 30px; padding: 5px 0;}
	.sub04 .fl-r .input-wrap input {padding: 5px;}
	.sub04 .fl-r .input-wrap select {padding: 5px;}
	.sub04 .fl-r .input-wrap li .chk-input {}
	.sub04 .fl-r .input-wrap li.half_li {width: 100%;}
	.sub04 .fl-r .input-wrap li.half_li .chk-input {width: calc(100% - 90px); margin: 0;}
	.sub04 .fl-r .input-wrap .btxt {width: 80px; font-size: 14px; padding: 0 10px;}
	.sub04 .fl-r .input-wrap .btxt:after {right: 10px;}
	.sub04 .fl-r .input-wrap textarea {padding: 5px;}
	.sub04 .fl-r .agree-wrap {padding: 5px 0 10px 30px; font-size: 12px;}
	.sub04 .fl-r .agree-wrap input[type=checkbox] + label:before {width: 25px; height: 25px; top: 8px;}
	.sub04 .fl-r .agree-wrap input[type=checkbox]:checked + label:after {width: 9px; height: 15px; border-width: 2px; left: 8px; margin-top: -12px;}
	.sub04 .fl-r .agree-wrap .more {left: auto; right: 0;}
	.sub04 .fl-r .input-wrap .btns {position: relative; text-align: right;}
	.sub04 .fl-r .input-wrap .btns:after {width: 7px; height: 7px; border-width: 1px; margin-top: -3.5px;}
	.sub04 .fl-r .input-wrap input[type=submit] {width: 150px; height: 40px; padding-right: 20px; font-size: 13px;}
	
}
@media only screen and (max-width:425px) {
	
}


/* ======================================================
   sub05
=========================================================*/
.sub05 {display: inline-block; width: 100%;}
.sub05:after {content: ""; position: absolute; clear: both;}
.sub05 .fl-l {width: 420px; padding-left: 50px; box-sizing: border-box;}
.sub05 .fl-l .mtxt {font-size: 22px; line-height: 120%;}
.sub05 .fl-l .btxt {font-size: 36px; line-height: 120%;}
.sub05 .fl-l .stxt {font-size: 16px; line-height: 160%; letter-spacing: -0.03em;}
.sub05 .fl-r {width: calc(100% - 420px);}
.sub05 .fl-r .input-wrap {width: 860px; margin: 0 auto;}
.sub05 .fl-r .input-wrap .title {font-size: 30px; line-height: 100%; color: #000; font-weight: bold; margin-bottom: 40px;}
.sub05 .fl-r .input-wrap .title a {float: right; padding: 5px 20px; background: #a52e3a; color: #fff; font-size: 16px;}
.sub05 .fl-r .input-wrap .title:after {content: ""; position: absolute; clear: both;}
.sub05 .fl-r .input-wrap form {position: relative;}
.sub05 .fl-r .input-wrap ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub05 .fl-r .input-wrap li {width: 100%; display: flex; line-height: 40px; border: 1px solid #d9dce2; box-sizing: border-box; margin-bottom: 1%; padding: 10px 0;}
.sub05 .fl-r .input-wrap li.half_li {width: 49.5%; }
.sub05 .fl-r .input-wrap input {width: 100%; height: 100%; border: none; padding: 5px; box-sizing: border-box;}
.sub05 .fl-r .input-wrap select {height: 100%; border: none; padding: 5px; box-sizing: border-box; padding-right: 30px; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/ appearance:none; background: url("../_Img/Layout/select-down.png") no-repeat 98% center; outline: none;}
.sub05 .fl-r .input-wrap select::-ms-expand{display:none;/*for IE10,11*/}
.sub05 .fl-r .input-wrap .chk-input {width: calc(100% - 140px);}
.sub05 .fl-r .input-wrap .btxt {width: 120px; text-align: justify; text-justify: inter-character; padding: 0 17px; box-sizing: border-box; color: #000; font-size: 17px; position: relative;}
.sub05 .fl-r .input-wrap .btxt:after {content: ":"; color: #262626; position: absolute; right: 10px;}
.sub05 .fl-r .input-wrap textarea {width: 100%; border: none; resize: none; padding: 5px; box-sizing: border-box;}
.sub05 .fl-r .agree-wrap {display: flex; flex-direction: column; position: relative; font-size: 16px; color: #000; line-height: 140%; padding: 10px 0 10px 42px; box-sizing: border-box; float: left;}
.sub05 .fl-r .agree-wrap input[type=checkbox] {display: none;}
.sub05 .fl-r .agree-wrap input[type=checkbox] + label {}
.sub05 .fl-r .agree-wrap input[type=checkbox] + label:before {content: ""; display: block; width: 36px; height: 36px; border: 1px solid #d9dce2; box-sizing: border-box; position: absolute; top: 14px; left: 0;}
.sub05 .fl-r .agree-wrap input[type=checkbox]:checked + label {}
.sub05 .fl-r .agree-wrap input[type=checkbox]:checked + label:after {content: ""; display: block; width: 11px; height: 16px; border-bottom: 3px solid #a52e3a; border-right: 3px solid #a52e3a; transform: rotate(45deg); position: absolute; top: 50%; left: 13px; margin-top: -10px;}
.sub05 .fl-r .agree-wrap .more {position: absolute; top: inherit; left: 280px;}
.sub05 .fl-r .agree-wrap .clr-r {color: #a52e3a;}
.sub05 .fl-r .input-wrap .btns {float: right;}
.sub05 .fl-r .input-wrap .btns:after {content: ""; display: block; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; right: 50px; top: 50%; margin-top: -5px; clear: both;}
.sub05 .fl-r .input-wrap input[type=submit] {width: 230px; height: 64px; background: #232323; color: #fff; padding-right: 30px; box-sizing: border-box; font-size: 18px; font-size: bold;}

@media only screen and (max-width:1680px) {
	.sub05 > .fl-l {padding-left: 0;}
	.sub05 > .fl-r .input-wrap {margin: 0 0 0 auto; width: auto;}	
}
@media only screen and (max-width:1200px) {
	.sub05 {}
	.sub05 > .fl-l {float: none !important; position: relative; margin: 0 auto; padding-left: 0; width: 100%;}
	.sub05 > .fl-l .stxt .block {display: inline-block;}
	.sub05 > .fl-r {float: none !important; width: 100%; position: relative; margin-top: 50px;}
	.sub05 > .fl-r .input-wrap {margin: 0;}
}
@media only screen and (max-width:999px) {
	.sub05 > .fl-l .mtxt {font-size: 2.2vw;}
	.sub05 > .fl-l .btxt {font-size: 3.6vw;}
	.sub05 > .fl-l .stxt {font-size: 1.6vw;}
	.sub05 > .fl-r .input-wrap {width: 100%;}
	.sub05 > .fl-r .input-wrap .title {font-size: 3vw; margin-bottom: 2vw;}
	.sub05 .fl-r .input-wrap {margin: 1.5vw auto;}
	.sub05 .fl-r .input-wrap li {line-height: 4vw; padding: 1vw 0;}
	.sub05 .fl-r .input-wrap input {padding: 0.5vw;}
	.sub05 .fl-r .input-wrap select {padding: 0.5vw; width: 100%;}
	.sub05 .fl-r .input-wrap li .chk-input {}
	.sub05 .fl-r .input-wrap li.half_li .chk-input {width: calc(100% - 110px); margin: 0 2vw 0 0;}
	.sub05 .fl-r .input-wrap .btxt {width: 100px; padding: 0 1.7vw; font-size: 1.7vw;}
	.sub05 .fl-r .input-wrap .btxt:after {right: 1vw;}
	.sub05 .fl-r textarea {padding: 0.5vw;}
	.sub05 .fl-r .agree-wrap {font-size: 1.6vw; padding: 1vw 0 1vw 4.2vw;}
	.sub05 .fl-r .agree-wrap input[type=checkbox] + label:before {width: 3.6vw; height: 3.6vw; top: 1.4vw;}
	.sub05 .fl-r .agree-wrap input[type=checkbox]:checked + label:after {width: 1.1vw; height: 1.6vw; border-bottom: 0.3vw solid #a52e3a; border-right: 0.3vw solid #a52e3a; left: 1.3vw; margin-top: -1vw;}
	.sub05 .fl-r .agree-wrap .more {left: 28vw;}
	.sub05 .fl-r .input-wrap .btns:after {width: 1vw; height: 1vw; border-right: 0.2vw solid #fff; border-bottom: 0.2vw solid #fff; right: 5vw; margin-top: -0.5vw;}
	.sub05 .fl-r .input-wrap input[type=submit] {width: 23vw; height: 6.4vw; padding-right: 3vw; font-size: 1.8vw;}
	
}
@media only screen and (max-width:768px) {
	.sub05 > .fl-l .mtxt {font-size: 16px;}
	.sub05 > .fl-l .btxt {font-size: 24px;}
	.sub05 > .fl-l .stxt {font-size: 14px;}
	.sub05 > .fl-r .input-wrap .title {font-size: 21px; margin-bottom: 30px; margin-top: 50px;}
	.sub05 .fl-r .input-wrap .cont-wrap {margin: 10px auto;}
	.sub05 .fl-r .input-wrap li {line-height: 30px; padding: 5px 0;}
	.sub05 .fl-r .input-wrap input {padding: 5px;}
	.sub05 .fl-r .input-wrap select {padding: 5px;}
	.sub05 .fl-r .input-wrap li .chk-input {}
	.sub05 .fl-r .input-wrap li.half_li {width: 100%;}
	.sub05 .fl-r .input-wrap li.half_li .chk-input {width: calc(100% - 90px); margin: 0;}
	.sub05 .fl-r .input-wrap li .chk-input {width: calc(100% - 90px); margin: 0;}
	.sub05 .fl-r .input-wrap .btxt {width: 80px; font-size: 14px; padding: 0 10px;}
	.sub05 .fl-r .input-wrap .btxt:after {right: 10px;}
	.sub05 .fl-r .input-wrap textarea {padding: 5px;}
	.sub05 .fl-r .agree-wrap {padding: 5px 0 10px 30px; font-size: 12px;}
	.sub05 .fl-r .agree-wrap input[type=checkbox] + label:before {width: 25px; height: 25px; top: 8px;}
	.sub05 .fl-r .agree-wrap input[type=checkbox]:checked + label:after {width: 9px; height: 15px; border-width: 2px; left: 8px; margin-top: -12px;}
	.sub05 .fl-r .agree-wrap .more {left: auto; right: 0;}
	.sub05 .fl-r .input-wrap .btns {position: relative; text-align: right;}
	.sub05 .fl-r .input-wrap .btns:after {width: 7px; height: 7px; border-width: 1px; margin-top: -3.5px;}
	.sub05 .fl-r .input-wrap input[type=submit] {width: 150px; height: 40px; padding-right: 20px; font-size: 13px;}
	
}
@media only screen and (max-width:425px) {
	
}




/* ======================================================
	.layer-wrap
=========================================================*/
.layer-wrap {width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); display: none; z-index: 2008;}
.layer-pop {width: 800px; height: 500px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: absolute; top: 50%; left: 50%; margin-left: -400px; margin-top: -250px;}
.layer-pop .pop_title {height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; font-size: 15px; background:#F8F8F8;  font-family: "S-CoreDream-4Regular", sans-serif; }
.layer-pop .pop_close {position: absolute; width: 20px; height: 20px; top: 15px; right: 15px;}
.layer-pop .pop_close a {display: block; width: 100%; height: 100%; border-radius: 50%; background: #000;position: relative;}
.layer-pop .pop_close a:before {content:""; display: block; width: 15px; height: 3px; background: #fff; transform: rotate(-45deg);-ms-transform:rotate(-45deg) ;-moz-transform: rotate(-45deg); position: absolute; top: 50%; left: 50%; margin-top: -1.5px; margin-left: -7.5px;}
.layer-pop .pop_close a:after {content:""; display: block; width: 15px; height: 3px; background: #fff; transform: rotate(45deg);-ms-transform:rotate(45deg) ;-moz-transform: rotate(45deg); position: absolute; top: 50%; left: 50%; margin-top: -1.5px; margin-left: -7.5px;}
.layer-pop .pop_cont {height: 450px; padding: 20px; overflow-x: hidden; overflow-y: scroll; word-break: keep-all; box-sizing: border-box;}


@media only screen and (max-width: 1200px){
	.layer-pop {width: 80%; margin-left: -40%;}
}





/* ======================================================
	채용안내
=========================================================*/
.rec_title {width:100%; text-align: center;  margin: 0 auto; box-sizing: border-box; 
	padding: 15px; 
	border-top: 2px solid #999; border-bottom: 1px solid #dfdfdf; font-size: 18px; font-weight: bold; background-color: #F3F3F3; }


.responsive-pc { display: block; margin: 0 auto; text-align: center;}
.responsive-pc2 { display: block; margin: 0 auto; margin-top: 40px; text-align: left; margin-left: 100px;}
.responsive-mo  { display: none; margin: 0 auto;text-align: center;}
.responsive-pc img { width:auto; max-width:94%; box-sizing: border-box;}


@media only screen and (max-width: 1400px){
	.responsive-pc { display: none;}
	.responsive-pc2 { display: none;}
	.responsive-mo { display: block; width:100%}
	.responsive-mo img  { width:100%; max-width: 100%;}

}




/* ======================================================
	이용안내
=========================================================*/
.guide-wrap {padding: 60px  0px ; margin: 0 auto; box-sizing: border-box; max-width: 1460px;}
.guide-wrap .color1 {color: #b73037;}
.guide-wrap .bold {font-weight: 600;}
.guide-wrap .guide-top {display: inline-block; width: 100%;}
.guide-wrap .guide-top:after {content: ""; clear: both; position: absolute;}
.guide-wrap .guide-top .btxt {font-size: 26px; color: #111111; line-height: 120%; font-weight: 700;}
.guide-wrap .guide-top .stxt {font-size: 16px; color: #111111; line-height: 150%; font-weight: 500; float: left; word-break: keep-all;}
.guide-wrap .guide-top .btn {position: relative; float: right; padding: 0;}
.guide-wrap .guide-top .btn a {display: block; width: 200px; height: 45px; line-height: 45px; font-size: 18px; text-align: center; padding-right: 20px; color: #fff; background: #000; border-radius: 50px; font-weight: normal;}
.guide-wrap .guide-top .btn:after {content: ""; display: block; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; right: 40px; top: 50%;}
.guide-wrap .guide-bottom {display: flex; justify-content: space-between; margin-top: 30px;}
.guide-wrap .guide-bottom .box {border: 1px solid #dadce1; box-sizing: border-box; padding: 50px 40px; width: 100%;}/* width: 48%; max-width: 700px; */
.guide-wrap .guide-bottom .box .btxt {font-size: 26px; color: #111111; line-height: 200%; font-weight: 700; position: relative;}
.guide-wrap .guide-bottom .box .btxt:before {content: ""; display: inline-block; width: 58px; height: 3px; background: #b73037; position: absolute; top: 0; left: 0; }
.guide-wrap .guide-bottom .box .stxt {font-size: 16px; color: #111111; line-height: 150%; font-weight: 500; word-break: keep-all; margin-top: 20px;}
.guide-wrap .guide-bottom .box .price {margin: 20px 0; font-size: 16px;}
.guide-wrap .guide-bottom .box .price .tit {background: #000; color: #fff; padding: 5px 10px; border-radius: 2px; margin-right: 10px; }
.guide-wrap .guide-bottom .box table {border-collapse: collapse; margin-top: 40px;}
.guide-wrap .guide-bottom .box table th {background: #f3f3f3; font-weight: normal; text-align: center;} 
.guide-wrap .guide-bottom .box table th, .guide-wrap .guide-bottom .box table td {padding: 15px 28px; border: 1px solid #f3f3f3; font-size: 16px; color: #111111; line-height: 150%;}
.guide-wrap .guide-bottom .box table td {border-right: none; word-break: keep-all;}
.guide-wrap .guide-bottom .box table td:first-child {border-left: none; border-right: 1px solid #f3f3f3;}

.guide-wrap .btn {position: relative; float: none; padding: 0; margin-top: 40px;}
.guide-wrap .btn a {display: block; width: 200px; height: 45px; line-height: 45px; font-size: 18px; text-align: center; padding-right: 20px; color: #fff; background: #000; border-radius: 50px; font-weight: normal; margin: auto; position: relative;}
.guide-wrap  .btn a:after {content: ""; display: block; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; right: 40px; top: 50%; margin-top: -5px;}

@media only screen and (max-width:1400px) {
	.guide-wrap {padding:10px 10px 100px; position: relative;}
	.guide-wrap span.block {display: inline-block;}
	.guide-wrap .guide-top .stxt {float: none;}
	.guide-wrap .guide-top .btn {float: none; position: absolute; bottom: 30px; left: 50%; margin-left: -100px;}
	.guide-wrap .btn {float: none; position: absolute; bottom: 30px; left: 50%; margin-left: -100px;}
	.guide-wrap .guide-bottom {flex-direction: column;}
	.guide-wrap .guide-bottom .box {width: 100%; margin-top: 20px; max-width: none;}
	
}

@media only screen and (max-width:999px) {
}

@media only screen and (max-width:600px) {
	.guide-wrap {padding: 6.7vw 0 25vw;}
	.guide-wrap .guide-top .btxt {font-size: 6vw;}
	.guide-wrap .guide-top .stxt {font-size: 4vw;}
	.guide-wrap .guide-top .btn {bottom: 3vw; margin-left: -28vw;}
	.guide-wrap .guide-top .btn a {width: 56vw; height: 12.5vw; line-height: 12.5vw; font-size: 4.3vw; padding-right: 2vw;}
	.guide-wrap .btn {bottom: 3vw; margin-left: -28vw;}
	.guide-wrap .btn a {width: 56vw; height: 12.5vw; line-height: 12.5vw; font-size: 4.3vw; padding-right: 2vw;}
	.guide-wrap .guide-bottom {margin-top: 3vw;}
	.guide-wrap .guide-bottom .box {margin-top: 2vw; padding: 8.3vw 6vw;}
	.guide-wrap .guide-bottom .box .btxt {font-size: 6vw;}
	.guide-wrap .guide-bottom .box .stxt {font-size: 4vw;}
	.guide-wrap .guide-bottom .box .price {margin: 2vw 0; font-size: 4vw;}
	.guide-wrap .guide-bottom .box .price .tit {padding: 0.5vw 1vw; margin-right: 1vw;}
	.guide-wrap .guide-bottom .box table {margin-top: 4vw;}
	.guide-wrap .guide-bottom .box table th {white-space: nowrap;}
	.guide-wrap .guide-bottom .box table th, .guide-wrap .guide-bottom .box table td {font-size: 4vw; padding: 4vw 2vw;}
	.guide-wrap .guide-bottom .box table td {}
}



/* ======================================================
	찾아오시는 길
=========================================================*/
.location-wrap {display: flex; justify-content: space-between; background: url("../_Img/logo.png") no-repeat left 60px; max-width: 100%; }
.location-wrap .txt {padding-top: 120px;}
.location-wrap .title {color: #111; font-size: 28px; line-height: 150%; font-weight: 600;}
.location-wrap .stxt {color: #111; font-size: 16px; line-height: 160%;}
.location-wrap .stxt span {display: inline-block; width: 100px;}
.location-wrap .stxt span.block {display: block; width: 0;}
.location-wrap .stxt span.inline-block {display: inline-block; width: auto; margin: 0 3px;}
.location-wrap .subtit {color: #111; font-size: 24px; margin-top: 40px; line-height: 150%; font-weight: 500;}
.location-wrap .img {}
.location-wrap .img img {max-width: 100%;}
.location-wrap .img .pc_loc {display: block;}
.location-wrap .img .mo_loc {display: none;}


@media only screen and (max-width: 1480px) {
	.location-wrap .subtit {margin-top: 35px;}
	.location-wrap .stxt span.inline-block {margin: 0; display: block; width: 0; height: 0; color: transparent;}
}
@media only screen and (max-width: 1400px) {
	.location-wrap {background-position: 10px 10px;}
}
@media only screen and (max-width: 1320px) {
	.location-wrap {flex-direction: column;}
	.location-wrap .subtit {margin-top: 35px;}
	.location-wrap .stxt span.inline-block {display: inline-block; width: auto; margin: 0 3px; color: #111;}
	.location-wrap .img {margin-top: 40px;}
	.location-wrap .img .pc_loc {display: none;}
	.location-wrap .img .mo_loc {display: block;}
}
@media only screen and (max-width: 600px) {
	.location-wrap .txt {padding-top: 23vw}
	.location-wrap .title {font-size: 7.5vw;}
	.location-wrap .stxt {font-size: 4vw;}
	.location-wrap .stxt span {width: 27vw;}
	.location-wrap .stxt span.inline-block {margin: 0; display: block; width: 0; height: 0; color: transparent;}
	.location-wrap .subtit {font-size: 5.6vw;}
}