	*{font-family:'Noto_R'; font-size:16px; letter-spacing:-0.5px; color:#303030; }
.wordbreak{word-wrap:break-word;word-break:break-all;}
	*:focus { border:0px; }
	input { -webkit-tap-highlight-color:transparent;}

	.td_delivery_pop { position:fixed; width:100%; height:100%; background:rgba(125,125,125,0.7); z-index:2; top:0px;  }
	.td_delivery_pop_contain { width:100%; height:100%; }
	.td_delivery_pop_contents { width:82%; margin:auto; background:#ffffff; margin-top:9%; height:82%; overflow:hidden; position:relative; }
	.td_delivery_pop_title { width:100%;  height:40px; line-height:40px; vertical-align:middle; text-align:left; margin-left:10px; padding:10px; }
	.td_delivery_pop_title h1 { color:#000000; font-weight:bold; height:40px;  }
	.td_delivery_pop_space { margin-left:10px; padding:0px 10px 10px 10px; }
	.td_delivery_pop_space *{ font-size:14px; }
	.td_delivery_pop_page { width:100%; overflow:scroll; height:calc(100% - 199px); margin-top:5px; }
	.td_delivery_table { width:100%; border-bottom:3px solid #f1f1f1; display:block; padding-top:10px;padding:10px; }
	.td_delivery_table *{ font-size:14px; }
	.td_delivery_table tr:first-child *{ font-size:16px; }
	.td_delivery_table tr:nth-child(2) td { padding-top:10px; }
	.td_delivery_table:first-child {border-top:3px solid #f1f1f1; }
	.td_delivery_table tbody tr th {  text-align:left; }
	.td_delivery_table tbody tr th input[type=radio] { vertical-align:middle; margin-left:10px; }
	.td_delivery_table tbody tr td { padding-left:30px;  }
	
	.td_delivery_bottom {width:100%; text-align:center; bottom:0%; background:#ffffff; position:absolute; }
	.btn_cancel { width:50%; height:50px; line-height:50px; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3; float:left; }
	.btn_ok { width:50%; height:50px; line-height:50px; border-top:1px solid #e3e3e3; float:right; }
	.info_msg  { font-size:14px; }


	

	.page { margin:0px; padding:0px; width:100%; } 
	.page .page_top { background-color:#ffffff;  width:100%; text-align:center;  position:relative; display:flex;  }
	.page .page_top h1 { color:#000000;  padding:15px; font-size:16px; margin:auto;}
	.page_left {width:50px;  display:inline-flex;  }
	.page_left span { display:block; margin:auto; color:#000000; }
	.page_center { width:100%; display:inline-flex; text-align:center; }
	.page_right { width:50px;  display:inline-flex;}
	.page_right span { display:block; margin:auto; color:#000000; }

	.page_input {height:53px; border:1px solid #f5f5f6; border-radius:5px; background-color:#fafafa; padding-left:10px; }
	.page_input::placeholder {text-align:left; color:#c7c7c7; font-size:18px; }

	.page_input:disabled {height:53px; border-radius:5px; border:1px solid #f5f5f6; background-color:#fafafa !important; padding-left:10px; }

	.page_input_1 { height:50px; border:0px; background-color:#ffffff; }
	.page_input_1::placeholder {text-align:left; color:rgb(199,199,199); font-size:16px; }

	.page_input_2 { height:50px; border:none; margin-left:10px; background-color:#fafafa }
	.page_input_2::placeholder {text-align:left; color:#c7c7c7; font-size:18px; }

	.page_input_devid { width: 28%; height:50px; border-radius:5px; border:1px solid #DFDFDF; padding-left:10px; font-size:16px; border-radius:5px; }
	.page_year { width:30%;}

	
	.div_button {  border:1px solid rgb(39,68,198); height: 53px; line-height:51px; width:30%; text-align:center; float:right; border-radius:7px; color:rgb(39,68,198); vertical-align:middle; font-size:17px; box-sizing: border-box;  outline:none; }
	.div_button_act {  color:#ffffff; background-color:rgb(39,68,198);  }


	.div_button_2 {  border:1px solid rgb(39,68,198); height: 50px; line-height:50px; width:30%; text-align:center; float:right; border-radius:7px; color:rgb(39,68,198); vertical-align:middle; font-size:14px; box-sizing: border-box;  }
	
	.div_button_13 {  border:1px solid #e6723f; height: 51px; line-height:51px; width:30%; text-align:center; float:right; border-radius:7px; color:#e6723f; vertical-align:middle; font-size:17px; box-sizing: border-box;  outline:none; }
	
	select { 
		width: 200px; /* 원하는 너비설정 */
		font-family: inherit; /* 폰트 상속 */ 
		padding-left:5px;
		background: url(/static/img/member/select_down_icon.png) no-repeat calc(100% - 10px) 50%; /* 네이티브 화살표 대체 */
		background-size: 10px;
		border: 1px solid #dfdfdf; border-radius: 0px; /* iOS 둥근모서리 제거 */ 
		-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
		-moz-appearance: none; appearance: none; 
		 outline:none;
	}


	select option { outline:none; }
	input[type=search] { outline:none; }
	input[type=search]::-ms-clear,
	input[type=search]::-ms-reveal{
		display:none;width:0;height:0;
	}
	input[type=search]::-webkit-search-decoration,
	input[type=search]::-webkit-search-cancel-button,
	input[type=search]::-webkit-search-results-button,
	input[type=search]::-webkit-search-results-decoration{
		display:none;
	}

	._input{
		border:1px solid #eaeaea;height:45px;outline:none;padding-left:5px;width:95%;background-color:#ffffff; border-radius:5px;
	}
	._input::placeholder { color:rgb(199,199,199);}

	._input75{
		border:1px solid #eaeaea;height:45px;outline:none;padding-left:5px;width:75%;background-color:#ffffff; border-radius:5px;
	}
	._input75::placeholder { color:rgb(199,199,199);}

	._input100{
		border:1px solid #eaeaea;height:45px;outline:none;padding-left:5px;width:100%;background-color:#ffffff; border-radius:5px;
	}
	._input100::placeholder { color:rgb(199,199,199);}



	.holder-color::placeholder { color:#000000; }

	.large-font-size { font-size:18px !important; }
	.font-size { font-size:16px; }
	.small-font-size { font-size:14px; }
	.middle-font-size { font-size:15px; }

	


	.div_writeTable { margin:5px; }

		
	.writeTable { width:100%; }
	/*.writeTable tbody tr th { padding:32px 19px 8px 19px; font-size:17px; color:#303030; text-align:left;}*/
	.writeTable tbody tr th { padding:32px 19px 8px 19px; font-size:16px; color:#303030; text-align:left; font-weight: normal;}
	/*.writeTable tbody tr th span { font-size:17px; }*/
	.writeTable tbody tr th span { font-size:16px; }
	.writeTable tbody tr td { padding:8px 19px 8px 19px;}
	
	.writeTable tbody tr th.left { text-align:left;}
	.writeTable tbody tr td.left { text-align:left;}

	.writeTable .table_act { font-weight:bold; }
	
	.writeTable tbody tr td label { color:#919191;}

	.require { color:rgb(39,68,198);} 

	.marketing { margin-top:45px; margin-right:19px; margin-left:19px; }
	.marketing_title { margin-bottom:7px; font-size:16px; }
	.marketing_content { float:left; width:calc(100% - 10px); text-align:left; padding-top:26px; }
	.marketing_content label { font-size:16px; margin-left:5px; color:#626364; font-weight:300;}
	.marketing_content input[type=radio] {  vertical-align:sub; margin-left:2px; font-size:16px; }

	.clearboth { clear:both;}

	.agreements { margin:6px 19px 0px 19px; }
	.agreements label { font-size:16px; }
	.agreements span { font-size:16px; }

	.page_footer { width:100%; margin-top:35px; padding-bottom:20px; background-color:#ffffff; }
	.member_join_btn { width:100%; text-align:center; padding:30px 0px 30px 0px; margin-top:30px; }
	.page_footer .member_join_btn { width:90%; background-color:rgb(223,223,223); text-align:center; padding:15px 0px 15px 0px; margin-top:15px; border-radius:8px; margin:auto; }
	.page_footer .member_join_btn_ok { width:90%; background-color:rgb(39,68,198); text-align:center; padding:15px 0px 15px 0px; margin-top:15px; border-radius:8px; margin:auto; }

	.member_join_btn span { font-weight:bold; font-size:18px; color:#ffffff;} 
	.member_join_btn_ok span { font-weight:bold; font-size:18px; color:#ffffff;} 

	.footer_btn { width:100%; text-align:center;padding:16px 0px 16px 0px; border-radius:8px; margin:auto; background-color:rgb(39,68,198); margin-top:40px; }
	.footer_btn span { font-weight:bolder; font-size:18px; color:#ffffff;} 

	.footer_btn1 { text-align:center; padding:15px 0px 15px 0px; margin-top:15px; border-radius:8px; margin:auto; color:rgb(39,68,198); border:1px solid rgb(39,68,198); }
	.footer_btn1 span { font-family:'Noto_M'; font-size:17px; color:rgb(39,68,198);} 

	.footer_btn2 { width:100%; text-align:center;padding:16px 0px 16px 0px; margin-top:15px; border-radius:8px; margin:auto; background-color:rgb(39,68,198);}
	.footer_btn2 span { font-weight:bolder; font-size:18px; color:#ffffff;letter-spacing:5px;} 

	.error { color:red;  }

	.act { border:1px solid rgb(39,68,198); height:53px; }
	.act1 { border:1px solid rgb(39,68,198); height:45px; }
	input[type=text]:focus { outline:none; }
	input[type=search]:focus { outline:none; }
	input[type=number]:focus { outline:none;  }
	input[type=password]:focus { outline:none; }
	input[type=email]:focus { outline:none; }

	select:focus {  outline:none;  }

	textarea { -webkit-appearance:none;  }
	textarea:focus { outline:none;   }
	textarea::placeholder { color:rgb(199,199,199); }

	

	input[type=number] { -webkit-appearance: none; font-size:17px; }
	input[type=email] { -webkit-appearance: none; font-size:17px; }
	input[type=text] { -webkit-appearance: none; font-size:17px; }
	input[type=password] { -webkit-appearance: none; font-size:17px; }
	input[type=search] { -webkit-appearance: none; font-size:17px; }

	input[type=text]:disabled { -webkit-appearance: none; background-color:#ffffff;  }
	input[type=number]:disabled { -webkit-appearance: none; background-color:#ffffff; }
	input[type=password]:disabled { -webkit-appearance: none; background-color:#ffffff; }
	input[type=email]:disabled { -webkit-appearance: none; background-color:#ffffff; }
	input[type=search]:disabled {  -webkit-appearance: none; background-color:#ffffff;  }

	input[type=checkbox] { background-color:rgb(39,68,198); vertical-align:middle; }

	.act input[type=text] { height:51px; -webkit-appearance: none; }
	.act input[type=text]::placeholder {  color:rgb(199,199,199);  }

	.act input[type=number] { height:51px; -webkit-appearance: none; }
	.act input[type=number]::placeholder {  color:rgb(199,199,199); }
	
	.act input[type=password] { height:51px; -webkit-appearance: none; }
	.act input[type=password]::placeholder {  color:rgb(199,199,199); }

	.act input[type=email] { height:51px; -webkit-appearance: none; }
	.act input[type=email]::placeholder {  color:rgb(199,199,199); }

	.act input[type=search] { height:51px; -webkit-appearance: none; }
	.act input[type=search]::placeholder {  color:rgb(199,199,199); }
	
	.focus_act:focus { border:1px solid rgb(39,68,198); outline:none; }
	
	.passcheck { color:#919191; font-size:15px;}

	input[type='radio'] {
	  -webkit-appearance:none;
	  width:18px;
	  height:18px;
	  border:1px solid #717171;
	  border-radius:50%;
	  outline:none;
	  background:#ffffff;
	  vertical-align:sub;
	}

	input[type='radio']:checked {

	  border:1px solid rgb(39,68,198);

	}
	input[type='radio']:before {
	  content:'';
	  display:block;
	  width:60%;
	  height:60%;
	  margin: 20% auto;  
	  border-radius:50%;  
	}
	input[type='radio']:checked:before {
	  background:rgb(39,68,198);
	}

	input[type='radio']:checked:disabled:before {
	  background:#e3e3e3;
	}

	input[type='radio']:disabled {
		border:1px solid #e3e3e3;
	}

	input[type="checkbox"]{
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	
	input[type="checkbox"]:disabled + label:before {
		top: 50%;
		width: 16px;
		height: 16px;
		margin-top: -10px;
		border: 1px solid #e3e3e3;
		text-align: center;
		border-radius:2px;
	}

	input[type="checkbox"]:disabled + label:after{
		background-color: #e3e3e3;
		top: 50%;
		left: 6px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		transform: scale(0);
		transform-origin: 50%;
		transition: transform 200ms ease-out;
	}


	input[type="checkbox"]:disabled + label:after {
	  background-color: transparent;
	  top: 50%;
	  left: 5px;
	  width: 7px;
	  height: 4px;
	  margin-top: -5px;
	  border-style: solid;
	  border-color: #e3e3e3;
	  border-width: 0 0 3px 3px;
	  -moz-transform: rotate(-45deg) scale(0);
	  -ms-transform: rotate(-45deg) scale(0);
	  -webkit-transform: rotate(-45deg) scale(0);
	  transform: rotate(-45deg) scale(0);
	  -moz-transition: none;
	  -o-transition: none;
	  -webkit-transition: none;
	  transition: none;
	}

	input[type="checkbox"]:disabled:checked + label:before {
	  -moz-animation: borderscale 200ms ease-in;
	  -webkit-animation: borderscale 200ms ease-in;
	  animation: borderscale 200ms ease-in;
	}
	input[type="checkbox"]:disabled:checked + label:after {
	  content: '';
	  -moz-transform: rotate(-45deg) scale(1);
	  -ms-transform: rotate(-45deg) scale(1);
	  -webkit-transform: rotate(-45deg) scale(1);
	  transform: rotate(-45deg) scale(1);
	  -moz-transition: -moz-transform 200ms ease-out;
	  -o-transition: -o-transform 200ms ease-out;
	  -webkit-transition: -webkit-transform 200ms ease-out;
	  transition: transform 200ms ease-out;
	}

	input[type="checkbox"] + label {
		position: relative;
		padding-left:35px;
		font-weight: normal;
		border-radius:3px;
		letter-spacing:-1px;
		color: #626364;
	}

	input[type="checkbox"] + label:before, input[type="checkbox"] + label:after {
		box-sizing: content-box;
		position: absolute;
		content: '';
		display: block;
		left: 0;
	}

	input[type="checkbox"] + label:before {
		top: 50%;
		width: 16px;
		height: 16px;
		margin-top: -10px;
		border: 1px solid rgb(39,68,198);
		text-align: center;
		border-radius:2px;
	}

	input[type="checkbox"] + label:after{
		background-color: rgb(39,68,198);
		top: 50%;
		left: 6px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		transform: scale(0);
		transform-origin: 50%;
		transition: transform 200ms ease-out;
	}


	input[type="checkbox"] + label:after {
	  background-color: transparent;
	  top: 50%;
	  left: 5px;
	  width: 7px;
	  height: 4px;
	  margin-top: -5px;
	  border-style: solid;
	  border-color: rgb(39,68,198);
	  border-width: 0 0 3px 3px;
	  -moz-transform: rotate(-45deg) scale(0);
	  -ms-transform: rotate(-45deg) scale(0);
	  -webkit-transform: rotate(-45deg) scale(0);
	  transform: rotate(-45deg) scale(0);
	  -moz-transition: none;
	  -o-transition: none;
	  -webkit-transition: none;
	  transition: none;
	}
	input[type="checkbox"]:checked + label:before {
	  -moz-animation: borderscale 200ms ease-in;
	  -webkit-animation: borderscale 200ms ease-in;
	  animation: borderscale 200ms ease-in;
	}
	input[type="checkbox"]:checked + label:after {
	  content: '';
	  -moz-transform: rotate(-45deg) scale(1);
	  -ms-transform: rotate(-45deg) scale(1);
	  -webkit-transform: rotate(-45deg) scale(1);
	  transform: rotate(-45deg) scale(1);
	  -moz-transition: -moz-transform 200ms ease-out;
	  -o-transition: -o-transform 200ms ease-out;
	  -webkit-transition: -webkit-transform 200ms ease-out;
	  transition: transform 200ms ease-out;
	}

/*	input[name=birthchk] { display:none; margin:10px;}*/
/**/
/*	input[name=birthchk] + label { */
/*		display:inline-block;*/
/*		height:50px;*/
/*		line-height:50px;*/
/*		background-color:#ffffff;*/
/*		border:1px solid #dfdfdf;*/
/*		font-size:16px !important;*/
/*		width:30%;*/
/*		border-radius:5px;*/
/*		text-align:center;*/
/*		margin-right:5px;*/
/*		box-sizing: border-box;*/
/*	}*/
/**/
/*	input[name=birthchk]:checked + label {*/
/*		background-image:none;*/
/*		border:1px solid rgb(39,68,198);*/
/*		color:rgb(39,68,198);*/
/*		border-radius:5px;*/
/*	}*/
	


	input[name=birth_agree] + label ,input[name=sms_agree] + label {
		margin-top:10px;
		color:#717171;
		font-size:15px;
		border-radius:2px;
	}

	input[name=birth_agree]:disabled + label:before ,input[name=sms_agree]:disabled + label:before {
		border:1px solid #e3e3e3;
		font-size:15px;
		border-radius:2px;
	}



	.layer_pop { position:fixed; width:100%; height:100%; z-index:2; background-color:rgba(100,100,100,0.5); display:none;}
	.layer_content { width:100%; height:100%; background-color:#ffffff; margin:auto; overflow:auto; overflow-x:hidden; word-break:break-all; }
	.layer_content1 { width:75%; height:220px; background-color:#ffffff; margin:auto; overflow:auto; overflow-x:hidden; word-break:break-all; }

	.layer_content1 p{ font-size:14px; }


	/*  마이페이지  */

.topdiv{
	text-align:center;
	width:90%;margin:0 auto;
	margin-top:24px;
}
.topdiv ul {
    list-style:none;
    margin:0;
    padding:0;
}
.topdiv li {
	width:50%;
	height:55px;
	line-height:57px;
    float: left;
	font-size:17px;
	border-bottom: 1px solid #f3f3f3;
}
.topdiv ul li.li_act {
	color:rgb(39,68,198);
	font-family: 'Noto_M';
	border-bottom: 2px solid rgb(39,68,198);
}

.maindiv{
	text-align:left;
	width:90%;margin:0 auto;
}

.myinfo_pw_div_1 { 
	padding-top:58px;
} 
/*
.myinfo_pw_div_1 span { 
	font-size:14px;
}
*/
.myinfo_pw_div_2 { 
	padding-top:58px;
}

#sub {
	opacity:0.4;
}

#coupon_box_new { position:fixed; left:5%; top:40%; width:90%; margin-top:-160px; z-index:11; background:#fff; }
	.coupon_bts { margin-top:30px; }

	.order_content { height:calc(100% - 97px); }
	#order_box { top:10%; height:80%; margin-top:0px; }
	#order_box1 { top:10%; height:80%; margin-top:0px; }
	#order_detail_iframe { height:100%;} 



.delivery_divs{
	width:90%;margin:0 auto; overflow:hidden;margin-bottom:10px;display:none; background-color:rgb(249,249,249);
}



.black_box { width: 100%; height: 100%; position: fixed; top:0; left:0; background: #000; opacity: 0.5; overflow:hidden; z-index:20; }
.pop { display: none; z-index: 20; width: 100%; height: 100%; position: fixed; left:0; top:0; overflow:hidden;}
.popup { margin-left: -45%; width:90%; position: absolute; overflow:hidden; background: #fff; z-index:21; left:50%; top:50%;}
.popup .popheader { width: 95%; height: 40px; text-align: center; position: relative; overflow: hidden; margin-top:5px;  }
.popup ._popup_title { text-align:left; background:#ffffff; color:#000000; padding-left:10px; font-weight:bold; }
.popup .popheader h1 { margin-top: 14px; font-size: 16px;  line-height: 100%;  }
.popup .popheader .close { width: 18px; height: 18px; position: absolute; right: 12px; top: 11px; background: url(/static/img/btn_pop_close.png) no-repeat left top; background-size: 100% auto; overflow:hidden;}
.popup .popbody { width: 100%; }

.popup .popbody .btn_area.mt_m3 { margin-top: -3px;}
.popup .popbody .btn_area { padding: 12px 12px 15px; text-align: center; border-top: 3px solid #f1f1f1; }
.popup .popbody .btn_area span { display: inline-block; width: 50%; }
.popup .popbody .btn_area a { display: block; margin: 0 3px; height: 38px; line-height: 38px; font-size: 14px; }

.popup .popbody .btn_area .del_btn a { color: #8e8e8e; border: 1px solid #8e8e8e; background: #ffffff no-repeat 10px 11px; background-size: 15px auto;}
.popup .popbody .btn_area .sel_btn a { color: #000; border: 1px solid #8e8e8e; background: #ffffff no-repeat 10px 11px; background-size: 13px auto;}
.adress_list {
    height:320px;
    overflow: auto;
}



._title{background:#e8e8e8;height:45px;line-height:45px;padding-left:10px; font-size:16px;}


table._tb{width:95%; margin:auto;}
table._tb tr td { padding-top:5px; font-size:16px;}
table._tb tr:first-child td { padding-top:15px; font-size:16px;}
table._tb tr:last-child td { padding-bottom:10px; font-size:16px;}

table._inner_tb{width:100%;}
table._inner_tb tr td { padding:0px; font-size:16px;}
table._inner_tb tr:first-child td { padding:0px; font-size:16px;}

div.next_tb { width:90%; margin:auto; margin-top:15px; margin-bottom:15px; line-height:30px; } 


._btn{height:45px;line-height:45px;text-align:center;cursor:pointer;border-radius:30px;width:95%; border:0px; color:#000000; font-size:14px;}

.find_zipcode_btn{width:55%;float:left;margin-left:5%;}
.new_address_btn{width:30%;float:left; }
.old_address_btn{width:30%;float:left;margin:0 0vw; }
.old_address_btn_disable{width:30%;float:left;margin:0 0vw;  }
.same_address_btn{width:30%;float:left; }

.addressview_tr {border-bottom:1px solid #eaeaea;padding:3px 0;}
.addressview_tr td , .addressview_tr th {padding:3px 0;}



div.order_top { margin-top:32px;}

div.order_goods{ font-family:'Noto_M'; font-size:20px; width:90%; margin:32px auto 25px; display:flex; align-items:center; justify-content:space-between;  } 
div.order_goods span {  font-weight:5px; font-size:18px;  }

div.order_detail{ width:95%; margin:auto; margin-top:5px; }

div.order_detail button { float:right; background-color:#313131; color:#ffffff; padding:5px; border-color:#606060; }

div.reference { padding-top:10px; padding-bottom:15px; margin-top:10px; }
div.reference .notice_content { margin-left:15px; letter-spacing:-1px; line-height:25px; font-size:14px; }
div.reference p { color:#444444; font-size:14px; }
div.reference h1 { color:#000000;font-size:13px; padding-bottom:5px; }
div.reference font { font-size:12px; }

div.delivery_detail { width:90%; margin:auto; background-color:#F9F9F9; padding-bottom:10px;   }
div.delivery_detail .delivery_detail_title { width:95%; color:#E7AD23; border-bottom:1px solid #DBDBDB; margin:auto; margin-top:10px; margin-bottom:10px;  padding-top:5px; padding-bottom:5px;}
div.delivery_detail p { width:90%; margin:auto; }
div.delivery_detail p span { font-size:10px; }
div.delivery_detail p:last-child { width:90%; margin:auto; font-weight:bold; margin-top:5px; }
div.delivery_detail p:last-child span { width:90%; margin:auto; font-weight:bold; }


ul.delivery_detail { margin-top:10px; padding-right:20px;  }
ul.delivery_detail * { font-size:14px; }
ul.delivery_detail li { list-style:"*";  }

.pop_obj { display:none; }

div.line { width:100%; background-color:#f8f8f8; height:10px; }
div.line1 { width:100%;  border-bottom:1px solid #f3f3f3; height:1px; margin-top:5px; margin-bottom:5px; }
div.line2 { width:100%;  background:#e3e3e3; height:1px;  }
div.line3 { width:100%; background-color:#d3d3d3; height:1px; }
div.line4 { width:100%; background-color:#f1f1f1; height:1px; }

.padding_right { padding-right:15px;}
.padding_left { padding-left:15px; }
.padding_top { padding-top:15px; }
.delivery_type_Z { display:none; margin-top:20px; padding:10px;}

.__delivery_textarea{
	width:95%;resize:none;margin-top:10px;
	border:1px solid #e3e3e3;
	border-radius:5px; padding:2px;
}

.view_error{ color:red; font-size:14px; }
.same_address{ vertical-align:middle; margin-right:2px; display:none;}
.same_address + label { position:relative; overflow:hidden; cursor:pointer; }
.same_address + label::before {
   content: "";
   display: inline-block;
   vertical-align: -25%;
   height: 2ex;
   width: 2ex;
   background-color: white;
   border: 1px solid rgb(0, 0, 0);
   border-radius: 4px;
   box-shadow: inset 0 2px 5px rgba(0,0,0,0.25);
   margin-right: 0.5em;
   vertical-align:middle;
}
.same_address:checked + label::after {
   content: '';
   position: absolute;
   width: 1.2ex;
   height: 0.4ex;
   background: rgba(0, 0, 0, 0);
   top: 0.8ex;
   left: 0.4ex;
   border: 3px solid #1062a4;
   border-top: none;
   border-right: none;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   vertical-align:middle;
}

.same_address[disabled] {
	outline:1px solid red;
}

.detail_btn { color:#303030; background-color:#f1f1f1; border-radius:16px; padding:2px 10px 0px 10px; float:right; font-size:14px; }
.detail_btn_1 { color:#303030; background-color:#f1f1f1; border-radius:20px; padding:8px 10px 6px 10px;  font-size:13px; }
.detail_btn_2 { border:1px solid blue; color:blue; border-radius:15px; padding:5px 5px 3px 5px; font-size:14px; }
.detail_btn_3 { border:1px solid #717171; color:#717171; border-radius:15px; padding:5px 5px 3px 5px; font-size:14px; }
.detail_btn_4 { color:#303030; background-color:#f1f1f1; border-radius:40px; padding:15px 20px 13px 20px;  font-size:16px; }
.detail_btn_5 { color:blue; text-decoration:underline; font-size:18px; }
.detail_btn_6 { color:#303030; text-decoration:underline; font-size:18px; }

.order_btn {  color:#2843c4; font-size: 15px; font-family: 'Noto_M'; }

label.disabled { color:#8e8e8e; }
/*label.disabled::before { border:1px solid #8e8e8e; }*/
label.active { color:#000; }

input[type=checkbox] + label:before { border-color:#000000; }

ul.checkout { margin-left:20px;  }
ul.checkout li { padding-top:10px; padding-bottom:10px;  }
ul.checkout li input[type=radio] { vertical-align:middle; }

.fixed_btn_div{width:100%;position:fixed;left:0;bottom:0;height:60px;background:#fff;}
.fixed_btn_div_shadow{height:7px;position:absolute;left:0;top:0;width:100%;}
.fixed_btn_center{}
.fixed_btn_left{
	background:#fff;color:#000;text-align:center;
	border:1px solid #bbb;cursor:pointer;
	width:47vw;margin:1.5vw;
	position:absolute;left:0;bottom:0;
	height:30px;line-height:30px;
}
.fixed_btn_right{
	color:#000;text-align:center;
	border:1px solid #bbb;cursor:pointer;
	width:47vw;margin:1.5vw;
	position:absolute;right:0;bottom:0;
	height:30px;line-height:30px;
}


.nomem_title{font-family:'Noto_B';}
.nomem_content{font-family:'Noto_R';HEIGHT:80px;overflow-y:scroll;border:1px solid #eaeaea;border-radius:5px;padding:5px;margin-top:10px; font-size:12px;}
.nomem_radio{}
.nomem_span {
	width: 20px; height: 20px; 
	display: inline-block;
	position: relative;
	top: 3px;left:10px;
	border: 1px solid #c9c9c9; 
	border-radius: 30px; 
	background-image: url(/static/img/radio_bg.png) ;
	background-size: 12px auto; 
	background-repeat:no-repeat;
	background-position:center center;
}
.nomem_radio:checked+.nomem_span {
	background-image: url(/static/img/radio_bgblack_on.png) ;
}
.nomem_label{display:block;position:relative;}
.nomem_label_0{width:50%;float:left;}
.nomem_label_1{width:50%;float:right;}

.nomem_font{position:absolute;left:40px;top:6px;}

.content_table { width:100%; }

.content_table tr th { border:1px solid #000000; padding-left:2px; background-color:rgb(217,217,217); font-size:12px; }
.content_table tr td { border:1px solid #000000; padding-left:2px; font-size:12px; }


#_postcode{
	position:fixed;left:5%;top:10%;width:90%;height:80%;display:none;z-index:601;}
#_postcode_title{
	width:100%;height:39px;background-color:#fff;
	border-bottom:1px dashed #ccc;text-align:center;line-height:39px;color:#000;font-weight:bold;font-size:16px;letter-spacing:2px;}
#_postcode_close_btn{
	cursor:pointer;position:absolute;right:10px;top:10px;
	width:20px;height:20px;z-index:99999;background-image:url(/static/img/close_btn_black.png);background-repeat:no-repeat;background-size:100% 100%;}
#_postcode_content{width:100%;height:100%;position:relative;overflow:hidden;overflow-y:auto;}


.post_title { display:table; width:90%; border-bottom:1px solid rgb(219,219,219); margin:auto;  } 
.post_title div.left { display:inline-block; float:left; }
.post_title div.right { display:inline-block; float:right; }

.post_title span { font-weight:bold; }

.deli_z_tb{width:90%;margin:0 auto;margin-top:10px;}
.deli_z_tb tr td{border:1px solid #8a8a8a;}
.delivery_divs_title{height:30px;line-height:30px;position:relative;margin-top:10px;margin-bottom:10px;}




.addressview_tr ul li { line-height:25px; width:90%; }
.addressview_tr ul li:first-child { width:100%; }


.cupon_bold { font-weight:bold; }
.bold { font-weight:bold; }

.listTable { width:90%; margin:auto; }
.listTable tr th { text-align:left; font-weight:normal; color:#626364; padding:16px 0px; font-size:18px; }

.listTable tr td { text-align:right; vertical-align:top; padding:16px 0px; font-size:18px; }
.listTable tr:first-child td { padding-top:17px;  }
.listTable tr:first-child th { padding-top:17px;  }

.listTable .title { font-weight:bold; }


.listTable1 { width:90%; margin:auto; }
.listTable1 tr th { text-align:left; font-weight:normal;  vertical-align:top; font-size:18px; }

.listTable1 tr td { text-align:right; vertical-align:top; padding-top:33px; font-size:18px; }
.listTable1 tr td:first-child { text-align:left; font-weight:normal;  vertical-align:top; font-size:18px; color:#626364; }
.listTable1 tr:first-child td { padding-top:3px; font-size:18px; }
.listTable1 tr:first-child th { padding-top:28px; font-size:18px; }

.listTable1 .title { font-size:20px; font-weight:bold !important; }


.listTable1 ._num1 { color:rgb(39,68,198); vertical-align:middle; }


.listTable2 { margin:auto; }
.listTable2 tr th { text-align:left; }
.listTable2 tr th.right { text-align:right; }
.listTable2 tr td { text-align:left; }
.listTable2 tr td.right { text-align:right; }
.listTable2 tr td.center { text-align:center; }
.listTable2 tr th.padding-top { padding-top:20px; }
.listTable2 tr td.padding-top { padding-top:20px; }


.default-color { color:rgb(39,68,198); } 
.default-color-disable { color:#717171; } 
.order-card-color { color:rgb(211,0,0); }
.sub-color { color:#717171; }
.sub-color2 { color:#e0e0e0; }


.point_icon { background:url(/static/img/member/point_icon.png); background-size:cover; background-position:0px 0px; width:20px; height:20px; margin-right:5px; display:inline-block;vertical-align:sub; background-repeat:no-repeat; }
.goods_icon { background:url(/static/img/member/point_icon.png); background-size:cover; background-position:-147px 0px; width:23px; height:20px; margin-right:5px; display:inline-block;vertical-align:sub; background-repeat:no-repeat; }
.money_icon { background:url(/static/img/member/money_icon.png); background-size:contain;  width:20px; height:20px; margin-right:5px; display:inline-block;vertical-align:sub; background-repeat:no-repeat; }

.point_icon_nomem { background:url(/static/img/member/point_icon_nomem.png); background-size:cover; background-position:0px 0px; width:20px; height:20px; margin-right:5px; display:inline-block;vertical-align:sub; background-repeat:no-repeat; }
.goods_icon_nomem { background:url(/static/img/member/point_icon_nomem.png); background-size:cover; background-position:-147px 0px; width:23px; height:20px; margin-right:5px; display:inline-block;vertical-align:sub; background-repeat:no-repeat; }
.money_icon_nomem { background:url(/static/img/member/point_icon_nomem.png); background-size:cover; background-position:-302px 0px; width:20px; height:20px; margin-right:5px; display:inline-block;vertical-align:sub; background-repeat:no-repeat; }
.disable_color_1 { color:#717171; }
.disable_color_1 * { color:#717171; }

.disable_color_2 { opacity:0.4; }
/*.disable_color_2 * { opacity:0.4; }*/

.div_flex { display:flex; align-items:center; justify-content:space-between; }
.div_flex_center { display:flex; align-items:center; justify-content:center; } 

.div_inline_flex { display:inline_flex; align-items:center; justify-content:space-between; }
.div_inline_flex_center { display:inline_flex; align-items:center; justify-content:center; } 

.border-color-act { border-top:3px solid blue; padding-top:10px; color:blue; }
.border-non-act { border-top:3px solid #e3e3e3; padding-top:10px; color:#717171; }


div.detail { width:90%; margin:auto; }
div.detail span { font-size:14px; }

.xx-large { font-size:36px; font-weight:bold; }

div.circle { width:5px; height:5px; border-radius:50%; border:2px solid rgb(39,68,198); }
div.circle-disable { width:5px; height:5px; border-radius:50%; border:2px solid #717171; }

.moneyTable { width:100%; }
.moneyTable tbody tr td { padding-bottom:5px; }
.moneyTable .table_act {font-weight:bold;}

.money-bottom { background-color:#f8f8f8;}
.money-bottom ul { padding: 22px 17px; }
.money-bottom ul li { list-style-position:outside; text-align:left; color:#757575;padding:10px 0px 10px 12px;font-size:14px;word-break:keep-all;} 
.money-bottom ul li::before { content:"·"; position: absolute; margin-left:-10px; }

.point_button_back {  background-size: cover; width:130px; height:36px; }
.point_button_in_back { background-image: url('/static/img/webview/point_button_in.png?v=1'); }
.point_button_pay_back { background-image: url('/static/img/webview/point_button_pay.png?v=1'); }
.point_button_in { position:absolute; right: 83px; width:65px; height:36px; }
.point_button_pay { position:absolute; right: 19px; width:65px; height:36px; }

.point-bottom { background-color:#f8f8f8;}
.point-bottom ul { padding: 22px 17px; }
.point-bottom ul li { list-style-position:outside; text-align:left; color:#757575;padding:2px 0px 2px 12px;font-size:14px;word-break:keep-all;} 
.point-bottom ul li::before { content:"·"; position: absolute; margin-top:-1px; margin-left:-10px; }

.review-bottom { background-color:#f8f8f8; margin-top:30px; }
.review-bottom ul { padding: 32px 17px; }
.review-bottom ul li { list-style-position:outside; text-align:left; color:#757575;padding:6px 0px 6px 12px;font-size:14px;word-break:keep-all;} 
.review-bottom ul li::before { content:"·"; position: absolute; margin-top:-1px; margin-left:-10px; }

.star_img { margin-right: 8px; height: 3.5vw; }

 ul li.desh { padding-left:5px; }
 ul li.desh::before { content:"-"; position: absolute; margin-left:-10px; } 

.view_bottom ul li  { line-height:25px; } 

.imgWrap { width:12.8vw; height:12.8vw; margin-left: 2.6vw; border-radius:1.6vw; background-color:#f3f3f3; display:flex; align-items:center; justify-content:center; }

.thumbnail-wrapper { width: 12.8vw; height:12.8vw; } 
.thumbnail_pt { position: relative; height:12.8vw;   /* 1:1 ratio */ overflow: hidden; } 
.thumbnail_pt .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); } 
.thumbnail_pt .centered img { position: absolute; top: 0; left: 0; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } 
.thumbnail_pt .centered img.portrait { width: 100%; height: auto; } 
.thumbnail_pt .centered img.landscape  { width: auto; height: 100%; }  

div.imgWrap .img_del { width: 3.2vw; position: absolute; bottom: 0;right: 0;cursor: pointer;} 


.scroll-y { display:block; width:100%; overflow-x: scroll; white-space:nowrap; -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */ }

.scroll-y::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.scroll-y .act { border:1px solid blue; border-radius:15px; height:30px; line-height:30px; }
.scroll-y span { color:#626364; }
.scroll-y .act2 span { border-radius:20px; background-color:#eef0fa; color:rgb(39,68,198); padding:6px 10px 6px 10px; font-family:'Noto_M';}

.div_y_content { display:inline-block; height:40px; line-height:40px; margin-left:6px; margin-right:6px; margin-top:24px;  color:rgb(39,68,198); }
.div_y_content span { font-size: 17px; padding-left:10px; padding-right:10px; }
.div_y_content:first-child { margin-left:10px; }
.div_y_content:last-child { margin-right:10px; }


img.select_width { width:14px; }



.div_scroll { width:95%; overflow-y:scroll; margin:auto;     }
.div_scroll::-webkit-scrollbar { -moz-appearance:none; -webkit-appearance:none; appearance:none;   } 
.div_scroll::-ms-expand {  /* IE10, IE11*/

   display:none;   /*숨겨진 화살표의 영역유지 X */


}
.div_scroll::-webkit-scrollbar:vertical { width: 6px; } 
.div_scroll::-webkit-scrollbar:horizontal { height: 6px; } 
.div_scroll::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 1px solid #ffffff;  } 
.div_scroll::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,0.55)}
.div_scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: rgb(243,243,243); }



.circle1::before { 
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius:50%;
	background-color: #ffffff;
	border:1px solid #000000;
	margin-right:5px;
	margin-left:-5px;
	vertical-align:middle;
}

.letter { letter-spacing:0px; }

.div_disabled:disabled { pointer-events:none; color:rgb(227,227,227); border-color:rgb(227,227,227);  }


.order_sbtn { margin-left:10px;  }


._style_color{background:#f1f1f1;}
._popup_title{}


.word_1 { letter-spacing:0px; }
.word_2 { font-size:18px; letter-spacing:0px; }
.word_break1 { word-break:keep-all; }

.number_default{ font-family: 'San Francisco'; letter-spacing: 0.5px; }

.could_info p { line-height:25px; }

.underline1 {
	text-decoration: underline;
	text-underline-position: under;
}
