@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

:root{
	/* font size */

	--font-size-80:4rem;
	--font-size-46:2.22rem;
	--font-size-40:2.00rem;
	--font-size-32:1.78rem;
	--font-size-28:1.56rem;
	--font-size-24:1.33rem;
	--font-size-22:1.23rem;
	--font-size-20:1.1rem;
	--font-size-18:1rem;
	--font-size-16:0.9rem;
	--font-size-14:0.78rem;

	/* --menu height */
	--menu-height:4.5rem;
}
.mo{display:none;}

html,body{
	color:#222222;
   	word-break: keep-all;
	letter-spacing:0px;
	margin:0;
	padding:0;
	font-family: 'Pretendard Variable';
	font-weight: 400;
	height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

html[lang=ko] p{
	letter-spacing: -0.05rem;
}

html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] h4,html[lang=ko] h5,html[lang=ko] h6{
	letter-spacing: -0.08rem;
}

html[lang=ko] h2 date{
	letter-spacing: 0;
}



*{
	line-height: 1.3em;
}

button{
	font-size:1rem;
}

fieldset label{
	margin: 0;
}
[data_href]{
	cursor: pointer;
}

.area-max{
	width: 100%;
	max-width: 1720px;
	margin-left: auto;
	margin-right: auto;
}

.area-basic{
	width: 100%;
	max-width: 1300px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}

main{
	display: table;
	width: 100%;
	flex: 1;    
}


.usr-sub-top{
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	margin-top:var(--menu-height);
	height: 22.23rem;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 6.67rem;
	align-items: center;
	justify-content: center;
}

.usr-sub-top > div{
	display:flex ;
	flex-direction: column;
	row-gap: 2.23rem;
}

.usr-sub-top h1{
	font-family: 'Outfit';
	font-weight: 600;
	font-size: var(--font-size-46);
	color: #222222;
}

.usr-search form {
	display: flex;
	flex-direction: row;
	max-width:49.45rem;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	column-gap: 0.5rem;
}

.usr-search input{

	width: 100%;
	background: #FFFFFF;
	border-radius: 2.23rem;
	font-size: var(--font-size-24);
	height: 4rem;
	padding-left: 2rem;
	border: none;
}


.usr-search input:focus{
  	outline: none;
	box-shadow: 0 0 0 2px #FA8A30 inset; 
}
.usr-search input::placeholder,.usr-search input::-webkit-input-placeholder {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 500;
	font-size: var(--font-size-24);
	color: #222222;
}

.usr-search fieldset{
	position: relative;
	max-width: 45rem;
	width: 100%;
}

