@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
/* 초기화 */
html {height:100%;}
body {height:100%;margin:0;padding:0 ;color:#222;font-size:15px;font-family:'NanumSquare', 'Microsoft YaHei', '宋體', 'simsun', Arial;min-width:320px;background-color:#fff;font-weight:normal;word-break: keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NanumSquare', 'Microsoft YaHei', '宋體', 'simsun', Arial;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}

button {cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#222;text-decoration:none;}
a:hover{color:#222;text-decoration:none;}
a:visited{color:#222;}
img{max-width:100%;}


a { selector-dummy : expression(this.hideFocus=true);}


.draggable{height:auto !important;}
.clb{clear:both;}
.center{text-align:center;}

*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*input[type=text],input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {-webkit-box-shadow:  0 0 5px #9ed4ff;-moz-box-shadow:  0 0 5px #9ed4ff;box-shadow: 0 0 5px #9ed4ff;border: 1px solid #558ab7 !important;}*/



a:hover,a:visited,a:active,a:focus{text-decoration:none;}



@font-face {
	 font-family: 'NanumSquare';
	 src: url('../fonts/NanumSquareR.eot');
	 src: url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumSquareR.woff') format('woff'), url('../fonts/NanumSquareR.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumGothic';
 src: url('../fonts/NanumGothic.eot');
 src: url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumGothic.woff') format('woff'), url('../fonts-new/NanumGothic.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 src: url('../fonts/NanumBarunGothic.eot');
 src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumBarunGothic.woff') format('woff'), url('../fonts/NanumBarunGothic.ttf') format('truetype');
}


@font-face {
	font-family: 'codropsicons';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/codropsicons/codropsicons.eot');
	src: url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../fonts/codropsicons/codropsicons.woff') format('woff'), url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}


/*#hd{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#hd.scDown{background:RGBA(255,255,255,0);margin-top:-55px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
*/

input::-webkit-input-placeholder {
  color: #353535;
}
input::-moz-placeholder {
  color: #353535;
}
input:-ms-input-placeholder {
  color: #353535;
}
input::-ms-input-placeholder {
  color: #353535;
}




input:focus::-webkit-input-placeholder {
	color: #c7c7c7;
}
input:focus::-moz-placeholder {
	color: #c7c7c7;
}
input:focus:-ms-input-placeholder {
	color: #c7c7c7;
}
input:focus::-ms-input-placeholder {
	color: #c7c7c7;
}

/*input:focus::-webkit-input-placeholder {
	color:transparent;
}
input:focus::-moz-placeholder {
	color:transparent;
}
input:focus:-ms-input-placeholder {
	color:transparent;
}
input:focus::-ms-input-placeholder {
	color:transparent;
}*/


.form-control{
	border: 1px solid #e5e5e5; 
	border-radius:0; 
	box-shadow:none;
	-webkit-box-shadow:none;
	height: 40px; 
	font-size:14px;
	padding:2px 0 0 10px;
	color:#222;
}
.form-control[readonly],fieldset[disabled]{
	background-color:#fff;
	opacity:1;
}

.form-control:focus{
	border:1px solid #2ebdb6;
	box-shadow: 0px 0px 0px;
}

.form-control-d{
	padding:15px 0 0 0;
}
.form-control-d:focus{
	color:#72b5e9;
}

.form-control::-webkit-input-placeholder {
  color: #929292;
  font-weight:normal;
}
.form-control::-moz-placeholder {
  color: #929292;
  font-weight:normal;
}
.form-control:-ms-input-placeholder {
  color: #929292;
  font-weight:normal;
}
.form-control::-ms-input-placeholder {
  color: #929292;
  font-weight:normal;
}

/*.form-control:focus::-webkit-input-placeholder {
 color:transparent;
}
.form-control:focus::-moz-placeholder {
 color:transparent;
}
.form-control:focus:-ms-input-placeholder {
 color:transparent;
}
.form-control:focus::-ms-input-placeholder {
 color:transparent;
}*/


.form-control-normal{
	text-align:left;
	padding:0 15px;
	height: 45px; 
	border-radius:0;
	
}
.form-control-normal[readonly],fieldset[disabled]{
	background-color:#fff;
	opacity:1;
}

.form-control-normal:focus{
	border:1px solid #fcb017;
	box-shadow: 0px 0px 0px #fcb017;
}

.form-control-ap{background-color:rgba(255,255,255,0.5);}

.form-control-normal::-webkit-input-placeholder {
  color: #666;
  font-weight:normal;
}
.form-control-normal::-moz-placeholder {
  color: #666;
  font-weight:normal;
}
.form-control-normal:-ms-input-placeholder {
  color: #666;
  font-weight:normal;
}
.form-control-normal::-ms-input-placeholder {
  color: #666;
  font-weight:normal;
}



textarea.form-control { 
	padding:10px;
	text-align:left;
}

/*textarea:focus::-webkit-input-placeholder {
 color: #ddd;
}
textarea:focus::-moz-placeholder {
 color: #ddd;
}
textarea:focus:-ms-input-placeholder {
  color: #ddd;
}
textarea:focus::-ms-input-placeholder {
  color: #ddd;
}*/

.form-select{position:relative;}

.selectbox { 
	position:relative;
	width: 100%; 
	border: 1px solid #e5e5e5; 
	border-radius: 0; 
	height: 40px; 
	margin:5px 0;
	z-index:10;	
} 

.selectbox:before { /* 화살표 대체 */ 
	content: ""; 
	position: absolute; 
	top: 10px; 
	right: 10px; 
	width: 20px; 
	height: 20px; 
	margin-top: -1px; 
	background:url('../images/common/select-arrow.svg') no-repeat center center; 
}


.selectbox.focus { 
	border-color: #2cbeb4; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0); 
}

.selectbox label { 
	position: absolute; 
	width:100%;
	height:38px;
	text-align:center;
	top: 0; 
	left: 0; 
	padding: .6em .5em; 
	color: #353535; 
	z-index: -1; /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */ 
	background-color:#eee;
	border-radius:0;
	font-size:15px;
} 

.selectbox select { 
	width: 100%; 
	height: auto; /* 높이 초기화 */ 
	line-height: normal; /* line-height 초기화 */ 
	font-family: inherit; /* 폰트 상속 */ 
	padding: .7em .5em; /* 여백과 높이 결정 */ 
	border: 0; opacity: 0; /* 숨기기 */ 
	filter:alpha(opacity=0); /* IE8 숨기기 */ 
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none; 
}



select.form-control { 
	width: 100%; 
	height: 40px; 
	font-size:14px;
	color:#222;
	border: 1px solid #e5e5e5; 
	border-radius: 0; 
	-webkit-appearance: none;  
	-moz-appearance: none;     
	appearance: none; 
	background:#fff url('../images/common/icon-arrow-down2.svg') no-repeat right center; 
	background-size:25px;
	margin:1px 0 0 0;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	outline:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	text-align:center;
} 
select.form-control:focus{
	border:1px solid #2ebdb6;
	box-shadow: 0px 0px 0px;
}
select.form-control::-ms-expand { 
	display: none;             
} 



select.form-control-normal { 
	width: 100%; 
	height: 45px; 
	font-family: inherit;
	font-size: 16px; 
	color: #797979; 
	border: 1px solid #e5e5e5; 
	border-radius: 0; 
	-webkit-appearance: none;  
	-moz-appearance: none;     
	appearance: none; 
	background:#fff url('../images/common/select-arrow.svg') no-repeat 96% 50%; 
	margin:0;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	outline:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	text-align:left;
	font-weight:normal;
} 
select.form-control-normal:focus{
	border:1px solid #2ebdb6;
	box-shadow: 0px 0px 0px;
}
select.form-control-normal::-ms-expand { 
	display: none;             
} 


input[type=password]{color:#000;font-weight:normal;letter-spacing:-1px;padding:0 40px 0 15px;}
input[type=password]:focus{color:#000;}

input[type=checkbox]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : -35px;
  padding-left : 25px;
  background   : url('../images/common/checks.png') no-repeat  0 3px;
  background-size   :15px;
  line-height  : 20px;
  font-weight:normal;
  color:#555;
}

input[type=checkbox]:not(old):checked + label{
   background   : url('../images/common/checks-hover.png') no-repeat  0 3px;   
   background-size:15px;
}

input[type=checkbox]:disabled + label{
	color:#ddd;
}


input[type=radio   ]:not(old){
  width   : 28px;  
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -35px;
  padding-left : 25px;
  background   : url('../images/common/checks2.svg') no-repeat 0 3px;
  background-size   :20px;
  line-height  : 20px;
  font-weight:normal;
}

input[type=radio]:not(old):checked + label{
  background   : url('../images/common/checks2-hover.svg') no-repeat 0 3px;
  background-size:20px;
}

input[type=password]{
	font-family:'codropsicons';
}

@media all and (max-width: 980px)
{	
	#hd_pop  .hd_pops{left:5% !important; top:70px !important;max-width:90% !important;}
	.hd_pops_con{height:auto !important;}
	.hd_pops_footer{font-size:11px;letter-spacing:-0.05px;}
}

/* 상단 레이아웃 */

.main-top-comm{display:none;}
.main-top-comm-in{display:none;}


.top_bar_fix{ position:fixed;top:0px;left:0; width:100%;}
.pd_top_45{padding-top:60px;background:#fff;}	
.top_fix_zone{ background:#fff;width:100%;}

.topBar{z-index:1000;height:40px;width:100%;}
.scroll-fixed {  position:fixed;top:60px; z-index: 9;/*animation: fadeUp .5s;*/}
.scroll-fixed2 {  position:fixed;top:105px; z-index: 9;border-top:1px solid #222;/*animation: fadeUp .5s;*/}

@keyframes fadeUp {
  from {
  top:70px;
  }

  to {
  top:60px;
  }

}


#main #ctWrap{margin:0 auto;}

#main #topSpacer{height:20px;}

#main .main-top-comm{display:block;width:100%;padding:13px 0 0 20px;}
#main .main-top-comm-in{display:inline-block;font-size:14px;}
#main .main-top-comm-in b{color:#009bdf;font-size:20px;}
 
#top_bar{position:fixed;left:0;top:0;width:100%;height:60px;background:#fff;border-bottom:1px solid #eee;z-index:100;text-align:center;}
#top_bar img{height:18px;margin:22px 0 0 0;}

#search-bar{position:absolute; width:50px; height:50px; right:40px; top:7px; z-index:9999;background-image:url('../images/common/icon-search.svg'); background-repeat:no-repeat;background-position:center center; background-size:18px ;}




#hd {position:fixed; width:100%; left:0px; top:0px; z-index:101;height:60px;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:0px 0;width:100%;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {width:100%;max-width:1200px;margin:0 auto;}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;width:100%px;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;margin-bottom:-1px;font-size:0.92em}
#tnb a {display:inline-block;padding:0 10px;color:#666;height:35px; line-height:35px}
#tnb a:focus, #tnb a:hover {color:#000;}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{;padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7}
#tnb .tnbIco{font-size:18px;}

#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}




/* 메인메뉴 */

#main-logo{text-align:center;margin:0;width:100%;background-color:#fff;height:60px;position:fixed;z-index:101;}

#sub-logo{text-align:center;margin:0;width:100%;background-color:#fff;height:60px;position:fixed;z-index:1001;/*border-bottom:1px solid #eee;*/}
.sub-line{border-bottom:1px solid #eee;}

#topSpacer{height:60px;}
#ctWrap{width:100%;max-width:100%;margin:0 auto !important;}

#fixNextTag{width:100%;height:100%;background-color:#fff;z-index:1001;}

#main #top_bar{height:0px;}
#main #hd {position:relative;height:0px;}

#gnb{position:relative;}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{width:100%;height:100%; position:relative;text-align:center;}
#gnb .gnb_wrap p{margin:19px 0 0 0;font-size:20px;font-weight:bold;}

#gnb .gnb_wrap .btn-logo{display:inline-block;margin:0 auto;width:160px;height:100%;padding:20px 0 0 0;}
#gnb .gnb_wrap .btn-logo img{height:18px;width:auto;}

#gnb #gnb_1dul {float:right; font-size:1.083em;padding: 0;zoom:1;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;position:relative;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

#gnb .gnb_1dli .gnb_1da{height:80px;line-height:80px;padding:0 20px; font-size:14px; color:#666;position:relative;}
#gnb .gnb_1dli:hover .gnb_1da{color:#000;}
#gnb .gnb_1dli .gnb_1da u{display:block;width:1px;height:3px;position:absolute;left:50%;bottom:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#gnb .gnb_1dli:hover .gnb_1da u{background:#333;width:50%;margin-left:-25%;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.gnb_1dli .bg{display:inline-block;width:0px;height:0px;overflow:hidden;text-indent:-999px}
.gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none;}

.gnb_2dul {display:none;position:absolute;top:80px; left:50%; margin-left:-90px;width:180px;background:#fff;padding: 0; border:1px solid #333; background:#333; border-top:0px; overflow:hidden;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#gnb .gnb_1dli:hover .gnb_2dul{display:block;}
.gnb_2dli{border-top:1px solid #2b2b2b; width:100%; -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.gnb_2dli:first-child{border:0}
.gnb_2da {display:block;padding:13px;line-height:1.4em;color:#cecece; text-align:left;text-decoration:none;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
a.gnb_2da:hover{background:#000; color:#fff;padding-left:18px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;}
.gnb_1dli_over2 .gnb_2dul {display:block;}
.gnb_wrap .gnb_empty {height:80px;width:100%;text-align:center;line-height:80px;color:#666}
.gnb_wrap .gnb_empty a{color:#000;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

.allSchBoxWr{z-index:9999;}

#btnSchbox{display:block;height:80px;line-height:80px; padding:0 20px; font-size:20px;cursor:pointer;border:0px;background:transparent;}
#allSchBox{display:none; position:absolute;right:0px; top:50%; margin-top:-20px;}
#allSchBox fieldset{position:relative; width:250px;border:2px solid #000;background:#fff; overflow:hidden;}
#allSchBox fieldset #sch_stx{border:0px;width:100%;height:40px;padding-left:10px;}
#allSchBox fieldset #sch_submit{width:40px;height:40px; line-height:40px; position:absolute; right:40px; top:0px; background:none; border:0px; color:#000; font-size:18px; text-align:center;}
#allSchBox fieldset #allSchBoxClose{width:40px;height:40px; line-height:40px;position:absolute; right:0px; top:0px; background:#000; color:#fff; font-size:18px; text-align:center; cursor:pointer;}



#container {float:none;width:100%;max-width:1100px; margin:0 auto;min-height:200px;height:auto !important;height:auto; font-size:1em;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

	.bNBar{width:96%; max-width:1200px; margin:0 auto; text-align:center;margin-top:-20px;position:relative; z-index:1;}
	.bNBar h2,
	.bNBar em,
	.bNBar ul li a b i{display:none;}
	.bNBar ul{width:100%; overflow:hidden;}
	.bNBar ul li {display:inline-block;margin:-5px -2px 0;}
	.bNBar ul li a{display:inline-block; background:#fff;border:1px solid #ddd;height:40px;line-height:40px;color:#666; font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 30px;}
	.bNBar ul li a:hover{background:#e7e7e7;color:#000;}
	.bNBar ul li.active a{background:#333; border:1px solid #333; color:#fff;}

	
	/* 좌측메뉴를 모바일전용메뉴로 */
	#snbOpen{display:block;width:50px; height:50px; position:absolute; right:0px; top:6px; z-index:9999;background-image:url('../images/common/bars-black.svg'); background-repeat:no-repeat;background-position:center center; background-size:20px ;}

	#snbMvAr{display:block;height:60px;background-color:#d5f1f0; position:absolute; left:0px; top:0;width:100%; z-index:99999;}
	#snbMvAr a#btnHome{font-weight:bold; font-size:14px;line-height:50px;display:block;padding:6px 0 0 20px;float:left;}
	#snbMvAr a#btnHome img{width:130px;}
	#snbMvAr .branch-zone{font-size:12px;float:left;margin:18px 0 0 0;}

	#snbMvAr a#snbClose{width:50px; height:50px;position:absolute;top:5px; right:0px;background-image:url('../images/common/delete2-black.svg'); background-repeat:no-repeat;background-position:center center; background-size:15px ;}
	
	#snb-out{overflow-y:scroll;padding:60px 0 20px 0;height:100%;}

	#sideBarCover{display:none;background:rgba(0,0,0,0.6);position:fixed; left:0px; top:0px; bottom:0px;right:0px; z-index:999999;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBarCover.on{display:block;}

	#sideBar{display:block; position:fixed; right:-321px; top:0px; bottom:0px; z-index:9999999; width:320px; overflow:auto; background:#fff;}
	#sideBar.on{right:0px;}
	#sideBar #snb {margin:0;}
	#sideBar #snb .snb{display:block !important;position:relative;}
	#sideBar #snb .snb > h2{position:relative;}
	#sideBar #snb .snb > h2 a{padding:0 ; height:42px; line-height:44px; text-align:left; color:#000;background:#fff;}
	#sideBar #snb .snb > h2 a b{font-size:15px;padding-right:50px;font-weight:normal;}
	#sideBar #snb .snb > h2 a sub{display:none;}
	#sideBar #snb .snb.active > h2{color:#2ebdb6;}
	#sideBar #snb .snb.active > h2 a b{color:#177b98;font-weight:bold;}
	#sideBar #snb .snb.show > h2 a b{color:#177b98;}


	#sideBar #snb .snb .snb2dDown{display:block;position:absolute; right:-12px; top:0px; height:50px;width:50px;overflow:hidden;}
	#sideBar #snb .snb .snb2dDown i,
	#sideBar #snb .snb .snb2dDown u{ width:30px; height:30px;    margin:7px;}
	#sideBar #snb .snb .snb2dDown i{display:block;background-image:url('../images/common/icon-down.svg'); background-size:15px ;background-repeat:no-repeat;background-position:center center;}
	#sideBar #snb .snb .snb2dDown u{display:none; }
	#sideBar #snb .snb.show .snb2dDown i{display:none;}
	#sideBar #snb .snb.show .snb2dDown u{display:block;background-image:url('../images/common/icon-up.svg');background-size:15px ;background-repeat:no-repeat;background-position:center center;}


	#sideBar #snb .snb > ul{display:none;overflow:hidden;margin:0 0 15px 0;border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;} 
	#sideBar #snb .snb > ul > li{border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb;width:50%;float:left;}
	#sideBar #snb .snb > ul > li a{padding:7px 0 0 5px;text-align:left;font-size:13px;height:40px;}
	#sideBar #snb .snb > ul > li a b{font-size:12px;  color:#999;}
	#sideBar #snb .snb > ul > li a b i{display:none;}

	#sideBar #snb .snb > ul > li a span{float:left;display:block;width:80%;padding:5px 0 0 5px;}	
	#sideBar #snb .snb > ul > li a .img-zone{float:left;width:20%;}
	#sideBar #snb .snb > ul > li a .img-zone img{width:100%;} 

	#sideBar #snb .snb > ul > li a.simg .img-zone{float:left;width:15%;padding:4px 0 0 0;}
	#sideBar #snb .snb > ul > li a.simg span{float:left;display:block;width:85%;padding:5px 0 0 3px;}	


	
	#sideBar #snb .snb > ul.snb2dul{}
	#sideBar #snb .snb.active > ul.snb2dul{display:block;}

	#sideBar #snb .snb.space{display:block !important;height:2px;background-color:#009bdf;position:relative;}
	#sideBar #snb .snb.topPoint{display:block;background-color:#009bdf;color:#fff;padding:10px 15px 0 15px;position:relative;height:90px;}
	#sideBar #snb .snb.topPoint span{text-align:left; display:inline-block;}
	#sideBar #snb .snb.topPoint p{font-size:18px;font-weight:bold;margin:5px 0 0 0;}
	#sideBar #snb .snb.topPoint a{border:1px solid #fff;width:50px;height:28px;position:absolute;right:12px;top:13px;text-align:center;padding:6px 0 0 0;color:#fff;border-radius:3px;font-size:12px;}
	#sideBar #snb .snb.topPoint a:hover{background-color:#fff;color:#353535;}

	#sideBar #snb .snb.topPoint .point-btn-zone{text-align:center;}
	#sideBar #snb .snb.topPoint .point-btn-zone span{padding:5px 0 10px 0;}
	#sideBar #snb .snb.topPoint .point-btn{border:1px solid #fff;position:relative;padding:6px 10px 4px 10px;right:0;top:0;color:#fff;border-radius:3px;font-size:12px;width:auto;display:inline-block;}

	#sideBar #snb li.noInfoPageTit,
	#sideBar #snb li.noInfoPageTit.active{display:none !important;}

	#sideBar #snb .search-zone{padding:15px 20px 12px 20px; margin:0 0 0 0;}
	#sideBar #snb .search-zone .form-control{border-radius:0;}
	#sideBar #snb .search-zone a{top:15px;}
	#sideBar #snb .search-zone p{font-size:12px;}

	.snbCS{border:0px;}

	.snbMvArBtn{ overflow:hidden;text-align:center;margin:10px 0 0 0;}
	.snbMvArBtn a{display:inline-block;width:65px; height:30px;padding:6px 0 0 0;border:1px solid #ddd;border-radius:3px; color:#009bdf;font-size:13px;margin:0 0 0 5px;}
	.snbMvArBtn a:hover{background-color:#009bdf;color:#fff;border:1px solid #009bdf;}

	.snbMvArBtn a.h-btn{width:50px;background-image:url('../images/common/icon-home.svg');background-size:22px;background-repeat:no-repeat;background-position:center center;text-indent:-1000px;}
	.snbMvArBtn a.h-btn:hover{background-image:url('../images/common/icon-home-white.svg');}


	.snbMvArCom {text-align:center;line-height:18px;width:100%;}
	#snbMvArBottom{border-top:1px dashed #efefef; padding:10px; text-align:center;}
	#snbMvArBottom a{display:inline-block; padding:5px 10px;border:1px solid #ddd;border-radius:3px;}


	
	#snb{width:100%; margin-top:-50px;}
	#snb {width:100%;}
	#snb > li.snb{display:none;margin:0 20px;}
	#snb > li.snb.active{display:block !important;}
	#snb > li > h2{width:100%;background:#000;}
	#snb > li > h2 a{display:block;background:#000; text-align:center; padding:80px 10px; color:#fff;}	
	#snb > li > h2 a b{display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	#snb > li > h2 a:hover b{color:#177b98;}
	#snb > li > h2 a sub{display:block;padding-top:10px;font-size:12px;letter-spacing:0.05em;font-weight:normal;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	#snb > li .snb2dDown{display:none;}

	#snb > li > ul{}
	#snb > li > ul > li{border-bottom: 1px solid #000;padding:0;}
	#snb > li > ul > li a{display:block;padding:0;color:#666;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#snb > li > ul > li a b{font-size:13px;}
	#snb > li > ul > li a:hover{background:#f3f3f3;padding-left:20px;color:#000;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	
	

	#snb > li > ul > li.snb2d.active a{background:#d9edf3;color:#000;}
	#snb > li > ul > li a{overflow:hidden;}
	#snb > li > ul > li a:hover{overflow:hidden;background:#d9edf3;}
	#snb > li > ul > li a i{float:right;}

	.snbCS{padding:15px;background-color:#eee;}
	.snbCS dt{padding-bottom:10px;font-size:16px; font-weight:bold; color:#333;}
	.snbCS dd{font-size:11px;color:#999;}
	.snbCS dd strong{display:block;font-size:18px; padding-bottom:10px; color:#666;}
	.snbCS dd b{display:block;font-size:11px;}
	.snbCS a{color:#999;}

	.snbCS dd strong .num{color:#666;}
	.snbCS dd .num{color:#999;}

.top-menu{width:100%;background-color:#eee;text-align:center;height:45px;z-index:1001;position:fixed;top:60px;}
.top-menu a{display:inline-block;padding:13px 0 0 0;font-weight:bold;letter-spacing:-0.5px;width:18%;}
.top-menu a:nth-child(1){width:4%;}
.top-menu a:nth-child(4){width:19%;}
.top-menu a:nth-child(6){width:10%;}
.top-menu .select{color:#f15b27;}

#topInfo{display:block;width:60px; height:60px; position:absolute; left:0px; top:6px; z-index:9999;background-image:url('../images/common/icon-cart.png'); background-repeat:no-repeat;background-position:center center; background-size:18px ;}
#topInfo-right{position:absolute; left:30px; top:20px; background-color:#f1c232;width:15px;height:15px;color:#000;font-size:10px;text-align:center;padding:2px 0 0 0;border-radius:15px;z-index:99999;font-weight:bold;}


#footer p .num{color:#222;}
#footer p .num a{color:#222;}


.footer{background-color:#7b7b7b;width:100%;color:#fff;text-align:center;font-size:12px;}
.footer .top-btn{overflow:hidden;padding:14px 40px 12px 40px;border-bottom:1px solid #9a9a9a;}
.footer .top-btn a{display:block;width:50%;text-align:center;color:#fff;float:left;line-height:10px;font-size:12px;}
.footer .top-btn a:first-child{border-right:1px solid #9a9a9a;}
.footer .logo-zone{padding:20px 0 15px 0;}
.branch-zone{display:inline-block;}
.branch-zone .dropdown{background-color:#fff;padding:3px 8px ;margin:0 0 0 15px;border:1px solid #fff;}
.branch-zone .dropdown-menu{border-radius:0;margin:2px 0 0 -1px;font-size:12px;min-width:100px;border:1px solid #fff;}
.branch-zone .dropdown-menu li{padding:0;width:60px;}
.branch-zone .dropdown-menu a{padding:3px 8px;margin:0;width:60px;}
.footer .logo-zone img{width:150px;}
.footer .bottom-info{padding:0 0 20px 0;}
.footer .bottom-info span{display:inline-block;width:10px;}



#top_btn ,
#top_btn:hover{position:fixed;bottom:5px;right:5px;width:40px;height:40px;line-height:10px;border-radius:50%; border:1px solid #d8d8d8;background-image:url('../images/common/icon-arrow-top.svg');background-size:15px;background-repeat:no-repeat;background-position:center center;z-index:2;background-color:rgba(255,255,255,1);}

#view-page #top_btn{bottom:65px;}
.top_btn_m{bottom:10px;}

#topID{display:block; position:absolute; left:0px; top:2px;}
.dashHr{display:block;clear:both;margin:30px 0;border:0px;border-top:3px dashed #ddd;}






/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}





/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb;text-align:left }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}



/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

#topPrev{position:absolute; width:45px; height:50px; left:0px; top:7px; z-index:9999;background-image:url('../images/common/icon-arrow-back.svg');background-repeat: no-repeat;background-position: center center;background-size:11px;}

#topMy{position:absolute; width:37px; height:27px; left:12px; top:18px; z-index:9999;border-radius:50px;background-color:#fff;border:1px solid #888;color:#333;padding:4px 0 0 0;text-align:center;font-weight:bold;font-size:13px;}
#topMy-right{position:absolute; width:15px; height:15px; left:39px; top:14px; z-index:10000;border-radius:15px;background-color:#f15b27;color:#fff;padding:1px 0 0 ;text-align:center;font-weight:normal;font-size:10px;}

#topBtn{position:absolute;  height:27px; right:12px; top:18px; z-index:9999;border-radius:50px;background-color:#fff;border:1px solid #888;color:#333;padding:4px 10px ;text-align:center;font-weight:bold;font-size:13px;}

#topCloseBtn{position:absolute; width:50px; height:50px; right:0px; top:5px; z-index:9999;background-image:url('../images/common/delete2-black.svg');background-repeat: no-repeat;background-position: center center;background-size:15px;}


.num{color:#353535;}
.num a{color:#353535;}

.txt-blue{color:#1381d5;}
.txt-red{color:#e83838;}
.txt-yellow{color:#fdaf17;}
.txt-purple{color:#c200a9;}
.txt-lignt-yellow{color:#eed18b;}
.txt-green{color:#099247;}
.txt-gray{color:#666;}
.txt-orange{color:#f05a28;}

.txt-center{text-align:center;}
.txt-right{text-align:right;}

.small-comment{font-size:12px;font-weight:normal;letter-spacing:-0.5px;}




.modal-header{height:50px;padding: 14px;position:relative;text-align:center;}
.modal-header .close{width:40px;height:40px;position:absolute;top:0;right:0;color:#fff;opacity:0.5;background-image:url('../images/common/delete-white.svg');background-repeat:no-repeat;background-size:12px 12px;background-position:center center;}
.modal-header .modal-title{font-size:18px;}


.modal-body{padding:10px; text-align:left;}



.modal-footer{padding:0;border-top:1px solid #ddd;border-radius:0;}
.modal-footer .btn{display:block;height:45px;padding:13px 0 0 0;border-radius:0;border:none;font-size:16px;}
.modal-footer .btn-default{background-color:#eaeaea;}
.modal-footer .modal-footer-half .btn{width:50%;float:left;margin:0;}
.modal-footer .modal-footer-half .m-left{border-radius:0;}
.modal-footer .modal-footer-half .m-right{border-radius:0;}



.modal-content{border-radius:0;}


.modal-info-w{
	width:350px;
	left:50%;
	top:50%;
	margin-left:-175px;
	margin-top:-300px;
	text-align:center;	
}

.modal-info{
	width:340px;
	left:50%;
	top:50%;
	margin-left:-170px;
	margin-top:-170px;
	text-align:center;	
}

.modal-info-s{
	width:340px;
	left:50%;
	top:50%;
	margin-left:-170px;
	margin-top:-100px;
	text-align:center;	
}

.body-normal-w{height:470px;overflow-y:scroll;}

.body-normal{height:200px;}
.body-normal-s{text-align:center;padding:20px 10px;}

.pc-view{display:block;}
.mb-view{display:none;}


.btn{border-radius:0;font-size:16px;}


.booking-btn-area{padding:0 10px;}
.booking-btn-area .btn{width:100%;height:45px;padding:11px 0 0 0;display:block;text-align:center;}



.booking-btn-area .small-comment{padding:5px 0;display:block;}

.booking-btn-area-half{overflow:hidden;padding:0 10px;}
.booking-btn-area-half-none{padding:0 ;}
.booking-btn-area-half .btn{width:100%;height:45px;padding:11px 0 0 0;display:block;}
.booking-btn-area-half-left{float:left;width:49%;}
.booking-btn-area-half-right{float:right;width:49%;}

.booking-btn-area-right{overflow:hidden;}
.booking-btn-area-right .btn{float:right;}


.booking-btn-area-three{overflow:hidden;}
.booking-btn-area-three .btn{width:100%;font-weight:bold;height:42px;padding:10px 0 0 0;display:block;}
.booking-btn-area-three-left{float:left;width:32%;margin:0 2% 0 0;}
.booking-btn-area-three-right{float:right;width:32%;margin:0;}

.btn-white{background-color:#fff;border-color:#e5e5e5;}
.btn-gray{background-color:#eee;border-color:#e5e5e5;}
.btn-gray.focus,.btn-gray:focus{color:#fff;background-color:#eee;border-color:#e5e5e5;}
.btn-gray:hover{color:#353535;background-color:#eee;border-color:#e5e5e5;}
.btn-gray.active,.btn-primary:active,.{color:#353535;background-color:#eee;border-color:#e5e5e5;}
.btn-gray.active.focus,.btn-gray.active:focus,.btn-gray.active:hover,.btn-gray:active.focus,.btn-gray:active:focus,.btn-gray:active:hover{color:#353535;background-color:#eee;border-color:#e5e5e5;}

.btn-footer{position:fixed;left:50%;bottom:0;width:600px;padding:10px;background-color:#f7f7f7;}


.btn-blue{background-color:#30bdb7;color:#fff;}
.btn-blue:hover{color:#fff;}
.btn-blue:visited{color:#fff;}

.btn-blue-line{background-color:#fff;color:#30bdb7;border:1px solid #30bdb7}
.btn-blue-line:hover{color:#30bdb7;}
.btn-blue-line:visited{color:#30bdb7;}

.btn-orange{background-color:#ef5c29;color:#fff;}
.btn-orange:hover{color:#fff;}
.btn-orange:visited{color:#fff;}

.btn-orange-line{background-color:#fff;color:#ef5c29;border:1px solid #ef5c29}
.btn-orange-line:hover{color:#ef5c29;}
.btn-orange-line:visited{color:#ef5c29;}

.btn-green{background-color:#55c09e;color:#fff;}
.btn-green:hover{color:#fff;}
.btn-green:visited{color:#fff;}

.btn-dark-gray{background-color:#555555;color:#fff;}
.btn-dark-gray:hover{color:#fff;}
.btn-dark-gray:visited{color:#fff;}

.btn-orange2{background-color:#fdaf17;border-color:#d4900c;color:#fff;}
.btn-orange2:visited{color:#fff;}
.btn-lightorange{background-color:#ffe6b5;}

.btn-normal-gray{background-color:#ddd;display:block;text-align:center;padding:10px 0;}

a.btn-small-blue{display:inline-block;padding:5px 10px 4px 10px;border:1px solid #2ebdb6;color:#2ebdb6;font-size:13px;}
a.btn-small-gray{display:inline-block;padding:5px 10px 4px 10px;border:1px solid #a5a5a5;color:#696969;font-size:13px;}
a.btn-small-gray2{display:inline-block;padding:5px 10px 4px 10px;border:1px solid #a5a5a5;color:#696969;font-size:13px;}



/*.btn-green{background-color:#1EC800;margin:10px 0;}*/
.btn-yellow{background-color:#fff32a;margin:10px 0;}
.btn-naver{background-image:url('../images/common/icon-naver.svg');background-repeat:no-repeat;background-position:15px 14px;color:#fff;font-weight:bold;background-size:20px;}
.btn-naver:hover{color:#fff;background-image:url('../images/common/icon-naver.svg');}
.btn-naver span{margin:0 0 0 20px;}
.btn-kakao{background-image:url('../images/common/icon-kakao.svg');background-repeat:no-repeat;background-position:13px 13px;color:#271722;font-weight:bold;background-size:24px;}
.btn-kakao span{margin:0 0 0 20px;}
.btn-kakao:hover{color:#271722;background-image:url('../images/common/icon-kakao.svg');}

.btn-light-yellow{background-color:#ffe6b5;border-color:#efce8e;}

.btn-lightgray{background-color:#e6e6e6;border-color:#adadad;}

.btn-cancel{background-color:#fff;border-color:#ddd;color:#999;background-color:#f7f7f7}
.btn-cancel:hover{color:#999;}

.booking-btn-area-bottom{text-align:center;margin:30px 0;}
.booking-btn-area-bottom span{display:block;margin:10px 0;}

.bg-light{background-image:url('../images/common/bg-light.gif');color:#fff;}


/* 토글 버튼 */

.toggle .switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 30px;
}

.toggle .switch input {display:none;}

.toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  background-image:url('../images/common/bg-off.svg');
  background-position:27px center;
  background-repeat:no-repeat;
  background-size:40px;
  transition: .4s;
}

.toggle .slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .4s;
}

.toggle input:checked + .slider {
  background-color: #fdaf17;
  background-image:url('../images/common/bg-on.svg');
  background-position:3px center;
}

.toggle input:focus + .slider {
  box-shadow: 0 0 1px #fdaf17;
}

.toggle input:checked + .slider:before {
  transform: translateX(40px);
}

/* Rounded sliders */
.toggle .slider.round {
  border-radius: 30px;
}

.toggle .slider.round:before {
  border-radius: 50%;
}
/* 토글 버튼 */



.tab-pane{padding:1px 0 0 0;/*min-height:270px;*/}

.nav-tabs{border-bottom:3px solid #d5d5d5}
.nav-tabs li{width:50%;text-align:center;font-size:16px;}

.nav-tabs li a{;padding:12px 0 10px 0;}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:rgba(255,255,255,0);border-color:#fff #fff #fff #000;font-weight:bold;border-top:1px solid #009bde; }
.nav-tabs li.active a:hover{background-color:rgba(255,255,255,0);color:#009bde;}
.nav-tabs>li>a:hover{border-color:#009bde #009bde #f1f1f1 #009bde;background-color:#fff;color:#009bde;}



.pagination>li>a,.pagination>li>span{color:#353535;padding:7px 12px 5px 12px}
.pagination>li>a:hover,.pagination>li>span:hover{color:#353535;}
.pagination li.active{background-color:#009bdf;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {color:#fdaf17;background-color:#fff;border-color:#ddd;font-weight:bold;}


.list-tb{width:100%;}
.list-tb td{padding:10px 5px 8px 5px;border-bottom:1px solid #ddd;}
.list-tb p{color:#d70202;font-size:16px;}
.list-tb span{font-size:13px;}
.txt-left{text-align:left;}
.txt-center{text-align:center;}
.txt-right{text-align:right;}


.footer-menu-new{background-color:#c3e7f7;height:70px;width:100%;position:fixed;left:0;bottom:0;}
.footer-menu-new a{width:20%;height:100%;text-align:center;display:block;float:left;background-position:center 12px ;background-size:27px;padding:43px 0 0 0;color:#009bdf;background-repeat:no-repeat;font-size:13px;}
.footer-menu-new a:hover{color:#fcb017;}
.footer-menu-new .f-menu01{background-image:url('../images/common/icon-bottom01.svg');}
.footer-menu-new .f-menu01:hover{background-image:url('../images/common/icon-bottom01-hover.svg');}
.footer-menu-new .f-menu02{background-image:url('../images/common/icon-bottom02.svg');}
.footer-menu-new .f-menu02:hover{background-image:url('../images/common/icon-bottom02-hover.svg');}
.footer-menu-new .f-menu03{background-image:url('../images/common/icon-bottom03.svg');}
.footer-menu-new .f-menu03:hover{background-image:url('../images/common/icon-bottom03-hover.svg');}
.footer-menu-new .f-menu04{background-image:url('../images/common/icon-bottom04.svg');}
.footer-menu-new .f-menu04:hover{background-image:url('../images/common/icon-bottom04-hover.svg');}
.footer-menu-new .f-menu05{background-image:url('../images/common/icon-bottom05.svg');}
.footer-menu-new .f-menu05:hover{background-image:url('../images/common/icon-bottom05-hover.svg');}

.footer-menu-new-btn{background-color:#c3e7f7;height:70px;width:100%;position:fixed;left:0;bottom:0;}
.footer-menu-new-btn a{width:47%;margin:10px 0 10px 2%;height:50px;background-color:#009bdf;text-align:center;display:block;float:left;padding:15px 0;color:#fff;background-repeat:no-repeat;font-size:16px;}
.footer-menu-new-btn a:hover{color:#fcb017;}
.footer-menu-new-btn a:last-child{margin:10px 2% 10px 0;float:right;}
.footer-menu-new-btn .btn01{background-image:url('../images/common/phone-white.svg');background-position:left center;background-size:16px;background-repeat:no-repeat;padding:0 0 0 25px;}
.footer-menu-new-btn .btn02{background-image:url('../images/common/comment-white.svg');background-position:left center;background-size:16px;background-repeat:no-repeat;padding:0 0 0 25px;}


.tooltip.bottom .tooltip-arrow{border-bottom-color:#0098e0}
.tooltip-inner{background-color:#0098e0;padding:7px 2px;}

.modal-event{
	width:340px;
	height:200px;
	left:50%;
	top:50%;
	margin-left:-170px;
	margin-top:-250px;
	text-align:left;
}


.event-out{text-align:left;padding:8px 0 10px 12px;border-radius:5px;background-color:rgba(209, 253, 255, 0.5)}
.event-in{overflow:hidden;padding:3px 0 0 0;font-size:13px;}
.event-out p{display:inline-block;color:#24abc3;font-weight:bold;float:left;margin:0 5px 0 0;}
.event-out span{display:inline-block;font-weight:bold;float:left;}
.dd-e-txt{text-align:left;font-size:11px;padding:3px 0 0 5px;}
.dd-e-txt2{text-align:left;font-size:11px;padding:10px 0 0 10px;}
.se-e-box{text-align:left;background-color:#f7f7f7;border-radius:5px;padding:10px 5px 5px 5px;margin:10px 0 0 0;position:relative;font-size:13px;}
.se-e-box p{font-size:12px;padding:0 0 0 45px;}

.se-e-box .partner-info{background-color:#fff;border-radius:5px;padding:5px 10px 10px 10px;margin:0 10px;}
.se-e-box .partner-info .partner-in{overflow:hidden;padding:1px 0;}
.se-e-box .partner-info p{color:#24abc3;padding:0 0 0 0;font-size:13px;}
.se-e-box .partner-info span{float:left;margin:8px 0 0 0;width:25%;}
.se-e-box .partner-info .form-control{float:left;height:30px;text-align:left;padding:5px 10px;width:75%;}
.e-btn-zone{text-align:center;padding:10px 0;}
.e-btn-zone .e-btn-go{background-color:#009bdf;color:#fff;padding:7px 10px;font-size:13px;}
.e-btn-zone .e-btn-go2{background-color:#b46ac9;color:#fff;padding:7px 10px;font-size:13px;}

.login-btn-zone{text-align:center;padding:15px 20px;overflow:hidden;background-color:#fff3e4;}
.login-btn-zone a{display:inline-block;width:47.5%;height:36px;border:1px solid #2dbcb6;color:#2dbcb6;padding:7px 0 0 0;background-color:#fff;}
.login-btn-zone a:first-child{float:left;}
.login-btn-zone a:last-child{float:right;}

.top-info2{text-align:left;padding:13px 0 11px 40px;background-image:url('../images/common/icon-age.svg');background-position:20px 15px;background-size:15px;background-repeat:no-repeat;}
.edit-btn-zone{text-align:center;padding:15px 20px;overflow:hidden;background-color:#f7f7f7;}
.edit-btn-zone a{display:inline-block;width:47.5%;height:36px;border:1px solid #2dbcb6;color:#2dbcb6;padding:7px 0 0 0;background-color:#fff;}
.edit-btn-zone a:first-child{float:left;}
.edit-btn-zone a:last-child{float:right;}

.spacer-1{height:1px;}
.spacer-3{height:3px;}
.spacer-5{height:5px;}
.spacer-10{height:10px;}
.spacer-15{height:15px;}
.spacer-20{height:20px;}
.spacer-25{height:25px;}
.spacer-30{height:30px;}
.spacer-35{height:35px;}
.spacer-40{height:40px;}
.spacer-45{height:45px;}
.spacer-50{height:50px;}
.spacer-60{height:60px;}
.spacer-70{height:70px;}
.spacer-80{height:80px;}
.spacer-90{height:90px;}
.spacer-100{height:100px;}
.spacer-105{height:105px;}
.spacer-110{height:110px;}
.spacer-120{height:120px;}
.spacer-130{height:130px;}
.spacer-140{height:140px;}
.spacer-150{height:150px;}
.spacer-160{height:160px;}
.spacer-165{height:165px;}
.spacer-170{height:170px;}


.w-50{width:50%;}
.w-45{width:45%;}
.w-40{width:40%;}
.w-35{width:35%;}
.w-33{width:33%;}
.w-30{width:30%;}
.w-27{width:27%;}
.w-25{width:25%;}
.w-23{width:23%;}
.w-20{width:20%;}
.w-17{width:17%;}
.w-16{width:16%;}
.w-15{width:15%;}
.w-10{width:10%;}
.w-5{width:5%;}



.bg-red{background-color:#f05b29;}
.bg-blue{background-color:#177b98;}
.bg-lightblue{background-color:#03acdc;}
.bg-lightblue2{background-color:#e6f8fd;}
.bg-orange{background-color:#fdaf17;}
.bg-lightorange{background-color:#fff3e5;}
.bg-lightgray{background-color:#f7f7f7;}
.bg-gray{background-color:#eee ;}
.bg-lightpurple{background-color:#fef4fe;}
.bg-white{background-color:#fff;}

.bg-green{background-color:#69d583;}
.bg-pink{background-color:#ed8693;}

.mypageitemlist {font-size:11px;text-align:left;}
.mypageitemlistdot {
  height: 3px;
  width: 3px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}