@charset "utf-8";
@import url("font.css");

html, body, div, nav, header, footer, section, article, aside, hgroup, iframe, h1, h2, h3, h4, h5, h6, p, a, span, i, em, strong, b, address, fildset, form, input, select, label, button, img, dl, dt, dd, ul, ol, li, table, caption, thead, tbody, tfoot, tr, th, td, textarea, hr {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
}

html, body {width:100%; min-width:320px; height:100%;}
body {
	line-height:1;
	color:#333;
	font-family:'Nanum Square', sans-serif;
	font-size:14px;
	font-weight:400;
	word-break:break-all;
	background:#fff;
}
body::-webkit-scrollbar {display:none;}
nav, header, footer, section, article, aside, hgroup {display:block;}
ul, ol, dl {list-style:none;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
img {max-width:100%; vertical-align:top;}
a {display:inline-block; color:#262626; text-decoration:none;}
i, em, address {font-style:normal; font-weight:normal;}

/* mb */
.mb80{margin-bottom: 80px  !important;}

/* button, select, input reset */
input, select, button, textarea {
	font-family:'Nanum Square', sans-serif;
	font-size:14px;
	font-weight:400;
	vertical-align:top; 
}
input, button {*overflow:visible; border-radius:0; -webkit-appearance:none;}
select:only-child {width:100%;}
button, label {cursor:pointer;}
input::-webkit-input-placeholder {color:#b3b3b3; font-size:14px; font-weight:400;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; appearance:none; margin:0;}

hr.hr1 {border:0; width:100%; height:1px; margin:0; background:#ececec;}
hr.hr7 {border:0; width:100%; height:7px; margin:0; background:#e6e6e6;}

/* input style */
.input_box {height:46px; border-bottom:1px solid #ccc;}
.input_box.active {border-bottom:1px solid #188de8;}
.input_box input {width:100%; line-height:45px; color:#111; font-weight:600;}
.input_box.price input {color:#ff685d; font-size:20px;}

.input_item {position:relative;}
.input_item .unit {position:absolute; top:50%; right:0; margin-top:-7px;}
.input_item input{padding-right:40px;}
.input_item.in_btn input {padding-right:75px;}
.input_item button {position:absolute; right:0; bottom:8px;}
.input_item button.btn_cal {bottom:12px; width:19px; height:19px; text-indent:-9999px; background:url("../images/ic_calendar.png") no-repeat; background-size:100%;}
.input_item input[type=text].input_cal, .input_item input[type=date].input_cal{padding-right: 0;background: url(../images/ic_calendar.png) no-repeat;background-position: right;background-size: 19px;}
.input_tt {width:calc(100% - 80px); width:-webkit-calc(100% - 80px);}
 input[type=date]::-webkit-calendar-picker-indicator {display: none;}

/* checkbox */
.input_check input[type=checkbox]:not(old) + label {display:inline-block; line-height:22px; padding-left:32px; font-size:13px; background:url("../images/ic_check.png") no-repeat 0 top; background-size:22px;}
.input_check input[type=checkbox]:not(old):checked + label {color:#111; font-weight:400; background:url("../images/ic_check_sel.png") no-repeat 0 top; background-size:22px;}
.input_check.disable input[type=checkbox]:not(old) + label {color:#b3b3b3; font-weight:300; background:url("../images/ic_check_dis.png") no-repeat 0 top; background-size:22px;}

.list_checkbox {position:relative; width:100%; height:100%; min-height:24px;}
.list_checkbox label {display:block; width:100%; height:100%;}
.list_checkbox label > span.label_info  {display:block;}
.list_checkbox input[type=checkbox]:not(old) {display:none;}
.list_checkbox input[type=checkbox]:not(old) + .checkbox {display:inline-block; position:absolute; top:50%; right:0; width:24px; height:24px; margin-top:-12px; background:url("../images/btn_check_off.png") no-repeat; background-size:24px; z-index:-1;}
.list_checkbox input[type=checkbox]:not(old):checked + .checkbox {background:url("../images/btn_check_on.png") no-repeat; background-size:24px;}

/* select style */
select {
	height:45px;
	border-radius:0;
	color:#333;
	font-weight:700;
	-webkit-appearance:none;
	   -moz-appearance:none;
		 	appearance:none;
}

.select_box {position:relative; width:100%; height:46px; background:#fff; border-bottom:1px solid #ccc;}
.select_box:after {display:block; position:absolute; top:50%; right:5px; content:""; width:8px; height:8px; margin-top:-4px; background:url("../images/arrow_input_nor.png") no-repeat 0; background-size:100%; z-index:10;}
.select_box.active {border-bottom:1px solid #188DE8;}
.select_box.active:after {background:url("../images/arrow_input_sel.png") no-repeat 0; background-size:100%;}

/* button style */
button.btn_main {width:100%; height:50px; padding:0 20px; color:#fff; font-size:15px; font-weight:700; background:#43cecf; position: fixed; bottom: 0px;}
button.btn_main:active {background:#3cb9ba;}
button.btn_set {width:40px; height:40px; text-indent:-9999px; background:url("../images/btn_set.png") no-repeat; background-size:100%;}
button.btn_main:disabled {color:#ddeeee; background:#abcece;}
button.btn_set:active {background:url("../images/btn_set_s.png") no-repeat; background-size:100%;}
button.btn_add_item {position:absolute; left:50%; width:60px; height:60px; margin-left:-30px; text-indent:-9999px; background:url("../images/btn_create.png") no-repeat; background-size:contain; z-index:100;} 
button.btn_add_item:active {background:url("../images/btn_create_s.png") no-repeat; background-size:contain;}
button.btn_type1 {height:30px; padding:0 14px; color:#fff; font-size:13px; font-weight:700; border-radius:30px; background:#666;}
button.btn_type1:active {background:#5c5c5c;}
button.btn_type2 {height:30px; padding:0 14px; color:#fff; font-size:13px; border-radius:30px; font-weight:700; background:#FF685D;}
button.btn_type2:active {background:#e55d54;}
button.btn_type3 {height:30px; padding:0 14px; color:#fff; font-size:13px; border-radius:30px; font-weight:700; background:#41CFD0;}
button.btn_type3:active {background:#3cb9ba;}
button.btn_move {width:56px; height:60px; text-indent:-9999px; background:url("../images/btn_move.png") no-repeat; background-size:contain;}
button.btn_search {width:100%;height:50px;padding:0 20px;color:#fff;font-size:15px;font-weight:700;background:#43cecf;bottom: 0px;}

.btn_type_add {width:400;height:28px; padding:0 14px; color:#fff; font-size:13px; font-weight:700; border-radius:30px; background:#666;}
.btn_type_add:active {background:#5c5c5c;}


/* font */
.red {color:#ff685d !important;}
.fw_l {font-weight:300;}
.fw_r {font-weight:400;}
.fw_b {font-weight:700;}

/* text */
.txtc {text-align:center !important;}
.txtl {text-align:left !important;}
.txtr {text-align:right !important;}
.left {float:left !important;}
.right {float:right !important;}
	
/* margin, padding */
.mg0 {margin:0 !important;}
.mg_t0 {margin-top:0 !important;}
.mg_b0 {margin-bottom:0 !important;}
.mg_t20 {margin-top:20px !important;}
.pg0 {margin:0 !important;}
.pd_t0 {padding-top:0 !important}
.pd_b0 {padding-bottom:0 !important}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_b15 {padding-bottom:15px !important;}

/* Layout */
.ct_tb {display:table !important; width:100%;}
.ct_row {display:table-row !important;}
.ct_cell {display:table-cell !important;}
.cell2 {width:50%;}
.cell4 {width:25%;}

.wrap {overflow:hidden; position:relative; width:100%; min-height:100%;}
.container {width:100%; padding:0 20px;}
.container2 {width:100%; padding:0 40px;}

.flex_wrap {height:100%;}
.flex_container {
	position:relative;
	height:100%;
	display:-webkit-flex; 
	display:flex; 
	-webkit-flex-direction:column;
			flex-direction:column;
	-webkit-justify-content:center;
			justify-content:center;
	-webkit-align-items:center; 
			align-items:center;
}
.flex_div {flex:1; -webkit-flex:1;}

.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:table; line-height:0; content:'';}
.clearfix:after {clear:both;}

/* action_bar */
.action_bar {position:fixed; top:0; left:0; width:100%; height:56px; background:#188de8; z-index:200;}
.action_bar h1 {overflow:auto; height:56px; padding:0 52px;line-height:56px;color:#fff;font-size:16px;font-weight:500;text-align:center;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.action_bar button {position:absolute; top:50%; width:28px; height:28px; margin-top:-14px; text-indent:-9999px;}
.action_bar button:active:after {display:block; position:absolute; top:50%; width:28px; height:28px; margin-top:-14px; background:#000; opacity:.1; z-index:999; content:"";}
.action_bar button.btn_back {left:14px; background:url("../images/ic_action_back.png") no-repeat; background-size:contain;}
.action_bar button.btn_menu {right:14px; background:url("../images/ic_action_menu.png") no-repeat; background-size:contain;}
.action_bar button.btn_close {right:14px; background:url("../images/ic_menu_close.png") no-repeat; background-size:contain;}
.action_bar button.btn_del {right:14px; background:url("../images/ic_action_delete.png") no-repeat; background-size:contain;}
.action_bar button.btn_add {right:14px; background:url("../images/ic_action_add.png") no-repeat; background-size:contain;}
.action_bar button.btn_write {right:14px; background:url("../images/ic_action_write.png") no-repeat; background-size:contain;}

.action_bar.web h1 {padding:10px 20px 0; line-height:20px; font-size:16px; height: 30px}
.action_bar.web .m_name {display:block; color:#fff; margin-top:7px; font-size:13px; font-weight:400; text-align:center;overflow: hidden;}

.action_bar + div {padding-top:56px;}

/* button layout */
.btn_bottom {position:fixed; bottom:0; width:100%; z-index:100;}
.btn_bottom.keypad {position:absolute;}

.badge {display:inline-block; height:22px; margin-left:10px; line-height:22px; color:#04ba84; font-size:13px; font-weight:700; border-radius:11px; background:#fff; text-align:center;}
.badge.b1 {width:22px;}
.badge.b2 {width:30px;}
.badge.b3 {width:38px;}

.button1 {width:100%; height:50px;}
.button1 button {float:left; width:100%;}
.button2 {width:100%; height:50px;}
.button2 button {float:left; width:50%;}
.button2 button:nth-child(1){position:relative;}
.button2 button:nth-child(1):after {position:absolute; top:50%; right:0; width:1px; height:22px; margin-top:-11px; background:#fff; opacity:0.5; content:"";}

.pop_button.button2 button {width:50%;}
.pop_button.button2 button:first-child {position:relative;}
.pop_button.button2 button:first-child:after {position:absolute; right:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#F2F2F2; content:"";}


/* */
.info_bottom {position:fixed; bottom:70px; width:100%; text-align:center;}
.info_bottom p {font-size:13px;}

/* tab */
.btn_tabs {width:100%; margin-top:20px; margin-bottom:10px;}
.btn_tabs ul {display:block; width:100%; margin-top:1px;}
.btn_tabs li {position:relative; display:table; float:left; height:40px; margin-left:-1px; margin-top:-1px; text-align:center; vertical-align:middle; border:1px solid #e6e6e6; background:#f2f2f2;}
.btn_tabs li:nth-child(odd) {margin-left:0;}
.btn_tabs li.on {font-weight:700; border:1px solid #b3b3b3; background:#fff; z-index:10;}
.btn_tabs li.on:after {position:absolute; top:-9px; right:-9px; width:18px; height:18px; background:url("../images/ic_check.png") no-repeat; background-size:100%; z-index:20; content:"";}
.btn_tabs li a {display:table-cell; font-size:13px; vertical-align:middle;}
.btn_tabs.tab2 li {width:calc((100% + 1px)/2); width:-webkit-calc((100% + 1px)/2);}
.btn_tabs.tab1 li {width:calc((100% + 1px)/2); width:-webkit-calc((100% + 1px));}

.btn_tabs2 {width:100%;}
.btn_tabs2 ul {display:block; width:100%;}
.btn_tabs2 li {float:left; position:relative; text-align:center; border-bottom:1px solid #ccc;}
.btn_tabs2 li.on:after {display:block; position:absolute; left:0; bottom:-1px; width:100%; height:4px; background:#188de8; content:"";}
.btn_tabs2 li a {line-height:45px; color:#808080; font-size:13px;}
.btn_tabs2 li.on a {color:#057cd9; font-weight:700;}
.btn_tabs2.tab2 li {width:50%;}
.btn_tabs2.tab3 li {width:calc(100%/3); width:-webkit-calc(100%/3);}

.btn_tab_box {}
.btn_tab_box button {float:left; height:40px; border:1px solid #d9d9d9; border-left:none;}
.btn_tab_box button:first-child {border-left:1px solid #d9d9d9;}
.btn_tab_box.tab4 button {width:25%;}

/* list style */
/* info list */
.ct_list {display:block; width:100%;}
.ct_list li {padding:19px 20px; border-bottom:1px solid #ececec;}

.tt_date {}
.tt_date p {line-height: 22px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 22px; overflow: hidden;}
.tt_info {display:block; margin-top:6px; font-size:13px; color:#999;}

.tag_list {width:40px;padding-left:20px;}
.tag_list .tag {width:40px; height:40px; text-indent:-9999px;}
.tag_list .tag.top1 {background:url("../images/tag_list_top1.png") no-repeat; background-size:contain;}
.tag_list .tag.top2 {background:url("../images/tag_list_top2.png") no-repeat; background-size:contain;}
.tag_list .tag.top3 {background:url("../images/tag_list_top3.png") no-repeat; background-size:contain;}
.tag_list .tag.event {background:url("../images/tag_list_event.png") no-repeat; background-size:contain;}

.view_tt {padding:20px 0; text-align:left; border-bottom:1px solid #ececec;}
.view_tt p {line-height:22px; font-size:15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 66px; overflow: hidden;}
.view_ct {padding:20px 0;}
.view_ct p {margin-top:16px; font-size:14px; line-height:18px;}
.view_ct p:first-child {margin-top:0;}
.view_tt .tt_info {margin-top:20px;}

/* set list */
.set_list {display:block; width:100%;}
.set_list li {height:60px; padding:0 20px; border-bottom:1px solid #ececec;}
.set_list li .ct_cell {vertical-align:middle;}
.set_list li .btn_cell {width:25%; text-align:right;}

/* title input */
.section_tt {height:30px; margin-bottom:20px; padding:0 20px; line-height:30px; text-align:left; background:#f2f2f2;}
.section_tt span {font-size:13px; font-weight:700;}
.section_ct {padding:0 20px;}

.ct_box {margin-bottom:30px;}
.ct_box .ct_tt {margin-bottom:9px; font-size:13px;}

.ct_box.col1 {display:table; width:100%; height:46px; margin-bottom:6px;}
.ct_box.col1 .ct_tt {display:table-cell; position:relative; padding:0 0 0 10px; vertical-align:middle;}
.ct_box.col1 .ct_tt:before {display:inline-block; position:absolute; top:22px; left:0; width:3px; height:3px; border-radius:50%; background:#666; content:"";}

.ct_box.col2 {display:table; width:100%; height:46px; margin-bottom:6px;}
.ct_box.col2 .ct_tt {display:table-cell; position:relative; width:80px; padding:0 10px; vertical-align:middle;}
.ct_box.col2 .ct_tt:before {display:inline-block; position:absolute; top:22px; left:0; width:3px; height:3px; border-radius:50%; background:#666; content:"";}
.ct_box.col2 .input_box {display:table-cell; width:calc(100% - 80px); -webkit-width:calc(100% - 80px);}

/* no result */
.no_result {text-align:center; padding-bottom:110px;}
.no_result .cd_ico {display:block; width:30px; height:30px; margin:0 auto; margin-bottom:12px; background:url("../images/ic_nolist_error.png") no-repeat; background-size:100%;}
.no_result p {line-height:22px; color:#737373;}

/* pop */
.pop_wrap {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:200;}
.pop_box {position:absolute; top:50%; left:50%; width:280px; background:#fff; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

.pop_tt {position:relative; padding:17px 20px; text-align:center; border-bottom:1px solid #e6e6e6;}
.pop_tt > * {font-weight:700;}
.pop_tt .btn_close,  .pop_tt_bg .btn_close {position:absolute; right:14px; top:9px; width:28px; height:28px; background:url("../images/ic_popup_close.png") no-repeat; background-size:100%; text-indent:-9999px;}
.pop_tt_bg {padding:17px 0; background:#5b89ff; text-align:center;}
.pop_tt_bg h2 {color:#fff; font-size:14px; font-weight:700;}
.pop_tt_bg.type1 {background:#5b89ff;}
.pop_tt_bg.type2 {background:#ff685d;}

.pop_ct {position:relative; padding:27px 25px; text-align:center; line-height:1.5em;}
.pop_ct p {line-height:20px; word-wrap:break-word; /*word-break:keep-all;*/}
.pop_ct.btn_list {padding:20px;}

.pop_ct2 {padding:10px 20px 20px 20px;}

.pop_btn {width:100%; height:46px;}
.pop_btn button {height:46px; color:#fff; font-size:13px; background:#43cecf;}
.pop_btn button:nth-child(1):after {height:18px; margin-top:-9px;}

.pop_guide {padding:12px 20px; background:#f2f2f2;}
.pop_guide p {line-height:16px; font-size:12px;}
.pop_guide .ic_info {padding-left:20px; background:url("../images/ic_info_popup.png") no-repeat left top; background-size:14px;}

.pop_img {width:100%; height:250px; text-align:center; overflow:hidden;}
.pop_chk {float:left; position:relative; width:70%; height:46px; padding-left:10px; color:#fff; font-size:13px; background:#43cecf;}
.pop_chk:after {position:absolute; right:0; top:50%; width:1px; height:18px; margin-top:-9px; background:#fff; opacity:0.4; content:"";}
.pop_chk input[type=checkbox]:not(old) + label {margin-top:12px; color:#fff;}
.pop_chk + button {width:30%;}



/* Picker */
.select_list {width:220px; background:#fff; }
/*
 .select_list ul {overflow: scroll;}
.select_list ul::-webkit-scrollbar {width: 6px;} 팝업스크롤바 보이도록 수정
.select_list ul::-webkit-scrollbar-track {
  background-color: transparent;
}
.select_list ul::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: transparent;
}
.select_list ul::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.select_list ul {max-height:254px; overflow-y:scroll; } */

.select_list ul {max-height:250px; overflow-y:scroll; }
.select_list ul > li {height:50px; line-height:50px; text-align:center; border-top:1px solid #ececec;}
.select_list ul > li:first-child {border-top:none;}
.select_list ul > li span {color:#333; font-size:13px;}
.select_list .add_item {height:51px; line-height:51px; text-align:center; border-top:1px solid #ececec; cursor:pointer;}
.select_list .add_item span {display:inline-block; padding-left:24px; color:#0eb5b6; font-weight:700; background:url("../images/ic_add.png") no-repeat center left; background-size:14px;}


/* 약관 */
.terms_section {margin-bottom:39px;}
.terms_tt {margin-bottom:12px; line-height:22px; font-size:15px; font-weight:700;}
.terms_ct {line-height:22px; font-size:14px;}
.terms_ct .depth1 > li {text-indent:-16px; margin-left:16px; margin-bottom:15px;}
.terms_ct .depth2 > li {text-indent:-16px; margin-left:16px; margin-top:10px; margin-bottom:9px;}
#go_top {display:none; position:fixed; right:20px; bottom:20px;}
#go_top a {width:46px; height:46px; text-indent:-9999px; background:url("../images/btn_go_top.png") no-repeat; background-size:100%;}
#go_top a:active {background:url("../images/btn_go_top_s.png") no-repeat; background-size:100%;}

/* 앱 팁, 공지사항 */
.view_ct table {    border: solid 2px black;}
.view_ct tbody {    border: solid 2px black;}
.view_ct tr {    border: solid 2px black;}
.view_ct td {    border: solid 2px black;}