.usr-search fieldset button{
	position: absolute;
	right:0.3rem;
	top:50%;
	transform: translateY(-50%);
	width: 3.5rem;
	height: 3.5rem;
	background: url(/web/visit/site/images/icon/icon_search.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-indent: -9999px;
	transition: background 0.2s ease-in 0.1s;
}

.usr-search fieldset button:hover{
	width: 3.5rem;
	height: 3.5rem;
	background:url(/web/visit/site/images/icon/icon_searchOn.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.usr-search .cl-search-list{
	width: 4rem;
	height: 4rem;
	background: url(/web/visit/site/images/icon/icon_searchList.png),url(/web/visit/site/images/icon/icon_searchListOn.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-indent: -9999px;
	transition: background 0.2s ease-in 0.1s;
}

.usr-search .cl-search-list:hover{
	width: 4rem;
	height: 4rem;
	background: url(/web/visit/site/images/icon/icon_searchListOn.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

}

.usr-sub{
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.usr-more{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 9.34rem;
	height: 2.89rem;
	background: #4FC99A;
	border-radius: 2.78rem;
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: -0.03em;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3.34rem;
}

.usr-more:after{
	content: '\eaaa';
	font-family: 'Material';
	margin-left: 1rem;
	font-size: var(--font-size-20);
    font-variation-settings:
      'FILL' 1,
      'wght' 600,
      'GRAD' 0,
      'opsz' 24
}

.usr-more:hover{
	background-color: #2E976E;
	transition: all 0.5s;
}

.usr-btn{
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	min-width: 8.89rem;
	width: auto;
	height: 2.89rem;
	background: #FA6630;
	border-radius: 2.78rem;
	font-family: 'Outfit';
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: -0.03em;
	color: #FFFFFF;
}


footer{
	padding: 4.45rem 0;
	background: #FFFFFF;
	border-top: 1px solid #D8D8D8;
	margin-top: 6.67rem;
}

footer > div{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 1rem;
}

footer > div > div{
	display: flex;
	flex-direction: column;
	row-gap: 2.34rem;
	margin-left: 4.56rem;
}

footer > div > div > div:nth-child(1){
	display: flex;
	flex-direction: row;
	column-gap: 2.23rem;
	font-weight: 600;
	font-size: 0.9rem;
	color: #707070;

}

footer > div > div > div:nth-child(2){
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	font-weight: 400;
	font-size: var(--font-size-16);
	color: #707070;
}

footer > div > div > div:nth-child(2) span{
	display: inline-block;
	font-weight: 600;
	margin-left: 1rem;
	margin-right: 0.2rem;
}


.usr-sec.sec-1{
	margin-top: 0;
}

.usr-sec{
	margin-top: 5.56rem;
}

.usr-pop-search{
	position: fixed;
	z-index: 11;
	top:0;
	left:0;
	width: 100vw;
	height:100vh;
	background-color:#F5F1E9 ;
	/*max-height: 80vh;*/
	overflow: auto;
	display: none;
}


.usr-pop-search search{
	display: flex;
	flex-direction: column;
	width: 100%;
	row-gap: 1rem;
	align-items: flex-start;
	padding: 1.4rem 2.78rem 4rem;
}

.usr-pop-search search .cus-close{
	margin-left: auto;
	font-size: 0;
	height:2rem;
}

.usr-pop-search search .cus-close:after{
	content: '\e5cd';
	font-family: 'Material';
	font-size: 2.2rem;
}

.usr-pop-search search .cus-cont{
	display: table;
	width: 100%;	
}

.usr-pop-search search .cus-cont fieldset {
	padding: 1.1rem;
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	column-gap: 0.8rem;
	row-gap: 0.5rem;
	flex-wrap: wrap;
	margin-bottom: 1.1rem;
}

.usr-pop-search search .cus-cont fieldset legend{
	font-family: 'Outfit';
	font-weight: 600;
	font-size: var(--font-size-20);
	color: #342F2B;
	/*margin-bottom: 1.2rem;*/
}

.usr-pop-search search .cus-cont fieldset input[type=radio]{
	display: none;
}

.usr-pop-search search .cus-cont fieldset input[type=checkbox]{
	display: none;
}

.usr-pop-search search .cus-cont fieldset input[type=radio]:checked + label{
	box-shadow: 0px 8px 10px rgba(195, 116, 74, 0.3);
	background: #FA6630;
	color: #fff;
}

.usr-pop-search search .cus-cont fieldset input[type=checkbox]:checked + label{
	box-shadow: 0px 8px 10px rgba(195, 116, 74, 0.3);
	background: #FA6630;
	color: #fff;
}

.usr-pop-search search .cus-cont fieldset label{
	padding: 0.56rem 0.78rem;
	background: #FFFFFF;
	border-radius: 1.67rem;
	font-family: 'Outfit';
	font-weight: 400;
	font-size: var(--font-size-14);
	color: #222;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: background 0.2s ease-in 0.1s;
}

.usr-pop-search search .cus-cont fieldset label:hover{
	box-shadow: 0 0 0 1px #FA6630 inset; 
	color: #FA6630;
}

.usr-pop-search search .cus-submit{
	padding: 0px 1.1rem;
	background: #222222;
	border-radius: 2.23rem;
	font-family: 'Outfit';
	font-weight: 600;
	font-size: 1rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.2rem;
	height: 2.89rem;
	width: 7.84rem;
	transition: background 0.2s ease-in 0.1s;
	cursor: pointer;
}
.usr-pop-search search .cus-submit:hover{
	background: #FA6630;
}
.usr-pop-search search .cus-submit:after{
	content:url("/web/visit/site/images/icon/icon_searchw.png");
	width:1.34rem;
	height: 1.34rem;
	margin-left: 1rem;
}

.usr-pop-sitemap{
	position: fixed;
	z-index: 12;
	top:0;
	left:0;
	width: 100vw;
	height:100vh;
	background-color:#fff ;
	/*max-height: 80vh;*/
	overflow: auto;
	padding-bottom: 6.67rem;
	display: none;
}

.usr-pop-sitemap > div {
	display: flex;
	flex-direction: column;
	width: 100%;
	row-gap: 0.5rem;
	align-items: flex-start;
	padding: 2rem 2.78rem;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.usr-pop-sitemap .cus-close{
	margin-left: auto;
	font-size: 0;
	height:2rem;
}

.usr-pop-sitemap .cus-close:after{
	content: '\e5cd';
	font-family: 'Material';
	font-size: 2.2rem;
}

.usr-pop-sitemap .cus-lang{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	column-gap: 2rem;
	font-family: 'Outfit';
	font-size: 1rem;
	font-weight: 500;
	padding: 1rem 1rem;
	border: 1px solid #CCCCCC;
	border-radius: 0.56rem;
	width: 100%;
}

.usr-pop-sitemap .cus-lang > li{
	position: relative;
}

.usr-pop-sitemap .cus-lang > li:after{
	content: "";
	width: 1px;
	height: 90%;
	background:#ccc;
	position: absolute;
	right: -1rem;
	top:50%;
	transform: translateY(-50%);
}

.usr-pop-sitemap .cus-lang > li:hover{
	color: #FA6630;
}

.usr-pop-sitemap .cus-lang > li:last-child:after{
	content: none;
}

.usr-pop-sitemap .cus-cont{
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	justify-content: center;
	margin-top: 0.56rem;
}

.usr-pop-sitemap .cus-cont > li{
	
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
	padding-top: 1.67rem;
	padding-bottom: 1.67rem;
	font-family: 'Outfit';
	font-weight: 700;
	font-size: var(--font-size-24);
	color: #342F2B;
	width: 100%;
	text-align: left;
}


.usr-pop-sitemap .cus-cont > li:last-child{
	border-bottom: none;
}

.usr-pop-sitemap .cus-cont > li > a{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	white-space: nowrap;
}

.usr-pop-sitemap .cus-cont > li > a:after{
	content:'\eaaa' ;
	font-family: 'Material';
	color:#FF9432;
	margin-left: 0.6rem;
	font-size: var(--font-size-20);
	font-variation-settings:
      'FILL' 1,
      'wght' 600,
      'GRAD' 0,
      'opsz' 24

}


.usr-pop-sitemap .cus-cont > li > a:hover{
	color: #FA6630;
}

.usr-pop-sitemap .cus-cont > li > a:hover:after{
	color: #FA6630;
}

.usr-pop-sitemap .cus-cont > li > ul{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: inherit;
	column-gap: 1.84rem;
	font-family: 'Outfit';
	font-weight: 400;
	font-size: var(--font-size-20);
	width: 100%;
	background: #F8F8F8;
	border-radius: 0.56rem;
	padding: 1rem;
	margin-top: 1.1rem;
	position: relative;
}

.usr-pop-sitemap .cus-cont > li > ul > li{
	position: relative;
}

.usr-pop-sitemap .cus-cont > li > ul > li:hover{
	color:#FA6630;
}

.usr-pop-sitemap .cus-cont > li > ul > li:after{
	content: "";
	width: 1px;
	height: 90%;
	background:#ccc;
	position: absolute;
	right: -0.92rem;
	top:50%;
	transform: translateY(-50%);
}

.usr-pop-sitemap .cus-cont > li > ul > li:last-child:after{
	content: none;
}


.swiper-button-area{
	position: relative;
	width: 7rem;
	margin-top: 2.23rem;
}

.swiper-button-area .swiper-button-next,.swiper-button-area .swiper-button-prev{
	width: 2.7rem;
	height: 2.7rem;
	border-radius: 50%;
	background-color:rgba(79, 201, 154, 1) ;	
}


.swiper-button-area .swiper-button-next:after{
	content: '\f1df';
	font-family: 'Material';
	color:#fff;
	font-size: 0.9rem;
}


.swiper-button-area .swiper-button-prev:after{
	content: '\f1e6';
	font-family: 'Material';
	color:#fff;
	font-size: 0.9rem;
}

.swiper-button-area .swiper-button-prev:hover{
	background-color: #2E976E;
}

.usr-posi-right{
	/*position: absolute;*/
	--widthA: calc(100vw - 1280px);
	--widthB: calc(var(--widthA) / 2);
	margin-left: var(--widthB);
	width:calc(100vw - var(--widthB));
}

.usr-posi-right .swiper{
	width: 100%;
}

.usr-marker{
  background-image:url(/web/visit/site/images/icon/map_marker.png);
  width:3.06rem ;
  height:3.06rem ;
  display: block;
  background-size: cover;
}

.usr-view-1{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
}

.usr-view-1 h2{
	font-family: 'Outfit';
	font-weight: 700;
	font-size: var(--font-size-46);
	color: #000000;
}

.usr-view-1 h3{
	font-weight: 400;
	font-size: var(--font-size-24);
	line-height: 40px;
	color: #FA6630;
	margin-top: 1.1rem;
}

.usr-view-1 .swiper-area{
	height: 25.84rem;
	margin-top: 2rem;
	display: block;
	width: 100%;
}

.usr-view-1 .swiper-area .swiper-slide{
	width: 100%;
	max-width: 38.89rem;
	aspect-ratio: 1.50 / 1;
}

.usr-view-1 .swiper-area .swiper-slide .img-zoom{
	height: 100%;
	border-radius: 2rem;
}

.usr-view-1 .cus-desc{
	font-weight: 400;
	font-size: var(--font-size-20);
	margin-top: 2.23rem;
	line-height: 1.7em;
	padding-bottom: 3.34rem;
}

.usr-view-1 dl{
	display: flex;
	flex-direction: column;
	row-gap:1.1rem ;
	align-items: flex-start;
	justify-content: center;
	padding-bottom: 1.67rem;
	padding-top: 1.67rem;
	border-top: 1px solid #D8D8D8;
}

.usr-view-1 dl > dt{
	font-family: 'Outfit';
	font-weight: 700;
	font-size: var(--font-size-24);
	display: flex;
	align-items: center;
	justify-content: center;
}

.usr-view-1 dl > dt:before{
	content:'';
	font-family: 'Material';
	color: #FA6630;
	font-size: 1.2rem;
	padding-right: 0.2rem;
}

.usr-view-1 dl > dd{
	font-weight: 400;
	font-size: var(--font-size-20);
	color: #000000;
	padding-left: 1.2rem;
	display: flex;
	justify-content: center;
	word-break: break-all;
}

.usr-view-1 dl.cus-address > dt:before{
	content:'\e0c8';
}

.usr-view-1 dl.cus-hour > dt:before{
	content:'\e8b5';
	font-variation-settings:
      'FILL' 1
}

.usr-view-1 dl.cus-contact > dt:before{
	content:'\f3e4';
}

.usr-view-1 dl.cus-contact dfn{
	font-style: normal;
	color:#FA6630;
	font-weight: 700;
	margin-right: 0.3rem;
	white-space: nowrap;
}

.usr-view-1 dl.cus-url > dt:before{
	content:'\e178';
}

.usr-view-1 dl.cus-url > dd.cus-google:before{
	content: url("/web/visit/site/images/icon/icon_google.png");
	margin-right: 0.4rem;
	width: 1.56rem;
	height:1.56rem;
}

.usr-view-1 dl.cus-url > dd.cus-naver:before{
	content: url("/web/visit/site/images/icon/icon_naver.png");
	margin-right: 0.4rem;
	width: 1.56rem;
	height:1.56rem;
}

.usr-view-1 dl.cus-url > dd.cus-kakao:before{
	content: url("/web/visit/site/images/icon/icon_kakao.png");
	margin-right: 0.4rem;
	width: 1.56rem;
	height:1.56rem;
}

.usr-view-1 dl.cus-memo > dt:before{
	content:'\ef42';
}

.usr-view-1 .cus-detail{
	width: 12.28rem;
	height: 4rem;
	background: #FA6630;
	border-radius: 2.78rem;
	font-family: 'Outfit';
	font-weight: 600;
	font-size: var(--font-size-20);
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3.34rem;
}

.usr-view-1 .cus-detail:after{
	content:'\e0c8';
	font-family: 'Material';
	margin-left: 1rem;
	font-size: 1.4rem;
	font-variation-settings:
      'FILL' 1
}

.usr-view-1 .cus-map{
	display: block;
	width: 100%;
	height:27.78rem;
	border-radius: 1rem;
	overflow: hidden;
}

.usr-view-1 .cus-map > div{
	width: 100%;
	height: 100%;
}

.usr-view-2{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
}

.usr-view-2 h2{
	font-family: 'Outfit';
	font-weight: 700;
	font-size: var(--font-size-46);
	color: #000000;
	word-break: break-word;
	text-align: center;
	padding-bottom: 4.45rem;
	border-bottom: 1px solid #CCCCCC;
}

.usr-view-2 .cus-cont{
	margin-top: 4.45rem;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 2rem;
}

.usr-view-2 .cus-cont p{
	font-weight: 400;
	font-size: var(--font-size-20);
	line-height: 1.89rem;
}

.usr-view-2 .cus-cont hr{
	border: 0;
	height: 1px;
	background-color: #dddddd;
}


.usr-view-2 .cus-cont .cus-img{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	column-gap: 1rem;
	margin-top: 3.34rem;
	padding-bottom: 2.56rem;
}

.usr-view-2 .cus-cont .cus-img > *{
	flex: 1 1 48%;
	border-radius: 1.2rem;
	height: 23.34rem;
}

.usr-view-2 .cus-menu{
	display: flex;
	width: 100%;
	flex-direction: column;
	row-gap: 0;

}

.usr-view-2 .cus-menu > li{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: 2%;
		padding-bottom: 1.67rem;
	padding-top: 1.67rem;
	border-bottom: 1px solid #CCCCCC;
}

.usr-view-2 .cus-menu > li > *:nth-child(1){
	flex-basis: 25%;
	border-radius: 1.5rem;
	width: 17.78rem;
}

.usr-view-2 .cus-menu > li > *:nth-child(1) img{
	width: 100%;
	aspect-ratio: 1.28 / 1;
}

.usr-view-2 .cus-menu > li > *:nth-child(2){
	flex-basis: 73%;
	padding-top: 1.67rem;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.usr-view-2 .cus-menu h5{
	font-style: normal;
	font-weight: 700;
	font-size: var(--font-size-22);
} 

.usr-view-2 .cus-menu h6{
	font-weight: 400;
	font-size: var(--font-size-16);
	color: #FA6630;
}

.usr-view-2 .cus-menu address{
	font-weight: 400;
	font-size: var(--font-size-16);
	color: #707070;
	font-style: normal;
}

.usr-view-2 .cus-buttons{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 5.56rem;
}


.usr-view-3{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
}

.usr-view-3 h2{
	font-family: 'Outfit';
	font-weight: 700;
	font-size: var(--font-size-46);
	color: #000000;
	word-break: break-word;
	text-align: center;
	padding-bottom: 4.45rem;
	border-bottom: 1px solid #CCCCCC;
}

.usr-view-3 h2 > date{
	padding-top: 1.67rem;
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 600;
	font-size: var(--font-size-16);
	color: #FA8A30;
	display: block;
}

.usr-view-3 .cus-cont{
	margin-top: 4.45rem;
}


.usr-view-3 .cus-cont img{
	margin-bottom: 1rem;
}

.usr-view-3 .cus-cont p{
	font-weight: 400;
	font-size: var(--font-size-20);
	line-height: 1.89rem;
}

.usr-view-3 .cus-buttons{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 5.56rem;
}

.usr-service-icon{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	flex-wrap: wrap;
	row-gap: 0rem;
}

.usr-service-icon > span{
	font-size: 0;
	line-height: 0;
	position: relative;
}

.usr-service-icon > span:hover:before{
	content: attr(data_title);
	position: absolute;
	font-size: 0.8rem;
	display: block;
	border-radius: 0.2rem;
	background-color: #fff;
	bottom:2rem;
	left:1rem;
	line-height: 1.2em;
	padding: 0.3rem 0.5rem;
	border: 1px solid #333;
	white-space: nowrap;
}

.usr-service-icon > span:after{
	content:"";
	background-image: url("/web/visit/site/images/icon/icon_sample.svg");
	width: 2.23rem;
	height:2.23rem;
	background-size: cover;
	display: inline-block;
}

.usr-service-icon > span.sicon-10:after{
	background-image: url("/web/visit/site/images/icon/service_icon_10.svg");
}

.usr-service-icon > span.sicon-11:after{
	background-image: url("/web/visit/site/images/icon/service_icon_11.svg");
}

.usr-service-icon > span.sicon-12:after{
	background-image: url("/web/visit/site/images/icon/service_icon_12.svg");
}

.usr-service-icon > span.sicon-13:after{
	background-image: url("/web/visit/site/images/icon/service_icon_13.svg");
}

.usr-service-icon > span.sicon-14:after{
	background-image: url("/web/visit/site/images/icon/service_icon_14.svg");
}

.usr-service-icon > span.sicon-15:after{
	background-image: url("/web/visit/site/images/icon/service_icon_15.svg");
}

.usr-service-icon > span.sicon-16:after{
	background-image: url("/web/visit/site/images/icon/service_icon_16.svg");
}

.usr-service-icon > span.sicon-17:after{
	background-image: url("/web/visit/site/images/icon/service_icon_17.svg");
}

.usr-service-icon > span.sicon-18:after{
	background-image: url("/web/visit/site/images/icon/service_icon_18.svg");
}

.usr-service-icon > span.sicon-19:after{
	background-image: url("/web/visit/site/images/icon/service_icon_19.svg");
}

.usr-service-icon > span.sicon-20:after{
	background-image: url("/web/visit/site/images/icon/service_icon_20.svg");
}

.usr-service-icon > span.sicon-21:after{
	background-image: url("/web/visit/site/images/icon/service_icon_21.svg");
}

.usr-service-icon > span.sicon-22:after{
	background-image: url("/web/visit/site/images/icon/service_icon_22.svg");
}

.usr-service-icon > span.sicon-23:after{
	background-image: url("/web/visit/site/images/icon/service_icon_23.svg");
}

.usr-service-icon > span.sicon-24:after{
	background-image: url("/web/visit/site/images/icon/service_icon_24.svg");
}

.usr-service-icon > span.sicon-25:after{
	background-image: url("/web/visit/site/images/icon/service_icon_25.svg");
}

.usr-service-icon > span.sicon-26:after{
	background-image: url("/web/visit/site/images/icon/service_icon_26.svg");
}

.usr-service-icon > span.sicon-27:after{
	background-image: url("/web/visit/site/images/icon/service_icon_27.svg");
}

.usr-service-icon > span.sicon-28:after{
	background-image: url("/web/visit/site/images/icon/service_icon_28.svg");
}

.usr-service-icon > span.sicon-29:after{
	background-image: url("/web/visit/site/images/icon/service_icon_29.svg");
}

.usr-service-icon > span.sicon-30:after{
	background-image: url("/web/visit/site/images/icon/service_icon_30.svg");
}

.usr-service-icon > span.sicon-31:after{
	background-image: url("/web/visit/site/images/icon/service_icon_31.svg");
}

.usr-service-icon > span.sicon-32:after{
	background-image: url("/web/visit/site/images/icon/service_icon_32.svg");
}

.usr-service-icon > span.sicon-33:after{
	background-image: url("/web/visit/site/images/icon/service_icon_33.svg");
}

.usr-service-icon > span.sicon-34:after{
	background-image: url("/web/visit/site/images/icon/service_icon_34.svg");
}

.usr-noti{
	font-weight: 400;
	font-size: var(--font-size-20);
	display: flex;
	align-items: center;
}

.usr-noti:before{
	content:'\f591';
	font-family: 'Material';
	color: #FDC610;
	font-size: 1em;
	margin-right: 4px;
	font-variation-settings:
      'FILL' 1
}

@media screen and (max-width:1719px){
/* font size 모바일에서 픽셜에서 14로 나누기*/
	html,body{
   		overflow-x: hidden;
	}

	.area-max{
		padding-left: 1rem;
		padding-right: 1rem;
		max-width: 100vw;
	}

	.area-basic {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	

}

@media screen and (max-width:1280px){
/* font size 모바일에서 픽셜에서 14로 나누기*/
	.usr-posi-right{
		width: 100vw;
		position: relative;
		padding-left: 1rem;
		margin-left: 0;
	}
}

@media screen and (max-width:1100px){
	:root{
		--font-size-80:2rem;
		--font-size-46:1.5rem;
		--font-size-40:1.45rem;
		--font-size-32:1.4rem;
		--font-size-28:1.35rem;
		--font-size-24:1.25rem;
		--font-size-22:1.2rem;
		--font-size-20:1.1rem;
		--font-size-16:0.9rem;
		--font-size-14:0.78rem;

		/* --menu height */
		--menu-height:4rem;
	}

	.usr-posi-right{
		margin-left: 0;
	}

	.pc{display: none !important;}
	.mo{display:initial !important;}

	.usr-pop-sitemap{
		height: 100%;
		max-height: 100%;
	}

	.usr-sub-top{
		height: 14.26rem;
		margin-bottom: 2.56rem;
	}

	.usr-pop-sitemap > div{
		padding: 2rem 1rem;
	}

	.usr-pop-sitemap .cus-close:after{
		font-size: 2rem;
	}

	.usr-pop-search search .cus-close:after{
		font-size: 2rem;
	}

	.usr-pop-search{
		height: 100%;
		max-height: 100%;
	}

	.usr-pop-search > search{
		padding: 2rem 1rem;
	}



	html,body{
	   overflow-x: hidden;
	}

	footer{
		margin-top: 2rem;
		padding: 2rem 0;
	}

	footer img{
		max-width: 48%;
	}

	footer > div{
		flex-wrap:wrap;
	}

	footer > div > div {
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
		margin-left: 0;
		width: 100%;
		padding: 1rem;
	}

	footer > div > div > div:nth-child(1) {
		flex-direction: column;
		row-gap: 1rem;
	}

	footer > div > div > div:nth-child(2) span{
		margin-left: 0;
	}

	footer > div > div > div:nth-child(2) p{
		line-height: 2em;
	}

	.usr-view-1 .swiper-area{
		height:18rem
	}

	.usr-view-1 .swiper-area .swiper-slide{
		max-width: 40vw;
	}

	.usr-view-1 .cus-detail{
		height: 2.89rem;
	}

	.usr-sec{
		margin-top: 2.56rem;
	}

	.cus-list {
		column-gap: 2% !important;
	}
	.cus-list > li{
		flex:0 1 49% !important;

	}

	.usr-search{
		display: none;
	}

	.cus-search{
		width: 3rem;
		margin-right: 1rem;
		z-index: 1;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.usr-top-search{
		position: fixed;
		width: 100%;
		left: -100vw;
		top: 0;
		background-color: #fff;
		padding-left: 1rem;
		padding-right: 1rem;
		transition: left 0.5s;
	}

	.usr-top-search.on{
		left: 0;
	}

	.usr-top-search form {
		display: flex;
		flex-direction: row;
		width: 100%;
		align-items: center;
		justify-content: space-between;
		column-gap: 0.5rem;
		height: var(--menu-height);
	}

	.usr-top-search form .cl-top-close{
		font-size: 0;
	}

	.usr-top-search form .cl-top-close:after{
		content: '\e5cd';
		font-family: 'Material';
		font-size: 2.5rem;
		font-weight: 400;
	}
	.usr-top-search input{

		width: 100%;
		background: #FFFFFF;
		border-radius: 2.23rem;
		font-size: 16px;
		height: calc(var(--menu-height) - 1rem);
		padding-left: 1rem;
		border:1px solid #ccc;
	}

	.usr-top-search input::placeholder{
		font-size: 0;
	}

	.usr-top-search input:hover{
		content: none;
	}

	.usr-top-search input:focus{
		outline: none;
	}

	.usr-top-search fieldset{
		overflow: hidden;
		position: relative;
		flex-basis: 100%;
	}

	.usr-top-search fieldset button{
		position: absolute;
		right:0;
		top:50%;
		transform: translateY(-50%);
		right:1rem;
	}

	.usr-top-search .cl-search-list{
		height: calc(var(--menu-height) - 1rem);
		width: auto;
	}

	.usr-top-search .cl-search-list img{
		width: calc(var(--menu-height));
	}

	.usr-view-1 .cus-desc{
		margin-top: 0;
	}


	.usr-pop-search search .cus-cont fieldset label:hover{
		box-shadow: 0 0 0 0; 
		color: #222;
	}

	.usr-pop-search search .cus-submit:hover{
		background: #222222;
	}

	.img-zoom{
		pointer-events: none;
	}
}

@media screen and (max-width: 740px) {

	.sec-1 h2{
		margin-bottom: 2rem !important;
	}
	.usr-view-1 .swiper-area .swiper-slide{
		max-width: 65vw;
	}

	.usr-view-1 .swiper-area{
		height:14rem
	}

	.usr-view-2 .cus-cont .cus-img{
		flex-wrap: wrap;
		row-gap: 1rem;
	}

	.usr-view-2 .cus-cont .cus-img > *{
		flex-basis: 100%;
	}

	.usr-view-2 .cus-menu > li{
		flex-direction: column;
	}

	.usr-view-2 .cus-buttons{
		margin-top: 2rem;
	}

	.usr-view-2 h2{
		padding-bottom: 2rem;
	}

	.usr-view-2 .cus-cont{
		margin-top: 2rem;
	}

	.cus-list > li{
		flex:0 1 100% !important;
		width: 100% !important;
	}

	.usr-view-3 h2{
		padding-bottom: 2rem;
	}
	
	.usr-view-3 h2 > date{
		padding-top: 1rem;
	}

	.usr-view-3 .cus-cont{
		margin-top: 2rem;
	}

	.usr-sub-top h1{
		font-size: 2.1rem;
	}

	.usr-view-1 h3{
		line-height: 1.3em;
	}

	.usr-view-2 .cus-menu > li > *:nth-child(1){
		width: 100%;
		height: auto;
	}
	.usr-pop-search search .cus-submit:hover{
		background: #222222;
	}

	footer > div > *:nth-child(1){
		max-width: 37%;
	}

	footer > div {
		align-items: center;
	}

	footer{
		margin-top: 6rem;
	}

	.usr-more{
		margin-top: 2.34rem;
	}

	.usr-view-1 .swiper-area .swiper-slide .img-zoom{
		border-radius: 1rem;
	}

	.usr-view-1 dl.cus-url > dd:before{
		margin-right: 1rem !important;
	}

	main.map .usr-sub-top h1{
		max-width: 13rem;
	}


}