@charset "utf-8";

/*익스플로러 전용 스타일 - explorer css*/

/*폰트 설정 Noto Sans KR*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('Noto Sans Light'), local('Noto Sans Light');
    src: url(../fonts/NotoSans-Light.eot);
    src: url(../fonts/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
        url(../fonts/NotoSans-Light.woff2) format('woff2'),
    url(../fonts/NotoSans-Light.woff) format('woff'),
    url(../fonts/NotoSans-Light.otf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('Noto Sans Regular'), local('Noto Sans Regular');
    src: url(../fonts/NotoSans-Regular.eot);
    src: url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/NotoSans-Regular.woff2) format('woff2'),
    url(../fonts/NotoSans-Regular.woff) format('woff'),
    url(../fonts/NotoSans-Regular.otf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('Noto Sans Medium'), local('Noto Sans Medium');
    src: url(../fonts/NotoSans-Medium.eot);
    src: url(../fonts/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
        url(../fonts/NotoSans-Medium.woff2) format('woff2'),
    url(../fonts/NotoSans-Medium.woff) format('woff'),
    url(../fonts/NotoSans-Medium.otf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans bold'), local('Noto Sans bold'), local('Noto Sans bold');
    src: url(../fonts/NotoSans-Bold.eot);
    src: url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
        url(../fonts/NotoSans-Bold.woff2) format('woff2'),
    url(../fonts/NotoSans-Bold.woff) format('woff'),
    url(../fonts/NotoSans-Bold.otf) format('truetype');
}

html { min-width: 360px; } /*font-size:62.5%;*/
body { font-family: 'Noto Sans','돋움', dotum, arial;  font-weight: 400; letter-spacing:-0.4px; background:#f5f6f7; border-collapse:collapse; }
/*font-size: 62.5%로 하는 이유 : 브라우저 기본값이 16px이므로, 16 x 62.5% = 10px, 나중에 em 적용시 em과 px가 동일하게 대응된다. 1.6em = 16px 이 되므로 사용이 편하다!  */
/*em 사용 시 li li 이렇게 중복되는 il의 경우 두번째 il의 폰트 사이즈가 달라질 수 있음에 주의해야함. em은 부모의 사이즈 값을 상속받으므로. 만약 html고정 사이즈로 하려면 html에 폰트사이즈 지정 후 사이즈를 rem(root em)으로 사용하자.*/
/*참조 : https://samsike.tistory.com/81*/

.container { max-width:768px; margin:0 auto; position:relative;  }

/*#wrapper { max-width:768px; margin:0 auto; overflow:auto; -webkit-overflow-scrolling: touch; position:relative; }*/

#sub_button { width:100%; height: 70px; background:#3f51b5; }

#sub_button1 { width:33.3%; height: 70px; float: left; text-align: center; border-right: 1px solid rgba(255,255,255,0.2); box-sizing:border-box; }
#sub_button2 { width:33.3%; height: 70px; float: left; text-align: center; border-right: 1px solid rgba(255,255,255,0.2); box-sizing:border-box; }
#sub_button3 { width:33.3%; height: 70px; float: left; text-align: center;  } /*border-right: 1px solid rgba(255,255,255,0.2); box-sizing:border-box;*/

#sub_button1 p { color: #fff; font-size: 24px; font-weight: bold; line-height: 70px; }
#sub_button2 p { color: #fff; font-size: 24px; font-weight: bold; line-height: 70px; }
#sub_button3 p { color: #fff; font-size: 24px; font-weight: bold; line-height: 70px; }

#sub_button1 p:hover { color:#f4ec08; }
#sub_button2 p:hover { color:#f4ec08; }
#sub_button3 p:hover { color:#f4ec08; }

/*메인비주얼 슬라이더*/
#mv { width:100%; background:#eee; overflow:hidden; font-size:24px; position:relative; } 
/*#mv .wrap { }
#mv .wrap .content img { width:100%; height:100%; }*/

/*메인비주얼 슬라이더 Swiper style*/
.swiper-container { max-width: 768px; margin-left: auto; margin-right: auto;  } /*height: 960px; */
.swiper-slide { position: relative; /* 1:1 ratio */ overflow: hidden;  /*padding-top: 100%;는 높이값을 너비값 연동되도록 해준다, 상단 여백문제로 padding-top: 100%; 미사용.*/
text-align: center; font-size: 18px; background: #fcfcfc; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;    
} /*브라우저 사이즈 줄일 경우 슬라이더 박스 작아지면서 블릿버튼 위치 고정시키기 위한 핵심은 padding-top:100%이다. 나머지는 없어도 작동함*/

/*슬라이더 3종*/
.mv1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;	background-image:url(../img/01-mv-1.jpg);  padding-top: 125%;}  /*padding-top:100%는 자동으로 높이값을 계산해주기 위한 것으로 100%는 width대비 정사각형으로 연산됨. 768픽셀대비 퍼센트를 계산했을 경우 125%가 된다.*/
.mv2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;	background-image:url(../img/01-mv-2.jpg);  padding-top: 125%; }
.mv3 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto;	background-image:url(../img/01-mv-3.jpg);  padding-top: 125%;}

#mv #motion_box_btn { visibility: visible; } /*visibility:hidden*/
#mv #motion_box_btn .box .btn a:hover { background:#eb493d; color:#fff; }

/*================================ Media Query  시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	.swiper-container { max-width:100%; }
	.swiper-slide { background-size:cover; background-repeat:no-repeat; } /*contain*/
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { position:absolute; bottom:350px; }
}
/*메인비주얼 슬라이더 Swiper style 종료*/
/*================================ Media Query  종료================================*/

/*메인비주얼 모션 박스 버튼 css (NO Animation 버전) 시작 */
#motion_box_btn { width: 640px; height: 90px; background: rgba(0,0,0,0.1); position: relative; margin: 0 auto; position:absolute; bottom:60px; left:50%; margin-left:-320px; z-index:999;}
#motion_box_btn .box { width: 100%; height: 100%;}
#motion_box_btn .box .btn a { 
width: 628px; height: 78px; 
position: absolute; top: 0; left: 0; 
margin: 6px; 
background-size: cover; background-repeat: no-repeat; background-position: center center; background:rgba(255,255,255,1); 
font-size:24px;
color:#eb493d;
line-height:78px;
text-align:center;
letter-spacing:-1px;
font-weight: 600;
} /*메인비주얼 모션 박스 버튼 css (NO Animation 버전) 종료 */
#motion_box_btn .box .btn a em { font-weight:300; }

/*메인비주얼 모션 박스 버튼 css (Animation 버전) 시작 */
#motion_box_btn_ani { width: 640px; height: 90px; background: rgba(0,0,0,0.1); position: relative; margin: 0 auto; position:absolute; bottom:100px; left:50%; margin-left:-320px; z-index:999;}
#motion_box_btn_ani .box { width: 100%; height: 100%;}
#motion_box_btn_ani .box .line-01 { width: 70px; height: 6px; background: #eb493d; position: absolute; top: 0; left: 0;
    -webkit-animation-name: ani;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-name: ani;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
@keyframes ani {
    0% {width: 70px; height: 6px; top: 0px; left: 0px;} /*left값 : 처음에 좌측이므로 0px에 위치*/
    12.4% {width: 70px; height: 6px; top: 0px; left: 570px;} /*left값 : 300-70=230  --->  640-70=570  (640은 회전을 포함한 공간을 포함한 전체 너비이며, bobonBox에서는 628px로 변경함. 그래야 회전모션이 묻히지 않음)*/
    24.8% {width: 6px; height: 70px; top: 0px; left: 634px;} /*left값 : 300-6=294  ---> 640-6=634  (640은 회전을 포함한 공간을 포함한 전체 너비이며, bobonBox에서는 628px로 변경함. 그래야 회전모션이 묻히지 않음)*/
    37.2% {width: 6px; height: 70px; top: 20px; left: 634px;} /*left값 : 위와 동일, top값 : 250-70=180 ---> 90-70=20 :*/
    49.6% {width: 70px; height: 6px; top: 84px; left: 570px;} /*left값 위와 동일, top값 : 250-6=244 ---> 90-6=84 :*/
    62% {width: 70px; height: 6px; top: 84px; left: 0px;} /*left값 : 후반에 좌측이므로 0px에 위치, top값 : 250-6=244 ---> 90-6=84 :*/
    74.4% {width: 6px; height: 70px; top: 20px; left: 0px;} /*left값 : 후반에 좌측이므로 0px에 위치, top값 : 250-70=180 ---> 90-70=20 :*/
    86.8% {width: 6px; height: 70px; top: 0px; left: 0px;} /*left값 : 후반에 좌측이므로 0px에 위치*/
}
#motion_box_btn_ani .box .line-02 { 
	width: 70px; height: 6px; background: #eb493d; position: absolute; bottom: 0; right: 0;
    -webkit-animation-name: ani-02;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-name: ani-02;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
