/*
 메인 색 : #313540
 빨간 색 : #e14f39
*/

a { text-decoration:none }

a:hover { text-decoration:none !important }


.fe5{
	font-size:0.5em !important;	
}
.fe6{
	font-size:0.6em !important;	
}
.fe7{
	font-size:0.7em !important;	
}
.fe8{
	font-size:0.8em !important;	
}
.fe9{
	font-size:0.9em !important;	
}
.fe10{
	font-size:1em !important;	
}
.fe11{
	font-size:1.1em !important;	
}
.fe12{
	font-size:1.2em !important;	
}
.fe13{
	font-size:1.3em !important;	
}
.fe14{
	font-size:1.4em !important;	
}
.fe15{
	font-size:1.5em !important;	
}

.pte1{
	padding-top : 0.1em !important;
}
.pte2{
	padding-top : 0.2em !important;
}
.pte3{
	padding-top : 0.3em !important;
}
.pte4{
	padding-top : 0.4em !important;
}
.pte5{
	padding-top : 0.5em !important;
}
.pte6{
	padding-top : 0.6em !important;
}
.pte7{
	padding-top : 0.7em !important;
}
.pte8{
	padding-top : 0.8em !important;
}
.pte9{
	padding-top : 0.9em !important;
}
.pte10{
	padding-top : 1em !important;
}
.pte20{
	padding-top : 2em !important;
}
.pte30{
	padding-top : 3em !important;
}

.pbe1{
	padding-bottom : 0.1em !important;
}
.pbe2{
	padding-bottom : 0.2em !important;
}
.pbe3{
	padding-bottom : 0.3em !important;
}
.pbe4{
	padding-bottom : 0.4em !important;
}
.pbe5{
	padding-bottom : 0.5em !important;
}
.pbe6{
	padding-bottom : 0.6em !important;
}
.pbe7{
	padding-bottom : 0.7em !important;
}
.pbe8{
	padding-bottom : 0.8em !important;
}
.pbe9{
	padding-bottom : 0.9em !important;
}
.pbe10{
	padding-bottom : 1em !important;
}
.pbe15{
	padding-bottom : 1.5em !important;
}
.pre1{
	padding-right : 0.1em !important;
}
.pre2{
	padding-right : 0.2em !important;
}
.pre3{
	padding-right : 0.3em !important;
}
.pre4{
	padding-right : 0.4em !important;
}
.pre5{
	padding-right : 0.5em !important;
}
.pre6{
	padding-right : 0.6em !important;
}
.pre7{
	padding-right : 0.7em !important;
}
.pre8{
	padding-right : 0.8em !important;
}
.pre9{
	padding-right : 0.9em !important;
}
.pre10{
	padding-right : 1em !important;
}

.ple1{
	padding-left : 0.1em !important;
}
.ple2{
	padding-left : 0.2em !important;
}
.ple3{
	padding-left : 0.3em !important;
}
.ple4{
	padding-left : 0.4em !important;
}
.ple5{
	padding-left : 0.5em !important;
}
.ple6{
	padding-left : 0.6em !important;
}
.ple7{
	padding-left : 0.7em !important;
}
.ple8{
	padding-left : 0.8em !important;
}
.ple9{
	padding-left : 0.9em !important;
}
.ple10{
	padding-left : 1em !important;
}

.mle10{
	margin-left : 1em !important;
}
.mre10{
	margin-right : 1em !important;
}
.mbe10{
	margin-bottom : 1em !important;
}
.mbe0{
	margin-bottom : 0em !important;
}
.mte10{
	margin-top : 1em !important;
}
.pte15{
	margin-top : 1.5em !important;
}
.mbe5{
	margin-bottom : 0.5em !important;
}
.pl0{
	padding-left : 0px !important;
}
.pr0{
	padding-right : 0px !important;
}

