@charset "utf-8";

@import url('/resources/common/font-awesome/5.11.2/css/all.min.css');
@import url('/resources/common/font-awesome/4.7.0/css/font-awesome.min.css');

/*
header.t-header { z-index:1000; }
header.t-header dl.t-mysubmenu { z-index:1100; }
.t-snb { z-index:1200; }
body:not(.native-app) nav.t-gnb { z-index:1300; }
.modal-bg { z-index:1400; }
*/


body { font-family:'Apple SD Gothic Neo', 'Nanum Square', 'Nanum Gothic', '맑은 고딕', 'Dotum','돋움', 'sans-serif'; }
body { min-width:100%; max-width:100%; width:100%; -webkit-print-color-adjust: exact; }

*:not(input):not(textarea) {
	-webkit-user-select: none; /* disable selection/Copy of UIWebView */
	-webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
}

.btn label + i { margin-left:5px; }
.btn i + label { margin-left:5px; }

.t-row {}
.t-row2 {}

/* Template, 헤더 */
header.t-header { text-align:right; z-index:1000; }
header.t-header .t-header-outter { z-index:1001; }
header.t-header .t-header-container {  }
header.t-header .t-btn-menu { display:none; }
header.t-header .t-btn-menu i { margin:0; }
header.t-header dl.t-mymenu,
header.t-header dl.t-quick-menu { display:inline-block; vertical-align:top; }
header.t-header dl.t-quick-menu > dd { display:inline-block; }
header.t-header dl.t-mymenu { position:relative; }
header.t-header dl.t-mysubmenu { display:none; position:absolute; position:absolute; left:50%; transform:translate(-50%, 0%); width:150px; background-color:#fff; padding:10px 15px; z-index:1100; }
header.t-header dl.t-mysubmenu > dd { width:100%; font-weight:300; }
body.pc-web header.t-header dl.t-mymenu:hover dl.t-mysubmenu { display:block; }
.t-header-logo { display:inline-block; height:100%; float:left; }
.t-header-logo > img { height:100%; width:auto; }

@media all and (max-width: 768px){
	header.t-header .t-btn-menu { margin:10px 15px 10px; width:40px; height:40px; background-color:#fff; display:inline-block; float:left; text-align:center; }
	header.t-header nav.t-gnb { display:none; }
	header.t-header dl.t-quick-menu { display:none; }
	header.t-header dl.t-mysubmenu { display:none; }
}

/* Template, GNB */
nav.t-gnb { display:inline-block; vertical-align:top; }
nav.t-gnb dl.t-topmenu { display:inline-block; vertical-align:top; position:relative; }
nav.t-gnb dl.t-topmenu > dd > a,
nav.t-gnb dl.t-submenu > dd > a { text-decoration:none; color:inherit; }
nav.t-gnb dl.t-topmenu > dd > a:hover,
nav.t-gnb dl.t-submenu > dd > a:hover { text-decoration:none; color:inherit; }
nav.t-gnb dl.t-submenu { display:none; opacity:0; transition:all ease-in-out 1s; background-color:#fff; }
nav.t-gnb dl.t-topmenu:hover dl.t-submenu { display:block; transition:all ease-in-out 1s; opacity:1; }
nav.t-gnb dl.t-submenu:hover { display:block; transition:all ease-in-out 1s; opacity:1; }
nav.t-gnb .t-nav-close { display:none; }

/* Template, LNB */
aside.t-lnb dl { text-align:center; }
aside.t-lnb dt { display:block; }
aside.t-lnb dd { display:inline-block; }

body.native-app .t-header-outter { display:none; }

/* Template, 풋터 */
footer .t-footer-container {}
footer .t-footer-container > dd { display:inline-block; vertical-align:top; }
footer .t-term { display:block; float:left; }
footer .t-brand-logo { width:50px; height:50px; background-repeat:no-repeat; background-size:cover; clear:both; float:left; }
footer .t-corporate { float:left; }
footer .t-corporate .t-corporate-address:before { content:'주소 : '; }
footer .t-corporate .t-corporate-ceo:before { content:'대표 : '; }
footer .t-corporate .t-corporate-tel:before { content:'대표전화 : '; }
footer .t-cs-center { float:right; }
footer .t-cs-center dt:after { content:'고객센터'; }
footer .t-cs-center .t-cs-tel:before { content:'상담/문의 전화 : '; }
footer .t-cs-center .t-cs-email:before { content:'상담/문의 이메일 : '; }
footer .t-cs-center .t-cs-fax:before { content:'상담/문의 팩스 : '; }

@media all and (max-width: 768px){
	footer .t-footer-container > dd.t-brand-logo { display:none; }
	footer .t-cs-center { width:100%; }
	footer .t-corporate { width:100%; }
}


/* Template, 폼 데이터 */
.t-guide { font-size:1em; line-height:1.4em; text-align:center; }
.t-guide.t-top { margin-bottom:30px; }
.t-guide.t-bottom {}
.t-guide.t-checked {}

input[type=text]:not(:last-child),
input[type=password]:not(:last-child),
input[type=email]:not(:last-child),
input[type=tel]:not(:last-child) { width:calc(100%); margin-bottom:5px; }

.form:not(.t-custom) .t-row:not(:first-child) { margin-top:10px; }
.t-row { display:flex; align-items:center; box-sizing:content-box; width:100%; min-height:50px; }
.t-row > label { display:inline-block; width:130px; vertical-align:middle; font-size:16px; font-weight:400; }
.t-row > label + input[type=text],
.t-row > label + input[type=password],
.t-row > label + input[type=email],
.t-row > label + input[type=tel] { width:calc(100% - 130px); }
.t-row > label + span { width:calc(100% - 130px); padding:0 15px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; height:50px; line-height:50px; display:inline-block; }

@media all and (max-width: 768px){
	.form:not(.t-custom) .t-row > label { display:none; }
	.form:not(.t-custom) .t-row > [type=radio] + label { display: inline-block; }
	.t-row > label + input[type=text],
	.t-row > label + input[type=password],
	.t-row > label + input[type=email],
	.t-row > label + input[type=tel],
	.t-row > label + .t-birthday { width:calc(100%); }
}

/* Template, 회원가입시 인증번호 */
body.signup .t-row label + input[data-auth=true] { width:calc(100% - 130px - 120px); vertical-align:top; border-right:0; transition:none; }
body.signup .btn-auth { display:none; width:120px; }
body.signup .t-row [data-auth=true] + .btn-auth { display:inline-block; }



/* Template, 나의정보 수정 인증번호 */
body.myaccount .btn-auth { display:none; }
body.myaccount .t-row label + input[data-need-auth=true] { width:calc(100% - 130px - 120px); vertical-align:top; border-right:0; transition:none; }
body.myaccount .t-row label + input[data-need-auth=true] + .btn-auth { display:inline-block; }
body.myaccount .t-auth-control { display:none; }

/* Template, 비밀번호 재설정 */
body.reset-password .btn-auth { width:120px; }
body.reset-password [name=phone] { display:inline-block; width:calc(100% - 120px); vertical-align:top; border-right:0; }
body.reset-password .t-reset-type { text-align:center; margin-bottom:30px; }
body.reset-password fieldset.t-via-phone { display:none; } 

/* Template, 아이디 찾기 */
body.find-id .t-reset-type { text-align:center; margin-bottom:30px; }
body.find-id fieldset.t-via-phone { display:none; }

@media all and (max-width: 768px){
	body.signup .t-row label + input[data-auth=true] { width:calc(100% - 120px); }
}


label.t-required:after { content:'*'; color:#f00; }

fieldset legend { margin-bottom:10px; }
fieldset input { margin-bottom:5px; }

.t-password-confirm {}

label + .t-address-group { display:inline-block; width:calc(100% - 130px); vertical-align:middle; }
.t-address-group {}
.t-address-group input.t-postcode { width:100px; vertical-align:bottom; margin-right:5px; vertical-align:top; }
.t-address-group .btn-addr {}
.t-address-group input.t-address { margin-top:5px; }
.t-address-group input.t-address-detail { margin-top:5px; }

label + .t-birthday { display:inline-block; width:calc(100% - 130px); vertical-align:middle; }
.t-birthday { display:inline-block; width:calc(100% - 130px); }
.t-birthday .nice-select { width:calc(33%); display:inline-block; max-width:100px; clear:none; }
.t-birthday .nice-select:not(:last-child) { margin-right:5px; }
.t-birthday .nice-select .list { left:0; right:0; max-height:200px; overflow:auto;}

.form:not(.t-custom) .t-row.t-terms { margin-top:30px; }

/* Template, 커스텀 폼 데이터 */
.form.t-custom .t-row:first-child { border-top:2px solid #6B6C6C; }
.form.t-custom .t-row { border-bottom:1px solid #d2d2d2; height:50px; }
.form.t-custom .t-row label { display:inline-block; width:130px; background-color:#F0F1F2; line-height:50px; padding:0 15px; vertical-align:middle; }
.form.t-custom .t-row input[type=text],
.form.t-custom .t-row input[type=email],
.form.t-custom .t-row input[type=tel],
.form.t-custom .t-row .nice-select { margin:0 15px; width:calc(100% - 145px); vertical-align:middle; height:36px; }
.form.t-custom .t-row.t-row2 .t-col { display:inline-block; width:calc(50%); vertical-align:top; overflow:hidden; }
.form.t-custom .t-row.t-row2 .t-col > label + span { width:calc(100% - 130px); padding:0 15px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; height:50px; line-height:50px; display:inline-block; }

@media all and (max-width: 768px){
	.form.t-custom .t-row.t-row2 { min-height:100px; box-sizing:content-box; width:100%; }
	.form.t-custom .t-row.t-row2 .t-col { display:block; width:calc(100%); height:50px; }
	.form.t-custom .t-row.t-row2 .t-col + .t-col { border-top:1px solid #d2d2d2; }
}

/* Template, 본인확인 비밀번호 입력 */
.form:not(.t-custom) .t-row.t-confirm-password { margin-top:40px; }
.form:not(.t-custom) .t-row.t-confirm-password label { width:calc(100% - 200px);}
.form:not(.t-custom) .t-row.t-confirm-password label:after { content:'본인확인을 위해 비밀번호를 입력해주세요'; }
.form:not(.t-custom) .t-row.t-confirm-password [type=password][name=password] { width:100%; margin-top:5px; }

/* Template, 문의게시판 */
.form.t-custom .t-qna-info {}
.form.t-custom .t-qna-info .t-qna-author [name=author],
.form.t-custom .t-qna-info .t-qna-email [name=email],
.form.t-custom .t-qna-info .t-qna-sms [name=phone] { width:calc(100% - 320px); }
.form.t-custom .t-qna-info .t-qna-author [name=password] { width:155px; }

/* Template, 1:1 문의 */
.form.t-custom .t-inquiry-info .t-reply-email input[type=email],
.form.t-custom .t-inquiry-info .t-reply-sms input[type=tel] { margin:0 15px; width:calc(100% - 330px); vertical-align:middle; }
.form.t-custom .t-inquiry-tag { border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:30px 0; }
.form.t-custom .t-inquiry-tag img { max-width:100%; max-height:auto; }


/* Template, 게시판 상세 / 글쓰기 */
body.board.write .t-content-info .t-row.t-title [type=text] { width:calc(100% - 250px); }	

@media all and (max-width: 768px){
	.t-content-info .t-row.t-title [type=text] { width:calc(100% - 250px); }
}

/* Template, 컨텐츠 SNS 공유 */
ul.t-content-shares { display:block; margin:10px 0; }
ul.t-content-shares li { display:inline-block; font-size:30px; }
ul.t-content-shares li:not(:last-child) { margin-right:1px; }

.fab.fa-facebook-square 	{ color:#3B5998; }
.fab.fa-twitter-square   	{ color:#55ACEE; }
.fab.fa-google-plus-square { color:#dd4b39; }
.fab.fa-instagram-square 	{ color:#125688; }
.fab.fa-tumblr-square    	{ color:#2c4762; }
.fab.fa-pinterest-square 	{ color:#cb2027; }
.fab.fa-linkedin  			{ color:#007bb5; }

/* Template, 상세화면 버튼 컨트롤 */
.t-content-control { text-align:center; }
.t-content-control.top { margin:20px 0;}
.t-content-control.bottom { margin:20px 0; }
.t-content-control .btn { vertical-align:middle; width:100px; }
.t-content-control .t-page-link { text-align:left; }
.t-content-control .t-page-link a { display:block; height:30px; line-height:30px; padding-bottom:5px; box-sizing:content-box; overflow:hidden; }
.t-content-control .t-page-link a:nth-of-type(2) { padding-top:5px; }
.t-content-control .t-page-link a i { margin-right:15px; border:1px solid #d2d2d2; border-radius:30px; width:30px; height:30px; line-height:30px; text-align:center; }
.t-content-control .t-page-link a label { margin-right:20px; font-weight:600; }
.t-content-control .t-buttons { margin-top:10px; }

/* Template, 상세화면 태그 */
.t-content-tag {}
.t-content-tag img { max-width:100%; max-height:auto; }

body.write input[type=file] { width:1px; height:1px; opacity:0; }

/* Template, 컨텐츠 댓글 */
ul.t-comments { margin-top:40px; }
ul.t-comments li.t-comments-header { font-size:14px; }
ul.t-comments li.t-comments-header i { margin-right:8px; }
ul.t-comments li.t-comments-header span { margin-left:3px; }
ul.t-comments li.t-comment-write { margin:10px 0 20px; }
ul.t-comments li.t-comment-reply { padding:10px 0; }
ul.t-comments li.t-comment-reply:not(:last-child) { border-bottom:1px solid #d2d2d2; }
ul.t-comments li.t-comment-reply .t-user-name { display:inline-block; font-size:14px; height:30px; line-height:30px; width:calc(100% - 150px); overflow:hidden; text-overflow:ellipsis; }
ul.t-comments li.t-comment-reply .t-tools { display:inline-block; float:right; }
ul.t-comments li.t-comment-reply .t-tools button { font-size:12px; height:28px; line-height:28px; padding:0 5px; }
ul.t-comments li.t-comment-reply .t-tools .btn-edt,
ul.t-comments li.t-comment-reply .t-tools .btn-ok { border-right:0; }
ul.t-comments li.t-comment-reply p.t-comment-tag { margin:10px 0; }
ul.t-comments li.t-comment-reply .t-date { font-size:.9em; color:#555; }
ul.t-comments li.t-comment-reply .t-comment-tag {}
ul.t-comments .t-comment-write textarea { width:calc(100% - 80px); vertical-align:top; }
ul.t-comments .btn-write { display:inline-block; width:80px; height:100px; vertical-align:top; border-left:0; }

ul.t-comments li.t-comment-reply .t-tools .btn-ok,
ul.t-comments li.t-comment-reply .t-tools .btn-cancel { display:none; }

ul.t-comments li.t-comment-reply.edit .t-tools .btn-edt,
ul.t-comments li.t-comment-reply.edit .t-tools .btn-rm { display:none; }
ul.t-comments li.t-comment-reply.edit .t-tools .btn-ok,
ul.t-comments li.t-comment-reply.edit .t-tools .btn-cancel { display:inline-block; }

/* Template, 1:1 문의 답변 */
ul.t-inquiry-replies { margin-top:30px; }
ul.t-inquiry-replies li.t-inquiry-reply-write {}
ul.t-inquiry-replies li.t-inquiry-reply-write textarea { width:calc(100% - 80px); vertical-align:top; }
ul.t-inquiry-replies li.t-inquiry-reply-write button { display:inline-block; width:80px; height:100px; vertical-align:top; border-left:0; }
ul.t-inquiry-replies li.t-inquiry-reply {}
ul.t-inquiry-replies li.t-inquiry-reply .t-inquiry-reply-header { font-size:14px; height:30px; line-height:30px; }
ul.t-inquiry-replies li.t-inquiry-reply .t-inquiry-reply-header i { margin-right:4px; }
ul.t-inquiry-replies li.t-inquiry-reply .t-inquiry-reply-header span { margin-left:3px; }
ul.t-inquiry-replies li.t-inquiry-reply .t-tools { display:inline-block; float:right; }
ul.t-inquiry-replies li.t-inquiry-reply .t-tools button { font-size:12px; height:28px; line-height:28px; padding:0 5px; }
ul.t-inquiry-replies li.t-inquiry-reply .t-tools .btn-edt,
ul.t-inquiry-replies li.t-inquiry-reply .t-tools .btn-ok { border-right:0; }
ul.t-inquiry-replies li.t-inquiry-reply .t-reply-tag { margin:10px 0; }
ul.t-inquiry-replies li.t-inquiry-reply .t-date { font-size:.9em; color:#555; }
ul.t-inquiry-replies li.t-inquiry-reply .btn-write { display:inline-block; width:80px; height:100px; vertical-align:top; border-left:0; }

ul.t-inquiry-replies li.t-inquiry-reply .t-tools .btn-ok,
ul.t-inquiry-replies li.t-inquiry-reply .t-tools .btn-cancel { display:none; }

ul.t-inquiry-replies li.t-inquiry-reply.edit .t-tools .btn-edt,
ul.t-inquiry-replies li.t-inquiry-reply.edit .t-tools .btn-rm { display:none; }
ul.t-inquiry-replies li.t-inquiry-reply.edit .t-tools .btn-ok,
ul.t-inquiry-replies li.t-inquiry-reply.edit .t-tools .btn-cancel { display:inline-block; }

/* Template, 문의게시판 답변 */
ul.t-qna-comments {}
ul.t-qna-comments .t-user-name { display:inline-block; font-size:14px; height:30px; line-height:30px; max-width:calc(100% - 300px); overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
ul.t-qna-comments .t-date { font-size:.9em; color:#555; }
ul.t-qna-comments .t-reply-tag { margin:10px 0; }
li.t-qna-reply { padding:10px 0; }
li.t-qna-reply .t-tools { display:inline-block; float:right; }
li.t-qna-reply .t-tools button { font-size:12px; height:28px; line-height:28px; padding:0 5px; }
li.t-qna-reply .t-tools .btn-edt,
li.t-qna-reply .t-tools .btn-ok { border-right:0; }
li.t-qna-reply .t-tools .btn-ok,
li.t-qna-reply .t-tools .btn-cancel { display:none; }
li.t-qna-reply.edit .t-tools .btn-edt,
li.t-qna-reply.edit .t-tools .btn-rm { display:none; }
li.t-qna-reply.edit .t-tools .btn-ok,
li.t-qna-reply.edit .t-tools .btn-cancel { display:inline-block; }
li.t-qna-write textarea { width:calc(100% - 80px); vertical-align:top; }
li.t-qna-write .btn-write { display:inline-block; width:80px; height:100px; vertical-align:top; border-left:0; }

body.qna.list {}
body.qna.list .column-title i.fa { margin-right:10px; font-size:11px; border:1px solid #d2d2d2; width:30px; height:30px; line-height:30px; text-align:center; }
.t-replied { display:inline-block; margin-right:10px; border:1px solid #d2d2d2; border-radius:0; padding:0 5px; height:30px; line-height:30px; }

body.list section.t-search { display:none; }

/* Template, 첨부파일 */
.t-attach-file { display:inline-block; width:calc(100% - 130px); vertical-align:top; height:100%; padding:8px 15px; }
.t-attach-file dl.t-file-list { display:inline-block; height:34px; line-height:34px; width:calc(100% - 80px); padding:0 10px; }
.t-attach-file dl.t-file-list dd { position:relative; display:inline-block; border-radius:20px; height:20px; line-height:20px; background-color:#fff; padding-left:10px; padding-right:10px; overflow:hidden; vertical-align:middle; }
.t-attach-file dl.t-file-list dd:not(:last-child) { margin-right:5px; }
.t-attach-file dl.t-file-list dd > small { height:20px; max-width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:20px; padding:0; font-size:12px; vertical-align:middle; display:inline-block; margin-left:11px; }
.t-attach-file dl.t-file-list dd i { width:20px; height:20px; font-size:12px; position:absolute; left:9px; top:4px; }
.t-attach-file dl.t-file-list dd i.fa-times-circle { right:0; left:''; left:unset; }

.form.t-custom .t-attach-file label.btn-add-file { float:right; height:34px; width:80px; line-height:34px; border-left:0; cursor:pointer; }

.t-attach-file.t-attach-file-write dl.t-file-list { border:1px solid #d2d2d2; }
.t-attach-file.t-attach-file-write dl.t-file-list dd { padding-right:25px; background-color:#f1f1f1; }

/* Template, 소셜네트워크 메뉴 */
aside.t-snb { position:fixed; z-index:1200; }
aside.t-snb dd { background-repeat:no-repeat; background-size:contain; text-align:center; }
aside.t-snb dd > a { display:block; margin:0 auto; }
aside.t-snb dd.t-facebook > a { background-image:url('/resources/common/img/icon-sns/facebook-50.png'); }
aside.t-snb dd.t-instagram > a { background-image:url('/resources/common/img/icon-sns/instagram-50.png'); }
aside.t-snb dd.t-kakao-plus > a { background-image:url('/resources/common/img/icon-sns/kakao-plus-50.png'); }
aside.t-snb dd.t-kakao-story > a { background-image:url('/resources/common/img/icon-sns/kakao-story-50.png'); }
aside.t-snb dd.t-naver-blog > a { background-image:url('/resources/common/img/icon-sns/naver-blog-50.png'); }
aside.t-snb dd.t-twitter > a { background-image:url('/resources/common/img/icon-sns/twitter-50.png'); }

@media all and (max-width: 768px){
	aside.t-snb { display:none; }
}

/* Template, 달력 */
.t-calendar { padding:30px 10px 30px 10px; max-width:800px; margin-left:auto; margin-right:auto; height:100%; }
.t-calendar .fc-header-toolbar h2 { font-weight:400; }
.t-calendar .fc-header-toolbar .fc-button { border:1px solid #d2d2d2; background-image:none; background-color:#fff; box-shadow:none; line-height:1em; }
.t-calendar .fc-widget-header { height:40px; line-height:40px; font-weight:200; border-top:1px solid #646464; border-bottom:1px solid #646464; }
.t-calendar .fc-sun { color:#f00; }
.t-calendar .fc-sat { color:#2F7FDC; }
.t-calendar .fc-day-top { font-weight:200; }
.t-calendar .fc-day { font-weight:200; }
.t-calendar .fc-day-number { margin-top:10px; margin-right:10px; }
.t-calendar.t-schedule .event { padding:5px 15px; font-size:13px; margin:1px auto; color:#fff; background-color:#2CC55D; line-height:15px; border-radius:15px; }
.t-calendar.t-schedule .event p { font-size:12px; }
.t-calendar.t-schedule .schedule-list-month { padding: 15px 10px; word-break: break-word; }
.t-calendar.t-schedule .schedule-list-month:not(:first-of-type) { padding-top: 25px; }
.t-calendar.t-schedule .schedule-list-month > dt { display: flex; align-items: baseline; }
.t-calendar.t-schedule .schedule-list-month > dd { padding-top: 7px; }
.t-calendar.t-schedule .schedule-list-month .schedule-time { font-size: 0.9rem; margin-left: 10px; }
.t-calendar.t-schedule .schedule-list-month .schedule-title { font-size: 1.2rem; flex: 1; }
.t-calendar.t-schedule .schedule-list-month .schedule-title:before { content: "○"; display:inline-block; margin-right: 5px; }

.t-calendar.t-meal .event { padding:5px; text-align:center; }
.t-calendar.t-meal .event > div { margin-bottom:8px; }
.t-calendar.t-meal .event h3 { font-size:14px; font-weight:600; text-align:center; text-decoration:underline; padding-bottom:2px; }
.t-calendar.t-meal .event .meal-li { font-size:12px; text-align:center; padding:2px 0; white-space:normal; }
.t-calendar.t-meal .item-name { margin-right:5px; }
.t-calendar.t-meal .item-allergy { font-size:.8em; border:1px solid #000000; border-radius:50%; padding:0; margin:0; width:1.6em; height:1.6em; line-height:1.7em; display:inline-block; text-align:center; margin-right:2px; }

body.pc-web .event .item-allergy { display:none; }
.allergy-info-code { border: 1px solid #000000; border-radius: 50%; padding: 0; margin: 0 1px; width:18px; height:18px; line-height:18px; display: inline-block; }

.basicModal { max-width:90%; width:600px; }
.basicModal .basicModal__content { padding:20px 30px; text-align:left; margin-top:20px; }
.basicModal .basicModal__content > div:not(:last-child) { padding-bottom:20px; }
.basicModal__button#basicModal__action { color:#000; text-decoration:none; }
.basicModal h2 { font-size:1.5em; font-weight:600; margin-bottom:6px; }
.basicModal label { font-weight:400; font-size:1em; margin-bottom:20px; color:#666; width:100%; border-bottom:1px solid #d8d8d8; }
.basicModal h3 { font-size:1.2em; font-weight:600; }
.basicModal img { max-width: 100%; }
.basicModal .meal-li .item-name { margin-right:20px; }
.basicModal .meal-li .item-allergy { font-size:.8em; border:1px solid #000000; border-radius:50%; padding:0; margin:0; width:1.6em; height:1.6em; line-height:1.7em; display:inline-block; text-align:center; margin-right:2px; }
.basicModal .allergy { display:inline-block; padding:1px 0; }
.basicModal .allergy-info-div { font-size:.8em; }
.basicModal .allergy-info-code { border: 1px solid #000000; border-radius:50%; width: 1.6em; height: 1.6em; display: inline-block; text-align:center; }
.basicModal .allergy-info-name { margin-right:3px; }
.basicModal .allergy-info-div:before { content: "알러지정보"; font-weight: bold; font-size: 1.2em; display:block; margin-bottom:5px; }
.basicModal { max-width: 500px; width: 90%; }

[type=checkbox] + label { margin-left:10px; background-color:transparent !important; width:auto !important; padding:0 !important; }
[type=radio] + label 	{ margin-left:10px; background-color:transparent !important; width:auto !important; padding:0 !important; vertical-align:bottom; }
[type=radio] + label:not(:last-child) { margin-right:20px; }




/* Template, POPUP */
._popup { background:#fff; border-radius:5px; overflow:hidden; }

body > ._popup {
	border:1px solid rgba(0,0,0,0.5);
	opacity:0; position:fixed; z-index:1000;
	touch-action: none;
	user-select: none;
   -webkit-user-drag: none;
	position:absolute;
	transform-origin:50% 50%;
}

body > ._popup.animate {
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.5);
	-moz-transition: all 300ms;
   -webkit-transition: all 300ms;
   -o-transition: all 300ms;
   transition: all 300ms;
}


._popup_wrap.mobile { display:block; opacity:0; z-index:5000; background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; }
._popup_wrap.mobile ._popup {
	position:fixed; left: 50%; top: 50%;
	min-width:200px;
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}

._popup ._container { overflow:hidden; }
._popup ._header {}
._popup ._body { }
._popup ._body img { display:block; }
._popup ._body .event { position:absolute; cursor:pointer; }
._popup ._footer { border-top:1px solid #eee; }
._popup ._footer .buttons { float:right; }
._popup ._footer button { color:#000; font-size:14px; font-weight:400; padding:0 15px; height:40px; line-height:40px; background:#fff; border:0 solid #fff; }
._popup ._footer button:not(.btn-close) { display:none; }
._popup ._footer.today button.btn-today { display:inline-block; }
._popup ._footer.never button.btn-never { display:inline-block; }
._popup ._footer.multiple button.btn-next { display:inline-block; }

._popup ._body .owl-theme .owl-nav.disabled+.owl-dots { position:absolute; left:0; right:0; bottom:10px; }

/* Template, 알러지설정 */
dl.t-allergy-list {}
dl.t-allergy-list dd.t-allergy { display:inline-block; width:calc(100% / 3); }
@media all and (max-width: 768px){
	dl.t-allergy-list dd.t-allergy { width:calc(100% / 2); }
}

/* Template, 약관 */
body.term {}
body.term dl.t-terms { text-align:center; }
body.term dl.t-terms dd { display:inline-block; padding-bottom:5px; }
body.term dl.t-terms dd.active { border-bottom:2px solid #d2d2d2; }
body.term dl.t-terms dd:not(:last-child) { margin-right:20px; }
body.term textarea { width:100%; height:400px; margin-top:20px; }


/* -------------------- Template Custom CSS -------------------- 

.t-max-width { min-width:1200px; width:1200px; margin-left:auto; margin-right:auto; }
.t-mid-width { min-width:800px; width:800px; margin-left:auto; margin-right:auto; }
.t-small-width { min-width:550px; width:550px; margin-left:auto; margin-right:auto; }

@media all and (max-width: 768px){
	.t-max-width { min-width:calc(100% - 10px); width:calc(100% - 10px); }
	.t-mid-width { min-width:calc(100% - 10px); width:calc(100% - 10px); }
	.t-small-width { min-width:calc(90%); width:calc(90%); }
}

.btn.cmajor { background-color:#fff; color:#000; border:1px solid #000; }
.btn.cmajor:hover { background-color:#1B40AC; color:#fff; }

body.home { background-image:url('http://jinjin.platfarm.co.kr/contents/resource/download?resourceIdx=180577'); }


/* GNB
nav.t-gnb { height:80px; line-height:80px; }
nav.t-gnb dl.t-topmenu:not(:last-child) { margin-left:25px; }
nav.t-gnb dl.t-topmenu:not(:last-child) > dd > a:after { content:''; border-right:1px solid #fff; margin-left:25px; height:10px; display:inline-block; }
nav.t-gnb dl.t-topmenu:not(:first-child) { margin-left:25px; }
nav.t-gnb dl.t-topmenu > dd.active > a:after { content:' '; border-bottom:1px solid #fff; }
nav.t-gnb dl.t-submenu { position:absolute; left:50%; transform:translate(-50%, 0%); background-color:#758AAB; padding:0; width:170px; top:70px; text-align:left; }
nav.t-gnb dl.t-submenu > dd { height:40px; line-height:40px; padding:0 15px; transition:all ease-in-out .5s; text-align:center; }
nav.t-gnb dl.t-submenu > dd:hover { background-color:#12161D; color:#fff; transition:all ease-in-out .5s; }
nav.t-gnb dl.t-submenu > dd:not(:last-child) { border-bottom:1px solid #d2d2d2; }

@media all and (max-width: 768px){
	body.mobile-web nav.t-gnb:before { content:''; position:fixed; left:0; top:0; right:0; bottom:0; background-color:#fff; }
	body.mobile-web nav.t-gnb { position:fixed; left:0; top:0; right:0; bottom:0; height:calc(100vh); padding:30px 0; z-index:1300; overflow:auto; }
	body.mobile-web nav.t-gnb dl.t-topmenu { display:block; text-align:center; }
	body.mobile-web nav.t-gnb dl.t-topmenu:not(:last-child) > dd > a:after { content:''; border-right:0; margin:0; height:0; }
	body.mobile-web nav.t-gnb dl.t-topmenu:not(:first-child) { margin:0; }
	body.mobile-web nav.t-gnb dl.t-topmenu:not(:last-child) { margin:0; }
	body.mobile-web nav.t-gnb dl.t-topmenu > dd > a { font-size:25px; }
	body.mobile-web nav.t-gnb dl.t-submenu > dd > a { font-size:20px; }
	body.mobile-web nav.t-gnb dl.t-submenu { display:block; opacity:1; position:relative; left:0; top:0; right:0; width:auto; transform:none; }
	body.mobile-web nav.t-gnb .t-nav-close { position:absolute; right:10px; top:10px; width:40px; height:40px; line-height:40px; background-color:#fff; display:block; }
}

/* 헤더
header.t-header { line-height:80px; }
.t-header-logo { height:80px; padding:20px 0; width:auto; }

body.pos-top header.t-header .t-header-outter { background-color:transparent; }
header.t-header .t-header-outter { background-color:rgba(0,0,0,0.2); position:fixed; left:0; top:0; right:0; }
header.t-header dl.t-quick-menu { margin-left:25px; }
header.t-header dl.t-quick-menu > dd > a { color:#C8DEFD; }
header.t-header dl.t-quick-menu > dd:not(first-child) { margin-left:10px; }
header.t-header dl.t-mymenu { margin-left:25px; color:#C8DEFD; }
header.t-header dl.t-mysubmenu { right:0; top:70px; background-color:#758AAB; padding:10px 15px; text-align:center; }
header.t-header dl.t-mysubmenu > dd { height:30px; line-height:30px; }
header.t-header dl.t-mymenu .t-signin { display:inline-block; color:#366ED1; border:2px solid #fff; height:40px; line-height:40px; padding:0 40px; }

body:not(.home) header.t-header { height:320px; background-image:url('http://jinjin.platfarm.co.kr/contents/resource/download?resourceIdx=181126'); background-repeat:no-repeat; background-size:cover; margin-bottom:40px; position:relative; }
body:not(.home) header.t-header .t-header-container { height:80px; line-height:80px; }
 

@media all and (max-width: 768px){
	header.t-header { line-height:60px; }
	.t-header-logo { height:60px; padding:10px 0; }
	body:not(.home) header.t-header { height:150px; margin-bottom:20px; }
	body:not(.home) header.t-header .t-header-container { height:60px; line-height:60px; }
	header.t-header dl.t-mysubmenu { top:60px; }
}

/* FORM
.form.t-custom article { margin-bottom:30px; }

/* 컨텐츠 상세
.t-content-tag { border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:30px 0; }

/* LNB
aside.t-lnb dl { text-align:center; margin-bottom:30px; }

aside.t-lnb dt { display:block; margin-bottom:20px; font-size:25px; font-weight:600; }
@media all and (max-width: 768px){
	aside.t-lnb dt { display:none; }
}

aside.t-lnb dt:after { content:''; display:block; border-bottom:1px solid #d2d2d2; width:80px; position:absolute; left:50%; transform:translate(-50%, 0%); }

aside.t-lnb dd { transition:all ease-in-out .5s; height:50px; line-height:50px; }
aside.t-lnb dd { width:150px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; }
aside.t-lnb dd:hover { transition:all ease-in-out .5s; }
aside.t-lnb dd:last-child { border-right:1px solid #d2d2d2; }

@media all and (max-width: 768px){
	aside.t-lnb dl { text-align:left; }
	aside.t-lnb dd { width:calc(50% - 10px); text-align:center; }
	
	aside.t-lnb dd:nth-of-type(2n + 1) { border-top:0; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
	aside.t-lnb dd:nth-of-type(2n + 2) { border-top:0; border-left:0; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
	aside.t-lnb dd:nth-of-type(1) { border-top:1px solid #d2d2d2; }
	aside.t-lnb dd:nth-of-type(2) { border-top:1px solid #d2d2d2; }
}

/* main
body.home main { margin-top:80px; min-height:calc(100vh - 80px - 200px); }
body:not(.home) main { min-height:calc(100vh - 320px - 100px - 200px); }

@media all and (max-width: 768px){
	body.home main { margin-top:60px; min-height:calc(100vh - 60px - 200px); }
	body:not(.home) main { min-height:calc(100vh - 150px - 20px - 200px); }
}
	
/* 풋터
body:not(.home) footer { margin-top:100px }
footer { height:200px; background-color:#1f1f1f; color:#fff; padding:80px 0; font-size:14px; }
footer .t-term { margin-bottom:10px; }
footer .t-brand-logo { margin-right:20px; width:173px; background-size:auto; }
footer .t-corporate-name { display:none; }
footer .t-cs-center dt { margin-bottom:20px; }

@media all and (max-width: 768px){
	body footer { padding:40px 20px; }
	body:not(.home) footer { margin-top:30px; }
}


body.list section.t-search { text-align:right; }
body.list section.t-search .nice-select { display:inline-block; float:none; width:110px; }
body.list section.t-search .t-search-control { width:300px; display:inline-block; vertical-align:top; margin-left:5px; }
body.list section.t-search .btn { vertical-align:top; }
body.list section.t-search .t-search-control input[type=search] { width:calc(100% - 40px); vertical-align:top; }
body.list section.t-search .t-search-control button { width:40px; }
body.list .btn-write { margin-left:5px; }
body.list .btn-write label:empty:after { content:'글쓰기'; }
body.list .t-contents-container { margin-top:10px; }
body.list section.t-foot-control { margin-top:10px; text-align:center; height:40px; }
body.list section.t-foot-control .btn-write { float:right; }
body.list.faq table.tb tr.desc td { background-color:#f8f8f8; }
body.list.faq table.tb tr.desc td p.t-faq-tag { width:100%; white-space:normal; }
section.sns > article { padding:10px; background-color:#ededed; border:0; }


body.list .btn-more { display:none; width:120px; }
nav.t-pnb { display:block; text-align:center; }

@media all and (max-width: 768px){
	body.list .btn-write { width:40px; }
	body.list .btn-write i { margin-right:0; }
	body.list .btn-write label:after { content:''; }
	body.list section.t-search.writeable .t-search { width:calc(100% - 110px - 5px - 5px - 45px); }
	body.list section.t-search .custom-select { display:none; }
	body.list section.t-foot-control nav { display:none; }
	body.list .btn-more { display:inline-block; }
	nav.t-pnb { display:none; }
}

ul.pagination .page-item { display:inline-block; margin:0 5px; width:30px; height:30px; line-height:30px; }
ul.pagination .page-item a { display:inline-block; font-weight:300; color:#444; text-decoration:none; width:100%; height:100%; }
ul.pagination .page-item.active a { font-weight:600; color:#000; text-decoration:none; }
ul.pagination .page-item.first { font-weight:400; }


body.member .t-guide li { list-style:disc; margin-left:18px; margin-top:8px; text-align:left; } 
body.member dl.t-member-menu { margin-top:20px; text-align:center; font-weight:300; }
body.member dl.t-member-menu dd { display:inline-block; vertical-align:middle; }
body.member dl.t-member-menu dd:not(:last-child):after { content:''; display:inline-block; height:10px; border-right:1px solid #d2d2d2; padding-right:10px; margin-right:10px; }
body.member .btn.btn-ok { width:100%; margin-top:20px; }

/* 탈퇴화면
body.member.quit .t-agree { margin-bottom:30px; }
body.member.quit .t-quit-reason textarea { margin-top:10px; }

/* 헤더 타이틀
body:not(.home) header:after { font-weight:200; color:#fff; font-size:30px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
body.member.myaccount header:after { content:'회원정보 수정'; }
body.member.signin header:after { content:'로그인'; }
body.member.find-id header:after { content:'아이디 찾기'; }
body.member.change-pwd header:after { content:'비밀번호 변경'; }
body.member.signup header:after { content:'회원가입'; }
body.inquiry header:after { content:'1:1 문의'; }
body.faq header:after { content:'FAQ'; }
body.notice header:after { content:'공지사항'; }

body.board.list header.t-header { height:330px; background-image:url('/contents/resource/download?resourceIdx=187799'); }
body.board.list header:after { content:'제품안내'; }


body.member.quit .t-guide.t-top { background-image:url('/resources/user/template/basic/img/quit_icon.jpg'); background-size:contain; background-repeat:no-repeat; text-align:left; padding-left:120px; height:100px; font-size:30px; }
@media all and (max-width: 768px){
	body.member.quit .t-guide.t-top { font-size:20px; padding-left:100px; height:80px; }
}

body.member.quited .t-guide.t-top { font-size:25px; }

/* 소셜네트워크 메뉴
aside.t-snb { left:20px; top:150px; }
aside.t-snb dd:not(:last-child) { margin-bottom:5px; }
aside.t-snb dd > a { height:50px; width:50px; }
aside.t-snb dd.t-footer { display:block; width:100px; height:50px; margin-top:10px; }

/* 테이블 호버 효과
table.tb tbody tr:hover td, table.tb tbody tr:hover th { background-color:#f1f1f1; }

/* 이용약관동의
body.member .t-term-item:not(:last-child) { margin-bottom:20px; }
body.member .t-term-item .btn-detail { float:right; }
body.member .t-term-item textarea { display:none; }
body.member .t-term-item textarea { margin-top:5px; }
body.member .t-term-item .btn-detail i.fa-sort-up { vertical-align:middle; }
body.member .t-term-item .btn-detail i.fa-sort-down { vertical-align:text-top; }

.t-address-company { font-size:20px; color:#4175D3; }
.t-address { margin:15px 0; }

/* 약관
body.term textarea { height:500px; }

/* -------------------- Template Custom CSS -------------------- */