@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0
 * Directory    :    pages/css/
 * File         :    c_design.css
 * SUMMARY      :    공통사용
 */



/* 모바일버전 돌아가기 */
#backToMobile {text-align:center; background:rgba(0,0,0,0.1); padding:5em; border-top:1px solid rgba(0,0,0,0.2);}
#backToMobile a {display:inline-block; background:#333; padding:0.5em 1em; font-size:4.5em; color:#fff; border-radius:100px;}



/* ********************************************** *
 * 공통 버튼
 * ********************************************** */
.c_btnbox {text-align:center; margin-top:30px;}
.c_btnbox ul {display:inline-block; margin-left:-10px}
.c_btnbox li {list-style:none; display: inline-block;vertical-align: top;}

/* 기본 a버튼 */
.c_btn {display: inline-block;vertical-align: top;background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px;border-radius: 5px; overflow:hidden; white-space:nowrap; text-decoration:none !important; text-align:center !important;}
.c_btn {color:#666 ; font-weight:400 ; font-size:12px; margin-left:5px}
div.c_btn {cursor:default !important; display:inline-block !important;}

/* 버튼 크기 */
.c_btn.h22 {height: 30px;line-height: 28px;padding: 0 15px;letter-spacing: -0.5px;font-size: .9rem !important;color: #999 !important;}
.c_btn.h30 {height:30px; line-height:26px; letter-spacing:-0.5px; font-size:.9rem !important;}
.c_btn.h40 {height:40px; line-height:36px; padding:0 20px; letter-spacing:-0.5px; font-size:.9rem !important;}
.c_btn.h55 {height:55px; line-height:50px; padding:0 50px; letter-spacing:-1px; font-size:17px !important; font-weight:600;}


/* 버튼 반응형 */
@media screen and (max-width: 768px) {
	.c_btnbox {margin-top:20px;}
	.c_btnbox ul {display:block; margin:0; text-align:center;}
	.c_btnbox li {float:none; display:inline-block; }
	.c_btn.h55 {height:50px; line-height:45px; padding:0 30px; font-size:16px !important;}
	.c_btn.h40 {height:40px; line-height:38px; padding:0 10px; font-size:0.9rem !important;}
	.c_btn.h30 {height:30px; line-height:28px; padding:0 15px; font-size:0.9rem !important;}
}

@media screen and (max-width: 480px) {
	.c_btnbox {margin-top:15px;}
	.c_btnbox li {margin:3px;}
	.c_btn {margin-right:3px;}
	.c_btn.h55 {height:45px; line-height:40px; padding:0 20px; font-size:15px !important;}
	.c_btn.h40 {height:40px; line-height:35px; padding:0 15px; font-size:0.85rem !important;}
	.c_btn.h30 {height:35px; line-height:30px; padding:0 12px; font-size:0.85rem !important;}
}

/* 버튼 컬러 */
.c_btn.black {background:#1e1e1e !important; border-color:#1e1e1e !important; color:#fff !important;}
a.c_btn.black:hover {background:#000 !important; border-color:#000 !important; }
.c_btn.dark {background:#1e1e1e !important; border-color:#1e1e1e !important; color:#fff !important;}
a.c_btn.dark:hover {background:#000 !important; border-color:#000 !important; }
.c_btn.light {background:#999 !important; border-color:#999 !important; color:#fff !important;}
a.c_btn.light:hover {background:#666 !important; border-color:#666 !important; }
.c_btn.color {background:#cd3726 !important; border-color:#cd3726 !important; color:#fff !important;}
a.c_btn.color:hover {background:#cb1500 !important; border-color:#cb1500 !important; }
.c_btn.blue {background:#1d3466 !important; border-color:#1d3466 !important; color:#fff !important;}
a.c_btn.blue:hover {background:#102146 !important; border-color:#102146 !important; }


/* 버튼 보더형 */
.c_btn.black.line {color:#1e1e1e !important; background:#fff !important;}
a.c_btn.black.line:hover {background:#efefef !important; color:#000 !important;}
.c_btn.dark.line {color:#1e1e1e !important; background:#fff !important;}
a.c_btn.dark.line:hover {background:#efefef !important; color:#000 !important;}
.c_btn.light.line {color:#1e1e1e !important; background:#fff !important;}
a.c_btn.light.line:hover {background:#efefef !important; color:#000 !important;}
.c_btn.color.line {color:#cd3726 !important; background:#fff !important;}
a.c_btn.color.line:hover {background:#eee !important; color:#cb1500 !important;}

/* 폰트두께 600 */
.c_btn.bold {font-weight:600 !important;}

/* 인풋버튼 */
span.c_btn {padding:0 !important}
.c_btn input {color:#fff;}
.c_btn.h22 input {padding:1px 10px 3px; letter-spacing:-0.5px; font-size:11px !important;}
.c_btn.h30 input {padding:5px 10px 7px; letter-spacing:-0.5px; font-size:12px !important;font-size: 1rem;line-height: 1.2;}
.c_btn.h40 input {padding:10px 20px 12px; letter-spacing:-0.5px; font-size:12px !important;}
.c_btn.h55 input {padding:13px 50px 17px; letter-spacing:-1px; font-size:17px !important; font-weight:600;}

/* 인풋버튼 보더형 */
.c_btn.black.line input {color:#333 !important; background:#fff  !important;}
.c_btn.black.line:hover input {background:#000 !important; border-color:#000 !important; color:#fff !important;}
.c_btn.dark.line input {color:#666 !important; background:#fff  !important;}
.c_btn.dark.line:hover input {background:#555 !important; border-color:#555 !important; color:#fff !important;}
.c_btn.light.line input {color:#999 !important; background:#fff  !important;}
.c_btn.light.line:hover input {background:#888 !important; border-color:#888 !important; color:#fff !important;}
.c_btn.color.line input {color:#cd3726 !important; background:#fff  !important;}
.c_btn.color.line:hover input {background:#cb1500 !important; border-color:#cb1500 !important; color:#fff !important;}









/* ********************************************** *
 * 상태 아이콘
 * ********************************************** */
.c_tag {display:inline-block; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px; overflow:hidden; white-space:nowrap; text-decoration:none !important; text-align:center !important; float:left;}
.c_tag {color:#666 !important; font-weight:400 !important; font-size:12px ; cursor:default}

/* 아이콘 크기 */
.c_tag.h21 {height:21px; line-height:17px; padding:0 10px; letter-spacing:0px; font-size:.9rem !important; color:#999 !important;}
.c_tag.h22 {height:22px; line-height:18px; padding:0 10px; letter-spacing:-0.5px; font-size:.9rem !important; color:#999 !important;}
.c_tag.h23 {height:23px; line-height:19px; padding:0 10px; letter-spacing:-1px; font-size:.9rem !important; color:#999 !important;}
.c_tag.h25 {height:25px; line-height:20px; padding:0 10px; letter-spacing:-1px; font-size:1rem !important; color:#999 !important;}

/* 아이콘 컬러 */
.c_tag.black {background:#333 !important; border-color:#333 !important; color:#fff !important;}
.c_tag.black {background:#333 !important; border-color:#333 !important; color:#fff !important;}
.c_tag.light {background:#333 !important; border-color:#ddd !important; color:#999 !important;}
.c_tag.red {background:#333 !important; border-color:#cd3726 !important; color:#cd3726 !important;}

/* 아이콘 보더형 */
.c_tag.black.line {color:#333 !important; background:#fff  !important;}
.c_tag.light.line {color:#999 !important; background:#fff  !important;}
.c_tag.red.line {color:#cd3726 !important; background:#fff  !important;}









/* ********************************************** *
 * 메인 팝업창 : 관리자 설정
 * **********************************************
.c_popup {position:absolute; left:0; top:0; z-index:9999999; border:1px solid #666;}
.c_popup .img_box {overflow:hidden; background:#fff;}
.c_popup .img_box img {float:left;}
.c_popup .editor_box { overflow-y:auto; background:#fff; padding:25px; box-sizing:border-box;}
.c_popup .close_box {background:#fff; border-top:1px solid #ddd; overflow:hidden;}
.c_popup .close_box label {float:left; font-size:11px; color:#888; padding:7px 8px 8px; line-height:12px; letter-spacing:-1px;}
.c_popup .close_box label:hover {text-decoration:underline;}
.c_popup .close_box input {margin-right:4px; margin-top:1px}
.c_popup .close_box .btn_close {float:right; background:transparent url('../images/c_img/popup_close.gif') center center no-repeat; width:29px; height:29px;} */

.c_popup {position: fixed;left: 0;top: 0 !important;width: 100%;z-index: 9999999;max-width: 100%;height: 100%;background: transparent;padding: 30px;box-sizing: border-box;}
.c_popup {display: flex;justify-content: center;align-items: center;flex-direction: column;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}
.c_popup+ .c_popup {visibility: hidden}
.c_popup .pop_wrap {z-index: 100;position: relative;display: flex;flex-direction: column;justify-content: flex-start;align-items: stretch;max-height: 100%;}
.c_popup .img_box {display: flex;flex-direction: column;justify-content: center;align-items: stretch;}
.c_popup .img_box img {width: 100%;max-width: 900px;max-height: 700px;min-width: 300px;}
.c_popup .img_box a {font-size: 0;width: 100%;}
.c_popup .editor_box {overflow-y: auto;background: #fff;padding: 20px;box-sizing: border-box;max-width: 900px;min-width: 500px;flex: auto;}
.c_popup .close_box {background: #fff;}
.c_popup .close_box ul {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.c_popup .close_box li {list-style: none;flex: 1;}
.c_popup .close_box li+ li {border-left: 1px solid #e5e5e5;box-sizing: border-box;}
.c_popup .close_box .btn {height: 50px;box-sizing: border-box;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.c_popup .close_box .btn .tt {font-size: 13px;line-height: 1;color: #333;font-weight: 500;}
.c_popup .close_box .btn input {position: absolute;left: 0;top: 0;width: 0;height: 0;opacity: 0;filter: alpha(opacity=0);-ms-filter: alpha(opacity=0);}
.c_popup_bg {background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}







/* ********************************************** *
 * 페이지용 팝업창
 * ********************************************** */
.c_pop { position:fixed; width:100%; height:100%; z-index:1000}
.c_pop .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7;  filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity: 70; -moz-opacity: 70;}
.c_pop .pop_wrap {border:1px solid #000; position:absolute; left:50%; top:50%; background:#fff; z-index:10; padding-bottom:30px}
.c_pop .conts_box { max-height:400px; overflow-y:auto}
.c_pop .inner_box {padding:20px;}
.c_pop .pop_title {border-bottom:2px solid #333; text-align:center; font-size:23px; color:#333; padding:20px 0 10px; margin:0 20px; position:relative;}
.c_pop .pop_title .btn_close {position:absolute; right:0; bottom:10px; background:transparent url('../images/c_img/popup_close.gif') center center no-repeat; width:30px; height:30px;}
.c_pop .c_btnbox {border-top:1px solid #ddd; padding-top:30px; margin:0px 20px 0}
.c_pop .c_form {margin-top:0}
.c_pop .pop_guide {text-align:center; background:#f5f5f5; padding:15px; margin:0 20px; border-bottom:1px solid #ddd;}








/* ********************************************** *
 * 기본 내용없음
 * ********************************************** */
.c_none {text-align:center; overflow:hidden; margin:40px 0 40px 0; box-sizing:border-box;}
.c_none .gtxt {background:transparent url('../images/c_img/none.png') center top no-repeat;  color:#aaa !important; letter-spacing:-0.5px; padding-top:80px;}








/* ********************************************** *
 * 기본 페이지네이트
 * ********************************************** */
/* 상품리스트 */
.c_pagi {text-align:center; overflow:hidden; position:relative; clear:both; padding-top:50px;}
.c_pagi a {float:left;}
.c_pagi .nextprev {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; float:left; overflow:hidden; box-sizing:border-box;}
.c_pagi .nextprev .btn {float:left; position:relative; overflow:hidden; height:38px; box-sizing:border-box;}
.c_pagi .nextprev .btn .ok {display:none;}
.c_pagi .nextprev .click .ok {display:block;}
.c_pagi .nextprev .click .no {display:none;}
.c_pagi .nextprev .ok {width:40px; height:40px; border-right:1px solid #dbdbdb;  background:#fff; float:left;}
.c_pagi .nextprev .ok:hover {background:#f5f5f5;}
.c_pagi .nextprev .icon {background:transparent url('../images/c_img/paginate.gif') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.c_pagi .nextprev .no {width:40px; height:40px; border-right:1px solid #dbdbdb; background:#fff;display:block;}
.c_pagi .nextprev .ok .ic_first {background-position:0 0}
.c_pagi .nextprev .ok .ic_prev {background-position:-20px 0}
.c_pagi .nextprev .ok .ic_next {background-position:-40px 0}
.c_pagi .nextprev .ok .ic_last {background-position:-60px 0}
.c_pagi .nextprev .no .ic_first {background-position:0 -20px; }
.c_pagi .nextprev .no .ic_prev {background-position:-20px -20px}
.c_pagi .nextprev .no .ic_next {background-position:-40px -20px}
.c_pagi .nextprev .no .ic_last {background-position:-60px -20px}
.c_pagi .number {float:left; border-left:1px solid #ddd;  margin:0 15px; box-sizing:border-box;}
.c_pagi .number a {line-height:39px; color:#888; padding:0 15px; font-size:14px; border:1px solid #ddd; border-left:0 !important; background:#fff; height:40px; position:relative; box-sizing:border-box;}
.c_pagi .number a:hover {text-decoration:underline; background:#f5f5f5}
.c_pagi .number .hit {color:#333; font-weight:400; border:1px solid #666;}
.c_pagi .number .hit:before {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:40px; background:#666;}
.c_pagi .btn_area {position:absolute; right:0;}

/* 상품상세 게시판 */
.c_pagi_view {text-align:center; overflow:hidden; position:relative; clear:both; padding-top:20px;}
.c_pagi_view a {float:left;}
.c_pagi_view .nextprev { float:left; overflow:hidden; box-sizing:border-box;}
.c_pagi_view .nextprev .btn {float:left; position:relative; overflow:hidden; height:24px; box-sizing:border-box;}
.c_pagi_view .nextprev .btn .ok {display:none;}
.c_pagi_view .nextprev .click .ok {display:block;}
.c_pagi_view .nextprev .click .no {display:none;}
.c_pagi_view .nextprev .ok {width:40px; height:40px;  background:#fff; float:left;}
.c_pagi_view .nextprev .ok:hover {background:#f5f5f5;}
.c_pagi_view .nextprev .icon {background:transparent url('../images/c_img/paginate.png') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.c_pagi_view .nextprev .no {width:40px; height:24px;  background:#fff;display:inline-block}
.c_pagi_view .nextprev .ok .ic_first {background-position:0 0}
.c_pagi_view .nextprev .ok .ic_prev {background-position:-20px 0}
.c_pagi_view .nextprev .ok .ic_next {background-position:-40px 0}
.c_pagi_view .nextprev .ok .ic_last {background-position:-60px 0}
.c_pagi_view .nextprev .no .ic_first {background-position:0 -20px; }
.c_pagi_view .nextprev .no .ic_prev {background-position:-20px -20px}
.c_pagi_view .nextprev .no .ic_next {background-position:-40px -20px}
.c_pagi_view .nextprev .no .ic_last {background-position:-60px -20px}
.c_pagi_view .number {float:left; border-left:1px solid #ddd;  margin:0 5px; box-sizing:border-box;}
.c_pagi_view .number a {line-height:23px; color:#888; padding:0 15px; font-size:14px; border-right:1px solid #ddd; background:#fff; height:24px; position:relative; box-sizing:border-box;}
.c_pagi_view .number a:hover {text-decoration:underline; background:#f5f5f5}
.c_pagi_view .number .hit {color:#333; font-weight:400; }
.c_pagi_view .btn_area {position:absolute; right:0;}








/* ********************************************** *
 * 기본 도움말
 * ********************************************** */
.c_user_guide {border:1px solid #ddd; padding-left:148px; box-sizing:border-box; background:#fafafa url('../images/c_img/ic_guide.png') 43px center no-repeat; margin-top:40px}
.c_user_guide .guide_box {padding:30px 40px; background:#fff;}
.c_user_guide dt {color:#333; font-size:15px; letter-spacing:-1px; font-weight:600; margin-bottom:10px}
.c_user_guide dd {padding-left:8px; position:relative; color:#888; letter-spacing:-0.5px; margin-top:2px}
.c_user_guide dd:before {content:""; position:absolute; left:0; top:8px; width:2px; height:2px; background:#888;}
.c_user_guide dd strong {text-decoration:underline}
.c_user_guide dl+ dl {margin-top:30px}
.c_user_guide .guide_table {padding-left:0}
.c_user_guide .guide_table:before {display:none;}
.c_user_guide .guide_table table {width:100%; table-layout:fixed;}
.c_user_guide .guide_table th {border:1px solid #ddd; padding:5px 5px 7px; font-weight:400; background:#f5f5f5;}
.c_user_guide .guide_table td {border:1px solid #ddd; text-align:center; padding:5px 5px 7px}

@media screen and (max-width: 480px) {
		.c_user_guide {padding-left:0;}
		.c_user_guide .guide_box {padding:20px;}
}

/* **************************************** *
◆ SLIDE MENU (공통)
 * **************************************** */
.slide_wrap_bg {position:fixed; left:0; top:0; z-index:9999999; background:rgba(0,0,0,0.7); width:100%; height:100%; transition-property:none !important; -webkit-transition-property:none !important; }
.close_slide {position:fixed; left:380px; top:0; width:100%; height:100%; z-index:9999999; }

.bnt_slide_close {position:fixed; left:380px; top:0; padding:10px; margin:12px; z-index:9999999999999;}
.bnt_slide_close {background:transparent url('../images/c_img/slide_close.png') center center no-repeat; background-size:20px;}

.slide_wrap {position:fixed; left:0; top:0; z-index:99999999; height:100%; width:100%; box-sizing:border-box; overflow-y:auto; transition-property:none !important; -webkit-transition-property:none !important; }
.slide_wrap li {list-style:none;}
.slide_wrap .slide_inner {background:#fff; padding-bottom:30px; width:380px;overflow: auto;}
.slide_wrap .member_box {background:#fff;}


.slide_wrap .mine {overflow:hidden; position:relative; border-bottom:1px solid #ddd; box-sizing:border-box;}
.slide_wrap .mine ul {display:table; width:100%; box-sizing:border-box;}
.slide_wrap .mine li {display:table-cell; vertical-align:middle; padding:15px 10px; position:relative;}
.slide_wrap .mine li:last-of-type {text-align:right}
.slide_wrap .mine li.this_level {width:40px; padding-right:0px; }
.slide_wrap .mine li.this_btn {width:65px;}
.slide_wrap .mine .name {position:relative; overflow:hidden; font-size:13px; line-height:1;}
/* .slide_wrap .mine .name .icon {border-radius:100px; width:35px; height:35px; overflow:hidden; background:#ccc url('../images/c_img/slide_before.png') center center no-repeat; background-size:12px;}
.slide_wrap .mine .name .icon {position:absolute; left:0; top:0;} */
.slide_wrap .mine .name strong {color:#333;}
.slide_wrap .mine .before {white-space:nowrap; color:#999; font-size:1.1rem; line-height:1.5;}
.slide_wrap .mine .btn_box {display:inline-block; overflow:hidden;}
.slide_wrap .mine .btn_box a {background:#fff; border:1px solid #ddd; border-radius:100px; font-size:1rem; padding:5px 10px; float:left; letter-spacing:-0.5px;}
.slide_wrap .mine .btn_box a+ a {margin-left:5px;}
.slide_wrap .mine .after {display:none; color:#999; font-size:15px;}
.slide_wrap .mine .after .icon {background:#666 url('../images/c_img/slide_after.png') center center no-repeat; background-size:16px;}
.slide_wrap .mine .logout {display:none;}
.slide_wrap .mine.if_login .before {display:none}
.slide_wrap .mine.if_login .login {display:none;}
.slide_wrap .mine.if_login .after {display:inline-block;}
.slide_wrap .mine.if_login .logout {display:inline-block; }

.slide_wrap .mine .level_img {overflow:hidden; font-size:0px; width:40px;}
.slide_wrap .mine .level_img img {width:100%;}
.slide_wrap .mine .level_name {color:#999; font-size:11px; line-height:1; margin-bottom:5px;}



.slide_wrap .my_shopping {overflow:hidden;border-bottom:1px solid #ddd;}
.slide_wrap .my_shopping ul {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border-collapse:separate; border-spacing:0px;}
.slide_wrap .my_shopping li {display:table-cell; text-align:center; padding:5px 0 15px 0;}
.slide_wrap .my_shopping .btn {position:relative;display:block; box-sizing:border-box;text-align:center;}
.slide_wrap .my_shopping .btn img{width: 25px;display: inline-block;margin: 10px;}
.slide_wrap .my_shopping .tx {color:#999; font-size:12px; letter-spacing:-1px; display:block;}
.slide_wrap .my_shopping .num {position:absolute; right:10px; top:3px; height:18px; min-width:18px; border-radius:100px;font-size: .8rem; background:#cd3726; color:#fff; line-height:20px; font-weight:600; overflow:hidden;}


.slide_wrap .nav_box {background:#e6e6e6; padding:15px;}
.slide_wrap .nav_box ul {background:#666; display:table; width:100%; box-sizing:border-box; table-layout:fixed; }
.slide_wrap .nav_box ul {margin-top:-1px;}
.slide_wrap .nav_box li {display:table-cell; text-align:center; border:1px solid #e6e6e6;}
.slide_wrap .nav_box .btn {color:#fff; font-size:13px; letter-spacing:-0.5px; padding:10px 0; display:block;}

.slide_wrap .ctg_box {overflow:hidden;}
.slide_wrap .ctg_box .tit {font-size:16px; letter-spacing:-1px; color:#333; font-weight:500; text-align:center; padding-bottom:6px; border-bottom:1px solid #333;}

/* 1차 메뉴 리스트 */
.slide_wrap .ctg_box > ul {overflow:hidden; margin:0; padding:0;}
.slide_wrap .ctg_box > ul > li {overflow:hidden; border-bottom:1px solid #eee; position:relative;}

/* 1차 메뉴 아이템 영역 */
.slide_wrap .ctg_box > ul > li > .menu_item {position:relative; display:block;}

/* 1차 메뉴 링크 */
.slide_wrap .ctg_box > ul > li > .menu_item > .ctg1 {display:block; font-size:1rem; color:#333; padding:15px 15px; position:relative; letter-spacing:-0.5px; font-weight:500; transition:all 0.3s ease;}
.slide_wrap .ctg_box > ul > li > .menu_item:hover > .ctg1 {background:#f9f9f9;}

/* 화살표 아이콘 */
.slide_wrap .ctg_box > ul > li > .menu_item > .btn_ctrl {position:absolute; right:5px; top:50%; transform:translateY(-50%); width:40px; height:40px; z-index:10; background:transparent url('../images/c_img/slide_open.png') center center no-repeat; background-size:12px !important; transition:all 0.3s ease;}

/* 2차 메뉴 리스트 */
.slide_wrap .ctg_box > ul > li > .sub_menu {display:none; background:#f8f8f8; margin:0; padding:0; border-top:1px solid #e0e0e0;}
.slide_wrap .ctg_box > ul > li > .sub_menu > li {border-bottom:1px solid #e8e8e8; position:relative;}
.slide_wrap .ctg_box > ul > li > .sub_menu > li:last-child {border-bottom:none;}

/* 2차 메뉴 링크 */
.slide_wrap .ctg_box > ul > li > .sub_menu > li > .ctg2 {display:block; color:#666; padding:12px 20px 12px 30px; letter-spacing:-0.5px; position:relative; transition:all 0.3s ease; font-size:13px;}
.slide_wrap .ctg_box > ul > li > .sub_menu > li > .ctg2:before {content:""; width:3px; height:3px; border-radius:50%; background:#999; position:absolute; left:18px; top:50%; transform:translateY(-50%);}
.slide_wrap .ctg_box > ul > li > .sub_menu > li > .ctg2:hover {background:#f0f0f0; color:#333; padding-left:35px;}

/* 열린 상태 */
.slide_wrap .ctg_box > ul > li.if_open > .sub_menu {display:block; animation:slideDown 0.3s ease;}
.slide_wrap .ctg_box > ul > li.if_open > .menu_item > .ctg1 {color:#ef4444; font-weight:600; }
.slide_wrap .ctg_box > ul > li.if_open > .menu_item > .btn_ctrl {transform:translateY(-50%) rotate(180deg); background:transparent url('../images/c_img/slide_fold.png') center center no-repeat; background-size:12px !important;}

/* 2차 메뉴가 없는 경우 */
.slide_wrap .ctg_box > ul > li.if_no2 > .menu_item > .ctg1 {padding-right:15px;}

/* 슬라이드 다운 애니메이션 */
@keyframes slideDown {
  from {
    opacity:0;
    max-height:0;
  }
  to {
    opacity:1;
    max-height:1000px;
  }
}

/* 반응형 터치 영역 개선 */
@media (max-width: 768px) {
  .slide_wrap .ctg_box > ul > li > .menu_item > .ctg1 {padding:18px 50px 18px 15px;}
  .slide_wrap .ctg_box > ul > li > .menu_item > .btn_ctrl {width:50px; height:50px;}
  .slide_wrap .ctg_box > ul > li > .sub_menu > li > .ctg2 {padding:14px 20px 14px 30px;}
}

/* 사이트맵 스타일 */
.slide_wrap .ctg_box.if_sitemap {border-top:20px solid #eee;}
.slide_wrap .ctg_box.if_sitemap > ul > li > .menu_item > .ctg1 {font-size:1rem;}
.slide_wrap .ctg_box.if_sitemap .tit {margin:0 15px 15px;}
.slide_wrap .ctg_box.if_sitemap > ul > li:first-child {border-top:1px solid #eee;}

.slide_wrap .myitem { overflow:hidden; padding:30px 10px; border-top:20px solid #eee; }
.slide_wrap .myitem .tabmenu {overflow:hidden; text-align:center; margin:0 20px 15px;}
.slide_wrap .myitem .tabmenu ul {overflow:hidden;}
.slide_wrap .myitem .tabmenu li {text-align:center; list-style:none; float:left; width:50%;}
.slide_wrap .myitem .tabmenu .tab { color:#939393; display:block;  border-bottom:1px solid #cacaca; padding:10px 5px; font-weight:500; letter-spacing:-0.5px; line-height:17px; box-sizing:border-box;}
.slide_wrap .myitem .tabmenu .hit .tab { color:#000; border-bottom:1px solid #000; }
.slide_wrap .myitem .slide_item_list {overflow:hidden;}
.slide_wrap .myitem .slide_item_list li {float:left; width:33.33333%; box-sizing:border-box; list-style:none; padding:0 5px;}
.slide_wrap .myitem .none {color:#999; text-align:center; font-size:12px; margin:30px 0 10px; padding-top:40px; letter-spacing:-0.5px;}
.slide_wrap .myitem .none {background:transparent url('../images/c_img/none.png') center 0 no-repeat;background-size:30px; height:40px;}
.slide_wrap .myitem .slide_item {position:relative; overflow:hidden; text-align:center;}
.slide_wrap .myitem .slide_item .thumb {background:#fafafa url('../images/c_img/none_photo.png') center center no-repeat; background-size:30px; overflow:hidden; position:relative;}
.slide_wrap .myitem .slide_item .thumb:before {content:""; width:100%; height:100%; box-sizing:border-box; border:1px solid rgba(0,0,0,0.1); z-index:1; position:absolute; left:0; top:0;}
.slide_wrap .myitem .slide_item .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%;}
.slide_wrap .myitem .slide_item  img {width:100%; float:left;}
.slide_wrap .myitem .slide_item .item_name {color:#666; line-height:1.2; margin-top:5px; font-size:11px; letter-spacing:-0.5px;}
.slide_wrap .myitem .slide_item .item_name {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; }
.slide_wrap .myitem .slide_item .price {color:#000; font-size:12px; font-weight:500; margin-top:3px; letter-spacing:-0.5px;}
.slide_wrap .myitem .slide_item .soldout {position:absolute; left:0; top:0; width:100%; height:100%; z-index:20; background:rgba(0,0,0,0.4) left top repeat; text-align:Center;}
.slide_wrap .myitem .slide_item .soldout .tx {position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:13px; font-weight:300; letter-spacing:0.5px; margin-top:-8px; letter-spacing:-1px;}
.slide_wrap .myitem .rolling_icon {text-align:center; overflow:hidden; margin-top:10px;}
.slide_wrap .myitem .rolling_icon .icon {width:6px; height:6px; background:#c2c2c2; border-radius:100px; margin:0 2px; float:left;}
.slide_wrap .myitem .rolling_icon .active {background:#484848;}









/* ********************************************** *
 * 공통 레이아웃
 * ********************************************** */
.c_section {overflow:hidden; padding-bottom:100px;}









/* ********************************************** *
 * 공통 타이틀
 * ********************************************** */
 /* 페이지 타이틀 */
.c_page_tit {overflow:hidden; padding-bottom:50px;}
.c_page_tit .title {color:#1e1e1e;font-size: 32px;font-weight: 700;letter-spacing: -0.64px; text-align:center;}
.c_page_tit .c_location {display:none;position:absolute; right:0; top:0;}
.c_page_tit .c_process {position:absolute; right:0; top:0; overflow:hidden;}

/* 페이지 위치 */
.c_location {float:right; margin-top:27px}
.c_location ul {}
.c_location li {list-style:none; float:left; position:relative; color:#999; font-size:11px; padding-left:16px; background:transparent url('../images/c_img/member_location.gif') 6px 6px no-repeat; }
.c_location li:first-child {background:none; padding-left:0}

/* 그룹 타이틀 */
.c_group_tit {color:#333; font-size:17px; letter-spacing:-1px; font-weight:600; overflow:hidden; padding-bottom:5px}
.c_group_tit .tit {color:#333; font-size:17px; letter-spacing:-1px; font-weight:600; float:left; margin-bottom:4px}
.c_group_tit .sub_tt {font-size:13px; letter-spacing:-1px; color:#ff0000; line-height:15px; font-weight:400; margin:5px 0 0 5px; float:left;}
.c_group_tit .sub_txt {font-size:12px; letter-spacing:-1px; color:#aaa; line-height:15px; font-weight:400; margin-top:7px; float:right; padding-left:13px; position:relative;}
.c_group_tit .sub_txt:before {content:""; position:absolute; left:0; top:5px; width:8px; height:6px; background:transparent url('../images/c_img/join_check.gif') right center no-repeat; }

/* 그룹 타이틀옆 버튼*/
.c_group_tit .btn {float:right; font-size:13px; color:#999; text-decoration:underline; font-weight:400; padding:5px 0}
.c_group_tit .btn:hover {color:#333;}

/* 페이지 단계표시 */
.c_process {float:right; margin-top:14px}
.c_process ul {margin-right:-45px}
.c_process li {list-style:none; float:left; padding-right:45px; position:relative;}
.c_process li:before {content:""; position:absolute; right:18px; top:7px; width:7px; height:12px; background:transparent url('../images/c_img/process_arrow.gif') left bottom no-repeat;}
.c_process li:last-child:before {display:none;}

.c_process .num {font-size:18px; color:#aaa; font-weight:600; letter-spacing:-0.5px; float:left; margin-right:5px}
.c_process .tit {font-size:1.1rem; letter-spacing:-1px; color:#aaa; line-height:24px; float:left;}
.c_process .hit .num {color:#333;}
.c_process .hit .tit {color:#333;}
.c_process .hit:before {background-position:left top;}











/* ********************************************** *
 * 공통 2차 메뉴
 * ********************************************** */
.c_tab_box {  box-sizing:border-box;position: absolute;top: 0;left: 0; }
.c_tab_box ul { box-sizing:border-box; }
.c_tab_box li { }
.c_tab_box .btn {display:block; color:#888;  padding:13px 10px 15px; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.c_tab_box li.hit { border-color:#aaa; background:#fff; border-left-style:double; border-bottom-style:hidden;color:#000 !important;}
.c_tab_box li.hit .btn {background:#fff !important; text-decoration:none !important; color:#000 !important;    font-weight: 700;}
.c_tab_box .btn:hover {color:#333; text-decoration:underline;}

/* 게시판 분류 */
.c_depth_box {text-align:center; border-bottom:1px solid #ddd;}
.c_depth_box ul {display:inline-block; margin:12px 0 13px}
.c_depth_box li {float:left; list-style:none;}
.c_depth_box .depth {padding:5px 20px; color:#999;}
.c_depth_box .depth:hover {text-decoration:underline}
.c_depth_box .depth.hit {color:#333; font-weight:600; text-decoration:none}










/* ********************************************** *
 * 완료 : 가입완료/주문완료
 * ********************************************** */
.c_complete {padding-bottom:40px; margin-top:-20px}
.c_complete .complete_box { text-align:center;padding-top: 50px}
.c_complete .complete_box .order_number { font-size:1rem;}
.c_complete .complete_box .sub_txt {color:#666; line-height:19px; font-size:14px; letter-spacing:-0.5px;}
.c_complete .complete_box .tit {color:#333; font-size:30px; letter-spacing:-2px; margin-top:15px}
.c_complete .complete_box .tit strong {font-weight:600; border-bottom:1px solid #333;font-size: 2rem;}
.c_complete .c_btnbox {margin-top:40px}

/* 비밀번호 변경안내 */
.c_complete.my_password {margin-top:0px; }
.c_complete.my_password .tit {margin:0}
.c_complete.my_password .sub_txt {margin-top:15px}
.c_complete.my_password em {font-size:15px; color:#999;}
.c_complete.my_password .c_btnbox {padding-bottom:0}
.c_complete.my_password .c_form {margin:40px; border-top:1px solid #ddd;}

/* 휴면계정 */
.c_complete.my_sleep {margin-top:0px; border-top:1px solid #ddd; }
.c_complete.my_sleep .tit {margin:0}
.c_complete.my_sleep .sub_txt {margin-top:15px}
.c_complete.my_sleep .sub_txt strong {color:#333; font-weight:600;}














/* ********************************************** *
 * 공통 폼 : 가입/주문/게시판
 * ********************************************** */
.c_form {border-top:1px solid #666;}
.c_form strong {color:#ff0000;}
.c_form table {width:100%; table-layout:fixed;}
.c_form table tr {border-bottom:1px solid #ddd;}
.c_form table th {padding:10px; text-align:left; width:150px;font-size: .9rem;}
.c_form table td {padding:10px 20px;}
.c_form table .tit {color:#666; font-weight:400; letter-spacing:-0.5px; padding-left:15px; position:relative;width:150px;}
.c_form table th .tit {font-weight:700;color:#000;}
.c_form table .tit:before {content:""; position:absolute; left:2px; top:6px; width:8px; height:6px; background:transparent url('../images/c_img/join_check.gif') left top no-repeat;}
.c_form table .ess .tit:before {background-position:right top;}

@media screen and (max-width: 768px) {
	.c_form table .tit,
	.c_form table th {width:120px;}
}



/* 등록폼 : 셀렉트박스 */
.c_form .select_box {margin-left:-5px}
.c_form .select_box select {margin-left:5px}
.c_form select {border:1px solid #ddd; padding:1px 22px 4px 8px; padding:1px 22px 3px 6px\0; float:left; font-size:12px !important; height:30px; float:left;}
.c_form select {-webkit-appearance: none; appearance: none;  -moz-appearance: none; -webkit-user-select: none; background:#fff url('../images/c_img/select.gif') right center no-repeat;}
.c_form select:focus {border-color:#aaa;}
.c_form select::-ms-expand {display:none;}

/* 등록폼 : 인풋 */
.c_form .input_design {width:100%; border:1px solid #ddd; background:#fff; height:30px; box-sizing:border-box; padding:4px 10px 6px; color:#666;}
.c_form .input_design.if_date{background:transparent url('../images/c_img/icon_date.gif') 5px center no-repeat; padding:5px 10px 6px 30px}
.c_form .input_design:focus {border-color:#999;}
.c_form input[type=checkbox] {margin-top:3px}

/* 인풋이 다른요소들과 함께 쓰일때 묶는 인풋박스 */
.c_form .input_box { margin-left:-5px}
.c_form .input_box.mail {display: flex;width: 100%;}
.c_form .input_box .input_design { float:left; margin-left:5px; }
.c_form .input_box+ .input_box {margin-top:5px}
.c_form .input_box .if_beside {float:left; clear:none !important; margin-left:15px !important; margin-top:6px}
.c_form .input_box .if_beside input[type=checkbox] {margin-top:3px}
.c_form .input_box input[type=radio] {margin-top:4px}
.c_form .input_box .dash {float:left; margin:5px 0 5px 5px}

/* 이메일 주소 입력 */
.c_form .input_box.mail select {margin-left:5px; min-width:130px}
.c_form .mail_icon {float:left; line-height:30px; margin-left:5px}

/* 100% 꽉찬 인풋 */
.c_form .input_full {}
.c_form .input_full .input_design {margin-top:5px}

/* 기간선택 인풋 */
.c_form .date .input_design {float:left; border:1px solid #ddd; background:#fff; height:35px; padding:8px 35px 10px 10px; box-sizing:border-box; color:#999; background:#fff url('../images/c_img/ic_order_date.gif') right center no-repeat;}
.c_form .date .input_design:focus {border-color:#aaa; background:#fff url('../images/c_img/ic_order_date_on.gif') right center no-repeat;}
.c_form .date .dash {float:left; padding:0 3px; line-height:33px; color:#999; margin:0 0 0 5px}

/* 등록폼 : 라벨 */
.c_form .label_design {float:left; padding:6px 15px 8px 0}
.c_form .label_design .txt {color:#666; letter-spacing:0px; float:left;}
.c_form .label_design .sub_txt {color:#bbb;display:block;margin-top:10px}
.c_form .label_design input {float:left; margin-top:3px}
.c_form .label_design input:focus+ .txt {color:#000;}
.c_form .label_design input:checked+ .txt {color:#000;}
.c_form .label_design:hover .txt {text-decoration:underline;}

/* 등록폼 : 텍스트에어리어 */
.c_form .textarea_box { box-sizing:border-box; clear:both; margin-top:5px}
.c_form .textarea_box .textarea_design {border:1px solid #dfdfdf; clear:both; display:block; width:100%; padding:10px; box-sizing:border-box;}
.c_form .textarea_box .textarea_design:focus {border-color:#999}

/* 등록폼 : 도움말 */
.c_form .tip_txt {padding-left:16px; color:#999; letter-spacing:-1px; position:relative; padding-top:6px; clear:both; margin-top:0 !important}
.c_form .tip_txt:before {content:""; position:absolute; left:0; top:9px; width:13px; height:13px; background:transparent url('../images/c_img/join_tip.gif') left top no-repeat;}
.c_form .tip_txt.black {color:#333;}
.c_form .tip_txt.black:before {background-position:left bottom;}

/* 파일첨부 */
.c_form .input_file_box {background:#fff; border:1px solid #ddd;  position:relative;  float:left; height:35px; width:100%;}
.c_form .input_file_box:first-child {margin-top:0}
.c_form .input_file_box .fakeFileTxt { float:left; width:100%; color:#999; margin-top:6px; text-indent:10px; border:0; letter-spacing:0px;}
.c_form .input_file_box .fileDiv {  width:100px; height:100%; /* overflow: hidden; */ }
.c_form .input_file_box .buttonImg {background:#aaa; width:90px; height:30px; position: absolute; top:-1px; right:-1px; color:#fff; border:0; padding:5px 0 8px;}
.c_form .input_file_box:hover .buttonImg {background:#999}
.c_form .input_file_box:hover {border:1px solid #ddd;}
.c_form .input_file_box .realFile {position:absolute; right:0px; top:0px; width:100%; font-size:200px; height:100%;  cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}

/* 사진첨부 */
.c_form .form_file {overflow:hidden;}
.c_form .form_file .input_file_box {height:30px; border:1px solid #ddd; box-sizing:border-box;}

/* 첨부파일-추가삭제 */
.c_form .duplicate.if_add { margin-top:-8px}
.c_form .duplicate.if_add .form_file {padding-right:65px; position:relative; margin-top:8px}
.c_form .duplicate.if_add .input_file_box {float:left; box-sizing:border-box;}
.c_form .duplicate.if_add .add_btn_box {position:absolute; right:0; top:0;}
.c_form .duplicate.if_add .add_btn_box .c_btn {width:60px; margin-left:0}

/* 등록된 파일 */
.c_form .duplicate_file {overflow:hidden; position:relative; padding-bottom:8px; }
.c_form .duplicate_file .table {display:table; width:100%; table-layout:fixed; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.c_form .duplicate_file .title {display:table-cell; vertical-align:middle; background:#f5f5f5; width:110px; text-align:center; color:#666;}
.c_form .duplicate_file ul {display:table-cell;}
.c_form .duplicate_file li {list-style:none; overflow:hidden; position:relative; border-top:1px solid #ddd; padding-left:10px; height:30px; box-sizing:border-box;}
.c_form .duplicate_file li:first-child {border-top:0;}
.c_form .duplicate_file .txt {float:left; line-height:29px; line-height:28px\0; color:#999;}
.c_form .duplicate_file .del_btn {float:right; line-height:29px; line-height:28px\0; padding:0 10px}
.c_form .duplicate_file .del_btn input {margin:9px 3px 0 0; float:left;}
.c_form .duplicate_file .txt:hover {text-decoration:underline;}









/* ********************************************** *
 * 약관동의 : 이용약관/개인정보처리방침
 * ********************************************** */
.c_agree {margin-top:-20px}
.c_agree .agree_form {padding-top:40px;}
.c_agree .form {margin-top:5px}
.c_agree .form .tit {background: #1d3466;padding: 10px 15px;color: #fff;font-size:13px;}
.c_agree .form .text_box {border:1px solid #dfdfdf; box-sizing:border-box;}
.c_agree .form .textarea_design {width:100%; padding:20px; box-sizing:border-box; height:150px;}
.c_agree .form .textarea_design:focus {color:#999 !important;}

/* 약관동의 라벨 버튼 */
.c_agree .agree_check {}
.c_agree .agree_check label {display:block;letter-spacing:-1px; color:#666; line-height:14px; padding:13px 5px 15px; }
.c_agree .agree_check label:hover {text-decoration:underline;}
.c_agree .agree_check input {float:left; margin-top:2px}
.c_agree .agree_check strong {font-weight:600;}

/* 약관 전체 동의 */
.c_agree .if_total {padding-top:0}
.c_agree .if_total .agree_check label {color:#333; font-weight:600;}

/* 개인정보 수집항목 */
.c_agree .agree_add_info {overflow:hidden; background:#fff; margin-top:10px}
.c_agree .agree_add_info table {width:100%;}
.c_agree .agree_add_info th {background:#f5f5f5; border:1px solid #ddd; color:#333; padding:9px 15px 12px; font-weight:400; letter-spacing:-0.5px;}
.c_agree .agree_add_info td {border:1px solid #ddd; text-align:center; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; padding:9px 20px 11px}
.c_agree .agree_add_info .fc_hit {color:#ff6600}









/* ********************************************** *
 * 이용안내/이용약관/개인정보처리방침
 * ********************************************** */
.c_user .c_page_tit {text-align:center; margin-bottom:0; border-bottom:0}
.c_user .c_page_tit .title {float:none}
.c_user_box {margin-top:40px}
.c_user_box .c_group_tit {border-bottom:1px solid #ddd;}
.c_user .c_complete {margin-top:30px; border-top:1px solid #ddd; }
.c_user .c_complete .tit {margin-top:0}
.c_user .c_complete .sub_txt {margin-top:15px}









/* ********************************************** *
 * 출석체크
 * ********************************************** */
.c_attend {}
.c_attend .title {text-align:center; border-bottom:1px solid #ddd; font-size:23px; color:#000; padding-top:15px; padding-bottom:15px; }

/* 출석체크 이벤트 없을때 */
.c_attend .none { background:#eee; text-align:center; padding:110px 0 140px; }
.c_attend .none .icon {}
.c_attend .none .tit {color:#000; font-size:40px; letter-spacing:-1.5px; margin-top:15px}
.c_attend .none .sub_txt {color:#999; font-size:15px; letter-spacing:-0.5px; line-height:20px; margin-top:17px}

/* 이벤트별 배너 */
.c_attend .banner {text-align:center;}
.c_attend .banner img {max-width:100%}

/* 출석체크 탑 */
.c_attend .attend_top {padding:28px 0}
.c_attend .attend_top ul {display:table; width:100%; table-layout:fixed;}
.c_attend .attend_top li {list-style:none; display:table-cell; vertical-align:middle;}
.c_attend .attend_top .mypage_btn { padding:0 33px; height:45px; box-sizing:border-box; line-height:43px; border-radius:100px; overflow:hidden; border:1px solid #ddd; color:#888; font-size:15px; letter-spacing:-0.5px;}
.c_attend .attend_top .mypage_btn:hover {background:#f5f5f5;}
.c_attend .attend_btn {text-align:right}
.c_attend .attend_btn .btn {padding:0 40px; height:45px; box-sizing:border-box; line-height:43px; border-radius:100px; overflow:hidden; border:1px solid #cd3726;  background:#cd3726; }
.c_attend .attend_btn .txt {color:#fff; font-size:15px; font-weight:600; padding-left:27px; background:transparent url('../images/c_img/ic_attend_btn.png') left center no-repeat;}
.c_attend .attend_btn .btn:hover {background:#cb1500;}
.c_attend .attend_btn .btn.hit {background:#999; border-color:#999; }
.c_attend .attend_btn .btn.hit .txt {background:transparent url('../images/c_img/ic_attend_btn_hit.png') left center no-repeat;}
.c_attend .year_box {text-align:center;}
.c_attend .year {position:relative; padding:0 45px; display:inline-block;}
.c_attend .year .num {position:relative; cursor:default}
.c_attend .year .num strong {font-size:27px; font-weight:600; color:#000;}
.c_attend .year .today {position:absolute; left:50%; top:-30px; color:#999; letter-spacing:-0.5px; padding:0 15px; height:25px; line-height:25px; border:1px solid #ccc; background:#fff; border-radius:100px; margin-left:-33px; display:none}
.c_attend .year .today:before {content:""; position:absolute; left:0; bottom:-6px; width:100%; height:6px; background:transparent url('../images/c_img/attend_today_arrow.gif') center top no-repeat;}
.c_attend .year .today:hover {color:#000;}
.c_attend .year .num:hover .today {display:block}
.c_attend .year .prevnext {position:absolute; top:50%; z-index:3; margin-top:-17px}
.c_attend .year .prevnext.prev {left:0px }
.c_attend .year .prevnext.next {right:0px;}
.c_attend .year .prevnext a {display:block; padding:10px;}
.c_attend .year .prevnext .icon {background:transparent url('../images/c_img/attend_arrow.gif') left top no-repeat; width:10px; height:18px;}
.c_attend .year .prevnext.next .icon { background-position:right top; }
.c_attend .year .prevnext.prev:hover .icon {background-position:left bottom;}
.c_attend .year .prevnext.next:hover .icon { background-position:right bottom; }

.c_attend .date_box {border-top:1px solid #ddd; overflow:hidden; padding:17px 0 15px}
.c_attend .date_box .date_left {float:left;}
.c_attend .date_box .date { padding:0 15px 0 30px; background:transparent url('../images/c_img/ic_attend_date.gif') left center no-repeat; font-size:15px; font-weight:600; color:#000; float:left; line-height:21px; letter-spacing:-0.5px;}
.c_attend .date_box .total {color:#888; font-size:15px; letter-spacing:-0.5px; float:left; line-height:21px; padding:0 15px; position:relative;}
.c_attend .date_box .total:before {content:""; position:absolute; left:0; top:50%; width:1px; height:17px; background:#ddd; margin-top:-9px}
.c_attend .date_box .total strong {color:#000; font-weight:600; letter-spacing:0px;}
.c_attend .date_box .guide {float:right; color:#999; letter-spacing:-1px; line-height:21px; max-width:50%}

/* 출석체크 달력 */
.c_attend .attend_calendar {border-top:2px solid #666;}
.c_attend .attend_calendar table {width:100%; table-layout:fixed; border-left:1px solid #eee; border-right:1px solid #eee;}
.c_attend .attend_calendar th {font-size:13px; color:#888; font-weight:600; background:#fafafa; height:38px; border-bottom:1px solid #eee;}
.c_attend .attend_calendar .sun {color:#da0000;}
.c_attend .attend_calendar .sat {color:#0051bf;}
.c_attend .attend_calendar td {height:110px; font-size:15px; color:#999; font-family:Calibri; border:1px solid #eee; vertical-align:top; padding:15px; box-sizing:border-box; background:transparent url('../images/c_img/attend_stamp.png') center center no-repeat;}
.c_attend .attend_calendar .no {background:none;}
.c_attend .attend_calendar .hit {background:transparent url('../images/c_img/attend_stamp_hit.png') center center no-repeat;}
.c_attend .attend_calendar .today {background-color:#f5f5f5;}