@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
html, body {background:#f6f6f6;}
* {font-family: 'Spoqa Han Sans Neo', 'sans-serif'; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); outline:0;}
input[type='text']::-ms-clear {
    display: none;
}
input[type='button'] {cursor:pointer;}
html {font-size:10px;}
#wrap {position:relative; width:480px; height:100%; background:#fff; left:0; right:0; margin:0 auto; -webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}
@media screen and (max-width: 1024px) {
	#wrap {width:100%;}
}
.contents {width:100%; min-height:600px; position:relative; overflow:hidden; padding:35px 20px 40px;}
.disabled {opacity:.5; filter:grayscale(100); color:#666 !important;}



/* 버튼 */
.btn {position:relative; border:0; outline:0; cursor:pointer; text-align:center; display:inline-block;}
.btn_login {border-radius:8px; width:100%; height:50px; line-height:50px; font-size:1.5rem;}
.btn_chat, .btn_chat2 {border-radius:8px; width:100%; height:34px; line-height:34px; background:#fff; border:1px solid #e9e9e9; font-size:1.3rem; color:#666666;}
.btn_chat:active, .btn_chat.on {border-color:#e25c4b; color:#e25c4b;}
.btn_chat2 {border-color:#e25c4b; background:#e25c4b; color:#fff; font-weight:bold; font-size:1.3rem;}
.btn_popup {border-radius:8px; height:50px; line-height:50px; display:inline-block; vertical-align:middle; text-align:center; font-size:1.5rem; font-weight:bold;}
.btn_popup.full {width:100%;}
.btn_round {padding:0 14px; height:24px; line-height:24px; border:1px solid #dddddd; border-radius:100px; color:#888888; font-size:1.2rem;}
.btn_main {background:#111; color:#fff;}
.btn_sub {background:#f5f5f5; color:#111;}
.btn_kakao {background:#f9e000; color:#111;}
.btn_other {border:1px solid #b9b9b9; background:#fff; color:#424242;}




/* 텍스트박스 */
.text_form {position:relative; transition:.3s; border:0; vertical-align:middle; font-family: "Pretendard", sans-serif; border-radius:8px;}
.text_form:focus {outline:none;}
.text_login {width:100%; height:46px; font-size:1.3rem; line-height:46px; padding:0 20px; background:#fff; border:1px solid #e9e9e9; margin-bottom:8px;}
.text_input {width:100%; border:1px solid #e9e9e9; border-radius:6px; height:46px; line-height:46px; padding:0 20px; font-size:1.3rem; background:#fff; border:1px solid #e9e9e9;}
.text_input.tel {width:33.3%;}


/* 체크박스(로그인) */
.check {position:relative; padding-top:7px; margin-bottom:15px;}
.check input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.check input[type="checkbox"] + label {color:#666; font-weight:bold; display: inline-block; position: relative; padding-left:30px; font-weight:normal; font-size:1.3rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.check input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 50%; margin-top:-10px; width: 20px; height: 20px; text-align: center; font-weight:normal; border-radius:6px; background:url("../../images/common/icon_check.png?ver=1.1") center no-repeat #e9e9e9; background-size:11px;} 
.check input[type="checkbox"]:checked + label:before {background:url("../../images/common/icon_check.png?ver=1.1") center no-repeat #000; background-size:11px;} 

/* 체크박스(채팅) */
.check_vote {position:relative; margin-bottom:5px;}
.check_vote input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.check_vote input[type="checkbox"] + label {background:#fff; border:1px solid #e9e9e9; width:100%; color:#666; display:block; border-radius:10px; position: relative; padding:10px 15px 10px 45px; font-weight:normal; font-size:1.3rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.check_vote input[type="checkbox"] + label:before { content: ''; position: absolute; left: 10px; top: 50%; margin-top:-10px; width: 20px; height: 20px; text-align: center; font-weight:normal; border-radius:6px; background:url("../../images/common/icon_check.png?ver=1.1") center no-repeat #e9e9e9; background-size:11px;} 
.check_vote input[type="checkbox"]:checked + label {font-weight:bold; color:#e25c4b; border-color:#e25c4b;}
.check_vote input[type="checkbox"]:checked + label:before {background:url("../../images/common/icon_check.png?ver=1.1") center no-repeat #e25c4b; background-size:11px;} 





/* header */
.header {position:relative; width:100%; height:68px; line-height:68px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #e3e3e3;}
.header .logo {cursor:pointer; float:left; width:110px; height:56px; font-size:0;}
.header .logo img {width:100%;}
.header .area_side {float:right; font-size:0;}
.header .area_side .area_util {margin-right:16px;}
.header .area_side .area_util li {position:relative; display:inline-block; padding-right:11px; margin-right:10px;}
.header .area_side .area_util li:after {position:absolute; content:""; width:1px; height:10px; background:#e9e9e9; right:0; top:50%; margin-top:-5px;}
.header .area_side .area_util li:last-child {margin-right:0; padding-right:0;}
.header .area_side .area_util li:last-child:after {display:none;}
.header .area_side .area_util li img {height:17px;}
.header .area_side .area_util, .header .area_side .btn_allmenu, .header .area_side .rel {position:relative; display:inline-block; vertical-align:top;}
.rel {position:relative;}
.rel .count {text-indent:0px; position:absolute; top:14px; z-index:1; right:-5px; text-align:center; height:17px; line-height:17px;/* min-width:16px; padding:0 5px;*/ width:17px; border-radius:17px; font-size:10px; font-size:1rem; color:#fff; font-weight:bold; background:#e25c4b;}
.btn_notify {text-indent:-99999px; height:56px; width:21px; background:url("../../images/common/btn_notify.png") center center no-repeat; background-size:21px; border:0;}
.header .area_side .btn_allmenu {text-indent:-99999px; height:68px; width:60px; background:url("../../images/common/btn_allmenu.png") right center no-repeat; background-size:22px; border:0;}
.area_breadcrumb {position:relative; height:36px; line-height:36px; background:#fff; padding:0 20px; font-size:0; border-bottom:1px solid #e3e3e3;}
.area_breadcrumb li {font-size:1.2rem; display:inline-block; color:#333;}
.area_breadcrumb li:after {content:">"; margin:0 10px; color:#aaa; font-weight:100;}
.area_breadcrumb li:last-child {margin-right:0; color:#0477dc;}
.area_breadcrumb li:last-child:after {display:none;}


/* 전체메뉴 */
.popup_allmenu {display:none; position:fixed; top:0; left:0; right:0; margin:auto; width:100%; max-width:480px; height:100%;  padding-top:80px; background:#fff; z-index:999;}
.popup_allmenu .popup_title {position:absolute; padding:0 20px; z-index:10; overflow:hidden; top:0; left:0; background:#fff; width:100%; height:68px; line-height:68px; border-bottom:1px solid #e3e3e3;}
.popup_allmenu .popup_title .logo {cursor:pointer; float:left; width:110px; height:56px; font-size:0;}
.popup_allmenu .popup_title .logo img {width:100%;}
.popup_allmenu .popup_title .btn_close {float:right; width:60px; height:68px; background:url("../../images/common/btn_close.png?ver=1.1") right center no-repeat; background-size:21px;}
.popup_allmenu .nav_group {position:relative; width:100%; margin-bottom:30px;}
.popup_allmenu .nav_group .nav {position:relative; width:100%; height:100%; padding:0 20px;}
.popup_allmenu .nav_group .nav li {font-size:1.8rem; width:100%; display:block; border-bottom:0px solid #e3e3e3;}
.popup_allmenu .nav_group .nav li a {display:block; padding:12px 0;}
.popup_allmenu .nav_group .nav li:first-child {display:none;}


/* 알림 */
.popup_notify {position:relative; width:100%; font-size:1.4rem; line-height:1.5;}
.popup_notify img {max-width:50%; border:1px solid #ddd;}
.popup_notify p {margin-bottom:10px;}

/* 전체페이지 */
.new_page {position:relative; width:100%; background:#fff;}
.new_page .page_title {z-index:100; position:absolute; left:0; top:0; background:#fff; width:100%; height:60px; line-height:60px; border-bottom:1px solid #ddd; padding:0 20px; overflow:hidden;}
.new_page .page_title .title {font-size:1.9rem; font-weight:bold; float:left;}
.new_page .page_title .btn_close {float:right; width:60px; height:60px; background:url("../../images/common/btn_close.png?ver=1.1") right center no-repeat; background-size:21px;}
.new_page .contents {position:relative; padding-top:60px; width:100%;  min-height:100vh;}



/* 알림 */
.area_notify {position:relative; overflow:hidden; width:100%; padding-bottom:55px; color:#333;}
.area_notify .list_notify {position:relative; width:100%; margin-bottom:35px;}
.area_notify .list_notify .list {position:relative; width:100%; padding:27px 0 24px; border-bottom:1px solid #e9e9e9; font-size:1.2rem;}
.area_notify .list_notify .list .notify_opt {width:100%; line-height:1; overflow:hidden; margin-bottom:16px; font-size:0;}
.area_notify .list_notify .list .notify_opt span {position:relative; display:inline-block; vertical-align:top; font-size:1.2rem; color:#888; padding-right:9px; margin-right:8px;}
.area_notify .list_notify .list .notify_opt span:after {position:absolute; width:1px; height:10px; background:#e9e9e9; top:50%; margin-top:-5px; right:0; content:""; }
.area_notify .list_notify .list .notify_opt span:last-child {padding-right:0; margin-right:0;}
.area_notify .list_notify .list .notify_opt span:last-child:after {display:none;}
.area_notify .list_notify .list .notify_opt .viewchk.on {color:#459bde;}
.area_notify .list_notify .list .txt {width:100%; font-size:1.5rem; line-height:2rem; max-height:4rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;}
.area_notify .list_notify .list .btn_del {position:absolute; text-indent:-99999px; top:27px; right:0px; width:12px; height:12px; background-size:12px; background:url("../../images/sub/btn_notify_del.png") center no-repeat;}


/* 페이징 */
.area_pagination {position:relative; width:100%; text-align:center; font-size:0; overflow:hidden;}
.area_pagination * {display:inline-block; vertical-align:top; height:11px; line-height:11px;}
.area_pagination .pagination {overflow:hidden; padding:0 20px;}
.area_pagination .pagination .page {font-size:1.4rem; color:#888;}
.area_pagination .pagination .page.on {font-weight:bold; color:#333;}
.area_pagination .pagination .page a {display:block; padding:0 10px; height:100%;}
/* main */
.slider_main {position:relative; width:100%; overflow:hidden;}
.slider_main .swiper-slide img {width:100%;}
.slider_main .swiper-pagination-fraction {position:absolute; left:auto; right:0; bottom:0; background:rgba(0,0,0,0.8); width:70px; text-align:center; border-radius:10px 0px 20px 0px; font-size:1.3rem; height:25px; line-height:25px;  color:#ddd;}
.slider_main .swiper-pagination-fraction .swiper-pagination-current {color:#fff;}
.slider_main .main-next, .slider_main .main-prev {position:absolute; top:50%; margin-top:-20px; width:22px; height:40px; background-size:11px;}
.slider_main .main-next {background:url("../../images/main/icon_slider_main_next.png") left center no-repeat; right:15px; background-size:11px;}
.slider_main .main-prev {background:url("../../images/main/icon_slider_main_prev.png") right center no-repeat; left:15px; background-size:11px;}



.main_category {position:relative; width:100%; overflow:hidden; font-size:0; padding:25px 0;}
.main_category li {display:inline-block; vertical-align:top; width:20%; text-align:center;}
.main_category li img, .area_main .main_category li p {display:block;}
.main_category li img {height:22px; margin:auto; margin-bottom:12px;}
.main_category li p {line-height:1; font-size:1.2rem;}
.column_wrap {position:relative; width:100%;}
.column_wrap .column {position:relative; width:100%; background:#fff; margin-bottom:10px; padding:20px 15px; border-radius:10px;}
.column_wrap .column .area_title {position:relative; width:100%; margin-bottom:20px;}
.column_wrap .column .area_title .title {font-size:1.5rem;}
.column_wrap .column .area_title .title img {width:22px; margin-right:5px;}
.column_wrap .column .area_title .title img, .column_wrap .column .area_title .title span {display:inline-block; vertical-align:middle;}
.column_wrap .column .area_title .title, .column_wrap .column .area_title .select_opt {display:inline-block;}
.column_wrap .column .area_title .link {float:right; line-height:22px; padding-right:12px; font-size:1.2rem; color:#888; background:url("../../images/main/icon_more.png") right center no-repeat; background-size:6px;}
.column_wrap .column .row {position:relative; overflow:hidden; display:flex; flex-wrap:wrap; width:100%; margin-bottom:10px;}
.column_wrap .column .row.block {display:block;}
.column_wrap .column .row .balance_price {float:left; font-size:2.2rem; line-height:30px;}
.column_wrap .column .row .balance_price span {font-weight:normal; font-size:1.8rem; padding-left:5px; display:inline-block;}
.column_wrap .column .row .btn_common {float:right;}
.column_wrap .column .row .box {position:relative; display:inline-block; vertical-align:top; text-align:center; background:#f5f5f5; border-radius:10px; overflow:hidden;  margin-right:8px;  width:calc(33% - 5px); padding:15px;}
.column_wrap .column .row .box .tit {display:block; color:#888; font-size:1.4rem; font-weight:normal;}
.column_wrap .column .price {font-size:1.5rem; font-weight:bold;}
.column_wrap .column .price span {font-weight:normal; display:inline-block; margin-left:5px; vertical-align:bottom;}
.column_wrap .column .row .box.full {width:100%;}
.column_wrap .column .row .box.full .tit {float:left;}
.column_wrap .column .row .box.full .price {float:right;}
.column_wrap .column .row .box .value {width:100%; font-size:1.4rem; font-weight:bold; height:30px; line-height:30px; border-radius:10px; background:#fff; font-weight:bold; text-align:center;}
.column_wrap .column .row .box:nth-child(3n) {margin-right:0;}
.column_wrap .column .row .box:last-child {margin-right:0;}
.column_wrap .column .row .box .rank img {height:30px;}
.column_wrap .column .row.list_musa {position:relative; width:100%; height:260px;}
.column_wrap .column .overlay {position:absolute; width:100%; height:120px; z-index:10; bottom:0; left:0; background: rgb(2,0,36); background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(255,255,255,1) 100%);}
.column_wrap .column .row.list_musa .box {width:100%; text-align:left; font-size:0; margin-bottom:10px; padding:12px 15px; margin-right:0;}
.column_wrap .column .row.list_musa .box:last-child {margin-bottom:0;}
.column_wrap .column .row.list_musa .box .rank, .column_wrap .column .row.list_musa .box .thumb, .column_wrap .column .row.list_musa .box .cont, .column_wrap .column .row.list_musa .box .info {display:inline-block; vertical-align:middle;}
.column_wrap .column .row.list_musa .box .rank {font-size:1.4rem; color:#888; width:32px;}
.column_wrap .column .row.list_musa .box .cont {width:calc(100% - 32px);}
.column_wrap .column .row.list_musa .box .cont .thumb {position:relative; width:40px;}
.column_wrap .column .row.list_musa .box .icon {position:absolute; top:50%; margin-top:-15px; right:15px; width:25px;}
.column_wrap .column .row.list_musa .box .cont .thumb .img {width:40px; height:40px; border-radius:40px;}
.column_wrap .column .row.list_musa .box .cont .info {width:calc(100% - 40px); padding-left:20px; line-height:1;}
.column_wrap .column .row.list_musa .box .cont .info .tit {font-size:1.4rem; color:#111; line-height:1; margin-bottom:8px;}
.column_wrap .column .row.list_musa.on {background:transparent; height:auto;}
.column_wrap .column .row.list_musa.on .overlay {display:none;}

/* 활동상세 - 활동상세 */
.column_wrap .column.static .row {margin-bottom:25px; display:block; font-size:0;}
.column_wrap .column.static .row .icon {width:38px; height:38px;}
.column_wrap .column.static .row .icon, .column_wrap .column .row .cont {display:inline-block; vertical-align:middle;}
.column_wrap .column.static .row .cont  {width:calc(100% - 38px); padding-left:14px;}
.column_wrap .column.static .row .cont .tit {font-size:1.3rem;}
.column_wrap .column.static .row .btn_common {position:absolute; bottom:0; right:0;}


/* 활동상세 - 나의계급 */
.column_wrap .column .row.rank .box .icon {width:24px;}
.column_wrap .column .row.rank .box .cont {width:calc(100% - 30px); text-align:left; padding-left:15px; line-height:1;}
.column_wrap .column .row.rank .box .cont .tit {color:#000; float:none; font-weight:bold; font-size:1.5rem; margin-bottom:6px;}
.column_wrap .column .row.rank .box .cont .txt {color:#888; font-size:1.2rem;}
.column_wrap .column .row.rank .box .label {position:absolute; right:15px; line-height:20px; margin-top:-10px; top:50%; font-size:1.3rem; color:#1787dd;}
.column_wrap .column .row.rank .box .icon, .column_wrap .column .row.rank .box .cont {display:inline-block; vertical-align:middle;}


/* 활동상세 - 나의계급 */
.column_wrap .column .row.musa .box {display:block; width:100%; text-align:left; margin-bottom:10px; padding-left:15px; line-height:30px; margin-right:0;}
.column_wrap .column .row.musa .box .price, .column_wrap .column .row.musa .box .tit {float:left;}
.column_wrap .column .row.musa .box .tit {width:65px;}
.column_wrap .column .row.musa .box:last-child {margin-bottom:0;}


/* 활동상세 - 계급팝업 */
/*
.popup_static {padding:0 20px; width:100%; border-radius:10px; background:#f5f5f5;}
.popup_static .box {position:relative; overflow:hidden; width:100%; display:block; line-height:30px; border-bottom:1px dashed #dddddd; padding:15px 5px;}
.popup_static .box .icon {height:30px; margin-right:9px;}
.popup_static .box .tit {width:42px; font-size:1.6rem; font-weight:bold;}
.popup_static .box .txt {color:#888; font-size:1.3rem;}
.popup_static .box .icon, .popup_static .box .tit {float:left;}
.popup_static .box .cont {width:calc(100% - 30px); text-align:left; padding-left:15px; line-height:1;}
.popup_static .box .cont .tit {color:#000; float:none; font-weight:bold; font-size:1.6rem; margin-bottom:6px;}
.popup_static .box .cont .txt {color:#888; font-size:1.3rem;}
.popup_static {width:100%; border-radius:10px; background:#f5f5f5;}
.popup_static .box {position:relative; display:table; overflow:hidden; width:100%; border-bottom:1px dashed #dddddd; padding:15px 0px;}
.popup_static .box .label {position:absolute; right:15px; line-height:20px; margin-top:-10px; top:50%; font-size:1.3rem; color:#1787dd;}
.popup_static .box .icon, .column_wrap .column .row.rank .box .cont {display:inline-block; vertical-align:middle;}
.popup_static .box:last-child {border-bottom:0;}
.popup_static .box.thead {background:#111; border-bottom:0; color:#fff; font-weight:bold;  padding:15px 0;}
.popup_static .box.thead .th {display:table-cell; padding:0 20px; text-align:center; font-size:1.4rem;}
.popup_static .box.thead .th.th01 {width:30%;}
.popup_static .box.thead .th.th02 {width:40%;}
.popup_static .box.thead .th.th03 {width:30%;}
.popup_static .box:first-child {border-radius:10px 10px 0px 0px;}
.popup_static .box * {vertical-align:middle;}
.popup_static .box .td01 {display:table-cell; width:30%; padding:0 20px;}
.popup_static .box .td01 .icon, .popup_static .box .td01 .tit {display:inline-block; font-size:1.5rem;}
.popup_static .box .td01 .icon {height:30px; margin-right:9px;}
.popup_static .box .txt {display:table-cell; text-align:center; width:40%; color:#888; font-size:1.3rem; padding:0 20px;}
.popup_static .box .label {display:table-cell; text-align:center; width:30%; color:#1787dd; position:relative; right:0; top:0; margin-top:0; padding:0 20px;}
*/


/* 활동상세 - 이번달 수입 */
.area_income {position:relative; width:100%; }
.area_income .date_picker {position:relative; width:100%; text-align:center; margin-bottom:20px; font-size:0;}
.area_income .date_picker .btn, .area_income .date_picker .date {display:inline-block; vertical-align:middle;}
.area_income .date_picker .btn img {width:8px;}
.area_income .date_picker .date {font-size:1.4rem; color:#888; width:100px;}
.area_income .log_income {width:100%; table-layout:fixed; border-top:1px solid #e9e9e9;}
.area_income .log_income th {text-align:left;}
.area_income .log_income td {text-align:right;}
.area_income .log_income th, .area_income .log_income td {font-size:1.2rem; line-height:1; color:#999; font-weight:normal; padding-bottom:12px;}
.area_income .log_income tr:first-child th, .area_income .log_income tr:first-child td {padding-top:18px;}
.area_income .log_income tr:last-child th, .area_income .log_income tr:last-child td {padding-bottom:0;}
.column_wrap .area_income .price {width:100%; text-align:center; margin-bottom:25px; font-size:2.2rem; line-height:1;}
.column_wrap .area_income .price span {font-size:1.8rem;}
.column_wrap .area_income .title {width:100%; text-align:center; font-size:1.4rem; color:#666666; margin-bottom:15px;}
.column_wrap .area_income .info {width:100%; border-radius:10px; background:#f8f8f8; text-align:center; color:#888; font-size:1.2rem; height:35px; line-height:35px;}
.area_log {position:relative; width:100%; border-radius:10px; background:#f5f5f5; padding:10px 20px;}
.area_log table {width:100%; border-collapse:collapse; table-layout:fixed;}
.area_log table tr {border-top:1px dashed #ddd;}
.area_log table tr:first-child {border-top:0;}
.area_log table th, .area_log table td {font-size:1.4rem; color:#333; padding:10px 0;}
.area_log table th {text-align:left; font-weight:normal;}
.area_log table td {text-align:right; font-weight:bold;}
.area_log table tbody tr:last-child th, .area_log table tbody tr:last-child td {padding-bottom:15px;}
.area_log table tfoot tr {border-top:2px solid #111;}
.area_log table tfoot tr:first-child {border-top:2px solid #111;}
.area_log table tfoot th, .area_log table tfoot td {font-weight:bold; font-size:1.5rem; padding-top:15px;}
.area_log table tfoot td {color:#e25c4b;}
.area_log table tfoot td span {color:#333; font-weight:normal;}


/* 출금하기 */
.area_deposit {position:relative; width:100%;}
.area_deposit .txt {font-size:1.4rem; color:#666; line-height:1; margin-bottom:20px;}
.area_deposit .div_deposit {position:relative; width:100%; overflow:hidden; margin-bottom:30px;}
.area_deposit .div_deposit .area_input {position:relative; width:100%; border-bottom:2px solid #000;}
.area_deposit .div_deposit .area_input label {position:absolute; top:0; right:0; line-height:39px; font-size:1.8rem;}
.area_deposit .div_deposit .area_input .text_form {font-size:1.8rem; height:39px; line-height:39px; border:0; outline:none; padding-right:80px;}
.area_deposit .div_deposit .area_input_opt {position:relative; width:100%; height:44px; line-height:44px; overflow:hidden;}
.area_deposit .div_deposit .area_input_opt .left label {color:#888888; margin-right:10px;}
.area_deposit .div_deposit .area_input_opt .left label, .area_deposit .div_deposit .area_input_opt .left .price{font-size:1.3rem; display:inline-block;}
.area_deposit .div_deposit .area_input_opt .btn {top:10px;}
.area_deposit .div_account {position:relative; width:100%; border-radius:10px; background:#f8f8f8; padding:0px 15px; margin-bottom:20px;}
.area_deposit .div_account .area_title {position:relative; width:100%; overflow:hidden; padding:15px 0px 11px; margin-bottom:0; border-bottom:1px solid #e9e9e9;}
.area_deposit .div_account .area_title .title {font-size:1.4rem; color:#333; float:left;}
.area_deposit .div_account .area_title .modify {font-size:1.2rem; color:#888; float:right;}
.area_deposit .div_account .info_account {position:relative; overflow:hidden; width:100%; padding:15px 0;}
.area_deposit .div_account .info_account .thumb {width:34px; height:34px; border-radius:34px; overflow:hidden; margin-right:7px;}
.area_deposit .div_account .info_account .info {line-height:1; font-size:1.4rem;}
.area_deposit .div_account .info_account .info p {font-size:0; margin-bottom:5px;}
.area_deposit .div_account .info_account .info p span {font-size:1.2rem;}
.area_deposit .div_account .info_account .info p span:last-child:after {display:none;}
.area_deposit .div_account .info_account .info p span:after {content:"/"; color:#ddd; margin:0 5px;}
.area_deposit .div_account .info_account .info p:last-child {margin-bottom:0;}
.area_deposit .div_account .info_account .thumb, .area_deposit .div_account .info_account .info {display:inline-block; vertical-align:middle;}
.area_deposit .info_list {width:100%; border-top:1px solid #e9e9e9; margin-top:20px; margin-bottom:25px; padding-top:21px;}
.area_deposit .info_list dt {font-size:1.3rem; line-height:1; font-weight:bold; color:#000; margin-bottom:11px;}
.area_deposit .info_list dd {position:relative; padding-left:8px; font-size:1.2rem; color:#666666; display:block; margin-bottom:0px;}
.area_deposit .info_list dd:before {position:absolute; top:0; left:0; content:"-";}


/* 출금완료 */
.area_deposit_end {position:relative; width:100%; padding:30px 0px 15px;}
.area_deposit_end .top {position:relative; width:100%; text-align:center;  margin-bottom:25px;}
.area_deposit_end .top .icon {width:60px; margin:auto; margin-bottom:19px;}
.area_deposit_end .top .title {font-size:1.9rem; font-weight:bold; line-height:1; margin-bottom:15px;}
.area_deposit_end .top .txt {font-size:1.4rem; color:#666666; line-height:1;}
.area_deposit_end table {border-top:2px solid #111; border-bottom:1px solid #ddd; border-collapse:collapse; width:100%; margin-bottom:25px;}
.area_deposit_end table tr th {padding-left:10px; color:#888888; text-align:left;}
.area_deposit_end table tr td {padding-right:10px; color:#333; text-align:right;}
.area_deposit_end table tr td .price {font-size:1.2rem !important;}
.area_deposit_end table tr th, .area_deposit_end table tr td {font-size:1.2rem; font-weight:normal; padding-top:4px; padding-bottom:4px;}
.area_deposit_end table tr:first-child th, .area_deposit_end table tr:first-child td {padding-top:25px;}
.area_deposit_end table tr:last-child th, .area_deposit_end table tr:last-child td {padding-bottom:25px;}
.area_deposit_end .txt {font-size:1.2rem; line-height:1.5; padding-top:20px; margin-bottom:35px;}


/* 무사 현황 */
.area_musa_status {position:relative; width:100%;}
.column_wrap .column  .area_musa_status .row.multi {margin-bottom:15px;}
.column_wrap .column  .area_musa_status .row.multi .box {width:calc(50% - 4px); padding:20px 15px;}
.column_wrap .column  .area_musa_status .row .box .tit {float:left; margin-bottom:0;}
.column_wrap .column  .area_musa_status .row .box .value {float:right; width:auto; background:transparent; height:auto; line-height:inherit;}
.column_wrap .column  .area_musa_status .table_static th, .column_wrap .column  .area_musa_status .table_static td {border:1px solid #e9e9e9;}
.column_wrap .column  .area_musa_status .table_static td {color:#333;}

.table_static {width:100%; table-layout:fixed; border-collapse:collapse;}
.table_static tr {border-bottom:1px dashed #ddd;}
.table_static tr:first-child {border-bottom:0;}
.table_static tr:first-child th:first-child {border-top-left-radius:10px;}
.table_static tr:first-child th:last-child {border-top-right-radius:10px;}
.table_static tr:last-child td:first-child {border-bottom-left-radius:10px;}
.table_static tr:last-child td:last-child {border-bottom-right-radius:10px;}
.table_static tr:last-child {border-bottom:0;}
.table_static tr td:last-child {color:#1787dd;}
.table_static th {background:#111; color:#fff; font-size:1.4rem;}
.table_static td {font-size:1.3rem; color:#888; background:#f5f5f5;}
.table_static th, .table_static td {text-align:center; padding:15px;}
.table_static .icon, .table_static .tit {display:inline-block; vertical-align:middle;}
.table_static .icon {height:30px; margin-right:4px;}
.table_static .tit {font-size:1.5rem; font-weight:bold; color:#000;}


/* 활동상세 - 초대하기팝업 */
.popup_invite {position:relative; width:100%; text-align:center;}
.popup_invite .cont {position:relative; width:100%; padding:15px 0px 40px;}
.popup_invite .cont .tit {color:#000; font-size:2rem; line-height:2.9rem; margin-bottom:18px;}
.popup_invite .cont .tit em {font-style:normal; color:#e25c4b;}
.popup_invite .cont .txt {font-size:1.4rem; color:#666; line-height:2rem; word-break:keep-all;}
.popup_invite .cont .txt b {color:#000;}



/* 뉴스 */
.window_times {position:relative; width:100%; letter-spacing:-0.5px; padding-top:30px;}
.window_times .area_title {position:relative; width:100%; margin-bottom:15px; padding:0 20px;}
.window_times .area_title .title {font-size:2rem;}
.window_times .window_pick {position:relative; width:100%; margin-bottom:30px;}
.window_times .window_pick .article {position:relative; width:100%; }
.window_times .window_pick .article .thumb {width:100%; aspect-ratio:16/12; overflow:hidden;}
.window_times .window_pick .article .thumb img {width:100%; height:100%; object-fit:cover; display:block;}

.window_times .window_pick .article .cont {position:absolute; bottom:0; left:0; width:100%; padding:55px 15px 25px; background:linear-gradient(to top, rgba(0,0,0,0.65), transparent);}
.window_times .window_pick .article .article_category {position:relative; left:0; bottom:0; margin-bottom:8px;}
.window_times .window_pick .article .title {font-size:2.4rem; font-weight:bold; line-height:3.3rem; word-break:keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; color:#fff;}
.window_times .window_pick .article .info {display:none; width:100%; overflow:hidden; font-size:0;}
.window_times .window_pick .article .info li {position:relative; display:inline-block; vertical-align:top; font-size:1.3rem; color:#888; padding-right:11px; margin-right:10px;}
.window_times .window_pick .article .info li:after {content:""; width:1px; height:10px; background:#dddddd; position:absolute; top:50%; margin-top:-5px; right:0;}
.window_times .window_pick .article .info li:last-child:after{display:none;}
/*
.window_times .window_pick .slider_main .swiper-pagination-fraction {position:relative; left:0; right:0; bottom:0; margin-bottom:25px; height:auto; line-height:1; text-align:center; font-size:1.3rem; color:#888; background:transparent; width:100%;}
.window_times .window_pick .slider_main .swiper-pagination-fraction .swiper-pagination-current {color:#111;}
*/
.window_times .window_pick .slider_main .swiper-controls {position:absolute; display:none; right:0; top:0; margin-bottom:20px; height:auto; line-height:1; text-align:center; font-size:1.3rem; color:#888; background:transparent; width:100%;}
.window_times .window_pick .slider_main .swiper-controls .swiper-pagination-fraction {position:relative; bottom:0; width:auto; font-size:1.3rem; padding:0 20px; color:#888;}
.window_times .window_pick .slider_main .swiper-controls .swiper-pagination-fraction .swiper-pagination-current {color:#111;}
.window_times .window_pick .slider_main .swiper-controls .swiper-pagination-fraction, .window_times .window_pick .slider_main .swiper-controls .company-next,  .window_times .window_pick .slider_main .swiper-controls .company-prev {position:relative; top:0; background:transparent; margin:0; bottom:0; left:0; right:0; display:inline-block; vertical-align:middle;}
.window_times .window_pick .slider_main .swiper-controls .main-next, .window_times .window_pick .slider_main .swiper-controls .main-prev {display:inline-block;  vertical-align:middle; position:relative; margin:0; top:0; width:12px; height:22px; background-size:6px;}
.window_times .window_pick .slider_main .swiper-controls .main-next {background:url("../../images/main/icon_slider_company_next.png") left center no-repeat; right:auto; background-size:6px;}
.window_times .window_pick .slider_main .swiper-controls .main-prev {background:url("../../images/main/icon_slider_company_prev.png") right center no-repeat; left:auto; background-size:6px;}
.window_times .window_article {position:relative; width:100%;}
.window_article {position:relative; width:100%; padding:0 0px 30px;}
.window_article .more {display:block; width:calc(100% - 30px); margin:auto; height:40px; line-height:40px; border:1px solid #e9e9e9; border-radius:8px; text-align:center;}
.window_article .more span, .window_article .more img {display:inline-block; vertical-align:middle;}
.window_article .more span {font-size:1.4rem; color:#999; margin-right:5px;}
.window_article .more img {height:11px;}
.article_list {position:relative; width:100%; padding:0 20px 30px;}
.article_list .article {position:relative; overflow:hidden; width:100%; font-size:0; border:1px solid #e9e9e9; margin-bottom:20px;}
.article_list .article a {display:block; width:100%; height:100%;}

.article_list .article .cont, .article_list .article .thumb {display:block; width:100%;}
.article_list .article .cont {position:relative; padding:22px 15px 24px;}
.article_list .article .cont .title {font-weight:600; word-break:keep-all; font-size:1.8rem; line-height:2.4rem;  margin-bottom:10px; color:#000; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;}
.article_list .article .cont .txt {word-break:keep-all; font-size:1.4rem; line-height:2rem; margin-bottom:0px;  color:#444; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;}
.article_list .article .cont .info {display:none; position:relative; width:100%; overflow:hidden; font-size:0;}
.article_list .article .cont .info li {position:relative; display:inline-block; vertical-align:top; font-size:1.3rem; color:#888; padding-right:11px; margin-right:10px;}
.article_list .article .cont .info li:last-child {margin-right:0; padding-right:0;}
.article_list .article .thumb {position:relative; width:100%; aspect-ratio:16/9; margin-bottom:0px; overflow:hidden;} 
.article_category {font-size:1.4rem; color:#fff; padding:4px 12px 5px; position:absolute; bottom:15px; left:15px; display:inline-block;}
.article_category.cate_1 { background-color: rgba(220, 38, 38, 0.9); }   /* 진한 레드 */
.article_category.cate_2 { background-color: rgba(234, 88, 12, 0.9); }   /* 진한 오렌지 */
.article_category.cate_3 { background-color: rgba(202, 138, 4, 0.9); }   /* 머스타드 옐로우 */
.article_category.cate_4 { background-color: rgba(5, 150, 105, 0.9); }   /* 진한 민트 그린 */
.article_category.cate_5 { background-color: rgba(30, 64, 175, 0.9); }   /* 진한 블루 */
.article_category.cate_6 { background-color: rgba(109, 40, 217, 0.9); }  /* 진한 퍼플 */


.article_list .article .thumb img {width:100%; height:100%;}






/* 탭뉴스 */
.tab_wrap {display:none; position:relative; width:100%; height:52px; overflow:hidden; overflow-x:auto; border-bottom:1px solid #dddddd;}
.tab_news {width:100%;  overflow-x:auto; white-space:nowrap; margin-bottom:20px;}
.tab_news li {position:relative; width:100%; font-weight:bold; margin-bottom:0px; text-align:center; font-size:2.4rem; letter-spacing:-0.5px;} 

.tab_cont {position:relative; width:100%; display:none;}



.column_wrap .column .slider_company .swiper-slide {width:30%; }
.column_wrap .column .slider_company .swiper-wrapper {margin-bottom:20px;}
.column_wrap .column .slider_company .swiper-slide .thumb {width:100%; overflow:hidden; border-radius:10px; margin-bottom:10px;}
.column_wrap .column .slider_company .swiper-slide .thumb img {width:100%; aspect-ratio:1/1;}
.column_wrap .column .slider_company .swiper-slide .s_tit {color:#888; font-size:1.2rem; margin-bottom:5px;} 
.column_wrap .column .slider_company .swiper-slide .tit {font-weight:5000; color:#111; font-size:1.4rem;}
.column_wrap .column .slider_company .swiper-controls {position:relative; width:100%; height:40px; line-height:40px; text-align:center; border:1px solid #e3e3e3; border-radius:10px;}
.column_wrap .column .slider_company .swiper-controls .swiper-pagination-fraction {position:relative; bottom:0; width:auto; font-size:1.3rem; padding:0 20px; color:#888;}
.column_wrap .column .slider_company .swiper-controls .swiper-pagination-fraction .swiper-pagination-current {color:#111;}
.column_wrap .column .slider_company .swiper-controls .swiper-pagination-fraction, .column_wrap .column .slider_company .swiper-controls .company-next,  .column_wrap .column .slider_company .swiper-controls .company-prev {position:relative; top:0; margin:0; bottom:0; left:0; right:0; display:inline-block; vertical-align:middle;}
.column_wrap .column .slider_company .swiper-controls .company-next, .column_wrap .column .slider_company .swiper-controls .company-prev {width:12px; height:22px; background-size:6px;}
.column_wrap .column .slider_company .swiper-controls .company-next {background:url("../../images/main/icon_slider_company_next.png") left center no-repeat; background-size:6px;}
.column_wrap .column .slider_company .swiper-controls .company-prev {background:url("../../images/main/icon_slider_company_prev.png") right center no-repeat; background-size:6px;}
.column_wrap .column .area_board {position:relative; width:100%; font-size:0;}
.column_wrap .column .area_board .item {display:inline-block; vertical-align:top; width:calc(50% - 4px); margin-right:8px; margin-bottom:25px;}
.column_wrap .column .area_board .item .thumb {position:relative; width:100%; margin-bottom:10px; border-radius:10px; overflow:hidden;}
.column_wrap .column .area_board .item .thumb img {aspect-ratio:1/1; width:100%;}
.column_wrap .column .area_board .item .tit {font-weight:normal; font-size:1.5rem; line-height:2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;}
.column_wrap .column .area_board .item:nth-child(even) {margin-right:0;}
.column_wrap .column .row.multi .tit {margin-bottom:10px;}
.column_wrap .column .row.multi .box {padding-bottom:10px;}
.column_wrap .column .row:last-child {margin-bottom:0;}
.column_wrap .column .more {position:relative; display:block; font-size:0; width:100%; height:40px; line-height:38px; border-radius:10px; border:1px solid #e9e9e9; text-align:center;}
.column_wrap .column .more img, .column_wrap .column .more span {display:inline-block; vertical-align:middle;}
.column_wrap .column .more img {height:11px;}
.column_wrap .column .more span {color:#999; font-size:1.4rem; margin-right:10px;}
.column_wrap .column:last-child {margin-bottom:0;}




/* 채팅 서비스 */
.chat_service {position:fixed; top:0; left:0; right:0; width:100%; max-width:480px; margin:auto; background:#fff; height:100%; }
.chat_service .area_title {position:fixed; background:#fff; z-index:100; top:0; left:0; right:0; margin:auto; width:100%; max-width:480px; height:61px; line-height:61px; text-align:center; padding-left:15px; border-bottom:1px solid #e3e3e3;}
.chat_service .area_title .title {font-size:1.9rem; font-weight:bold; text-align:left; float:left;}
.chat_service .area_title .area_side {float:right;}
.chat_service .area_title .area_side .rel, .chat_service .area_title .area_side .btn_close {display:inline-block; vertical-align:middle;}
.chat_service .area_title .area_side .btn_close {position:relative; width:60px; height:60px; text-indent:-99999px; background:url("../../images/common/btn_close.png?ver=1.1") center no-repeat; background-size:21px;}
.chat_service .chat_container {position:relative; overflow-y:auto; width:100%; height:100%; padding:85px 15px 175px;}
.chat_service .chat_container .chatting {position:relative; width:100%; margin-bottom:40px; font-size:0;}
.chat_service .chat_container .chatting .thumb, .chat_service .chat_container .chatting .chat_wrap {display:inline-block; vertical-align:top; font-size:1.3rem;}
.chat_service .chat_container .chatting .thumb {position:relative; width:34px; height:34px; border-radius:34px; overflow:hidden; margin-right:10px;}
.chat_service .chat_container .chatting .thumb img {width:100%;}
.chat_service .chat_container .chatting .chat_wrap {width:calc(100% - 44px);}
.chat_service .chat_container .chatting .chat_wrap .nickname {font-size:1.4rem; font-weight:bold; line-height:1; margin-bottom:8px;}
.chat_service .chat_container .chatting .chat_wrap .chat_content {position:relative; width:100%; overflow:hidden;}
.chat_service .chat_container .chatting .chat_wrap .chat_content .chat {display:inline-block; max-width:80%; word-break:keep-all; margin-bottom:10px; padding:13px 12px; background:#f5f5f5; color:#111; font-size:1.3rem; line-height:1.7rem; border-radius:0px 10px 10px 10px;}
.chat_service .chat_container .chatting .chat_wrap .chat_content .chat:last-child {margin-bottom:0;}
.chat_service .chat_container .chatting .chat_wrap .chat_content .chat .selectwrap {width:100%; padding-top:10px;}
.chat_service .chat_container .chatting .chat_wrap .chat_content .chat .selectwrap .btn {width:100%; margin-bottom:6px;}
.chat_service .chat_container .chatting .chat_wrap .chat_content .chat .selectwrap .btn:last-child {margin-bottom:0;}
.chat_service .chat_container .chatting.user .thumb {display:none;}
.chat_service .chat_container .chatting.user {text-align:right;}
.chat_service .chat_container .chatting.user .nickname {display:none;}
.chat_service .chat_container .chatting.user .chat_wrap .chat_content .chat {border-radius:10px 0px 10px 10px; background:#e25c4b; color:#fff;} 
.chat_service .chat_container .chatting:last-child {margin-bottom:0;}
.chat_service .chat_container .wrap_comment {position:fixed; bottom:0; left:0; right:0; width:100%; max-width:480px; margin:auto; background:#f5f6f8;}
.chat_service .chat_container .wrap_comment .write_comment {width:100%; padding:15px;}
.chat_service .chat_container .wrap_comment .write_comment .text_comment {resize:none; width:100%; height:100px; padding:15px; font-size:1.3rem; border:1px solid #e9e9e9; }
.chat_service .chat_container .wrap_comment .btn_comment {width:100%; height:50px; background:#e25c4b;  border-radius:0; color:#fff; font-size:1.5rem; font-weight:bold;}



/* 로그인 */
.area_login {position:relative; width:100%; overflow:hidden; padding:35px 20px 0px;}
.area_login .login_title {text-align:center; font-size:1.9rem; font-weight:bold; margin-bottom:45px; line-height:1;}
.area_login .login_bottom {position:relative; padding-top:30px; width:100%; overflow:hidden; text-align:center;font-size:0;}
.area_login .login_bottom li {position:relative; display:inline-block; vertical-align:middle; font-size:1.3rem; color:#666; padding-right:11px; margin-right:10px;}
.area_login .login_bottom li:after {position:absolute; top:50%; margin-top:-5px; right:0; content:""; width:1px; height:10px; background:#dddddd;}
.area_login .login_bottom li:last-child {margin-right:0; padding-right:0;}
.area_login .login_bottom li:last-child:after {display:none;}


/* 푸터 */
.area_bottom {position:fixed; display:table; width:100%; max-width:480px; left:0; right:0; bottom:0; background:#000; z-index:10; font-size:0; margin:auto;}
.area_bottom li {display:table-cell; vertical-align:middle; width:20%; height:70px; text-align:center;}
.area_bottom li div {display:table; width:100%; height:100%;}
.area_bottom li a {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.area_bottom li img	{height:24px; margin-bottom:7px;}
.area_bottom li p {font-size:1.3rem; color:#fff; line-height:1;}
.footer {position:relative;  text-align:center; width:100%;  background:#232323; overflow:hidden; padding:30px 15px 30px; text-align:center; box-sizing:border-box;}
.footer .list_policy {width:100%; margin-bottom:20px;}
.footer .list_policy li {margin-right:15px; display:inline-block; font-size:1.3rem; color:#fff; font-weight:500;}
.footer .area_contact {width:100%; overflow:hidden;}
.footer .area_contact p {width:100%; font-size:0; display:block; margin-bottom:7px;}
.footer .area_contact p span {position:relative; color:#888; line-height:1; font-size:1.2rem; display:inline-block; margin-right:10px; padding-right:11px;} 
.footer .area_contact p span:after{ position:absolute; content:""; top:50%; margin-top:-5px; background:#2b2b2b; color:#888; width:1px; height:10px;}
.footer .area_contact p span:last-child {margin-right:0; padding-right:0;}
.footer .area_contact p span:last-child:after {display:none;}
.footer .area_contact p.copyright {padding-top:8px;}




/* sub_search */
#m_notice {background-color:#fafafa; color:#aaa; border-bottom:1px solid #eee; position:relative; bottom:0; left:50%; margin:0 -50%; width:100%;}
#m_notice .notice_input {overflow:hidden; font-size:0.9em; height:40px; line-height:40px; margin:0 3%; text-align:center;}
#m_notice .notice_input strong {display:block; font-weight:normal;}
#m_notice .notice_input strong img {position:absolute; top:0px; right:2%;}
#m_notice .notice_input a {color:#ffffff; font-weight:bold; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#m_notice .hd {height:15px; background:#85cc2a;}

/* main_notice */
#mNotice {position:relative; bottom:0; left:50%; margin:0 -50%; width:100%; background:#c20f2f; border-top:1px solid #9cd4eb; color:#fff;}
#mNotice .notice_input {overflow:hidden; font-size:0.95em; height:39px; margin:0 22px; padding:7px 5px 7px 18px; background:url(../../images/notice.png) no-repeat center left;}
#mNotice .notice_input strong {display:block;margin:3px 0; padding:0 5px; font-weight:bold;}
#mNotice .notice_input a {color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#mNotice .hd {height:15px; background:#85cc2a;}


.prepare {width:100%; border:1px solid #ddd; padding:100px 0; text-align:center; color:#999; box-sizing:border-box;}

/* shoppingTitle */
.shoppingTitle {border-bottom:1px solid #eee; text-align:left; padding:15px 20px; background:#fff;}
.shoppingTitle li.Bmenu {font-size:1.7em; color:#000; font-weight:bold;}
.shoppingTitle li.Smenu {color:#9fb9d4;}


/* shoppingPrice */
.shoppingPrc { margin:0 auto;}
.shoppingPrc .list_item .item {position:relative; width:calc(50% - 5px); text-align:center; display:inline-block; vertical-align:top; margin-right:10px; margin-bottom:55px;}
.shoppingPrc .list_item .item .thumb {position:relative; width:100%; margin-bottom:10px;}
.shoppingPrc .list_item .item .thumb img {width:100%; height:100%;}
.shoppingPrc .list_item .item .thumb .icon {position:absolute; top:20px; left:20px;}
.shoppingPrc .list_item .item .thumb .icon img {margin-right:10px; width:48px; height:48px;}
.shoppingPrc .list_item .item .pr-name {word-break:keep-all; width:100%; margin-bottom:10px; font-size:16px; font-weight:normal;} 
.shoppingPrc .list_item .item .pr-txt {width:100%; font-size:12px; color:#888; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:20px; font-weight:normal;}
.shoppingPrc .list_item .item .pr-price {font-size:0; width:100%; text-align:center;}
.shoppingPrc .list_item .item .pr-price li {position:relative; display:inline-block; font-size:14px;}
.shoppingPrc .list_item .item .pr-price li.price {color:#c20f2f; padding-right:11px; margin-right:10px;}
.shoppingPrc .list_item .item .pr-price li.pv {color:#444;}
.shoppingPrc .list_item .item .pr-price li.price:after {position:absolute; top:50%; right:0; margin-top:-6px; content:""; width:1px; height:12px; background:#ddd;}
.shoppingPrc .list_item .item:nth-child(2n) {margin-right:0px;}

.shoppingPrc.section {border:0; padding:0; position:relative; overflow:hidden;}
.shoppingPrc .detail-title { color:#000; padding:15px;}
.shoppingPrc .detail-thumb {position:relative; width:100%; height:100%; margin-bottom:25px; border:1px solid #e1e1e1;}
.shoppingPrc .detail-thumb .pr_icon {position:absolute; top:20px; left:20px; font-size:0;}
.shoppingPrc .detail-thumb .pr_icon img {width:96px; height:96px; margin-right:10px; display:inline-block; vertical-align:top}
.shoppingPrc .detail-thumb img {width:100%; height:100%;}
.shoppingPrc .detail-info {width:100%; position:relative;}
.shoppingPrc .detail-info .pr-title {font-size:16px; color:#000; font-size:16px; line-height:25px; margin-bottom:15px;}
.shoppingPrc .list {list-style:none; margin:0 auto; width:100%; border-top:1px solid #e1e1e1; padding-top:16px; box-sizing:border-box; }
.shoppingPrc .list { overflow: hidden; }
.shoppingPrc .list li img { vertical-align:middle }
.shoppingPrc .list li {position:relative;font-size:13px; text-align:justify; margin-bottom:12px; display:block; overflow:hidden;}
.shoppingPrc .list li select {background:#fff; height:24px; border:1px solid #ddd;}
.shoppingPrc .list li em {font-style:normal; width:73px; color:#888888;}
.shoppingPrc .list li span {color:#000; width:calc(100% - 76px);}
.shoppingPrc .list li span.origin_price {font-weight:bold; color:#ed1b29; font-size:15px;}
.shoppingPrc .list li span.origin_price label {font-size:13px; color:#000; font-weight:normal; display:inline-block;}
.shoppingPrc .list li span.listPrc {color:#ff0000; font-weight:bold;}
.shoppingPrc .list li span.listPv {color:#ea00ea; font-weight:bold;}
.shoppingPrc .list li .amount {margin:0; width:auto;}
.shoppingPrc .list li em, .shoppingPrc .list li span {display:inline-block; vertical-align:middle;}
.shoppingPrc .list li .review_point li {margin-bottom:0; text-align:left; display:inline-block; font-size:0;}
.shoppingPrc .list li .review_point {top:-2px; width:60px; height:12px; margin-right:10px; background-size:12px !important;}
.shoppingPrc .list li .review_point .point {background-size:12px;}
.shoppingPrc .list li .review_point li {margin-right:4px;}
.shoppingPrc .list li .review_point li:last-child {margin-right:0;}
.shoppingPrc .list li .review_point li img {width:12px;}

.shoppingPrc .list li .review_count {font-size:13px; color:#888; text-decoration:underline; vertical-align:middle;}
.shoppingPrc .list input[type='number'] {border:1px solid #ddd; width:50px; height:24px;}
.shoppingPrc .total-price {width:100%; overflow:hidden; padding:15px; margin-top:20px; margin-bottom:15px; font-size:18px; box-sizing:border-box; background:#f9f9f9;}
.shoppingPrc .total-price h5 {font-weight:bold; font-size:12px; width:80px;}
.shoppingPrc .total-price em {text-align:right; font-weight:bold; font-size:18px; color:#ed1b29; font-style:normal; width:calc(100% - 90px); margin-left:5px;}
.shoppingPrc .total-price em label {font-size:12px; font-weight:bold; color:#000;}
.shoppingPrc .total-price h5, .shoppingPrc .total-price em {display:inline-block; vertical-align:middle;}
.shoppingPrc.detail .function {margin-bottom:35px;}
.shoppingPrc.detail .function .btn_shop {cursor:pointer; width:calc(50% - 5px); height:44px; display:inline-block;}
.shoppingPrc.detail .function .btn_shop.cart {margin-right:10px;}
.shoppingPrc.detail .function .btn_shop span {font-size:14px;}
.shoppingPrc.detail .function .btn_shop span, .shoppingPrc.detail .function .btn_shop span .icon {margin:0 8px;}
.shoppingPrc.detail .function .btn_shop .icon {width:18px; height:18px;}




.function .btn {float:left; margin-left:7px;}
.btn_purchase {width:50%; height:39px; font-size:14px; color:#000; line-height:39px; display:inline-block; float:left; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#ececec; font-weight:bold;}
.function {width:100%; overflow:hidden;}
.btn_shop {transition:.2s; background:#fff; font-weight:600; height:30px; line-height:28px; text-align:center; font-size:12px; float:left; display:inline-block; border-radius:100px; width:100%; box-sizing:border-box;}
.btn_shop.cart {border:1px solid #c20f2f; color:#c20f2f; margin-bottom:5px;}
.btn_shop.cart  .icon {background:url("../../images/icon_func_cart.png?ver=1.1") center no-repeat; background-size:100%;}
.btn_shop.purchase {background:#c20f2f; border:1px solid #c20f2f; color:#fff;}
.btn_shop.purchase .icon {background:url("../../images/icon_func_purchase.png") center no-repeat; background-size:100%;}
.btn_shop .icon, .btn_shop span {display:inline-block; margin:0 3px; vertical-align:middle;}
.btn_shop .icon {width:14px; height:14px;}
.amount {font-size:0; overflow:hidden; text-align:center; margin:15px auto;}
.amount * {box-sizing:border-box;}
.textQuantity {text-align:center; width:67px; height:24px; line-height:24px; font-size:12px; border:1px solid #ddd; color:#000; vertical-align:top; text-align:center; font-weight:500;}
.quantity {cursor:pointer; width:24px; height:24px; font-size:0px; text-indent:-99999px; vertical-align:top; border:1px solid #ddd;}
.quantity.addnum {background:url("../../images/icon_quantity_addnum.png?ver=1.1") center no-repeat #f3f3f3; background-size:8px; border-right:0;}
.quantity.decnum {background:url("../../images/icon_quantity_decnum.png") center no-repeat #f3f3f3; background-size:8px; border-left:0;}



.shoppingPrc .list_cate {width:100%; overflow:hidden;}
.shoppingPrc .list_cate .cate {margin-right:18px; float:left;}
.shoppingPrc .list_cate .cate .thumb {margin-bottom:22px;}
.shoppingPrc .list_cate .cate div {line-height:1; overflow:hidden; width:100%;}
.shoppingPrc .list_cate .cate h3 {float:left; font-size:20px;}
.shoppingPrc .list_cate .cate .more {float:right;}
.shoppingPrc .list_cate .cate:last-child {margin-right:0;}


.shoppingPrc .items .item .thumb-img {width:100%; text-align:center;}
.shoppingPrc .items .item .thumb-img img {width:100%; height:100%; border:1px solid #d9d9d9;}
.shoppingPrc .items .item .pr-info .pr-title {display:block; width:100%; font-weight:bold;  overflow:hidden; color:#333; font-size:16px; margin-bottom:7px;}
.shoppingPrc .items .item .pr-info .pr-price span.txt {font-size:16px;}
.shoppingPrc .items .item .pr-info .pr-price span.txt:first-child {margin-right:7px;}
.shoppingPrc .items .item .pr-info .pr-function {overflow:hidden; margin-bottom:10px;}
.shoppingPrc .items .item .pr-info {text-align:center; border:1px solid #d9d9d9; border-top:0; padding:15px 0px 0px 0px;}
.shoppingPrc .items .item .pr-info li {margin-bottom:10px; display:block; overflow:hidden; height:auto;}
.shoppingPrc .items .item .pr-info li span {display:inline-block;}
.shoppingPrc .items .item .pr-info li span.txt input[type='number'] {border:1px solid #ddd; text-align:center; color:#666;}
.shoppingPrc .items .item .pr-info li.icon {display:none; height:auto; margin-bottom:10px; font-size:0; text-align:center;}
.shoppingPrc .items .item .pr-info li.icon img {max-height:20px;}
.shoppingPrc .items .item .pr-info .btn_purchase:last-child{border-left:0; border-right:0;}


.shoppingPrc .btn_area {text-align:center; padding-top:10px; overflow:hidden;}
.shoppingPrc .btnShop {display:inline-block; height:35px !important; line-height:35px !important; width:48%; font-size:.85em;  border-radius:10px;}
.shoppingPrc .btnShop.btnMain {background:#29bc34; border:1px solid #29bc34; color:#fff; font-weight:bold;}
.shoppingPrc .btnShop.btnSub {background:#fff; border:1px solid #ccc; margin-right:5px;}
.shoppingPrc .btn_area.category_detail .btnShop {padding:9px 26px; line-height:1.5 !important; height:auto !important; margin:0 4px; width:auto; font-size:1.2em;}
.shoppingPrc .items .checkbox {position:absolute;}
.shoppingPrc .items .pname {position:absolute; padding-bottom:10px; margin:-2px 0 0 20px; font-weight:bold;}
.shoppingPrc .items .prcInfo {margin-left:130px; padding-top:20px; line-height:1.8em;}
.shoppingPrc .card {position:relative;}
.shoppingPrc .items .prcInfo ul li {overflow:hidden;}
.shoppingPrc .items .prcInfo .tit {float:left;}
.shoppingPrc .items .prcInfo .txt {float:right;}

.shoppingPrc .items .noitem {height:60px; text-align:center;}
.shoppingPrc .items.mypage .item {border-bottom:1px solid #ddd; margin-bottom:0; margin-left:0; padding:10px 10px 20px;}
.shoppingPrc .items.mypage li {box-sizing:border-box; width:100%; margin-right:0; font-size:14px; color:#555;}
.shoppingPrc .items.mypage .item .thumb-img {float:left; width:100px; padding:3px;}
.shoppingPrc .items.mypage .item .pr-info {margin-left:115px;}
.shoppingPrc .items.mypage .item:last-child {margin-bottom:0 !important;}
.shoppingPrc .items.mypage .pr-title {font-size:15px; padding-top:6px; display:inline-block; float:left; width:100%; font-weight:bold;}
.shoppingPrc .items.mypage .pr-title:after {clear:both; height:0; overflow:hidden;}
.shoppingPrc .items.mypage .item .pr-info {padding:0; border:0; text-align:left;}
.shoppingPrc .items.mypage .item .pr-info .tit {float:left;}
.shoppingPrc .items.mypage .item .pr-info .txt {float:right;}
.shoppingPrc .items.mypage .item .thumb-img img	{width:100%; height:auto;}






.totalInfo {position:relative; margin-bottom:40px;}
.totalInfo li {font-weight:bold; line-height:30px; padding-left:2%; border-bottom:1px dotted #d3d3d3;}
.totalInfo li:last-child {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background-color:#fff;}
.totalInfo li:last-child .txt {color:#d30000; font-size:1.2em; font-weight:bold;}
.totalInfo li .tit {text-align:left; text-indent:15px;}
.totalInfo li .txt {float:right; padding-right:2%; }








/* m_contents */ 
#contents {position:relative; overflow:hidden; width:100%; margin:0 auto; background:#fff; text-align:center;}


/* navbar */
#navbar {overflow:hidden; width:100%; min-height:calc(100vh - 97px); margin:0 auto;}
#navbar:after {display:block; clear:both; content:'';}
#navbar>ul>li {width:100%; display:block; background:#fff; border-bottom:1px solid #ddd; color:#333; text-align:center;}
#navbar>ul>li:nth-child(even) {background:#fafafa;}
#navbar>ul>li>a {font-size:14px; padding:0 20px; height:56px; line-height:56px; overflow:hidden; display:block;}
#navbar img {position:relative; top:18px; width:15px; opacity:.5; float:right;}

/* progress */
.progress{overflow:hidden; height:50px; background:url(../../images/bg_progress.jpg?v=1.01); font-size:0.875em; line-height:40px; }
.progress ol{float:left; margin:0; padding:0;}
.progress li,.progress li span{background:url(../../images/bg_progress_item.png?v=1.2) no-repeat; white-space:nowrap;}
.progress li{float:left; margin:0 0 0 -12px; padding:0 0 0 20px; background-position:-287px 0;}
.progress li span{display:inline-block; height:44px; padding:5px 25px 0 10px; background-position:100% top;}
.progress li.on{position:relative; z-index:10; background-position:0 100%; color:#fff; font-weight:bold; margin:1px 0 0 -20px;}
.progress li.on span{background:url(../../images/bg_progress_item.png?v=1.0) no-repeat 100% 100%;}
.progress li.last,.progress li.last span{background:none;}
.progress .right{position:absolute; top:6px; right:10px; color:#494949;}


.mprogress{overflow:hidden; height:49px; background:url(../../images/bg_progress.jpg); font-size:0.875em; line-height:16px; }
.mprogress ol{float:left; margin:0; padding:0;}
.mprogress li,.mprogress li div{background:url(../../images/bg_progress_item.png) no-repeat; white-space:nowrap;}
.mprogress li{float:left; margin:0 0 0 -12px; padding:0 0 0 17px; background-position:-287px 0;}
.mprogress li div{display:inline-block; height:45px; padding:5px 30px 0 10px; background-position:100% top;}
.mprogress li.on{position:relative; z-index:10; background-position:0 100%; color:#fff; font-weight:bold; margin-left:-20px;}
.mprogress li.on div{background:url(../../images/bg_progress_item.png) no-repeat 100% 100%;}
.mprogress li div span{float:left; padding-top:3px;}



/* pageTitle */
.pageTitle {font-size:0.9em; background:#fff; border:1px solid #eee; border-left:0; border-right:0; font-family:NanumGothic; -webkit-text-size-adjust:75%; -moz-text-size-adjust:160%; -ms-text-size-adjust:160%;}
.pageTitle .leftTitle {padding:0 3%; height:35px; line-height:35px; color:#666;}
select {height:35px; background:#fff; border:1px solid #ddd; border-radius:0px;}


/* sub */
.sub_title {position:relative; width:100%; font-weight:bold; margin-bottom:10px; text-align:center; font-size:2.4rem; letter-spacing:-0.5px;}
.boardTitle {font-size:1.4em; color:#000; font-weight:bold; height:60px; line-height:60px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #e4e4e4;}
.s01 {background:#fff; position:relative; padding:0px 0px 40px 0px;}
.s01 dd {font-size:1em;}
/*.s01 span {color:#ff0000;}*/
.s01 p {color:#333; font-size:0.9em;}
.s01 p.fontB {color:#494949;}
.s01 .btn {margin:0 auto;}
.s01 table, .basic {border-collapse:collapse; width:100%; border:none; border-top:1px solid #ddd;;}
.s01 td, .s01 th, .basic td, .basic th {border:1px solid #ddd; padding:6px 0; line-height:140%; font-size:12px;}
.s01 thead, .basic thead {border-top:1px solid #333;}
.s01 thead th, .basic thead th {background-color:#f4f4f4; color:#000; padding:1.5% 0;}
.s01 thead td, .basic thead td {padding-left:1.5%;}
.s01 tbody, .basic tbody {background-color:#ffffff; text-align:center;}
.s01 tbody td, .basic tbody td {padding:3% 0;}
.s01 .style {padding:2px 0; margin:4px 0; font-size:0.9em;}
.s01 tfoot tr, .basic tfoot tr {background-color:#f3f3f3; border-top:2px solid #0390d4; border-bottom:1px solid #d3d3d3;}
.s01 tfoot td, .basic tfoot td {padding:18px 6%;}




/* sub Tab */
.tab {position:relative; margin:0 auto;}
.tabMenu {height:42px; border-bottom:2px solid #510303;}
.tabMenu li {float:left; position:relative; margin-left:-1px; display:block; width:19.9%; height:40px; text-align:center; font-size:14px; font-weight:bold; border:1px solid #d9d9d9; border-bottom:0; background:#fff;}
.tabMenu li a {position:absolute; left:0; top:0; display:block; width:100%; height:24px; padding-top:13px; border-bottom:0;}
.tabMenu li.active a {width:100%; padding-bottom:1px; border-bottom:0; background:#510303; font-weight:bold; height:28px; color:#ffffff;}
.tab-cont {clear:both; width:100%; border-top:0; margin-top:10px; line-height:140%;}
.nmargin {border:0 !important; margin:0 auto !important;}



/* joinStep */
.joinStep .txt1, .s01 .txt1 {font-weight:bold; color:#494949; font-size:1em;}

.joinStep2 {margin:10px 0px 0;}
.joinStep2 .jBox {background-color:#fff; border:1px solid #999; border-radius:0.5em 0.5em 0.5em 0.5em; font-size:12px; padding:10px; margin:15px 0; line-height:20px; -webkit-text-size-adjust:75%; -moz-text-size-adjust:160%; -ms-text-size-adjust:160%;}
.joinStep2 .comment {margin-top:30px; color:#a2a2a2; font-size:0.9em; line-height:19px;}


.joinStep2 {margin:27px -10px 0;}
.jList2 dt {background-color:#fafafa; border-bottom:1px solid #cacaca; border-top:1px solid #cacaca;}
.jList2 dt .joinBg{border-bottom:1px solid #eff1fa; border-top:1px solid #fdfdfd; padding:13px 12px 13px;}
.jList2 dt .joinBg:after {clear:both; display:block; content:"";}
.jList2 dt strong {float:left; font-weight:bold; margin-top:11px;}
.jList2 dt .bType01 {float:right; margin:-5px -4px -3px 0;}
.bType01 a {color:#666666; display:block; height:25px; padding:6px 12px 0 9px; text-decoration:none;}
.jList2 dd {padding:10px 10px 8px; text-align:right;}
.joinStep2 label {cursor:pointer;}
.ic {vertical-align:-2px; margin-right:2px;}
.joinStep2 .txt .fChk {display:block; float:left; padding-top:2px;}
.joinStep2 .txt .tx {display:block; padding:0 0 0 20px;}
.btn02 {cursor:hand; display:block; font-size:0.9em; width:83px; height:30px; text-indent:-2px; border:0; background:url(/m/images/btn.png) no-repeat; color:#ffffff; font-weight:bold;}


/* postSearch */
.postSearch .txt1 {font-weight:bold; padding:0 0 0 5px;}
.postSearch .txt2 {padding-top:10px; font-size:12px; color:#919191}

.postSearch #postList li {list-style:none; padding:10px 0; border-bottom:1px solid #cacaca;}
.postSearch #postList li .t1 {color:#919191; padding-left:5px;}
.postSearch #postList li .t2 {margin-top:5px;}


.postSearch .postList li {list-style:none; padding:10px 0; border-bottom:1px solid #cacaca;}
.postSearch .postList li .t1 {color:#919191; padding-left:5px;}
.postSearch .postList li .t2 {margin-top:5px;}


.btn_list {padding:0 4%;}
.btn_list li {float:left; width:20%; background:url(/images/btn02.png) no-repeat 7px 0px; height:52px; text-align:center;}
.btn_list li a {color:#ffffff; font-weight:bold;}

/* paging */
.paging {text-align:center; font-size:1.4rem;}
.paging strong {font-weight:normal; margin:0 20px;}
/*
.paging a, .paging strong {display:inline-block; line-height:10px; padding:4px 6px;}
*/

/* input */
.input_in {display:block; margin:0 auto; padding:5px 0; width:100%;}
.input_in:before,.input_in:after{position:absolute; top:0; left:0; content:''}
.input_in:after{right:0; left:auto;}
/*
.input01{width:90%; padding:2px 0; font-size:0.9em;}
*/





/* button */
.btnPrev {display:block; font-size:0.8em; width:50px; height:66px; text-indent:8px; border:0; background:url(../../images/btn_prev.png?v=1.7) no-repeat; color:#444; font-weight:bold; }
.btnHome {display:block; font-size:0.8em; width:50px; height:66px; text-indent:-2px; border:0; background:url(../../images/btn_home.png?v=1.7) no-repeat; color:#ffffff; font-weight:bold;}
/*
.btn {cursor:hand; display:block; font-size:0.9em; width:83px; height:30px; text-indent:-2px; border:0; background:url(../../images/btn.png) no-repeat; color:#ffffff; font-weight:bold;}
*/
.prcBtn {overflow:hidden;}
.prcBtn ul {width:100%;}
.prcBtn ul li {display:inline-block; margin:0 1%;}

/* line */
.line_r {border-right:1px solid #0071a3;}
.line_l {border-left:1px solid #65bde9;}
.line_t {border-top:1px solid #65bde9;}
.line_b {border-bottom:1px solid #0071a3;}

.line_rl {border-right:1px solid #0071a3; border-left:1px solid #65bde9;}
.line_tb {border-bottom:1px solid #0071a3; border-top:1px solid #65bde9;}


/* terms */
.m05, .m06 {text-align:left; font-size:12px; line-height:22px; color:#686868;}
.m05 h2, .m06 h2 {color:#444547; font-size:18px; font-weight:bold; margin:35px 0 20px; padding-bottom:20px; border-bottom:3px solid #c20f2f;}
.m05 h3, .m06 h3 {color:#444547; font-size:14px; padding:25px 0 20px; font-weight:bold;}
.m05 .group, .m06 .group {border-bottom:1px solid #c6c6c6; overflow:hidden; padding:0 0 20px 15px;}
.m05 span {font-size:12px; color:#a3a3a3; line-height:20px;}

.m05 ol {margin-left:13px;}
.m05 ol li {list-style-type:decimal; line-height:22px;}

.m06 ol {margin-left:20px; margin-top:10px;}
.m06 ol li {list-style-type:decimal; line-height:22px; color:#a3a3a3;}
.m06 span p {font-size:12px; color:#a3a3a3; line-height:22px; margin-left:13px;}
.hr {height:15px;}
.s_hd {padding:8px 15px 9px; background:#fff; color:#999; border-bottom:1px solid #ddd; border-left:0; border-right:0;}

.left {float:left;}
.right {float:right;}

.fontR {color:#c20f2f; font-weight:bold;}
.fontPv {color:#777;}
.fontPv2 {color:#777;}
.fontB {color:#d30000;}


/* sub_search */
#m_notice {background-color:#fff; color:#666; border-bottom:1px solid #eee; position:relative; bottom:0; left:50%; margin:0 -50% 0px; width:100%;}
#m_notice .notice_input {overflow:hidden; font-size:0.9em; height:50px; line-height:50px; margin:0 25px; }
#m_notice .notice_input strong {display:block; font-weight:normal;}
#m_notice .notice_input strong img {position:absolute; top:7px; right:2%;}
#m_notice .notice_input a {color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#m_notice .notice_input input[type='text'] {color:#666;}
#m_notice .hd {height:15px; background:#85cc2a;}
.shop_title {position:relative; width:100%; padding:10px 0px 50px; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1px;}



.tab_submenu {width:100%; position:relative; overflow:hidden;}
.tab_submenu * {box-sizing:border-box;}
.tab_submenu li	{position:relative; width:50%; height:36px; line-height:36px; font-size:12px; font-weight:100; border:1px solid #ddd; border-left:0; color:#525252; float:left; text-align:center; display:inline-block;}
.tab_submenu li a {display:block; width:100%; height:100%;}
.tab_submenu li.on {background:#c20f2f; color:#fff; font-weight:bold;}
.tab_submenu li:first-child{border-left:1px solid #ddd;}
.tab_submenu.about li {width:50%;}
.tab_submenu.myoffice li {width:8.3%;}
.tab_submenu.customer li {width:25%;}


.pr1 {color:#c20f2f; font-weight:bold;}
.pr2 {color:#555;}
.pr3 {color:#ef8e4d;}


.area_confirm {width:100%; padding:65px 0px; text-align:center;}
.area_confirm * {display:block; margin:auto;}
.area_confirm .txt {font-weight:bold; font-size:16px; width:80%; margin-bottom:20px; word-break:keep-all;}
.area_confirm input[type='password'] {width:80%; height:40px; margin-bottom:20px; border:0; border-bottom:1px solid #ddd; font-size:15px;}
.area_confirm input[type='button'] {width:80%; height:50px; background:#0D5C9C; color:#fff; font-weight:bold; font-size:15px; border:0;}



/* 회원가입 */
.area_join {position:relative; width:100%; margin-bottom:20px; padding-top:30px;}
.area_join .area_title {font-size:1.9rem; font-weight:bold; display:block; line-height:1; margin-bottom:40px; text-align:center;}
.area_join .list_terms {position:relative; overflow:hidden;}
.area_join .list_terms .row_terms {position:relative; width:100%; margin-bottom:15px; overflow:hidden;}
.area_join .list_terms .row_terms .box {width:100%; overflow:hidden; margin-bottom:15px; background:#f5f5f5; padding:15px; border-radius:8px;}
.area_join .list_terms .row_terms em {font-weight:500; font-style:normal; float:left; font-size:1.5rem; line-height:30px;}
.area_join .list_terms .row_terms .btn_common {float:right;}
.area_join .list_terms .row_terms .bottom {float:right; padding:0 10px;}
.area_join .list_terms .row_terms:last-child {margin-bottom:0;}
.area_join .list_agree {position:relative; width:100%; margin-top:20px; border-top:1px solid #e3e3e3; margin-bottom:40px;}
.area_join .list_agree .agree {margin-bottom:0; padding:15px 10px; border-bottom:1px solid #e3e3e3;}
.area_join .txt {margin-bottom:25px; font-size:1.3rem; word-break:keep-all;}
.list_step {position:relative; width:100%; font-size:0; text-align:center; overflow:hidden; margin-bottom:50px;}
.list_step .step {position:relative; display:inline-block; line-height:1; vertical-align:top; padding-right:62px;}
.list_step .step .icon {width:40px; height:40px; margin:auto; border-radius:40px; line-height:40px; color:#fff; background:#888888; font-size:1.4rem; margin-bottom:10px;}
.list_step .step p {color:#888; font-size:1.4rem;}
.list_step .step.on .icon {text-indent:-99999px; background:url("../../images/sub/icon_check_big.png") center no-repeat #000; background-size:100%;}
.list_step .step.on p {color:#000;}
.list_step .step:after {position:absolute; top:20px; right:20px; content:""; width:25px; height:5px; background:url("../../images/sub/bg_step_arrow.png") center no-repeat; background-size:100%;}
.list_step .step:last-child {padding-right:0;}
.list_step .step:last-child:after {display:none;}
.area_btn {width:100%; font-size:0;}
.area_btn .btn_popup {width:calc(50% - 4px);}
.area_btn .btn_popup:first-child {margin-right:8px;}



/* 입력폼 */
.submit_form {position:relative; width:100%;}
.submit_form .submit_row {position:relative; width:100%; overflow:hidden; margin-bottom:35px;}
.submit_form .submit_row .title {position:relative; width:100%; overflow:hidden;}
.submit_form .submit_row .title .tit {font-size:1.3rem; line-height:1; margin-bottom:10px;}
.submit_form .submit_row .cont {position:relative; width:100%; overflow:hidden;}
.submit_form .submit_row .cont .btn_common {float:left ;height:46px; line-height:46px; width:82px;}
.submit_form .submit_row .cont.multi .text_input {float:left; width:calc(100% - 90px); margin-right:8px;}
.submit_form .submit_row .cont * {vertical-align:top;}
.submit_form .submit_row .cont select {float:left; height:46px; font-size:1.3rem; border-radius:6px 0px 0px 6px; padding:0 20px; width:33.3%; border-color:#e9e9e9;}
.submit_form .submit_row .cont.tel .text_input {float:left; width:33.3%; border-left:0; border-radius:0;}
.submit_form .submit_row .cont.tel .text_input:last-child {border-radius:0px 6px 6px 0px;}
.submit_form .submit_row .comment {font-size:1.3rem; color:#df0000; line-height:1; padding-top:6px;}


/* 레이어팝업 */
.popup_layer {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.3); z-index:9999;}
.popup_layer * {box-sizing:border-box;}
.popup_layer .popup_wrap {display:table; width:100%; height:100%; vertical-align:middle;}
.popup_layer .popup_wrap .popup {display:table-cell; vertical-align:middle;}
.popup_layer .popup_container {position:relative; overflow:hidden; margin:auto; width:calc(100% - 30px); max-width:590px; border-radius:15px; background:#fff;}
.popup_layer .popup_title {width:100%; height:70px; line-height:70px; padding:0 25px; overflow:hidden; font-weight:normal; text-align:center; color:#000; background:#fff; }
.popup_layer .popup_title .title {font-size:1.9rem; display:inline-block; float:left;}
.popup_layer .popup_title .txt {font-size:13px; display:inline-block; margin-left:15px; opacity:.75;}
.popup_layer .popup_title .btn_popup_close {float:right; border:0; width:60px; height:70px; text-indent:-99999px; background:url("../../images/common/btn_close.png?ver=1.1") right center no-repeat; background-size:21px;}
.popup_layer .popup_content {position:relative; width:100%; max-height:600px; overflow-y:auto; padding:0 25px 25px;}
.popup_layer .popup_bottom {padding-top:20px; position:relative; width:100%; overflow:hidden;}
.popup_layer .popup_bottom .btn {float:left; width:calc(50% - 4px); margin-right:8px;}
.popup_layer .popup_bottom .btn:last-child {margin-right:0;}
.popup_layer .popup_bottom .btn_sub {background:#888888; color:#fff;}


.view_sore .section {width:100%; text-align:left; padding-bottom:38px; margin-bottom:35px; font-size:14px; border-bottom:1px dashed #ddd; line-height:1.5;}
.view_sore .section h6 {font-size:18px; margin-bottom:20px; text-align:center;}



.container_review {position:relative; width:100%; overflow:hidden; padding-top:50px;}
.container_review * {padding:0; margin:0; box-sizing:border-box;}
.container_review .review_title {position:relative; overflow:hidden; width:100%; padding-bottom:9px; border-bottom:2px solid #000; margin-bottom:18px;}
.container_review .review_title .left_title {display:inline-block; overflow:hidden; font-size:0; line-height:1;}
.container_review .review_title .left_title .title {font-size:18px; font-weight:bold; line-height:1; margin-bottom:9px; display:block;}
.container_review .review_title .left_title .txt {font-size:13px; color:#888; line-height:18px;}
.container_review .review_title .btn_review {position:absolute; bottom:15px; right:0; border-radius:3px; background:#232323; width:100px; height:34px; font-size:13px; color:#fff; border:0; cursor:pointer;}
.container_review .review_head {position:relative; width:100%; margin-bottom:30px;}
.container_review .review_head .row {width:100%; overflow:hidden; font-size:0; margin-bottom:16px;}
.container_review .review_head .row .review_point {margin-right:15px; display:inline-block; vertical-align:middle;}
.container_review .review_head .row .point {font-size:18px; font-weight:bold; display:inline-block; vertical-align:middle;}
.container_review .review_head .thumb_list {width:100%; overflow:hidden; font-size:0; white-space:nowrap; }
.container_review .review_head .thumb_list li {position:relative; width:calc(25% - 6px); aspect-ratio:1/1; margin-right:8px; display:inline-block; vertical-align:top; border:1px solid #eee;}
.container_review .review_head .thumb_list li:nth-child(8) {margin-right:0;}
.container_review .review_head .thumb_list li .overlay {cursor:pointer; display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:39px; background:url("../../images/shop/review_more.png") center no-repeat rgba(0,0,0,0.7); background-size:24px; text-align:center; color:#fff;}
.container_review .review_head .thumb_list li .overlay span {display:none; color:#fff; font-size:16px;}
.container_review .review_head .thumb_list li:nth-child(4) .overlay {display:block;}
.container_review .review_head .thumb_list li img {width:100%; height:100%;}
.container_review .area_review {position:relative; width:100%; min-height:300px;} 
.container_review .area_review .area_title {position:relative; width:100%; overflow:hidden; padding-bottom:12px; border-bottom:1px solid #000;}
.container_review .area_review .area_title .title {float:left; font-size:15px; line-height:1;}
.container_review .area_review .area_title .review_array {display:none; float:right; font-size:0px; line-height:1;}
.container_review .area_review .area_title .review_array li {position:relative; display:inline-block; vertical-align:middle; font-size:13px; color:#888; padding-right:11px; margin-right:10px;}
.container_review .area_review .area_title .review_array li:after {position:absolute; right:0; top:50%; margin-top:-7px; content:""; width:1px; height:14px; background:#ddd;}
.container_review .area_review .area_title .review_array li:last-child {margin-right:0; padding-right:0;}
.container_review .area_review .area_title .review_array li:last-child:after {display:none;}
.container_review .area_review .area_title .review_array li a {text-decoration:none; color:#888;}
.container_review .area_review .column {position:relative; width:100%; padding:22px 0 25px; border-bottom:1px solid #ddd;}
.container_review .area_review .column .review_top {position:relative; width:100%; margin-bottom:15px;}
.container_review .area_review .column .review_top .review_point {width:60px; height:12px; margin-right:10px; background-size:12px !important;}
.container_review .area_review .column .review_top .review_point .point {background-size:12px;}
.container_review .area_review .column .review_top .review_point li {margin-right:4px;}
.container_review .area_review .column .review_top .review_point li:last-child {margin-right:0;}
.container_review .area_review .column .review_top .review_point li img {width:12px;}
.container_review .review_none {text-align:center; color:#666; height:216px; line-height:176px; font-size:16px;}
.review_data {font-size:0; position:relative; padding-top:3px;}
.review_data li {position:relative; font-size:12px; color:#888; display:inline-block; padding-right:10px; margin-right:9px;}
.review_data li:after {content:""; width:1px; height:10px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-5px;}
.review_data li:last-child {padding-right:0;}
.review_data li:last-child:after {display:none;}
.review_point, .review_data {display:inline-block; vertical-align:middle;}
.container_review .area_review .column .review_btn {position:relative; font-size:0; padding-top:12px;}
.container_review .area_review .column .review_btn li {transition:.2s; height:28px; line-height:27px; text-decoration:none; display:inline-block; vertical-align:top; font-size:13px; color:#666; border:1px solid #dfdfdf; border-right:0;}
.container_review .area_review .column .review_btn li:hover {background:#fafafa;}
.container_review .area_review .column .review_btn li:last-child {border-right:1px solid #dfdfdf;}
.container_review .area_review .column .review_btn li a {display:block; width:100%; height:100%; padding:0 20px; text-decoration:none;}
.container_review .area_review .column .title {font-size:14px; color:#333; line-height:1; margin-bottom:14px;}
.container_review .area_review .column .title a {color:inherit; text-decoration:none;}
.container_review .area_review .column .cont {font-size:13px; color:#666; line-height:18px; margin-bottom:18px;}
.container_review .area_review .column .cont img {width:145px; display:inline-block; vertical-align:top;}
.container_review .area_review .column .thumb_list {width:100%; overflow:hidden; font-size:0;}
.container_review .area_review .column .thumb_list li {display:inline-block; vertical-align:top; width:calc(25% - 6px); aspect-ratio:1/1; margin-right:8px; margin-bottom:8px; border:1px solid #eee;}
.container_review .area_review .column .thumb_list li:nth-child(4n) {margin-right:0;}
.container_review .area_review .column .thumb_list img {width:100%; height:100%;}
.container_review .area_review .column .thumb_list li.active {display:block; width:300px; margin-bottom:8px; aspect-ratio:auto;}
.container_review .area_review .column .thumb_list li.active img {width:100%;}
.container_review .area_review .column .thumb_list li.active:last-child {margin-bottom:0;}
.review_point {width:120px; height:23px; position:relative; overflow:hidden; background:url("../../images/shop/point_star_bg_new.png") center left repeat-x; font-size:0; background-size:24px;}
.review_point .point {width:0; height:100%; background:url("../../images/shop/point_star_new.png") center left repeat-x; background-size:24px;}
.review_point li {display:inline-block; vertical-align:top; margin-right:8px;}
.review_point li:last-child {margin-right:0;}
.review_point li img {width:24px;}
.container_review .review_paging {width:100%; padding-top:40px; margin-top:20px; border-top:1px solid #dfdfdf; text-align:center;}
.container_review .review_paging .paging {margin-top:0; padding-top:0; border-top:0;}
.container_review .review_comment {position:relative; width:100%; padding-top:25px;}
.container_review .review_comment * {box-sizing:border-box; margin:0; padding:0;}
.container_review .review_comment .title {cursor:pointer; display:inline-block; padding-right:20px; font-size:14px; color:#232323; margin-bottom:20px; line-height:1;}
.container_review .review_comment .title.btnToggleClose {background:url("../../images/shop/review_toggle_open.png") right center no-repeat;}
.container_review .review_comment .title.btnToggleOpen {margin-bottom:0; background:url("../../images/shop/review_toggle_close.png") right center no-repeat;}
.container_review .review_comment .area_comment {display:none; position:relative; width:100%; border:1px solid #ddd;}
.container_review .review_comment .area_comment .list_comment {background:#fff; padding:20px 15px; border-bottom:1px solid #ddd; font-size:0;}
.container_review .review_comment .area_comment .list_comment .list {position:relative; overflow:hidden; display:block; width:100%; margin-bottom:20px; border:0;}
.container_review .review_comment .area_comment .list_comment .list:last-child {margin-bottom:0;}
.container_review .review_comment .area_comment .list_comment .list * {display:inline-block; vertical-align:top; font-size:12px; line-height:17px;}
.container_review .review_comment .area_comment .list_comment .list .nick {font-weight:bold; font-style:normal; width:60px;}
.container_review .review_comment .area_comment .list_comment .list .txt {position:relative; color:#666666; width:calc(100% - 60px);}
.container_review .review_comment .area_comment .list_comment .list .date {display:block; color:#888; padding-left:60px; padding-top:6px;}
.container_review .review_comment .area_comment .list_comment .list .date .btn_comment_del {display:inline-block; vertical-align:bottom; position:relative; top:3px; margin-left:10px;}
.container_review .review_comment .area_comment .write_comment {position:relative; font-size:0; width:100%; background:#f9f9f9; padding:10px;}
.container_review .review_comment .area_comment .write_comment .btn_review_comment {width:60px; height:30px; position:absolute; right:20px; top:50%; margin-top:-15px; background:#232323; color:#fff; font-size:12px; cursor:pointer; border:0;}
.container_review .review_comment .area_comment .write_comment .text_review_comment {width:100%; border:1px solid #ddd; padding:15px; font-size:12px; resize:none; padding-right:60px;}
.container_review .review_comment .area_comment .write_comment .text_review_comment:focus {outline:none;}



/* 리뷰 팝업 */
.popup_review {position:fixed; z-index:1;  width:100%; height:100%; overflow-y:auto; top:0; left:0; display:none; z-index:100;}
.popup_review * {box-sizing:border-box; margin:0; padding:0; color:#232323; border-radius:0;}
.popup_review .popup_review_form {position:fixed; width:100%; height:100%; top:0%; left:0%; right:0; background:#fff; max-width:480px; height:calc(100vh -  10px); overflow-y:auto; margin:auto;}
.popup_review .popup_review_form .popup_review_title {position:relative; width:100%; height:57px; line-height:56px; border-bottom:1px solid #dfdfdf; padding:0 20px;}
.popup_review .popup_review_form .popup_review_title .title {font-size:18px; font-weight:bold; color:#000;}
.popup_review .popup_review_form .popup_review_title .title .swiper-pagination {display:inline-block; width:auto; bottom:0; font-size:18px; font-weight:bold; position:relative;}
.popup_review .popup_review_form .popup_review_title .title .swiper-pagination .swiper-pagination-current {font-weight:bold;}
.popup_review .popup_review_form .popup_review_title .title .swiper-pagination .swiper-pagination-total {font-weight:normal;}
.popup_review .popup_review_form .popup_review_title .btn_review_close {position:absolute; top:0; text-indent:-9999px; right:0; cursor:pointer; border:0; width:56px; height:56px; background:url("../../images/shop/btn_review_close.png") center no-repeat; background-size:23px;}
.popup_review .popup_review_form .popup_review_title .counter {display:inline-block; font-weight:normal;}
.popup_review .popup_review_form .popup_review_cont {position:relative; width:100%;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form {width:100%; padding:20px 15px 10px 15px;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .row {position:relative; width:100%; margin-bottom:20px;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .row:last-child {margin-bottom:0;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .row .tit {font-weight:bold; font-style:normal; line-height:1; width:100%; display:block; margin-bottom:9px; font-size:15px;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .select_review, .popup_review .popup_review_form .popup_review_cont .review_submit_form .text_review {height:44px; border:1px solid #dfdfdf; padding:0 20px; font-size:13px;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .select_review {width:auto; padding-right:55px; background:url("../../images/shop/select_review_arrow.png") calc(100% - 15px) center no-repeat; -webkit-appearance: none; -moz-appearance: none;appearance:none; background-size:13px;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .select_review::-ms-expand { display: none;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .text_review {width:100%;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .text_review:focus {outline:none;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .text_review.textarea {padding:15px; height:150px; resize:none; overflow-y:auto;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .row .btn_review_thumb {width:100%; height:40px; margin-bottom:10px; font-size:13px; border:1px solid #dfdfdf; cursor:pointer; font-weight:bold; padding-left:30px; background:url("../../images/shop/btn_review_thumb.png") calc(50% - 40px) no-repeat; background-size:19px;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .row .review_thumb_list {width:100%; overflow:hidden;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .row .review_thumb_list li {position:relative; width:calc(20% - 8px); aspect-ratio:1/1; margin-bottom:10px; border:1px solid #dfdfdf; display:inline-block; vertical-align:top; margin-right:10px;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .row .review_thumb_list li:nth-child(5n) {margin-right:0;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .row .review_thumb_list li:last-child {margin-right:0;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .row .review_thumb_list li img {width:100%; height:100%;}
.popup_review .popup_review_form .popup_review_cont .review_submit_form .row .review_thumb_list li .btn_review_thumb_del {border:0; cursor:pointer; position:absolute; top:0px; right:0px; width:24px; height:24px; background:url("../../images/shop/btn_review_thumb_del.png") center no-repeat rgba(0,0,0,0.5); background-size:14px; text-indent:-9999px; font-size:0; display:block;}
.popup_review .popup_review_form .popup_review_bottom {position:relative; width:100%; font-size:0; padding:15px 15px 30px; border-top:1px solid #dfdfdf;}
.popup_review .popup_review_form .popup_review_bottom .btn_review_popup {cursor:pointer; display:inline-block; width:calc(50% - 3px); height:44px; margin-right:6px; background:#fff; border:1px solid #dfdfdf; font-size:14px; color:#333;}
.popup_review .popup_review_form .popup_review_bottom .btn_review_popup.main {background:#232323; border-color:#232323; color:#fff; font-weight:bold;}
.popup_review .popup_review_form .popup_review_bottom .btn_review_popup:last-child {margin-right:0;}
.popup_review .popup_review_form .popup_gallery_cont {position:relative; width:100%; height:calc(100vh - 80px); overflow-y:auto; overflow-x:hidden; font-size:0; padding:15px;}
.popup_review .popup_review_form .popup_gallery_cont .list_gallery_cont {position:relative; width:100%}
.popup_review .popup_review_form .popup_gallery_cont .list_gallery_cont li img {width:100%; height:100%;}
.popup_review .popup_review_form .popup_gallery_cont .list_gallery_cont li {cursor:pointer; display:inline-block; vertical-align:top; width:calc(25% - 6px); aspect-ratio:1/1; margin-right:8px; margin-bottom:8px; border:1px solid #eee;}
.popup_review .popup_review_form .popup_gallery_cont .list_gallery_cont li:nth-child(4n) {margin-right:0;}
.popup_review .popup_detail_form {position:relative; width:100%;}
.popup_review .popup_detail_form .detail_thumb {position:relative; width:100%; height:100%; text-align:center; background:#000; aspect-ratio:1/1; background-size:contain !important; border-bottom:1px solid #eee; box-sizing:content-box;}
.popup_review .popup_detail_form .detail_thumb img {height:100%;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-prev, .popup_review .popup_detail_form .detail_thumb .swiper-button-next {width:40px; height:80px; background-size:100% !important; margin-top:-40px; opacity:1;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-prev {background:url("../../images/shop/btn_review_prev.png") center no-repeat; left:0;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-next {background:url("../../images/shop/btn_review_next.png") center no-repeat; right:0;}
.popup_review .popup_detail_form .detail_thumb_list {width:100%; overflow:hidden; font-size:0; padding:10px 15px; box-sizing:border-box;}
.popup_review .popup_detail_form .detail_thumb_list li {opacity:.6; cursor:pointer; display:inline-block; vertical-align:top; width:calc(25% - 6px) !important; aspect-ratio:1/1; margin-right:8px; border:1px solid #eee;}
.popup_review .popup_detail_form .detail_thumb_list .swiper-slide-thumb-active{opacity:1; border:2px solid #000;}
.popup_review .popup_detail_form .detail_thumb_list img {width:100%; height:100%;}

/* 리뷰상세 보류
.popup_review .popup_detail_form .detail_thumb {position:relative; width:100%; height:100%; text-align:center; background:#000; aspect-ratio:1/1; background-size:contain !important; border-bottom:1px solid #eee; box-sizing:content-box;}
.popup_review .popup_detail_form .detail_thumb img {height:100%;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-prev, .popup_review .popup_detail_form .detail_thumb .swiper-button-next {width:40px; height:80px; background-size:100% !important; margin-top:-40px; opacity:1;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-prev {background:url("../../images/shop/btn_review_prev.png") center no-repeat; left:0;}
.popup_review .popup_detail_form .detail_thumb .swiper-button-next {background:url("../../images/shop/btn_review_next.png") center no-repeat; right:0;}
.popup_review .popup_detail_form .detail_cont {width:100%; padding:20px 15px;}
.popup_review .popup_detail_form .detail_cont .detail_top {position:relative; width:100%; margin-bottom:14px; font-size:0;}
.popup_review .popup_detail_form .detail_cont .detail_top .review_point {width:76px; margin-right:10px; background-size:16px !important;}
.popup_review .popup_detail_form .detail_cont .detail_top .review_point li {margin-right:4px;}
.popup_review .popup_detail_form .detail_cont .detail_top .review_point li:last-child {margin-right:0;}
.popup_review .popup_detail_form .detail_cont .detail_top .review_point li img {width:12px;}
.popup_review .popup_detail_form .detail_cont .detail_title {font-size:18px; color:#333; margin-bottom:14px; line-height:1;}
.popup_review .popup_detail_form .detail_cont .cont {font-size:13px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd; color:#333; line-height:18px; }
.popup_review .popup_detail_form .detail_cont .cont img {max-width:100%;}
.popup_review .popup_detail_form .detail_cont .detail_thumb_list {width:100%; overflow:hidden; font-size:0;}
.popup_review .popup_detail_form .detail_cont .detail_thumb_list li {opacity:.6; cursor:pointer; display:inline-block; vertical-align:top; width:calc(25% - 6px); aspect-ratio:1/1; margin-right:8px; margin-bottom:8px; border:1px solid #eee;}
.popup_review .popup_detail_form .detail_cont .detail_thumb_list li:nth-child(4n) {margin-right:0;}
.popup_review .popup_detail_form .detail_cont .detail_thumb_list .swiper-slide-thumb-active{opacity:1; border:2px solid #000;}
.popup_review .popup_detail_form .detail_cont .detail_thumb_list img {width:100%; height:100%;}
*/
.popup_review.detail .popup_review_form .popup_review_cont	{padding-bottom:50px;}
.popup_review.detail .popup_review_form .popup_review_bottom {position:fixed; bottom:0; left:0; right:0; max-width:480px; padding-bottom:15px; background:#fff; z-index:10; margin:auto; border-top:0;}



/* 대시보드오토십1 */
.area_dashboard1 {position:relative; width:100%; color:#000; padding:30px 20px 0px; box-sizing:border-box;}
.area_dashboard1 * {font-family:"NotoSans"; box-sizing:border-box;}
.area_dashboard1 .tab_dashboard {width:100%; text-align:center; overflow:hidden; margin-bottom:30px; border-radius:50px; background:#eee;}
.area_dashboard1 .tab_dashboard li {cursor:pointer; transition:.1s; width:50%; height:44px; line-height:44px; letter-spacing:-1px; font-size:14px; float:left; display:inline-block;}
.area_dashboard1 .tab_dashboard li a {display:block; width:100%; height:100%;}
.area_dashboard1 .tab_dashboard li.active {background:#c20f2f; color:#fff; font-weight:bold; border-radius:50px;}
.area_dashboard1 .tab_dashboard li:hover {opacity:.8;}
.area_dashboard1 .subtab_dashboard {width:100%; overflow:hidden; margin-bottom:15px; font-size:0;}
.area_dashboard1 .subtab_dashboard li {position:relative; cursor:pointer; transition:.1s; font-size:15px; color:#888; border-bottom:1px solid #fff; display:inline-block; padding-bottom:5px; margin-right:31px;}
.area_dashboard1 .subtab_dashboard li:after {content:""; position:absolute; top:6px; right:-16px; width:1px; height:11px; background:#eee;}
.area_dashboard1 .subtab_dashboard li.active {color:#c80c2d; border-bottom:1px solid #c80c2d; font-weight:bold;}
.area_dashboard1 .subtab_dashboard li:last-child {padding-right:0;}
.area_dashboard1 .subtab_dashboard li:last-child:after {display:none;}
.area_dashboard1 .tab-cont {display:none;}
.area_dashboard1 .row {position:relative; width:100%; margin-bottom:20px; overflow:hidden; font-size:0;}
.area_dashboard1 .row .row_title {width:100%; margin-bottom:15px; position:relative; overflow:hidden; text-align:center;}
.area_dashboard1 .row .row_title .select {display:block; font-size:12px; width:100%; padding:0 10px; border-color:#999;}
.area_dashboard1 .row .row_title .subtab_dashboard {display:inline-block; width:auto; margin-bottom:20px;}
.area_dashboard1 .row .box {position:relative; display:inline-block; vertical-align:top; font-size:14px; margin-bottom:15px; width:100%;}
.area_dashboard1 .row .box:last-child {margin-right:0;}
.area_dashboard1 .row .box.wrap {max-height:450px; overflow-y:auto; background:#fff; border:1px solid #999;}
.area_dashboard1 .row .box .area_title {width:100%; text-align:center; height:44px; line-height:44px; background:#333; color:#fff; font-size:14px; font-weight:bold;}
.area_dashboard1 .row .box .table {width:100%; border-collapse:collapse;}
.area_dashboard1 .row .box .table th, .area_dashboard1 .row .box .table td {border:1px solid #999; text-align:center; padding:5px 3px; height:26px; font-size:12px;}
.area_dashboard1 .row .box .table th {background:#f4f4f4;}
.area_dashboard1 .row .box .table td {color:#666; background:#fff;}
.area_dashboard1 .row .box .table td.cursor:hover {cursor:pointer; background:#f6f6f6; text-decoration:underline; transition:.1s;}
.area_dashboard1 .row .box .table td.tright {text-align:right;}
.area_dashboard1 .row .box .table td.tleft {text-align:left;}
.area_dashboard1 .row .box .table.min th, .area_dashboard1 .row .box .table.min td {height:35px; font-size:12px; color:#666; border:1px solid #ccc;}
.area_dashboard1 .row .box .table.min th {background:#fff;}
.area_dashboard1 .row .box.wrap .table {height:auto;}
.area_dashboard1 .row .box.wrap .table th {position:sticky; top:0; left:0; border-top:0; border-bottom:0;}
/*
.area_dashboard1 .row .box.wrap .table th:after {position:absolute; top:50%; margin-top:-4px; content:""; width:8px; height:8px;}
.area_dashboard1 .row .box.wrap .table th.asc:after {background:url("../../images/sub/icon_table_array_up.png") center no-repeat; background-size:100%;}
.area_dashboard1 .row .box.wrap .table th.desc:after {background:url("../../images/sub/icon_table_array_down.png") center no-repeat; background-size:100%;}
*/
.area_dashboard1 .row .box.wrap .table tr th:first-child, .area_dashboard1 .row .box.wrap .table tr td:first-child {border-left:0;}
.area_dashboard1 .row .box.wrap .table tr th:last-child, .area_dashboard1 .row .box.wrap .table tr td:last-child {border-right:0;}
.area_dashboard1 .row .box.wrap .table tr:last-child td {border-bottom:0;}
.area_dashboard1 .row .box.current {padding:15px; padding-top:80px; border:1px solid #999; font-size:0; margin-bottom:40px;}
.area_dashboard1 .row .box.current .title {position:absolute; top:20px; left:0px; width:150px; height:32px; line-height:32px; background:#c80c2d; color:#fff; font-size:16px; text-align:center; border-radius:0px 50px 50px 0px;}
.area_dashboard1 .row .box.current .grade, .area_dashboard1 .row .box.current .list_grade {display:inline-block; vertical-align:middle;}
.area_dashboard1 .row .box.current .grade {position:absolute; top:50%; margin-top:-34px; width:60px; text-align:center;}
.area_dashboard1 .row .box.current .grade img {}
.area_dashboard1 .row .box.current .grade p {font-size:20px; font-weight:600;}
.area_dashboard1 .row .box.current .list_grade {width:100%; padding:0 18px 0 120px; background:url("../../images/sub/icon_grade_arrow_left.png") 70px center no-repeat, url("../../images/sub/icon_grade_arrow_up.png") right center no-repeat;}
.area_dashboard1 .row .box.current .list_grade li {display:block; width:100%; height:16px; line-height:16px; text-align:center; background:#c6c6c6; color:#fff; font-size:11px; margin-bottom:2px;}
.area_dashboard1 .row .box.current .list_grade li.on {background:#c80c2d; color:#fff; font-weight:bold;}
.area_dashboard1 .row .box.user {width:100%;}
.area_dashboard1 .row .box.user .select {width:100%; height:50px; font-size:14px; padding-left:5px; margin-bottom:10px; border-color:#666; background:#fffee3; font-weight:bold;}
.area_dashboard1 .row .box.user .name {background:#454545; color:#fff; text-align:center; height:40px; line-height:40px; font-size:14px; margin-bottom:10px;}
.area_dashboard1 .row .box.user .list_status {width:100%; font-size:0; margin-bottom:10px;}
.area_dashboard1 .row .box.user .list_status li {width:calc(33.3% - 6px); border:1px solid #ccc; line-height:1; padding:32px 0px;  background:#f4f4f4; font-size:14px; text-align:center; margin-right:9px; display:inline-block; vertical-align:top;}
.area_dashboard1 .row .box.user .list_status li em {font-style:normal; display:block; margin-bottom:10px;}
.area_dashboard1 .row .box.user .list_status li p {font-weight:bold; font-size:16px; height:16px; color:#c20f2f;}
.area_dashboard1 .row .box.user .list_status li:last-child {margin-right:0;}
.area_dashboard1 .row .box.user .timer {background:#fff; font-size:12px; border:1px solid #ccc; text-align:center; height:35px; line-height:35px; width:100%;}
.area_dashboard1 .row .box.cal {display:none; padding:0;}
.area_dashboard1 .row .box.cal .select_cal {border:0; text-align:center; width:100%; height:50px; line-height:50px; padding-left:15px; background:#333; color:#fff; font-size:16px; font-weight:bold;}
.area_dashboard1 .row .box.cal .list_month {width:100%; font-size:0;  border:1px solid #999;}
.area_dashboard1 .row .box.cal .list_month li {display:inline-block; vertical-align:top; width:33.3%; color:#999; text-align:center; font-size:16px; height:75px; line-height:75px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.area_dashboard1 .row .box.cal .list_month li:nth-child(3n) {margin-right:0; border-right:0;}
.area_dashboard1 .row .box.cal .list_month li.on {background:#52c0ff; color:#fff;}
.area_dashboard1 .row .box.chart {text-align:center; border:1px solid #999;}
.area_dashboard1 .row .box.chart .dashboard_chart {width:100%; position:relative; overflow:hidden; padding:30px 0; }
.area_dashboard1 .row .box.chart .dashboard_chart .title {font-weight:normal; display:block; font-size:14px; margin-bottom:20px;}
.area_dashboard1 .row .box.chart .dashboard_chart .title b {font-weight:bold;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart {position:relative; width:270px; margin:auto; left:35px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_div {position:relative; width:230px; height:26px; line-height:26px; background:#ccc; margin-bottom:10px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_div .percent {width:auto; background:#d83a4c; color:#fff; height:100%; font-size:12px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_div .label {position:absolute; top:0; left:-45px; font-size:12px; font-weight:bold;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index {position:relative; width:230px; height:24px; margin-bottom:15px; text-align:center; border-top:1px solid #dddddd; padding-top:6px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li {position:absolute; display:inline-block; float:left; color:#888; font-size:12px; margin-left:-18px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li:first-child {margin-left:-10px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label {width:100%; left:-25px; position:relative; text-align:center; font-size:0;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label {display:inline-block; vertical-align:middle; margin-right:20px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label div, .area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label span {display:inline-block; vertical-align:middle;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label div {width:15px; height:15px; margin-right:7px; background:#ccc;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label span {font-size:12px;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label.on div {background:#d83a4c;}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_label .label:last-child {margin-right:0;}
/*
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li:after {position:absolute; top:-127px; left:61%; width:1px; height:120px; border-left:1px dashed #ddd; content:"";}
.area_dashboard1 .row .box.chart .dashboard_chart .area_chart .chart_index li:first-child:after {display:none;}
*/
.area_dashboard1 .row .in_row {position:relative; margin-bottom:10px;}
.area_dashboard1 .row:last-child {margin-bottom:0;}


/* 대시보드오토십2 */
.area_dashboard2 {position:relative; width:100%; color:#000;}
.area_dashboard2 * {box-sizing:border-box;}
.area_dashboard2 .select_chapter {width:100%; text-align:center; margin-bottom:40px; font-size:0;}
.area_dashboard2 .select_chapter .cal, .area_dashboard2 .select_chapter .date {display:inline-block; vertical-align:top; height:40px; line-height:40px;}
.area_dashboard2 .select_chapter .cal {width:40px;}
.area_dashboard2 .select_chapter .cal img {width:100%;}
.area_dashboard2 .select_chapter .date {padding:0 30px; font-size:24px; font-weight:bold;}
.area_dashboard2 .year {text-align:center; width:100%; margin-bottom:10px; font-size:15px; font-weight:normal;}
.area_dashboard2 .select_chapter.cal { margin-bottom:30px;}
.area_dashboard2 .select_chapter.cal .cal, .area_dashboard2 .select_chapter.cal .date {height:20px; line-height:20px;}
.area_dashboard2 .select_chapter.cal .cal {width:20px;}
.area_dashboard2 .select_chapter.cal .date {padding:0 20px; font-size:30px; letter-spacing:2px; font-weight:900; color:#ea493b;}
.area_dashboard2 .update {text-align:right; width:100%; margin-bottom:20px; padding:5px 15px 0px; color:#666;}
.area_dashboard2 .row {position:relative; width:100%; margin-bottom:30px; padding-bottom:32px;}
.area_dashboard2 .row .title {text-align:center; font-size:20px; line-height:1; margin-bottom:20px; display:block; font-weight:700; letter-spacing:-1px;}
.area_dashboard2 .row .box_notice {position:relative; width:100%; border:4px solid #eee; font-size:14px; padding:20px;}
.area_dashboard2 .row .box_notice h5 {font-weight:bold; font-size:16px; margin-bottom:5px;}
.area_dashboard2 .row .box_notice p {font-size:16px; color:#666;}
.area_dashboard2 .row .table {width:100%; border-collapse:collapse;}
.area_dashboard2 .row .table th, .area_dashboard2 .row .table td {padding:5px; height:32px; border:1px solid #ddd; text-align:center; font-size:12px;}
.area_dashboard2 .row .table th {height:44px; top:0; left:0; background:#575b69; border-color:#838793; color:#fff; font-weight:bold;}
.area_dashboard2 .row .table .s-th th {height:32px;}
.area_dashboard2 .row .table td {color:#333;}
.area_dashboard2 .row .table_wrap {position:relative; max-height:360px; overflow-y:auto; border:1px solid #ddd;}
.area_dashboard2 .row .table_wrap .table tr:last-child td {border-bottom:0;}
.area_dashboard2 .row .table_wrap .table tr:first-child th {border-top:0;}
.area_dashboard2 .row .table_wrap .table tr th {position:sticky;}
.area_dashboard2 .row .table_wrap .table tr th:first-child, .area_dashboard2 .row .table_wrap .table tr td:first-child {border-left:0;}
.area_dashboard2 .row .table_wrap .table tr th:last-child, .area_dashboard2 .row .table_wrap .table tr td:last-child {border-right:0;}
.area_dashboard2 .row .table_cal {width:100%; margin:auto; border-collapse:collapse; border-bottom:1px solid #ddd; }
.area_dashboard2 .row .table_cal tr th:first-child {background:#dd4133;}
.area_dashboard2 .row .table_cal tr td:first-child {background:#f9f9f9;}
/*
.area_dashboard2 .row .table_cal tr th:first-child, .area_dashboard2 .row .table_cal tr td:first-child {color:#c00000;}
*/
.area_dashboard2 .row .table_cal th, .area_dashboard2 .row .table_cal td {text-align:center; color:#2a2a2a; aspect-ratio:1/1; font-size:12px; }
.area_dashboard2 .row .table_cal th {background:#ea493b; color:#fff; height:50px; font-size:14px;}
.area_dashboard2 .row .table_cal td {position:relative; height:80px; padding:25px 0px 15px; border-bottom:1px solid #eee;}
.area_dashboard2 #calendar_active .row .table_cal td {height:100px;}
.area_dashboard2 .row .table_cal td .day {position:absolute; top:10px; left:10px; font-weight:bold; font-size:12px;}
.area_dashboard2 .row .table_cal td ul {position:absolute; bottom:10px; left:0;}
.area_dashboard2 .row .table_cal td .list1 {width:100%; text-align:right;}
.area_dashboard2 .row .table_cal td .list1 li {width:100%; display:block; font-size:12px; font-weight:bold; color:#ec2c1c;}
.area_dashboard2 .row .table_cal td .list2 {text-align:left; right:0; left:0px;}
.area_dashboard2 .row .table_cal td .list2 li {width:100%; display:block; font-size:0; margin-bottom:5px; overflow:hidden; height:15px; line-height:15px; border-radius:3px;}
.area_dashboard2 .row .table_cal td .list2 li:last-child {margin-bottom:0;}
.area_dashboard2 .row .table_cal td .list2 li em, .area_dashboard2 .row .table_cal td .list2 li span {display:inline-block; font-size:12px;}
.area_dashboard2 .row .table_cal td .list2 li span b {display:none;}
.area_dashboard2 .row .table_cal td .list2 li em {font-style:normal; width:15px; height:15px; text-align:center; border-radius:3px; color:#fff; font-weight:bold; margin-right:3px;}
.area_dashboard2 .row .table_cal td .list2 li.state1 {background:#f4e2e0;}
.area_dashboard2 .row .table_cal td .list2 li.state1 em {background:#de6055;}
.area_dashboard2 .row .table_cal td .list2 li.state2 {background:#e6f2f6;}
.area_dashboard2 .row .table_cal td .list2 li.state2 em {background:#4fa0d5;}
.area_dashboard2 .row .table_cal td .list2 li.state3 {background:#e7f8f0;}
.area_dashboard2 .row .table_cal td .list2 li.state3 em {background:#47a992;}
.area_dashboard2 .row .table_cal td .list2 li.state4 {background:#ebe4aa;}
.area_dashboard2 .row .table_cal td .list2 li.state4 em {background:#d89428;}
.area_dashboard2 .row .table_cal td .list2 li.state5 {background:#ccc;}
.area_dashboard2 .row .table_cal td .list2 li.state5 em {background:#999;}
.area_dashboard .row:last-child {margin-bottom:0;}
																					

																			
/* 인트로팝업 */
.intro_popup {position:fixed; top:0; left:0; right:0; width:100%; max-width:480px; margin:auto; z-index:100; background:#fff;}
.intro_popup .slider_intro {position:relative; width:100%; height:100vh;}
.intro_popup .slider_intro .intro {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important;}
.intro_popup .slider_intro img {width:100%;}
.intro_popup .swiper-pagination {left:0; right:0; margin:auto; bottom:76px; width:80px; height:36px; line-height:36px; border-radius:40px; background:rgba(0,0,0,0.4); color:#fff; font-size:13px;}
.intro_popup .btn_intro_close {position:absolute; top:30px; right:20px; width:20px; height:20px; background:url("../../images/common/btn_intro_close.png") center no-repeat; background-size:20px; z-index:100;}
.intro_popup .intro_footer {position:absolute; bottom:0; left:0; text-align:right; width:100%; height:46px; line-height:46px; padding:0 20px; background:#fff; font-weight:bold; font-size:14px; z-index:100; background:#f9f9f9; border-top:1px solid #e3e3e3;}