@media (min-width:320px){html{font-size:13px !important;}}
@media (min-width:321px) and (max-width:360px){html{font-size:14px !important;}}
@media (min-width:361px) and (max-width:399px){html{font-size:15px !important;}}
@media (min-width:400px) and (max-width:439px){html{font-size:16px !important;}}
@media (min-width:440px) and (max-width:479px){html{font-size:17px !important;}}
@media (min-width:480px) and (max-width:519px){html{font-size:18px !important;}}
@media (min-width:520px) and (max-width:559px){html{font-size:19px !important;}}
@media (min-width:560px) and (max-width:599px){html{font-size:20px !important;}}
@media (min-width:600px) and (max-width:639px){html{font-size:21px !important;}}
@media (min-width:640px) and (max-width:679px){html{font-size:22px !important;}}
@media (min-width:680px) and (max-width:719px){html{font-size:23px !important;}}
@media (min-width:720px) and (max-width:759px){html{font-size:24px !important;}}
@media (min-width:760px) and (max-width:799px){html{font-size:25px !important;}}
@media (min-width:800px) and (max-width:839px){html{font-size:26px !important;}}
@media (min-width:840px) and (max-width:879px){html{font-size:27px !important;}}
@media (min-width:880px){html{font-size:28px !important;}}

body {
	font-family: 'Nanum Gothic';
	overflow-x: hidden !important;
}

.simple_header{
	font-size : 1.333em !important;
	background-color : #fff;
	color : #262626;
	font-weight: bold;
	border-bottom: 1px solid #e1e1e1 !important;
    padding-top: 15px;
    padding-bottom: 15px;
}
.main_header{
	font-size : 1.333em !important;
	background-color : #ee510b;
	color : #262626;
	font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
}

.simple_sub{
	font-size : 1em !important;
	background-color : #fff;
	color : #ef520c;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 6px;
}

.color-1f{
	color : #1f1f1f;
}

.bb_2{
	border-bottom: 2px solid #626262;
}

.bb_3{
	border-bottom: 2px solid #626262;
}

.bb_4{
	border-bottom: 4px solid #303030;
}
.bb_ca{
	border-bottom: 1px solid #cacaca;
}

.color-aa{
	color : #aaaaaa;
}

.amount{
	color : #ff5409;
	font-size : 2rem !important;
}

.text-1_33rem{
	font-size : 1.333rem !important;
}

.text-1_22rem{
	font-size : 1.222rem !important;
}
.text-1_1rem{
	font-size : 1.1rem !important;
}
.text-0_8rem{
	font-size : 0.8rem !important;
}
.rem09{
	font-size : 0.9rem !important;
}
.rem{
	font-size : 1rem !important;
}

.pb_30{
    padding-bottom: 30px;
}

.pt_20{
	padding-top: 20px;
}

.img_cardmobile{
	width: 10rem;
}

.b_color_fc{
   background-color: #fcfcfc;
}
.hb-text{
	padding-top: 1em;
	padding-bottom: 1em;
	font-size:1em;
}
.card-bd{
	border:1px solid #435c7c;
}
select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background: url(/resources/new/img/btn_select_s.png) no-repeat 95% 50%; /* 화살표 모양의 이미지 */ } /* IE 10, 11의 네이티브 화살표 숨기기 */ select::-ms-expand { display: none; }
select { width: 100%; /* 원하는 너비설정 */ padding: 0.7em 0.7em; /* 여백으로 높이 설정 */ font-family: inherit; /* 폰트 상속 */ background: url(/resources/new/img/btn_select_s.png) no-repeat 95% 50%; /* 네이티브 화살표 대체 */ border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; 
	font-size:1.1em;
	border-color : #e1e1e1 !important;
}

.btn_submit{
	font-size:1.3em;
	color : #fff;
	background-color: #ff600a;
	width:100%;
}

.btn_submit:hover,
.btn_submit:focus,
.btn_submit.focus {
  color: #fff;
  text-decoration: none;
}
.text-small{
	color : #aaaaaa;
	font-size:0.8em;
}
.text-xsmall{
	color : #aaaaaa;
	font-size:0.6em;
}
.pay_fail{
	padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 30px;
}
.text-option{
	font-size:0.867em;
	color: #435c7c;
}
.text-i01{
	font-size:1.267em;
	font-weight: bold;
	color: #ff5409;
}
.text-i02{
	font-size:1.267em;
	color: #1f1f1f;
}
.select-i{
	padding: 0.5em 0.7em;
	font-size: 1em;
	    background: url(/resources/new/img/btn_select_s.png) no-repeat 95% 50%;
}
.input-count{
	font-size: 1em;
	text-align: center;
	color: #1f1f1f;
	padding: 0.5em 1.25em;
}
.search-addr{
	border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 3px;
    background: url(/resources/new/img/btn_search_s.png) no-repeat 95% 50%;
    border-color: black;
}
.search-addr:focus{
	border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 3px;
}
.input-type01{
	font-size: 1em;
	padding: 0.4em 1.25em;
}

.agree_box{
	padding-left: 20px;
    padding-right: 20px;
    background-color: #f7f7f7;
    margin-left: 3px;
    margin-right: 3px;
    border: 1px solid #dfdfdf;
}
.agree_detail{
	font-size: 0.733em;
	color: #858585;
}
.text-h-detail{
	font-size: 0.867em;
	color: #626262;
	 background-color: #f7f7f7;
}
.heading-mc{
	border: 1px solid #f5f5f5;
	margin-top: 30px;
	border-bottom-width: 1px;
	color: #4e4e4e;
}
.body-mc{
	color: #4e4e4e;
	font-size: 0.933em !important;
}
.m_select{
	padding: 0.6em 1em;
}
.cardInfo_ul{
    padding-left: 20px;
}
input{
	border-radius: 4px !important;
}

