@charset "utf-8";

/* reset style ----- */
* {margin:0; padding:0;}
body, input, select, textarea, button {font:normal 14px/1.35 HelveticaNeue-Light, AppleSDGothicNeo-Light, Sans-serif; color:#000;}
body {-webkit-text-size-adjust:none;}
input, select, textarea {vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input::-webkit-search-cancel-button {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {display:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
button {background:none; border:0; border-radius:0; cursor:pointer;}
textarea {resize:none;}
label {vertical-align:middle; cursor:pointer;}
a {color:inherit; text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
em, address {font-style:normal;}
ol, ul, li {list-style:none; margin:0; padding:0;}
img, fieldset {border:0;}
table {border:0; border-spacing:0;}
legend {visibility:hidden; position:absolute; left:-5000px; font-size:0; line-height:0;}
caption {visibility:hidden; text-indent:-5000px; font-size:0; line-height:0;}

/* common ----- */
.fl {float:left !important;}
.fr {float:right !important;}

/* accessibility */
.hidden {position:absolute !important; left:-9999px !important;}
.hide {visibility:hidden !important; height:0 !important; overflow:hidden !important; padding:0 !important; margin:0 !important; border:0 !important;}

/* align */
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

/* font */
.u {text-decoration:underline !important;}
.bold {font-weight:bold !important;}

/* color */
.color01 {color:#000 !important;}
.color02 {color:#333 !important;}
.color03 {color:#666 !important;}
.color04 {color:#888 !important;}
.color05 {color:#008fe9 !important;}
.color06 {color:#00a2e9 !important;}
.color07 {color:#282cae !important;}
.color08 {color:#ef2b25 !important;}
.bgcolor09{background-color:#fff !important;}

/* margin */
.space0 {margin:0 !important;}
.tspace0 {margin-top:0 !important;}
.tspace-section {margin-top:40px !important;}

/* padding */
.pad0 {padding:0 !important;}
.pat0 {padding-top:0 !important;}


/* layout ----- */
html, body {height:100%;}
#skipnav {position:relative;}
#skipnav a {display:block; position:absolute; z-index:9999; top:0; left:-9999px; width:100%; padding:10px 0; background:#00a2e9; text-align:center; color:#fff;}
#skipnav a:focus, #skipnav li a:active {left:0;}

#wrap {min-height:100%;}

#header {position:fixed; z-index:99999; left:-100%; top:0; width:85%; height:100%; overflow:hidden; background:#f4f4f4; -webkit-transition:left .2s; transition:left .2s;}
#header button.close {position:absolute; top:13px; right:10px; width:20px; height:20px; background:url('/resources/client/images/ico_btn_navigation.png') no-repeat -50px 0; background-size:100px 50px; text-indent:-9999px;}
#header.opened {left:0;}
#header .header-scrwrap {position:relative; min-height:100%; -webkit-box-sizing:border-box; box-sizing:border-box;}
#header .util {background:#fff;}
#header .util .badge {position:relative;}
#header .util .badge .badge-num {position:absolute; top:-8px; right:-2px; background:#00a2e9; width:14px; height:14px; border-radius:7px; text-align:center; font-size:10px; line-height:14px; color:#fff; font-weight:bold;}
#header .util .userinfo {position:relative; height:86px; padding:28px 10px 12px; background:#00a2e9; color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
#header .util .userinfo .user-name {position:relative; display:block; padding:0 0 0 42px;}
#header .util .userinfo .user-name .photo {position:absolute; left:0; top:3px;}
#header .util .userinfo .user-name .photo .photo-img {display:inline-block; vertical-align:top; width:34px; height:34px; background:#fff url('/resources/client/images/userphoto_default.png') no-repeat 0 0; background-size:34px 34px; border-radius:17px; overflow:hidden; text-align:center;}
#header .util .userinfo .user-name .photo .photo-img img {width:100%; vertical-align:top;}
#header .util .userinfo .user-name .photo .ico-membership {display:inline-block; vertical-align:top; width:38px; height:48px; margin:-14px 0 0 -1px; background:url('/resources/client/images/ico_membership_level.png') no-repeat 0 9999px; background-size:auto 48px; text-indent:-9999px;}
#header .util .userinfo .user-name .photo .ico-membership.bronze {background-position:0 0;}
#header .util .userinfo .user-name .photo .ico-membership.silver {background-position:-48px 0;}
#header .util .userinfo .user-name .photo .ico-membership.gold {background-position:-96px 0;}
#header .util .userinfo .user-name .photo .ico-membership.vip {background-position:-144px 0;}
#header .util .userinfo .user-name strong {display:block; margin-bottom:1px; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#header .util .userinfo .user-name .tag-membership {display:inline-block; vertical-align:1px; background:#005674; border-radius:2px; padding:2px 4px; font-size:10px; line-height:1;}
#header .util .userinfo .user-name .photo + .tag-membership {margin:-16px 0 0;}
#header .util .userinfo .user-name .txt-login {display:block; padding:10px 0; color:#fff;}
#header .util .userinfo .btn-alert {position:absolute; top:12px; right:44px; width:20px; text-align:center;}
#header .util .userinfo .btn-alert:before {content:'\f0a2'; display:inline-block; font:normal normal normal 20px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#fff;}
#header .util .userinfo .badge .badge-num {background:#fff; color:#00a2e9;}
#header .util .menus {display:table; width:100%; table-layout:fixed; border-bottom:1px solid #d4d4d4;}
#header .util .menus > a {display:table-cell; vertical-align:middle; height:52px; border-left:1px solid #eeebe6; text-align:center; line-height:1.2;}
#header .util .menus > a:first-child {border-left:0;}
#header .util .menus > a i {display:inline-block; background:url('/resources/client/images/ico_bg_utilmenus.png') no-repeat 0 9999px; background-size:46px 18px; margin-right:5px; vertical-align:-4px;}
#header .util .menus > a i.i-logout {width:19px; height:19px; background-position:0 0;}
#header .util .menus > a i.i-myinq {width:19px; height:19px; background-position:-23px 0;}
#header .topnav li {border-top:1px solid #ddd;}
#header .topnav li > a {position:relative; display:block; padding:14px 16px; font-size:16px; line-height:1.2; font-weight:bold;}
#header .topnav li > a:after {content:''; position:absolute; right:16px; top:50%; margin-top:-6px; width:7px; height:11px; background:url('/resources/client/images/bg_arrow_r_13x22_888888.png') no-repeat 0 0; background-size:auto 11px;}
#header .share {padding:5px;}
#header .share a {font-size:16px; font-weight:bold;}
#header .share a.ico-kakaotalk {display:block; padding:5px 8px; background:#fbe300; color:#3b1e1e;}
#header .share a.ico-kakaotalk:before {content:''; display:inline-block; vertical-align:-16px; width:42px; height:42px; background:url('/resources/client/images/ico_sns_kakaotalk.png') no-repeat 0 0; background-size:42px 42px;}
#header .share a.ico-facebook {display:block; padding:5px 8px; background:#3a5ba0; color:#fff;}
#header .share a.ico-facebook:before {content:''; display:inline-block; vertical-align:-16px; width:42px; height:42px; background:url('/resources/client/images/ico_sns_facebook.png') no-repeat 0 0; background-size:42px 42px;}

/* #container {padding-bottom:100px;} */
#container .pagehead {position:fixed; z-index:9999; top:0; left:0; width:100%; height:47px; padding:13px 40px; background:#00a2e9; border-bottom:2px solid #00a2e9; -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2); box-shadow:0 1px 0 rgba(0,0,0,0.2); -webkit-box-sizing:border-box; box-sizing:border-box;}
#container .pagehead .btn-nav {position:absolute; top:14px; left:12px; width:23px; height:20px; background:url('/resources/client/images/ico_btn_navigation.png') no-repeat 0 0; background-size:100px 50px; text-indent:-9999px;}
#container .pagehead .btn-back {position:absolute; top:13px; left:12px; width:20px; height:20px; background:url('/resources/client/images/ico_btn_navigation.png') no-repeat -25px 0; background-size:100px 50px; text-indent:-9999px;}
#container .pagehead .btn-mypage {position:absolute; top:10px; right:10px; width:24px; height:24px; background:url('/resources/client/images/ico_mypage.png') no-repeat 0 0; background-size:auto 24px; text-indent:-9999px;}
#container .pagehead .btn-home {position:absolute; top:12px; right:12px; width:22px; height:22px; background:url('/resources/client/images/ico_home.png') no-repeat 0 0; background-size:auto 22px; text-indent:-9999px;}
#container .pagehead.indextype {background:#fff;}
#container .pagehead.indextype .tit-page {color:#00a2e9;}
#container .pagehead.indextype .btn-nav {background-position:0 -25px;}
#container .pagehead.indextype .btn-back {background-position:-25px -25px;}
#container .indexmenu {position:fixed; z-index:9999; top:47px; left:0; width:100%; height:39px; background:#00a2e9;}
#container .indexmenu ul {display:table; width:100%; height:100%; table-layout:fixed;}
#container .indexmenu ul li {display:table-cell; text-align:center; font-size:15px; color:#d6e5eb; font-weight:bold;}
#container .indexmenu ul li a {display:block; padding:9px 0;}
#container .indexmenu ul li.on {color:#fff;}
#container .indexmenu ul li.on a span {padding:0 3px 2px; font-size:16px; border-bottom:2px solid #fff;}
#container .indexmenu ul li:nth-child(3) {width:22%;}
#container .adminmenu {position:fixed; z-index:9999; top:47px; left:0; width:100%; background:#fff; margin-top:-2px;}
#container .adminmenu ul {width:100%; overflow:hidden;}
#container .adminmenu ul li {float:left; width:25%; height:39px; background:#00a2e9; text-align:center; font-size:15px; color:#d6e5eb; font-weight:bold;}
#container .adminmenu ul li a {display:block; padding:9px 0; margin:-1px 0 0 -1px; border:1px solid #d6e5eb; border-right:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
#container .adminmenu ul li.on {background:#d6e5eb; color:#008fe9; -webkit-box-shadow:inset 0 -2px 0 #008fe9; box-shadow:inset 0 -2px 0 #008fe9;}
#container .quick {position:fixed; bottom:18px; right:12px; z-index:9999;}
#container .quickleft {position:fixed; bottom:18px; left:12px; z-index:9999;}
#container .quick .btn-order {display:block; width:80px; height:80px; overflow:hidden; border-radius:40px; background-color:rgba(0,162,233,1); -webkit-box-shadow:1px 3px 6px 1px #9cb4be; box-shadow:1px 3px 6px 1px #9cb4be; text-align:center; color:#fff; font-size:11px;}
#container .quick .btn-order:before {content:''; display:block; margin:20px 0 3px; width:100%; height:25px; background:url('/resources/client/images/ico_order.png') no-repeat 50% 0; background-size:auto 20px;}
.container-mask {position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); -webkit-tap-highlight-color:rgba(0,0,0,0);}

#contents {padding:8px 0 52px;}
#contents:after {content:'.'; visibility:hidden; display:block; clear:both; height:0; font-size:0; line-height:0;}
#container .pagehead + #contents, #container .pagehead + form > #contents {padding-top:65px; /*47+18*/}
#container .pagehead + .indexmenu + #contents, #container .pagehead + .indexmenu + form > #contents {padding-top:86px; /*86*/}
#container .pagehead + .adminmenu + #contents, #container .pagehead + .adminmenu + form > #contents {padding-top:143px; /*125+18*/}

#footer {position:relative; padding:0px 16px 0; background:#fafafa; -webkit-box-shadow:inset 0 1px 0 #dfdfdf; box-shadow:inset 0 1px 0 #dfdfdf; -webkit-box-sizing:border-box; box-sizing:border-box;}
#footer address {font-size:12px; color:#666;}
#footer .txt {display:block; margin-bottom:3px;}
#footer .txt.logo {margin-bottom:10px; font-size:13px;}
#footer .copyright {margin-top:18px; text-align:center; font-size:11px; color:#888;}
#footer .sns-ico-instagram {display:inline-block; vertical-align:-9px; width:24px; height:24px; background:url('/resources/client/images/footer_ico_sns_instargram.png') no-repeat 0 0; background-size:24px auto; border-radius:5px;}


/* title & text ----- */
.tit-page {text-align:center; font-size:18px; line-height:100%; color:#f9f9f9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tit-page .logo {display:inline-block; vertical-align:10px; width:81px; height:29px; margin:-6px 0 0; background:url('/resources/client/images/logo.png') no-repeat 0 0; background-size:81px 29px; text-indent:-9999px; }
.tit-section {margin:35px 12px 7px; font-size:16px; line-height:1.2;}
.tit-section:first-child, .topnote + .tit-section {margin-top:0;}
.tit-section.i-star:before {content:'\f005'; display:inline-block; font:normal normal normal 12px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:2px; margin-right:4px; color:#00a2e9;}
.tit-section.i-comment:before {content:'\f044'; display:inline-block; font:normal normal normal 16px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:-1px; margin-right:4px; color:#333;}
.tit-section-hgroup {margin:35px 12px 7px;}
.tit-section-hgroup:after {content:'.'; visibility:hidden; display:block; clear:both; height:0; font-size:0; line-height:0;}
.tit-section-hgroup .tit-section {float:left; margin:0;}
.tit-section-hgroup .btns-r {float:right;}
.tit-section-hgroup .btns-r *[class^=btn-stype] {min-height:0; height:auto; margin:-6px 0 0; padding:7px 10px;}

.default-msg {text-align:center; font-size:13px; color:#666;}

.stat-tags .tag {height:24px; display:inline-block; vertical-align:top; padding:4px 8px; background:#f4f4f4; border:1px solid #ddd; /*border-radius:4px;*/ text-align:center; white-space:nowrap; color:#333; line-height:100%; -webkit-box-sizing:border-box; box-sizing:border-box;}
.stat-tags .tag.tagtype1 {color:#289ef4 !important;}
.stat-tags .tag.tagtype2 {color:#4678db !important;}
.stat-tags .tag.tagtype3 {color:#2e86d6 !important;}
/* .stat-tags .tag.tagtype4 {color:#87baee !important;} */
.stat-tags .tag.tagtype5 {color:#2f9cf6 !important;}
.stat-tags .tag.tagtype6 {color:#2894f7 !important;}
.stat-tags .tag.tagtype7 {color:#4a9be3 !important;} 
.stat-tags .tag.tagtype8 {color:#369fd1 !important;}
.stat-tags .tag.tagtype9 {color:#0f0f0f !important;}

.stat-tags .tag.tagtype4 {background-color:#00a2e9 !important; border-color:#00a2e9 !important; color:#fff !important;}

/* .stat-tags .tag.tagtype2 {background-color:#ef2b25 !important; border-color:#ef2b25 !important; color:#fff !important;}
.stat-tags .tag.tagtype4 {background-color:#00a2e9 !important; border-color:#00a2e9 !important; color:#fff !important;}
.stat-tags .tag.tagtype5 {background-color:#ddd !important; color:#666 !important;} */


.note {position:relative; margin:6px 0 0; padding-left:9px; font-size:13px; color:#666;}
.note:before {content:'*'; position:absolute; left:0; margin:2px 0 0;}
.note.type2 {font-size:14px; color:#000;}
.topnote {position:relative; margin:-18px 12px 25px; padding:12px 0 12px 24px; border-bottom:1px solid #d9e2e6; /*background:#ebf2f5;*/}
.topnote:before {content:''; position:absolute; left:0; margin:0 0 0; width:18px; height:15px; background:url('/resources/client/images/ico_bg_notice_48x40.png') no-repeat 0 0; background-size:18px auto;}
.topnote .note {margin:0; padding:0; color:#00a2e9;}
.topnote .note:before {content:none;}
.topnote .note + .note {margin-top:2px;}
.tbdata + .note {margin-left:12px; margin-right:12px;}

.link:after {content:'\f105'; display:inline-block; vertical-align:0; margin-left:6px; font:normal normal normal 14px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/* form ----- */
input[type=radio] {width:22px; height:22px; border:0; border-radius:0; background:url('/resources/client/images/bg_radio.png') no-repeat 0 0; background-size:22px auto; vertical-align:middle;}
input[type=radio]:checked, input[type=radio].checked {background-position:0 -22px;}
input[type=checkbox] {width:22px; height:22px; border:0; border-radius:0; background:url('/resources/client/images/bg_checkbox.png') no-repeat 0 0; background-size:22px auto; vertical-align:middle;}
input[type=checkbox]:checked, input[type=checkbox].checked {background-position:0 -22px;}
input[type=radio] + label, input[type=checkbox] + label { margin-left:4px; }
.chk-labelset {display:inline-block; vertical-align:top; margin:4px 4px 4px 0;}
.chk-labelset:last-child {margin-right:0;}

input.text {width:100%; height:37px; padding:0 8px; border:1px solid #d4d4d4; border-radius:2px; line-height:100%;}
textarea {width:100%; height:75px; padding:8px; border:1px solid #d4d4d4; border-radius:2px;}
input.text::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#aaa;}
input.text:not([readonly]):focus, textarea:not([readonly]):focus {/*outline:0; border:2px solid #666;*/}
input.text[disabled], input.text[readonly], textarea[disabled], textarea[readonly] {background-color:#d4d4d4; color:#666;}

select {width:100%; height:37px; padding:0 37px 0 8px; border:1px solid #d4d4d4; border-radius:2px; background:url('/resources/client/images/bg_select_arrow.png') no-repeat 100% -1px; background-size:37px 74px;}
select:focus {/*outline:0; border:2px solid #666; background-position:100% -38px;*/}

.form-text-search {display:block; position:relative;}
.form-text-search:after {content:''; position:absolute; z-index:1; top:50%; right:10px; margin-top:-10px; width:19px; height:19px; background:url('/resources/client/images/ico_search_37x38_585858.png') no-repeat 0 0; background-size:auto 19px;}
.form-text-search:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; height:100%;}
.form-text-search input.text {padding-right:40px !important;}

.listhead {margin:0 12px 10px; text-align:right;}
.listhead:after {content:'.'; visibility:hidden; display:block; clear:both; height:0; font-size:0; line-height:0;}
.listhead select {margin-top:-6px;}
.listhead .total {float:left; font-weight:bold; color:#666;}
.listhead .total b {color:#00a2e9;}
.listhead select + .total {margin-top:12px;}

.topsearchbar {position:relative; margin:-6px 12px 20px; padding-right:45px; border:2px solid #888b8d;}
.topsearchbar .btn-search {position:absolute; top:0; right:0; width:45px; height:100%; background:#888b8d url('/resources/client/images/ico_search_48x49_ffffff.png') no-repeat 50% 50%; background-size:24px auto; text-indent:-9999px;}
.topsearchbar input.text {height:45px; border:0; font-weight:bold; font-size:15px;}

/* button ----- */
.button {display:table; width:100%; table-layout:fixed; margin:12px 0 0; padding:0 12px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
.button a, .button button, .button label {font-size:17px; line-height:17px;}
.button .cell {display:table-cell; padding:0 3px;}
.button .cell:first-child {padding-left:0;}
.button .cell:last-child {padding-right:0;}
.button.btmtype1 {margin-top:35px;}
.note + .button {margin-top:18px;}

.btn-type1 {display:block; text-align:center; width:100%; height:46px; padding:14px 10px; background:#00aaf4;/*background:#00a2e9;*/ border:1px solid #00aaf4; border-radius:2px; white-space:nowrap; font-size:16px; line-height:16px; font-weight:bold; color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn-type2 {display:block; text-align:center; width:100%; height:46px; padding:14px 10px; border:1px solid #00aaf4; border-radius:2px; white-space:nowrap; font-size:16px; line-height:16px; font-weight:bold; color:#00a2e9; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn-type3 {display:block; text-align:center; width:100%; height:46px; padding:14px 10px; border:1px solid #888b8d; border-radius:2px; white-space:nowrap; font-size:18px; line-height:18px; font-weight:bold; color:#888b8d; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn-type4 {display:block; text-align:center; width:100%; height:46px; padding:14px 10px; background:#888b8d; border:1px solid #888b8d; border-radius:2px; white-space:nowrap; font-size:16px; line-height:16px; font-weight:bold; color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
*[class^=btn-type] i {display:inline-block; vertical-align:0; margin-right:4px; font:normal normal normal 16px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
*[class^=btn-type] i.i-join:before {/*content:'\f00c';*/}
*[class^=btn-type] i.i-list:before {/*content:'\f03a';*/}
*[class^=btn-type] i.i-camera {position:relative; vertical-align:-1px; font-size:20px;}
*[class^=btn-type] i.i-camera:before {content:'\f030';}
*[class^=btn-type] i.i-camera.on:after {content:'\f00c'; position:absolute; right:-8px; top:-6px; color:#00a2e9; text-shadow:-1px 0 0 #fff; font-size:16px;}
*[class^=btn-type] i.i-camera.on:before {opacity:0.6;}
*[class^=btn-type] i.i-plus {font-size:14px;}
*[class^=btn-type] i.i-plus:before {content:'\f067';}
*[class^=btn-type] i.i-cancel:before {/*content:'\f014';*/}
.btn-type2 i {color:#00a2e9;}
.btn-type3 i {color:#888b8d;}
.btnlist-fileupload {display:table; width:100%; table-layout:fixed;}
.btnlist-fileupload li {position:relative; display:table-cell; vertical-align:top; border:1px solid #d4d4d4;}
.btnlist-fileupload li *[class^=btn-type] {border:0; border-radius:0;}
.btnlist-fileupload li *[class^=btn-type] i.i-camera {}
.btnlist-fileupload li:first-child *[class^=btn-type]:before {display:none;}
.btnlist-fileupload li.btn-add {width:46px; border:1px solid #888b8d;}
.btnlist-fileupload li.btn-add *[class^=btn-type] {padding-left:0; padding-right:0;}
.btnlist-fileupload li.btn-add *[class^=btn-type] i {margin-right:0;}
.btnlist-fileupload li .btn-del {display:none; position:absolute; left:0; top:0; padding:2px 4px; background:#d4d4d4; border-bottom-right-radius:2px; color:#fff; font-size:11px;}
.btnlist-fileupload li + li {border-left:0;}

.btn-stype1 {display:inline-block; vertical-align:middle; text-align:center; min-height:37px; padding:11px 12px; background:#888b8d; border-radius:2px; white-space:nowrap; font-size:15px; line-height:15px; color:#fff; font-weight:bold; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn-stype2 {display:inline-block; vertical-align:middle; text-align:center; min-height:37px; padding:11px 12px; border:1px solid #888b8d; border-radius:2px; white-space:nowrap; font-size:15px; line-height:15px; color:#888b8d; font-weight:bold; -webkit-box-sizing:border-box; box-sizing:border-box;}
*[class^=btn-stype] i {display:inline-block; vertical-align:1px; margin:0 3px 0 -2px; font:normal normal normal 13px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
*[class^=btn-stype] i.i-search:before {content:'\f002';}
*[class^=btn-stype] i.i-edit:before {content:'\f040';}

.paging {margin-top:12px; text-align:center;}
.paging .pages {margin:0 20px; font-size:15px;}
.paging .pages b {color:#00a2e9;}
.paging .btn-prev, .paging .btn-next {display:inline-block; vertical-align:middle; width:31px; height:31px; background:url('/resources/client/images/bg_btn_paging.png') no-repeat 0 0; background-size:62px 62px; text-indent:-9999px;}
.paging .btn-prev {background-position:0 -31px;}
.paging .btn-prev:disabled, .paging .btn-prev.disabled {background-position:0 0;}
.paging .btn-next {background-position:-31px -31px;}
.paging .btn-next:disabled, .paging .btn-next.disabled {background-position:-31px 0;}

/* table ----- */
.tbdata {padding:9px; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.tbdata .row {display:table; width:100%; table-layout:fixed;}
.tbdata .row .cell {display:table-cell; vertical-align:middle; height:37px;/*height:43px;*/ padding:3px;}
.tbdata .row .cell .btn-stype1 {width:100%;}
.tbdata .row .cell .chklist-time {margin:-6px 0;}
.tbdata .row .cell .chklist-time li {display:inline-block; vertical-align:top; width:48.5%; margin:6px 0;}
.tbdata .row.rowtype-files {padding:0 3px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.tbdata .row.rowtype-files .cell {border:1px solid #888b8d; border-radius:2px;}

.tbtype1 {border-top:1px solid #aaa; font-size: 15px; border-bottom:1px solid #aaa;}
.tbtype1 table {width:100%; table-layout:fixed;}
.tbtype1 table th, .tbtype1 table td {border-top:1px solid #e0e0e0;}
.tbtype1 table th {height:19px;/*height:49px;*/ padding:15px 3px; text-align:left; vertical-align:top; font-weight:normal;}
.tbtype1 table td {height:37px;/*height:49px;*/ padding:6px 3px; color:#333;}
.tbtype1 table td .snote {color:#666; font-size:13px;}
.tbtype1 table tr:first-child th, .tbtype1 table tr:first-child td {border-top-width:0;}
.tbtype1 table thead th {text-align:center;}
.tbtype1 table thead + tbody tr:first-child th, .tbtype1 table thead + tbody tr:first-child td {border-top-width:1px;}
.tbtype1 > #map {border:1px solid #d4d4d4; -webkit-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 0 #ddd; -webkit-box-sizing:border-box; box-sizing:border-box;}

.tbtype1.extend {margin-right: 12px; margin-left: 12px;}

/* box ----- */
.msgbox {margin:22px 14px 24px; padding:24px 20px; background:#f4f4f4; border:1px solid #d4d4d4; border-radius:16px; text-align:center;}
.msgbox > strong {display:block; margin-bottom:15px; font-size:18px;}
.msgbox .txt {border-top:1px dashed #d4d4d4; padding-top:8px; font-size: 15px;}
.msgbox.complete > strong {color:#008fe9;}
.msgbox.complete > strong .fa {margin-right:6px; vertical-align:-2px; font-size:26px;}

.defaultbox {margin:0 12px; border:1px solid #d4d4d4; text-align:center; font-size:13px; color:#666;}
.defaultbox:before {content:''; display:inline-block; vertical-align:middle; height:110px;}
.defaultbox .texts {display:inline-block; vertical-align:middle; padding:12px 0; width:92%;}
.defaultbox .texts i {display:inline-block; vertical-align:0; font:normal normal normal 16px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.defaultbox .texts i.i-warning:before {content:'\f071'; font-size:16px; vertical-align:-1px; margin-right:6px; color:#888;}

.reviewbox {margin:35px 16px 0; border:1px solid #aaa; border-top-width:3px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; overflow:hidden;}
.reviewbox .reviewbox-inrwrap {padding:12px; background:#fafafa;}
.reviewbox .tit-section {margin:0; padding-bottom:8px; border-bottom:1px solid #d4d4d4;}
.reviewbox .tit-section:before {content:'\f044'; display:inline-block; font:normal normal normal 16px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:-1px; margin-right:4px; color:#333;}
.reviewbox .txt {padding:10px 12px 12px; background:#eee; border-bottom-left-radius:8px; border-bottom-right-radius:8px; font-size:13px;}
.reviewbox .ratingstar {margin:18px 0; text-align:center;}
.reviewbox .ratingstar input[type=radio] {position:absolute; left:-9999px;}
.reviewbox .ratingstar label {display:inline-block; vertical-align:top; width:32px; height:31px; margin:0; background:url('/resources/client/images/bg_grade_star.png') no-repeat 0 -31px; background-size:174px 61px; text-indent:-9999px;}
.reviewbox .ratingstar input[type=radio]:checked + label, .reviewbox .ratingstar label.on {background-position:0 0;}
.reviewbox .button {padding:0;}
.reviewbox .sharebox {display:table; width:100%; margin:0; padding:12px 12px; border-top:1px solid #aaa; -webkit-box-sizing:border-box; box-sizing:border-box;}
.reviewbox .sharebox .tit {display:table-cell; vertical-align:middle; margin:0; padding:0; border:0; font-size:14px; font-weight:normal;}
.reviewbox .sharebox .snsicons {display:table-cell; vertical-align:middle; text-align:right;}
.reviewbox .sharebox .snsicons a {display:inline-block; vertical-align:top; width:34px; height:34px; margin-left:2px; text-align:left; text-indent:-9999px;}
.reviewbox .sharebox .snsicons a.ico-facebook {background:url('/resources/client/images/ico_sns_facebook.png') no-repeat 0 0; background-size:34px 34px;}
.reviewbox .sharebox .snsicons a.ico-twitter {background:url('/resources/client/images/ico_sns_twitter.png') no-repeat 0 0; background-size:34px 34px;}
.reviewbox .sharebox .snsicons a.ico-instagram {background:url('/resources/client/images/ico_sns_instargram.png') no-repeat 0 0; background-size:34px 34px;}
.reviewbox .sharebox .snsicons a.ico-kakaostory {background:url('/resources/client/images/ico_sns_kakaostory.png') no-repeat 0 0; background-size:34px 34px;}
.reviewbox .sharebox .snsicons a.ico-kakaotalk {background:url('/resources/client/images/ico_sns_kakaotalk.png') no-repeat 0 0; background-size:34px 34px;}

.commentbox {margin-top:60px;}
.commentbox .tit-section {margin-top:0;}
.commentbox .writeform {padding:14px 12px 20px; background:#f9f9f9; border-top:1px solid #aaa;}
.commentbox .writeform .ratingstar {margin:0 0 16px; text-align:center;}
.commentbox .writeform .ratingstar input[type=radio] {position:absolute; left:-9999px;}
.commentbox .writeform .ratingstar label {display:inline-block; vertical-align:top; width:32px; height:31px; margin:0; background:url('/resources/client/images/bg_grade_star.png') no-repeat 0 -31px; background-size:174px 61px; text-indent:-9999px;}
.commentbox .writeform .ratingstar input[type=radio]:checked + label, .writeform .ratingstar label.on {background-position:0 0;}
.commentbox .writeform textarea {border-color:#888b8d; background:#fff;}
.commentbox .writeform .button {padding:0; margin:10px 0 0;}
.commentbox .commentlist ul {border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.commentbox .commentlist ul li {position:relative; padding:12px 12px 16px; border-top:1px solid #d4d4d4;}
.commentbox .commentlist ul li:first-child {border-top:0;}
.commentbox .commentlist ul li.default-msg {padding:27px 12px;}
.commentbox .commentlist ul li .writer {overflow:hidden; margin-bottom:6px;}
.commentbox .commentlist ul li .writer .date {color:#888;}
.commentbox .commentlist ul li .writer .ratings {float:right; margin:4px 0 0; width:63px; height:11px; background:url('/resources/client/images/bg_grade_star.png') no-repeat 0 -11px; background-size:63px 22px;}
.commentbox .commentlist ul li .writer .ratings:after {content:''; display:block; width:0; height:11px; background:url('/resources/client/images/bg_grade_star.png') no-repeat 0 0; background-size:63px 22px;}
.commentbox .commentlist ul li .writer .ratings.star1:after {width:12px;}
.commentbox .commentlist ul li .writer .ratings.star2:after {width:25px;}
.commentbox .commentlist ul li .writer .ratings.star3:after {width:38px;}
.commentbox .commentlist ul li .writer .ratings.star4:after {width:51px;}
.commentbox .commentlist ul li .writer .ratings.star5:after {width:100%;}
.commentbox .commentlist ul li .btns {margin-top:10px; text-align:right;}
.commentbox .commentlist ul li .btns button {min-height:0; height:auto; padding:7px 10px;}
.commentbox .commentlist ul li.reply {padding-left:32px;}
.commentbox .commentlist ul li.reply:before {content:''; position:absolute; top:14px; left:14px; width:13px; height:11px; background:url('/resources/client/images/bg_reply.png') no-repeat 0 0; background-size:13px auto;}
.commentbox .commentlist ul li.reply .writeform {position:relative; z-index:1; margin:-12px -12px -16px -32px; padding:12px; border:0; background:#f9f9f9;}
.commentbox .commentlist ul li.reply .writeform textarea {border-color:#d4d4d4;}

/* contents ----- */
.login-wrap {padding:18px;}
.login input.text {width:100%; height:47px; border-radius:4px; margin-bottom:8px; padding:0 12px; font-size:15px; font-weight:bold;}
.login .option {display:block; padding:2px 0 8px;}
.login .button {padding:0;}
.login-menus {margin-top:35px; padding:18px 10px 0; border-top:1px solid #e4e4e5; text-align:right; font-size:13px;}
.login-menus li {display:inline; margin-left:20px; color:#666; white-space:nowrap;}
.login-menus li a {text-decoration:underline;}
.login-menus li a:after {content:'\f0da'; display:inline-block; font:normal normal normal 11px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin-left:4px; color:#888;}

.join-wrap {padding:0 12px;}
.join-wrap input.text {width:100%; height:47px; border-radius:4px; padding:0 12px; font-size:15px; font-weight:bold;}
.join-wrap .tbdata {padding:0 0 9px; border-top:0;}
.join-wrap .button {padding:0; margin-top:20px;}
.join-wrap .btn-stype1 {padding:15px 12px;}
.topnote + .join-wrap {margin-top:-16px;}

.agreement-wrap {padding:0 12px;}
.agreement-wrap .tit-section {margin:12px 0 0; padding:12px 0; border-top:1px dashed #d4d4d4;}
.agreement-wrap .tit-section:first-child {margin-top:0; border-top:0;}
.agreement-wrap .button {margin-top:0; padding:12px 0 0; border-top:1px solid #aaa;}
.agreement-wrap .check-agree-all {margin-top:12px; padding:10px 0; border-top:1px dashed #d4d4d4; text-align:right; font-size:15px; font-weight:bold;}
.agreement-wrap input[type=checkbox] {width:26px; height:26px; background-size:26px auto; margin-left:4px;}
.agreement-wrap input[type=checkbox]:checked, .agreement-wrap input[type=checkbox].checked {background-position:0 -52px;}
.agreement {position:relative;}
.agreement .textbox {height:150px; overflow-y:auto; overflow-x:hidden; padding:9px 12px; background:#eee; border:1px solid #d4d4d4; font-size:15px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.agreement .check-agree {position:absolute; top:-36px; right:0; text-align:right; color:#008fe9; font-size:15px; font-weight:bold;}

.branchinfo {margin-bottom:8px; background:#f4f4f4; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
.branchinfo .thumb {display:table-cell; vertical-align:middle; width:1%; padding:14px 0 14px 12px;}
.branchinfo .thumb .thumb-img {display:inline-block; vertical-align:middle; width:77px; height:77px; background:#d4d4d4; border-radius:38px; overflow:hidden;}
.branchinfo .thumb .thumb-img img {width:100%; height:100%; border-radius:38px; vertical-align:top;}
.branchinfo .conts {display:table-cell; vertical-align:middle; padding:14px 14px 20px; font-size:15px;}
.branchinfo .conts .tit {margin-bottom:5px; font-size:17px; color:#1861b3; font-weight:bold;}
.branchinfo .conts .tit.type2 {color:#000;}
.branchinfo .conts p {margin-top:2px;}
.branchinfo .conts + .thumb {padding-right:12px; vertical-align:top;}
.branchinfo .txt-brief {position:relative; margin:0 12px 12px; padding-left:16px; font-size:14px; color:#666;}
.branchinfo .txt-brief:before {content:''; position:absolute; left:0; margin:2px 0 0; width:12px; height:12px; margin-right:3px; background:url('/resources/client/images/ico_bg_note_41x40.png') no-repeat 0 0; background-size:auto 12px;}
.branchinfo .conts .txt-brief {margin:5px 0 0 0; padding-left:16px;}
.branchinfo .default-msg {padding:22px 0;}
.branchinfo + .tit-section {margin-top:0;}
.branchinfo .button {padding:0; text-align:left;}
.branchinfo .button .btn-stype1 {padding-left:18px; padding-right:18px;}
.branchinfo .contact {display:table; table-layout:fixed; width:100%; margin-top:0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; -webkit-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 0 #ddd;}
.branchinfo .contact > a {display:table-cell; vertical-align:middle; padding:11px 0; border-left:1px solid #d4d4d4; text-align:center; color:#333;}
.branchinfo .contact > a:first-child {border-left:0;}
.branchinfo .contact > a.link:after {font-size:16px; color:#585858;}
.branchinfo .contact i {display:inline-block; margin-right:4px; vertical-align:-3px; background:url('/resources/client/images/ico_bg_contact.png') no-repeat 0 9999px; background-size:64px 17px;}
.branchinfo .contact i.i-phone {width:13px; height:17px; background-position:0 0;}
.branchinfo .contact i.i-mobile {width:12px; height:17px; background-position:-18px 0;}
.branchinfo .contact i.i-player {width:22px; height:22px; background-position:-73px 2px; background-size:cover;}
.branchinfo .contact i.i-map {width:13px; height:17px; background-position:-34px 0;}
.branchinfo-map {position:relative; height:200px; overflow:hidden; background:#f4f4f4;}

.pricelist {display:table; width:100%; border-top:1px solid #aaa; font-size: 15px; border-bottom:1px solid #aaa;}
.pricelist li {display:table-row;}
.pricelist li .item, .pricelist li .price, .pricelist li .inputset {display:table-cell; vertical-align:middle; padding:12px 12px; border-top:1px solid #d4d4d4;}
.pricelist li:first-child .item, .pricelist li:first-child .price, .pricelist li:first-child .inputset {border-top:0;}
.pricelist li .price {text-align:right; font-weight:bold; white-space:nowrap;}
.pricelist li .inputset {width:1%; padding:0 12px; text-align:right; white-space:nowrap;}
.pricelist li .inputset input {height:28px;}
.inputset input.on {color:#000;}
.inputset input.off {color:#999;}
.inputset button {font:normal normal normal 14px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:28px; height:28px; vertical-align:middle; border:1px solid #ccc; color:#999;}
.inputset button.btn-plus {border-top-left-radius:3px; border-bottom-left-radius:3px;}
.inputset button.btn-minus {border-left:0; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.inputset button.btn-modify {border-radius:3px;}
.inputset button.btn-plus:before {content:'\f067';}
.inputset button.btn-minus:before {content:'\f068';}
.inputset button.btn-modify:before {content:'\f040';}

.sadminlist {width:100%; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.sadminlist li {border-top:1px solid #d4d4d4;}
.sadminlist li:first-child {border-top:0;}
.sadminlist li > a {display:block; padding:12px 12px;}
.tbdata + .sadminlist {margin-top:-1px;}

.myorder-list {border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.myorder-list li {position:relative; border-top:1px solid #d4d4d4;}
.myorder-list li:first-child {border-top:0;}
.myorder-list li:after {content:''; position:absolute; right:12px; top:50%; margin-top:-6px; width:7px; height:11px; background:url('/resources/client/images/bg_arrow_r_13x22_888888.png') no-repeat 0 0; background-size:auto 11px;}
.myorder-list li > a {display:block; padding:12px 30px 12px 12px;}
.myorder-list li .stat-tags {display:inline-block; vertical-align:top; margin:-4px 0 5px -4px;}
.myorder-list li .stat-tags .tag {min-width:74px;}
.myorder-list li .textgroup {display:block;}
.myorder-list li .date {display:block; margin-top:3px; font-size:13px; color:#888;}
.myorder-list li .txt {display:block; margin-top:2px; font-size:13px; color:#666;}
.myorder-list li .txt-bul {position:relative; padding-left:6px;}
.myorder-list li .txt-bul:before {content:''; position:absolute; left:0; margin:7px 0 0; width:2px; height:2px; background:#888;}
.myorder-list li .item {font-size:16px;}
.myorder-list li .del .item {text-decoration:line-through;}
.myorder-list li .timecount {position:absolute; top:0; right:0; overflow:hidden; padding:3px 10px 2px; background:#efe9e9; border-bottom-left-radius:4px; color:#870b07; font-size:12px;}
.myorder-list li .timecount:before {content:''; display:inline-block; vertical-align:-2px; width:12px; height:14px; margin-right:4px; background:url('/resources/client/images/ico_timer.png') no-repeat 0 0; background-size:auto 14px;}

.myorder-detail:first-child {margin-top:-18px;}
.myorder-detail .head {padding:10px 12px; text-align:center; font-size:13px; color:#888; font-weight:bold;}
.myorder-detail .head .code:before {content:''; display:inline-block; vertical-align:0; width:1px; height:9px; background:#aaa; margin:0 10px 0 6px; }
.myorder-detail .statmsgbox {padding:20px 18px 20px 18px; background:#f4f4f4; border-top:1px solid #d4d4d4; border-bottom:1px solid #aaa;}
.myorder-detail .statmsgbox .txt {border-top:1px dashed #aaa; margin-top:18px; padding-top:12px; color:#333; font-size:15px;}
.myorder-detail .statmsgbox .stat-tags {position:relative; font-size:18px; font-weight:bold;}
.myorder-detail .statmsgbox .stat-tags .tag {background-color:#fff; font-size:16px; vertical-align:0;}
.myorder-detail .statmsgbox .stat-tags .tag.tagtype1 {border-color:#00a2e9;}
.myorder-detail .statmsgbox .stat-tags .tag.tagtype3 {border-color:#1861b3;}
.myorder-detail .statmsgbox .stat-tags .tag.tagtype4 {border-color:#333;}
.myorder-detail .statmsgbox .stat-tags .icon {position:absolute; top:50%; left:0; margin-top:-23px; width:46px; height:46px; border-radius:23px; background:#c3c3c3; overflow:hidden; text-align:center;}
.myorder-detail .statmsgbox .stat-tags .icon i {display:block; width:100%; height:100%; background:url('/resources/client/images/ico_bg_status.png') no-repeat 0 9999px; background-size:368px 46px;}
.myorder-detail .statmsgbox .stat-tags .icon i.i-info {background-position:-230px 0;}
.myorder-detail .statmsgbox .stat-tags .icon i.i-complete {background-position:-276px 0;}
.myorder-detail .statmsgbox .stat-tags .icon i.i-cancel {background-position:-322px 0;}
.myorder-detail .statmsgbox .stat-tags .icon i.i-tagtype1 {background-position:0 0; background-color:#dedede;}
.myorder-detail .statmsgbox .stat-tags .icon i.i-tagtype10 {background-position:0 0; background-color:#dedede;}
.myorder-detail .statmsgbox .stat-tags .icon i.i-tagtype2 {background-position:-46px 0; background-color:#dedede;}
.myorder-detail .statmsgbox .stat-tags .icon i.i-tagtype3 {background-position:-92px 0; background-color:#dedede;}
.myorder-detail .statmsgbox .stat-tags .icon i.i-tagtype4 {background-position:-138px 0; background-color:#d9e2e6;}
.myorder-detail .statmsgbox .stat-tags .icon i.i-tagtype5 {background-position:-322px 0;}
.myorder-detail .statmsgbox .stat-tags .txt-stat {display:table-cell; vertical-align:middle; height:46px; padding-left:60px;}
.myorder-detail .branchinfo {background:none; margin:0 12px 0; border:1px solid #d4d4d4;}
.myorder-detail .branchinfo .thumb {display:none;}
.myorder-detail .branchinfo .conts {font-size:14px;}
.myorder-detail .branchinfo .conts .tit {font-size:17px;}
.myorder-detail .branchinfo-map {margin:0 12px 0; border:1px solid #d4d4d4; border-top:0;}
.myorder-detail .tbdata {margin:0 12px; padding:3px 0;}
.myorder-detail .deliver-img {margin:12px; border:1px dashed #aaa;}
.myorder-detail .deliver-img img {width:100%; vertical-align:top;}

.receiptlist {margin:0 12px; border-top:1px solid #aaa; font-size: 15px;}
.receiptlist .item {float:left;}
.receiptlist .price {float:right; white-space:nowrap; font-weight:normal; font-size:13px;}
.receiptlist .price b {font-size:16px;}
.receiptlist ul li {overflow:hidden; padding:10px 3px; border-top:1px solid #e0e0e0;}
.receiptlist ul li:first-child {border-top:0;}
.receiptlist ul li .unit {float:right; color:#333; font-size:13px;}
.receiptlist ul li .unit + .price {clear:both; margin-top:2px;}
.receiptlist ul li:not(.discount) .price b {font-weight:normal;}
.receiptlist ul li.discount {border-top-color:#aaa;}
.receiptlist ul li.discount + .discount {border-top-style:dashed;}
.receiptlist ul li.discount .price b {color:#008fe9;}
.receiptlist .total {overflow:hidden; padding:20px 3px; border-top:2px solid #aaa; border-bottom:2px solid #aaa; font-size:16px; font-weight:bold;}
.receiptlist .total .price {margin-top:-4px; font-size:100%;}
.receiptlist .total .price b {font-size:20px;}
.receiptlist .result {overflow:hidden; margin-top:12px; padding:12px; background:#f8f8f8; border:1px solid #d4d4d4; color:#333;}
.receiptlist .result .tit {display:block; margin-bottom:4px; color:#000;}

.receiptlist-type2 .txt {display:table-cell; vertical-align:middle;}
.receiptlist-type2 .price {display:table-cell; vertical-align:middle; text-align:right;}
.receiptlist-type2 ul {display:table; width:100%; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.receiptlist-type2 ul li {display:table-row;}
.receiptlist-type2 ul li .txt {padding:12px 12px; border-top:1px solid #e0e0e0;}
.receiptlist-type2 ul li .txt .date {display:block; margin-bottom:2px; color:#333; font-size:13px;}
.receiptlist-type2 ul li .price {padding:12px 12px; border-top:1px solid #e0e0e0;}
.receiptlist-type2 ul li:first-child .txt, .receiptlist-type2 ul li:first-child .price {border-top:0;}
.receiptlist-type2 .discount {display:table; width:100%;}
.receiptlist-type2 .discount .txt, .receiptlist-type2 .discount .price {padding:12px 12px; border-top:1px dashed #aaa;}
.receiptlist-type2 .discount .price b {color:#008fe9;}
.receiptlist-type2 .total {display:table; width:100%; border-top:1px solid #aaa; font-size:16px; font-weight:bold;}
.receiptlist-type2 .total .txt {padding:12px 12px; font-size:14px;}
.receiptlist-type2 .total .price {padding:12px 12px; text-align:right; font-size:100%;}
.receiptlist-type2 .total .price b {font-size:16px;}
.receiptlist-type2 .total:last-child {border-top:2px solid #aaa; border-bottom:2px solid #aaa;}
.receiptlist-type2 .total:last-child .txt, .receiptlist-type2 .total:last-child .price {padding:20px 12px;}
.receiptlist-type2 .total:last-child .txt {font-size:100%;}
.receiptlist-type2 .total:last-child .price b {font-size:20px;}

.receiptlist-type3 {margin:0 12px;}
.receiptlist-type3 .txt {display:table-cell; vertical-align:middle;}
.receiptlist-type3 .price {display:table-cell; vertical-align:middle; text-align:right;}
.receiptlist-type3 ul {display:table; width:100%; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.receiptlist-type3 ul li {display:table-row;}
.receiptlist-type3 ul li .txt {padding:12px 3px; border-top:1px solid #e0e0e0;}
.receiptlist-type3 ul li .txt .date {display:block; margin-bottom:2px; color:#333; font-size:15px;}
.receiptlist-type3 ul li .txt .tag-cash-used, .receiptlist-type3 ul li .txt .tag-cash-saved {display:inline-block; vertical-align:0; margin-right:3px; padding:3px 6px; font-size:15px; line-height:1;}
.receiptlist-type3 ul li .txt .tag-cash-used {background:#d6e5eb; color:#008fe9;}
.receiptlist-type3 ul li .txt .tag-cash-used.cancel {background:#f5f7f7; color:#e58579;}
.receiptlist-type3 ul li .txt .tag-cash-saved {background:#00a2e9; color:#fff;}
.receiptlist-type3 ul li .price {padding:12px 3px; border-top:1px solid #e0e0e0; font-size: 15px;}
.receiptlist-type3 ul li:first-child .txt, .receiptlist-type3 ul li:first-child .price {border-top:0;}
.receiptlist-type3 ul + .note {margin-top:12px;}

.mycash {display:table; table-layout:fixed; width:100%; padding:0 12px; margin-bottom:14px; -webkit-box-sizing:border-box; box-sizing:border-box; padding-top:10px;}
.mycash .mycash-saved, .mycash .mycash-delete {display:table-cell; vertical-align:middle; text-align:center; padding:12px 0; border:1px solid #d4d4d4; background:#f4f4f4; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f4f4f4), color-stop(100%, #ececec)); background:-webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 50%, #ececec 100%); background:linear-gradient(to bottom, #ffffff 0%, #f4f4f4 50%, #ececec 100%); -webkit-box-shadow:1px 1px 0 #eee; box-shadow:1px 1px 0 #eee; font-size:13px;}
.mycash .mycash-saved .cash, .mycash .mycash-delete .cash {display:block; font-size:16px;}
.mycash .mycash-saved .cash b, .mycash .mycash-delete .cash b {font-size:22px;}
.mycash .mycash-saved .cash {color:#008fe9;}
.mycash .mycash-delete .cash {color:#888b8d;}
.mycash .mycash-saved + .mycash-delete {border-left:0;}
.mycash .mycash-saved:only-child {text-align:left; padding:24px 14px 22px; font-size:14px;}
.mycash .mycash-saved:only-child .cash {float:right; margin-top:-5px;}

.ico-membership {display:inline-block; vertical-align:top; width:68px; height:86px; background:url('/resources/client/images/ico_membership_level.png') no-repeat 0 9999px; background-size:auto 86px; text-indent:-9999px;}
.ico-membership.bronze {background-position:0 0;}
.ico-membership.silver {background-position:-86px 0;}
.ico-membership.gold {background-position:-172px 0;}
.ico-membership.vip {background-position:-258px 0;}
.txt-member-benefit {color:#005674; font-weight:bold;}
.txt-member-benefit .stit {display:inline-block; vertical-align:1px; padding:2px 4px; background:#de281d; color:#fff; font-size:14px; line-height:1; font-weight:bold;}
.mymembership {display:table; width:100%; padding:16px 18px 20px 12px; background:#ebf2f5; border-bottom:1px solid #d9e2e6; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mymembership .icon {display:table-cell; vertical-align:top; width:1%; padding:0 6px;}
.mymembership .conts {display:table-cell; vertical-align:middle; padding:6px 0;}
.mymembership .conts .txt {font-size:18px;}
.mymembership .conts .txt-member-benefit {margin:6px 2px 0;}
.mymembership .conts .txt-result {margin:14px 6px 0 0; padding-top:8px; border-top:1px dashed #ccc; text-align:right; color:#008fe9; font-size:15px;}
.mymembership .conts .txt-result .txtwrap {display:inline-block;}
.mymembership .conts .txt-result ul li {display:inline-block; position:relative; margin:2px 0; padding-left:6px; overflow:hidden;}
.mymembership .conts .txt-result ul li .price {float:right;}
.mymembership .conts .txt-result ul li:before {content:''; position:absolute; left:0; margin:7px 0 0; width:2px; height:2px; background:#888;}
.mymembership .conts .txt-result .stxt {display:block; margin-top:2px; text-align:right; color:#666; font-size:13px;}
.mymembership .conts .tag-membership {font-weight:bold;}
.mymembership .conts .tag-membership.bronze {color:#cc925e;}
.mymembership .conts .tag-membership.silver {color:#a4a4a4;}
.mymembership .conts .tag-membership.gold {color:#f4bc10;}
.mymembership .conts .tag-membership.vip {color:#2b0f06;}

.membership-list > li {display:table; width:100%; margin-top:6px; border:1px solid #d4d4d4; border-top:2px solid #006689; -webkit-box-shadow:1px 2px 1px #eee; box-shadow:1px 2px 1px #eee;}
.membership-list > li:first-child {margin-top:0;}
.membership-list > li .icon {display:table-cell; vertical-align:top; width:1%; padding:12px; background:#f4f4f4; border-right:1px dashed #e0e0e0;}
.membership-list > li .conts {display:table-cell; vertical-align:middle; padding:18px 14px;}
.membership-list > li .conts .txt {font-size:12px;margin-bottom: 0px;}
.membership-list > li .conts .txt-member-benefit {margin:6px 0 0;}
.membership-list > li .conts .txt-member-benefit b {color:#de281d;}
.membership-list > li .conts .tag-membership {display:inline-block; margin:0 0 3px -2px; padding:3px 6px; border-radius:2px; color:#fff; line-height:1; font-weight:bold;}
.membership-list > li .conts .tag-membership.bronze {background:#cc925e;}
.membership-list > li .conts .tag-membership.silver {background:#d6d6d6;}
.membership-list > li .conts .tag-membership.gold {background:#ffd34d;}
.membership-list > li .conts .tag-membership.vip {background:#2b0f06;}
.membership-list + .note {margin-top:12px;}


.payment {margin:12px 12px 0; padding:6px; background:#f8f8f8; border:1px solid #eee;}
.payment > ul {overflow:hidden;}
.payment > ul > li {float:left; width:50%;}
.payment > ul > li input[type=radio] {position:absolute; left:-9999px;}
.payment > ul > li input[type=radio] + label {position:relative; display:block; height:42px; padding:12px 0 12px 8px; margin:3px; border:1px solid #b4b4b4; text-align:center; font-size:16px; line-height:16px; font-weight:bold; color:#aaa; -webkit-box-sizing:border-box; box-sizing:border-box;}
.payment > ul > li input[type=radio] + label:before {content:'\f00c'; display:inline-block; font:normal normal normal 18px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; left:12px; color:#ddd;}
.payment > ul > li input[type=radio]:checked + label, .payment > ul > li input[type=radio].checked + label {background:#fff; color:#008fe9;}
.payment > ul > li input[type=radio]:checked + label:before, .payment > ul > li input[type=radio].checked + label:before {color:inherit;}
.payment .payment-usecoupon {margin:9px 3px 0;}
.payment .payment-usecoupon li {display:table; width:100%; border-top:1px dashed #d4d4d4;}
.payment .payment-usecoupon li .tit {display:table-cell; vertical-align:top; padding:12px 4px; color:#008fe9; white-space:nowrap;}
.payment .payment-usecoupon li .tit:before {content:''; display:inline-block; vertical-align:5px; margin-right:3px; width:4px; height:2px; background:#008fe9;}
.payment .payment-usecoupon li .price {display:table-cell; vertical-align:top; text-align:right; padding:8px 3px;}
.payment .payment-usecoupon li .price .inputset {width:1%; text-align:right; white-space:nowrap;}
.payment .payment-usecoupon li .price .inputset input {height:28px;}
.payment .payment-usecoupon li .price .txt {margin-top:5px;}
.payment .payment-usecoupon li .price .stxt {margin-top:1px; color:#888; font-size:12px;}
.payment .payment-usecoupon:first-child {margin-top:0;}
.payment .payment-usecoupon:first-child li:first-child {border-top:0;}
.payment .payment-usecoupon .total {margin:12px 0 3px; padding:10px 12px; background:#fff; border:1px solid #d4d4d4; text-align:right; line-height:1.4;}
.payment .payment-usecoupon .total small {font-size:90%;}
.payment .payment-usecoupon .total .sum {display:block; font-size:16px;}
.payment .payment-usecoupon .total .sum b {font-size:20px;}
.payment .button {margin-top:6px; padding:0 3px;}
.payment + .button {margin-top:10px;}

.accordionlist {border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
.accordionlist .list-item {border-top:1px solid #d4d4d4;}
.accordionlist .list-item:first-child {border-top:0;}
.accordionlist .list-item .tit {position:relative; display:table; width:100%; font-size:15px;}
.accordionlist .list-item .tit:after {content:''; position:absolute; right:12px; top:50%; margin-top:-4px; width:12px; height:7px; background:url('/resources/client/images/bg_arrow_accordion.png') no-repeat 0 0; background-size:12px 19px;}
.accordionlist .list-item .tit > a {display:table-cell; vertical-align:middle; padding:8px 38px 8px 12px;}
.accordionlist .list-item .tit strong {display:block;}
.accordionlist .list-item .tit .date {display:block; margin-top:3px; font-size:12px; color:#666; font-weight:normal;}
.accordionlist .list-item .details {display:none; padding:12px 12px 28px; background:#f9f9f9; border-top:1px dashed #eeeef0;}
.accordionlist .list-item.on .tit {color:#008fe9;}
.accordionlist .list-item.on .tit:after {background-position:0 -12px;}
.accordionlist .list-item.on .details {display:block;}
.accordionlist.notice .list-item .tit {height:75px;}
.accordionlist.notice .list-item .tit strong {max-height:40px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.accordionlist.faq .list-item .tit {height:57px;}
.accordionlist.faq .list-item .tit strong {padding-left:22px; }
.accordionlist.faq .list-item .tit strong:before {content:'Q.'; display:inline-block; vertical-align:0; width:22px; margin-left:-22px; font-size:16px; font-weight:bold;}
.accordionlist.faq .list-item .details {padding-left:34px;}
.accordionlist.faq .list-item .details:before {content:'A.'; display:inline-block; vertical-align:0; width:22px; margin-left:-22px; font-size:16px; font-weight:bold; color:#bababa;}
.accordionlist.mylist .list-item {}
.accordionlist.mylist .list-item .tit strong {margin-bottom:3px;}
.accordionlist.mylist .list-item .tag-noreply {display:inline-block; padding:1px 3px; background:#f7f7f7; border:1px solid #ddd; border-radius:2px; color:#666; font-size:12px; font-weight:normal;}
.accordionlist.mylist .list-item .tag-reply {display:inline-block; padding:1px 3px; background:#f7f7f7; border:1px solid #ddd; border-radius:2px; color:#00a2e9; font-size:12px; font-weight:normal;}
.accordionlist.mylist .list-item .btns {margin-top:12px; text-align:right;}
.accordionlist.mylist .list-item .btns .btn-stype1 {min-height:0; padding:9px 12px; font-size:15px; line-height:15px;}
.accordionlist.mylist .list-item .reply {margin-top:12px; padding:10px 12px 14px; background:#eeeef0;}
.accordionlist.mylist .list-item .reply .reply-date {margin-bottom:6px; font-size:12px; color:#666; font-weight:normal;}
.accordionlist.mylist .list-item .reply .reply-date:before {content:''; display:inline-block; vertical-align:2px; margin-right:3px; width:13px; height:11px; background:url('/resources/client/images/bg_reply.png') no-repeat 0 0; background-size:13px auto;}
.accordionlist.mylist .list-item .reply .reply-date .name {color:#000; font-size:14px; font-weight:bold;}

.detailshop-info {margin:-18px 0 0; padding:10px 16px; background:#f4f4f4; border-bottom:1px solid #d9e2e6;}
.detailshop-info ul {display:table; width:100%;}
.detailshop-info ul li {display:table-row;}
.detailshop-info ul li .tit {display:table-cell; vertical-align:top; width:1%; padding:3px 14px 3px 0; white-space:nowrap; color:#008fe9; font-size:13px; font-weight:bold;}
.detailshop-info ul li .txt {display:table-cell; padding:2px 0; vertical-align:top;}
.detailshop-photos {display:table; margin:0 0 24px -5px;}
.detailshop-photos .photo-img {display:table-cell; padding-left:5px;}
.detailshop-photos .photo-img img {width:100%; vertical-align:top;}
.detailshop-photos + .detailshop-photos {margin-top:-19px;}
.detailshop-texts {margin:16px 16px;}
.detailshop-texts img {max-width:100%;}

.introshop-wrap {margin:0 12px 34px;}
.introshop-wrap .tit {position:relative; margin:20px 6px 8px; padding-left:10px; font-size:16px;}
.introshop-wrap .tit:before {content:''; position:absolute; left:0; margin:8px 0 0; width:4px; height:4px; background:#00a2e9;}
.introshop-wrap .tit:first-child {margin-top:0;}
.introshop-wrap .texts {padding:12px 16px 14px; background:#f7f7f7; border-top:1px solid #d9e2e6; border-bottom-left-radius:4px; border-bottom-right-radius:4px; line-height:1.45;}
.introshop-wrap .texts.texts-aboutus {padding-top:44px; background:#f7f7f7 url('/resources/client/images/bg_aboutus.png') no-repeat 50% -15px; background-size:100% auto; border-left:1px solid #e3e8ea; border-right:1px solid #e3e8ea; border-bottom:2px solid #d9e2e6;}
.introshop-wrap .texts.texts-aboutus .txt-img {margin:0 0 18px;}
.introshop-wrap .texts.texts-aboutus .txt-img img {height:54px; vertical-align:top;}

.userguide-wrap {padding:0 12px;}
.userguide-wrap .tit {margin:25px 6px 6px; font-size:20px;}
.userguide-wrap .tit:first-child {margin-top:0;}
.userguide-wrap p {margin:0 6px;font-size: 16px;}
.userguide-wrap .screenshot {margin-top:12px; border:1px solid #d4d4d4; border-radius:4px; text-align:center;}
.userguide-wrap .screenshot img {vertical-align:top;width: 100%;}
.userguide-wrap .userguide-header {padding-bottom:20px; border-bottom:1px solid #d9e2e6;}
.userguide-wrap .userguide-header .tit {/*color:#35a2e7;*/}

.intro-swiper {width:100%;height:100%;}
.intro-swiper .swiper-slide {text-align:center; background:#0499da; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.intro-swiper .swiper-slide > img {height:100%;}
.intro-swiper .swiper-slide .button {position:absolute; bottom:12px; left:0; margin:0;}
.intro-swiper .swiper-slide .button .btn-type1 {position:relative; background:#fff; border-color:#fff; padding-right:18px; color:#00a2e9; font-size:18px; line-height:18px;}
.intro-swiper .swiper-slide .button .btn-type1 i.i-next {position:absolute; top:50%; right:6px; margin-top:-10px; width:20px; height:20px; background:url('/resources/client/images/ico_next.png') no-repeat 0 0; background-size:auto 20px;}
.intro-swiper .swiper-pagination {bottom:auto; top:20px;}
.intro-swiper .swiper-pagination .swiper-pagination-bullet {background:#d6e5eb; vertical-align:top;}
.intro-swiper .swiper-pagination .swiper-pagination-bullet-active {background:#fff;}
.intro-swiper .swiper-buttons .swiper-button-next, .intro-swiper .swiper-buttons .swiper-button-prev {position:absolute; z-index:10; top:50%; width:21px; height:40px; margin-top:-20px; background:url('/resources/client/images/ico_btn_intro.png') no-repeat 0 -9999px; background-size:80px 40px; opacity:0.6;}
.intro-swiper .swiper-buttons .swiper-button-next.swiper-button-disabled, .intro-swiper .swiper-buttons .swiper-button-prev.swiper-button-disabled {opacity:0.2;}
.intro-swiper .swiper-buttons .swiper-button-next {right:20px; background-position:100% 0;}
.intro-swiper .swiper-buttons .swiper-button-prev {left:20px; background-position:0 0;}
@media all and (max-width:767px) {
	.intro-swiper .swiper-pagination {top:12px;}
	.intro-swiper .swiper-buttons {display:none;}
}

/* popup ----- */
.modalmask {display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:99990; background-color:rgba(0,0,0,0.7);}
.window {display:none; width:95%; width:calc(100% - 24px); max-height:100%; overflow:auto; overflow-x:hidden;}
.window.dialog {width:80%; margin:0;}
.window.event {position:fixed !important; width:88%; max-height:100%;}

.popup {position:relative; background:#fff; -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666;}
.popup .head {padding:13px 12px; background:#00a2e9; text-align:center; color:#fff; font-size:17px; line-height:1.2;}
.popup .body {padding:12px 12px 24px;}
.popup .body img {max-width:100%;}
.popup .body .tbdata {padding-left:0; padding-right:0;}
.popup .body .map {position:relative; height:480px; overflow:hidden; background:#f4f4f4;}
.popup .foot button.close {position:absolute; top:13px; right:12px; width:20px; height:20px; background:url('/resources/client/images/ico_btn_navigation.png') no-repeat -50px 0; background-size:100px 50px; text-indent:-9999px;}
.popup .footbar {width:100%; padding:8px 12px; overflow:hidden; background-color:#111; text-align:right; font-size:12px; line-height:12px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.popup .footbar .option {color:#d4d4d4;}
.popup .footbar .option input[type=checkbox] {margin-right:3px;}
.popup .footbar button.close {position:absolute; top:0; right:0; width:38px; height:38px; background-color:rgba(0,162,233,1);}
.popup .footbar button.close:before {content:''; display:block; width:20px; height:20px; margin:0 auto; background:url('/resources/client/images/ico_btn_navigation.png') no-repeat -50px 0; background-size:100px 50px;}
.window.event .popup .body {padding:0;}
.window.event .popup .body img {width:100%; vertical-align:top;}

.popupmsg {position:relative; background:#fff; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;}
.popupmsg .body {text-align:center;}
.popupmsg .body .msg {font-size:16px;}
.popupmsg .body .msg i {display:block; padding:6px 8px; background:#00a2e9; text-align:left; font:normal normal normal 22px/1 FontAwesome; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.popupmsg .body .msg i.i-error:before {content:'\f057'; color:#fff;}
.popupmsg .body .msg i.i-info:before {content:'\f058'; color:#fff;}
.popupmsg .body .msg i.i-confirm:before {content:'\f059'; color:#fff;}
.popupmsg .body .msg .txt {display:block; padding:28px 18px 18px;}
.popupmsg .body .button {width:auto; padding:18px; margin:0 auto;}
.popupmsg .body .button .btn-type1, .popupmsg .body .button .btn-type2 {width:86px; height:42px; padding:12px 0; font-size:16px; line-height:16px;}
/*.popupmsg .body .button .btn-type1 {background:#888b8d; border-color:#888b8d;}
.popupmsg .body .button .btn-type2 {border-color:#888b8d; color:#666;}*/

.toastmsg {display:none; position:fixed; z-index:99999; bottom:8%; max-width:82%; max-width:calc(100% - 30px);}
.toastmsg p {padding:9px 18px; border-radius:18px; background-color:rgba(0,0,0,0.7); text-align:center; color:#fff;}

.loading {position:fixed; z-index:999999; top:50%; left:50%; margin:-45px 0 0 -45px; width:90px; height:36px;/*height:90px;*/ padding-top:54px; background:url('/resources/client/images/loading.png') no-repeat 0 0; background-size:90px 90px; text-align:center; font-size:11px; color:#d6e5eb;}
.loading:after {content:''; position:absolute; top:0; left:0; width:90px; height:90px; background:url('/resources/client/images/loading_spin.png') no-repeat 0 0; background-size:90px 90px; -webkit-animation:loadingSpin 2s infinite linear; animation:loadingSpin 2s infinite linear;}
@-webkit-keyframes loadingSpin {
	0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% {-webkit-transform: rotate(359deg); transform: rotate(359deg);}
}
@keyframes loadingSpin {
	0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% {-webkit-transform: rotate(359deg); transform: rotate(359deg);}
}

.lp-address {display:none; position:absolute; top:0; left:0; z-index:99999; width:100%; padding-top:52px; background:#fff;}
.lp-address .search {position:fixed; top:0; left:0; z-index:10; width:100%; height:52px; padding-right:45px; overflow:hidden; background:#fff; border:6px solid #00a2e9; -webkit-box-shadow:0 1px 2px #000; box-shadow:0 1px 2px #000; -webkit-box-sizing:border-box; box-sizing:border-box;}
.lp-address .search input.text {height:100%; background:none; border:0; border-radius:0; font-size:15px; font-weight:bold;}
.lp-address .search .btn-search {position:absolute; top:0; right:0; width:45px; height:100%; background:url('/resources/client/images/ico_search_48x49_00a2e9.png') no-repeat 50% 50%; background-size:24px auto; text-indent:-9999px;}
.lp-address .result {background:#fff; border-bottom:1px solid #aaa; -webkit-box-shadow:0 2px 4px #333; box-shadow:0 2px 4px #333;}
.lp-address .result ul li .default-msg {padding:20px 15px;}
.lp-address .result ul li {border-top:1px solid #d4d4d4;}
.lp-address .result ul li:first-child {border-top:0;}
.lp-address .result ul li > a {display:table; width:100%;}
.lp-address .result ul li .code {display:table-cell; vertical-align:middle; text-align:center; width:20%; padding:6px 0;}
.lp-address .result ul li .adr {display:table-cell; vertical-align:middle; padding:6px 3px 6px 0;}
.lp-address .result ul li .adr .stxt {display:block; margin-top:2px; font-size:13px; color:#666;}
.lp-address .result .footbar {padding:6px 12px; background:#f4f4f4; border-top:1px solid #eeeef0; text-align:right;}
.lp-address .result .footbar button.close {display:inline-block; vertical-align:top; text-align:center; padding:6px 10px; border:1px solid #d4d4d4; border-radius:2px; white-space:nowrap; font-size:13px; line-height:13px; color:#898989; font-weight:bold; -webkit-box-sizing:border-box; box-sizing:border-box;}
.lp-address .result.fixed {position:fixed; top:52px; left:0; width:100%;}

/*리스트 구조 변경 스타일 속성 - 0823 김종근*/

@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {width:100%;height:100%;letter-spacing:-0.5px}

#price_section{ font-family: "Nanum Gothic", sans-serif;}
#price_section{overflow:hidden;padding:0 10px;background:#fff;}

#price_section #price_list_ul{margin-bottom:60px;}
#price_section #price_list_ul li{float:left;}
#price_section #price_list_ul li{
	position:relative; text-align:center; width:33.33%; padding:0.5em 1em; box-sizing:border-box;
	background:#fff;padding:0px 10px 15px;border-radius:4px;	
	}

#price_section #price_list_ul li .round_box .hidden_area{position:relative;overflow:hidden;border-radius:50%}
#price_section #price_list_ul li .round_box .hidden_area>img{vertical-align:top; background-image:../images/price_img/round_cover.png; background-size:cover; z-index:100;}
#price_section #price_list_ul li .round_box{display:block;position:relative;z-index:500;width:95%;height:auto;margin:0 auto;border-radius:50%}

#price_section h2{
	width:80%; height:50px; font-size:14px;  border-top:solid 1px #00a2e9; 
	text-align:center; margin:0 auto; font-weight:normal; margin-top:50px;
	line-height:50px; color:#00a2e9;
}

#price_section h3{font-size:15px; margin-top:5px; color:#00a2e9;}
#price_section p{font-size: 14px;}

.topnote{margin-top:5px;}

/*자세히 보기 버튼 css*/
.more-view-bt{width:70px; height:16px; line-height:16px; display:inline-block; margin-left:8px; text-align:center; padding:2px 3px; border:1px solid #005674; border-radius:9px; color: #005674; font-size:12px; }
.txt-member-benefit {/*160929수정*/display:block;}



/*- 161021~ 김종근 추가 사항 : 주문페이지를 리뉴얼 / 팟업창 스타일을 입히는 css값입니다. */

.slider-wrap{background:red; width:100%; height:500px; display:block;}
/*위!*/
.popup-container{display:none; background:#fff; top:0; z-index:9999; height:100%; width:100%;}
.popup-container .whatday-wrap .conts{position:relative; margin:0 auto;  text-align:center; display:block; width:100%; height:80px; padding:14px 0;}
.popup-container .whatday-wrap .conts .conts-top{position:relative; height:70%; width:90%; margin:0 auto; border-bottom: 1px dashed #aaa;}
.popup-container .whatday-wrap .conts .conts-bottom{}
.popup-container .whatday-wrap .tit{display:inline-block; color:#333; /*border-bottom:1px solid #555;*/ padding:0 16px 0 16px;  height:26px; margin-bottom:10px; font-size:16px; }
.popup-container .whatday-icon-wrap{width:100%; margin:0 auto;}
.popup-container .whatday-icon-wrap i {display:inline-block; margin-right:4px; vertical-align:-3px; background:url('/resources/client/images/ico_bg_contact2.png') no-repeat 0 9999px; background-size:cover; position:relative; left:-10px;}
.popup-container .whatday-icon i.today {width:21px; height:19px; background-position:-111px 0;}
.popup-container .on i.today {width:21px; height:19px; background-position:-85px 0;}
.popup-container .whatday-icon-wrap .whatday-icon{width:49.2%; height: 46px; line-height: 46px; font-weight:300; display:block; text-align: center;   background: #00aaf4; border: 1px solid #00aaf4; border-radius: 2px; white-space: nowrap;   color: #fff;  font-weight:700; float:left;}
.popup-container .btn-type3{float:left; width:49.2%; margin:0.4%; font-size:15px; font-weight:300; }
/*아래!*/
.popup-container .whattime-list-wrap ul{}
.popup-container .whattime-list-wrap ul li ul {}
.popup-container .whattime-list-wrap ul li>ul>li{ margin:0 auto; border-radius:8px; margin-bottom:5px; text-align:center;  font-size: 17px; line-height: 17px; }
.popup-container .tbdata .stat-tags .tag .sub-images{display:block;  height:14px; }
.popup-container .tbdata .stat-tags .tag{ margin-top:10px; }
.popup-container .tbdata .stat-tags {width:100%; display:block; overflow:hidden;}
.popup-container .tbdata{border:none;}
.popup-container .btn-type1{margin-top:30px;}
.popup-container .bt-wrap .on{border-color:#00a2e9!important; color:#00a2e9!important;}
.popup-container .bt-wrap .off{border-color:#888b8d!important; color:#888b8d!important;}
.popup-container .whatday-icon-wrap .on{background:#00aaf4!important; }
.popup-container .whatday-icon-wrap .off{background:#999!important; border-color:#ccc!important;}
.popup-container .mt0{margin-top:0!important; margin-right:10px!important;}
.popup-container .wd100{width:100%!important;} 
.popup-container .text-type6{position: relative; font-size: 18px!important;;font-weight: bold!important;}
.popup-container .text-type7{color: #333;font-size: 13px;}
.popup-container .icon {position: absolute;top: 50%;left: 5px;margin-top: -23px;width: 46px;height: 46px;border-radius: 23px;background: #c3c3c3;overflow: hidden;text-align: center;}
.popup-container .icon i{ display: block; width: 100%; height: 100%; background: url(/resources/client/images/ico_bg_status.png) no-repeat 0 9999px; background-size: 368px 46px; }
.popup-container .icon i.i-tagtype1 {background-position:0 0; background-color:#dedede;}
.popup-container .icon i.i-tagtype4 {background-position:-138px 0;background-color: #d9e2e6;}
.popup-container .icon i.i-tagtype6 {background-position:-138px 0;background-color: #d9e2e6;}
.popup-container .border-tit{margin-bottom:4px!important; height:26px!important;border-bottom: 1px dashed #aaa; width:80%;}
.popup-container .semantic{width:100%;  height:56px;}
.popup-container .wd100-box .btn-type3{width:99%; border-color:#888!important; color:#888!important}
/*.contents-position{position:relative; top:-18px;}*/
.popup-container .button > .btn-type2{position:absolute; bottom:50px; width:94%; border:2px solid #333; border-color:#333!important; color:#333!important}

.order-bt .cell{}
.order-bt .selected-block{position:relative; width: 100%; height: 37px; line-height:37px; border: 1px solid #d4d4d4; border-radius: 2px;}
.order-bt .selected-block p{text-indent:8px;}
.order-bt .selected-block b{width:37px; height:37px;     background: url(/resources/client/images/bg_select_arrow.png) no-repeat 100% -1px; background-size: 37px 74px; position:absolute; top:0; right:0;}


.infobox-wrap{height:200px;}
.infobox-wrap .conts{height:200px}
.infobox-wrap .conts-top{position:relative; height:70%; width:90%; margin:0 auto; border-bottom: 1px dashed #aaa;}
.infobox-wrap .icon {display: block; margin-top: -23px;width: 46px;height: 46px;border-radius: 23px;background: #c3c3c3;overflow: hidden;text-align: center;}
.infobox-wrap .icon i.i-tagtype7 {display: block; width: 46px;height: 46px; background: url(/resources/client/images/info-icon.png) no-repeat;  background-size:46px 46px; }
.icon i.i-tagtype7 {display: block; width: 46px;height: 46px; background: url(/resources/client/images/info-icon.png) no-repeat;  background-size:46px 46px; }
.infobox-wrap .text-type6{position: relative; font-size: 18px!important;;font-weight: bold!important;}
.infobox-wrap .info-list{margin-left:46px;   margin-top:10px; text-align:left; line-height:1.6em; list-style:circle !important; }
.infobox-wrap .info-list li{}

.infobox-bottom{padding:10px;}
.infobox-bottom ul li{width:100%; height:50px;}
.infobox-bottom ul li .btn-type3 {display:block; width:100% !important; margin:10px 0 10px 0 !important;}

.disable{display:none;}
.popup-container .odd-list{display:block; float: left;  width: 40.5%;  height: 20px; padding: 14px 10px; margin: 5px 0.7%;}

/*11-19 긴급작업*/

.bg-blue{background:#00a2e9; !important;}
.info-list li{margin-left:20px; list-style:circle!important; font-size:1.2em; margin-bottom:10px; color:#fff;}
.bg-blue .btn-yes{border:2px solid #fff; margin-top:0!important;}
.bg-blue .btn-no{border:2px solid #fff; background:#ddd; color:#333; margin-top:10px; margin-bottom:20px;}
.i-blog{display:inline-block; margin-right:4px; vertical-align:-3px; width:17px; height:17px; background:url('/resources/client/images/blog_icon.png') no-repeat; background-size:cover;}


/*11-21 블로그리스트 css*/
.bloging_list_wrap .my_bloging_list img{width:100%;}
.bloging_list_wrap .my_bloging_list{position:relative;}
.bloging_list_wrap .my_bloging_list .blog_text{position:absolute; top:5px; left:5px;}
.bloging_list_wrap .my_bloging_list .blog_text span{display:block; color:#fff;}
.bloging_list_wrap .my_bloging_list .blog_text .category{display:inline-block; border:1px solid #fff; padding:3px 5px; margin-bottom:20px; }
.bloging_list_wrap .my_bloging_list .blog_text .title{font-size:1.5em; font-weight:400; }
.bloging_list_wrap .my_bloging_list .blog_text .whatday{}

/*블로그 포스트 등록 폼*/
/*.uds_post .title_dt{display:none;}*/
/*.uds_post .write_dd{position:relative;}*/
/*.uds_post .write_dd input{width:100%; height:40px; padding:12px 0; text-indent:5px; color:#555; border:none;border-right:0px; border-top:0px; boder-left:0px; boder-bottom:0px; border-bottom:1px solid #ccc}*/
/*.uds_post .upload_button{position:absolute; top:2px; right:2px; padding:8px 10px; background:red; color:#fff; background:#00a2e9; border:1px solid #00c6e9; border-radius:6px;}*/
/*.blog_follow i{margin-right:3px;}*/
/*.blog_button{position:absolute; bottom:20px; }*/
/*.blog_button a{margin-bottom:10px; }*/
/*.blog_list_bottom{position:absolute; width:100%;  bottom:5px; padding:0 5px; padding-bottom:5px; color:#fff;}*/
/*.blog_list_bottom .whatday{float:left; display:inline-block; margin-top:20px; }*/
/*.blog_list_bottom .blog_follow{z-index:2;float:right; display:inline-block; border:1px solid #fff; padding:8px 10px; color:#fff; position:relative; right:10px;}*/
/**/



/**/
.blog_list_fafa{margin:0 10px;}
.blog_list_fafa .title_area{margin:10px 0; height:125px; border-bottom:1px solid #222; clear:both; }
.blog_list_fafa .title_area h2{ font-size: 25px; color: #222; letter-spacing:-2px; font-weight: bold; text-align:center;  margin-bottom: 30px;  line-height: 31px;}
.blog_list_fafa .sns_tab{display:block; height:28px;}
.blog_list_fafa .sns_tab ul{display:inline-block; width:84px; float:right;}
.blog_list_fafa .sns_tab li{display:inline-block; margin-left:7px;}
.blog_list_fafa .sns_tab li a i{display:inline-block; width:18px; height:18px; background-image:url(../images/sns_image_set.png); background-repeat:no-repeat; }
.blog_list_fafa .sns_tab li:nth-child(1) a i{background-position:-5px 0;}
.blog_list_fafa .sns_tab li:nth-child(2) a i{background-position:-5px -23px; }
.blog_list_fafa .sns_tab li:nth-child(3) a i{background-position:-5px -94px; }
.blog_list_fafa .selecter{width:120px; float:right; }
.blog_list_fafa .selecter select { width: 100%; height: 25px; padding: 0 25px 0 8px; border: 1px solid #d4d4d4; border-radius: 2px; background: url(/resources/client/images/bg_select_arrow.png) no-repeat 100% -1px; background-size: 25px 54px;}