@charset "utf-8";



body, input, button, select, textarea {/* font-family:"Noto Sans Korean", "RobotoDraft", "Dotum", Sans-serif !important; */}
a:hover, a:active, a:focus {text-decoration:none;}



/* 연혁 관련 스타일 */
.history-default {width:100%; position:relative;}
.history-default .title {display:block; width:100%; text-align:center; font-size:30px; line-height:30px; font-weight:bold;}
.history-default .items {width:100%; position:relative; padding:80px 0 20px; margin:30px auto 0; overflow:hidden;}
.history-default .items:before {display:block; content:''; width:1px; height:100%; position:absolute; top:0; left:50%; background:#000;}
.history-default .history-item {position:relative; width:calc(50% - 30px); padding:20px 30px; box-sizing:border-box; border:2px solid #d4d4d4; border-radius:10px; margin:0; margin-bottom:60px;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
}
.history-default .history-item:before {display:block; content:''; width:15px; height:15px; border-radius:50%; background:#000; position:absolute; top:20px;}
.history-default .history-item.right:before {left:-39.5px;}
.history-default .history-item.left:before {right:-39.5px;}

.history-default .history-item:after {display:block; content:''; width:15px; height:28px; background:#fff; position:absolute; top:14px; background-position:center center;}
.history-default .history-item.right:after {left:-15px; background-image:url('/public/images/history_arrow_left_d4d4d4.png');}
.history-default .history-item.left:after {right:-15px; background-image:url('/public/images/history_arrow_right_d4d4d4.png');}

.history-default .history-item.right {float:right;}
.history-default .history-item.left {float:left;}
.history-default .history-item:nth-child(even) {margin-top:60px;}

.history-default .history-item p {display:block; text-align:left; margin:0;}
.history-default .history-item .year {font-size:20px; line-height:20px; font-weight:bold; margin-bottom:15px;}
.history-default .history-item .desc {font-size:15px; line-height:30px;}



/* 복합 검색 영역 관련 CSS */
#multiSearchWrap {width:100%; position:relative; margin:0 auto 30px; padding:0; background:#fff; border:0; border-radius:0; overflow:hidden;}
#multiSearchWrap .searchInp {width:280px; height:36px; float:right; background:#f0f0f0; overflow:hidden;}
#multiSearchWrap .searchInp input[type="text"] {display:block; float:left; width:244px; height:36px; line-height:36px; font-size:15px; padding:0 10px; box-sizing:border-box; background:none; border:0;}
#multiSearchWrap .searchInp a {display:block; width:36px; height:36px; float:right; text-align:center;}
#multiSearchWrap .searchInp a i {line-height:36px; vertical-align:middle; color:#333;}
#multiSearchWrap .s-ele {display:none !important;}
#multiSearchWrap .s-ele.active {display:block !important;}



/* 헤더 영역 :: S */
.headerFake {width:100%; height:105px; position:relative; margin:0 auto; padding:0; display:none !important;}

/* height = 94px */
.headerWrap {width:100%; position:fixed; top:0; left:0; z-index:100;}
.headerWrap .header {width:100%; max-width:960px; position:relative; margin:0 auto; padding:10px 15px; box-sizing:border-box; border-radius:0 0 20px 20px; background:#265ba9;}
.headerWrap .header .logo {width:86px; height:59px; position:relative; margin:0 auto; padding:0; z-index:1;}
.headerWrap .header .logo a {display:block; width:100%; height:100%; position:relative; margin:0; padding:0;}
.headerWrap .header .logo a img {width:100%; vertical-align:top;}

.headerWrap .header .prev {display:none; position:absolute; top:50%; left:15px; text-align:left; margin:-15px 0 0 0; padding:0; box-sizing:border-box; z-index:3;}
.headerWrap .header .prev.active {display:block;}
.headerWrap .header .prev a {display:inline-block; width:35px; height:30px; position:relative; vertical-align:middle; margin:0 15px 0 0; padding:0; box-sizing:border-box;}
.headerWrap .header .prev a:last-child {margin:0;}
.headerWrap .header .prev a img {max-width:100%; vertical-align:top;}

.headerWrap .header .util {height:40px; position:absolute; top:50%; right:15px; margin:-20px 0 0 0; z-index:3;}
.headerWrap .header .util > * {display:inline-block; position:relative; vertical-align:middle; margin:0 15px 0 0; padding:0; box-sizing:border-box;}
.headerWrap .header .util > *:last-child {margin:0;}
.headerWrap .header .util ._b {}
.headerWrap .header .util ._b img {display:block; max-width:100%; position:relative; margin:0; padding:0; z-index:1;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.headerWrap .header .util ._b img.off {}
.headerWrap .header .util ._b img.on {position:absolute; top:0; left:0; opacity:0; z-index:5;}
/*
.headerWrap .header .util ._b:hover img.off {}
.headerWrap .header .util ._b:hover img.on {opacity:1;}
*/

.headerWrap .header .util ._b.search {}
.headerWrap .header .util ._b.search .pointer {display:block; width:100px; height:26px; position:absolute; top:50%; left:-106px; text-align:center; margin:-13px 0 0 0; padding:0; box-sizing:border-box; border:1px solid #222; background:#fdd000; border-radius:5px; font-size:13px; line-height:24px; font-weight:500; color:#222; letter-spacing:-0.5px;
animation:search_pointer 0.6s ease infinite;}
.headerWrap .header .util ._b.search .pointer:after {display:block; content:''; width:0; height:0; position:absolute; top:50%; right:-15px; margin:-5px 0 0 0; padding:0; box-sizing:border-box;
border-bottom:5px solid transparent;
border-top:5px solid transparent;
border-left:10px solid #222;
border-right:5px solid transparent;
}

@keyframes search_pointer {
	0% {
		left:-106px;
	}
	50% {
		left:-110px;
	}
	100% {
		left:-106px;
	}
}


.headerWrap .categoryWrap {width:100%; position:relative; margin:0; padding:0; display:none;}
.headerWrap .categoryWrap > * {width:100%; max-width:960px; position:relative; margin:0 auto; padding:15px 15px; box-sizing:border-box;}
.headerWrap .categoryWrap .topArea {background:#fff; border-bottom:1px solid #ececec;}
.headerWrap .categoryWrap .topArea .title {width:100%; position:relative; margin:0 auto; padding:0; z-index:1;}
.headerWrap .categoryWrap .topArea .title p {display:block; position:relative; text-align:center; margin:0 auto; padding:0;}
.headerWrap .categoryWrap .topArea .title #pageTitle {font-size:24px; line-height:40px; font-weight:700; color:#265ba9;}
.headerWrap .categoryWrap .topArea .left,
.headerWrap .categoryWrap .topArea .right {height:40px; line-height:40px; position:absolute; top:50%; margin:-20px 0 0 0; padding:0; box-sizing:border-box; z-index:5;}
.headerWrap .categoryWrap .topArea .left a,
.headerWrap .categoryWrap .topArea .right a {display:block; width:100%; height:100%; position:relative; margin:0; padding:0; text-align:center;}
.headerWrap .categoryWrap .topArea .left {padding:5px; left:15px;}
.headerWrap .categoryWrap .topArea .left img {max-width:30px; vertical-align:top; opacity:0.7;}
.headerWrap .categoryWrap .topArea .right {right:15px;}
.headerWrap .categoryWrap .midArea {background:#fff; padding:0; display:none;}
.headerWrap .categoryWrap .midArea .tabMenu {display:block; margin:0; padding:0; border-bottom:1px solid #ececec;}
.headerWrap .categoryWrap .midArea .tabMenu .item {margin:0; padding:0;}
.headerWrap .categoryWrap .midArea .tabMenu .item a {display:block; position:relative; margin:0; padding:0 15px; font-size:15px; line-height:40px; font-weight:500; color:#777; box-sizing:border-box;}
.headerWrap .categoryWrap .midArea .tabMenu .item.active a,
.headerWrap .categoryWrap .midArea .tabMenu .item a.active {color:#333;}
.headerWrap .categoryWrap .midArea .tabMenu .item.active a:after,
.headerWrap .categoryWrap .midArea .tabMenu .item a.active:after {display:block; content:''; width:100%; height:2px; background:#333; position:absolute; bottom:0; left:0;}


.headerWrap .productDetailWrap {width:100%; position:relative; margin:0; padding:0; display:none;}
.headerWrap .productDetailWrap > * {width:100%; max-width:960px; position:relative; margin:0 auto; padding:15px 15px; box-sizing:border-box;}
.headerWrap .productDetailWrap .topArea {background:rgba(255,255,255,0.7);}
.headerWrap .productDetailWrap .topArea .title {width:100%; position:relative; margin:0 auto; padding:0; z-index:1;}
.headerWrap .productDetailWrap .topArea .title p {display:block; position:relative; text-align:center; margin:0 auto; padding:0;}
.headerWrap .productDetailWrap .topArea .title #pageTitle {font-size:24px; line-height:40px; font-weight:700; color:#265ba9;}
.headerWrap .productDetailWrap .topArea .left,
.headerWrap .productDetailWrap .topArea .right {height:40px; line-height:40px; position:absolute; top:50%; margin:-20px 0 0 0; padding:0; box-sizing:border-box; z-index:5;}
.headerWrap .productDetailWrap .topArea .left > *,
.headerWrap .productDetailWrap .topArea .right > * {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; box-sizing:border-box;}
.headerWrap .productDetailWrap .topArea .left > *:last-child,
.headerWrap .productDetailWrap .topArea .right > *:last-child {margin:0;}
.headerWrap .productDetailWrap .topArea .left {padding:5px; left:15px;}
.headerWrap .productDetailWrap .topArea .left img {max-width:30px; vertical-align:top;}
.headerWrap .productDetailWrap .topArea .right {right:15px;}


.headerWrap.fixed .header {padding:5px 15px;}

.headerWrap.fixed .categoryWrap > * {padding:10px 15px;}
.headerWrap.fixed .categoryWrap .midArea {padding:0;}


.headerWrap.prdView {}
.headerWrap.prdView .header {display:none;}
.headerWrap.prdView .productDetailWrap {display:block;}

.headerWrap.cateView {}
.headerWrap.cateView .header {display:none;}
.headerWrap.cateView .categoryWrap {display:block;}
.headerWrap.cateView .categoryWrap .midArea.rsvt {display:none;}
.headerWrap.cateView.rsvt .categoryWrap .midArea.rsvt {display:block;}


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

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

@media screen and (max-width:640px){
	/* height = 69px */
	.headerWrap .header .logo {width:72px; height:49px;}
	
	.headerWrap .header .util {height:30px; margin:-15px 0 0 0;}
	.headerWrap .header .util > * {max-width:30px; margin:0 10px 0 0;}
	.headerWrap .header .util > *:last-child {margin:0;}
	
	.headerWrap .productDetailWrap > * {padding:12px 15px;}
	.headerWrap .productDetailWrap .topArea .left,
	.headerWrap .productDetailWrap .topArea .right {height:30px; margin:-15px 0 0 0;}
	.headerWrap .productDetailWrap .topArea .left {width:30px; padding:0;}
	.headerWrap .productDetailWrap .topArea .left a {width:100%; height:100%; vertical-align:top;}
	.headerWrap .productDetailWrap .topArea .left a img {max-width:100%; vertical-align:top;}
	
	.headerWrap .productDetailWrap .topArea .title #pageTitle {font-size:20px; line-height:30px;}
	
	.headerWrap .productDetailWrap .topArea .right a {height:30px; vertical-align:top;}
	.headerWrap .productDetailWrap .topArea .right a img {max-width:30px; vertical-align:top;}
	
	
	.headerWrap .categoryWrap .topArea .title #pageTitle {font-size:20px; line-height:30px;}
}

@media screen and (max-width:480px){
	.headerWrap .header .logo {width:72px; height:49px;}
	
	.headerWrap .header .util {height:24px; margin:-12px 0 0 0;}
	.headerWrap .header .util > * {max-width:24px; margin:0 8px 0 0;}
	.headerWrap .header .util > *:last-child {margin:0;}
	
	.headerWrap .productDetailWrap > * {padding:10px 15px;}
	
	.headerWrap .productDetailWrap .topArea .left,
	.headerWrap .productDetailWrap .topArea .right {height:24px; margin:-12px 0 0 0;}
	.headerWrap .productDetailWrap .topArea .left {width:24px; padding:0;}
	
	.headerWrap .productDetailWrap .topArea .title #pageTitle {font-size:18px; line-height:24px;}
	
	.headerWrap .productDetailWrap .topArea .right a {height:24px;}
	.headerWrap .productDetailWrap .topArea .right a img {max-width:24px;}
	
	
	.headerWrap .categoryWrap .midArea .tabMenu .item a {padding:0 12px; font-size:15px; line-height:40px;}
	.headerWrap .categoryWrap .midArea .tabMenu .item.active a:after {height:2px;}
	
	
	.headerWrap .categoryWrap .topArea .title #pageTitle {font-size:18px; line-height:24px;}
}

@media screen and (max-width:420px){
	.headerWrap .categoryWrap .midArea .tabMenu .item a {padding:0 10px; font-size:14px; line-height:40px;}
	.headerWrap .categoryWrap .midArea .tabMenu .item.active a:after {height:2px;}
	
}

@media screen and (max-width:360px){
	.headerWrap .categoryWrap .midArea .tabMenu .item a {padding:0 8px; font-size:13px; line-height:40px;}
	.headerWrap .categoryWrap .midArea .tabMenu .item.active a:after {height:2px;}
}
/* 헤더 영역 :: E */



/* 카테고리 레이어 팝업 영역 :: S */
.serviceCategoryWrap {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); z-index:200;}
.serviceCategoryWrap.active {display:block;}
.serviceCategoryWrap > div {width:100%; height:100%; position:relative; margin:0; padding:0;}
.serviceCategoryWrap .disT {}
.serviceCategoryWrap .disTC {text-align:center; vertical-align:middle; padding:15px; box-sizing:border-box;}
.serviceCategoryWrap .serviceCategory {width:100%; max-width:600px; position:relative; margin:0 auto; padding:0; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.serviceCategoryWrap .serviceCategory > * {width:100%; position:relative; margin:0; padding:15px; box-sizing:border-box;}

.serviceCategoryWrap .serviceCategory ._head {background:#ebebeb;}
.serviceCategoryWrap .serviceCategory ._head > * {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:24px; line-height:30px; font-weight:700; color:#333;}
.serviceCategoryWrap .serviceCategory ._head p {text-align:left;}
.serviceCategoryWrap .serviceCategory ._head a {width:30px; height:30px; position:absolute; top:50%; right:15px; margin:-15px 0 0 0;}
.serviceCategoryWrap .serviceCategory ._head a img {max-width:100%; vertical-align:top;}

.serviceCategoryWrap .serviceCategory ._body {background:#fff;}
.serviceCategoryWrap .serviceCategory ._body ul {display:block; width:100%; position:relative; margin:0; padding:0; text-align:left;}
.serviceCategoryWrap .serviceCategory ._body ul li {display:inline-block; position:relative; text-align:center; width:calc(25% - 4px); margin:0; padding:20px 0; box-sizing:border-box;}
.serviceCategoryWrap .serviceCategory ._body ul li a {display:inline-block; position:relative; margin:0; padding:0;}
.serviceCategoryWrap .serviceCategory ._body ul li a > * {display:block; position:relative; max-width:100%; margin:0; padding:0; font-size:18px; line-height:24px; font-weight:600; color:#454545;}
.serviceCategoryWrap .serviceCategory ._body ul li a img {}
.serviceCategoryWrap .serviceCategory ._body ul li a p {margin:10px auto 0;}

.serviceCategoryWrap .serviceCategory ._body .utilBtnList {margin:20px auto 0; padding:20px 0 0 0; border-top:1px solid #c4c4c4;}
.serviceCategoryWrap .serviceCategory ._body .utilBtnList li {display:block; width:100%; margin:0 auto 5px; padding:0;}
.serviceCategoryWrap .serviceCategory ._body .utilBtnList li:last-child {margin:0 auto;}
.serviceCategoryWrap .serviceCategory ._body .utilBtnList li a {display:block; width:100%; font-size:16px; line-height:42px; font-weight:500; color:#fff; background:#333; border-radius:5px;}
.serviceCategoryWrap .serviceCategory ._body .utilBtnList li:nth-child(1) a {color:#fff; background:#2a3c59;}
.serviceCategoryWrap .serviceCategory ._body .utilBtnList li:nth-child(2) a {color:#222; background:#fdd000;}
/* 카테고리 레이어 팝업 영역 :: E */



/* 하단메뉴 영역 :: S */
/* height = 81px */
.quickmenuWrap {width:100%; position:fixed; bottom:0; left:0; z-index:100;}
.quickmenuWrap .quickmenu {width:100%; max-width:960px; position:relative; margin:0 auto; padding:0; background:#fff; border-top:1px solid #f0f0f0;}
.quickmenuWrap .quickmenu ._col {display:inline-block; width:calc(20% - 4px); height:80px; position:relative; vertical-align:bottom; margin:0; padding:0;}
.quickmenuWrap .quickmenu ._col a {display:block; width:100%; height:100%; position:relative; text-align:center; margin:0; padding:12px 0; box-sizing:border-box;}
.quickmenuWrap .quickmenu ._col a > * {display:block; width:100%; max-width:100%; text-align:center; margin:0 auto; padding:0; box-sizing:border-box; font-size:13px; line-height:16px; font-weight:500; color:#454545;}
.quickmenuWrap .quickmenu ._col a img {width:auto;}
/*
.quickmenuWrap .quickmenu ._col:not(._3) a img {max-width:36px; opacity:0.7;}
*/
.quickmenuWrap .quickmenu ._col a img {max-width:36px; opacity:0.7;}
.quickmenuWrap .quickmenu ._col a p {margin:5px auto 0;}

/*
.quickmenuWrap .quickmenu ._col._3 {}
.quickmenuWrap .quickmenu ._col._3 a {}
.quickmenuWrap .quickmenu ._col._3 a img {display:block; width:100px; height:100px; position:absolute; bottom:0; left:50%; margin:0 0 0 -50px;}
*/


.gpsStatusNotice {width:calc(50% - 30px); height:auto; position:fixed; top:0; left:0; margin:0; padding:1.5px; box-sizing:border-box; z-index:99999999; overflow:hidden;
width:50%; top:auto; bottom:50px; background:#fff;
display:none !important;}
.gpsStatusNotice > * {display:block; float:left; /* width:calc(50% - 4px - 2px); */ height:12px; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box; font-size:9px; line-height:12px; font-weight:400; color:#333; letter-spacing:-0.5px;}
.gpsStatusNotice > p {width:50px;}
.gpsStatusNotice > input[type="text"] {width:calc(100% - 50px - 2px); margin:1px; padding:0 3px; background:#fff; box-shadow:none; border:1px solid #c4c4c4; border-radius:1.5px;}


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

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

@media screen and (max-width:640px){
	.quickmenuWrap .quickmenu ._col {/* width:calc(25% - 29px); */}
	/*
	.quickmenuWrap .quickmenu ._col._3 {width:100px;}
	*/
	.quickmenuWrap .quickmenu ._col a {padding:16px 0;}
	.quickmenuWrap .quickmenu ._col a > * {font-size:13px; line-height:15px;}
	.quickmenuWrap .quickmenu ._col a p {margin:4px auto 0;}
	/*
	.quickmenuWrap .quickmenu ._col:not(._3) a img {max-width:30px;}
	*/
	.quickmenuWrap .quickmenu ._col a img {max-width:30px;}
}

@media screen and (max-width:480px){
	.quickmenuWrap .quickmenu ._col {/* width:calc(25% - 24px); */}
	/*
	.quickmenuWrap .quickmenu ._col._3 {width:80px;}
	.quickmenuWrap .quickmenu ._col._3 a img {width:80px; height:80px; margin:0 0 0 -40px;}
	*/
	.quickmenuWrap .quickmenu ._col a {padding:18px 0;}
	.quickmenuWrap .quickmenu ._col a > * {font-size:12px; line-height:15px;}
	.quickmenuWrap .quickmenu ._col a p {margin:4px auto 0;}
	/*
	.quickmenuWrap .quickmenu ._col:not(._3) a img {max-width:26px;}
	*/
	.quickmenuWrap .quickmenu ._col a img {max-width:26px;}
}

@media screen and (max-width:420px){
	/* height = 61px */
	.quickmenuWrap .quickmenu ._col {/* width:calc(25% - 20.5px); */ height:60px;}
	/*
	.quickmenuWrap .quickmenu ._col._3 {width:70px;}
	.quickmenuWrap .quickmenu ._col._3 a img {width:70px; height:70px; margin:0 0 0 -35px;}
	*/
	.quickmenuWrap .quickmenu ._col a {padding:12px 0;}
	.quickmenuWrap .quickmenu ._col a > * {font-size:12px; line-height:14px;}
	.quickmenuWrap .quickmenu ._col a p {margin:3px auto 0;}
	/*
	.quickmenuWrap .quickmenu ._col:not(._3) a img {max-width:20px;}
	*/
	.quickmenuWrap .quickmenu ._col a img {max-width:20px;}
}

@media screen and (max-width:360px){
	/* height = 51px */
	.quickmenuWrap .quickmenu ._col {/* width:calc(25% - 18px); */ height:50px;}
	/*
	.quickmenuWrap .quickmenu ._col._3 {width:60px;}
	.quickmenuWrap .quickmenu ._col._3 a img {width:60px; height:60px; margin:0 0 0 -30px;}
	*/
	.quickmenuWrap .quickmenu ._col a {padding:7px 0;}
	.quickmenuWrap .quickmenu ._col a > * {font-size:11px; line-height:14px;}
	.quickmenuWrap .quickmenu ._col a p {margin:3px auto 0;}
	/*
	.quickmenuWrap .quickmenu ._col:not(._3) a img {max-width:20px;}
	*/
	.quickmenuWrap .quickmenu ._col a img {max-width:20px;}
}
/* 하단메뉴 영역 :: E */



/* 지도검색 영역 :: S */
.geoInfoWrap {width:auto; height:auto; position:fixed; top:0; right:0; margin:0; padding:1.5px; box-sizing:border-box; background:#fff; z-index:9999; display:none !important;}
.geoInfoWrap.walk {top:auto; bottom:0;}
.geoInfoWrap > div {width:100%; height:12px; position:relative; margin:0 auto 1.5px; padding:0; box-sizing:border-box;}
.geoInfoWrap > div:last-child {margin:0 auto;}
.geoInfoWrap > div > * {display:inline-block; height:12px; position:relative; vertical-align:top; margin:0 1.5px 0 0; padding:0; box-sizing:border-box; font-size:9px; line-height:10px; font-weight:500; color:#000; background:none; border-radius:0; border:0; box-shadow:none;}
.geoInfoWrap > div > *:last-child {margin:0;}
.geoInfoWrap > div > p {width:16px;}
.geoInfoWrap > div > input {width:100px; border:1px solid #e0e0e0;}
.geoInfoWrap .inp_1 {width:110px;}
.geoInfoWrap .inp_2 {width:170px;}

.mapSearchWrap {width:100%; height:100%; position:fixed; top:100%; left:0; background:#fff; z-index:200;}
.mapSearchWrap.active {top:0;}
.mapSearchWrap > div {width:100%; max-width:960px; height:100%; position:relative; margin:0 auto; padding:0;}

.mapSearchWrap .titleArea {width:100%; position:relative; margin:0; padding:0;}
.mapSearchWrap .titleArea > * {display:block; text-align:center; position:relative; margin:0; padding:0; box-sizing:border-box;}
.mapSearchWrap .titleArea .closeBtn {width:30px; height:30px; position:absolute; top:50%; left:15px; margin:-15px 0 0 0; padding:2px 0; z-index:5;}
.mapSearchWrap .titleArea .closeBtn img {max-width:100%; vertical-align:top;}
.mapSearchWrap .titleArea .title {width:100%; font-size:20px; line-height:40px; font-weight:700; color:#333; margin:0; padding:5px 0; box-sizing:border-box; z-index:1;}

.mapSearchWrap .filterArea {width:100%; position:relative; margin:0 auto; padding:5px 10px; text-align:left;}

.mapSearchWrap .filterArea .filterRect {display:inline-block; position:relative; vertical-align:middle; margin:0 0 0 6px; padding:0 0 0 10px; box-sizing:border-box;}
.mapSearchWrap .filterArea .filterRect:after {display:block; content:''; width:2px; height:18px; position:absolute; top:50%; left:0; margin:-9px 0 0 0; background:#999;}
.mapSearchWrap .filterArea .filterRect:first-child {margin:0; padding:0;}
.mapSearchWrap .filterArea .filterRect:first-child:after {display:none;}
.mapSearchWrap .filterArea .filterRect._right {text-align:right; position:absolute; top:50%; right:10px; margin:-15px 0 0 0; padding:0; margin-left:0 !important;}
.mapSearchWrap .filterArea .filterRect._right:after {display:none;}

.mapSearchWrap .filterArea .filterRect > * {display:inline-block; width:100px; height:30px; position:relative; vertical-align:middle; margin:0 3px 0 0; padding:0 5px; box-sizing:border-box; font-size:13px; line-height:30px; font-weight:400; color:#333; border:1px solid #c4c4c4; border-radius:20px; box-shadow:none;}
.mapSearchWrap .filterArea .filterRect > *:last-child {margin:0;}

.mapSearchWrap .filterArea .filter {}
.mapSearchWrap .filterArea .input {width:200px;}
.mapSearchWrap .filterArea .button {width:60px; text-align:center; font-weight:500; color:#fff; border:1px solid #333; background:#333;}
.mapSearchWrap .filterArea .button img {max-width:100%; vertical-align:top;}
.mapSearchWrap .filterArea .positionBtn {width:30px; height:30px; padding:3px; border-radius:50%; background:#265ba9; border:0;}
.mapSearchWrap .filterArea .directBtn {width:100px; height:30px; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box; border:2px solid #222; background:#fdd000; border-radius:15px; font-size:13px; line-height:26px; font-weight:600; color:#222; letter-spacing:-0.5px;}

.mapSearchWrap .mapArea {width:100%; height:calc(100% - 90px); position:relative; margin:0; padding:0; box-sizing:border-box;}
.mapSearchWrap .mapArea .searchMap {width:100%; height:100%; position:relative;}
.mapSearchWrap .mapArea .goToList {display:block; width:120px; height:40px; text-align:center; position:absolute; bottom:15px; left:50%; margin:0 0 0 -60px; border-radius:20px; font-size:16px; line-height:40px; font-weight:600; color:#fff; background:#000;}
.mapSearchWrap .mapArea .goToList > span {display:inline-block; width:16px; height:16px; position:relative; vertical-align:middle; margin:-2px 3px 0 0; padding:0;}
.mapSearchWrap .mapArea .goToList > span > span {width:100%; height:2px; position:absolute; left:0; background:#fff;}
.mapSearchWrap .mapArea .goToList > span > span:nth-child(1) {top:0;}
.mapSearchWrap .mapArea .goToList > span > span:nth-child(2) {top:calc(50% - 1px);}
.mapSearchWrap .mapArea .goToList > span > span:nth-child(3) {bottom:0;}


html body .serviceMap {}
html body .serviceMap > div {}
html body .serviceMap > div > div {}
html body .serviceMap > div > div > div {}
html body .serviceMap > div > div > div > div {width:auto !important; height:auto !important; background:none !important; border:0 !important;}
/*
html body .serviceMap > div > div > div > div > div:first-child {display:none !important;}
*/
html body .serviceMap > div > div > div > div > div:nth-child(2) {}
html body .serviceMap > div .mapPanel {width:100px; height:34px; position:relative; text-align:center; vertical-align:middle; margin:30px 0 0 24px; padding:5px; box-sizing:border-box; background:#265ba9; border-radius:10px; border:1px solid #265ba9; overflow:hidden;
height:20px; padding:2px; border-radius:3px; margin:40px 0 0 24px; border:1px solid #000 !important;}
html body .serviceMap > div .mapPanel * {line-height:12px;}

html body .serviceMap > div .mapPanel.center {width:20px; height:28px; margin:70px 0 0 64.5px; padding:0; background:none; border-radius:0; border:0 !important; z-index:10;
animation:searchMap_center 0.6s ease infinite;
}
html body .serviceMap > div .mapPanel.center img {display:block; width:100%;}
@keyframes searchMap_center {
	0% {
		margin:70px 0 0 64.5px;
	}
	50% {
		margin:68.5px 0 0 64.5px;
	}
	100% {
		margin:70px 0 0 64.5px;
	}
}

html body .serviceMap > div .mapPanel .disT {}
html body .serviceMap > div .mapPanel .disTC {text-align:center; vertical-align:middle;}
html body .serviceMap > div .mapPanel a {display:inline-block; position:relative; text-align:center; vertical-align:baseline; margin:0; padding:0;}
html body .serviceMap > div .mapPanel a .disT {}
html body .serviceMap > div .mapPanel a .disTC {text-align:center; vertical-align:middle;}
html body .serviceMap > div .mapPanel a,
html body .serviceMap > div .mapPanel a * {font-size:10px; line-height:12px; font-weight:500; letter-spacing:-1px; color:#fdd000; word-break:break-all;}

/*
호텔			265ba9		fdd000
병원			16bb0e		ffffff
미용			8926a9		ffffff
학교			d7dd26		000000
카페			9c4c20		ffffff
장례			ffffff		000000
약국			ffffff		d30000
유치원		ffffff		eadc00
*/
html body .serviceMap > div .mapPanel._1 {background:#265ba9; border:1px solid #265ba9;}
html body .serviceMap > div .mapPanel._1 a,
html body .serviceMap > div .mapPanel._1 a * {color:#fdd000;}

html body .serviceMap > div .mapPanel._2 {background:#16bb0e; border:1px solid #16bb0e;}
html body .serviceMap > div .mapPanel._2 a,
html body .serviceMap > div .mapPanel._2 a * {color:#ffffff;}

html body .serviceMap > div .mapPanel._3 {background:#8926a9; border:1px solid #8926a9;}
html body .serviceMap > div .mapPanel._3 a,
html body .serviceMap > div .mapPanel._3 a * {color:#ffffff;}

html body .serviceMap > div .mapPanel._4 {background:#d7dd26; border:1px solid #d7dd26;}
html body .serviceMap > div .mapPanel._4 a,
html body .serviceMap > div .mapPanel._4 a * {color:#000000;}

html body .serviceMap > div .mapPanel._5 {background:#9c4c20; border:1px solid #9c4c20;}
html body .serviceMap > div .mapPanel._5 a,
html body .serviceMap > div .mapPanel._5 a * {color:#ffffff;}

html body .serviceMap > div .mapPanel._6 {background:#ffffff; border:1px solid #ffffff;}
html body .serviceMap > div .mapPanel._6 a,
html body .serviceMap > div .mapPanel._6 a * {color:#000000;}

html body .serviceMap > div .mapPanel._7 {background:#ffffff; border:1px solid #ffffff;}
html body .serviceMap > div .mapPanel._7 a,
html body .serviceMap > div .mapPanel._7 a * {color:#d30000;}

html body .serviceMap > div .mapPanel._8 {background:#ffffff; border:1px solid #ffffff;}
html body .serviceMap > div .mapPanel._8 a,
html body .serviceMap > div .mapPanel._8 a * {color:#ccc118;}


@media screen and (max-width:768px){
	.mapSearchWrap .filterArea {}
	.mapSearchWrap .filterArea .filterRect {}
	.mapSearchWrap .filterArea .filterRect > * {width:80px; height:24px; margin:0 1px 0 0; padding:0 1.5px; font-size:12px; line-height:22px; border-radius:12px;}
	.mapSearchWrap .filterArea .input {width:100px;}
	.mapSearchWrap .filterArea .search {width:50px;}

	.mapSearchWrap .filterArea .positionBtn {width:24px; height:24px; padding:1.5px;}

	.mapSearchWrap .filterArea .filterRect._right {display:block; position:relative; top:auto; right:auto; margin:3px auto 0;}
}

@media screen and (max-width:480px){
	.mapSearchWrap .filterArea {}
	.mapSearchWrap .filterArea .filterRect {display:block; width:100%; position:relative; text-align:right; margin:0 auto 3px !important; padding:0 !important; border-top:1px solid #c4c4c4;
	border-top:0 !important;}
	.mapSearchWrap .filterArea .filterRect:after {display:none;}
	.mapSearchWrap .filterArea .filterRect:last-child {margin:0 auto !important; padding:0 !important;}
	.mapSearchWrap .filterArea .input {width:80px;}
}
/* 지도검색 영역 :: E */



/* 내 위치 직접 찾기 영역 :: S */
#directPositionPopup {}
#directPositionPopup .customPopup {}
#directPositionPopup .customPopup .directMap {}
#directPositionPopup .customPopup .directMap .directPoint {width:20px; height:28px; position:absolute; top:50%; left:50%; margin:-28px 0 0 -10px; padding:0; box-sizing:border-box; z-index:10;
animation:direct_pointer 0.6s ease infinite;
}
#directPositionPopup .customPopup .directMap .directPoint img {display:block; width:100%;}

@keyframes direct_pointer {
	0% {
		margin:-41.5px 0 0 -15px;
	}
	50% {
		margin:-43.0px 0 0 -15px;
	}
	100% {
		margin:-41.5px 0 0 -15px;
	}
}
/* 내 위치 직접 찾기 영역 :: E */



/* 길찾기 레어어팝업 영역 :: S */
.findWayPopupWrap {width:100%; height:auto; position:fixed; bottom:-500px; left:0; z-index:200;}
.findWayPopupWrap.active {bottom:0;}
.findWayPopupWrap > div {width:100%; max-width:960px; height:100%; position:relative; margin:0 auto; padding:0; background:#fff; border-radius:15px 15px 0 0;}
.findWayPopupWrap .titleArea {width:100%; position:relative; margin:0; padding:0; border-bottom:1px solid #ececec;}
.findWayPopupWrap .titleArea > * {display:block; position:relative; text-align:center; margin:0; padding:0; font-size:16px; line-height:60px; font-weight:700; color:#333;}
.findWayPopupWrap .titleArea p {}
.findWayPopupWrap .titleArea a {width:28px; height:28px; position:absolute; top:50%; right:15px; margin:-14px 0 0 0;}
.findWayPopupWrap .titleArea a img {max-width:100%; vertical-align:top;}
.findWayPopupWrap .linkArea {width:100%; position:relative; margin:0; padding:20px 15px 30px 15px; box-sizing:border-box;}
.findWayPopupWrap .linkArea a {display:block; position:relative; margin:0 auto 20px; padding:0; font-size:18px; line-hegiht:50px; font-weight:600; color:#333;}
.findWayPopupWrap .linkArea a:last-child {margin:0 auto;}
.findWayPopupWrap .linkArea a img {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0;}
/* 길찾기 레어어팝업 영역 :: E */



/* 예약하기 레어어팝업 영역 :: S */
.reservationPopupWrap {width:100%; height:100%; position:fixed; bottom:-100%; left:0; z-index:200;}
.reservationPopupWrap.active {bottom:0;}
.reservationPopupWrap > div {width:100%; max-width:960px; height:100%; position:relative; margin:0 auto; padding:0; background:#fff; overflow-y:auto;}
.reservationPopupWrap form {display:block; width:100%; position:relative; margin:0; padding:0;}
.reservationPopupWrap .titleArea {width:100%; position:relative; margin:0; padding:0; border-bottom:1px solid #ececec;}
.reservationPopupWrap .titleArea > * {display:block; position:relative; text-align:center; margin:0; padding:0; font-size:16px; line-height:60px; font-weight:700; color:#333;}
.reservationPopupWrap .titleArea p {}
.reservationPopupWrap .titleArea a {width:28px; height:28px; position:absolute !important; top:50%; right:15px; margin:-14px 0 0 0;}
.reservationPopupWrap .titleArea a img {max-width:100%; vertical-align:top;}

.reservationPopupWrap .facilityArea {width:100%; position:relative; margin:0; padding:15px; box-sizing:border-box; border-bottom:1px solid #ececec;}
.reservationPopupWrap .facilityArea p {display:block; position:relative; margin:0; padding:0;}
.reservationPopupWrap .facilityArea p > * {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0; font-size:15px; line-height:26px; font-weight:500; color:#454545;}
.reservationPopupWrap .facilityArea p img {}
.reservationPopupWrap .facilityArea p span {margin:0;}

.reservationPopupWrap .inputArea {width:100%; position:relative; margin:15px auto 0; padding:0; box-sizing:border-box;}
.reservationPopupWrap .toggleArea {width:100%; position:relative; margin:0 auto 30px; padding:0 15px 20px 15px; box-sizing:border-box; border-bottom:10px solid #f0f0f0;}
.reservationPopupWrap #rsvt_input_area {width:100%; position:relative; margin:0 auto 30px; padding:0 0 20px 0; box-sizing:border-box; border-bottom:10px solid #f0f0f0;}
.reservationPopupWrap .toggleArea:last-child {margin:0 auto; padding:0 15px; border-bottom:0;}
.reservationPopupWrap .toggleArea ._head {width:100%; min-height:30px; position:relative;}
.reservationPopupWrap .toggleArea ._head > * {display:block; position:relative; margin:0; padding:0; font-size:20px; line-height:30px; font-weight:700; color:#333;}
.reservationPopupWrap .toggleArea ._head .tit {}
.reservationPopupWrap .toggleArea ._head .tit img {display:inline-block; max-width:30px; max-height:30px; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0;}
.reservationPopupWrap .toggleArea ._head .tit span {display:inline-block; position:relative; vertical-align:middle; margin:0 0 0 5px; padding:0; font-size:14px; line-height:20px; font-weight:500; color:#777;}
.reservationPopupWrap .toggleArea ._head .btn {width:30px; height:30px; position:absolute; top:50%; right:0; margin:-15px 0 0 0; padding:10px 6px; box-sizing:border-box; transform:rotate(0deg);}
.reservationPopupWrap .toggleArea ._head .btn img {max-width:100%; vertical-align:top;}

.reservationPopupWrap .toggleArea ._body {width:100%; height:0; position:relative; margin:0; padding:0 0; box-sizing:border-box; overflow:hidden;}
.reservationPopupWrap .toggleArea ._body .subTit {display:block; position:relative; text-align:left; margin:0 auto 10px; padding:0; font-size:14px; line-height:20px; font-weight:500; color:#454545;}
.reservationPopupWrap .toggleArea ._body .subTit:last-child {margin:0 auto;}

.reservationPopupWrap .toggleArea ._body .score {}
.reservationPopupWrap .toggleArea ._body .score ul {position:relative; top:auto; left:auto;}
.reservationPopupWrap .toggleArea ._body .score ul li {}
.reservationPopupWrap .toggleArea ._body .score a {text-align:left;}
.reservationPopupWrap .toggleArea ._body .score a img {display:inline-block; width:24px; height:24px; vertical-align:middle; position:relative; margin:0 2.5px 0 0; padding:0; box-sizing:border-box;}
.reservationPopupWrap .toggleArea ._body .score a img:last-child {margin:0;}

.reservationPopupWrap .toggleArea ._body .profileArea {position:relative; text-align:left; position:relaitve;}
.reservationPopupWrap .toggleArea ._body .profileRect {display:inline-block; position:relative; vertical-align:middle; text-align:center; margin:10px 20px 10px 0; padding:0;}
.reservationPopupWrap .toggleArea ._body .profileRect:last-child {margin:10px 0 10px 0;}
.reservationPopupWrap .toggleArea ._body .profileRect > * {display:block; text-align:center; position:relative; margin:0 auto; padding:0; box-sizing:border-box; font-size:}
.reservationPopupWrap .toggleArea ._body .profileRect img {max-width:80px; border-radius:50%; border:2px dashed #ababab; opacity:0.6;}
.reservationPopupWrap .toggleArea ._body .profileRect span {font-size:14px; line-height:20px; font-weight:500; color:#777; margin:5px auto 0;}
.reservationPopupWrap .toggleArea ._body .profileRect.active {}
.reservationPopupWrap .toggleArea ._body .profileRect.active img {border:2px solid #0b4ae5; opacity:1.0;}
.reservationPopupWrap .toggleArea ._body .profileRect.active span {font-weight:600; color:#0b4ae5;}

.reservationPopupWrap .toggleArea ._body textarea {display:block; width:100%; height:auto; min-height:120px; position:relative; margin:0; padding:10px; font-size:14px; line-height:22px; font-weight:400; color:#555; border:1px solid #ececec; border-radius:10px; box-sizing:border-box;}
.reservationPopupWrap .toggleArea ._body .form-rect {display:block; margin:0 auto 5px; padding:0;}
.reservationPopupWrap .toggleArea ._body .form-rect:last-child {margin:0 auto;}
.reservationPopupWrap .toggleArea ._body .checkArea {width:100%; position:relative; margin:0 auto 20px; padding:0;}
.reservationPopupWrap .toggleArea ._body .checkArea:last-child {margin:0 auto;}
.reservationPopupWrap .toggleArea ._body .checkArea .chkRect {display:inline-block; width:calc(25% - 2.5px); position:relative; vertical-align:top; margin:0 20px 20px 0; padding:0;}
.reservationPopupWrap .toggleArea ._body .checkArea .chkRect:nth-of-type(4n+4) {margin:0 0 
20px 0;}
.reservationPopupWrap .toggleArea ._body .checkArea .chkRect input {display:none;}
.reservationPopupWrap .toggleArea ._body .checkArea .chkRect label {display:block; width:100%; height:40px; text-align:center; position:relative; margin:0; padding:0; font-size:15px; line-height:40px; font-weight:400; color:#555; border:1px solid #c4c4c4; border-radius:5px; box-sizing:border-box;}
.reservationPopupWrap .toggleArea ._body .checkArea .chkRect input:checked + label {font-weight:900; color:#fdd000; background:#265ba9;}

.reservationPopupWrap .toggleArea ._body .searchArea {}
.reservationPopupWrap .toggleArea ._body .searchArea > * {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchInp {padding:0 60px 0 0;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchInp > * {display:block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:34px; font-weight:500; color:#454545; background:none; border:1px solid #c4c4c4; border-radius:5px;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchInp input[type="text"] {}
.reservationPopupWrap .toggleArea ._body .searchArea .searchInp a {width:50px; position:absolute; top:0; right:0; text-align:center; color:#fdd000; background:#265ba9; border:1px solid #265ba9;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult {display:none;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult.active {display:block; margin:5px auto 0;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul,
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul li {display:block; width:100%; position:relative; margin:0 auto; padding:0; box-sziing:border-box;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul {}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul li {border-top:1px solid #e0e0e0;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul li:last-child {border-bottom:1px solid #e0e0e0;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul li a {display:block; width:100%; text-align:left; position:relative; margin:0; padding:6px 8px; box-sizing:border-box; font-size:14px; line-height:18px; font-weight:400; color:#777;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul li a:hover {font-weight:600; color:222; background:#f0f0f0;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul li a span {display:inline-block; width:auto; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul li a span.title {font-size:14px; font-weight:700; color:#222;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul li a span.category {font-size:12px; font-weight:400; color:#999; margin:0 0 0 3px;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul li a span.tel {text-align:right; position:absolute; top:0; right:0; font-size:12px;}
.reservationPopupWrap .toggleArea ._body .searchArea .searchResult ul li a span.addr {width:100%; font-size:13px; font-weight:500; color:#555; margin:3px auto 0;}

.reservationPopupWrap .toggleArea ._body .chksArea {position:relative;}
.reservationPopupWrap .toggleArea ._body .chksArea > * {display:inline-block; width:auto; position:relative; vertical-align:top; margin:0 5px !important; padding:0; box-sizing:border-box;}


.reservationPopupWrap .toggleArea ._body .uploadArea {position:relative;}
.reservationPopupWrap .toggleArea ._body .uploadArea > div {width:100%; position:relative; margin:0; padding:0 calc(15.5% + 5px) 0 0; box-sizing:border-box;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect {display:inline-block; width:calc(20% - 4px - 5px); position:relative; vertical-align:top; margin:2.5px; padding:0; box-sizing:border-box;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect > div {width:100%; height:0; position:relative; margin:0; padding:0; box-sizing:border-box; padding-bottom:100%; overflow:hidden; border:1px solid #777; border-radius:10px;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect > div > div {width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; box-sizing:border-box;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect input[type="file"] {display:block; width:0; height:0; position:absolute; top:0; left:0; margin:0; padding:0; box-sizing:border-box; opacity:0;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect label {display:block; position:relative; width:100%; height:100%; margin:0; padding:0; box-sizing:border-box; cursor:pointer; z-index:4;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect label:before {display:block; content:'+'; width:30px; height:30px; text-align:center; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; padding:0; box-sizing:border-box; background:#777; font-size:20px; line-height:30px; font-weight:500; color:#fff; background:#777; border-radius:50%;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect img,
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect .tmp_bg {display:none; width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover !important; z-index:3;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect a {display:none; width:18px; height:18px; text-align:center; margin:0; padding:4px; box-sizing:border-box; position:absolute; top:5px; right:5px; background:#cc0000; border-radius:50%; z-index:5;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect a > img {display:block; width:100%; position:relative; top:auto; left:auto;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect.active label {display:none;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect.active label:before {}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect.active img,
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect.active .tmp_bg {display:block;}
.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect.active a {display:block;}

.reservationPopupWrap .toggleArea ._body .uploadArea .addRectBtn {display:block; width:15.5%; position:absolute; top:5px; right:0; border:2px solid #265ba9; border-radius:10px;}
.reservationPopupWrap .toggleArea ._body .uploadArea .addRectBtn:before {display:block; content:'추가'; width:60px; height:30px; text-align:center; position:absolute; top:50%; left:50%; margin:-15px 0 0 -30px; padding:0; box-sizing:border-box; font-size:24px; line-height:30px; font-weight:500; color:#265ba9;}
.reservationPopupWrap .toggleArea ._body .uploadArea .addRectBtn > div {width:100%; height:0; position:relative; margin:0; padding:0; box-sizing:border-box; padding-bottom:100%; overflow:hidden;}

.reservationPopupWrap .toggleArea ._body .uploadArea {}
.reservationPopupWrap .toggleArea ._body .uploadArea > div {padding:0;}
.reservationPopupWrap .toggleArea ._body .uploadArea .addRectBtn {display:none;}



.reservationPopupWrap .toggleArea .editMapCont {width:100%; height:0; position:relative; margin:0; padding:0; box-sizing:border-box; padding-bottom:56.25%; overflow:hidden;}
.reservationPopupWrap .toggleArea .editMapCont .editMap {width:100%; height:100%; position:absolute; top:0; left:0;}
.reservationPopupWrap .toggleArea .editMap {}
.reservationPopupWrap .toggleArea .editMap > div {}
.reservationPopupWrap .toggleArea .editMap > div > div {}
.reservationPopupWrap .toggleArea .editMap > div > div > div {}
.reservationPopupWrap .toggleArea .editMap > div > div > div > div {width:16px !important; height:16px !important; background:none !important; border:0 !important; margin:21px 0 0 66px !important;}
.reservationPopupWrap .toggleArea .editMap > div > div > div > div > div:nth-child(1) {display:none !important;}
.reservationPopupWrap .toggleArea .editMap > div > div > div > div > div:nth-child(2) {width:100%; height:100%;}
.reservationPopupWrap .toggleArea .editMap .editPanel {width:16px; height:16px; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.reservationPopupWrap .toggleArea .editMap .editPanel a,
.reservationPopupWrap .toggleArea .editMap .editPanel a i {display:block; width:100%; height:100%; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box;font-size:16px; line-height:16px; font-weight:600; color:#fff;}
.reservationPopupWrap .toggleArea .editMap .editPanel a {padding:0; box-sizing:border-box; background:#ff0000; border-radius:50%; overflow:hidden;}
.reservationPopupWrap .toggleArea .editMap .editPanel i {display:none !important;}
.reservationPopupWrap .toggleArea .editMap .editPanel a img {max-width:100%; vertical-align:top;}
.reservationPopupWrap .toggleArea .edipMapBtns {width:100%; position:relative; margin:5px auto 0; padding:0; box-sizing:border-box;}
.reservationPopupWrap .toggleArea .edipMapBtns a {display:inline-block; position:relative; vertical-align:middle; margin:0 2px 0 0; padding:0 8px; box-sizing:border-box; border-radius:5px; background:#222; }
.reservationPopupWrap .toggleArea .edipMapBtns a:last-child {margin:0;}
.reservationPopupWrap .toggleArea .edipMapBtns a,
.reservationPopupWrap .toggleArea .edipMapBtns a i {font-size:15px; line-height:26px; font-weight:500; color:#fff;}
.reservationPopupWrap .toggleArea .edipMapBtns a i {display:inline;}


.reservationPopupWrap .reservationCalendar {width:100%; position:relative; margin:0; padding:0; border:1px solid #ececec; border-radius:10px; box-sizing:border-box;}
.reservationPopupWrap .zabuto_calendar {width:100%; position:relative; margin:0; padding:0;}
.reservationPopupWrap .reservationCalendar table {width:100%; position:relative; border-collapse:collapse;}
.reservationPopupWrap .reservationCalendar table,
.reservationPopupWrap .reservationCalendar table tr,
.reservationPopupWrap .reservationCalendar table th,
.reservationPopupWrap .reservationCalendar table td {border:0 !important; background:none !important;}
.reservationPopupWrap .reservationCalendar table tr.calendar-month-header td {}
.reservationPopupWrap .reservationCalendar table tr.calendar-month-header td span {padding-bottom:0;}
.reservationPopupWrap .reservationCalendar table tr.calendar-month-header td span span {display:inline-block; position:relative; vertical-align:middle; width:10px; height:18px; background-size:cover !important;}
.reservationPopupWrap .reservationCalendar table tr.calendar-month-header td:first-child span span {background:url('/public/images/cm_arrow_black_2_left.png') center center no-repeat;}
.reservationPopupWrap .reservationCalendar table tr.calendar-month-header td:last-child span span {background:url('/public/images/cm_arrow_black_2_right.png') center center no-repeat;}
.reservationPopupWrap .reservationCalendar table td a {display:inline-block; position:relative; margin:0; padding:0; font-size:15px; line-height:30px; font-weight:500; color:#454545;}
.reservationPopupWrap .reservationCalendar table td a.today {font-weight:900; color:#004cff;}
.reservationPopupWrap .reservationCalendar table td a.past {font-weight:400; color:#ccc;}
.reservationPopupWrap .reservationCalendar table td a.active {width:30px; height:30px; text-align:center; line-height:30px; border-radius:50%; color: #fdd000; background: #265ba9;}

.reservationPopupWrap .calendarUtil {width:100%; position:relative; text-align:right; margin:
10px auto 0;}
.reservationPopupWrap .calendarUtil p {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0 0 0 12px; box-sizing:border-box; font-size:13px; line-height:20px; font-weight:400; color:#555;}
.reservationPopupWrap .calendarUtil p:before {display:block; content:''; width:10px; height:10px; border-radius:50%; position:absolute; top:50%; left:0; margin:-5px 0 0 0;}
.reservationPopupWrap .calendarUtil p.today:before {background:#0350fe;}
.reservationPopupWrap .calendarUtil p.unabled:before {background:#ccc;}

.reservationPopupWrap .toggleArea.on ._head .btn {transform:rotate(180deg);}
.reservationPopupWrap .toggleArea.on ._body {height:auto; padding:10px 0;}
.reservationPopupWrap .toggleArea.on ._body input[type="text"],
.reservationPopupWrap .toggleArea.on ._body select {display:block; width:100%; height:36px; position:relative; margin:0; padding:0 10px; margin:0 auto 5px; padding:0 10px; box-sizing:border-box; box-shadow:none; border:1px solid #e0e0e0; border-radius:0; font-size:15px; line-height:34px; font-weight:500; color:#454545;}
.reservationPopupWrap .toggleArea.on ._body input[type="text"]:last-child,
.reservationPopupWrap .toggleArea.on ._body select:last-child {margin:0 auto;}
.reservationPopupWrap .toggleArea.on ._body .chkRect {position:relative; margin:0 auto 5px; padding:0; text-align:left;}
.reservationPopupWrap .toggleArea.on ._body .chkRect:last-child {margin:0 auto;}
.reservationPopupWrap .toggleArea.on ._body .chkRect > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:20px; font-weight:500; color:#454545;}
.reservationPopupWrap .toggleArea.on ._body .chkRect input {width:15px; height:15px; margin:0 5px 0 0;}
.reservationPopupWrap .toggleArea.on ._body .chkRect label {cursor:pointer;}


.reservationPopupWrap .toggleArea .noticeArea {width:100%; position:relative; margin:10px auto; padding:15px; box-sizing:border-box; border-radius:10px; background:#f0f0f0;}
.reservationPopupWrap .noticeArea p {display:block; position:relative; margin:0 auto 3px; padding:0; box-sizing:border-box; font-size:15px; line-height:24px; font-weight:400; color:#999;}
.reservationPopupWrap .toggleArea .noticeArea p:last-child {margin:0 auto;}
.reservationPopupWrap .toggleArea .noticeArea .tit {font-weight:700; margin:0 auto 8px;}
.reservationPopupWrap .toggleArea .noticeArea .tit img {display:inline-block; position:relative; max-width:100%; vertical-align:middle; margin:0 5px 0 0;}
.reservationPopupWrap .toggleArea .noticeArea .con {padding:0 0 0 8px;}
.reservationPopupWrap .toggleArea .noticeArea .con:before {display:block; content:''; width:2px; height:2px; background:#999; border-radius:50%; position:absolute; top:11px; left:0;}

.reservationPopupWrap .toggleArea .btnArea {width:100%; position:relative; margin:0 auto 15px; padding:0;}
.reservationPopupWrap .toggleArea .btnArea a {display:block; height:50px; position:relative; text-align:center; margin:0 auto 5px; padding:0; font-size:16px; line-height:50px; font-weight:900; color:#fff; background:#222; border-radius:5px;}
.reservationPopupWrap .toggleArea .btnArea a:last-child {margin:0 auto;}
.reservationPopupWrap .toggleArea .btnArea a.reservation {color:#fdd000; background:#265ba9;}


.rsvtConfirmPopup {width:100%; height:100%; position:fixed; top:0; left:0; z-index:210; background:rgba(0,0,0,0.5); display:none;}
.rsvtConfirmPopup.active {display:block;}
.rsvtConfirmPopup > div {width:300px; height:240px; position:absolute; top:50%; left:50%; margin:-150px 0 0 -150px; padding:20px 10px; box-sizing:border-box; background:#fff; border-radius:15px; overflow:hidden;}
.rsvtConfirmPopup > div > div {width:100%; position:relative; margin:0; padding:0; text-align:center;}
.rsvtConfirmPopup > div > div p,
.rsvtConfirmPopup > div > div a {display:block; position:relative; text-align:center; margin:0; padding:0; font-size:16px; line-height:24px; font-weight:400; color:#454545;}
.rsvtConfirmPopup .msgArea .t1 {font-size:24px; line-height:30px; font-weight:700; color:#333;
 margin:0 auto 20px;}
.rsvtConfirmPopup .msgArea .t2 {}
.rsvtConfirmPopup .btnArea {margin:30px auto 0;}
.rsvtConfirmPopup .btnArea a {width:calc(50% - 5px); height:50px; display:inline-block; vertical-align:middle; font-size:16px; line-height:50px; font-weight:900; color:#999; background:#d8d8d8; border-radius:5px;}
.rsvtConfirmPopup .btnArea a.submit {color:#fdd000; background:#265ba9;}


.callRsvtCancelPopup {width:100%; height:100%; position:fixed; top:0; left:0; z-index:210; background:rgba(0,0,0,0.5); display:none;}
.callRsvtCancelPopup.active {display:block;}
.callRsvtCancelPopup > div {width:100%; height:auto; position:absolute; bottom:0; left:0; margin:0; padding:0;}
.callRsvtCancelPopup > div > div {width:100%; max-width:960px; position:relative; margin:0 auto; padding:20px 10px; box-sizing:border-box; background:#fff; border-radius:15px 15px 0 0; overflow:hidden;}
.callRsvtCancelPopup form {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.callRsvtCancelPopup form > div {width:100%; position:relative; margin:0; padding:0; text-align:center;}
.callRsvtCancelPopup form > div p,
.callRsvtCancelPopup form > div a {display:block; position:relative; text-align:center; margin:0; padding:0; font-size:16px; line-height:24px; font-weight:400; color:#454545;}
.callRsvtCancelPopup .msgArea .t1 {font-size:24px; line-height:30px; font-weight:700; color:#333;
 margin:0 auto 20px;}
.callRsvtCancelPopup .msgArea .t2 {}
.callRsvtCancelPopup .chkArea {width:100%; position:relative; margin:20px auto 30px;}
.callRsvtCancelPopup .chkArea .form-rect {display:block; width:100%; margin:0 auto 15px;}
.callRsvtCancelPopup .chkArea .form-rect:last-child {margin:0 auto;}
.callRsvtCancelPopup .chkArea .form-rect input {}
.callRsvtCancelPopup .chkArea .form-rect label {text-align:left;}
.callRsvtCancelPopup .chkArea .form-rect textarea {display:none; width:100%; height:auto; min-height:100px; margin:10px auto 0; padding:10px; box-sizing:border-box; border:1px solid #c4c4c4; border-radius:5px; font-size:14px; line-height:20px; font-weight:400; color:#454545;}
.callRsvtCancelPopup .chkArea .form-rect #rsvt_cancel_etc.active {display:block;}
.callRsvtCancelPopup .btnArea {margin:30px auto 0;}
.callRsvtCancelPopup .btnArea a {width:calc(50% - 5px); height:50px; display:inline-block; vertical-align:middle; font-size:16px; line-height:50px; font-weight:900; color:#999; background:#d8d8d8; border-radius:5px;}
.callRsvtCancelPopup .btnArea a.submit {color:#fdd000; background:#265ba9;}


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

@media screen and (max-width:768px){
	.reservationPopupWrap .titleArea > * {font-size:16px; line-height:50px;}
	.reservationPopupWrap .toggleArea ._head > * {font-size:18px; line-height:30px;}


	/*
	.reservationPopupWrap .toggleArea ._body .uploadArea > div {padding:0 calc(20% + 5px) 0 0;}
	.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect {width:calc(25% - 4px - 2px); margin:1px;}
	.reservationPopupWrap .toggleArea ._body .uploadArea .addRectBtn {width:19.5%; top:0;}
	*/
}

@media screen and (max-width:640px){
	.reservationPopupWrap .titleArea > * {font-size:15px; line-height:40px;}
	.reservationPopupWrap .toggleArea ._head > * {font-size:17px; line-height:28px;}
}

@media screen and (max-width:560px){
	/*
	.reservationPopupWrap .toggleArea ._body .uploadArea > div {padding:0 calc(23.5% + 5px) 0 0;}
	.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect {width:calc(33.333333333333333333333333333333% - 4px - 2px); margin:1px;}
	.reservationPopupWrap .toggleArea ._body .uploadArea .addRectBtn {width:24.5%; top:0;}
	*/
	.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect {width:calc(33.333333333333333333333333333333% - 4px - 4px); margin:4px 2px;}
}

@media screen and (max-width:480px){
	.reservationPopupWrap .titleArea > * {font-size:14px; line-height:36px;}
	.reservationPopupWrap .toggleArea ._head > * {font-size:16px; line-height:26px;}


	/*
	.reservationPopupWrap .toggleArea ._body .uploadArea > div {padding:50px 0 0 0;}
	.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect {width:calc(33.333333333333333333333333333333% - 4px - 2px); margin:1px;}
	.reservationPopupWrap .toggleArea ._body .uploadArea .addRectBtn {width:100%;  top:0;}
	.reservationPopupWrap .toggleArea ._body .uploadArea .addRectBtn:before {font-size:20px;}
	.reservationPopupWrap .toggleArea ._body .uploadArea .addRectBtn > div {width:100%; height:40px; padding-bottom:0;}
	*/
	.reservationPopupWrap .toggleArea ._body .uploadArea .uploadRect {width:calc(50% - 4px - 4px); margin:4px 2px;}
}

@media screen and (max-width:360px){
	.reservationPopupWrap .titleArea > * {font-size:13px; line-height:32px;}
	.reservationPopupWrap .toggleArea ._head > * {font-size:15px; line-height:24px;}
}

@media screen and (max-width:320px){
	
}
/* 예약하기 레어어팝업 영역 :: E */



/* 각종 약관 내용 확인 레이어팝업 영역 :: S */
.agreementConPopup {width:100%; height:100%; position:fixed; top:0; left:0; z-index:210; background:rgba(0,0,0,0.5); display:none;}
.agreementConPopup.active {display:block;}
.agreementConPopup > div {width:100%; height:auto; position:absolute; bottom:0; left:0; margin:0; padding:0;}
.agreementConPopup > div > div {width:100%; max-width:960px; position:relative; margin:0 auto; padding:20px 10px; box-sizing:border-box; background:#fff; border-radius:15px 15px 0 0; overflow:hidden;}
.agreementConPopup > div > div > div {width:100%; position:relative; margin:0; padding:0; text-align:center;}
.agreementConPopup > div > div > div p,
.agreementConPopup > div > div > div a {display:block; position:relative; text-align:center; margin:0; padding:0; font-size:16px; line-height:24px; font-weight:400; color:#454545;}
.agreementConPopup .msgArea .t1 {font-size:24px; line-height:30px; font-weight:700; color:#333;
 margin:0 auto 20px;}
.agreementConPopup .msgArea .t2 {}
.agreementConPopup .msgArea .con {width:100%; height:auto; max-height:500px; position:relative; margin:15px auto 0; padding:10px; box-sizing:border-box; border:1px solid #ececec; border-radius:10px; font-size:13px; line-height:20px; font-weight:400; color:#454545; overflow-y:auto;}
.agreementConPopup .btnArea {margin:30px auto 0;}
.agreementConPopup .btnArea a {width:100%; height:50px; display:inline-block; position:relative; margin:0 auto 5px; padding:0; vertical-align:middle; font-size:16px; line-height:50px; font-weight:900; color:#555; background:#d8d8d8; border-radius:5px;}
.agreementConPopup .btnArea a:last-child {margin:0 auto;}
.agreementConPopup .btnArea a.confirm {color:#fdd000; background:#265ba9;}
.agreementConPopup .btnArea.ea_2 a {width:calc(50% - 5px); margin:0 5px 0 0;}
.agreementConPopup .btnArea.ea_2 a:nth-of-type(2n+2) {margin:0;}
/* 각종 약관 내용 확인 레이어팝업 영역 :: E */



/* 페이지 로드 인터랙션 영역 :: S */
#loadingArea {display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999999; background:rgba(255,255,255,0.85); opacity:0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
#loadingArea.active {display:block;}
#loadingArea.active.view {opacity:1;}
#loadingArea > div {width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
#loadingArea .disT {}
#loadingArea .disTC {text-align:center; vertical-align:middle; padding:15px; box-sizing:border-box;}

#loadingArea p,
#loadingArea span {font-size:14px; line-height:20px; font-weight:500; color:#333;}

#loadingArea .loadingEle {width:100%; height:auto; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
#loadingArea .loadingEle > * {display:block; width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
#loadingArea .loadingEle img {width:auto; max-width:100%;}
#loadingArea .loadingEle p {}
#loadingArea .loadingEle span {}

#loadingArea .loadingEle .t1 {margin:15px auto 0px;}
#loadingArea .loadingEle .t1 span {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-weight:600; color:#265ba9; top:5px;
animation:loading_text_bounce .3s ease infinite alternate;
text-shadow:0px 5px 5px rgba(0,0,0,0.6);
}
#loadingArea .loadingEle .t1 span:nth-child(1) {}
#loadingArea .loadingEle .t1 span:nth-child(2) {animation-delay:0.1s;}
#loadingArea .loadingEle .t1 span:nth-child(3) {animation-delay:0.2s;}
#loadingArea .loadingEle .t1 span:nth-child(4) {animation-delay:0.3s;}
#loadingArea .loadingEle .t1 span:nth-child(5) {animation-delay:0.4s;}
#loadingArea .loadingEle .t1 span:nth-child(6) {animation-delay:0.5s;}
#loadingArea .loadingEle .t1 span:nth-child(7) {animation-delay:0.6s;}
#loadingArea .loadingEle .t1 span:nth-child(8) {animation-delay:0.7s;}
#loadingArea .loadingEle .t1 span:nth-child(9) {animation-delay:0.8s;}
#loadingArea .loadingEle .t1 span:nth-child(10) {animation-delay:0.9s;}
#loadingArea .loadingEle .t1 span:nth-child(11) {animation-delay:1.0s;}
#loadingArea .loadingEle .t1 span:nth-child(12) {animation-delay:1.1s;}
#loadingArea .loadingEle .t1 span:nth-child(13) {animation-delay:1.2s;}
#loadingArea .loadingEle .t1 span:nth-child(14) {animation-delay:1.3s;}

#loadingArea .loadingEle .t2 {font-size:60px; line-height:60px; font-weight:900; color:#333;}
#loadingArea .loadingEle .t3 {margin:10px auto 30px; color:#333;}

@keyframes loading_text_bounce {
	100% {
		top:-5px;
		text-shadow:0px 15px 15px rgba(0,0,0,0.5);
	}
}

#loadingArea .loadingBtns {width:100%; height:auto; position:relative; margin:0 auto; padding:0; box-sizing:border-box; opacity:0;}
#loadingArea .loadingBtns.active {opacity:1;}
#loadingArea .loadingBtns > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; }
#loadingArea .loadingBtns p {}
#loadingArea .loadingBtns a {width:160px; height:32px; margin:10px auto 0; font-size:15px; line-height:32px; font-weight:600; color:#fff; background:#265ba9; border-radius:5px;}
/* 페이지 로드 인터랙션 영역 :: E */



/* 푸터 영역 :: S */
html body .scroll-to-top {display:none !important;}
html body .magnify-wrap {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:300;}

.footerWrap {width:100%; max-width:960px; position:relative; margin:0 auto; padding:0;}

.footerWrap .notice {width:100%; position:relative; margin:0 auto; padding:15px; box-sizing:border-box; text-align:center;}
.footerWrap .notice > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; font-size:13px; line-height:20px; font-weight:400; color:#454545; text-align:left;}
.footerWrap .notice p {width:80px; font-weight:600;}
.footerWrap .notice a {width:calc(100% - 85px);}

.footerWrap .footer {width:100%; position:relative; margin:0 auto; padding:30px 15px 100px 15px; box-sizing:border-box; background:#fafafa;}
.footerWrap .footer > * {width:100%; position:relative; margin:0 auto 15px; padding:0 0 15px 0; border-bottom:1px solid #ececec;}
.footerWrap .footer > *:last-child {margin:0 auto; padding:0; border-bottom:0;}
.footerWrap .footer > * > a {display:inline-block; position:relative; vertical-align:middle; margin:0 20px 0 0; padding:0; font-size:12px; line-height:16px; font-weight:500; color:#555;}
.footerWrap .footer > * > a:last-child {margin:0;}

.footerWrap .footer .logo {margin:0 0 20px 0;}
.footerWrap .footer .logo a {display:block; /* width:96px; height:64px; */ width:108px; height:74px; position:relative; margin:0; padding:0;}

.footerWrap .footer .links {}

.footerWrap .footer .cs {}
.footerWrap .footer .cs .rect {width:100px; height:60px; background:#fff; border-radius:10px; border:1px solid #bbb; box-sizing:border-box; text-align:center; line-height:58px; margin:0 10px 0 0;}
.footerWrap .footer .cs .rect > * {display:inline-block; position:relative; vertical-align:middle; margin:0 2.5px; padding:0; font-size:13px; line-height:20px; font-weight:600; color:#333;}
.footerWrap .footer .cs p,
.footerWrap .footer .cs a {display:inline-block; position:relative; margin:0; padding:0; vertical-align:middle; font-size:12px; line-height:20px; font-weight:500; color:#333;}
.footerWrap .footer .cs p span,
.footerWrap .footer .cs a span {font-weight:600; color:#777;}

.footerWrap .footer .socials {}
.footerWrap .footer .socials a {width:28px; height:28px; background:#fff; border:1px solid #bbb; box-sizing:border-box; border-radius:50%; text-align:center; line-height:22px;}
.footerWrap .footer .socials a > * {display:inline-block; position:relative; vertical-align:middle; font-size:12px; line-height:18px; font-weight:500; color:#555;}
.footerWrap .footer .socials a.faq {width:auto; padding:0 10px; border-radius:14px;}

.footerWrap .footer .info {}
.footerWrap .footer .info p {display:block; position:relative; margin:0; padding:0; font-size:13px; line-height:20px; font-weight:400; color:#555;}
.footerWrap .footer .info p.t1 {font-size:15px; font-weight:500; margin:0 auto 5px;}
.footerWrap .footer .info ._b {display:inline-block; position:relative; vertical-align:middle; margin:0 2px 0 0; padding:0 8px 0 0; box-sizing:border-box;}
.footerWrap .footer .info ._b:after {display:block; content:''; width:1px; height:12px; position:absolute; top:50%; right:0; margin:-6px 0 0 0; padding:0; box-sizing:border-box; background:#c4c4c4;}
.footerWrap .footer .info ._b:last-child {margin:0; padding:0;}
.footerWrap .footer .info ._b:last-child:after {display:none;}


.quickWrap {position:fixed; bottom:85px; right:5px; margin:0; padding:0; box-sizing:border-box; z-index:90;}
.quickWrap .quick {position:relative; margin:0; padding:0; box-sizing:border-box;}
.quickWrap .quick a {display:block; width:80px; height:80px; position:relative; text-align:center; margin:0 auto 5px; padding:0; box-sizing:border-box; border-radius:50%; border:2px solid #222; background:#fdd000;}
.quickWrap .quick a:last-child {margin:0 auto;}
.quickWrap .quick a > * {display:block; max-width:100%; text-align:center; margin:0 auto; padding:0; font-size:14px; line-height:18px; font-weight:600; color:#222;}
.quickWrap .quick a img {max-width:100%; vertical-align:top;}
.quickWrap .quick a span {}
.quickWrap .quick a.kakao {padding:12px 0;}
.quickWrap .quick a.kakao img {max-width:30px}


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

@media screen and (max-width:768px){
	.footerWrap .footer {padding:30px 15px 100px 15px;}
}

@media screen and (max-width:640px){
	.footerWrap .footer {padding:30px 15px 100px 15px;}

	.quickWrap {}
	.quickWrap .quick {}
	.quickWrap .quick a {width:70px; height:70px; margin:0 auto 2.5px;}
	.quickWrap .quick a:last-child {margin:0 auto;}
	.quickWrap .quick a.kakao {padding:10px 0;}
	.quickWrap .quick a.kakao img {max-width:24px}
}

@media screen and (max-width:480px){
	.footerWrap .footer {padding:30px 15px 100px 15px;}
}

@media screen and (max-width:420px){
	.footerWrap .footer {padding:30px 12px 80px 12px;}
}

@media screen and (max-width:360px){
	.footerWrap .footer {padding:30px 10px 70px 10px;}

	.quickWrap {bottom:55px;}
}
/* 푸터 영역 :: E */