@charset "utf-8";

/*
  MCK CSS
*/

/* common */
.wrap {position: relative; width: 100%; min-height: 100%; padding-bottom: 160px;}
.container {width: 1024px; margin: 0 auto;}
.t_left {text-align: left !important;}
.new {display: inline-block; vertical-align: text-top; margin-left: 8px; width: 30px; height: 20px; line-height: 20px; text-align: center; font-size: 13px; color: #fff; border-radius: 4px; background-color: #efaf00;}
pre {word-break: break-all; white-space: pre-wrap; line-height: 1.2}
.bg_9e8469 {background-color: #9e8469 !important; color: #fff !important}
.bg_f7e5e0 {background-color: #f7e5e0 !important; color: #555 !important}
.bg_f8f5e0{background-color: #f8f5e0 !important; color: #333 !important}
.td_h9e8469 {height: 9px !important; background-color: #9e8469 !important;}
.none {display: none;}

/* layer pop */
.laypop {display:none; position:fixed; top:0; left:0; right:0; width:100%; height:100%; Text-align:center; overflow:auto; z-index:1000; background:rgba(0,0,0,0.7);}
.laypop.backOff {background:rgba(0,0,0,0.0);}
.laypop > div {display:inline-block;height:100%;vertical-align:middle;}
.laypop .pop-cont {position:relative; display:inline-block; vertical-align:middle; text-align:left; width:500px; padding: 80px 50px 44px; background:#fff;}
.laypop .pop-cont .title {padding-bottom: 65px; font-size: 1.786rem; color: #f35f17; text-align: center;}
.laypop .pop-cont .popClose {position: absolute; top:19px; right: 19px; width: 16px; height: 16px; background: url('/resources/images/web/all-icon.png') no-repeat; background-position: -592px -133px;}

/* form */
.form-control {position: relative;}
.form-control .inputTxt,
.form-control .inputSel {background: #fff; border: 1px solid #ddd; padding: 0 10px; height: 43px; line-height: 43px; font-size: 17px;}
.form-control .textarea {width: 100%; height: 290px; padding: 10px; background: #fff; border: 1px solid #ddd; resize: none;}
.file-input {position: relative; padding-top: 11px;}
.file-input lable {position: relative; cursor: pointer; display: inline-block; vertical-align: middle; overflow: hidden;}
.file-input input[type="file"] {position: absolute;width: 162px;left: 0;top: 15px;height: 32px;overflow: hidden;display: none;}
.file-input .file-name {display: inline-block; vertical-align: middle; width: 87.99%; min-height: 38px; line-height: 36px; padding: 0 8px; border: 1px solid #ddd;}

/* btn */
.btn {width: 100%; height: 42px; line-height: 42px; color: #fff; background: #f35f17; border-radius: 4px;}
.btn:disabled { background:rgba(243, 95, 23, .5); };
.btn2 {display: inline-block; padding: 0 9px; height: 27px; line-height: 27px; font-size: 12px; border-radius: 4px; border:1px solid #ddd;}
.btn2.or-c {color: #f35f17; border-color: #f35f17;}
.btn3 {display: inline-block; padding: 0 14px; height: 40px; line-height: 40px; color: #fff; background: #f35f17; border-radius: 4px;}
.btn4 {display: inline-block; padding: 0 27px; height: 37px; border-radius: 4px; font-size: 16px; line-height: 37px; color: #999; background-color: #f8f8f8; border: 1px solid #ddd;}
.btn4:hover,
.btn4.on {background-color: #f35f17; border-color: #f35f17; color: #fff;}
.btn-add {width: 32px; height: 32px; background: url('/resources/images/web/all-icon.png') -318px -335px no-repeat; border-radius: 4px;}
.btn-del {display: none; color: #999; margin-right: 10px;}
.btn-del .icon {display: inline-block; vertical-align: middle; width: 10px; height: 10px; background: url('/resources/images/web/all-icon.png') -632px -139px no-repeat;}
.btn-wrap {text-align: center;}
.btn-cancel,
.btn-send {display: inline-block; text-align: center; width: 100px; height: 40px; line-height: 40px; color: #fff; border-radius: 4px; vertical-align: top;}
.btn-cancel {background-color: #555}
.btn-send {background-color: #f35f17}

/* title */
.title {padding-top: 27px; padding-bottom: 10px;}
.title h2 {color: #a5864e; font-size: 20px;}
.title h2 .icon {display: inline-block; vertical-align: middle; margin-right: 9px; background-repeat: no-repeat;}

.title2 {padding-top: 27px; padding-bottom: 10px;}
.title2::after {content: ''; clear: both; display: block;}
.title2 h2 {float: left; color: #a5864e; font-size: 20px;}
.title2 h2 .icon {display: inline-block; vertical-align: middle; margin-right: 9px; background-repeat: no-repeat;}
.title2 .right {float: right; position: relative; width: 130px; height: 33px;}
.title2 .right > img {position: absolute; top:5px; left: 0;}
.title2 .right input.datepicker {position: absolute; right: 0; width: 118px; height: 33px; padding: 0 12px; border: 1px solid #ddd;}
.title2 h3 {float: left; color: #a5864e; font-size: 20px;}
.title2 h3 .icon {display: inline-block; vertical-align: middle; margin-right: 9px; background-repeat: no-repeat;}

.notice .title h2 .icon {width: 42px; height: 33px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -7px -260px;}
.specs .title2 h2 .icon {width: 45px; height: 31px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -145px -260px;}
.reception .title2 h2 .icon,
.qna .title2 h2 .icon {width: 47px; height: 32px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -223px -260px;}
.payment .title2 h2 .icon {width: 41px; height: 31px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -295px -260px;}
.g-point .title2 h2 .icon {width: 35px; height: 36px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -299px -260px;}
.combi-card .title2 h2 .icon {width: 47px; height: 32px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -223px -260px;}
.increase .title2 h2 .icon {width: 48px; height: 32px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -564px -260px;}
.delivery .title2 h2 .icon {width: 45px; height: 31px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -563px -319px;}
.faq .title2 h2 .icon {width: 46px; height: 42px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -366px -260px;}
.faq .title2.keyword h3 .icon {width: 24px; height: 24px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -5px -400px;}
.faq .title2.cate h3 .icon {width: 21px; height: 30px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -55px -396px;}
.info-change .title2 h2 .icon {width: 45px; height: 37px; background-image: url('/resources/images/web/all-icon.png'); background-position:  -71px -260px;}

/* table */
.lst tr:hover {background-color: #f8f8f8}
.table {border-top: 1px solid #f35f17; border-bottom: 1px solid #e5e5e5;}
.table tr:first-child th,
.table tr:first-child td {border-top: 0;}
.table th,
.table td {border-top:1px solid #e5e5e5; height: 50px;}
.table thead th {background-color: #f9f4f0; text-align: center; color: #f35f17;}

.table2 {border-top: 1px solid #f35f17; border-bottom: 1px solid #e5e5e5;}
.table2 tr:first-child th,
.table2 tr:first-child td {border-top: 0;}
.table2 th,
.table2 td {border-top:1px solid #e5e5e5; height: 50px; padding: 0 12px; text-align: center;}
.table2 thead th {background-color: #f9f4f0; text-align: center; color: #f35f17;}
.table2.line tbody td {border-left: 1px solid #e5e5e5}
.table2.line tbody tr td:first-child {border-left: 0;}
.table2.line2 thead th,
.table2.line2 tbody td {border-left: 1px solid #e5e5e5}
.table2.line2 thead tr th:first-child,
.table2.line2 tbody tr td:first-child {border-left: 0;}

.table3 {border-top: 1px solid #f35f17; border-bottom: 1px solid #e5e5e5;}
.table3 th,
.table3 td {border-top:1px solid #e5e5e5; height: 50px;}
.table3 thead th {padding: 0 13px; border-bottom: 1px solid #e5e5e5; background-color: #fff; text-align: left; color: #333; font-weight: 400;}
.table3 thead th:first-child {border-top: 0}
.table3 thead th:last-child {text-align: center;}
.table3 tbody td {min-height: 490px; padding: 18px 14px; background-color: #f8f8f8; vertical-align: top;}
.table3 tbody td pre {min-height: 280px;}
.table3 tr:hover a {color: #999;}

.table4 {margin-top: 15px}
.table4 td {height: 50px; text-align: center; background-color: #f7e5e0; font-size: 16px; font-weight: bold}

.table5 {border-top: 1px solid #f35f17;}
.table5 tr:first-child th,
.table5 tr:first-child td {border-top: 0;}
.table5 th,
.table5 td {border:1px solid #e5e5e5; height: 50px; padding: 0 12px; text-align: center;}
.table5 thead th {background-color: #f9f4f0; text-align: center; color: #f35f17; border: 0;}
.table5 .empty {height: 10px; border-left: 0; border-right: 0;}
.table5 .hover tr.myRow {background-color: #f7e5e0; border:2px solid #f35f17}
/* .table5 .hover tr.myRow td {border: 0;} */
.table5 .hover tr.myRow .order-icon {width: 21px; height: 27px; background-position: -420px -401px}
.table5 .hover tr.ing .order-icon {width: 40px; height: 27px; background-position: -354px -400px}
.table5 .gray-tr {background-color: #f9f9f9}

.table6 {border-top: 1px solid #f35f17; border-bottom:1px solid #e5e5e5;}
.table6 th,
.table6 td {border-top:1px solid #e5e5e5; height: 45px; padding: 0 12px; text-align: center;}
.table6 tr:first-child th,
.table6 tr:first-child td {border-top:0;}
.table6 tbody th {background-color: #f9f4f0; color: #333; font-weight: normal; text-align: left;}
.table6 .form-control .inputTxt {width: 100%; height: 34px;}

/* borard */
.other-lst {padding-top: 19px;}
.other-lst .table {border-top: 1px solid #e5e5e5;}
.other-lst .table td:first-child {text-align: center; font-size: 12px;}
.other-lst .table td .icon {display: inline-block; margin-left: 19px; vertical-align: middle; width: 9px; height: 5px; background-repeat: no-repeat; background-image: url('/resources/images/web/all-icon.png');}
.other-lst .table td.up .icon {background-position: -146px -360px;}
.other-lst .table td.down .icon {background-position: -146px -344px;}
.borard-btn {text-align: right; margin-top: 10px;}

/* pageing */
.pageing {text-align: center; position: relative; padding-top: 28px;}
.pageing > a {display: inline-block; width: 21px; height: 21px; margin-left: 5px; color: #333; font-size: 16px;}
.pageing > a:first-child {margin-left: 0}
.pageing > a.on,
.pageing > a:hover {color: #f35f17;}
.pageing .prev > span,
.pageing .next > span {display: inline-block; vertical-align: middle; width: inherit; height: inherit; background: url('/resources/images/web/all-icon.png') no-repeat;}
.pageing .prev .all-first {background-position: -29px -330px;}
.pageing .prev .first {background-position: -61px -330px;}
.pageing .next .all-end {background-position: -2px -330px;}
.pageing .next .end {background-position: -92px -330px;}
.pageing > .prev:hover  .all-first {background-position: -29px -357px;}
.pageing > .prev:hover  .first {background-position: -61px -357px;}
.pageing > .next:hover  .all-end {background-position: -2px -357px;}
.pageing > .next:hover  .end {background-position: -92px -357px;}

/* tabMenu */
.tab-menu {padding-bottom: 19px; position: relative;}
.tab-menu ul {border-bottom: 1px solid #f35f17;}
.tab-menu li {float: left; margin-bottom: -1px;}
.tab-menu li a {display: block; width: 158px; height: 44px; font-weight: bold; line-height: 44px; text-align: center; background-color: #f8f8f8; color: #999; border: 1px solid #ddd; border-bottom: 1px solid #f35f17;;}
.tab-menu li a.on {background-color: #fff; border: 1px solid #f35f17; border-bottom-color: #fff; color: #f35f17;}

.tab-menu .right {position: absolute; top: 0; right: 0; width: 146px; height: 33px;}
.tab-menu .right > img {position: absolute; top:5px; left: 0;}
.tab-menu .right input.datepicker {position: absolute; right: 0; width: 118px; height: 33px; padding: 0 12px; border: 1px solid #ddd;}

/* login */
.login {width: 100%; height: 100%; background: url('/resources/images/web/login-bg.png') center center no-repeat; background-size: 100% 100%;}
.login-form {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 640px; margin: 0 auto; background-color: #fff; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);}
.login-form .logo {margin: 0 auto; padding: 66px 0 43px;}
.login-form .logo > span {display: block; width: 250px; height: 41px; margin: 0 auto; background: url('/resources/images/web/all-icon.png') no-repeat; background-position: 0 0;}
.login-form .contents {width: 470px; margin: 0 auto;}
.login-form form {position: relative; padding-bottom: 19px;}
.login-form .form-control {width: 365px;}
.login-form .form-control:first-child {margin-bottom: 4px;}
.login-form .form-control .inputTxt {width: 100%; background-color: #f9f9f9;}
.login-form .loginBtn {position: absolute; top:0; right: 0; width: 100px; font-size: 1.143em; line-height: 92.3px; border-radius: 4px; background-color: #f35f17; color: #fff;}
.login-form .join-scr {width: 100%; padding-bottom: 66px;}
.login-form .join-scr li {padding-top: 5px;}
.login-form .join-scr li:first-child {padding-top: 0;}
.login-form .join-scr li > a {display: block; width: 100%; line-height: 43px; font-size: 1em; color: #a3896c; text-align: center; border:1px solid #ddd; font-weight: normal;}
.login-form .join-scr li a .icon {display: inline-block; vertical-align: middle; margin-right: 6px; background-image: url('/resources/images/web/all-icon.png'); background-repeat: no-repeat;}
.login-form .join-scr li:nth-child(1) a .icon,
.login-form .join-scr li:nth-child(2) a .icon {width: 18px; height: 13px; background-position: -472px -133px;}
.login-form .join-scr li:nth-child(3) a .icon,
.login-form .join-scr li:nth-child(4) a .icon {width: 14px; height: 15px; background-position: -505px -133px;}
.login-pop tbody th {color: #a5864e; font-size: 16px; font-weight: normal;}
.login-pop .join-exTxt {color: #f35f17; font-size: 14px;}
.login-pop .inputTxt {font-size: 16px; width: 100%;}
.login-pop form + ul > li {padding-top: 15px;}
.login-pop form + ul > li:first-child {padding-top: 0;}
.login-pop form + ul > li  > button {width: 100%; text-align: center; color: #a3896c}
.login-pop form + ul > li  > button > .icon {display: inline-block; margin-left: 3px; vertical-align: middle; width: 24px; height: 24px; background: url('/resources/images/web/all-icon.png') no-repeat; background-position: -261px -340px;}
.login-pop.code .ex-txt td {padding: 20px 0; text-align: center; line-height: 2; color: #333; font-weight: normal;}
.login-pop.code th,
.login-pop.code td {text-align: center;}
.pw-lost td {height: auto;}
.pw-lost .form-control {background-color: #f8f8f8; padding: 5px; border-bottom: 1px solid #e5e5e5;}
.pw-lost .form-control .inputTxt {width: 79.25%; height: 34px; background-color: #fff;}
.pw-lost .form-control .btn {width: 65px; height: 34px; line-height: 34px; vertical-align: bottom;}
.pw-lost .txt {padding: 29px 0; text-align: center; line-height: 2;}
.pw-lost .email-chk {padding: 7px 0; color: #f35f17; font-weight: bold;}

/* number */
.numR {font-family: 'Roboto', sans-serif; font-size: 13px;}
.numR .txt {display: inline-block; line-height: 22px; width: 22px; height: 23px; border-radius: 50%; background-color: #f35f17; color: #fff; text-align: center;}
.qu-icon {display: inline-block; width: 22px; height: 23px; vertical-align: middle; background: url('/resources/images/web/all-icon.png') no-repeat; background-position: -413px -328px;}
.qu-icon.answer {background-position: -413px -354px;}

/* faq list */
.list-wrap ul {border-top: 1px solid #f35f17}
.list-wrap li {display: table; width: 100%; position: relative; padding: 0 20px; border-bottom: 1px solid #e5e5e5;}
.list-wrap li:hover {background-color: #f8f8f8}
.list-wrap li .numR {display: table-cell; vertical-align: middle;}
.list-wrap li a {display: table-cell; width: 96.649%; height: 45px; line-height: 45px; font-size: 14px;}
.list-wrap li a .arr-icon {position: absolute; top:50%; right: 20px; margin-top: -7px; display: inline-block; vertical-align: middle; width: 8px; height: 14px; background: url('/resources/images/web/all-icon.png') no-repeat; background-position: -482px -339px;}
.list-wrap li:hover a .arr-icon {background-position: -461px -339px; }
.list-wrap li.key-txt {height: 38px; line-height: 38px; color: #fff; background-color: #9e8469; font-size: 14px;}

/* contents */
.header .container {position: relative;}
.header .logo-wrap {height: 101px; border-bottom: 1px solid #e5e5e5;}
.header .logo {position: absolute; top:33px; width: 100%; }
.header .logo a {display: block;}
.header .logo a > span {display: block; width: 225px; height: 37px; margin: 0 auto; background: 0 0 url('/resources/images/web/all-icon.png') no-repeat; background-position: -318px 0;}
.header .left {position: absolute; top: 32px; left: 0}
.header .right {position: absolute; top: 38px; right: 0}
.header .login-user .user {font-size: 14px; font-weight: bold;}
.header .login-user .logout {margin: 0 6px 0 13px;}
.header .login-user .info-mod {display: inline-block; width: 93px; height: 27px; text-align: center; line-height: 27px; font-size: 14px; border-radius: 4px; background-color: #f35f17; color: #fff;}
.header .login-user .info-mod > .icon {display: inline-block; width: 18px; height: 18px; vertical-align: text-top; background: url('/resources/images/web/all-icon.png') no-repeat; background-position: -545px -133px;}
.header .gnb {border-bottom: 1px solid #e5e5e5;}
.header .gnb nav {border-left: 1px solid #e5e5e5;}
.header .gnb li {float: left; text-align: center; width: 11.11%; border-right: 1px solid #e5e5e5;}
.header .gnb li a {display: block; width: 100%; height: 97px; padding-top: 20px; color: #e49541;}
.header .gnb li a:hover,
.header .gnb li a.on {color: #fff; background-color: #f35f17}
.header .gnb li .icon {display: block; margin: 0 auto; background-repeat: no-repeat;}
.header .gnb li:nth-child(1) .icon {width: 43px; height: 39px; background-image: url('/resources/images/web/all-icon.png'); background-position: -4px -164px;}
.header .gnb li:nth-child(2) .icon {width: 25px; height: 39px; background-image: url('/resources/images/web/all-icon.png'); background-position: -79px -164px;}
.header .gnb li:nth-child(3) .icon {width: 34px; height: 39px; background-image: url('/resources/images/web/all-icon.png'); background-position: -133px -164px;}
.header .gnb li:nth-child(4) .icon {width: 26px; height: 39px; background-image: url('/resources/images/web/all-icon.png'); background-position: -196px -164px;}
/* .header .gnb li:nth-child(5) .icon {width: 31px; height: 39px; background-image: url('/resources/images/web/all-icon.png'); background-position: -254px -164px;} */
.header .gnb li:nth-child(5) .icon {width: 30px; height: 39px; background-image: url('/resources/images/web/all-icon.png'); background-position: -310px -164px;}
.header .gnb li:nth-child(6) .icon {width: 28px; height: 39px; background-image: url('/resources/images/web/all-icon.png'); background-position: -370px -164px;}
.header .gnb li:nth-child(7) .icon {width: 35px; height: 39px; background-image: url('/resources/images/web/all-icon.png'); background-position: -425px -164px;}
.header .gnb li:nth-child(8) .icon {width: 30px; height: 39px; background-image: url('/resources/images/web/all-icon.png'); background-position: -484px -164px;}
.header .gnb li:nth-child(9) .icon {width: 42px; height: 39px; background-image: url('/resources/images/web/all-icon.png'); background-position: -545px -164px;}
.header .gnb li:nth-child(1) a:hover .icon,
.header .gnb li:nth-child(1) a.on .icon {background-position: -4px -207px;}
.header .gnb li:nth-child(2) a:hover .icon,
.header .gnb li:nth-child(2) a.on .icon {background-position: -79px -207px;}
.header .gnb li:nth-child(3) a:hover .icon,
.header .gnb li:nth-child(3) a.on .icon {background-position: -133px -207px;}
.header .gnb li:nth-child(4) a:hover .icon,
.header .gnb li:nth-child(4) a.on .icon {background-position: -196px -207px;}
/* .header .gnb li:nth-child(5) a:hover .icon, */
/* .header .gnb li:nth-child(5) a.on .icon {background-position: -254px -207px;} */
.header .gnb li:nth-child(5) a:hover .icon,
.header .gnb li:nth-child(5) a.on .icon {background-position: -310px -207px;}
.header .gnb li:nth-child(6) a:hover .icon,
.header .gnb li:nth-child(6) a.on .icon {background-position: -370px -207px;}
.header .gnb li:nth-child(7) a:hover .icon,
.header .gnb li:nth-child(7) a.on .icon {background-position: -425px -207px;}
.header .gnb li:nth-child(8) a:hover .icon,
.header .gnb li:nth-child(8) a.on .icon {background-position: -484px -207px;}
.header .gnb li:nth-child(9) a:hover .icon,
.header .gnb li:nth-child(9) a.on .icon {background-position: -545px -207px;}
/* main */
.visual {position: relative; width: 100%; height: 342px; background: url('/resources/images/web/visual.png') no-repeat; background-size: cover; border-bottom: 6px solid #e49541;}
.visual .v-logo {position: absolute; top: 50%; left: 50%; margin-top: -35.5px; margin-left: -213.5px}
.visual .v-logo span {display: block; width: 427px; height: 71px; margin: 0 auto; background: 0 0 url('/resources/images/web/all-icon.png') no-repeat; background-position: -4px -70px;}
.main .title {padding-top: 25px;}

/* sub */
.g-point .table2 td {font-size: 20px; font-weight: bold;}
.g-point .table2 td .icon {display: inline-block; width: 22px; height: 23px; vertical-align: bottom; background: url('/resources/images/web/all-icon.png') -156px -402px no-repeat;}

.combi-card .barcode {background-color: #f8f8f8; height: 300px; text-align: center; margin-bottom: 19px;}
.combi-card .barcode .bar-logo {padding: 42px 0 30px;}
.combi-card .btnWrap {text-align: center; margin-top: 42px}
.combi-card .btn3 .icon {display: inline-block; vertical-align: middle; margin-right: 7px; background-repeat: no-repeat;}
.combi-card .btn3.print .icon {width: 20px; height: 18px; background-image: url('/resources/images/web/all-icon.png'); background-position: -205px -403px;}
.combi-card .btn3.down .icon {width: 20px; height: 20px; background-image: url('/resources/images/web/all-icon.png'); background-position: -253px -401px;}

/* faq */
.faq .table2.keyword {border-bottom: 0;}
.faq .table2.keyword td {padding: 0; height: auto}
.faq .form-control {background-color: #f8f8f8; padding: 5px; border-bottom: 1px solid #e5e5e5;}
.faq .form-control .inputTxt {width: 90.9%; height: 34px; line-height: 34px; background-color: #fff;}
.faq .form-control .inputSel {width: 45%; height: 34px;}
.faq .form-control .btn {width: 85px; height: 34px; line-height: 34px; vertical-align: bottom;}
.faq .answer {display: table; width: 100%;}
.faq .answer > * {display: table-cell; vertical-align: top;}
.faq .answer .icon {width: 34px; font-size: 0; line-height: 0;}
.faq .answer .cont .txt {line-height: 28px; padding-bottom: 23px;}
.faq .answer .cont .img img {margin-right: 15px;}

.faq .help {width: 100%; text-align: center; padding-top: 10px;}
.faq .help .confirm{padding: 10px 50px; background-color: #f1f1f1; border:1px solid #ddd; border-radius: 4px; display: inline-block;}
.faq .help .confirm p{color:#f35f17; font-size:17px; font-weight: bold; padding: 10px 10px 15px;}
.faq .help .confirm button{background-color: white; font-size: 15px; width: 120px; height: 35px; border:1px solid #ddd; border-radius: 3px;}
.faq .help .confirm .yes{color:#e49541;}
.faq .help .confirm .no{color:#9e8469;}
.faq .help .confirm .back{background-color: #f35f17; color: white; width: 245px; border: none; }


.faq .related {padding-top: 57px}
.faq .related dt,
.faq .related dd {display: inline-block; font-weight: bold;}
.faq .related dt {color: #f35f17; padding-right: 22px;}
.faq .related dd a {text-decoration: underline; color: #333;}

/* qna */
.qna .ex-txt {padding: 12px 0 30px;}
.qna .ex-txt2 {font-weight: bold; font-size: 18px; color: #f35f17; padding-bottom:18px}
.qna .qna-list li {width:49.51%; float: left; padding-bottom: 13px; padding-left: 10px}
.qna .qna-list li:nth-child(odd) {padding-left: 0;}
.qna .qna-list li a {display: block; width: 100%; height: 45px; line-height: 45px; text-align: center; background-color: #f8f8f8; border:1px solid #ddd; color:#555; border-radius: 4px;}
.qna .qna-list li a:hover {color: #f35f17; border-color: #f35f17; background-color: #fff;}
.qna .btn2.fileUp {height: 32px; line-height: 32px;}
.qna .qna-wrEx {padding: 24px 0 50px; color: #f35f17}
.qna .use-info {background-color: #f8f8f8; padding: 27px 25px 26px; margin-bottom: 45px}
.qna .use-info h3 {font-size: 18px; text-align: center; padding-bottom: 28px}
.qna .use-info li {display: table; width: 100%; line-height: 28px; padding-top: 20px;}
.qna .use-info li:first-child {padding-top: 0}
.qna .use-info li > span {display: table-cell; width: 28px;}
.qna .btn3.useinfo {width: 220px;}
.qna.history tr:hover {background-color: #f8f8f8}
.qna.history .un-ans,
.qna.history .ans,
.qna.history .new-ans {display: inline-block; width: 82px; height: 32px; line-height: 32px; border-radius: 4px; text-align: center;}
.qna.history .un-ans {border: 1px solid #e49541; color: #e49541;}
.qna.history .ans {border: 1px solid #e69d54; background: #e69d54; color: #fff;}
.qna.history .new-ans {border: 1px solid #f35f17; background: #f35f17; color: #fff;}
.qna.history .re-icon {display: inline-block; vertical-align: middle; width: 16px; height: 14px; margin-right: 6px; margin-left: 60px; background: url('/resources/images/web/all-icon.png') no-repeat; background-position: -113px -405px}
.qna.history .re-a {display: inline-block; vertical-align: middle; width: 87%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.qna.history .answer {display: table; width: 100%;}
.qna.history .answer > * {display: table-cell; vertical-align: top;}
.qna.history .answer .icon {width: 34px; font-size: 0; line-height: 0; vertical-align: top;}
.qna.history .answer .txt {padding-top: 6px}
.qna.history .answer .txt pre {min-height: 200px; }

/* delivery */
.delivery .title2 .right {width: auto;}
.delivery .title2 .right .btn3 {height: 32px; line-height: 32px;}
.delivery .title2 .right .btn3 .icon {display: inline-block; vertical-align: middle; width: 27px; height: 18px; background: url('/resources/images/web/all-icon.png') no-repeat; background-position: -299px -403px}
.delivery .deli-order {line-height: 43px; height: 43px; margin-bottom: 12px; border:1px solid #ddd; text-align: center; font-size: 16px; color: #333;}
.delivery .deli-order > span {color: #f35f17; font-weight: bold;}
.delivery .icon.ing {font-size: 0; line-height: 0; width: 40px; height: 27px; display: inline-block; vertical-align: middle; background: url('/resources/images/web/all-icon.png') no-repeat; background-position: -354px -400px}
.delivery .order-icon {font-size: 0; line-height: 0; width: 10px; height: 11px; display: inline-block; vertical-align: middle; background: url('/resources/images/web/all-icon.png') no-repeat; background-position: -462px -407px}

/* 정보변경 */
.info-change .btn3 {width: 220px; font-size: 15px;}

.withdraw { font-family: 'Meiryo UI Negreta', 'Meiryo UI Normal', 'Meiryo UI'; color: #333333; font-style: normal; }

/* 회원탈퇴 */
.withdraw.wrap { padding-bottom: 0px; }
.withdraw .container { width: 100%; max-width: 800px; }
.withdraw .title { font-weight: 700; font-size: 28px; color: #F35F17; text-align: center; margin-bottom: 30px; }
.withdraw .text { font-weight: 400; font-size: 18px; line-height: 1.5; margin: 0px 7px; }
.withdraw .guide { height:1px; margin: 10px 0px; background-color: #F35F17; }
.withdraw .input-area { width: 100%; max-width:500px; padding: 10px; }
.withdraw .input-area .input-box { background-color: rgba(242, 242, 242, 1); padding: 5px 10px; margin-bottom: 10px; height: 50px; }
.withdraw .input-area .input-box .text { width: 110px; font-size: 17px; display: inline-block; margin: 6px 4px 0px 0px; }
.withdraw .input-area .input-box input { width: calc(100% - 120px); height: 40px; font-size: 18px; background-color: #fff; vertical-align: top; border: 1px solid rgba(229, 229, 229, 1); padding: 4px;  }
.withdraw .input-area .input-box.button { background-color: rgba(243, 95, 23, 1); cursor:pointer; }
.withdraw .input-area .input-box.button .text { width: 90%; color:#fff; text-align: center; }

/* footer */
.footer {position: absolute; bottom: 0; width: 100%; background-color: #f8f8f8; border-top: 1px solid #dfdfdf;}
.footer ul {border-right: 1px solid #dfdfdf;}
.footer ul > li {float: left; width: 50%; border-left: 1px solid #dfdfdf;}
.footer ul > li > a {display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: bold;}
.footer ul > li > a .icon {display: inline-block; vertical-align: middle; width: 17px; height: 17px; margin-left: 9px; background-image: url('/resources/images/web/all-icon.png'); background-repeat: no-repeat;}
.footer ul > li > a.terms {color: #e49541;}
.footer ul > li > a.terms .icon {background-position: -188px -344px;}
.footer ul > li > a.homeMove {color: #f35f17;}
.footer ul > li > a.homeMove .icon {background-position: -222px -344px;}
.footer .copyrigt {height: 59px; line-height: 59px; color: #999; font-size: 14px; border-top: 1px solid #dfdfdf; text-align: center;}

.footer .laypop .pop-cont { width: 80%; max-width: 900px; height: 80%; padding: 50px 50px 44px; }
.footer .laypop .pop-cont .title { padding-bottom: 35px; }
.footer .laypop .pop-cont .table { overflow: auto; height:80%; bottom: 0px; padding: 5px; }

.footer .footer-pop.terms p { padding: 5px; line-height: 1.5; }
.footer .footer-pop.terms h2 { padding: 5px; padding-top: 10px; }
.footer .footer-pop.terms h2 + p { padding-left: 15px; }
.footer .footer-pop.terms h2 + ul { padding-left: 15px; }
.footer .footer-pop.terms h2 + p + ul { padding-left: 20px; }
.footer .footer-pop.terms ul { border-left: none; border-right: none; }
.footer .footer-pop.terms ul > li { float:none; width: 100%; border-left: none; line-height: 1.5; }