@charset "utf-8";
/* SIR 지운아빠 */

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 버튼 */
.mbskin{font-size:1.15em; margin:0px auto; width:100%; padding:0 !important}
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin a.btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.mbskin .btn_cancel {}
.mbskin .btn_frmline {} /* 우편번호검색버튼 등 */
.mbskin .win_btn {} /* 새창용 */
.mbskin .win_btn a {}
.mbskin .win_btn button {}
.mbskin .win_btn input {}
/* 게시판용 버튼 */
.mbskin a.btn_b01 {}
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
.mbskin a.btn_b02 {}
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}

/* 기본테이블 */
.mbskin .tbl_head01 {}
.mbskin .tbl_head01 caption {}
.mbskin .tbl_head01 thead th {}
.mbskin .tbl_head01 thead a {}
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}
.mbskin .tbl_head01 tfoot td {}
.mbskin .tbl_head01 tbody th {}
.mbskin .tbl_head01 td {}
.mbskin .tbl_head01 a {}
.mbskin td.empty_table {}

/* 폼 테이블 */
.mb_skin table {}
.mb_skin caption {}
.mb_skin .frm_info {}
.mb_skin .frm_file {}

.mbskin .tbl_frm01 {}
.mbskin .tbl_frm01 caption {}
.mbskin .tbl_frm01 th {}
.mbskin .tbl_frm01 td {}
.mbskin .tbl_frm01 textarea, .mbskin .frm_input {}
.mbskin .tbl_frm01 textarea {}
/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

.mbskin .required, .mbskin textarea.required {} /* 필수입력 */