@keyframes ani-02 {
    0% {width: 70px; height: 6px; bottom: 0px; right: 0px;} /*위와 수치는 동일하나, top이 bottom으로 바뀌고, left가 right로 바뀐다.*/
    12.4% {width: 70px; height: 6px; bottom: 0px; right: 570px;}
    24.8% {width: 6px; height: 70px; bottom: 0px; right: 634px;}
    37.2% {width: 6px; height: 70px; bottom: 20px; right: 634px;}
    49.6% {width: 70px; height: 6px; bottom: 84px; right: 570px;}
    62% {width: 70px; height: 6px; bottom: 84px; right: 0px;}
    74.4% {width: 6px; height: 70px; bottom: 20px; right: 0px;}
    86.8% {width: 6px; height: 70px; bottom: 0px; right: 0px;}
}
#motion_box_btn_ani .box .btn a { 
width: 628px; height: 78px; 
position: absolute; top: 0; left: 0; 
margin: 6px; 
background-size: cover; background-repeat: no-repeat; background-position: center center; background:rgba(255,255,255,1); 
font-size:24px;
color:#eb493d;
line-height:78px;
text-align:center;
letter-spacing:-1px;
font-weight: 600;
} /*메인비주얼 모션 박스 버튼 css (Animation 버전) 종료 */
/*height: 238px --->90px로 수정--->78px로 수정 (모션 영역 빼줌), 결국 12px씩 빼준셈;*/

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:25px; }
	#motion_box_btn { width: 320px; height: 70px; margin-left:-160px; bottom:50px; }
	#motion_box_btn .box .btn a { width: 308px; height: 58px; font-size:16px; line-height:58px; } 
	#motion_box_btn .box .line-01 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; }
	@keyframes ani {
		0% {width: 70px; height: 6px; top: 0px; left: 0px;} /*left값 : 처음에 좌측이므로 0px에 위치*/
		12.4% {width: 70px; height: 6px; top: 0px; left: 250px;} /*left값 : 300-70=230  --->  320-70=250  (640은 회전을 포함한 공간을 포함한 전체 너비이며, bobonBox에서는 628px로 변경함. 그래야 회전모션이 묻히지 않음)*/
		24.8% {width: 6px; height: 70px; top: 0px; left: 314px;} /*left값 : 300-6=294  ---> 320-6=314  (640은 회전을 포함한 공간을 포함한 전체 너비이며, bobonBox에서는 628px로 변경함. 그래야 회전모션이 묻히지 않음)*/
		37.2% {width: 6px; height: 70px; top: 0px; left: 314px;} /*left값 : 위와 동일, top값 : 250-70=180 ---> 70-70=20 :*/
		49.6% {width: 70px; height: 6px; top: 64px; left: 250px;} /*left값 위와 동일, top값 : 250-6=244 ---> 70-6=64 :*/
		62% {width: 70px; height: 6px; top: 64px; left: 0px;} /*left값 : 후반에 좌측이므로 0px에 위치, top값 : 250-6=244 ---> 70-6=64 :*/
		74.4% {width: 6px; height: 70px; top: 0px; left: 0px;} /*left값 : 후반에 좌측이므로 0px에 위치, top값 : 250-70=180 ---> 70-70=0 :*/
		86.8% {width: 6px; height: 70px; top: 0px; left: 0px;} /*left값 : 후반에 좌측이므로 0px에 위치*/
	}
	#motion_box_btn .box .line-02 { -webkit-animation-duration: 1.3s;  animation-duration: 1.3s; }
	@keyframes ani-02 {
		0% {width: 70px; height: 6px; bottom: 0px; right: 0px;} /*위와 수치는 동일하나, top이 bottom으로 바뀌고, left가 right로 바뀐다.*/
		12.4% {width: 70px; height: 6px; bottom: 0px; right: 250px;}
		24.8% {width: 6px; height: 70px; bottom: 0px; right: 314px;}
		37.2% {width: 6px; height: 70px; bottom: 0px; right: 314px;}
		49.6% {width: 70px; height: 6px; bottom: 64px; right: 250px;}
		62% {width: 70px; height: 6px; bottom: 64px; right: 0px;}
		74.4% {width: 6px; height: 70px; bottom: 0px; right: 0px;}
		86.8% {width: 6px; height: 70px; bottom: 0px; right: 0px;}
	}
	/*메인비주얼 모션 박스 버튼 css 종료 */
}
/*================================ Media Query 종료================================*/

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:25px; }
	#motion_box_btn_ani { width: 320px; height: 70px; margin-left:-160px; bottom:50px; }
	#motion_box_btn_ani .box .btn a { width: 308px; height: 58px; font-size:18px; line-height:58px; } 
	#motion_box_btn_ani .box .line-01 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; }
	@keyframes ani {
		0% {width: 70px; height: 6px; top: 0px; left: 0px;} /*left값 : 처음에 좌측이므로 0px에 위치*/
		12.4% {width: 70px; height: 6px; top: 0px; left: 250px;} /*left값 : 300-70=230  --->  320-70=250  (640은 회전을 포함한 공간을 포함한 전체 너비이며, bobonBox에서는 628px로 변경함. 그래야 회전모션이 묻히지 않음)*/
		24.8% {width: 6px; height: 70px; top: 0px; left: 314px;} /*left값 : 300-6=294  ---> 320-6=314  (640은 회전을 포함한 공간을 포함한 전체 너비이며, bobonBox에서는 628px로 변경함. 그래야 회전모션이 묻히지 않음)*/
		37.2% {width: 6px; height: 70px; top: 0px; left: 314px;} /*left값 : 위와 동일, top값 : 250-70=180 ---> 70-70=20 :*/
		49.6% {width: 70px; height: 6px; top: 64px; left: 250px;} /*left값 위와 동일, top값 : 250-6=244 ---> 70-6=64 :*/
		62% {width: 70px; height: 6px; top: 64px; left: 0px;} /*left값 : 후반에 좌측이므로 0px에 위치, top값 : 250-6=244 ---> 70-6=64 :*/
		74.4% {width: 6px; height: 70px; top: 0px; left: 0px;} /*left값 : 후반에 좌측이므로 0px에 위치, top값 : 250-70=180 ---> 70-70=0 :*/
		86.8% {width: 6px; height: 70px; top: 0px; left: 0px;} /*left값 : 후반에 좌측이므로 0px에 위치*/
	}
	#motion_box_btn_ani .box .line-02 { -webkit-animation-duration: 1.3s;  animation-duration: 1.3s; }
	@keyframes ani-02 {
		0% {width: 70px; height: 6px; bottom: 0px; right: 0px;} /*위와 수치는 동일하나, top이 bottom으로 바뀌고, left가 right로 바뀐다.*/
		12.4% {width: 70px; height: 6px; bottom: 0px; right: 250px;}
		24.8% {width: 6px; height: 70px; bottom: 0px; right: 314px;}
		37.2% {width: 6px; height: 70px; bottom: 0px; right: 314px;}
		49.6% {width: 70px; height: 6px; bottom: 64px; right: 250px;}
		62% {width: 70px; height: 6px; bottom: 64px; right: 0px;}
		74.4% {width: 6px; height: 70px; bottom: 0px; right: 0px;}
		86.8% {width: 6px; height: 70px; bottom: 0px; right: 0px;}
	}
	/*메인비주얼 모션 박스 버튼 css 종료 */
}
/*================================ Media Query 종료================================*/

/*메뉴안내 / 비즈니스 소개*/
/*
#business_info { width:100%; background:#eee; overflow:hidden; }  
#business_info .wrap { }
#business_info .wrap .content img { width:100%; height:100%; }
*/

/*메뉴안내 / 비즈니스 소개2 시작*/

#business_info { width:100%; background:#ccc; overflow:hidden; border-collapse:collapse; }  
#business_info .wrap { }
#business_info .wrap .content img { width:100%; height:100%;  }
#business_info_2 { width:100%; background:#fff; overflow:hidden;  } 
#business_info_2 .wrap {  }
#business_info_2 .wrap .box { margin-bottom:24px; }

#business_info_2 .wrap .last { margin-bottom:unset; }
#business_info_2 .wrap .content { background:#fff; padding:60px 40px; font-size:20px; color:#333; }
#business_info_2 .ico { float: left; margin-top: 0px; margin-right: 10px; }
#business_info_2 ul { overflow:hidden; }
#business_info_2 ul > li { margin-bottom:14px; font-size: 22px; }
#business_info_2 ul > li a:hover { color:#3f51b5; }
#business_info_2 .num_txt { color:#4d4d4d; font-size:16px; border:1px solid #b2b2b2; border-radius:5px; padding:0 10px; background:#fff;}
#business_info_2 nav ul {}
#business_info_2 nav ul li { float:left; margin: 0px 10px 0px 0; }
#business_info_2 nav ul li a { display:block; width:116px; height:38px; line-height:38px; font-size:18px; color:#0abe16; border:1px solid #0abe16; background:#fff; border-radius:5px; }
#business_info_2 nav ul li a svg { float:left; margin-top:6px; }
#business_info_2 nav ul li a .btn_name { float:left; }
#business_info_2 nav ul li a:hover .btn_name {  } /*text-decoration:underline; */
#business_info_2 nav ul li a:hover { border:1px solid #646464; background:#646464; color:#fff; }


#business_info_2 nav .mar6 { margin-left:-2px; }
#business_info_2 nav .mar12 { margin-left:-12px; }
#business_info_2 nav .mar15 { margin-left:-2px; }

#business_info_2 .dived_line { width:calc(100% - 72px); margin:0 auto 20px; } /*margin-bottom:20px; */
#business_info_2 strong.onest { color:#2196f3; }
#business_info_2 strong.second { color:#f44336; }

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	
}
/*640 미만*/
@media all and (max-width:640px){ 
	
}
/*500 미만*/
@media all and (max-width:500px) { 
	#business_info_2 .wrap .content { font-size:16px; }
	#business_info_2 nav ul li { width:32%;margin: 0px 1.3% 0px 0; } /*clear:both;  */
	#business_info_2 nav ul li a { float: unset; clear: both; width: 99%; font-size:16px; }
	#business_info_2 .wrap .content { padding:40px 24px; }
	/*#business_info_2 .ico { display:none; }*/
	#business_info_2 .dived_line { width:100%; margin:0 auto 20px; }
	#business_info_2 nav .mar6 { margin-left:-6px; }
	#business_info_2 nav .mar12 { margin-left:-12px; }
	#business_info_2 nav .mar15 { margin-left:-12px; }
	
	#business_info_2 ul > li {font-size: 20px;}
}
/*================================ Media Query 종료================================*/
/*메뉴안내 / 비즈니스 소개2 종료*/

/*매장 내부 안내*/
#place { width:100%; }
#place img { width:100%; }

/* 배너 이미지 시작 */
#bn_box1 { width:100%; }
#bn_box1 img { width:100%; }
#bn_box2 { width:100%; }
#bn_box2 img { width:100%; }
/* 배너 이미지 종료 */

/*쉐프추천메뉴*/
#recommend_menu { width:100%; background:#eee; overflow:hidden; }  
#recommend_menu .wrap { }
#recommend_menu .wrap .content img { width:100%; height:100%; }


/*홍보 동영상*/
#mov { width:100%; background:#eee; overflow:hidden; }  
#mov .wrap { }
#mov .wrap .content img { width:100%; height:100%; }

