.sub_vi_txt { position:relative; text-align:center; width:100%; height:140px; line-height:120px; color:#fff; font-size:2rem; font-weight:500; }

#sub {padding:30px 0;}

.sub_content {width:100%; float:left; position:relative; padding:6% 3.5%; box-sizing:border-box; background:#f5f5f5}

.sub_content_bgnone {width:100%; float:left; position:relative; padding:6% 3.5%; box-sizing:border-box;}


#sub h2 {text-align:center; margin-bottom:30px; font-size:1.6rem; }



.search_pop {position:fixed; left:50%; top:0; transform:translate(-50%,0); background-color:#fff; max-width:800px; width:100%; height:100%; z-index:99999999999999; display:none; }
.search_pop .searchbox3 {width: 100%; position: relative; padding:20px 3% 10px 3%; }
.search_pop .searchbox3 input {width: 100%; line-height: 50px; border: 2px solid #ddd; padding-left: 3%;}
.search_pop .searchbox3 a {position: absolute; right:calc(3% + 5px); top: 0; width: 35px; height: 35px; margin-top: 32.5px; text-align: center; }
.search_pop .searchbox3 a img {width: 25px; opacity:.6; }
.search_pop .src_x {display:block; width:100px; line-height:30px; text-align:center; background-color:#777; color:#fff;  margin:10px auto; cursor:pointer; }
.search_pop ul {overflow:auto; height:100%; border-top:1px solid #ddd;}
.search_pop ul li {}
.search_pop ul li a {color:#555; padding:0 3%; line-height:30px; border-bottom:1px solid #ddd; display:block; }
.search_pop ul li a:hover {background-color:#eee; }
.search_pop ul li a span.src_word {color:#e7141a; }



.text01{font-size:0.95em; color:#555; font-weight:400; line-height:1.1em;}
.text02{font-size:0.97em; color:#555; font-weight:400; line-height:1.2em;}
.text03{font-size:1em; color:#333; font-weight:400; line-height:1.3em;}
.text04{font-size:1.05em; color:#333; font-weight:400; line-height:1.35em;}
.text05{font-size:1.1em; color:#333; font-weight:400; line-height:1.4em;}
.text06{font-size:1.2em; color:#333; font-weight:400; line-height:1.5em;}
.text07{font-size:1.25em; color:#333; font-weight:400; line-height:1.6em;}

.tit_145{font-size:1.45em;  color:#333; font-weight:500; line-height:1.35em;}
.f_bold {font-weight:500}
.f_bold6 {font-weight:600}

.input_css {vertical-align:-3px; width:17px; height:17px;  border:1px solid #ccc; margin-right:5px;}

.border_bottom_box {width:100%; display:inline-block; border-bottom:2px dashed #ddd; margin-bottom:30px; padding-bottom:20px;}

/* css 탭 */
.css_tab { list-style: none; margin: 0 auto; padding:0; position: relative; width: 100%;  }
.css_tab input[type='radio'] { display: none; }
.css_tab .css_tab_nav { display: table; table-layout: fixed; width: 100%;border-bottom:1px solid #ddd; }
.css_tab .css_tab_nav label { display: table-cell; border-bottom:1px solid #ddd; font-size:1.1em;  padding:8px 0; color:#999; text-align: center;  font-weight:500}
.css_tab .css_tab_nav label:hover {  cursor: pointer;  background: white;  }

.css_tab .css_tab_content { overflow: hidden;   padding: 0; display: none;  clear: left;  box-sizing: border-box; }
.css_tab input[id='tab_one']:checked ~ .css_tab_nav label[for='tab_one'] {cursor: default; border-bottom:2px solid #333; color:#333; font-weight:600}
.css_tab input[id='tab_one']:checked ~ div.tab_one { display: block; }
.css_tab input[id='tab_two']:checked ~ .css_tab_nav label[for='tab_two'] {cursor: default; border-bottom:2px solid #333; color:#333; font-weight:600}
.css_tab input[id='tab_two']:checked ~ div.tab_two { display: block;  }
.css_tab input[id='tab_three']:checked ~ .css_tab_nav label[for='tab_three'] {cursor: default; border-bottom:2px solid  #333; color:#333; font-weight:600}
.css_tab input[id='tab_three']:checked ~ div.tab_three {  display: block;    }
.css_tab input[id='tab_four']:checked ~ .css_tab_nav label[for='tab_four'] {cursor: default; border-bottom:2px solid  #333; color:#333; font-weight:600}
.css_tab input[id='tab_four']:checked ~ div.tab_four {  display: block;    }
.css_tab input[id='tab_five']:checked ~ .css_tab_nav label[for='tab_five'] {cursor: default; border-bottom:2px solid  #333; color:#333; font-weight:600}
.css_tab input[id='tab_five']:checked ~ div.tab_five {  display: block;   }


.ul_4x4{position:relative;width:100%; display:block;  box-sizing:border-box; }
.ul_4x4 li{width:50%; float:left;  border:1px solid #ddd; padding:30px 15px; box-sizing:border-box;}
.ul_4x4 li:nth-child(1){ box-sizing:border-box; border-right:none; border-bottom:none;}
.ul_4x4 li:nth-child(2){ box-sizing:border-box; border-bottom:none;}
.ul_4x4 li:nth-child(3){ box-sizing:border-box; border-right:none;}
.ul_4x4 li:nth-child(4){ box-sizing:border-box; }

.card_shape {max-width:180px; padding-bottom:110px; display:block; box-sizing:border-box; background-size:cover;  border:1px solid #ddd; margin:0 auto; border-radius:5px;}

.card_shape img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%; transition:.5s all;  }


.coupon_shape {width:95px; padding-bottom:95px; display:block;box-sizing:border-box; background-size:cover;  border-radius:50%; border:1px solid #ddd; margin:0 auto;}

.coupon_shape_view {width:95px; padding-bottom:95px; display:block; float:left;box-sizing:border-box; background-size:cover;  border-radius:50%; border:1px solid #ddd; margin:0 20px; }

.cp_tit {font-size:1.05em; font-weight:500; color:#333; }
.cp_date {font-size:0.97em; color:#666; font-weight:300; margin-top:3px;}

.coupon_shape img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%; transition:.5s all;  }

.coupon_num {display:inline-block; float:right; padding:2px 10px; background:#333; border-radius:15px; color:#fff !important; font-size:0.75em; font-weight:300; letter-spacing:0}

.allagree_btn {width:100%; position:fixed; bottom:0; left:0; float:left; background:#333; color:#fff !important; padding:10px 0; line-height:2em; font-weight:500;}

.modal_btn {display:inline-block; text-align:center; color:#666; padding:8px 30px; box-sizing:border-box; border-radius:20px; border:1px solid #ddd;}
.modal_btn2 {display:inline-block; text-align:center; color:#fff !important; padding:8px 30px; box-sizing:border-box; border-radius:20px; border:1px solid #333; background:#333}

.a_btn {background: rgb(15,102,169); width:200px;display:inline-block; box-shadow:1px 2px 3px rgba(0,0,0,0.2); border-radius:3px; padding:12px 0; text-align:center; color:#fff !important; font-weight:400; font-family:'Noto Sans KR';  font-size:1.1em;
background: -moz-linear-gradient(360deg, rgba(15,102,169,1) 0%, rgba(49,173,243,1) 100%);
background: -webkit-linear-gradient(360deg, rgba(15,102,169,1) 0%, rgba(49,173,243,1) 100%);
background: linear-gradient(360deg, rgba(15,102,169,1) 0%, rgba(49,173,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f66a9",endColorstr="#31adf3",GradientType=1);}

.bg_div {background:#f5f5f5; width:100%; display:inline-block; padding:30px 0;}

.img_reg_box {margin:0 auto; display:block; background:#eee; border:1px solid #ddd; color:#666; border-radius:5px; text-align:center; padding:6% 0;}

.bg_wh {width:100%; background:#fff; height:100px; float:left; position:relative;}

.text-container2 {
	line-height: 1.7rem;
	max-height: 240px;
	overflow: hidden;
	transition: max-height .4s ease;
}


.show-btn2 {
	background-color:#aaa;
	border: none;
	border-radius: 100%;
	bottom: 0px;
	z-index:999999999999999;
	color: #fff;
	cursor: pointer;
	height: 30px;
	left: 50%;
	margin-left: -15px;
	position: absolute;
	transition: background-color .25s ease;
	width: 30px;
	font-size:16px;
}

.show-btn2:hover {
	background-color: #a1c923;
}

.show-btn2.fa.rotate {transform:rotate(180deg); background:#a1c923}

/* 더보기 부분 하얀배경 */
.more-btn_wrap {width:100%; float:left; background:#fff; z-index:99999;position:relative;}

/* More 버튼 */
.more-btn_plus{
	background-color:#aaa;
	border: none;
	border-radius: 100%;
/*	bottom: 0px;*/
	color:  #fff !important;
	cursor: pointer;
	height: 30px;
/*	left: 50%;*/
/*	margin-left: -15px;*/
display:block;
/*	position: absolute;*/
	transition: background-color .25s ease;
	width: 30px;
	margin:0 auto;
	font-size:1rem;
	font-weight:500;
	position:relative;
	z-index:999999999999999999;
	text-align:center;
}

/*.more-btn_plus::before {*/
/*		content: "";*/
/*		position: relative;*/
/*		bottom: 0;*/
/*		left: 0;*/
/*		width: 100%;*/
/*		height:100px;*/
/*		background: linear-gradient(transparent, #fff);*/
/*	}*/

.more-btn_plus .fa {margin-top:6.5px; }
.more-btn_minus .fa{margin-top:6.5px;}

.more-btn_minus {
	background:#a1c923;
	border: none;
	border-radius: 100%;
	color:  #fff !important;
	cursor: pointer;
	height: 30px;
	margin-left: -15px;
	transition: background-color .25s ease;
	width: 30px;
	display:block; margin:0 auto;
	font-size:1rem;
	font-weight:600;
	z-index:999999999999999999;
	text-align:center;
}


.more-btn:hover {
	background-color: #a1c923;
}


.more-btn.fa.rotate {transform:rotate(180deg); background:#a1c923}




/* 내주변 위치메뉴바 */
.location_menu {position:relative; width:100%; float:left; display:block; padding:10px 15px; box-sizing:border-box; border-bottom:1px solid #ddd}
.loacation_btn {display:inline-block; width:40px; height:35px; float:left;  background:#f5f5f5; border:1px solid #ddd; border-radius:3px; margin-right:5px;}
.loacation_btn img{max-width:17px;vertical-align:0; margin-top:4px;}

.mmcard_viewbox {width:100%; float:left; background:#f7f7f7; padding:5% 0; box-sizing:border-box;}
.mmcard_btn {position:relative; width:100%; float:left; display:block; line-height:45px;box-sizing:border-box; background:#555; color:#fff !important; font-size:1em;}
.mmcard_btn img{max-width:20px; vertical-align:-3px; margin-left:5px}

.mmcard_text_wrap {width:100%; display:block; float:left; padding:4%; box-sizing:border-box;}

.barcode_box {width:100%; display:block; float:left; padding:15px 0; box-sizing:border-box; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

.barcode_box img {max-height:50px;}

/* 쿠폰 뷰페이지 */
.coupon_bgbox {width:100%; display:block; height: 105vh; padding-bottom:100%; padding-top:5%; background-size:cover; }

.share_icon_ul {width:100%; float:left; border:1px solid #ddd; text-align:center; background:#f7f7f7; padding:10px 0; margin-bottom:20px;}
.share_icon_ul li {display:inline-block;  margin-right:15px;  }
.share_icon_ul .share_icon {}
.share_icon_ul .share_icon img {max-width:35px; max-height:35px;border-radius:50%; vertical-align:bottom}


/*register*/
.register {}
.register .regi_tab {}
.register .regi_tab .wrap {width:400px; height:50px; line-height:50px; background-color:#eee; border-radius:25px; margin:0 auto; text-align:center; font-size:0; overflow:hidden; margin-bottom:30px; }
.register .regi_tab .wrap a {width:50%; height:50px; display:inline-block; font-size:.95rem; border-radius:25px; transition:.2s all; }
.register .regi_tab .wrap a.on {background-color:#e7141a; color:#fff; }
.register .regi_tab .wrap a:hover {background-color:#e7141a; color:#fff; }
.register > p {width:100%; background-color:#fdeaea; padding:10px 3%; border-top:2px solid #ffcbcb; border-bottom:2px solid #ffcbcb; margin-bottom:20px; }
.register .regi1 {padding:0 3%;  margin-bottom:30px; }
.register .regi1 h3 {line-height:30px; border-bottom:1px solid #ddd; font-size:1.05rem; margin-bottom:10px; }
.register .regi1 .textbox {background-color:#f3f3f3; margin-bottom:10px; padding:10px; height:100px; overflow:auto; }
.register .regi1 .textbox p {font-size:.8rem; line-height:1.4rem; font-weight:300; color:#444;}
.register .regi1 label {}
.register .regi1 label input {margin:5px 2px 0 0; }
.register .regi1 label span {}

.register .regi1 .table {width:100%; margin-bottom:10px; }
.register .regi1 .table dl {font-size:0; border-bottom:1px solid #ddd; }
.register .regi1 .table dl dt  {display:inline-block; width:33.333%; height:100%; vertical-align:middle; font-size:.9rem; padding:10px; font-weight:600; background-color:#eee; }
.register .regi1 .table dl dd {display:inline-block; width:33.333%; height:100%; vertical-align:middle; font-size:.9rem; padding:10px;}
.btn_red {display:block; width:100px; line-height:35px; background-color:#e7141a; color:#fff !important; text-align:center; margin:20px auto 0 auto;}


/*register2*/
.register2 {padding:0 3%; }
.register2 .regi2 {margin-bottom:30px;}
.register2 .regi2 h3 {line-height:30px; border-bottom:1px solid #ddd; font-size:1.05rem; margin-bottom:10px; }
.register2 .regi2 .form_txt {margin-bottom:20px; font-size:0;}
.register2 .regi2 .form_txt p {display:block; font-size:.95rem; margin-bottom:5px; }
.register2 .regi2 .form_txt input {width:100%; border:none; background-color:#f3f3f3; padding-left:10px; line-height:35px; font-size:.9rem; }
.register2 .regi2 .email input {width:30%; }
.register2 .regi2 .email select {width:30%; height:35px; line-height:35px; margin-left:1%; border:1px solid #ddd;}
.register2 .regi2 .form_txt a {display:inline-block; width:100px; background-color:#333; color:#fff; line-height:35px; text-align:center; font-size:.9rem; margin-left:10px; border-radius:5px; }
.register2 .regi2 .form_txt span {margin-top:5px; color:#555; font-size:.85rem; }
.register2 .regi2 select {height:35px; width:100%; border:1px solid #ddd;}
.register2 .regi2 .tel input {width:100px; vertical-align:middle; }
.register2 .regi2 .tel span {vertical-align:middle; }
.register2 .regi2 .tel a {vertical-align:middle; }
.register2 .regi2_btn {text-align:center; margin-top:40px;}
.register2 .regi2_btn .wrap {display:inline-block; }
.register2 .regi2_btn .wrap a {width:130px; display:inline-block; text-align:center; line-height:35px; background-color:#ddd; border-radius:5px; margin-right:5px; }
.register2 .regi2_btn .wrap a:last-child {background-color:#e7141a; color:#fff; }



#small-dialog {
	background: white;
	text-align: left;
	width:80%;
	max-width: 100%;
	margin: 30px auto;
	padding:40px 0;
	position: relative;
}


.pd_top_80 {padding-top:160px !important;}
.pd_top_200 {padding-top:220px !important;}



/** =======================
 * Accordion
 ===========================*/

 #accordion {
 	width: 100%;
 	background: #fbfbfb;
 }

#accordion .link {
	cursor: pointer;
	display: block;
	padding: 18px 15px 18px 15px;
	color: #000;
	font-size: 1em;
	font-weight: 500;
	border-bottom: 3px solid #fff;
	position: relative;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

#accordion li:last-child .link {
	border-bottom: 3px solid #fff;
  margin-bottom: 0px !important;
}

#accordion li i {
	position: absolute;
	top: 22px;
	left: 12px;
	font-size: 18px;
	color: #000;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

#accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 12px;
}

#accordion li.open .link {
	color: #000;
}
#accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

#accordion li.default .submenu {display: block;}
/**
 * Submenu
 -----------------------------*/
#accordion  .submenu {
 	display: none;
 	background: #fbfbfb;
 	font-size: 13px;
  letter-spacing: 3px;
 }

#accordion  .submenu p {
  	border-bottom: 3px solid #fff;
 }

#accordion .submenu p {
 	display: block;
 	text-decoration: none;
 	color: #666;
 	padding: 15px;
 	padding-left: 18px;
	box-sizing:border-box;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

#accordion .submenu p:hover {
 	background: #fbfbfb;
 	color: #000;
 }
/**
 * More FAQs
 -----------------------------*/
#accordion + .more-faqs {
  margin-top: 0px !important;
  background: none !important;
}

.fa-chevron-right {
  margin-left: 115px;
  font-size: 10px !important;
}

#more-faqs {
  font-size: 13px;
  letter-spacing: 3px;
}



/* ****************** 회원가입폼  ********************** */
/* 이용약관 박스 */
.mem_t_txt_wrap {width:100%; float:left; height:120px; overflow-y:auto; border:1px solid #ddd; border-radius:5px; font-size:0.9em; color:#999; line-height:1.5em; padding:2%; box-sizing:border-box; font-weight:300; margin-bottom:5px;}

.inquiry_box {width:100%; float:left; padding:2.5%; box-sizing:border-box; border:1px solid #ddd; box-sizing:border-box; box-shadow:2px 2px 3px rgba(0,0,0,0.05)}

.inquiry-essential-txt{text-align:right; color:#373737; font-size:14px; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{color:#cf0505;}

.inquiry_table{width:100%; border-top:0px solid #999;}
.inquiry_table th, .estimate_table td{padding:5px 10px; letter-spacing:-0.5px; border-bottom:1px solid #ddd;}
.inquiry_table th{padding-left:2%; color:#464646; font-size:0.9em; font-weight:500; text-align:left;}
.inquiry_table th{border-left:1px solid #ddd;}
.inquiry_table th:first-child{border-left:0;}
.inquiry_table .write-input,
.inquiry_table .write-select,
.inquiry_table .write-textarea{height:34px; border:0px; width:50%; background-color:#fff; border:1px solid #ddd; font-size:0.92em; vertical-align:middle;}

.inquiry_table tr,.inquiry_table th,.inquiry_table td{display:block; padding:0; width:100% !important; border-bottom:0; text-indent:0;}
.inquiry_table th{font-size:0.97em; padding-top:10px; font-weight:500;}
.inquiry_table td{padding:5px 0 10px 0; border-bottom:0px solid #999;  font-size:0.98em;}
.inquiry_table td .write-input,
.inquiry_table td .write-select,
.inquiry_table td .write-textarea{width:100% ; height:auto; color:#666; padding:8px 6px; border:1px solid #ddd; background-color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}

.inquiry_table td.inquiry-mail .write-input{width:40% !important;}
.inquiry_table td.inquiry-mail .write-select{width:100% !important; margin-top:5px;}


/* 모바일 모달창 */
.mobile-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  background-color: #FFF;
  padding: 0;
  font-size: 1em;
  display: none;
}
.mobile-modal.mobile-modal--visible {
 z-index:9999999;
  display: block;
  -webkit-animation: fadeIn 0.2s;
	animation: fadeIn 0.2s;
}
.mobile-modal__wrapper {
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  padding-bottom: 100px;
}
.mobile-modal__content {
  padding: 20px 15px;
  box-sizing:border-box;
}

.mobile-modal__cancel {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  height: 60px;
  width:100%;
  border-bottom:1px solid #ddd;
  background-color: #F7f7f7;
}
.mobile-modal__cancel a {
  display: block;
  color: #555;
  font-size: 1em;
  font-weight: 300;
  line-height: 1em;
  text-decoration: none;
  padding: 15px 0;
  box-sizing:border-box;
  white-space: nowrap;
}

.bd-mobile-modal--visible {
  height: 100%;
  position: relative;
  overflow: hidden;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.md_trigger {
  text-align: center;
}
 .js-open-modal {
  text-decoration: none;
  transition: all 0.3s ease-out;
  box-sizing:border-box;
}
 .js-open-modal:hover {
/*  background-color: #369fab;*/
/*  color: #F2E7E2;*/
}