/* 테이블 항목별 정의 */
.mbskin .td_board {}
.mbskin .td_chk {}
.mbskin .td_date {}
.mbskin .td_datetime {}
.mbskin .td_group {}
.mbskin .td_mb_id {}
.mbskin .td_mng {}
.mbskin .td_name {}
.mbskin .td_nick {}
.mbskin .td_num {}
.mbskin .td_numbig {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/*결과페이지*/
#result{ margin:20px}
#result i{ opacity:.3}
span.result_t{ margin:15px 0 0; display:block; font-size:1.10em; font-weight:500} 


/* 회원가입 및 거의 모든 곳에 들어갈 박스 스타일 */	
.none { display:none; }
.box-article { width:100%; }
.box-article h2 {font-size:1.25em; padding-bottom:10px; color:#523F2E; text-indent:5px; display:none;}

.box-article .box-body {/*background:#fff; margin-bottom:40px; border-bottom:1px solid #ffb71a;*/padding:20px 0 0; border-radius:7px; background: none !important; border:0px !important}
.box-article .box-body:first-child { /*margin-top:5px;*/ }
.box-article .box-title { font-size:1.25em; font-weight:bold; margin-bottom:10px; }
.box-article .box-body dd input{ }
.box-article .box-body dd input.required{ background:#fff !important;}
.box-article .box-body .row {margin:0; padding-bottom:5px; position:relative; position:relative; border-bottom:0 !important}
.box-article .box-body .row  i.fa-plus-square{ position:absolute; right:0; top:10px; font-size:1.7em; color:#362de4; z-index:10}
.box-article .box-body .row select{ width:100%; border:0 !important; box-shadow: 3px 0px 10px rgb(0 0 0 / 15%); padding:15px; border-radius:7px; font-size:.90em; font-weight:600; -webkit-appearance: none;
    -moz-appearance: none; background: url(./img/arrow.png) no-repeat 95% 50% / 20px 21px #fff;}
.box-article .box-body dl:last-child{border-bottom:0;}
.box-article .box-body .row dd { padding:0; margin:0; }
.box-article .box-body .row .error { font-size:0.85em; color:#858585; padding:0px 0px 5px 0px !important; font-size:11px; text-align:right;}
.box-article .box-body .row .error.on{color:#5689f5 !important; margin:10px 0 0}
.box-article .box-body .certi{ font-size:1.25em; font-weight:bold; color:#222;}
.box-article .box-body .certi span.comp{ background:#ff9d15; color:#fff; padding:3px 7px; text-align:center; font-size:.50em; border-radius:7px; vertical-align:bottom;}
.box-article .box-body .shop{ border-bottom: 1px solid #ddd; border-right: 0; border-left: 0; border-top: 0;}
.box-article .box-body .shop select{ border:0 !important; width:100% !important; background:#fff; height:40px}
.box-article .box-body .agree-row { padding:0; margin:0; }
.box-article .box-body .agree-row dd:first-child { font-size:1.05em;}
.box-article .box-body .agree-row dd:nth-child(3) { padding-top:10px; display:none;}
.box-article .box-body .agree-row .agr_textarea textarea{ width:100%; border:1px solid #f2f2f2; border-radius:4px; padding:6px; height:80px !important; font-size:12px; }
.box-article .box-body .agree-row .agr_textarea textarea{ width:100%; border:1px solid #f2f2f2; border-radius:4px; padding:6px; height:80px !important; font-size:12px; }
.box-article .agree-text { background:#FFF !important; width:100% !important; padding:10px !important; border-top-left-radius:4px; border-top-right-radius:4px; margin-bottom:0 !important; height:150px;border:1px solid #e9e9e9;}
.box-article .agree-label { background:#FFF !important; width:100% !important; padding:10px 10px 8px 10px !important; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border: 1px solid #e9e9e9; border-top:0; color:#777; margin-top:-5px;}
.box-article .agree-label input[type=checkbox] { margin-top:-4px; }

.mbskin .btn_submit {
    width: 100%;
    height: 60px;
    background: #5c56d0 !important;
    color: #fff;
    width: 100%;
    border-radius: 0px !important;
    border: 0px!important;
    box-shadow: none;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 !important;
    transition: all 0.3s;
	position:fixed;
	bottom:0 !important;
	box-shadow: 3px 0px 10px rgb(0 0 0 / 25%) !important;
	left:0;
}
.mbskin .btn_submit:hover{ background:#fff!important; color:#487cea!important; border-color:#487cea!important; transition:all 0.3s;}
.mbskin .btn_submit03 {
    width: 100%;
    height: 50px;
    background: #101f40 !important;
    color: #fff;
    width: 100%;
    border-radius: 7px !important;
    border: 0px!important;
    box-shadow: none;
    font-size: 1.1em;
    font-weight: 500;
    margin: 0 !important;
    transition: all 0.3s;
	bottom:0 !important;
	box-shadow: 3px 0px 10px rgb(0 0 0 / 25%) !important;
	display:block;
	line-height:50px;
}
.mbskin .btn_submit03:hover{ background:#fff!important; color:#101f40!important; border-color:#101f40!important; transition:all 0.3s;}

.status_ico{width:5px !important; height:5px !important; background:#ddd; text-indent:-9999px; position:absolute; right:8px; top:22px; display:block;}
.status_ico.err{ background:#FF0000;}
.status_ico.pas{ background:#4885d0;}

/* 회원가입 분류 */
.mbskin.agr_check {width:100%; margin:0 auto; transition: all 0.5s;}
.mbskin.agr_check .logo{ text-align:center; margin-bottom:60px;}
.mbskin.agr_check .title_top{ display:block; font-size:1.7em; letter-spacing:-1px; padding-top:18px;}
.mbskin.agr_check .title_top .point{font-size:1.2em; font-weight:600; color:#7d75dc;}
.mbskin.agr_check .join_type{ text-align:center;}
.mbskin.agr_check .type{display:inline-block; border: 0px solid #cbcbcb; padding: 28px 30px 34px 22px; border-radius: 10px; margin: 0 13px; cursor: pointer; width: 100%; text-align: right; box-sizing: border-box; border-radius: 10px; box-shadow: 3px 3px 8px #ddd; transition: all 0.5s; background:#fff; box-shadow: 3px 0px 10px rgb(0 0 0 / 15%); margin:0 0 20px}
.mbskin.agr_check .type a{display:block;}
.mbskin.agr_check .type:hover{border: 2px solid #7d75dc;}
.mbskin.agr_check .type.action{border: 2px solid #7d75dc;}
.mbskin.agr_check .type .join_type_chk{width: 28px; height: 28px; border-radius:5px; border: solid 2px #ccc; background: #fff; display: inline-block; float: left;}
.mbskin.agr_check .type img{width:60px;}
.mbskin.agr_check .type.action .join_type_chk{border: 2px solid #ee4e47; background: #ee4e47; background-image:url('img/ic-select-s.png'); background-repeat: no-repeat; background-position: center center; }
.mbskin.agr_check .type .title{color:#666; margin-top:20px;}
.mbskin.agr_check .type .title span{ opacity:.85; font-size:.9em;}
.mbskin.agr_check .type .title .who{margin-top:15px; font-size:1.3em; font-weight:500; color:#000; letter-spacing:-.050em}
.mbskin.agr_check .type .title .who strong{color:#7d75dc; font-weight:600;}

/*로그인*/
#login_info{padding:50px 30px; width:100%; position: relative;}
#login_info .back i{ position:absolute; top:20px; left:20px; z-index:10; font-size:2em}
#login_info input{/*float:right;*/ width:calc(100% - 120px); border-bottom:1px solid #ddd; border-right:0; border-left:0; border-top:0;}
#login_info h2{ color:#5c56d0; font-size:2em; font-weight:bold; text-align:center}
#login_info h2 img{ display:block; height:27px; margin:0px auto 7px}
#login_info h2 span{ display:block; font-weight:400; font-size:.5em; color:#535d74; margin:7px 0 0; opacity:.55}
#login_info h3{ font-size:1.14em; font-weight:500; margin:20px 0;}
a.cert{ font-size:.82em; color:#fff !important; font-weight:400; border-radius:20px; background:#53556e; padding:7px 10px; text-align:center; width:100%; margin:0 0 20px; display:block;}
#login_info label span.sale{ font-size:.85em; color:#666; font-weight:400; margin:0 0 0 10px; display:inline-block}
#login_info label span input[type="radio"]{ margin:0 2px 0 5px}
#login_info label{float:left; width:120px; font-size:1.12em; line-height:40px; margin-bottom:5px;}
#login_info .box-body,
#join_agr .box-body{}
#mb_login{width:85%;}
#mb_login  .login_frm_box {padding:0 22% 20% 22%;}
#mb_login .form-signin{padding:18px;}
#sns_login{margin:0 18px 18px 18px;}
#sns_login h3{font-size:0.9em;}

#login_info label{font-size:1.02em; line-height:1.2em;width:100%; margin:10px 0; float:none; position: absolute; top:3px; left: 25px; display:block !important}
#login_info input{width:100%; height:70px; padding:30px 25px 10px; border-radius:30px; box-shadow: 3px 0px 10px rgb(0 0 0 / 15%);}
#login_info input[type=checkbox]{ width:auto; display:inline; float:none; height:auto}
#login_info input[type=radio]{ width:auto; display:inline; float:none; height:auto}

#login_info input::-webkit-input-placeholder { font-size:0.8em; color: #999; }
#login_info input::-moz-placeholder { font-size:0.8em; color: #999; }
#login_info input:-ms-input-placeholder { font-size:0.8em; color: #999; }
#login_info input:-moz-placeholder { font-size:0.8em; color: #999; }
#fregisterform #reg_mb_email, #fregisterform .frm_address{width:100%;}


/*회원정보*/
#join_info{padding:50px 30px; width:100%; position: relative;}
#join_info .back i{ position:absolute; top:20px; left:20px; z-index:10; font-size:2em}
#join_info input{/*float:right;*/ width:calc(100% - 120px); border-bottom:1px solid #ddd; border-right:0; border-left:0; border-top:0;}
#join_info h2{ color:#5c56d0; font-size:2em; font-weight:bold; text-align:center}
#join_info h2 img{ display:block; height:27px; margin:0px auto 7px}
#join_info h2 span{ display:block; font-weight:400; font-size:.5em; color:#535d74; margin:7px 0 0; opacity:.55}
#join_info h3{ font-size:1.10em; font-weight:600; margin:20px 0;}
#join_info h3 span{opacity: .8; font-size: .75em; font-weight: 400;  padding: 0 0 0 7px;  color: #555;}
a.cert{ font-size:.82em; color:#fff !important; font-weight:400; border-radius:20px; background:#53556e; padding:7px 10px; text-align:center; width:100%; margin:0 0 20px; display:block;}
#join_info label span.sale{ font-size:.85em; color:#666; font-weight:400; margin:0 0 0 10px; display:inline-block}
#join_info label span input[type="radio"]{ margin:0 2px 0 5px}
#join_info label{float:left; width:120px; font-size:1.12em; line-height:36px; margin-bottom:5px;}
#join_info .box-body,
#join_agr .box-body{}
#mb_login{width:85%;}
#mb_login  .login_frm_box {padding:0 22% 20% 22%;}
#mb_login .form-signin{padding:18px;}
#sns_login{margin:0 18px 18px 18px;}
#sns_login h3{font-size:0.9em;}

#join_info label{font-size:1.02em; /*line-height:1.2em;*/width:100%; /*margin:10px 0 20px;*/ float:none; position: relative; top:none; left: none; display:block !important}
#join_info input{width:100%; height:70px; padding:30px 25px 10px; border-radius:30px; box-shadow: 3px 0px 10px rgb(0 0 0 / 15%);}
#join_info input[type=checkbox]{ width:auto; display:inline; float:none; height:auto}
#join_info input[type=radio]{ width:auto; display:inline; float:none; height:auto}

#join_info input::-webkit-input-placeholder { font-size:0.8em; color: #999; }
#join_info input::-moz-placeholder { font-size:0.8em; color: #999; }
#join_info input:-ms-input-placeholder { font-size:0.8em; color: #999; }
#join_info input:-moz-placeholder { font-size:0.8em; color: #999; }
#fregisterform #reg_mb_email, #fregisterform .frm_address{width:100%;}

.login_smenu{ margin:25px 0}
.login_smenu ul:after {display:block;clear:both;content:''}
.login_smenu li{ display:inline-block; text-align:center; float:left; width:50%; position:relative}
.login_smenu li:after{    display: inline-block;
    content: "";
    background: #c2c2cc;
    width: 1px;
    height: 15px;
    position: absolute;
    top: 10%;
    left: 100%;}
.login_smenu li:last-child:after{ width:0px}
.login_smenu li a{color:#69687d; font-size:1em; font-weight:500}

/* 회원가입 약관 */
#fregister section {padding:15px;border-bottom:1px solid #eee;background:#fafafa}
#fregister h2 {margin:0 0 15px;text-align:center}
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:99%;height:150px;border:1px solid #cfded8;background:#f7f7f7}
.fregister_agree {padding:10px 0 0;text-align:right}
.fregister_agree label {display:inline-block;margin-right:5px}
#fregister p {color:#e8180c;text-align:center}
#fregister .btn_confirm {margin:15px 0}
#fregister_private .tbl_head01 {margin:0}
#fregister_private .tbl_head01 th{;text-align:center;border:1px solid #d1dee2;width:33%}
#fregister_private .tbl_head01 td {border:1px solid #e9e9e9;background:#fff}
#fregister_private .tbl_head01 caption{position:absolute;font-size:0;line-height:0;overflow:hidden;top:0;color:#fff}

/* 회원가입 입력 */
#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%}
#fregisterform textarea {width:100%;height:50px}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:block;margin:5px 0 0}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
.chk_ico input[type="checkbox"] + label{ /*padding:0 !important*/}
#check_group{border-radius: 10px; box-shadow: 3px 0px 10px rgb(0 0 0 / 15%); background: #fff; padding: 10px 20px;}
#check_group label{ font-size:.95em; font-weight:500; letter-spacing:-.050em}
#check_group label.tit{ font-size:1.02em; font-weight:700}


/* 회원가입 완료 */
#reg_result {padding:40px 10px 0}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .btn_confirm {margin:50px 0}

/*동의*/
#join_agr{/*width: 90%; */margin:0 30px 100px; border: 0 !important; box-shadow: 3px 0px 10px rgb(0 0 0 / 15%); padding: 15px; border-radius: 7px; background:#fff;}
#join_agr .btn-agr{font-size:1em; padding:0 5px 0px !important; /*background:#f2f2f2;*/ color:#5c56d0 !important; font-weight:500; /*text-decoration:underline;*/ border:0 !important; background:none !important; text-align:right; outline-style: none;}
.btn-agr:hover, .btn-agr:focus, .btn-agr:active, .btn-agr:a {border:0 !important; background:none !important; text-decoration:none}

#join_agr .box-body .agree-row:last-child{}
#join_agr .chk_ico{}
.chk_ico i{display:inline-block; vertical-align:middle; width:25px; height:25px; padding:0px; margin-right:5px; background:url('img/ico_check_on_off.png') no-repeat left top/25px auto;}
.chk_ico i.chk{background-position:left bottom;}
.chk_ico i.nochk{background-position:left top;}

.join_point .chk_ico{padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #F3F3F3;}
.join_point .chk_ico label{font-size:1.05em; letter-spacing:-1px; font-weight:500;}
.join_point .chk_ico label strong{color:#ef4d48; font-weight:600;}
.join_point .chk_ico .pnt{margin-top:10px; font-size:0.8em; letter-spacing:-1px;}
.join_point .chk_ico .pnt span{color:#ef4d48;}
.join_point .chk_ico .pnt strong{display: inline-block; color:#ef4d48; font-weight:500; margin-left:3px; border-bottom:2px solid #ef4d48;}
.join_point .chk_ico input[type="checkbox"] + label{padding:2px 0 0 32px;}

/*체크박스 아이콘*/
.chk_ico{position:relative; margin:0; margin-top:3px;}
.chk_ico input[type="checkbox"] + label{margin:0; position:absolute; left:0; height:25px; padding:4px 0 0 32px; background:url('img/ico_check_on_off.png') no-repeat left top/25px auto;}
.chk_ico input[type="checkbox"]{ visibility:hidden;}
.chk_ico input[type="checkbox"]:checked + label {background-position:left bottom;}

/* 아이디/비밀번호 찾기 */
#find_info #info_fs {margin:0 20px 10px}
#find_info #info_fs p {margin:0 0 10px;line-height:1.8em}
#find_info #info_fs #mb_email {width:100%}
#find_info #captcha {margin:0 20px;padding:0 0 10px}
#find_info #captcha input {margin-left:5px}

/* 로그인 */
#mb_login {margin:20px 0}
#mb_login h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#mb_login h2 {margin:0}
#mb_login p {padding:10px 0;line-height:1.5em}
#mb_login #login_frm {position:relative;padding:0 5px;font-size:1em}
#mb_login #login_frm div {padding:10px 0 0;text-align:right}
#mb_login .frm_input {display:block;margin-bottom:5px;padding:0;width:81%;height:1.8em;line-height:1.8em}
#mb_login .btn_submit {position:absolute;top:0;right:5px;padding:0 !important;width:18%;height:4.3em !important;text-align:center}
#mb_login section {margin:30px 0;padding:15px 10px;border:1px solid #cfded8;background:#f7f7f7}
#mb_login section div {text-align:right}
.btn_confirm .btn_submit{ position:relative !important; height:auto; padding:13px 10px !important; font-weight:500; letter-spacing:0; border:0 !important; line-height:normal; font-size:1.2em !important; height:auto !important; border-radius:30px !important; background:#487cea}
.s1 { font-size:.95em; font-weight:400; color:#535d74 !important; opacity:.85}
.s2 { font-size:1em; font-weight:600; color:#535d74 !important}
.s2 a{color:#535d74 !important}
.s2 span{ color:#ce021c !important}
.sns_group{ margin:0px auto}
.sns_group ul{ display:flex; width: 70%; margin:0px auto}
.sns_group li{ width:100%; color:#69687d; font-size:.80em; text-align: center; font-weight:600; line-height: normal;}
.sns_group li a{ width:50px; height:50px; border-radius:100%; display:block; margin: 0px auto 15px; box-shadow: 3px 0px 10px rgb(0 0 0 / 15%);}
.sns_group li a.kakao{ background:url(img/icon_kakao.png) no-repeat center center #fff; border:0px; color:#555 !important; font-size:.75em; background-size:40%; }
.sns_group li a.naver{ background:url(img/icon_naver.png) no-repeat center center #fff; border:0px; color:#fff !important; font-size:.75em; background-size:30%}

/* 쪽지 */
#memo_view_contents {margin:0 auto 20px;width:90%}
#memo_view_contents h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
.memo_view_li {position:relative;padding:5px 0}
.memo_view_subj {display:inline-block;width:65px}
#memo_view_ul a {}
#memo_view p {padding:10px 0;min-height:150px;height:auto !important;height:150px;line-height:1.8em}

#memo_list_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#memo_list_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#memo_list_ul .memo_link {}
#memo_list_ul .memo_send {position:absolute;top:10px;right:30px}
#memo_list_ul .memo_read {font-size:0.95em;color:#666}
#memo_list_ul .memo_del {position:absolute;top:10px;right:0}

#memo_write #me_recv_mb_id {width:98%}
#memo_write textarea {width:99%;height:100px}

/* 스크랩 */
#scrap_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#scrap_ul li {position:relative;padding:10px 35px 10px 0;border-bottom:1px solid #e9e9e9}
#scrap_ul .scrap_board {display:inline-block;margin:0 10px 0 0;font-weight:bold}
#scrap_ul .scrap_del {position:absolute;top:10px;right:0}

#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {width:99%;height:100px}

/* 포인트 */
#point_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#point_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#point_ul .point_wrap01 {position:relative;padding:0 0 0 90px}
#point_ul .point_wrap02 {margin:7px 0 0;text-align:right}
#point_ul .point_date {position:absolute;top:0;left:0}

#point_sum {margin:0 20px}
#point_sum .sum_row {margin:0 0 1px;background:#f2f5f9}
#point_sum .sum_row:after {display:block;visibility:hidden;clear:both;content:''}
#point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 1px;padding:10px}
#point_sum .sum_tit {clear:both;float:left;width:100px}
#point_sum .sum_val {float:right}

/* 회원 비밀번호 확인 */
#mb_confirm {margin:30px 0}
#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#mb_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
#mb_confirm p strong {display:block}
#mb_confirm fieldset {position:relative;margin:0 0 5px;padding:20px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7}
#mb_confirm_pw {display:block;margin-top:10px;padding:0;width:88%;line-height:1.8em !important}
#mb_confirm .btn_submit {position:absolute;bottom:20px;right:10px;width:10%;height:1.9em !important;line-height:1.9em}

/* 비밀글 비밀번호 확인 */
#pw_confirm {margin:30px 0}
#pw_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#pw_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
#pw_confirm p strong {display:block}
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:5px 5px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7}
#pw_wr_password {display:block;margin-top:10px;padding:0;width:88%;line-height:1.8em !important}
#pw_confirm .btn_submit {position:absolute;bottom:10px;right:5px;width:10%;height:1.9em !important;line-height:1.9em}

/*검색*/
#cust_sch select, select#ca_name{}
#cust_sch{/*box-shadow: 0px 0px 5px rgba(0,0,0,.1); */ border-bottom:1px solid #ccc; padding:10px 0; position: relative; margin:0 20px}
#cust_sch input[type=text]{border:0px !important; outline-style: none; width:90%; /*right:10%; position:absolute; height:auto !important;*/ background:#fff !important}
#cust_sch input[type=text]::-webkit-input-placeholder { font-size:1.10em; color: #555; }
#cust_sch input[type=text]::-moz-placeholder { font-size:1.10em; color: #555; }
#cust_sch input[type=text]:-ms-input-placeholder { font-size:1.10em; color: #555; }
#cust_sch input[type=text]:-moz-placeholder { font-size:1.10em; color: #555; }
#fregisterform #reg_mb_email, #fregisterform .frm_address{width:100%;}

/*게시판*/
#bo_sch select, select#ca_name{}
/*#bo_sch{border-bottom:1px solid #ccc; padding:10px 0; position: relative; margin:0 4%}*/
#bo_sch{ 
	padding:10px 15px; 
	position: relative; 
	width: 92% !important;
    margin: 10px auto;
	background: #fff;
    border-radius: 7px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
}
#bo_sch input[type=text]{border:0px !important; outline-style: none; width:90%; /*right:10%; position:absolute; height:auto !important;*/ background:#fff !important}
#bo_sch input[type=text]::-webkit-input-placeholder { font-size:1.10em; color: #555; }
#bo_sch input[type=text]::-moz-placeholder { font-size:1.10em; color: #555; }
#bo_sch input[type=text]:-ms-input-placeholder { font-size:1.10em; color: #555; }
#bo_sch input[type=text]:-moz-placeholder { font-size:1.10em; color: #555; }
#fregisterform #reg_mb_email, #fregisterform .frm_address{width:100%;}
#bo_sch i{ position:absolute; right:10px; top:15px; font-size:1.50em; color:#5c56d1}
/*#bo_sch .ic_back i{position:absolute; font-size:2.0em; left:0px !important; top:0px !important; color:#333 !important}*/

#cust_sch i{ position:absolute; right:0px; top:10px; font-size:1.65em; color:#5c56d1}

/*모달*/
.modal-title{ font-size:1.20em}
#Accuse .modal-content{ border:0 !important;}
#Accuse .modal-body{padding:15px 15px 5px !important}
#Accuse .modal-body .form-control{ min-height:100px; padding: 0 !important; box-shadow: none !important;}
#Accuse .modal-footer{ padding:0 !important}
#Accuse .modal-footer .btn.btn-default {
    background: #5c56d1;
    color: #fff;
    width: 100%;
    border-radius: 0 0 5px 5px !important;
    font-weight: bold;
    padding: 15px 0;
    font-size: 1.12em;
    border: 0px !important;
}

/* 사진등록 */
.myimg{text-align:center; width:110px; height:110px; margin:20px auto 20px; position:relative;}
.myimg .img_rd{width:100%; height:100%; overflow:hidden; border-radius:50%; border:0px; background:#53556e}
.myimg .img_rd i{ margin:0; font-size:3.0em; line-height: 110px; color: #fff;}
.myimg .img_rd img{width:100%; min-width:110px; min-height:110px;}
.btn_mod:before {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    content: "\f030";
    transform: translateY(-50%);
	font-size: 1.2em;
    font-weight: bold;
    color: #d8001c;
    position: relative;
    top: 10px;
}
.btn_mod{
	position:absolute; 
	right:0px; 
	bottom:0px; 
	display:inline-block; 
	box-shadow:1px 1px 5px rgba(0,0,0,0.2); 
	background:#fff; 
	background-size:40%; 
	text-align:center; 
	padding:10px; 
	border-radius:100%; 
	width:40px; 
	height:40px
}
.btn_mod img{width:20px;}

/* 폼메일 */
#formmail #subject {width:98%}
#formmail textarea {width:99%;height:100px}

/* 자기소개 */
#profile table {margin-bottom:0}
#profile section {padding:10px 20px}
#profile h2 {margin:0}
#profile .sv_wrap a {margin:0 0 5px;padding:0;font-weight:bold;line-height:10px}

/*이미지첨부*/
.img_up { margin:30px 0 0}
.img_up .tit{display:inline-block; font-weight:400; font-size:.92em; color:#6a6a6a; margin-bottom:5px; position:relative; z-index:2;}
.img_up .img_tip{display:inline-block; margin-left:12px;padding:3px 14px; background:#e21910; color:#fff; letter-spacing:0.3px; font-weight:600; text-align:center; border-radius:30px; }
.img_up .size{font-size:1.2em; letter-spacing:0.1px; position:relative;}
.img_up .size .img_limit{ margin-left:12px; font-weight:500; color:#999; letter-spacing:0px; font-size:0.9em;}
.img_up .size .img_limit #service_detail_count{color:#F30; font-weight:600;}
.img_up ul {margin:15px 0 40px 0;}
.img_up ul:after {content:""; display:block; clear:both;}
.img_up ul li {float:left; background:#e8e8e8; width:48%; height:80px; margin:0 2% 15px 0; text-align:center; position:relative}
.img_up ul li:before {
    content: '';
    display: block;
    font-family: "Font Awesome 5 Pro";
    content: "\f067";
    position: absolute;
    color: #fff;
    text-shadow: 2px 1px 5px rgba(0,0,0,.2);
    /* background: rgba(216,0,28,.7); */
    text-align: center;
	width:100%;
	height:100%;
    background: #53556e;
	line-height:80px;
	font-size:1.40em;
	font-weight:100;
    /*opacity: .5;*/
	top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.img_up ul li:nth-child(2n) {float:left; margin:0 0 20px 20px; background:#e8e8e8; width:48%; height:80px; margin:0 0 15px 2%; text-align:center;}
.img_up ul li a {position:relative; display:block; width:100%; height:100%; box-sizing:border-box;} 
.img_up ul li a .img {width:100%; height:100%; overflow:hidden;}
.img_up ul li a .img img {width:100%;}
.img_up ul li a .del {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; opacity:1; background: url('img/bg_sfile_del.png') left top repeat; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.img_up ul li a .del i{ color:#fff; font-size:1.20em; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; background:#53556e; padding:10px; border-radius:100%}
.img_up ul li.addFiles {background:url('img/bg_sfile_addfiles.png') center 50% #e8e8e8 no-repeat;}
.img_up ul li.addFiles input {width:100%; height:100%; opacity:0; cursor:pointer;}
.img_up ul.movieType li {width:248px; height:143px; text-align:center;}
.img_up ul.movieType li .name {position:absolute; left:50%; top:50%; display:inline-block; font-size:12px; color:#9d9d9d; line-height:28px; font-weight:300; background:#fff; border-radius:20px; padding:0 22px; margin:-14px 0 0 -52px;}

/*동영상첨부*/
.movie_up { margin:30px 0 0}
.movie_up .tit{display:inline-block; font-weight:400; font-size:.92em; color:#6a6a6a; margin-bottom:5px; position:relative; z-index:2;}
.movie_up .img_tip{display:inline-block; margin-left:12px;padding:3px 14px; background:#e21910; color:#fff; letter-spacing:0.3px; font-weight:600; text-align:center; border-radius:30px; }
.movie_up .size{font-size:1.2em; letter-spacing:0.1px; position:relative;}
.movie_up .size .img_limit{ margin-left:12px; font-weight:500; color:#999; letter-spacing:0px; font-size:0.9em;}
.movie_up .size .img_limit #service_detail_count{color:#F30; font-weight:600;}
.movie_up ul {margin:15px 0 40px 0;}
.movie_up ul:after {content:""; display:block; clear:both;}
.movie_up ul > li {float:left; background:#e8e8e8; width:48%; height:80px; margin:0 2% 15px 0; text-align:center; position:relative}
.movie_up ul > li:before {
    content: '';
    display: block;
    font-family: "Font Awesome 5 Pro";
    content: "\f067";
    position: absolute;
    color: #fff;
    text-shadow: 2px 1px 5px rgba(0,0,0,.2);
    /* background: rgba(216,0,28,.7); */
    text-align: center;
	width:100%;
	height:100%;
    background: #53556e;
	line-height:80px;
	font-size:1.40em;
	font-weight:100;
    /*opacity: .5;*/
	top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.movie_up ul > li:nth-child(2n) {float:left; margin:0 0 20px 20px; background:#e8e8e8; width:48%; height:80px; margin:0 0 15px 2%; text-align:center;}
.movie_up ul > li a {position:relative; display:block; width:100%; height:100%; box-sizing:border-box;} 
.movie_up ul > li a .img {width:100%; height:100%; overflow:hidden;}
.movie_up ul > li a .img img {width:100%;}
.movie_up ul > li dl.btnset{position:absolute; top:50%; transform:translateY(-20%); width:100%; height:100%; opacity:1; background: url('img/bg_sfile_del.png') left top repeat; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.movie_up ul > li dl.btnset > dd{ display:inline-block; margin:0 2px}
.movie_up ul > li dl.btnset > dd i{ color:#53556e; font-size:1.0em; background:#fff; padding:10px; border-radius:100%; margin:0}
.movie_up ul > li dl.btnset > dd:nth-child(2) i{ background:#d8001c; color:#fff !important}
.movie_up ul li.addFiles {background:url('img/bg_sfile_addfiles.png') center 50% #e8e8e8 no-repeat;}
.movie_up ul li.addFiles input {width:100%; height:100%; opacity:0; cursor:pointer;}
.movie_up ul.movieType li {width:248px; height:143px; text-align:center;}
.movie_up ul.movieType li .name {position:absolute; left:50%; top:50%; display:inline-block; font-size:12px; color:#9d9d9d; line-height:28px; font-weight:300; background:#fff; border-radius:20px; padding:0 22px; margin:-14px 0 0 -52px;}

/*페이지 margin*/
.section_Area{ width:92%; margin:0 4%}
.section_Area header{ margin:35px 0 0}
.section_Area header .mem_tgroup{ margin:0 0 40px; position:relative}
.section_Area header .btn_class{ position:absolute; bottom:0; right:0}
.section_Area header .btn_class span{ width:35px; height:35px; border-radius:100%; background:#5689f5; display:block}
.section_Area header .btn_class span:before{font-family: "Font Awesome 5 Pro"; content: "\f078"; color: #fff; font-weight: 600; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);}
.section_Area header p{color:#101f40; margin: 7px 0 0;}
.section_Area header p.mem_t{ font-size:1.80em; font-weight:600; margin:0 0 4px}
.section_Area header .sel_date{ width:100%; position:relative}
.section_Area header .date_icon{ position:absolute; right:15px; top:14px}
.section_Area header .date_icon i{ color:#fff; font-size:1.35em}
.section_Area header label{ width:100% !important}
.section_Area header input[type=text]{ background:#101f40; border-radius:7px; padding:13px; color:#fff; width:100%; border: 0;}
.section_Area header input[type=text]::-webkit-input-placeholder { color:#fff;}
.section_Area header input[type=text]::-moz-placeholder { color:#fff;}
.section_Area header input[type=text]::-ms-input-placeholder { color:#fff;} 

/* 상세 */
#place_view{ margin:0 0 100px}
#place_view header{ 
     position:relative; 
	 background:#eaebed;
	 background:linear-gradient(to bottom, rgba(2,0,36,1) 0% ,rgba(2,0,36,1) 85% ,#fff 93%);
	 background:-o-linear-gradient (to bottom, rgba(2,0,36,1) 0% ,rgba(2,0,36,1) 85% ,#fff 93%);
	 background:-moz-linear-gradient (to bottom, rgba(2,0,36,1) 0% ,rgba(2,0,36,1) 85% ,#fff 93%);
	 background:linear-gradient (to bottom, rgba(2,0,36,1) 0% ,rgba(2,0,36,1) 85% ,#fff 93%);
	 }
/* 장소 일때 */	 
#place_view header .bottom{ position:absolute; bottom:0; background:#fff; border-radius: 20px 20px 0 0; padding: 10px 0;}
#place_view header .place_img:after{ display:block; content:''; position:relative; bottom:20px; background:#fff; border-radius: 20px 20px 0 0; padding: 10px 0; z-index:10}
#place_view header .place_img { min-height:250px; position:relative; background-size:cover !important;}
#place_view header .place_img #place_roll{position:relative}
/* 장소 일때 이미지 없을 때 */
#place_view header .place_img_blank:after{ display:block; content:''; position:relative; bottom:20px; background:#fff; border-radius: 20px 20px 0 0; padding: 10px 0; z-index:10}
#place_view header .place_img_blank { min-height:190px; position:relative; background-size:100% !important; background:url(../../../../img/app/tes_blank_img_b.png) no-repeat 100% 90%;}
#place_view header .place_img_blank #place_roll{position:relative}
/* 상점 일때 */
#place_view header .bottom{ position:absolute; bottom:0; background:#fff; border-radius: 20px 20px 0 0; padding: 10px 0;}
/*#place_view header .place_tes_img:before{ background: #1a1936; content: ""; display: block; opacity: .20; width: 100%; height: 350px; position: absolute; top: 0;  z-index: 10}*/
#place_view header .place_tes_img:after{ display:block; content:''; position:relative; bottom:20px; background:#fff; border-radius: 20px 20px 0 0; padding: 10px 0; z-index:1}
#place_view header .place_tes_img { min-height:300px; position:relative; background-size:cover !important;}
#place_view header .place_tes_img > div.fav_food_view{ position:absolute; right:15px; bottom:70px; z-index:10}
#place_view header .place_tes_img > div.fav_food_view i{ font-size:1.55em; color:#fff}
#place_view header .place_tes_img > div.accuse_food_view{ position:absolute; right:10px; bottom:70px; z-index:10}
#place_view header .place_tes_img > div.accuse_food_view i{ margin:0 2px 0 0}
#place_view header .place_tes_img > div.accuse_food_view a{ font-size:1.05em; font-weight:500; color:#fff;border-radius: 3px; border: 1px solid rgba(255,255,255,.6); padding: 3px 7px;}
#place_view header .place_tes_img #place_roll{position:relative}
/* 상점 일때 이미지 없을 때 */
#place_view header .place_tes_img_blank:after{ display:block; content:''; position:relative; bottom:20px; background:#fff; border-radius: 20px 20px 0 0; padding: 10px 0; z-index:10}
#place_view header .place_tes_img_blank { min-height:250px; position:relative; background-size:100% !important; background:url(../../../../img/app/tes_blank_img_b.png) no-repeat 100% 90%;}
#place_view header .place_tes_img_blank #place_roll{position:relative}
#place_view .class_info{}
#place_view .class_info header{ position:relative}
#place_view .class_info header i{ /*color:#5689f5;*/ margin:0 4px 0 0;}
#place_view .class_info header .week ul{ display:flex; position:absolute; top:-20px; right:-10px}
#place_view .class_info header .week ul li{
	margin:0 5px 0 0;
    font-size: 1.02em;
	font-weight:bold;
    background: #5689f5;
    border-radius: 100%;
	width:40px; height:40px; text-align:center; color:#fff; line-height:40px;
}
#place_view .class_info hr{background:#f0eef1; width:100%; height:7px; display:block; border-top:1px solid #e4e3e5; margin:30px 0 !important}
#place_view .class_info .class_cont{ margin:0 20px; position: relative;}
#place_view .class_info > header{ background:none !important; margin:0 20px}
#place_view .class_info > header:after{display:block; content:''; clear:both;}
#place_view .class_info h3{font-size:1.2em; font-weight:600; color:#101f40; margin:0 0 25px}
#place_view .class_info h3.table_tit{ font-size:1.35em; letter-spacing:-.050em; position:relative}
#place_view .class_info h3.table_tit span.arrow_left{ position:absolute; left:0}
#place_view .class_info h3.table_tit span.arrow_right{ position:absolute; right:0}
#place_view .class_info h3.table_tit span.arrow_left i,#place_view .class_info h3.table_tit span.arrow_right i{ font-size:1.30em}
#place_view .class_info h3 span{ color:#5c56d1}
#place_view .class_info h3 span.sche{ margin:0 0 0 10px; color:#333; font-size:.95em; letter-spacing:0; opacity:1}
#place_view .class_info p{font-size:1.1em; font-weight:400; /*color:#101f40;*/ margin:0; word-break: keep-all;}
#place_view .class_info p.keyword span{ margin:0 2px 5px 0; background: #5c56d1; color: #fff; padding: 3px 7px; font-size: .85em !important; font-weight: 500; border-radius: 3px; vertical-align: middle;  opacity: .6 !important; display:inline-block;}
#place_view .class_info .clearfix:after{ display:block; content:''; clear:both; width:100%}
#place_view .class_info .clearfix .ico{ float:left; display:inline-block; width:23px; font-size:1.15em; }
#place_view .class_info .clearfix .location_c{ float:left; display:inline-block; word-break: normal; width:calc( 100% - 23px); font-size:1.15em; }
/* 수업이미지 사이즈 */
.slider_tes_size{width:100%; height:350px !important; background-size:cover !important; opacity:.75; /*-webkit-filter: blur(2.5px); -moz-filter: blur(2.5px); -o-filter: blur(2.5px); -ms-filter: blur(2.5px); filter: blur(2.5px);*/}
/* blank 이미지 */
.place_tes_blank{ background:url(../../../../img/app/tes_blank_img.png) no-repeat bottom; background-size:100%; height:250px}
.food_info{ position:absolute; top:25%; left:50%; transform:translateX(-50%); z-index:5; text-align:center; width:80%}
.food_info h3{ font-size:1.15em; font-weight:500; color:#fff; text-shadow:0px 1px 3px rgba(0,0,0,.35)}
.food_info .photo{ width:100px; height:100px; border-radius:100%; background-size:cover !important; display:block; margin:0px auto 10px; box-shadow: 3px 0px 10px rgb(0 0 0 / 80%);}
.food_info .tname{ font-family:'Gmarket Sans',sans-serif; font-size:2.7em; font-weight:600; color:#fff; text-shadow:0px 1px 3px rgba(0,0,0,.45); margin: 0 0 10px;}
.food_info p{ font-size:1.10em; font-weight:500; color:#fff; margin:0; text-shadow:0px 1px 3px rgba(0,0,0,.2)}
.food_info p.dist{ font-size:1.5em; margin:0 0 10px}
.food_info p i{ color:#ffae00 !important; margin:0 5px 0 0}
.food_info p span{ margin:0 0 0 5px;}
.food_info p span.review{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.food_info .remain_time{ background:#ffcc00; color:#333; text-align:center; padding:5px 10px; border-radius:4px; font-size:1.05em; font-weight:bold; display:inline}
.food_info .btn_profile{    
    background: #5689f5;
    color: rgba(255,255,255,.92);
    margin: 8px 0 0;
    padding: 5px 10px;
    font-size: 0.97em;
    border: 0px solid #273553;
    line-height: 20px;
    border-radius: 30px;
    vertical-align: bottom;
	display: inline-block;
	font-weight:600;
}
.food_info .btn_profile i{ margin:0 3px 0 0}

/*모달*/
.food_info_modal{ position:relative; text-align:center; margin:30px 0;}
.food_info_modal h3{ font-size:1.15em; font-weight:500; color:#fff; text-shadow:0px 1px 3px rgba(0,0,0,.35)}
.food_info_modal .photo{ width:130px; height:130px; border-radius:100%; background-size:cover !important; display:block; margin:0px auto 10px;}
.food_info_modal .tname{ font-size:1.3em; font-weight:600; color:#333;}
.food_info_modal .ramain_t{ font-size:1.10em; font-weight:500; color:#fff; margin:15px 0 10px; text-shadow:0px 1px 3px rgba(0,0,0,.35)}
.food_info_modal .ramain_tes_t{ font-size:1.10em; font-weight:500; color:#fff; margin:0 0 10px; text-shadow:0px 1px 3px rgba(0,0,0,.35)}
.food_info_modal .remain_time{ background:#ffcc00; color:#333; text-align:center; padding:5px 10px; border-radius:4px; font-size:1.05em; font-weight:bold; display:inline}
.food_info_modal .btn_profile{    
    background: #5689f5;
    color: rgba(255,255,255,.92);
    margin: 8px 0 0;
    padding: 5px 10px;
    font-size: 0.97em;
    border: 0px solid #273553;
    line-height: 20px;
    border-radius: 30px;
    vertical-align: bottom;
	display: inline-block;
	font-weight:600;
}
.food_info_modal .btn_profile i{ margin:0 3px 0 0}
.Upmodal .his{ margin:15px 0; text-align:center; padding:0 0 20px; border-bottom:1px solid #e4e3e5}
.Upmodal .career{ margin:15px 0; text-align:center; padding:0 0 20px; border-bottom:1px solid #e4e3e5}
.Upmodal .study{ margin:15px 0; text-align:center; padding:0 0 20px;}

/*서브컨텐츠*/
.s_roll{ margin:10px 0 0; padding:0}
.cate_food{ width:92%; margin:0 4%; padding:0}
#s_content{ padding:10px 0 0; position:relative;}
#s_content header{ margin:0 20px 15px; padding:15px 0}
#list{ width:92%; margin:0 4%; padding:0}
.new_program,.new_pop_pro{ margin:0 0 20px}
#s_content h3{ margin:50px 0 30px; font-size:1.37em; font-weight:bold; color:#101f40}
#s_content h3 > span{ color:#6c67d6}
#s_content h3 > span.exp{ opacity:.8; font-size:.75em; font-weight:400; padding:0 0 0 7px; color:#555}

/*푸드업체 분류*/
ul.tabs{/*white-space:nowrap; overflow-x:scroll;*/ padding:5px 0; position:relative}
.tabs li{ display:inline-block !important; float:none !important}
.tabs li a{white-space: nowrap}
.cate_food{position:relative}
.cate_food div.cate_arrow{ position:absolute; top:11px; right:0; z-index:11}
.cate_food div.cate_arrow i{ font-size:1.17em}
.cate_food div.food_cate_right{ position:absolute; top:0; right:0; z-index:10}
.cate_food div.food_cate_right img{ width:100%}
.cate_food ul:after{content:""; display:block; clear:both; margin:0 0 7px}
.cate_food li{ float:left; margin:0 5px 5px 0 !important; padding:0 !important; background:none !important; width:auto !important;}
.cate_food li a{ background:#efeff4; padding:7px 10px; font-size:1.07em; letter-spacing:-.070em; text-align:center; color:#5c5b6f; border-radius:3px; font-weight:500; display:block; border: 1px solid #cdcbed;     box-shadow: 1px 3px 3px rgb(92 86 209 / 10%);}
.cate_food li:last-child a{/* margin:0 75px 0 0*/}
.cate_food li a.current{ color:#fff; background:#5c56d1; font-weight:bold; border: 1px solid #5c56d1;}
.ingredient{ background:#ff7900 !important}
.food_table img{ /*width:100% !important*/}

/*버튼그룹*/
.btn-primary{ background:#5c56d0; margin:0 0 0 5px; font-size:.75em; letter-spacing:-.050em; float:right}
/*.food_btn{ position:fixed; bottom:0; left:0; width:100%; z-index:10; box-shadow: 3px 0px 10px rgb(0 0 0 / 40%)}*/
.food_btn{ position: fixed; bottom: 0px; left: 0px; z-index: 12; width: 100%; background: rgba(250,250,250,0.8); border-top: 1px solid #eee;  padding: 15px 10px;}
.food_btn ul{ }
.food_btn ul:after{content:""; display:block; clear:both;}
.food_btn li{ float:left; display:inline-block; width:49%; margin:0 1% 0 0; text-align:center; line-height:50px; background:#5c56d1; border-radius: 7px;}
.food_btn li:nth-child(2){ width:49%; margin:0 0 0 1%}
.food_btn li:first-child{ background:#ffae00}
.food_btn li a{ display:block; color:#fff; font-size:1.25em; font-weight:600;font-family: 'Gmarket Sans',sans-serif;}
.food_btn li:first-child a{ color:#4c3606}
/*.food_btn li:nth-child(3){ background:#009688; width:50%}*/
.food_btn li:nth-child(3){ background:#5d5b78; width:50%; margin:0}

/*리뷰 평점*/
#grade_Area{}
#grade_Area:after{ display:block; content:''; clear:both}
#grade_Area .grade { padding:0 0 0 7px; width:35%; float:left; margin:5px 0 0;}
/*.grade li{ display:inline-block; margin:0 10px; text-align:left; vertical-align: middle;}
.grade li p.point{ font-size:4.0em !important; font-weight:600; color:#5c56d1 !important}*/
.grade p.point{ font-size:3.2em !important; font-weight:bold !important; color:#5c56d1 !important;line-height:1.0em; margin: 0 0 5px !important; font-family: 'Gmarket Sans',sans-serif;}
.grade p.point span{ color:#555; opacity:.25; font-weight:400; font-size: .8em;}
.grade p.point span.bar{ font-size:.75em; vertical-align:middle;}
.review_more a{background: none;
    padding: 12px 30px;
    color: #666 !important;
    border: 1px solid #999;
    font-size: 1.15em;
    display: inline-block;
    margin: 20px 0 0;
	transition: all 0.5s;
	text-align:center;
	width:100%;
}
#grade_Area .graph_detail{ float:right; margin:0 0 0 5%; width:60%; padding:0 10px 0 0;}
.review_more a:hover{background:#7d75dc;
    color: #fff !important;
    border: 1px solid #7d75dc;
    font-size: 1.15em;
    display: inline-block;
    margin: 20px 0 0;
	transition: all 0.5s;
	text-align:center;
	width:100%;
}

#grade_Area .graph_detail .progress{ border-radius:0; height:5px; margin:5px 0 0; background:#e3e3e3 !important; box-shadow:none !important}
#grade_Area .graph_detail .progress-bar{ border-radius:.25rem; background-color: #5c56d1; height:5px}
#grade_Area .graph_detail .progress-bar-success{ background:#ffd935}
#grade_Area .graph_detail .progress-bar-success_a{background:#aed888}
#grade_Area .graph_detail .progress-bar-success_b{background:#79c9a1}
#grade_Area .graph_detail .progress-bar-success_c{background:#2db5e4}
#grade_Area .graph_detail .progress-bar-success_d{background:#2080d5}
#grade_Area .graph_detail .progress-bar-success_e{background:#372de4}
#grade_Area .graph_detail ul:after{content:""; display:block; clear:both;}
#grade_Area .graph_detail li span{ background:none !important; width:auto !important; height:auto !important; display:inline !important}
#grade_Area .graph_detail .Tit{float:left; width:20%; margin:0 5% 0 0}
#grade_Area .graph_detail .Tit p.snum{ font-size:.92em; color:#777; font-weight:bold; text-align:right; opacity:.7;}
#grade_Area .graph_detail .graph{float:left; width:65%; margin:0}
#grade_Area .graph_detail .score{float:left; width:5%; margin:0 0 0 5% !important; text-align:right;line-height: 1.0em;}
#grade_Area .graph_detail .score p.snum{ font-size:1.05em; color:#777}
#grade_Area .graph_detail .score p.snum span { color:#222;}
.grade_Tit{ position:relative; margin:10px 0 20px; font-size:1.07em; font-weight: 500; padding: 7px 0 0;}
.grade_Tit strong{ color:#5c56d1}
.grade_Tit span {
	position:absolute; 
	right:0;
	background: #5c56d1;
    color: #fff;
    padding: 6px 10px;
    margin: 0 0 0 5px;
    font-size: .90em !important;
    font-weight: 400;
    border-radius: 3px;
    vertical-align: middle;
    opacity: 1 !important;
	display:block;
	top:0;
	}
#review_Group{ display:none; border: 1px solid #ddd; padding: 10px; transition: all 0.3s; border-radius: 4px; margin:5px 0 10px; position:relative;}
#review_Group .close_btn{	
    position:absolute; 
	right:-1px;
	background: #ffae00;
    color: #4c3606;
    padding: 6px 11px;
    margin: 0 0 0 5px;
    font-size: .95em !important;
    font-weight: 600;
    border-radius: 3px;
    vertical-align: middle;
    opacity: 1 !important;
	display:block;
	top:-49px;}
#review_Cate{}
#review_Cate:after{ display:block; content:''; clear:both}
#review_Cate .review_Tit{float:left; width:10%; margin:0 5% 0 0; font-size:1.00em; font-weight:500; line-height:36px}
#review_Cate .review_grade{float:left; width:85%; margin:0;}
#review_Cate .review_grade.radio-items label{ padding:0}
<!--평점 라디오버튼 커스트마이징-->
.radio_custom { margin:15px 0 0;}
.radio_custom input[type=radio] {visibility: hidden; position: absolute;}
.radio_custom input[type=radio] + label {
    display: inline-block;
    margin-right: 5px;
    padding-left: 23px;
    font-size: 1.05em;
	font-weight:500;
    color: #555;
    background: url('../../../../img/app/radio_off.png') left no-repeat;
    cursor: pointer;
}
.radio_custom input[type=radio]:checked + label {
    background: url('../../../../img/app/radio_on.png') left no-repeat;
}
.list{ margin:0 0 15px}

/*리뷰 이미지 첨부*/
.review_img{/*border-bottom:8px solid #f1f1f1;*/ position:relative;}
.review_img h2.la_title{padding:20px 15px 0 15px;}
.review_img .scroll_x{overflow-x:scroll; padding:15px 15px 15px 0;}
.review_img ul{white-space:nowrap;}
.review_img li{display:inline-block; white-space:nowrap; margin-right:5px;}
.review_img li:last-child{margin-right:15px;}
.review_img li .img{width:100px; height:70px; overflow:hidden; border-radius:7px; margin-bottom:5px;border: 0px solid #e6e6e6; background-size:cover !important}
.review_img li .img img{width:100%; height:auto;}
.review_img li .name{text-align:center;}
.review_img li .name p{font-size:1em; line-height:1.2em; font-weight:600; display:inline-block; width:55px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle}


/*시간별 가능여부*/
.time_type > ul{ display:flex}
.time_type > ul > li{ width:44px; height:44px; line-height:44px; background:#c6c5d9; border-radius:100%; font-size:.85em; font-weight:500; letter-spacing:-.050em; margin:0 3px 0 0; text-align:center; color:#f3f2f7}
.time_type > ul > li.check{ background:#5c56d0; color:#fff}

/*분류별 가능여부*/
#cate_keyword { padding:0px;}
.cate_keyword{background:#fff; padding:0px}
.cate_keyword h3{ margin:2px 0 20px; font-weight:600; font-size:1.15em}
.cate_keyword ul:after{ display:block; content:''; clear:both}
.cate_keyword li{ display:inline-block; float:left; font-weight:500; font-size:1.02em; color:#f3f2f7; padding:7px 10px; border-radius:20px; border:0px solid #c6c5d9; margin:0 6px 6px 0; display:block; background:#c6c5d9}
.cate_keyword li.check{ color:#fff; background:#5c56d0}
.cate_keyword li span{ background:#565767; color:#fff; padding:4px; font-weight:bold; margin:0 4px 0 0; border-radius:2px; font-size:.87em}
.cate_keyword li:first-child span{ background:#5c56d1}
.cate_keyword li:nth-child(2) span{ background:#5c56d1}

/*별평점*/
.star_rating {width:95px; margin:0 10px 0 0 }
.star_rating,.star_rating span { display:inline-block; overflow:hidden; background:url(../../../../img/sub/star_rating.png) no-repeat; height:15px; text-align:left}
.star_rating span{ background-position:left bottom; line-height:0; vertical-align:top; }

.btn_taste{ position:absolute; right:0; top:0;}
.btn_taste i{ margin:0 6px 0 0}
.btn_taste a{   
    font-family: 'Gmarket Sans',sans-serif;  
    height: 60px;
    background: #5c56d0 !important;
    color: #fff !important;
    width: 100%;
	padding:8px 15px;
    border-radius: 5px !important;
    border: 0px!important;
    font-size: 1.0em;
    font-weight: 500;
    margin: 0 !important;
    transition: all 0.3s;
    box-shadow: 3px 0px 10px rgb(0 0 0 / 25%) !important;
	animation: free 2s infinite;
}

.btn_taste02{ position:relative; margin:10px 0 0;}
.btn_taste02 i{ margin:0 6px 0 0}
.btn_taste02 a{   
    font-family: 'Gmarket Sans',sans-serif;  
    height: 60px;
    background: #ffae00 !important;
    color: #4c3606 !important;
    width: 100%;
	padding:8px 15px;
    border-radius: 5px !important;
    border: 0px!important;
    font-size: 1.0em;
    font-weight: 500;
    margin: 0 !important;
    transition: all 0.3s;
    box-shadow: 3px 0px 10px rgb(0 0 0 / 25%) !important;
	animation: free 2s infinite;
}

.btn_salelist{ position:absolute; right:0; top:-10px;}
.btn_salelist i{ margin:0 6px 0 0}
.btn_salelist a{   
    font-family: 'Gmarket Sans',sans-serif;  
    height: 60px;
    background: #5c56d0;
    color: #fff !important;
    width: 100%;
	padding:8px 10px;
    border-radius: 5px !important;
    border: 0px!important;
    font-size: .85em;
    font-weight: 500;
    margin: 0 !important;
    transition: all 0.3s;
    box-shadow: 3px 0px 10px rgb(0 0 0 / 25%) !important;
	animation: free 2s infinite;
}

/*업체 뷰 탭*/
.cd-tabs__navigation {
    background: hsl(54, 42%, 95%);
    background: var(--cd-color-2);
    --cd-color-shadow: hsla(54, 42%, 64.6%, 0.06);
    --cd-color-shadow: hsla(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l)*0.68), 0.06);
    box-shadow: inset 0 -2px 3px hsl(54deg 42% 65% / 6%);
    box-shadow: inset 0 -2px 3px var(--cd-color-shadow);
	margin:0 20px;
	position:relative;
}
.cd-tabs__list {
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.cd-tabs__list li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.js .cd-tabs__item--selected {
    background-color: hsl(0, 0%, 100%);
    background-color: var(--color-white);
    box-shadow: inset 0 2px 0 hsl(1deg 84% 63%);
    box-shadow: inset 0 2px 0 var(--cd-color-4);
    color:#5c56d1;
}
.js .cd-tabs__item--selected:after{
	content: '';
    display: block;
    /* position: absolute; */
    left: 0;
    width: 40px;
    height: 3px;
    margin: 7px 0 0;
    background: #5c56d1;}
.cd-tabs__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-align: left;
    align-items: left;
    height: 60px;
    width: 60px;
    font-size: 0.76388em;
    font-size: calc(var(--text-xs)*1.1);
    font-weight: 700;
    color: hsl(54, 8%, 75%);
    color: var(--cd-color-3);
    text-decoration: none;
	font-size:1.35em;
}
.cd-tabs__panels {
    background: hsl(0, 0%, 100%);
    background: var(--color-white);
    overflow: hidden;
}
.js .cd-tabs__panel {
    display: none;
}
.js .cd-tabs__panel--selected {
    display: block;
    -webkit-animation: cd-fade-in 0.5s;
    animation: cd-fade-in 0.5s;
}
.text-component>*:first-child {
    margin-top: 0;
}

/*중고거래*/
.pro_info{ padding:0 0 5px}
.pro_info p.price{font-size:2.10em !important; font-weight:bold !important; letter-spacing:-.050em; color:#333; margin:0 0 7px !important}
.pro_info p.price span{ font-size:.70em; opacity:.75; padding:0 0 0 3px; font-weight:400}
.pro_info p.loca_info{ font-size: 0.95em; margin: 0; letter-spacing: -.050em !important; opacity: .85;}
.pro_info p.loca_info span{ margin:0 7px 0 0}
.pro_info h4{font-size:1.60em !important; font-weight:bold !important; letter-spacing:-.050em; color:#333; margin:25px 0 20px !important; line-height: normal;}
.pro_info hr{border-top: 1px solid #e4e3e5;; margin:20px 0 0 !important; height:0 !important}
.pro_info #attachment{ margin:50px 0 0}
.pro_info h5{font-size:1.20em !important; font-weight:bold !important; letter-spacing:-.050em; color:#333; margin:0 0 12px !important}
.pro_info h5 span{ margin:0 0 0 7px; font-size:.90em}
.pro_info h5 span button{background: #5c56d1; color: #fff; padding: 3px 7px; margin: 0 5px 0 0; font-size: .80em !important;  font-weight: bold; border:0 !important;  border-radius: 3px;  vertical-align: middle; opacity: 1 !important;}
.pro_info .downfile li{ margin:0 0 7px}
.pro_info .downfile li i{ margin:0 6px 0 0}
.pro_info .downfile li button{background: #5c56d1; color: #fff; padding: 2px 5px; margin: 0 0 0 5px; font-size: .80em !important;  font-weight: bold; border:0 !important;  border-radius: 3px;  vertical-align: middle; opacity: 1 !important;}


/*리뷰*/
#item_review{ padding:0}
#item_review .in{width:100%; padding:0px;}
#item_review .title{font-size:2.3em; color:#000; text-align:center; margin-bottom:15px; }
#item_review .stitle{font-size:1.4em; color:rgba(0,0,0,0.7);text-align:center; }
#item_review .stitle span{position:relative;}
#item_review .stitle span strong{color:#F60; font-size:0.6em; position:absolute; top:-10px; left:50%; margin-left:-5px;}
#item_review .rev{margin:40px 0;}
#item_review .rev .list{width:100%; padding:0; margin-right:0; margin-bottom:25px; border-radius:0; background:none; box-shadow:none; padding-bottom:20px; /*border-bottom:1px solid rgba(0,0,0,0.1);*/}
#item_review .rev .list:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
#item_review .mg{float:left; width:40px; height:40px; border-radius:50%; overflow:hidden; position:relative; background-size:cover !important}
#item_review .mg img{height:100%;/* width: 100%; */position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#item_review .info{float:left; width:calc(100% - 100px); margin-left:25px; transition: all 0.5s;}
#item_review .info .cate{display:inline-block; padding:5px 10px 4px 10px ;border-radius:20px; background:#adbec7; color:#fff; font-size:0.9em; text-align:center;}
#item_review .info .tit{font-size:1.30em; color:#333; font-weight:500; margin:0 0 8px}
#item_review .info .txt{margin:0 0 8px 0; /*height:60px; max-height:58px;*/ word-wrap:break-word; /*display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;*/ font-size:1.07em; color:#444}
#item_review .info .nick{color:#333; font-size:1.12em; font-weight:500; margin:0 0 3px}
#item_review .info .nick span{margin-right:3px;}
#item_review .info .nick span.del{ opacity:.6; font-size: 0.85em;letter-spacing: -.050em !important; color:#555; margin:0 0 0 5px}
#item_review .info .nick span.edit{ opacity:.6; font-size: 0.85em;letter-spacing: -.050em !important; color:#555; margin:0 0 0 5px}
#item_review .info .date{color:#555; font-size:0.80em; position:relative; margin:0 0 10px; letter-spacing:-.050em !important; opacity:.7}
#item_review .info .date span{ margin:0 0 0 10px}
#item_review .info .date span i{color: #ffae00 !important; margin: 0 3px 0 0;}
#item_review .info .date_mem{color:#555; font-size:0.80em; position:relative; margin:0; letter-spacing:-.050em !important; opacity:.7}
#item_review .info .date_mem span{ margin:0 0 0 10px}
#item_review .info .date_mem span i{color: #ffae00 !important; margin: 0 3px 0 0;}
#item_review .info .date_inquiry{color:#999; font-size:0.9em; position:relative; margin:0 0 0 10px}
#item_review .info .star{position:absolute; right:0; bottom:0;}
#item_review .info .star span{color:#999;}
#item_review .info .star span.on{color: #FC0;}
#item_review .info .pay{position:absolute; right:0; bottom:0; font-size:1.30em; color:#333; font-weight:500;}
#item_review .reply{ padding: 20px 20px 20px 40px; background:url(../../../../basic/img/sub/inverse_arrow.png) no-repeat 15px 20px #f1f0f5; margin:20px 0 0; min-height: 60px;}
.re{ padding:0 0 15px 30px; float:left; width:calc(100% - 0px) !important; background:url(../../../../img/app/icon_reply.gif) no-repeat 8px 19%}
@media (max-width: 1199px) {
#item_review .in{width:100%; padding:10px;}
#item_review .title{font-size:1.3em; margin-bottom:10px;}
#item_review .stitle{font-size:0.98em;}
#item_review .rev{margin:0px 0 20px 0;}
#item_review .rev .list{width:100%; padding:0; margin-right:0; margin-bottom:15px; border-radius:0; background:none; box-shadow:none; padding-bottom:10px; /*border-bottom:1px solid rgba(0,0,0,0.04);*/}
#item_review .rev .list:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0; border:0 !important}
/*#item_review .mg{width:50px; height:50px; border-radius:50%;}*/
#item_review .info{width:calc(100% - 55px); margin-left:15px; transition: all 0.5s;}
#item_review .info .cate{padding:4px 8px 3px 8px; font-size:0.8em; }
#item_review .info .nick{font-size:1.15em; letter-spacing:0}
#item_review .info .date{font-size:0.95em; letter-spacing:0}
#item_review .info .date_mem{font-size:0.95em; letter-spacing:0}
}
#reply .cmt { /*position:relative*/}
#reply .cmt .review_textarea{  border:0px solid #ddd; border-radius: 4px;}
#reply .cmt .review_textarea .btn_multiimg{position:absolute; bottom:5px; right:5px;}
#reply .cmt .review_textarea .btn_multiimg i{ font-size:1.8em; padding:5px; background: rgba(250,250,250,0.98); border: 1px solid #ddd; border-radius: .25rem;}
#reply .cmt p{ font-size:1.20em; margin:17px 0 0 !important; color:#777}
#reply .cmt #cmt_btn_submit{    width: 100%;
    margin-left: 0px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #c9c8d5;
    color: #403944;
    height: auto;
	padding:15px 0;
    font-size: 1.2em;
    position: relative;
    top: 0px;
    right: 0px;
	font-weight:500;
	transition:all 0.3s;}
#reply .cmt textarea{ width:calc( 100% - 40px); border:0px solid #ddd; padding:15px; transition:all 0.3s; border-radius: 4px; outline-style:none}
.comm_cont{ opacity:.7; font-size: .95em; margin:0 0 10px}
.multithumb { text-align:right}
.multithumb li{ display:inline-block; margin:0 0 0 2px}
.multithumb li.img{ background-size:cover !important; width:30px; height:25px; border-radius:.25rem}
/*리뷰이미지 로딩*/
.loading_Area{position:fixed;z-index:99999;left:50%;top:50%;transform:translate(-50%,-50%); display:none;}
.loading_circle
{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:70px;
  height:70px;
  background:transparent;
  border:3px solid rgba(0,0,0,.12);
  border-radius:50%;
  text-align:center;
  line-height:70px;
  font-family:sans-serif;
  font-size:20px;
  color:#fff000;
  letter-spacing:4px;
  text-transform:uppercase;
  /*text-shadow:0 0 10px #fff000;
  box-shadow:0 0 20px rgba(0,0,0,.5);*/
}
.loading_circle:before
{
  content:'';
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:3px solid transparent;
  border-top:3px solid #5c56d1;
  border-right:3px solid #5c56d1;
  border-radius:50%;
  animation:animateC 1s linear infinite;
}
loading_circle span
{
  display:block;
  position:absolute;
  top:calc(50% - 2px);
  left:50%;
  width:50%;
  height:4px;
  background:transparent;
  transform-origin:left;
  animation:animate 1s linear infinite;
}
loading_circle span:before
{
  content:'';
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff000;
  top:-6px;
  right:-8px;
  box-shadow:0 0 20px #fff000;
}
@keyframes animateC
{
  0%
  {
    transform:rotate(0deg);
  }
  100%
  {
    transform:rotate(360deg);
  }
}
@keyframes animate
{
  0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}
/*마이페이지*/
.mem_info{ padding:20px; margin:12px 0 0; background:#fff;}
.mem_info .request a{background: none;
    padding: 20px 30px;
    color: #222 !important;
    border: 1px solid #222;
    font-size: 1.15em;
    display: inline-block;
    margin: 20px 0 0;
	transition: all 0.5s;
	text-align:center;
	width:100%;
}
.mem_info .request a:hover{background:#7d75dc;
    color: #fff !important;
    border: 1px solid #7d75dc;
    font-size: 1.15em;
    display: inline-block;
    margin: 20px 0 0;
	transition: all 0.5s;
	text-align:center;
	width:100%;
}
.mem_info .myimg{text-align:center; width:100%; height:auto; margin:0 auto; position:relative; margin-bottom:15px;}
.mem_info .myimg .img_rd{width:110px; height:110px; overflow:hidden; border-radius:50%; border:0px; background:#fff; margin: 0px auto; position:relative; background-size:cover !important}
.mem_info .myimg .img_rd i{ margin:0; font-size:3.0em; line-height: 110px; color: #362de4;}
.mem_info .myimg .img_rd img{ width:110px; height:auto;}
.mem_info contact span{}
.mem_info p{ font-size:1.07em; line-height:1.6em; color:#555}
.mem_info p span{ margin:0 10px}
.mem_info p span.icon_cate{    
    background: #5d5b78;
    color: #fff;
    padding: 6px 10px;
    margin: 0 0 0 5px;
    font-size: .65em !important;
    font-weight: 400;
    border-radius: 3px;
    vertical-align: middle;
    opacity: 1 !important;
	}
.mem_info p span.icon_cate.myfood{background: #5c56d1;}
.mem_info p.name{font-size:1.4em; line-height:1.5em; color:#222; margin:15px 0; font-weight:500}
.mem_info .profile ul{ border-top:1px solid #555; background:#f4f5f8; margin:20px 0}
.mem_info .profile ul:after{display:block; content:""; clear:both;}
.mem_info .profile li{ display:inline-block; width:33.333%; text-align:center; float:left; padding:20px 20px 10px; position:relative}
.mem_info .profile li:first-child:after{ display:none}
.mem_info .profile li:after{ display:inline-block; content:''; width:1px; height:50%; background:#e5e7eb; position:absolute; top:25%;  margin: 0 0 0 -50%; left: 50%;}
.mem_info .profile li dt{font-size:1.0em; color:#777; font-weight:400}
.mem_info .profile li dd{font-size:1.30em; color:#222; font-weight:500; margin:5px 0 0}
.mem_info .contact i{color: #ffd400; font-size: .85em;}
.mem_info .contact svg{color: #ffd400; font-size: .85em;}
.mem_info .edit a{display:block; padding:9px 12px; border:1px solid #ddd; background:#fff; box-shadow:2px 2px rgba(0,0,0,0.06); border-radius:4px; margin:7px 0 0; font-size:1.10em; font-weight:500; color:#333 !important}
.mem_info .edit a:hover{background:#7d75dc; border:1px solid #7d75dc; color:#fff !important;}
.mem_info .certi h4{ margin: 30px 0 10px; font-size: 1.15em; line-height: 1.7em; color: #333;}
.mem_info .certi .certi_list li{ 
    display:inline-block; 
    border-radius: 30px;
    background: #f3f3f3;
    text-align: center;
    padding: 7px 12px;
    color: #999;
    font-size: 1.0em;
    margin: 10px 2px 0;
    display: inline-block;
}
.btn_mod:before{
	content: '';
    display: block;
    font-family: "Font Awesome 5 Pro";
    content: "\f030";
    position: absolute;
	color:#fff;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.btn_mod {
    position: absolute;
    left: 50%;
    bottom: 60px;
	margin-left: 20px;
    display: inline-block;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    background:#464461;
    background-size: 40%;
    text-align: center;
    padding: 10px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
	z-index:10;
}
/*찜매물요약*/
.item_idx ul{ margin:20px 0 0px}
.item_idx ul:after{display:block; content:""; clear:both;}
.item_idx li{ display:inline-block; width:31.333%; margin:0 2% 0 0; text-align:center; float:left; padding:10px; position:relative; text-align:center; background:#ffae00;}
.item_idx li:nth-child(2){ margin:0 1% 0 1%; background:#5c56d1}
.item_idx li:nth-child(3){ margin:0 0 0 2%; background:#5d5b78}
.item_idx li dl{ margin:0 0 0 !important}
.item_idx li dt{font-size:1em; color:#fff; opacity:.8; font-weight:400}
.item_idx li dd{font-size:1.35em; color:#fff; font-weight:500}
.item_idx li:nth-child(1) dt{color:#4c3606; opacity:.8; font-weight:400}
.item_idx li:nth-child(1) dd{color:#4c3606; font-weight:500}
.item_idx li dd span{ font-size:.65em; margin:0 0 0 3px}
.item_idx li dt i {
    display: block;
    margin: 0 0 12px;
    font-size: 1.6em;
	text-align: left;
}
/*급식/시식신청*/
.item_request ul{ margin:20px 0}
.item_request ul:after{display:block; content:""; clear:both;}
.item_request li{ display:inline-block; width:48%; margin:0 2% 0 0; text-align:center; float:left; padding:10px; position:relative; text-align:center; background:#ffae00;}
.item_request li:nth-child(2){ margin:0 0 0 2%; background:#5c56d1}
.item_request li:nth-child(3){ margin:0 0 0 2%; background:#5d5b78}
.item_request li dl{ margin:0 0 0 !important}
.item_request li dt{font-size:1.12em; color:#fff; opacity:.8; font-weight:400}
.item_request li dd{font-size:1.435em; color:#fff; font-weight:500}
.item_request li:nth-child(1) dt{color:#4c3606; opacity:.8; font-weight:400}
.item_request li:nth-child(1) dd{color:#4c3606; font-weight:500}
.item_request li dd span{ font-size:.65em; margin:0 0 0 3px}
.item_request li dt i {
    display: block;
    margin: 0 0 12px;
    font-size: 1.6em;
}

/*위치별 신청현황*/
#myarea .nav-tabs li{width:50%;}
#myarea .nav-tabs>li>a{font-size:1.3em; line-height:1.5em; text-align:center; color:rgba(255,255,255,0.5); background:#4D4D4D; border-radius:0; border:0; margin-right:1px; padding:15px 0;}
#myarea .nav-tabs>li.active>a{ font-weight:600; color:#fff;}

#myarea .tab-content{/*position:fixed; height:calc(100% - 180px);*/ width:100%; /*left:0px; top:116px;*/}
#myarea .tab-pane{height:100%; position: fixed; width: 100%; padding: 0 0 130px;}
#myarea .tab-pane:after{content:""; display:block; clear:both;}
#myarea .city{ float:left; width:30%; background:#F1F1F1; overflow-y:scroll; height:100%;}
#myarea .city li{ padding:15px; font-size:1.2em; text-align:center; border-bottom:1px solid #E3E3E3;}
#myarea .city li.on{ background:#5c56d1; color:#fff; font-weight:600;}
#myarea .district{ float:right; width:70%; background:#fff; padding:5px 10px; overflow-y:scroll; height:100%;}
#myarea .district li{ padding:8px 20px; border-bottom:1px solid #EDEDED; position:relative;}
#myarea .district li span{ 
    margin:0 0 0 7px; 
	background: #5c56d1;
    color: #fff;
    padding: 3px 7px;
    font-size: .80em !important;
    font-weight: bold;
    border-radius: 3px;
    vertical-align: middle;
	letter-spacing:0;
}
#myarea .district li:after{
	font-family: "Font Awesome 5 Pro";
    color: #979797;
    content: "\f105";
	position:absolute;
	top:50%; left:90%; transform:translateY(-50%);
	font-weight:300;
}

/*기업식수현황*/
#my_cust{ margin:0 20px}
#my_cust header{ margin:30px 0 10px; position:relative;}
#my_cust header div.date{ font-size:2.2em; font-weight:600;}
#my_cust header p{ position:absolute; right:0; top:0px; text-align:right}
.my_cust{ margin:5px 0 0}
.my_cust ul > li{/*background:#5c56d0;*/ background:#fff; padding:20px; border-radius:7px; margin:0 0 10px; position:relative; box-shadow: 3px 0px 10px rgb(0 0 0 / 15%);}
.my_cust ul > li div.end{ background:rgba(53,50,96,.55); position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; border-radius:7px; text-align: center; padding: 25px;}
.my_cust ul > li div.end p{color: #fff; font-weight:600; font-size:1.17em; }
.my_cust ul > li div.end a{color: #fff; background: #5c56d1; font-weight: 500; padding: 7px 12px; font-size:.92em; text-align: center; border-radius: 3px; display:block; margin:5px 0 0; display:inline-block}
.arr{ position:absolute; top:15px; right:20px; z-index:1}
/*.my_cust ul > li:nth-child(2n){ background:#fff}
.my_cust ul > li:nth-child(2n) > ul > li { background:#fff}*/
.my_cust ul > li div.btn_compl{ position:absolute; top:-7px; right:0; z-index:2; width:30px; height:30px; color:#fff; font-weight:bold; font-size:1.15em; border-radius:7px; text-align:center; line-height:30px; color:#fff; background: #5689f5;}
.my_cust ul > li div.compl{ position:absolute; background:rgba(16,31,64,.85); width:100%; height:100%; opacity:.7; top:0; left:0; border-radius:7px; z-index:1;}
.my_cust ul > li > ul{}
.my_cust ul > li > ul > li{ box-shadow:none !important; margin:0 !important; padding:0}
.my_cust ul > li > ul > li dl{ margin:0 !important}
.my_cust ul > li > ul > li dt{ color:#333; font-size:1.3em; font-weight:600; margin:0}
.my_cust ul > li > ul > li dt span{background: #ffc107;
    color: #4f4735;
    padding: 3px 7px;
    margin: 0 0 3px 7px;
	display: inline-block;
    font-size: .60em;
    font-weight: bold;
    border-radius: 3px;
    vertical-align: bottom;
	animation: free 2s infinite;
    opacity: 1 !important;
	}
.my_cust ul > li > ul > li dt span.comp{background:#36354d;}
.my_cust ul > li > ul > li dt span.bef{background:#b7b6c6}
.my_cust ul > li > ul > li dd{ color:#333; font-size:1.22em; font-weight:400; margin:0}
.my_cust ul > li:nth-child(2n) > ul > li dt { color:#333}
.my_cust ul > li:nth-child(2n) > ul > li dd { color:#333}
.my_cust ul > li > ul > li dd span{ font-weight:400; opacity:.8; font-size:.85em; margin:0 5px 0 0}
.my_cust ul > li > ul > li dd span.sche{ opacity:.6}
.food_schedule{ display:none; transition: opacity 1s ease; margin:20px 0 0; width:100%; border-top:1px solid #e1dede; padding:20px 0 0;}
.food_schedule a{    
    background: #273553;
    color: rgba(255,255,255,.92);
    padding: 8px 15px;
    font-size: 1.07em;
    border: 0px solid #273553;
    line-height: 20px;
    border-radius: 7px;
    vertical-align: bottom;
	margin:0 1%;
	width:48%;
	text-align:center;
	display:inline-block;
	}
.food_schedule a:nth-child(2){ background: #5689f5;}
.food_schedule p{ font-size:1.10em; letter-spacing:0; font-weight:600; position:relative}
.food_schedule p span.scroll{ position:absolute; right:0; background:none; display:none}
.food_schedule p span.scroll img{ height:20px}
.food_schedule p span{background:#5c56d0; color:#fff; padding:3px 7px; margin:0; font-size:.80em; font-weight:bold; border-radius:3px; vertical-align: bottom; opacity:1 !important}
.period{ margin:0 0 10px}
.search_peri{ margin:0 0 27px}
.search_peri > ul:after{display:block;clear:both;content:''}
/*.search_peri > ul > li{ display:inline-block; padding:0; margin:0; box-shadow:none; position:relative; width:38%; text-align:center; float:left}*/
.search_peri > ul > li{ display:inline-block; padding:0; margin:0; box-shadow:none; position:relative; width:100%; margin:0 0 5px; text-align:center; float:left}
.search_peri > ul > li i{ position:absolute; right:7px; top:8px}
.search_peri > ul > li:nth-child(2){ width:5%; vertical-align:middle; display:none}
/*.search_peri > ul > li:nth-child(4){ width:17%; margin:0 0 0 2%}*/
.search_peri > ul > li:nth-child(4){ width:100%; margin:0}
.search_peri input[type=text]{ border-radius: 4px; border:1px solid #ccc; background:#fff; width:100%; text-indent: 10px;}
.search_peri .btn_submit{ height:36px; background:#5c56d0; line-height: 36px; padding: 0 10px; font-size: 1.05em !important; font-weight: 500; border:0; width:100%; text-align:center}

/*업체검색*/
#mycust_sch select, select#ca_name{}
#mycust_sch{ box-shadow: 3px 0px 10px rgb(0 0 0 / 15%); background:#fff;  padding:8px 20px; border-radius:7px; position: relative; margin:27px 0 0;}
#mycust_sch input[type=text]{border:0px !important; outline-style: none; width:90%; /*right:10%; position:absolute; height:auto !important;*/ background:transparent !important}
#mycust_sch input[type=text]::-webkit-input-placeholder { font-size:1.10em; color: #555; }
#mycust_sch input[type=text]::-moz-placeholder { font-size:1.10em; color: #555; }
#mycust_sch input[type=text]:-ms-input-placeholder { font-size:1.10em; color: #555; }
#mycust_sch input[type=text]:-moz-placeholder { font-size:1.10em; color: #555; }
#fregisterform #reg_mb_email, #fregisterform .frm_address{width:100%;}
#mycust_sch i{ position:absolute; right:12px; top:10px; font-size:1.65em; color:#5c56d1}
/*#cust_sch .ic_back i{position:absolute; font-size:2.0em; left:0px !important; top:0px !important; color:#333 !important}*/

/*시식/급식신청 탭*/
#tab-menu {
  width: 100%; 
  position: relative; left: 50%;
  transform: translatex(-50%);
  border-radius: 4px;
  margin:10px 0 0;
}
#tab-btn ul {
  overflow: hidden;
  /*background : #ffae00;*/
  background: #5d5b78
}
#tab-btn li {
  float: left; width: 50%; text-align: center;
}
/*#tab-btn li a {
  display: block;
  padding: 15px 20px; 
  font-weight: 500;
  font-size:1.20em;
  opacity:.5;
}*/
#tab-btn li a {
  display: block;
  padding: 15px 20px; 
  font-weight: 300;
  font-size:1.20em;
  opacity:.7;
  color: #fff;
}
/*#tab-btn li.active a {
  border-bottom: 0px solid #2b210e;
  color: #fff;
  font-weight:bold;
  background:#5d5b78;
  opacity:1 !important;
}*/
#tab-btn li.active a {
  border-top: 1px solid #5d5b78;
  color: #5d5b78;
  font-weight:bold;
  background:#fff;
  opacity:1 !important;
}
#tab-cont {width: 100%; background: #fff; padding: 20px 0; font-size:1.15em; }
#tab-cont div > dl { position:relative; margin:0}
#tab-cont div > dl > dt { font-weight:bold; line-height:33px}
#tab-cont div > dl > dt span{ margin:0 10px 0 0;}
#tab-cont div > dl > dt span.cate{ background: #5d5b78; color: #fff; padding: 3px 7px; margin: 0 5px 0 0; font-size: .80em !important; font-weight: bold; border-radius: 3px; vertical-align: middle;}
#tab-cont div > dl > dd { position:absolute; right:0; top:0}
#tab-cont div > dl > dd.btn_group{}
#tab-cont dd.btn_group ul{ }
#tab-cont dd.btn_group ul:after{content:""; display:block; clear:both;}
#tab-cont dd.btn_group li{ float:left; display:inline-block; width:50%; text-align:center; padding:7px 10px; font-size:.95em; background:#5d5b78;}
#tab-cont dd.btn_group li:first-child{ background:#ffae00}
#tab-cont dd.btn_group li a{ display:block; color:#fff; font-size:.9em; font-weight:500;}
#tab-cont dd.btn_group li:first-child a{ color:#4c3606}

/*댓글*/
.rep{ padding:15px}

/*게시판 하단버튼*/
#us_btn{    
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 12;
    width: 100%;
    background: rgba(250,250,250,0.8);
    border-top: 1px solid #eee;
    padding: 15px 10px;
}
#us_btn ul{ }
#us_btn ul:after{content:""; display:block; clear:both;}
#us_btn li{ float:left; display:inline-block; width:49%; margin:0 1% 0 0;  text-align:center; line-height:50px; background:#5c56d1; border-radius:7px}
#us_btn li:nth-child(2){ margin:0 0 0 1%;}
#us_btn li:first-child{ background:#ffae00}
#us_btn li a{ display:block; color:#fff; font-size:1.25em; font-weight:600;font-family: 'Gmarket Sans',sans-serif;}
#us_btn li:first-child a{ color:#4c3606}
/*.food_btn li:nth-child(3){ background:#009688; width:50%}*/

/*탈퇴*/
.leave{ width:90%; margin:30px auto !important;}
.leave fieldset { background:#fff !important; border:0 !important}
.leave #mb_confirm_pw{ 
    width:100% !important;
	line-height: 2.9em !important;
    height: 2.9em;
    border-radius: 0.25rem;
    padding: 10px;
	}
.leave .btn_submit{
	position: relative !important;
    bottom: 20px;
    right: auto !important;
    width: 100% !important;
    height: 2.9em !important;
    line-height: 1.9em !important;
    font-size: 1.10em !important;
	border-radius:.25rem !important;
	margin:15px 0 0 !important;
	}
.leave .btn_confirm{ font-size:1.0em !important}
.leave #pw_wr_password {
    width: 100% !important;
    line-height: 2.9em !important;
    height: 2.9em;
    border-radius: 0.25rem;
    padding: 10px;
}