.bt-2{
	border-top: 1px solid #000;
}

.text-i03{
	font-weight: bold;
	font-size:1.1em !important;
	color: #1f1f1f;
}

.text-i04{
	font-weight: bold;
	font-size:0.9em !important;
	color: #1f1f1f;
}

.top {
    position: fixed;
    bottom:20px;
    right:30px;
    background: url(/resources/new/img/btn_up.png) no-repeat;
    width:2em;
    height:2em;
    background-size: 100% 100%;
}

.td01{
	color: #373737;
	font-weight: bold;
	font-size : 1rem;
}
.pt4{
    padding-top: 4px;
}
.btn_item{
    background-color: #404040;
    color: #fff;
    font-size: 0.8em;
    padding-left: 30px;
    padding-right: 30px;
}
.t_select{
	padding: 0.4em 1em;
	font-size : 1em !important;
}
.l_select{
	padding: 0.3em 1em;
	font-size : 0.8em !important;
}
.td02{
	color: #373737;
	font-weight: bold;
	font-size : 0.8rem;
}
.l_text{
	padding: 0.4em 1em;
	font-size : 0.8em !important;
}
.l_table > tbody > tr > td{
	padding-bottom: 0px;
}
.btn_cancel{
	padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    float: right !important;
    background-color: #404040;
    color: #fff;
    font-size: 0.8em;
}
.u_btn{
	background-color: #fff;
    border: 1px solid;
    padding-top: 3px;
    padding-bottom: 3px;
    float: right !important;
    font-size:0.7rem !important;
}
.c_text01{
	font-size : 1.333em;
	color:#000;
	font-weight: bold;
}
.bt-4{
	border-top: 4px solid #ff6326 !important;
}
.bt-1{
	border-top: 1px solid #e1e1e1 !important;
}
.csrow{
	border: 1px solid #e1e1e1 !important;
/* 	margin-top: 40px; */
	padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 0px;
    margin-right: 0px;
}

.mt40{
	margin-top: 40px;
}

.c-div{
	font-size : 1.133em;
	color : #6e6e6e;
	padding-left: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.s_btn{
	background-color: #fff;
    border: 1px solid #ef520c;
    padding-top: 3px;
    padding-bottom: 3px;
    color:#ef520c;
    font-size:0.7rem !important;
}
.login_id{
	 background: url(/resources/new/img/icon_id.png) no-repeat 5% 50%;
     background-color: white;
     padding-left: 60px !important;
     padding-top: 10px;
     padding-bottom: 10px;
}
.login_pw{
	 background: url(/resources/new/img/icon_password.png) no-repeat 5% 50%;
     background-color: white;
     padding-left: 60px !important;
     padding-top: 10px;
     padding-bottom: 10px;
}
.login_logo{
    padding-bottom: 2em;
    padding-top: 4.5em;
}
.login_btn{
    background: rgba(0,0,0,0);
    border: 2px solid #fff;
    font-size: 0.9em;
    color: #fff;
    padding-top: 14px;
    padding-bottom: 14px;
}
.login_chk{
	font-size : 0.85em;
	color:#f5f5f5;
}
.pr1w{
	border-right : 1px solid #ececec;	
}
.pv1w{
	border-top : 1px solid #ececec;	
	border-bottom : 1px solid #ececec;	
}
.pt1w{
	border-top : 1px solid #fff;
}
.whyt{
	color: #fff;
	font-size:0.7em !important;
	text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}
.whtr{
    padding-top: 50px;
    padding-left: 25px;
    padding-right: 25px;
}
.login_btn_join{
	font-size: 0.7em;
/*     background: #ee510b; */
    border: 0px;
    color: #fff;
    padding-top: 5px;
}

.login_btn_join:focus, .login_btn_join.focus , .login_btn_join:hover{
	color:#fff !important;
	font-size: 0.7em !important;
}
.login_btn:focus, .login_btn.focus , .login_btn:hover{
	color:#fff !important;
}

.em8{
	font-size:0.8em !important;
}
.tpoint{
	color:#ef520c;
}
.copy{
	font-size:1rem !important;
}
.cardInfo_li{
	font-size: 0.8em !important;
}
.login_auto_text{
	color:#fff !important;
	font-size: 1em !important;
}
/* -------------- PU_loader -------------- */

.PU_loader{
    position: absolute;
    height: 80px;
    width: 80px;
    border-radius: 80px;
    border: 3px solid  rgba(0, 0, 0, 0.7);

    top: 35%;
    left: 35%;
    left: -webkit-calc(50% - 43px);
    left: calc(50% - 43px);

    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: PU_loader 3s linear infinite;
            animation: PU_loader 3s linear infinite;
    z-index: 4;
    display:none;
}

.PU_loader:after{
    content: "";
    position: absolute;
    top: -5px;
    left: 20px;
    width: 11px;
    height: 11px;
    border-radius: 10px;
    background-color: #191717;
}

@-webkit-keyframes PU_loader{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes PU_loader{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

.PU_loader_text{
    position: absolute;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    font-size: 1.15em;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    top: 50%;
    width: 100%;
    z-index:4;
    display:none;
}
#PU_loading {  
    background-color: rgba(226, 222, 222, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1.05;
    display: none;
    z-index: 3;
}