/* 메인  */
.m_header{
    background-color: #313540;
    padding: 8px 15px;
}
.m_header2{
    background-color: #313540;
    padding: 10px 15px 0px 15px;
}
.m_notice{
	background-color: #50535a;
    text-align: center;
    font-size: 0.7em;
    padding: 5px 5px;
    color:#fff;
}
.m_h_bg{ width:100%; height:50%; background:#313540; }
.m_h_box { 
    position: absolute;
    background: #fff;
    top: 0.1em;
    width: calc(100% - 30px);
    margin-left: 15px;
    padding: 0.3em 0.3em 0.5em 0.3em;
}
.m_h_box_text1{
	font-size: 0.8em;
	color:#313540;
	font-weight:bold;
}
.m_h_box_txt1{
	font-size: 0.8em;
	color:#313540;
}
.m_h_box_txt2{
	font-size: 0.7em;
	color:#313540;
}
.m_h_box_div1{
    padding: 0.2em 9px 0.2em 24px;
    font-size: 0.7em;
    font-weight: bold;
    margin-right: -9px;
    margin-left: -9px;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1)
}
.m_h_box_div2{
	
}
.m_h_box_div2 p{
	margin-bottom: 0px !important;
}
.m_h_box_text2{
	font-size: 0.7em;
	color:#313540;
}
.m_h_box_text3{
	font-size: 0.6em;
    color: #313540;
    letter-spacing: -1px;
}
.m_box { width:100%; height:6em; background:#f8f8f8; position:relative; }
.pb10{
    padding-bottom: 10px !important;
}
.lh_9{
	line-height: 0.9em;
}
.lh_10{
	line-height: 1em;
}
/* .m_h_box_div2 > div :before { */
/*   content : ""; */
/*   position: absolute; */
/*   left    : 0; */
/*   bottom  : 0; */
/*   width   : 100%;  or 100px */
/*   border-bottom:1px solid magenta; */
/* } */
/* .border_l_90::after { */
/*   content : ""; */
/*   position: absolute; */
/*   left    : 0; */
/*   bottom  : 0; */
/*   height  : 95%; */
/*   border-left:1px solid #313540; */
/* } */
.m_content{
	background-color: #f8f8f8;
    padding-top: 0px;
}
.m_icon{
    text-align: center;
}
.m_icon a img{
/*     padding: 0em 0.5em; */
	background-color: #fff;
}

.width33{
    position: relative;
    min-height: 1px;
    width: 33.33333333%;
    float: left;
}
.width50{
    position: relative;
    min-height: 1px;
    width: 50%;
    float: left;
}
.width25{
    position: relative;
    min-height: 1px;
    width: 25%;
    float: left;
}
.prl15{
    padding-left: 15px;
    padding-right: 15px;
}

.m_icon_sub div{
	background-color: #fff;
/* 	padding: 1em 1em; */
}
.m_icon_sub img{
/* 	padding: 0.5em 0em; */
}
.m_button div div{
	background-color: #fff;
	text-align: center;
	color:#656565;
	font-size: 0.7em;
	padding-top: 0.7em;
    padding-bottom: 0.6em;
}
.menu_icon{
	color:white;
	font-size:1em;
/* 	vertical-align: middle; */
}
.effect_sh{
   display: inline-block;
   box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
}
.effect_u{
   box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.m_calendar{
    z-index: 999;
    position: relative;
    bottom: 0.6em !important;
    position: fixed;
    opacity: 1;
    cursor: pointer;
    right: 0.6em !important;
    width: 2.5em;
}
.m_calendar img{
}
a{
	border:0px solid #fff;
}
.img_logo{
    padding-left: 1.5em;
    padding-right: 1.5em;
}
.progress-bar-main {
    background-color: #e14f39;
}
.progress{
	margin-bottom: 0.2em !important;
}
.m_pie{
	background-color: #fff;
}
.m_pie .p1{
	text-align: center;
    font-size: 0.7em;
    padding-top: 0.7em;
}
.m_pie .p2{
	text-align: center;
    font-size: 0.6em;
}
.pd0{
	padding: 0px 0px !important;
}
.login_logo_v3{
    padding-bottom: 4em;
    padding-top: 4.5em;
}

.main_input_text{
	-webkit-appearance:none;
	border:1px solid #fff;
	border-right:0;
	border-left:0;
	border-top:0;
	width:100%;
	float:left;
	color:#908c8c;
	font-size:1em;
    padding: 0.5em 1.5em;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    background-color: rgba( 255, 255, 255, 0 );
    border-radius: 0px !important;
    color:#fff;
}
.main_input_text:focus,.PU_input_select:focus{
	border:0px solid #fff;
	border-bottom:2px solid #fff;outline:0!important;color:#fff}
.main_input_text::-webkit-input-placeholder{color:#c2c2c2}
.main_input_text::-moz-placeholder{color:#c2c2c2}
.main_input_text:-ms-input-placeholder{color:#c2c2c2}
.main_input_text:-moz-placeholder{color:#c2c2c2}

.main_id{
   padding-left: 3em !important;
   background: url(/resources/new/v3/img/main_id.png) no-repeat 5% 50%;
   padding-top: 10px;
   padding-bottom: 10px;
   background-size: 1.3em;
}
.main_pw{
   padding-left: 3em !important;
   background: url(/resources/new/v3/img/main_pw.png) no-repeat 5% 50%;
   padding-top: 10px;
   padding-bottom: 10px;
   background-size: 1.3em;
}
.login_chk{
	font-size: 0.8em !important;
    font-weight: 100;
}
.login_btn{
    font-size: 0.8em;
    border: 1px solid #fff;
}
.pt_btn{
    font-size: 0.7em;
    background: none;
    border: 1px solid;
    color: #fff;
    padding-top: 0.6em;
}
.bd_e5{
	border:1px solid #e5e5e5;
}
.bdt_e5{
	border-top:1px solid #e5e5e5;
}
.bdb_e5{
	border-bottom:1px solid #e5e5e5;
}
.sub_tit{
	margin-right: 1.5em;
    margin-left: 1.5em;
    color: #313540;
    font-weight: bold;
    font-size: 0.8em;
    border-bottom: 1px solid;
    padding-bottom: 0.5em;
    padding-top: 1.5em;
    padding-left: 1em;
}
.sub_body{
/*     margin-left: 1em; */
/*     margin-right: 1em; */
}
.sub_table{
	font-size: 0.8em;
}
.sub_table input[type=text],.sub_table input[type=tel],.sub_table input[type=password],.sub_table input[type=email],.sub_table textarea,.sub_table select{
	padding: 0.6em 1em;
    font-size: 0.8em !important;
    margin-bottom: 0px !important;
}
.sub_table td{
	vertical-align: top !important;
}
.sub_table tr > td:first-child{
    text-align: left;
    width:30%;
}
.sub_table tr > td:nth-child(2){
    width:70%;
    padding-bottom: 0px;
}
.sub_table tr > td:nth-child(3){
    padding-bottom: 0px;
}
.list_div{
    border-bottom: 1px solid #d9d9d9 !important;
    padding: 0.8em 0em;
}
.list_table{
	font-size: 1em;
}
.list_table td{
	padding: 0.3em !important;
	font-size: 0.8em;
}
.list_table tr > td:first-child{
    text-align: left;
    width:30%;
}
.list_table tr > td:nth-child(2){
    width:70%;
}
.btn_bottom{
    width: 100%;
    font-size: 1em;
    color: #fff;
    background-color: #313540;
    bottom: 0px;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
	border-radius: 0px;
	border:0px solid #fff;
}
.label-payup{
	background-color: #ffffff;
    color: #686868;
    border: 1px solid #d9d9d9;
    padding: .1em .6em .2em;
    font-weight: 100;
}
.label-type1{
	background-color: #0096ff;
    color: #fff;
    border: 1px solid #0096ff;
    padding: .25em .6em .3em;
    font-weight: 100;
}
.label-type2{
	background-color: #ffba00;
    color: #fff;
    border: 1px solid #ffba00;
    padding: .25em .6em .3em;
    font-weight: 100;
}
.label-type3{
	background-color: #ff5d5d;
    color: #fff;
    border: 1px solid #ff5d5d;
    padding: .1em .6em .2em;
    font-weight: 100;
}
.label-type4{
	background-color: #2F9D27;
    color: #fff;
    border: 1px solid #2F9D27;
    padding: .1em .6em .2em;
    font-weight: 100;
}
.position-f{
/* 	position: fixed; */
}


/**
 라이브샵
*/
.insio_tab{
    background-color: #313540;
    padding: 8px 40px 0px 40px;
    text-align: center;
    font-size: 0.8em;
}
.insio_tab .on{
	color: #313540;
    background-color: #fff;
    padding: 0.8em;
}
.insio_tab .off{
	color: #fff;
    padding: 0.8em;
/*     box-shadow: 2px 1px 1px 0px rgba(0, 0, 0, 0.1); */
    z-index:2;
}
.insio_category{
    margin: 0.5em 0.5em 0em 0.5em;
}
.insio_category select{
	font-size: 0.7em;
  	padding: 7px 10px;
    background-color: #e6e6e6;
    border: 0px solid #e6e6e6;
    color: #636363;
}
.insio_cont{
    margin: 0em 0.5em 0.3em 0.5em;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.notice_cont{
    margin: 0em 0.5em 0.3em 0.5em;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
    background-color : #fff;
    padding-top: 0.3em !important;
}
.notice_cont > div:nth-child(1){
	height: 3em;
    font-size: 0.8em;
    font-weight: bold;
    color: #303541;
}
.notice_cont > div:nth-child(2){
    font-size: 0.8em;
    color: #8a8a8a;
}
.list_thumbnail { 
	position: relative; padding-top: 23%; overflow: hidden;
	padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 41%;
    min-height: 1px;
 }
 .list_content{
 	padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 59%;
    position: relative;
    min-height: 1px;
    padding-top: 1em;
 }
 .list_content > div:nth-child(1){
 	padding-left: 15px;
    padding-right: 0px;
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
 }
 .list_content > div:nth-child(1) P{
 	font-weight: bold;
 }
.list_thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }
.best_icon{
    text-align: center;
    border: 1px solid #e14f39;
    color: #e14f39;
    border-radius: 5px;
}
.h22{
    height: 2.2em;
}
.h18{
    height: 1.8em;
}
.btn_more{
    width: 70%;
    /* height: 2.5em; */
    background-color: #313540;
    font-size: 0.8em;
    color: #fff;
}
.div_btn{
	text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}
s{
	color:#cacaca;
}
.live_small{
    font-size: 0.65em;
    color: #a6a6a6;
}
.div_live_small{
    line-height: 1.5em;
    margin-top: 1em;
    font-size: 0.5em;
    color: #a6a6a6;
    margin-bottom:0.8em;
}
.shop_body{
	padding: 1em 1.8em;
}
.btn_option{
	border-radius: 3px;
    font-size: 0.7em !important;
    border-color: transparent;
    -webkit-appearance: none;
    outline: none !important;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    width: 100%;
    height: 4em;
    word-spacing: -2px;
    padding: 10px 0px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0.3em;
    background-color:#c0c0c0;
    color:#fff;
}

.div_option .on{
/* 	background-color:#313540 !important; */
	background-color:#F29900 !important;
}

.div_option .on2{
	background-color: #5d9cec !important;
}

.div_option > div:nth-child(1){
    padding-right: 9px;			
}
.div_option > div:nth-child(2){
    padding-left: 9px;
    padding-right: 9px;
}
.div_option > div:nth-child(3){
    padding-left: 9px;
    padding-right: 9px;
}
.div_option > div:nth-child(4){
    padding-left: 9px;
}
.shop_body p{
	font-size: 0.8em;
}
.shop_body input[type=text], .shop_body select ,.shop_body input[type=tel]{
	padding: 0.6em 1em;
    font-size: 0.7em !important;
}
.shop_url{
    color: #e14f39;
    text-decoration: underline;
   font-size: 0.7em !important;
}
.no_img{
    padding: 2em 4em 3em 4em;
}
.order_cont{
	margin: 0.3em 1em;
}
.order_cont .box{
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    padding: 5px 25px;
}
.order_cont .order_num{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom:5px;
	font-size:0.8em;
    margin-bottom: 0.3em;
}
.order_cont p{
    margin: 0em 0em 0em 0em;
    font-size:0.7em;
}
.height0{
	height: auto !important;
}
.td_01{
	font-weight: bold !important;
    text-align: center !important;
}
.td_02{
	font-weight: bold !important;
	color : #e14f39;
}
.p_fail{
    font-weight: bold;
    margin: 4em 0em;
}
.a_link{
  text-decoration: underline;
}

.effect {
    position: relative;
    overflow: hidden; /* 불필요한 부분 가리기 */
    padding: 1px;
}
.effect:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 7em;
    height: auto;
    background: #e14f39;
    content: "추천";
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    /* font-weight: bold; */
    padding: 0.2em 2em;
    right: -2em;
    top: 0.2em;
    transform: rotate(-325deg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    font-size: 0.6em;
}
.effect_new {
    position: relative;
    overflow: hidden; /* 불필요한 부분 가리기 */
    padding: 1px;
}
.effect_new:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 7em;
    height: auto;
    background: #e14f39;
    content: "new";
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    /* font-weight: bold; */
    padding: 0.2em 2em;
    right: -2em;
    top: 0.2em;
    transform: rotate(-325deg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    font-size: 0.6em;
}
.effect_notice {
    position: relative;
    overflow: hidden; /* 불필요한 부분 가리기 */
    padding: 1px;
}
.effect_notice:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 7em;
    height: auto;
    background: #f05050;
    content: "필독";
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    /* font-weight: bold; */
    padding: 0.1em 0 0.1em 0.4em;
    right: -2em;
    top: 0.2em;
    transform: rotate(-325deg);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    font-size: 0.6em;
}
.label-order{
    color: #333;
    border: 1px solid #333;
    margin-left: 2em;
}
.order-time{
    font-size: 0.8em;
    color: #e14f39;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

/* 인시오 주문내역 화면 - 앱*/
.order-time-mobile{
    font-size: 0.7em;
    color: #e14f39;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    display: flex;
}
.tt-cbox-mobile {
	width: 23px;
	margin: 1px 5px 0 0 !important;
}

.table-order{
    border-bottom: 1px solid #313540;
    margin-bottom: 0.5em;
}
.table-order th{
    background-color: #313540;
    color: #fff !important;
    text-align: center;
    padding: 5px 0px !important;
    font-size: 0.7em;
    font-weight: 100;
}
.table-order td{
	font-size: 0.7em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.table-order tr > td:nth-child(1){
}
.table-order tr > td:nth-child(2){
	text-align: center;
}
.table-order tr > td:nth-child(3){
	text-align: right;
}
.table-order-amount{
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
    line-height: -10px;
    margin-bottom: 0.5em;
}
.table-order-amount{
    line-height: 1.3em;
}
.table-order-amount tr > td:nth-last-child(1){
	color : #e14f39;
}
.order-resiver{
    border: 1px solid #313540;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    font-size:0.7em;
}
.order-resiver dd{
	padding-bottom : 0.8em;
	padding-left: 0.6em;
}
.btn_order_close{
    background-color: #313540;
    color: #fff;
    font-size: 0.8em;
    border-radius: 3px;
    padding: 3px 10px;
    text-align: center;
}
._bottom{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
    z-index: -9999;
}
.merchant_table tr > td:nth-child(1){
	font-weight: bold;
}
.merchant_table tr > td{
	padding : 10px 8px !important;
}
.color-payup{
	color: #e14f39;
}
.url_text_row{
   margin: 0em 0.5em 0em 0.5em;
}
.url_text_row > div:nth-child(1){
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.url_text_row > div:nth-child(2){
	padding: 0px;
}
.url_text_row > div:nth-child(2) .btn{
	background-color : #303541;
    float: right !important;
	color : #fff;
}
.url_div{
	margin-bottom: 1em;
}
.url_cont{
    margin: 0em 0.5em 0.3em 0.5em;
    border: 1px solid #dde6e9;
}
.url_cont > div:nth-child(2){
	float: left;
    width: 59%;
    position: relative;
    padding:0.5em;
}
.url_cont p{
	margin-bottom: 0em !important;
}
.list_thumbnail02 { 
	position: relative; padding-top: 27%; overflow: hidden;
	padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 41%;
    min-height: 1px;
 }
.list_thumbnail02 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }
.uk-notify{
	display: none;
    width: 60%;
    margin: auto;
    font-size: 0.8em !important;
    text-align: center;
}


/* s/main 메인통합 수정 건 22.08.04 */
.order_cont_title {
	color: #333;
	font-size: 0.85em;
	font-weight: 700;
	margin-top: 0.5em;
}
.order_cont_title2 {
	color: #333;
	font-size: 0.9em;
	font-weight: 700;
}
.order_ser_btn{
	color: #d41367;
	background-color: #fff;
	border: 1px solid #d41367;
	font-size: 0.65em;
	font-weight: 700;
	border-radius: 5px;
	margin-left: 7px;
	margin-bottom: 5px;
	padding: 2px 10px 1px 10px;
}
.order_ser_btn:focus, .order_ser_btn:hover {
	background-color: #d41367;
	color: #fff;
}

.work_cont_p {
	font-size: 1em;
	line-height: 1.4em;
}
.work_cont_span {
	font-size: 1.1em;
	font-weight: 700;
}

.sh_regist_btn {
	background-color: #d41367 !important;
	color: #fff !important;
	font-weight: 700;
	border-radius: 10px;
	font-size: 0.8em !important;
}