/*메뉴안내 / 영업안내*/
#story { width:100%; background:#eee; overflow:hidden; }  
#story .mg_top {  }
#story .wrap { }
#story .wrap .content img { width:100%; height:100%; }
#story .content {  }
#story .title_wrap { position:relative; }
#story .title_bg { width:768px; height:768px; background:url(../img/story_service_title_back.png)no-repeat; background-size:cover; } /* pc모드(768픽셀 이상) 에서는 이미지가 고정되어야함. 너비/높이값에 vw적용 시 배경이미지가 계속 커져서 결국 안보이는 문제있어 고정사이즈로 적용 */
#story .title_large_img { width:637px; height:208px; background:url(../img/story_service_title_01.png)no-repeat; background-size:cover; position:absolute; left:8.854166666666667%; top:12.5%; }/*큰글씨*/
#story .title_middle_img { width:428px; height:58px; background:url(../img/story_service_title_02.png)no-repeat; background-size:cover; position:absolute; left:22.65625%; top:44.27083333333333%; }/*작은글씨*/
#story .title_sub_img1 { width:397px; height:349px; background:url(../img/story_service_title_03.png)no-repeat; background-size:cover; position:absolute; left:0%; top:54.42708333333333%; } /*물고기*/
#story .title_sub_img2 { width:233px; height:463px; background:url(../img/story_service_title_04.png)no-repeat; background-size:cover; position:absolute; left:66.66666666666667%; top:39.7%; } /*주방장*/

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	#story .title_bg { width:100vw; height: 100vw; } /*백그라운드와 텍스트이미지 모션의 동일한 사이즈 비율과 위치를 위해 너비/높이값 vw로 적용 */
	#story .title_large_img { width:82.94270833333333vw; height:27.08333333333333vw; }
	#story .title_middle_img { width:55.72916666666667vw; height:7.552083333333333vw; }
	#story .title_sub_img1 { width:51.69270833333333vw; height:45.44270833333333vw; }
	#story .title_sub_img2 { width:30.33854166666667vw; height:60.28645833333333vw; }
}
/*640 미만*/
@media all and (max-width:640px){ 
	
}
/*500 미만*/
@media all and (max-width:500px) { 
	
}
/*================================ Media Query 종료================================*/
/*쿠폰 / 이벤트1 종료*/


/*쿠폰 / 이벤트1*/
#coupon { width:100%; overflow:hidden; }  
#coupon .wrap { padding:64px; /*height:640px; */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#007c36+0,009240+32,009240+100 */
background: #007c36; /* Old browsers */
background: -moz-linear-gradient(top, #007c36 0%, #009240 32%, #009240 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #007c36 0%,#009240 32%,#009240 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #007c36 0%,#009240 32%,#009240 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007c36', endColorstr='#009240',GradientType=0 ); /* IE6-9 */
} /*width:100%; */
/*#coupon .wrap .content img { width:100%; height:100%; }*/
#coupon .wrap .content {   } /*background:red;*/
#coupon .wrap .content h2 { font-size:60px; font-weight:600; color:#FFEB3B; letter-spacing:-1px; line-height:70px; text-shadow:10px 10px 10px rgba(0,0,0,0.2); margin-top:-10px; text-align: center; }
#coupon .wrap .content ul { width: 526px; margin: 17px auto 35px; overflow:hidden; } /*float:right; margin-top:40px; margin-bottom:17px; */
#coupon .wrap .content ul li {  float:left; background:#fff; margin-right:8px; text-align:center; border-radius:28px; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; }
#coupon .wrap .content ul li.last { margin-right:0px; }
#coupon .wrap .content ul li a { display:block; width:170px; line-height:56px; color:#00a651; font-size:26px; } /*padding:14px 40px;*/
#coupon .wrap .content ul li a img { float:left; display:inline-block;  width:24px; height:24px; margin-top:16px; margin-left: 16px; } /*background:red;*/
/*#coupon .wrap .content ul li a i img { width:100%; height:100%; }*/
#coupon .wrap .content ul li a .txt { float:left; margin-left:10px; }
#coupon .wrap .content ul li:hover a {  } /*color:#fff;*/
#coupon .wrap .content ul li:hover  { background:#FFEB3B;  }
#coupon .wrap .content .cupon_info { width:613px; height:280px; background:url(../img/event_cupon_bg_01.png)no-repeat; margin:40px auto 0; clear: both; position:relative; } /*margin-top:17px; 삭제해도되나*/
#coupon .wrap .content .cupon_info .left_num { width:280px; height:200px; position:absolute; top:43px; left:64px; color:#f26522; } /*background:#ccc;*/
#coupon .wrap .content .cupon_info .left_num .num { font-size:180px; font-weight:700; letter-spacing:-15px; color: rgba(245,79,0, 0.8); text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff;} /* Don't show shadows when selecting text */
::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
::selection { background: #5af; color: #fff; text-shadow: none; }
#coupon .wrap .content .cupon_info .left_num .percent { font-size:72px; font-weight:700; margin-left:10px; }
#coupon .wrap .content .cupon_info .right_txt { width:195px; height:195px; position:absolute; right:40px; top:40px; font-size:24px; color:#7d7d7d; }
#coupon .wrap .content .cupon_info .right_txt .subject { margin-top:48px; }
#coupon .wrap .content .cupon_info .right_txt .limit { margin-top:10px; }
#coupon .wrap .content .cupon_info .right_txt .benefit { margin-top:10px; font-size:60px; color:#f26522; font-weight:500; }
#coupon .wrap .content .sub_txt { font-size:30px; font-style:italic; color:#fff; line-height:36px; padding:25px; text-shadow:5px 5px 10px rgba(0,0,0,0.2); }

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	#coupon .wrap .content h2 { font-size: 50px; line-height: 60px; }
	#coupon .wrap .content ul { width:442px; }
	#coupon .wrap .content ul li {  }
	#coupon .wrap .content ul li a { width: 142px; line-height: 56px;  font-size: 20px; }
	#coupon .wrap .content .cupon_info { width: 496px; height:220px; background-size: 100%; }
	#coupon .wrap .content .cupon_info .left_num .num { font-size: 140px; letter-spacing: -10px; }
	#coupon .wrap .content .cupon_info .left_num .percent { font-size:52px; }
	#coupon .wrap .content .cupon_info .right_txt { width:157px; height: 165px; right: 34px; top:45px; font-size: 18px; }
	#coupon .wrap .content .cupon_info .right_txt .subject { margin-top: 30px; }
	#coupon .wrap .content .cupon_info .right_txt .benefit { font-size:40px; }
	#coupon .wrap .content .sub_txt { font-size:26px; line-height: 34px; }
}
/*640 미만*/
@media all and (max-width:640px){ 
	#coupon .wrap .content ul { width:382px; }
	#coupon .wrap { padding: 32px; } /*width: 83.33333%; margin-top: 7.7%; margin-bottom: 7.7%;*/
	#coupon .wrap .content h2 { font-size: 38px; line-height: 46px; margin-top: 14px; }
	#coupon .wrap .content ul li { width: 122px; }
	#coupon .wrap .content ul li a { font-size:18px;  }
	#coupon .wrap .content ul li a .txt { margin-left: 4px; line-height: 46px; }
	#coupon .wrap .content ul li a img { margin-top: 10px; margin-left: 14px; }
	#coupon .wrap .content .cupon_info { width: 422px; height: 190px; }
	#coupon .wrap .content .cupon_info .left_num { width: 190px; height: 138px; top: 32px; left: 64px; }
	#coupon .wrap .content .cupon_info .left_num .num { font-size: 118px; letter-spacing: -6px; }
	#coupon .wrap .content .cupon_info .left_num .percent { font-size: 42px; margin-left: 2px; }
	#coupon .wrap .content .cupon_info .right_txt { width: 142px; height: 150px;right: 22px; top: 21px; font-size: 18px; }
	#coupon .wrap .content .cupon_info .right_txt .subject { margin-top: 28px; }
	#coupon .wrap .content .cupon_info .right_txt .benefit { font-size: 34px; }
	#coupon .wrap .content .sub_txt { font-size:22px; line-height: 30px; padding: 16px; }
}
/*500 미만*/
@media all and (max-width:500px) { 
	#coupon .wrap .content ul { width:100%; margin: 4px auto 0;}
	#coupon .wrap .content ul li { width: 100%; margin-bottom: 6px; margin-right: 0px; }
	#coupon .wrap .content .cupon_info { width: 100%; height: 198px; overflow:hidden;  background-image: none; } /*height: 253px; border-radius: 25px; */
	#coupon .wrap .content .cupon_info .left_num { width: 100%; height: 118px; position: static; background: white; overflow: hidden; text-align: center; border-radius: 25px 25px 0 0; } /*top: 32px; left: 64px; */
	#coupon .wrap .content .cupon_info .left_num .num { font-size: 102px; letter-spacing: -6px; }
	#coupon .wrap .content .cupon_info .left_num .percent { font-size: 40px;  }
	#coupon .wrap .content .cupon_info .right_txt { width: 100%; height: 80px; background: #fff; position: static; clear: both; margin-top: -30px; border-radius: 0 0 25px 25px; } /* overflow: hidden; */
	#coupon .wrap .content .cupon_info .right_txt .subject { border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; padding: 10px 0; text-align: center;} /* margin-top: 28px; */ /* margin-left: 10px; */
	#coupon .wrap .content .cupon_info .right_txt .limit { text-align: center; } /*margin-top: 10px; *//* margin-left: 10px; padding: 10px 0; */
	#coupon .wrap .content .cupon_info .right_txt .benefit { font-size: 24px; margin-left: 10px; position: absolute; top: 26px; left: 58%; } /*display:none;*/
	#coupon .wrap .content .sub_txt { font-size: 18px; line-height: 24px; margin: 18px 0px; padding:0px; }
}
/*================================ Media Query 종료================================*/
/*쿠폰 / 이벤트1 종료*/


