@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0
 * Directory    :    pages/css/
 * File         :    setting.css
 * SUMMARY      :    스킨 1번 기본설정
 */


/* ********************************************** *
 * GLOBAL
 * ********************************************** */
html {width:100%; height:100%; }
body {margin:0; padding:0; background:#fff; min-width:1280px; height:100%; }

/*body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {box-sizing: border-box; color:#666; font-family:맑은고딕,'Malgun Gothic','돋움',Dotum,Sans-serif; letter-spacing:0; font-size:12px; font-weight:400} */
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {box-sizing: border-box; color:#666; font-family:'Nanum Gothic','돋움',Dotum,Sans-serif; letter-spacing:0; font-size:12px; font-weight:400}
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {word-wrap:break-word; word-break:break-all; text-decoration-skip-ink: none; -webkit-text-size-adjust:none;}
b,strong {color:#666; word-wrap:break-word; word-break:break-all; font-size:inherit; font-family:inherit; font-weight:600}
p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal}
div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; }
table caption { width:0px; height:0px; font-size:0; visibility:hidden; }
ul,ol,li,td,dl,dt,dd {list-style: none; margin:0; padding:0;}
em,i {font-style:normal}
a,span {display:inline-block;}
img {border:0;}
span,div,a,b,strong,label {color:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit;}
table caption {width:0px; height:0px; font-size:0; visibility:hidden; }
a:link, a:visited {color:inherit; text-decoration: none; cursor:pointer}
a:hover, a:active {text-decoration: none;}





/* ********************************************** *
 * FORM
 * ********************************************** */
/* lable */
label {display:inline-block; overflow:hidden; cursor:pointer; color:#888}
label:hover {color:#333}
label input[type=checkbox],label input[type=radio] {float:left; margin-right:5px; height:13px; width:13px; cursor:pointer; -webkit-gradient:none; -webkit-border-radius:0;}

/* input */
input[type=submit],input[type=button],button {cursor:pointer; border:0;}
input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel] {margin:0;padding:0; border:none; background:none; box-sizing:border-box;}
input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel] {border-radius:0px; -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* number 오른쪽에 나타나는 화살표 버튼없애기 */
input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */
input {color:#999; background:transparent; margin:0; padding:0; border:0;}
input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel]:focus {color:#333 !important;}
input::-ms-clear {display: none;}

/* 크롬 자동완성 BG색 버림(아이디비번저장 시) */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #fff inset;}

/* textarea */
textarea {color:#999; background:transparent; margin:0;padding:0; border:0; }
textarea:focus {color:#333 !important;}

/* select */
select {color:#999; cursor:pointer; font-size: inherit !important; font-family: inherit !important;}

/* placeholder  */
placeholder {color:#bbb !important}
input::-webkit-input-placeholder {color:#bbb !important}
input:-ms-input-placeholder {color:#bbb !important}
input:-moz-placeholder {color:#bbb !important}
textarea::-webkit-input-placeholder {color:#bbb !important}
textarea:-ms-input-placeholder {color:#bbb !important}
textarea:-moz-placeholder {color:#bbb !important}

/* 검색인풋에 자동x버튼 삭제 */
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,select,textarea {outline:none}

/* 마우스 드래그시 컬러 (디자인적으로 필요하면 사용) 하위브라우저 적용안됨 */
::selection {background:#999; color:#fff; text-shadow: none;}
::-moz-selection {background:#999; color:#fff; text-shadow: none;}
::-webkit-selection {background:#999; color:#fff; text-shadow: none;}





/* ********************************************** *
 * ESSENTIAL
 * ********************************************** */
.wrap {position:relative;} /* 사이트 전체 감싸는 영역 */
.lineup {display:inline-block} /* float요소들 정렬시킬때 사용 */
.layout_fix {width:1200px; margin:0 auto; position:relative} /* 이부분 실작업시 수정할것!  컨첸츠 레이아웃 전체값 */
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:9} /* z-index값 수정하지말것 */
.upper_link img {width:100%; height:100%;}

/*
.wrap {position:relative;} 
.lineup {display:inline-block} 
.layout_fix {width:1050px; margin:0 auto; position:relative} 
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:9} 
.upper_link img {width:100%; height:100%;}
*/


.easy_card_add_pop {width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; display:none;}
.easy_card_add_pop .ec_add_inner {width:100%; height:100%; position:relative;}
.easy_card_add_pop .ec_add_inner .ec_add_bg {width:100%; height:100%; background-color:rgba(0,0,0,0.2);}
.easy_card_add_pop .ec_add_inner .ec_add_layout {width:480px; background-color:#E9ECEF; position:absolute; top:50%; left:50%; margin-left:-240px; transform:translateY(-50%);}


.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_tit {width:100%; padding:10px 0px; position:relative; border-bottom:2px solid #dfdfdf; background-color:#fff;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_tit p {font-size:19px; color:#333; font-weight:500; letter-spacing:-0.025em; text-align: center;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_tit .ec_add_close {background-image:url("../img/product/acClose.png"); width:19px; height:19px; position:absolute; top:50%; right:15px; margin-top:-9.5px; cursor: pointer; transition:all 0.2s;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_tit .ec_add_close:hover {opacity:0.75;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form {width:100%; padding:12px 15px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_add_top_txt {width:100%; background-color:#8A91A0; -ms-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -o-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0; padding:10px 15px; text-align: center;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_add_top_txt img {display:inline-block; zoom:1; *display:inline; vertical-align: middle; margin-top:2px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_add_top_txt p {display:inline-block; zoom:1; *display:inline; vertical-align: middle; font-size:15px; color:#fff; font-weight:300; letter-spacing:-0.025em; margin-left:6px; line-height:20px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box {width:100%; background-color:#fff; -ms-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -o-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input {width:100%; border-bottom:1px solid #e0e0e0; padding:10px 20px; position:relative; padding-left:120px; overflow: hidden;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input:last-child {border-bottom:0;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .card_submit_form .ec_a_f_input:first-child {border-top:1px solid #e0e0e0;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input p {font-size:14px; color:#212121; font-weight:400; letter-spacing:-0.025em; position:absolute; top:22px; left:20px; line-height:20px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input.ec_a_type_input p {top: 50%; transform: translateY(-50%);}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input p span {font-size:14px; color:#787878; font-weight:300;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input font {font-size:12px; color:#787878; font-weight:400; display: block; margin-top:10px; line-height:16px; border-top:1px dashed #ccc; padding-top:10px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input b {font-size:13px; color:#666; font-weight:300; float:left; line-height:34px; margin-left:10px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input select {width:100%; height:34px; border:1px solid #e0e0e0; padding:0px 10px; font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; background-image:url("../img/common/select_sty.png"); background-repeat: no-repeat; background-position:right 10px center;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input select option {font-size:15px; color:#333; font-weight:400;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input input {width:100%; height:34px; border:1px solid #e0e0e0; padding:0px 10px; font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input input::placeholder {font-size:14px; color:#ccc!important; font-weight:300; text-align:left;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input input::-moz-placeholder {font-size:14px; color:#ccc!important; font-weight:300; text-align:left;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input input:-ms-input-placeholder {font-size:14px; color:#ccc!important; font-weight:300; text-align:left;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input input::-webkit-input-placeholder {font-size:14px; color:#ccc!important; font-weight:300; text-align:left;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_number {width:100%; overflow: hidden; border:1px solid #dfdfdf;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_number li {width:64.2px; float:left;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_number li:nth-child(2n) {width:17px; text-align: center; font-size:14px; color:#333; font-weight:300; line-height:34px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_number li input {border:0;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul li input {text-align:center;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul li input::placeholder {text-align:center;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul li input::-moz-placeholder {text-align:center;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul li input:-ms-input-placeholder {text-align:center;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul li input::-webkit-input-placeholder {text-align:center;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_type {width:100%;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_type label {display: block; font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; margin-bottom:5px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_type label span {font-size:13px; color:#ff0000;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_type label:last-child {margin-bottom:0;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_type label input {width:16px; height:16px; float:left; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image:url("../img/order/chk_off.png"); padding:0; margin:0; border:0; margin-top:3px; margin-right:7px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_type label input:checked {background-image:url("../img/order/chk_on.png"); }

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_col {width:100%; overflow: hidden; border-bottom:1px solid #e0e0e0;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_col .ec_a_f_input {float:left; border-bottom:0; background-color:#fff;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_col .ec_a_f_input:first-child {width:152px;  border-bottom:1px solid #e0e0e0;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_col .ec_a_f_input:last-child {width:298px; border-left:1px solid #e0e0e0;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_validity {width:112px; overflow: hidden; border:1px solid #e0e0e0; float:left;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_validity li {width:45px; float:left;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_validity li:nth-child(2) {width:20px; text-align: center; font-size:12px; color:#333; font-weight:300; line-height:34px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_validity li input {border:0;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_bb {width:100%; overflow: hidden; border:1px solid #e0e0e0;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_bb li {float:left;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_bb li:nth-child(1){width:90px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_bb li:nth-child(3){width:68px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_bb li:nth-child(5){width:110px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_bb li:nth-child(2n) {width:20px; text-align: center; font-size:14px; color:#333; font-weight:300; line-height:34px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input ul.e_card_bb li input {border:0;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass {overflow: hidden; float:left;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass div {float:left; margin-right:7px; position:relative; border:1px solid #e0e0e0;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass div:last-child {margin-right:0;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass div::after {content:""; width:100%; height:100%; position:absolute; top:0; left:0; background-image:url("../img/order/pass_icon_off.png"); background-repeat:no-repeat; background-position:center; z-index:1;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass div.on::after {background-image:url("../img/order/pass_icon_on.png"); background-repeat:no-repeat; background-position:center;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass div:nth-child(3), .easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass div:nth-child(4) {background-color:#f1f1f1;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass div:nth-child(3)::after,.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass div:nth-child(4)::after {background-image:url("../img/order/pass_icon_on.png"); background-repeat:no-repeat; background-position:center; z-index:2;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass div input {width:30px; height: 30px; padding-bottom:6px; font-size:20px; padding:0; position:relative; z-index:2; border:0; letter-spacing:20px; caret-color:#000; color:rgba(255,255,255,0)!important; text-align: center;}


.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass_card {overflow: hidden; float:left;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass_card div {float:left; margin-right:7px; position:relative; /*border:1px solid #e0e0e0;*/}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass_card div label {font-size: 14px; color: #333; font-weight: 400; line-height: 34px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_a_form_box .ec_a_f_input .e_card_pass_card div input {width:16px; padding-bottom:6px; font-size:20px; padding:0; position:relative; z-index:2; border:0; letter-spacing:20px; caret-color:#000; color:rgba(255,255,255,0)!important; text-align: center;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_info_box {margin-top:10px; background-color:#fff; -ms-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; padding:10px 20px;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_info_box p {font-size:12px; color:#333; font-weight:300; letter-spacing:-0.025em; line-height:16px; padding-left:18px; background-image:url("../img/order/ic_lock.png"); background-repeat:no-repeat; background-position:left top 1px;}

.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_submit_btn {width:100%; padding:12px 0px; text-align: center; font-size:16px; color:#fff; font-weight:400; letter-spacing:-0.025em; background-color:#178bf5; margin-top:15px; -ms-border-radius:9px; -moz-border-radius:9px; -o-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; transition:all 0.2s;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_submit_btn:hover {background-color:#2573b4;}
.easy_card_add_pop .ec_add_inner .ec_add_layout .ec_add_form .ec_submit_btn:focus{outline:none;}