/*쿠폰 / 이벤트2 시작*/
#coupon2 { width:100%; overflow:hidden; }
#coupon2 .wrap { background:#252c3f; padding:64px; } /*height:768px; */
#coupon2 h2 { font-size:36px; color:#c6ff00; text-align:center; letter-spacing:-0.5px; font-weight:500; }
#coupon2 .created_date { font-size:24px; color:#fff; text-align:center; margin-top:52px;}
#coupon2 .coupon_paper { width:460px; height:207px; margin:57px auto 0; }
#coupon2 .coupon_paper .left { float:left; width:323px; background:#fff; height:100%; padding-left:28px; border-radius:10px 10px 10px 10px; box-shadow:10px 10px 10px rgba(0,0,0,0.15);}
#coupon2 .coupon_paper .left strong { display:inline-block; font-size:82px; font-weight:700; letter-spacing:-3px; margin:14px 0 0 0px; color: #3f51b5;}
#coupon2 .coupon_paper .left .won { color:#3f51b5; font-size:48px; }
/*#coupon2 .coupon_paper .left .dot { font-size:50px; letter-spacing:-3px; }*/
#coupon2 .coupon_paper .left h3 { color:#ff5722; font-size:24px; margin-top:16px; font-weight:500; }
#coupon2 .coupon_paper .left .rule { color:#717171; font-size:16px; margin-top:12px; }
#coupon2 .coupon_paper .right { float:left; width:109px; background:#3f51b5; height:100%; border-radius:10px; 0 0 10px; box-shadow:10px 10px 10px rgba(0,0,0,0.15); }
#coupon2 .coupon_paper .barcode { display:block; width:55px; height:100px; margin:54px auto; }
#coupon2 .remains_coupon { color:#fff; font-size:24px; text-align:center; margin-top:44px; font-weight:500; }
#coupon2 .remains_coupon .num { color:#c6ff00; font-weight:600;  }
#coupon2 .remains_coupon .jang { font-weight:400; }
#coupon2 a { display:block; width:460px; height:100px; line-height:97px; font-size:34px; font-weight:600; color:#fff; margin:45px auto 0; text-align:center; border-radius:10px; background:#f44336; }
#coupon2 a em { color:#c6ff00; }
#coupon2 a img { width:26px; height:26px; margin-right:6px; }
#coupon2 a:hover { background: #009688; }

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	/*#coupon .wrap .content h2 { font-size: 40px; }*/ /* line-height: 60px;*/
	#coupon2 h2 { font-size:32px; }
	#coupon2 .created_date {font-size: 20px; }
	#coupon2 .coupon_paper .left strong { font-size: 72px; }
	#coupon2 .remains_coupon { font-size: 22px; }
	#coupon2 a { font-size: 22px; }
	#coupon2 a img { width: 24px; }
}
/*640 미만*/
@media all and (max-width:640px){ 
    #coupon2 .content { padding: 30px 0; }
	#coupon2 .created_date { margin-top: 30px; }
	#coupon2 .wrap { padding: 32px; }
}
/*500 미만*/
@media all and (max-width:500px) { 
	#coupon2 .wrap {  } /*padding:6.4%;*/
	#coupon2 h2 {font-size: 30px; }
	#coupon2 .created_date { font-size: 18px; }
	#coupon2 .coupon_paper { width:100%; margin: 30px auto 0; height: 156px; } /**/	
	#coupon2 .coupon_paper .left { width:66.2%; height: 100px; padding-left:5.6%;  padding-bottom: 34px; }
	#coupon2 .coupon_paper .left strong { font-size: 38px; }
	#coupon2 .coupon_paper .left .dot { font-size: 32px;  }
	#coupon2 .coupon_paper .left .won { font-size: 34px; }
	#coupon2 .coupon_paper .left h3 { font-size:18px; }
	#coupon2 .coupon_paper .left .rule { font-size: 13px; }
	#coupon2 .coupon_paper .right { width:28.2%; height:135px; }
	#coupon2 .coupon_paper .barcode { margin:18px auto; }
	#coupon2 .remains_coupon { margin-top: 0px; }
	#coupon2 a { width: 100%; margin: 25px auto 0; height: 60px; line-height: 60px; font-size:20px;}
	#coupon2 a img { width:20px; height:20px; }
}
/*================================ Media Query 종료================================*/
/*쿠폰 / 이벤트2 종료*/



/*무료 전화상담 원안 (이미지)*/
/*
#inquery { width:100%; background:#eee; overflow:hidden; }  
#inquery .wrap { }
#inquery .wrap .content img { width:100%; height:100%; }
*/

/*예약상담 무료전화 2 시작*/
#inquery_2 { width:100%; background:#fff; overflow:hidden; position: relative;}  
#inquery_2 .wrap { width:640px; background:#fff; border:3px solid rgba(0,0,0,0.1); margin:64px auto; } /*height:640px; */
#inquery_2 .wrap .content { padding: 64px 64px 0 64px;  } /*background:#eee;*/
#inquery_2 .wrap .content h2 { font-size:60px; font-weight: 600; letter-spacing:-0.1em; color:#555; }
#inquery_2 .wrap .content h2 span {display:inline-block; } /*display:inline-block; margin-top:20px;*/
#inquery_2 .wrap .content img { display:inline-block; width:66px; height:66px; margin-top:-10px; margin-right:5px; }
#inquery_2 .wrap .content p { margin-top:35px; text-align:center; font-size:24px; color: #4d4d4d; }
#inquery_2 .wrap .content { text-align:center; }
#inquery_2 .wrap .content form {    }
#inquery_2 .free_phone { width:80%; padding:10%;  } /*height:200px; background:#eee;  */

#inquery_2 .wrap .content form .phoneNumWrap { width:214px;  }
#inquery_2 form .phoneFirst { float:left; background:#fff; background-image:url(../img/bullet_select_v.png); background-repeat:no-repeat; background-position:90% 50%; 
width:132px; height:68px; border:1px solid #bdbdbd; font-size:36px; color:#4b4b4b; padding-left:10px;}
#inquery_2 form .phoneNum { float:left; width:125px; height:64px; line-height:64px; background:#fff; color:#4b4b4b; padding-left:10px; border:1px solid #bdbdbd; font-size:36px;
box-shadow:4px 4px 4px rgba(0,0,0,0.1) inset;} /**/

form .phoneNumWrap2 { width:calc(100% - 28px); padding:10px; height:40px; line-height:40px; background:#fff; border:2px solid #ccc; font-size: 44px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease;}
form .phoneNumWrap2:hover { border:2px solid #029967; color: #029967; font-size: 44px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease; }


#inquery_2 form input.chkBox1 { float:left; background:blue; border:1px solid #blue; }
#inquery_2 form select.phoneFirst { box-shadow:4px 4px 4px rgba(0,0,0,0.1) inset; -webkit-appearance:none; -moz-appearance:none; appearance:none; } /*셀렉트 박스에 드롭다운 버튼 숨기기 *//* -ms-appearance:none;*/
#inquery_2 form select.phoneFirst:hover, #freeCounselMessage form .phoneNum:hover, #freeCounselMessage form input.chkBox1 { border:1px solid #bdbdbd; }
#inquery_2 form select::-ms-expend { display:none; } /*셀렉트 박스에 드롭다운 버튼 숨기기 (ie 안되는 문제 해결용 별도로 입력)*/
#inquery_2 form .phoneNumWrap span { float:left; margin:19px; color:#9b9b9b; font-size:30px; font-weight:bold; }
.agreeChk { width:100%; float:left; margin-top:26px; font-weight:400; color:#616060; letter-spacing:-1.4px; line-height:12px; }
input[id="cb2"] + label { display: inline-block; width: 30px; height: 30px; background-color: #fff; border: 3px solid #acacac; float: left; } /*margin-left: 31px;*/
input[id="cb2"]:checked + label { background-image:url(../img/btn_checkbox1_on.png); }
input[id="cb2"] { display: none; }
#inquery_2 form .infoTxt { width: 250px; font-size:24px; line-height:32px; float:left;margin-left: 40px; } /*margin-top:2px; */
#inquery_2 form .agreeChk  a { display: block; color: #616060; text-decoration: underline; float: right; font-weight: normal; letter-spacing: -0.2px; margin-top: 13px; font-size: 24px;  }
#inquery_2 form .agreeChk  a:hover { color:#028f5e; }

#inquery_2 form .submitBtn { clear:both; margin-top:22px; overflow:hidden; }
#inquery_2 form .submitBtn a { display: block; background-image: url(../img/btn_request_bg.png); font-size:36px; text-align: center; 
width: calc(100% - 2px); height: 64px; line-height: 64px; color: #fff; font-weight: 500; text-shadow: 0px 0px 3px rgba(0,0,5,0.3); margin-top: 36px; } /*margin-left: 31px; */
#inquery_2 form .submitBtn a:hover { color:#fff93b; }

#inquery_2 form .submitBtn2 { clear:both; margin-top:22px; overflow:hidden; }
#inquery_2 form .submitBtn2 a { display: block; background:#db2f2d; font-size:28px; text-align: center; 
width: calc(100% - 2px); height: 64px; line-height: 64px; color: #fff; font-weight: 500; margin-top: 36px; } /*margin-left: 31px; */
#inquery_2 form .submitBtn2 a:hover { color:#fff93b; }

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	#inquery_2 {  }
	#inquery_2 .wrap {  width:83.33333%; margin-top:7.7%; margin-bottom:7.7%; } /*width: 640나누기768=0.833333.. x 100 = 83.3333...%,  margin-top:768나누기 64=12%*/
	#inquery_2 .free_phone { width:4	15px; margin:40px auto; padding:0; }	/*width:71%;*/
	#inquery_2 .wrap .content img { width:56px; height:56px; }
	#inquery_2 .wrap .content h2 { font-size:46px; }
	#inquery_2 .wrap .content p { font-size: 18px; }
	#inquery_2 form .phoneFirst { width:109px; font-size: 32px; }
	#inquery_2 form .phoneNumWrap span { margin: 10px; }
	#inquery_2 form .phoneNum { width:109px; font-size: 32px; }
	#inquery_2 form .infoTxt { font-size:20px; line-height:32px; }
	#inquery_2 form .agreeChk { } /*width:94%; width:415px; */
	#inquery_2 form .agreeChk a { font-size:20px; } /*margin-top: 10px; */
	#inquery_2 form .submitBtn a { font-size:30px; } /*width:415px; */

	form .phoneNumWrap2 { height: 32px; line-height: 32px; font-size: 32px; }
	form .phoneNumWrap2:hover { font-size: 34px; }
}
/*640 미만*/
@media all and (max-width:640px){ 
	#inquery_2 {  }
	#inquery_2 .wrap {    }
	#inquery_2 .wrap .content h2 { font-size:32px; }
	#inquery_2 .wrap .content img { width:42px; height:42px; }
	#inquery_2 .wrap .content p { font-size:18px; }
	#inquery_2 .free_phone { width:340px; }
	#inquery_2 form .phoneFirst { width:88px; height:52px; font-size:24px; background-image:url(../img/bullet_select_v2.png); }
	#inquery_2 form .phoneNum { width:82px; height:48px; font-size:24px; }
	input[id="cb2"] + label { width:24px; height:24px;  }
	input[id="cb2"]:checked + label { width:24px; height:24px; background-image:url(../img/btn_checkbox1_on2.png); }
	#inquery_2 form .infoTxt { font-size:18px;margin-left:32px; line-height: 25px; }
	#inquery_2 form .agreeChk { width:342px; }
	#inquery_2 form .agreeChk a { font-size:18px; margin-top: 10px; }
	#inquery_2 form .submitBtn a { width:340px; font-size:24px; }

	form .phoneNumWrap2 { height: 30px; line-height: 30px; font-size: 28px; }
	form .phoneNumWrap2:hover { font-size: 30px; }
}
/*500 미만*/
@media all and (max-width:500px) { 
	#inquery_2 .wrap .content { padding: 42px 24px 0 24px; }
	#inquery_2 .wrap .content h2 { font-size: 28px; }
	#inquery_2 .wrap .content img { width: 38px; height: 38px; }
	#inquery_2 .wrap .content p { font-size: 16px; }
	#inquery_2 .free_phone { width:256px; margin: 26px auto; margin-bottom: 42px; }
	#inquery_2 form .phoneFirst { width: 74px; height: 42px; font-size: 20px; }
	#inquery_2 form .phoneNumWrap span { margin:4px; }
	#inquery_2 form .phoneNum { width: 43px; height: 37px; font-size: 20px; }
	#inquery_2 form .agreeChk { width:258px; margin-top: 24px; clear:both; }
	input[id="cb2"] + label { width: 18px; height: 18px; }
	input[id="cb2"]:checked + label { width:18px; height:18px; background-image:url(../img/btn_checkbox1_on3.png);}
	#inquery_2 form .infoTxt { font-size: 14px; margin-left: 24px; line-height:18px; }
	#inquery_2 form .agreeChk a { font-size: 14px; line-height: 3px; margin-top:11px;}
	#inquery_2 form .submitBtn { margin-top:22px; }
	#inquery_2 form .submitBtn a { width: 256px; font-size: 20px; height: 46px; line-height: 46px; }

	form .phoneNumWrap2 { height: 20px; line-height: 20px; font-size: 22px; }
	form .phoneNumWrap2:hover { font-size: 24px; }
}
/*================================ Media Query 종료================================*/
/*예약상담 무료전화 2 종료*/




/*예약상담 무료전화 3 시작*/
#inquery_3 { width:100%; background:#fff; overflow:hidden; position: relative;}  
#inquery_3 .wrap { width:640px; background:#fff; border:3px solid rgba(229,229,229,1); margin:64px auto; } /*height:640px; */
#inquery_3 .content { text-align:center; } /**/

#inquery_3 .tit_box { background:#252c3f; height:100px; line-height:94px;  } /*padding: 24px 0 24px 0;*/
#inquery_3 .tit_box em { font-weight:200; }

#inquery_3 h2 { font-size:42px; font-weight: 600; letter-spacing:-1px; color:#fff; }
#inquery_3 h2 span {display:inline-block; } /*display:inline-block; margin-top:20px;*/
#inquery_3 img { display:inline-block; width:66px; height:66px; margin-top:-10px; margin-right:6px; }
#inquery_3 p { text-align:center; font-size:30px; color:#3f51b5; font-weight:300; } /*margin-top:35px;*/
#inquery_3 p.benefit { margin-top:46px; }
#inquery_3 p em { font-weight:600; }
#inquery_3 .free_phone { width:80%; margin:40px auto 60px; } /*height:200px; background:#eee;  */ /*padding:10%; */
#inquery_3 p.info_txt { text-align:left; font-size:18px; color:#4d4d4d; }

#inquery_3 .wrap .content form .phoneNumWrap { width:214px;  }
#inquery_3 form .phoneFirst { float:left; background:#fff; background-image:url(../img/bullet_select_v.png); background-repeat:no-repeat; background-position:90% 50%; 
width:132px; height:68px; border:1px solid #bdbdbd; font-size:36px; color:#4b4b4b; padding-left:10px;}
#inquery_3 form .phoneNum { float:left; width:125px; height:64px; line-height:64px; background:#fff; color:#4b4b4b; padding-left:10px; border:1px solid #bdbdbd; font-size:36px;
box-shadow:4px 4px 4px rgba(0,0,0,0.1) inset;} /**/

form .phoneNumWrap2 { width:calc(100% - 28px); padding:10px; height:40px; line-height:40px; background:#fff; border:3px solid #acacac; font-size: 42px; font-weight: 700; color:#343434; 
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease; box-shadow: 5px 5px 5px rgba(0,0,0,0.1) inset;}
form .phoneNumWrap2:hover { border:3px solid #acacac; color: #343434; font-size: 44px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; transition: all 0.5s ease; }

#inquery_3 form input.chkBox1 { float:left; background:blue; border:1px solid #blue; }
#inquery_3 form select.phoneFirst { box-shadow:4px 4px 4px rgba(0,0,0,0.1) inset; -webkit-appearance:none; -moz-appearance:none; appearance:none; } /*셀렉트 박스에 드롭다운 버튼 숨기기 *//* -ms-appearance:none;*/
#inquery_3 form select.phoneFirst:hover, #freeCounselMessage form .phoneNum:hover, #freeCounselMessage form input.chkBox1 { border:1px solid #bdbdbd; }
#inquery_3 form select::-ms-expend { display:none; } /*셀렉트 박스에 드롭다운 버튼 숨기기 (ie 안되는 문제 해결용 별도로 입력)*/
#inquery_3 form .phoneNumWrap span { float:left; margin:19px; color:#9b9b9b; font-size:30px; font-weight:bold; }
.agreeChk { width:100%; float:left; margin-top:26px; font-weight:400; color:#616060; letter-spacing:-1.4px; line-height:12px; }
input[id="cb2"] + label { display: inline-block; width: 30px; height: 30px; background-color: #fff; border: 3px solid #acacac; float: left; } /*margin-left: 31px;*/
input[id="cb2"]:checked + label { background-image:url(../img/btn_checkbox1_on.png); }
input[id="cb2"] { display: none; }
#inquery_3 form .infoTxt { width: 250px; font-size:24px; line-height:32px; float:left;margin-left: 40px; color:#616060; } /*margin-top:2px; */
#inquery_3 form .info_txt2 { margin-top:16px; color:#616060; }
#inquery_3 form .info_txt2::before { content:'*'; }
#inquery_3 form .agreeChk  a { display: block; color: #616060; text-decoration: underline; float: right; font-weight: normal; letter-spacing: -0.2px; margin-top: 13px; font-size: 24px;  }
#inquery_3 form .agreeChk  a:hover { color:#028f5e; }

#inquery_3 form .submitBtn { clear:both; margin-top:22px; overflow:hidden; }
#inquery_3 form .submitBtn a { display: block; background-image: url(../img/btn_request_bg.png); font-size:36px; text-align: center; 
width: calc(100% - 2px); height: 64px; line-height: 64px; color: #fff; font-weight: 500; text-shadow: 0px 0px 3px rgba(0,0,5,0.3); margin-top: 36px; } /*margin-left: 31px; */
#inquery_3 form .submitBtn a:hover { color:#fff93b; }

#inquery_3 form .submitBtn2 { clear:both; margin-top:22px; overflow:hidden; }
#inquery_3 form .submitBtn2 a { display: block; background:#3f51b5; font-size:28px; text-align: center; 
width: calc(100% - 2px); height: 64px; line-height: 64px; color: #fff; font-weight: 500; margin-top: 36px; } /*margin-left: 31px; */
#inquery_3 form .submitBtn2 a:hover { color:#fff93b; }

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	#inquery_3 {  }
	#inquery_3 .tit_box { height:80px; line-height:70px; }
	#inquery_3 h2 span {font-size: 38px; }
	#inquery_3 p.benefit { margin-top: 36px; }
	#inquery_3 .wrap {  width:83.33333%; margin-top:7.7%; margin-bottom:7.7%; } /*width: 640나누기768=0.833333.. x 100 = 83.3333...%,  margin-top:768나누기 64=12%*/
	#inquery_3 .free_phone { width:4	15px; margin:40px auto 54px; padding:0; }	/*width:71%;*/
	#inquery_3 .wrap .content img { width:56px; height:56px; }
	#inquery_3 .wrap .content h2 { font-size:46px; }
	#inquery_3 .wrap .content p { font-size: 30px; }
	#inquery_3 form .phoneFirst { width:109px; font-size: 32px; }
	#inquery_3 form .phoneNumWrap span { margin: 10px; }
	#inquery_3 form .phoneNum { width:109px; font-size: 32px; }
	#inquery_3 form .infoTxt { font-size:20px; line-height:32px; margin-left:12px; }
	#inquery_3 form .agreeChk { } /*width:94%; width:415px; */
	#inquery_3 form .agreeChk a { font-size:20px; } /*margin-top: 10px; */
	#inquery_3 form .submitBtn a { font-size:30px; } /*width:415px; */

	form .phoneNumWrap2 { height: 32px; line-height: 32px; font-size: 32px; }
	form .phoneNumWrap2:hover { font-size: 34px; }
}
/*640 미만*/
@media all and (max-width:640px){ 
	#inquery_3 .wrap .content img { width:54px; height:54px; }
	#inquery_3 h2 span { font-size: 32px; }
	#inquery_3 .tit_box { height: 80px; line-height: 63px; }
	#inquery_3 .wrap .content p { font-size:24px; }
	#inquery_3 .free_phone { width:340px; }
	#inquery_3 form .phoneFirst { width:88px; height:52px; font-size:24px; background-image:url(../img/bullet_select_v2.png); }
	#inquery_3 form .phoneNum { width:82px; height:48px; font-size:24px; }
	input[id="cb2"] + label { width:24px; height:24px;  }
	input[id="cb2"]:checked + label { width:24px; height:24px; background-image:url(../img/btn_checkbox1_on2.png); }
	#inquery_3 form .infoTxt { font-size:18px;margin-left:-8px; line-height: 25px; }
	#inquery_3 form .info_txt2 { font-size:14px; font-weight:300; }
	#inquery_3 form .agreeChk { width:342px; }
	#inquery_3 form .agreeChk a { font-size:18px; margin-top: 10px; }
	#inquery_3 form .submitBtn a { width:340px; font-size:24px; }

	form .phoneNumWrap2 { height: 30px; line-height: 30px; font-size: 28px; }
	form .phoneNumWrap2:hover { font-size: 30px; }
}
/*500 미만*/
@media all and (max-width:500px) { 
	#inquery_3 .wrap .content { } /*padding: 42px 24px 0 24px; */
	#inquery_3 .tit_box { height: 60px; line-height: 60px; }
	#inquery_3 h2 span { font-size: 24px; }
	#inquery_3 .wrap .content h2 { font-size: 24px; }
	#inquery_3 .wrap .content img { width: 46px; height: 46px; margin-right: 2px; }
	#inquery_3 .wrap .content p { font-size: 18px; }
	#inquery_3 p.benefit { margin-top: 30px; }
	#inquery_3 .free_phone { width:90%; margin: 26px auto ; margin-bottom: 42px; }
	#inquery_3 form p { margin-top:18px; }
	#inquery_3 form .phoneFirst { width: 74px; height: 42px; font-size: 20px; }
	#inquery_3 form .phoneNumWrap span { margin:4px; }
	#inquery_3 form .phoneNum { width: 43px; height: 37px; font-size: 20px; }
	#inquery_3 form .agreeChk { width:98%; margin-top: 2px; clear:both; }
	input[id="cb2"] + label { width: 18px; height: 18px; }
	input[id="cb2"]:checked + label { width:18px; height:18px; background-image:url(../img/btn_checkbox1_on3.png);}
	#inquery_3 form .infoTxt { font-size: 14px; margin-left: -35px; line-height:18px; }
	#inquery_3 form .info_txt2 { font-size:12px; margin-top:16px; }
	#inquery_3 form .agreeChk a { font-size: 14px; line-height: 3px; margin-top:11px;}
	#inquery_3 form .submitBtn { margin-top:22px; }
	#inquery_3 form .submitBtn a { width: 256px; font-size: 20px; height: 46px; line-height: 46px; }
	#inquery_3 form .submitBtn2 a { font-size: 20px; height: 46px; line-height: 46px; margin-top:20px; } /*width: 100%;*/

	form .phoneNumWrap2 { height: 24px; line-height: 24px; font-size: 22px; }
	form .phoneNumWrap2:hover { font-size: 24px; }
}
/*================================ Media Query 종료================================*/
/*예약상담 무료전화 3 종료*/






/* 공지사항 스와이퍼 슬라이더 세로형 스타일 시작 */
#notice { width:100%; background:#eee; overflow:hidden; position:relative; color:#fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e2e19+0,23361d+15,2d4625+28,23361d+50,1e2e19+100 */
background: #1e2e19; /* Old browsers */
background: -moz-linear-gradient(left,  #1e2e19 0%, #23361d 15%, #2d4625 28%, #23361d 50%, #1e2e19 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1e2e19 0%,#23361d 15%,#2d4625 28%,#23361d 50%,#1e2e19 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1e2e19 0%,#23361d 15%,#2d4625 28%,#23361d 50%,#1e2e19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e2e19', endColorstr='#1e2e19',GradientType=1 ); /* IE6-9 */
}  

#notice .content { width:100%; margin:0 auto; position:relative;}
/*#notice .content img {width:37px; height:37px; position: absolute; top: 13px; left: 15px;  } */
#notice .content .swiper-slide span { float:left; line-height:64px; font-size:28px; color:#ff0; }
/*#notice .content a.more .txt { float:right; display:inline-block; width:80px; height:37px; line-height:33px; font-size:24px; color:#fff; margin-top: 12px; border:2px solid #fff; border-radius:5px; padding-left:8px; position:relative; background:url(../img/svg/ico_more.svg)no-repeat 95% 50%; background-size:14px;  }
#notice .content a.more .txt:hover { border:2px solid #ff0; }
#notice .content a.more_mobile .txt { float:right; display:inline-block; width:37px; height:37px; margin-top: 12px; border:2px solid #fff; border-radius:5px; position:relative; background:url(../img/svg/ico_more.svg)no-repeat 50% 50%; background-size:24px; display:none; } 
#notice .content a.more_mobile .txt:hover { border:2px solid #ff0; }
#notice .content a span.plus_ico img { position:absolute; top:-1px; right:-2px; width:14px; height:14px; }*/

#notice .swiper-notice { max-width: 768px; height: 64px; overflow:hidden; }
#notice .swiper-slide { text-align: center; font-size: 22px; font-weight: 500; color: #c6ff00;/*background: #fff;*/ background: #333; }
/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	#notice .wrap .content {  }
	/*#notice .wrap .content span { font-size:22px; }*/
	#notice .wrap .content a.more .txt { font-size: 20px; width: 70px; }
}
/*640 미만*/
@media all and (max-width:640px){ 	
	/*#notice .wrap .content span { font-size:20px; }*/
	/*#notice .wrap .content a { width: 66px; font-size: 18px; padding-left: 5px; }*/
	/*#notice .wrap .content a span.plus_ico img { right:-3px; }*/
	/*#notice .wrap .content a.more .txt { font-size: 18px; width: 65px; padding-left: 6px; }*/
	/*#notice .wrap .content a.more .txt { display:none; }
	#notice .wrap .content a.more_mobile .txt { display:block; }*/
	#notice .swiper-slide { font-size:16px; }
	#notice .content .swiper-slide span { line-height:50px; }
	#notice .swiper-notice { height: 50px; }
}
/*500 미만*/
@media all and (max-width:500px) { 
	/*#notice .wrap .content > img { display:none; }*/
	/*#notice .wrap .content span { font-size:16px;  }*/
	/*#notice .wrap .content a.more_mobile .txt { width: 30px; height: 30px; background-size: 21px; border:none; margin-right: -16px; margin-top: 16px; }
    #notice .wrap .content a.more_mobile .txt:hover { color:#ff0; border:none; }*/
	#notice .swiper-slide { font-size:22px; }
}
/*================================ Media Query 종료================================*/

/* 공지사항 스와이퍼 슬라이더 세로형 스타일 시작 */



/*포토갤러리 A타입*/
#photogallery_type_a { width:100%; background:#eee; overflow:hidden; }  
#photogallery_type_a .wrap { }
#photogallery_type_a h2 { background:#fff; height:80px; line-height:72px; position:relative; }
#photogallery_type_a h2 .tit { width:214px; height:34px; margin:0 auto; color:#5f5f5f; font-size:24px;  } /*background:gray; text-align:center;*/
/*#photogallery_type_a h2 .tit::before { content:"";  background:red; display:block; width:30px; height:30px; position:absolute; top:10px; }*/
#photogallery_type_a .wrap .content img { width:100%; height:100%; }
#photogallery_type_a .wrap .content .photo_top { width:100%; height:auto; background:#ccc; }
#photogallery_type_a .wrap .content .photo_bottom { padding:16px 64px 64px 64px;  background:#fff; } /*min-height:273px;*/
#photogallery_type_a .wrap .content .photo_bottom .header-title { color:#000; font-size:18px; font-weight:400; }
#photogallery_type_a .wrap .content .photo_bottom .header-title span { margin-right:6px; }
#photogallery_type_a .wrap .content .photo_bottom .my-message { font-size:18px; color:#7d7d7d; font-weight:300; margin-top:12px; line-height:24px; }
#photogallery_type_a .wrap .content .photo_bottom a.more_btn { margin-left:5px; color:#b2b2b2; width:100px; height:20px; font-size:16px; }
#photogallery_type_a .wrap .content .photo_bottom a.more_btn:hover { color:#000; }

/**/
/*포토갤러리 포토 슬라이더 Swiper style 시작*/
#photogallery_type_a .swiper-container { max-width:768px;margin-left: auto; margin-right: auto;    } /* height:768px; */
#photogallery_type_a .swiper-slide { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /*padding-top: 100%;는 높이값을 너비값 연동되도록 해준다  padding-top: 100%; 적용 시 여백이 생겨서 삭제*/
#photogallery_type_a .photo1 { background-image:url(../img/photogallery_img_0101.jpg);} /*슬라이더 3종*/



/*포토갤러리 포스팅 글내용 Style 시작*/
#photogallery_type_a .some-list { }
#photogallery_type_a .some-list .some-item { background: #fff; position: relative; margin-bottom: 20px; } /*padding: 20px 64px 64px; */
#photogallery_type_a .some-list .some-item:last-of-type { margin-bottom: 0; }
#photogallery_type_a .some-list .some-item .item-header { display: -ms-flexbox; display: flex; -ms-flex-align: center;  align-items: center; line-height: 24px; color: #000; font-size: 18px; font-weight: 400; }
#photogallery_type_a .some-list .some-item .item-header i { font-size: 14px; margin-right: 10px; -ms-flex-item-align: start; align-self: flex-start; }
/*.some-list .some-item .item-header i:after { content: '♦';}*/
#photogallery_type_a .some-list .some-item .item-header .header-title { }

#photogallery_type_a .some-list .some-item .item-header .header-title em { margin-right:10px; }
#photogallery_type_a .some-list .some-item .item-message { /*margin: 12px 0 20px;*/ /*padding: 10px 0px;*/ /*border-top: 1px solid #828282; border-bottom: 1px solid #828282;*/ }
#photogallery_type_a .some-list .some-item .item-message .my-message { font-size: 18px; line-height: 22px; color: #737373; font-weight: 300; margin-top: 8px; line-height: 24px; }
#photogallery_type_a .morecontent span { display: none; }
#photogallery_type_a .morelink { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; /*margin-top: 20px;*/ font-size: 16px; color: #b2b2b2; }
#photogallery_type_a .morelink:after { content: ''; -ms-flex-item-align: start;  align-self: flex-start; display: inline-block; width: 5px; height: 5px; margin-top: 5px; margin-left: 10px; border: 1px solid #4caf50; border-top: none; border-right: none; background: transparent; transform: rotate(-45deg); transform-origin: bottom; transition:all 0.3s; }
#photogallery_type_a .morelink.less:after { margin-left: 5px; transform: rotate(135deg); }


/*샵타이틀만 있을 경우 타이틀 가운데정렬*/
#photogallery_type_a .some-list .some-item .item-header2 { line-height: 24px; color: #000; font-size: 18px; font-weight: 400; text-align:center; }
#photogallery_type_a .some-list .some-item .item-header2 .header-title em { margin-right:14px; }

/*포토갤러리 포스팅 글내용 Style 종료*/

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	#photogallery_type_a .wrap .content .photo_bottom .header-title { font-size:16px; line-height:20px; }
	#photogallery_type_a .wrap .content .photo_bottom .my-message { font-size: 16px; }
}
/*640 미만*/
@media all and (max-width:640px){ 
	#photogallery_type_a .wrap .content .photo_bottom { padding:16px 32px 32px 32px; }
	#photogallery_type_a .wrap .content .photo_bottom .my-message { line-height: 20px; }
	#photogallery_type_a h2 { height:60px; line-height:56px; }
	#photogallery_type_a h2 .tit { width: 40%; height:auto; }
}
/*500 미만*/
@media all and (max-width:500px) { 
	#photogallery_type_a .wrap .content .photo_bottom { padding:12px 32px 32px 32px; }
	#photogallery_type_a .wrap .content .photo_bottom .header-title { font-size:14px; }
	#photogallery_type_a .wrap .content .photo_bottom .my-message { font-size: 14px; line-height: 18px; margin-top:4px;}
	#photogallery_type_a .wrap .content .photo_bottom a.more_btn { font-size:14px; }
	#photogallery_type_a .morelink { font-size:14px; }
	#photogallery_type_a .morelink:after { margin-top:6px; }
	#photogallery_type_a h2 .tit { width: 45%; height:auto; }
	#photogallery_type_a h2 { height:60px; line-height:56px; }
}
/*================================ Media Query 종료================================*/



/*인사말*/
#message { width:100%; background:#eee; overflow:hidden; }  
#message .wrap { }
#message .wrap .content img { width:100%; height:100%; }



/*VR뷰어*/
#vr { width:100%; background:#eee; }  /*margin-top:50px; overflow:hidden;*/
#vr .wrap { min-height:500px; }
/*#vr .wrap .content img { width:100%; height:100%; }*/
#vr .title { background:#f44336; padding:20px 0px; }
#vr h2 { font-size: 24px; color: #f4ec08; text-align: center; letter-spacing: -0.5px; font-weight: 500; }
#vr ul { margin-top:20px; }
#vr li { text-align:center; font-size:18px; color:#fff; }
#vr li:nth-child(1) { padding-bottom:10px; }

#vr .zone_btn { margin:3px 0 0 3px; }
#vr .btn { background:rgba(0,0,0,0.6); border:none; padding:14px; color:#fff; font-size:18px; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; } /*display:block;*/
#vr .btn:hover { background:rgba(244,67,54,1); }

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 

}

/*640 미만*/
@media all and (max-width:640px){ 
	#vr .wrap { min-height:360px; }
	#vr h2 { font-size:22px; }
	#vr li { font-size:17px; }
	#vr ul { margin-top: 16px; }
	#vr #vr_wrap { min-height:360px; }
}

/*500 미만*/
@media all and (max-width:500px) { 
	#vr h2 { font-size:20px; font-weight:400; }
	#vr li { font-size:14px; font-weight:200; letter-spacing:0px; }
	#vr ul { margin-top: 12px; }
}
/*================================ Media Query 종료================================*/



/*연락처 / 링크정보*/
#info { width:100%; background:#eee; overflow:hidden; }  
#info .wrap { }
#info .wrap .content img { width:100%; height:100%; }

/*위치정보*/

.location_tab_btn { background:red; }
.location_tab_btn li { float:left; width:calc(50% - 1.5px);background:#fff; color:#aaa; text-align:center; border:1px solid #ccc; border-bottom:none; border-collapse:collapse; }
.location_tab_btn li a { display:block; padding:20px 0;  }
.location_tab_btn li.left { border-right:none; }
.location_tab_btn li.right { border-left:none; }
.location_tab_btn li.select { background: rgba(8, 100, 11,0.9); color:#fff; border:1px solid rgba(8, 100, 11,0.9); }
.location_tab_btn li.select a { color:#fff; }

#location { width:100%; background:#3b6246; overflow:hidden; }  
#location .wrap { position:relative; } /*height:768px;*/
#location .wrap .content img { width:100%; height:100%; }
#location .wrap .adress { overflow: hidden; background: rgba(24, 24, 24, 0.65); position: absolute; width: 748px; padding: 10px 10px; z-index:2;}
#location .wrap .adress a.nav_btn { float: left; display: block; line-height: 44px; background: #f1f1f1; border: none; cursor: pointer; font-size: 18px; color: #000; border-radius: 50px; color: #3b6246; padding-right: 14px; }
#location .wrap .adress a.nav_btn:hover { background:#fff; }
#location .wrap .adress a.nav_btn img { float: left; width:34px; height:34px; margin-top: 5px; margin-left: 6px; } 
#location .wrap .adress a.nav_btn span { display:inline-block; font-size:19px; font-weight:300; color: rgb(8,100,11); margin-left: 6px;} 
#location .wrap .adress .txt1 { float: left; line-height: 42px; margin-left:10px; font-size: 18px; color: #fff;  font-weight: 300; } /*margin: 14px 0 0 14px; */

#location .wrap .adress button.share_btn { float:left; display: block; height: 44px; line-height: 46px; background: #f1f1f1; border: none; cursor: pointer; font-size: 18px; color: #000; margin-left:10px; border-radius: 50px; color: #3b6246; padding-right: 14px; 
-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;} 
#location .wrap .adress button.share_btn:hover { background:#fff; }
#location .wrap .adress button.share_btn img { float: left; width:34px; height:34px; margin-top: 4px; }  /*margin-left: 6px;*/
#location .wrap .adress button.share_btn span { display:inline-block; font-size:18px; color: rgb(8,100,11); margin-left: 6px; }

/*#location .wrap .adress span::before { content:url(../img/svg/ico_navigation.svg); background:red; display:block; width:50px;  }*/
/*#location .wrap .adress a img { width:36px; height:36px; }*/

/*버튼 클릭 모달 팝업1 스타일 시작*/
/* The Modal (background) */
.modal1 { display: none;  position: fixed; z-index: 1; left: 0;top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); z-index:999; font-weight:300; color:#000; }
/* Modal1 Content/Box */
.modal1 .modal-content { background-color: #fefefe; padding: 54px 30px; border: 1px solid #888; max-width: 367px; text-align: center; position: relative; z-index:999; position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -165px; } /*margin: 15% auto;  */
.modal1 .tit { display:inline-block; font-size:16px; color:#333; letter-spacing:-0.5px; border-bottom:1px solid #333; padding-bottom:4px; }
.modal1 .content_txt { font-size:14px; margin-top: 30px; letter-spacing:-0.5px; }
.modal1 .content_txt strong { color:#f00; font-weight:300; }
/* The Close Button */
.modal1 .close { color: #aaa; float: right; font-size: 24px; font-weight: bold; position: absolute; top: 8px; right: 10px; }
.modal1 .close:hover, .modal1 .close:focus { color: black; text-decoration: none; cursor: pointer; }
/*버튼 클릭 모달 팝업1 스타일 종료*/


/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
/*
	#location .wrap .adress a span  { font-size:18px; }
	#location .wrap .adress .txt1 { font-size:18px; }
*/
	#location .wrap .adress { width: 100%; padding: 15px 0px 6px 0px; text-align: center; }
	#location .wrap .adress .txt1 { float:unset; clear: both; text-align: center; line-height: 40px; margin-left: 0px; }
	#location .wrap .adress a.nav_btn { float: unset; width: unset; display: inline-block; }
	#location .wrap .adress button.share_btn { float: unset; display: inline-block; width: unset; margin-left: 0px; }
}

/*640 미만*/
@media all and (max-width:640px){ 
/*
	#location .wrap .adress { width: 100%;  padding:15px 0px; }
	#location .wrap .adress a { float:unset; width: 152px; line-height:40px; }
	#location .wrap .adress .txt1 { float:unset;  margin: 14px 0 0 0px; font-size:18px; }
	#location .wrap .adress a img { width: 31px; height: 31px; margin-top: 5px; margin-left: 6px; }
*/
	.modal1 .modal-content { padding: 42px 12px; }
}

/*500 미만*/
@media all and (max-width:500px) { 
/*
	#location .wrap .adress { padding: 10px 0px; }
	#location .wrap .adress .txt1 { font-size:14px; margin: 8px 0 0 0px; }
	#location .wrap .adress a { width:140px; }
	#location .wrap .adress a span { font-size: 18px; }
	#location .wrap #map { height:300px; }
*/
	#location .wrap .adress .txt1 { display:none; font-size: 16px; }
	#location .wrap .adress { padding: 15px 0px; }
	
	
}

/*================================ Media Query 종료================================*/

/*고객 리뷰 스타일 시작*/
#review { padding:0 0 100px 0; background:#fff; position:relative; } /*margin:10px 0; */
#review .tit_wrap { background:#f1f1f1; padding:20px 0 46px 64px; border-top:4px solid #999; border-bottom: 1px solid #e5e5e5; }
#review .tit_wrap h2 { float:left; font-size:28px; letter-spacing:0.2px; }
#review .tit_wrap h2 .tit_txt { float:left; }
#review .tit_wrap h2 .sub_txt { float:left; margin-top: 6px; margin-left:10px; font-size:22px; color:#666; font-weight:200;  }
#review .tit_wrap a { display:inline-block; float:right; margin-right:64px; margin-top: 5px; color:#666; font-size:22px; font-weight:400; }
#review .tit_wrap a img { width:12px; height:12px; }
#review .tit_wrap a:hover { text-decoration:underline; }
#review .total_score { background:#fff; border-bottom:1px solid #e5e5e5; padding:40px 0; font-size:24px; text-align:center; }
#review .total_score .star { color:#ededed; margin-right: 10px; font-size: 30px; } 
#review .total_score .star em { color:#ff323e; }
#review .total_score .score { color:#999; font-size:40px; } 
#review .total_score .score em { color:#242424; font-weight:600; } 
#review .user_txt { padding:20px 64px 0px 64px; color:#333; font-size:14px; line-height:22px; font-weight:300; letter-spacing: 0px;  }
#review .user_txt .star_user { color:#ff323e; border-top:1px solid #f3f3f3; padding-top:10px; }
#review .user_txt .star_ico { font-size:22px; }
#review .user_txt .star_user .num { margin-left:6px; color:#000; font-size: 18px; }
#review .user_txt .write_info { padding:15px 0 0 0; } /*border-bottom:1px solid #f3f3f3;*/
#review .user_txt .review_txt { margin-top:10px; font-size: 20px; line-height: 28px; }
#review .user_txt .name { font-size:20px; color:#333 }
#review .user_txt .admin { color:#ff323e; }
#review .user_txt .comment { padding:20px 40px; position:relative; background:#fdfdfd; border:1px solid #e9ebec; margin-top:10px; font-size:20px; line-height:28px; }
#review .user_txt .comment::before {  position: absolute; top: 20px; left: 20px; width: 9px; height: 9px; border-left: 1px solid #bfc0c0; border-bottom: 1px solid #bfc0c0; content: ''; } 
#review li:nth-child(1) .star_user { border:none; }
#review a.review_btn { display:inline-block; background:#fff; border:1px solid #ccc; width:160px; height:40px; line-height:40px; text-align:center; font-size: 22px; position:absolute; bottom:40px; left:50%; margin-left:-80px; border-radius: 50px;} /*padding:10px 30px;*/
#review a.review_btn:hover { background:#828282; border:1px solid #828282; color:#fff; }
/*#review h2 { float:left; width:100%; height:30px; background:red; text-align:left; padding:20px 0 20px 10px;   }*/

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	
}
/*640 미만*/
@media all and (max-width:640px){ 
	#review .user_txt { padding: 20px 32px 0px 32px; }
	#review .user_txt .review_txt { font-size: 18px; line-height: 25px; }
	#review .user_txt .comment { font-size: 18px; line-height: 24px;}
	#review .user_txt .star_ico { font-size: 18px; }
	#review .user_txt .name { font-size: 18px; }
	#review .tit_wrap { padding: 20px 0 60px 32px; }

	#review .tit_wrap h2 { font-size: 24px; }
	#review .tit_wrap h2 .sub_txt .more { position:absolute; right:0px; top:10px; }
	#review .tit_wrap h2 .sub_txt { margin-left:0px; clear: both; font-size: 20px; } /*float:unset;*/

	#review .total_score .star em { font-size: 26px; }
	#review .total_score .score { font-size: 32px; }

	#review .tit_wrap a { font-size: 20px; }

	#review a.review_btn { font-size: 20px; }

	footer .phone_num, footer .name, footer .corp_num, footer .cellphone_num, footer .copyright_info { font-size: 18px; }
	footer .tit_txt { font-size: 22px; }



}
/*500 미만*/
@media all and (max-width:500px) { 
	#review .tit_wrap { padding: 20px 0 80px 32px; }
	#review .tit_wrap a { margin-right: 32px; margin-top: 14px; }	
}
/*================================ Media Query 종료================================*/
/*고객 리뷰 스타일 종료*/


/*footer*/
#footer { width:100%; background:#eee; overflow:hidden;  display:none;}  /*footer로 재 작업 위해 안보이도록 처리해둠!!!!!!*/
#footer .wrap {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b2b2b+0,3a3a3a+100 */
background: #2b2b2b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTNhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2b2b2b 0%, #3a3a3a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2b2b2b 0%,#3a3a3a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2b2b2b 0%,#3a3a3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-8 */
}
#footer .wrap .content { text-align: center; }
#footer .wrap .content img { width:100%; height:100%; }
#footer p { color:#fff; padding-top:32px; padding-bottom: 32px; font-size:18px; color:#c8c8c8; font-weight:300;  } /*font-style:italic;*/
#footer a { display: inline-block;
    color: #fff; font-size: 18px; line-height: 26px; background: #333; padding: 6px 18px; border: 3px solid #fff; border-radius: 45px; margin: 19px 0; } /*display:inline-block; color:#fff; font-size:26px; line-height:40px; background: #333; padding: 20px 45px; border: 3px solid #fff; border-radius: 45px; margin: 28px 0;*/
#footer a:hover { background:#FF5722; border:3px solid #FF5722; }
#footer a .ico { display:inline-block; float: left; width: 30px; height: 30px; margin-right: 6px; }
/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	#footer p { font-size:18px; }
	#footer a { font-size: 20px; padding: 15px 35px; line-height: 35px; }
}
/*640 미만*/
@media all and (max-width:640px){ 
	#footer p { font-size:16px; }
	#footer a { font-size:18px; padding: 10px 25px; line-height: 28px; }
}
/*500 미만*/
@media all and (max-width:500px) { 
	#footer p { font-size:13px; }
	#footer a { font-size:16px; padding:5px 22px; border:2px solid #fff; }
	#footer a:hover { border:2px solid #FF5722;  }
}
/*================================ Media Query 종료================================*/


/*footer2*/
footer { background:#eee;  padding:30px; font-size:14px; font-weight:100; letter-spacing:0.5px; } /*overflow:hidden;*/
footer h1 { float:left; display:inline-block; width:84px; height:84px; text-align:center; line-height:60px; } /*background:#e3e3e3; */
footer .tit_txt { font-size:24px; font-weight:700; }
footer .addr { line-height:18px; }
footer h1 img { height:100%; }
footer article { margin-left:24px; display:inline-block; padding-left:20px; border-left:1px solid #ccc; } /*background:skyblue; */
footer .divide { margin:-1px 5px 0; color: #aaa; font-size: 14px;  }
footer strong, footer .tit { font-weight:400; }
/*footer .tit_txt::after { position:absolute; display:inline-block; content:'|'; font-size:12px; color:#aaa; font-weight:300; margin-top:-5px; }  */
footer p { margin-bottom: 10px; }
footer .name, footer .corp_num, footer .cellphone_num { float:left; font-size: 20px; }
footer .phone_num { clear:both; float:left; font-size:20px; }
footer .copyright_info { clear:both; font-size: 20px; }

.noMarBtm { margin-bottom:0px; }

/*================================ Media Query 시작================================*/
/*768 미만*/
@media all and (max-width:768px){ 
	/*footer .name, footer .cellphone_num { float:unset; }*/	
	footer article { margin-top:0px; margin-left: 0px; display: inline-block; padding-left: 0px; border-left: none; }
	footer h1 { text-align:left; margin-bottom: 16px; } /*margin-top: 16px;*/
}
/*640 미만*/
@media all and (max-width:640px){     
	footer h1{ float:unset; }
	footer article  { clear:both; display:block; }
	footer .corp_num { float:unset; } /*????*/
	footer .phone_num::after { content:""; }
	footer .divide { display:none; }
	/*footer .tit_txt::after { content:"|"; margin:0 5px; font-size:13px; color:#aaa; }*/
	footer .phone_num::after { content:"|"; margin:0 5px; font-size:13px; color:#aaa; }
	footer .name::after { content:"|"; margin:0 5px; font-size:13px; color:#aaa; }
	/*footer article { margin-top: 20px; }*/
}
/*500 미만*/
@media all and (max-width:500px) { 
	footer .name, footer .corp_num, footer .phone_num, footer .cellphone_num { float:unset; }
	footer .divide { display:none; }
	footer { text-align:center; }
	footer h1 { margin-top:0px; text-align:center; }
	footer h1 img {  }
	footer .tit_txt::after { content:""; }
	footer .phone_num::after { content:""; }
	footer .name::after { content:""; }
}
/*================================ Media Query 종료================================*/






/*퀵메뉴 스크롤 시 등장 - 스타일 시작*/
.quick_menu_auto{ display:block; text-align:center; font-size:18px; color:#333 !important; text-decoration:none;
	position:fixed; bottom:-215px;/*-153px;*/ right:10px; /*background-color:rgba(255,255,255,.9); border:1px solid #aaa;*/ z-index:99;
	-webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease; transition: all 1s ease;}
.quick_menu_auto li { margin-top:7px;  }
.quick_menu_auto li a { display:block; width:48px; height:48px; background:#333; border-radius: 50%; box-shadow:5px 5px 10px rgba(0,0,0,0.1); color:#343434; }
.quick_menu_auto li a:hover { background:#db2f2d; }
.quick_menu_auto.show{ bottom:50px; }
.quick_menu_auto:hover{ color:#333; }
/*퀵메뉴 스크롤 시 등장 - 스타일 시작*/


/*모바일*/
@media all and (max-width:768px) {
	body { }
	.container { max-width:100%; }
}

/*퀵메뉴 버튼 - 구미UI (미사용)*/
/*
#quick_menu_hambug { width:45px; height:400px; position:fixed;  bottom:-80px; right:5px; }
#gooey-v .open-button,#gooey-v .gooey-menu-item {margin-top: 230px; font-size: 20px;}
#menu-v-example { position:absolute; top:0; right:-5px; }
#menu-v-example .open-button, #menu-v-example .menu-open { margin-left:240px;}
#gooey-v .open-button {  }
.gooey-menu-item { margin-left:240px; } 
*/
/*현담윤 추가*/
#my-video{width:100%; max-width:100%;}
#vr_num_div{position: absolute;z-index: 5;}
/*개인정보 수집 이용 동의 부분*/
#check_div{position: absolute; margin-left:20px; display: none; background-color: #ffffff; border: solid 1px #00942c; width: 90%; height: 374px; 
text-align: left; border-top:none; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index:99;font-size: 50px;top:10px;}
#sms_agree_title{width: 100%; height: 50px; text-align: center; font-size: 14px; background: #00942c; color: #ffffff; line-height: 50px; 
border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 30px;}
#sms_agree_content{height: 240px;font-size: 17px; overflow-y: scroll; padding: 20px 10px 10px 10px;}
#sms_agree_submit_zone{margin: 0 auto; width: 100%; padding-top: 5px; text-align: center; border-top:1px solid #00942c; line-height: 20px;}
.sms_agree_submit{margin-left: 5px; margin-right: 5px; margin-top: 5px; border: 1px solid #00942c; padding: 3px 20px 3px 20px; border-radius: 10px; 
background: #00942c; color: #fff;font-size: 14px; cursor: pointer;font-size: 20px;}
.sms_agree_submit_close{margin-left: 5px; margin-right: 5px; margin-top: 5px; height: 25px; border: 1px solid #6a6a6a; padding: 3px 20px 3px 20px; 
border-radius: 10px; background: #6a6a6a; color: #fff; font-size: 14px; cursor: pointer;font-size: 20px;}
#sms_agree_div{position: absolute; top:0px;}
#mask {position:absolute; z-index:98; background-color:#000; display:none; left:0; top:0;} 
/*비디오 반응형으로 변경*/
video {display: inline-block; width: auto\9 !important; /* ie8 */ width: auto !important; max-width: 100%; height: auto !important; } /*\9는 핵*/
.mov{position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden;}
#my-video{padding-bottom: 56.25% !important;}	
.my-video-dimensions{height:0px !important;}	/*비디오 JS에서 통제하는 CSS강제 변경*/
.video-js{height:0px !important;}				/*비디오 JS에서 통제하는 CSS강제 변경*/