@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:1200; }
header.t-header .t-header-outter { z-index:1201; }

dl.t-mysubmenu { z-index:1200; }

._popup { z-index:1005; }
.t-snb { z-index:1200; }

body:not(.native-app) nav.t-gnb { z-index:1100; }
body.pos-fixed nav.t-gnb { z-index:1300; }
nav.t-gnb.pos-fixed {z-index:1100; }
nav.t-gnb dl.t-submenu { z-index:1100; }

.modal-bg { z-index:1400; }
nav.t-mnb { z-index:1500; }
*/
html { height:100%; }
body { font-family:'Apple SD Gothic Neo', 'Nanum Square', 'Nanum Gothic', '맑은 고딕', 'Dotum','돋움', 'sans-serif'; }
body { overflow-y:auto; overflow-x:hidden; height:100%; 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 {}

.clone-template { display: none; }

/* Template, HEADER */
header.t-header { text-align:right; z-index:1200; font-size:14px; font-weight:300; }
header.t-header .t-header-outter { z-index:1201; }
header.t-header .t-header-container {  }
@media all and (max-width: 768px){
	header.t-header { visibility:hidden; }
}
body.native-app header.t-header { display:none; }

/* Template, MYMENU */
dl.t-mymenu,
dl.t-quick-menu { display:inline-block; vertical-align:top; }
dl.t-quick-menu > dd { display:inline-block; }
dl.t-mymenu { position:relative; }
dl.t-mysubmenu { visibility:hidden; opacity:0; transition:all ease-in-out 0.3s; position:absolute; position:absolute; left:50%; transform:translate(-50%, 0%); width:170px; background-color:#fff; padding:10px 15px; z-index:1200; }
dl.t-mysubmenu > dd { width:100%; font-weight:300; }
dl.t-mymenu:hover dl.t-mysubmenu { visibility:visible; display:block; transition:all ease-in-out 0.3s; opacity:1; }

.t-header-logo { display:inline-block; height:100%; float:left; }
.t-header-logo > img { max-height:100%; height:100%; width:auto; max-width:100%; object-fit:contain; vertical-align:middle; }


/* Template, GNB Toggle Menu Button */
nav.t-gnb .t-btn-menu { display:none; }
nav.t-gnb .t-btn-menu i { margin:0; }
@media all and (max-width: 768px){
	nav.t-gnb .t-btn-menu { margin:10px; width:40px; height:40px; background-color:#fff; display:inline-block; float:left; text-align:center; }
}

/* Template, GNB */
nav.t-gnb { display:block; z-index:1100; }
nav.t-gnb .t-gnb-container { height:100%; width:100%; position:relative; }
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 { visibility:hidden; opacity:0; background-color:#fff; z-index:1100; white-space:nowrap; }
nav.t-gnb dl.t-topmenu:hover dl.t-submenu { visibility:visible; display:block; opacity:1; }
nav.t-gnb dl.t-submenu:hover { visibility:visible; display:block; opacity:1; }

body.pos-fixed nav.t-gnb { position:fixed; top:0; left:0; right:0; z-index:1300; }

@media all and (max-width: 768px){
	nav.t-gnb { position:fixed; top:0; left:0; right:0; z-index:1100; }
	nav.t-gnb dl.t-topmenu { display:none; }
	nav.t-gnb .t-header-logo { position:absolute; left:60px; top:0; right:60px; height:100%; text-align:center; }
}
body.native-app nav.t-gnb { display:none; }

/* Template, LNB */
aside.t-lnb dl { text-align:center; }
aside.t-lnb dt { display:block; }
aside.t-lnb dd { display:inline-block; }
aside.t-lnb dd:hover { transition:all ease-in-out .5s; }
aside.t-lnb > dl > dd > a { display:inline-block; width:100%; height:100%; }
aside.t-lnb[data-child='1'] dl > dd { display:none; }
@media all and (max-width: 768px){
	aside.t-lnb:not([data-child='1']) dl > dd { display:none; }	
}

/* Template, PNB */
section.t-foot-control { position:relative; margin-top:10px; text-align:center; height:40px; }
.t-pnb { height:100%; }
body.native-app .t-pnb { display:none; }
.t-pnb ul.pagination { height:100%; }
.t-pnb ul.pagination .page-item { height:40px; line-height:40px; }
section.t-foot-control .btn-more { display:none; }
body.native-app section.t-foot-control .btn-more { display:inline-block; }
section.t-foot-control .btn-write { position:absolute; top:0; right:0; }
@media all and (max-width: 768px){
	.t-pnb ul.pagination .page-item.first,
	.t-pnb ul.pagination .page-item.last { display:none; }
}


/* Template, MNB */
nav.t-mnb { display:none; transition:all ease-in-out .2s; position:fixed; left:-100vw; top:0; width:100vw; bottom:0; z-index:1500; background-color:#fff; overflow:auto; }
nav.t-mnb.active { visibility:visible; transition:all ease-in-out .2s; left:0; }
nav.t-mnb .t-nav-close { position:absolute; top:0; right:0; width:40px; height:40px; font-size:20px; background-repeat:no-repeat; }
nav.t-mnb .t-mymenu { width:100%; }
nav.t-mnb .t-menus {  }
nav.t-mnb .t-topmenu > dt { cursor:pointer; }
nav.t-mnb .t-topmenu > dt.active + dd .t-submenu { transition:max-height ease-in-out .3s; max-height:calc(100vh); }
nav.t-mnb .t-submenu { transition: all ease-in-out .3s; max-height:0; overflow:hidden; }
@media all and (max-width: 768px){
	nav.t-mnb { display:block; visibility:hidden; }
}


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

/* MAIN */
main { overflow:hidden; width:100%; }

.html-tag img { max-width:100%; height:auto; }

/* Template, FOOTER */
footer { background-color:#fff; }
footer dl.t-term { display:block; }
footer dl.t-term > dd > dl { position:relative; }
footer dl.t-term > dd > dl > dd { display:inline-block; margin-right:20px; }
footer dl.t-term > dd > dl > dd.toggle { display:none; position:absolute; right:20px; bottom:0; width:40px; height:40px; line-height:40px; }
@media all and (max-width: 768px){
	footer dl.t-term > dd > dl > dd.toggle { display:block; }
}
footer dl.t-term > dd > dl > dd.toggle > button { width:100%; height:100%; text-align:center; background-color:#f2f2f2; }
footer dl.t-company { }
@media all and (max-width: 768px){
	footer dl.t-company { max-height:0; overflow:hidden; transition:max-height ease-in-out 300ms; }
	footer.active dl.t-company { max-height:100vh; transition:max-height ease-in-out 300ms; }
	footer.active dl.t-term > dd > dl > dd.toggle { transform:rotate(180deg); }
}
footer .t-brand-logo { width:50px; height:50px; background-repeat:no-repeat; background-size:cover; clear:both; }
footer .t-corporate { display:inline-block; vertical-align:top; }
footer .t-corporate .t-corporate-address::before { content:'주소 : '; }
footer .t-corporate .t-corporate-ceo::before { content:'대표 : '; }
footer .t-corporate .t-corporate-number::before { content:'사업자등록번호 : '; }
footer .t-corporate .t-corporate-tel::before { content:'대표전화 : '; }
footer .t-cs-center { display:inline-block; vertical-align:top; }
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-brand-logo { display:none; }
	footer .t-corporate { width:100%; }
	footer .t-cs-center { 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%); }

/* 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; }
body.signup .form:not(.t-custom) .t-row.t-terms { display:block; margin-top:30px; }

body.signin.native-app dl.t-member-menu dd:first-child,
body.signin.mobile-web dl.t-member-menu dd:first-child { width:0px; height:0px; overflow:hidden; }

/* 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:130px; }
body.reset-password [name=phone] { display:inline-block; width:calc(100% - 130px); 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; min-height:50px; }
.form.t-custom .t-row > label,
.form.t-custom .t-row > .t-col > label { display:inline-block; width:130px; background-color:#F0F1F2; min-height:50px; line-height:50px; padding:0 15px; }
.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% - 160px); 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; display:inline-block; }

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

/* Template, 본인확인 비밀번호 입력 */
.t-term-item { width:100%; }
.t-term-item textarea { margin-top:10px; display:none; }
.t-term-item .btn-detail { float:right; }
.t-term-item .btn-detail > label { display:inline-block; height:20px; }
.t-term-item .btn-detail > i { display:inline-block; height:20px; }
.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% - 150px);}
.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:150px; 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; }


.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; align-self:stretch; width:130px; line-height:50px; 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 { display:inline-block; width:calc(100% - 130px); padding:5px 15px; line-height:25px; }

@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.board.write .t-content-info [name=isNotice] { display:none; }
body.board.write .t-content-info[data-admin="true"] [name=isNotice] { display:inline-block; }
body.board.write .t-content-info label[for=isNotice] { display:none; }
body.board.write .t-content-info[data-admin="true"] label[for=isNotice] { display:inline-block; }

body.board.write .t-content-info .t-row.t-title [type=text] { width:calc(100% - 160px); }
body.board.write .t-content-info[data-admin="true"] .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; text-align:center; }
ul.t-content-shares li:not(:last-child) { margin-right:1px; }
body.native-app ul.t-content-shares li.share-print { display:none; }
ul.t-content-shares li button.btn-print { width:28px; height:27px; padding:0; border-radius:3px; background-color:#E9B817; color:#fff; cursor:pointer; text-align:center; }


.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; }
.fas.fa-print				{ font-size: 18px; vertical-align:super; }

/* 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%; height:auto; object-fit:contain; page-break-before:auto; }
.t-content-tag > iframe { width:100%; }
.t-content-tag a { text-decoration:underline; }

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

/* Template, 컨텐츠 댓글 */
ul.t-comments { margin-top:40px; display:none; }
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; }

/* Template, 게시판리스트 */
body.list section.t-search { display:none; }
body.list.pc-web .t-foot-control .btn-more { display:none; }

/* Template, 첨부파일 */
.t-attach-file { display:inline-block; width:calc(100% - 130px); vertical-align:top; height:50px; line-height:50px; }
.t-attach-file dl.t-file-list { display:block; font-size:12px; padding:0 15px; position:relative; }
.t-attach-file dl.t-file-list dt { display: flex; align-items: center; }
.t-attach-file dl.t-file-list dt > a { white-space:nowrap; text-overflow:ellipsis; overflow: hidden; flex: 1; }
.t-attach-file dl.t-file-list > dd { display:none; padding:0 15px; margin:0 -15px; background-color:#fff;
	position:absolute; left:15px; top:50px; right: 0;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06);
}
.t-attach-file dl.t-file-list > dd > dl {  }
.t-attach-file dl.t-file-list > dd > dl > dd { height:25px; line-height:25px; display: flex; }
.t-attach-file dl.t-file-list > dd > dl > dd > a { white-space:nowrap; text-overflow:ellipsis; overflow: hidden; flex: 1; }
.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; }
.t-attach-file dl.t-file-list i { margin-right:5px; }
.t-attach-file dl.t-file-list dd i.fa-times-circle { margin-left:5px; margin-right:0; }
.t-attach-file dl.t-file-list .t-file-more-list { cursor:pointer; }
.form.t-custom .t-attach-file label.btn-add-file { height:40px; line-height:40px; margin:5px 0; width:80px; border-left:0; cursor:pointer; vertical-align:top; }

.t-attach-file.t-attach-file-write dl.t-file-list { display:inline-block; height:40px; line-height:40px; margin:5px 0 5px 15px; width:calc(100% - 15px - 80px); border:1px solid #d2d2d2; white-space:nowrap; overflow-x:auto; overflow-y:hidden; }
.t-attach-file.t-attach-file-write dl.t-file-list dd { display:inline-block; height:20px; line-height:20px; box-shadow:none; position:static; left:0; top:0; margin:0 5px 0 0; background-color:#fff; border:1px solid #d2d2d2; border-radius:10px; padding:0 10px; }

/* 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, MY MENU */
body.mymenu.native-app	main { padding:0; }
body.mymenu main { width:100%; max-width:100%; }
body.mymenu dl.t-mymenus {}
body.mymenu dl.t-mymenus > dt { font-size:18px; font-weight:300; text-align:center; background-color:#f2f2f2; padding:15px 0; margin-bottom:10px; }
body.mymenu dl.t-mymenus > dt > .name { font-weight:400; }
body.mymenu dl.t-mymenus > dd { font-size:18px; font-weight:300; vertical-align:middle; }
body.mymenu dl.t-mymenus > dd > a { display:block; padding:15px 20px;  }
body.mymenu dl.t-mymenus > dd:not(:last-child) { border-bottom:1px solid #efefef; }
body.mymenu dl.t-mymenus > dd i { float:right; }

/* Template, ATTENDANCE MANAGE */
body.attendance.manage { background-color:#f8eab9; }
body.attendance.manage h2 { display:block; position:relative; font-size:20px; font-weight:300; color:#fff; background-color:#eaba16; text-align:center; margin-top:20px; margin-bottom:30px; width:100%; height:40px; line-height:40px; border-radius:5px; }
body.attendance.manage h2 .btn-add { position:absolute; top:5px; right:10px; color:#fff; background-color:#34608D; border-radius:5px; }
body.attendance.manage .container { position:absolute; left:0; right:0; bottom:0; widht:100%; text-align:center; }
body.attendance.manage .btn-scan { font-size:20px; font-weight:300; height:50px; width:200px; line-height:50px; border-radius:50px; color:#fff; background-color:#34608D; }
body.attendance.manage .btn-scan:active { transform:scale(0.9); }
body.attendance.manage dl.user-card { display:block; width:100%; text-align:left; }
body.attendance.manage dl.user-card dd.item { text-align:left; width:100%; max-width:300px; margin:0 auto; padding:20px; height:300px; border:1px solid #d2d2d2; border-radius:5px; background-color:#fff; 
box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
  }

body.attendance.manage dl.user-card > dd.active { display:block; }
body.attendance.manage dl.user-card > dd > dl { line-height:24px; }
body.attendance.manage dl.user-card > dd > dl > dt { color:#34608D; margin-bottom:10px; }

body.attendance.manage .modal.modal-nfc { width:500px; max-width: 90%; border-radius:10px; }
body.attendance.manage .modal.modal-nfc .head { color:#fff; background-color:#FAC60A; }
body.attendance.manage .modal.modal-nfc .head .btn-cancel { color:#fff; }
body.attendance.manage .modal.modal-nfc .footer { color:#fff; background-color:#FAC60A; }
body.attendance.manage .modal.modal-nfc .body { color:#000; min-height: 300px; background-color:#f4f4f4; }
body.attendance.manage .modal.modal-nfc .user-list > dt { margin-top:20px; }
body.attendance.manage .modal.modal-nfc .nice-select { float:none; color:#000; border:1px solid #FAC60A; }

body.attendance.manage dl.user-list dl { margin-top:10px; }
body.attendance.manage dl.user-list dl.user-item { color:#666; padding:15px 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background-color:#fff; }
body.attendance.manage dl.user-list dl.user-item dd:not(:first-of-type) { margin-top: 5px; }
body.attendance.manage dl.user-list dl.user-item dd { display: flex; align-items: center; font-size:14px; }
body.attendance.manage dl.user-list dl.user-item dd label { width:100px; }
body.attendance.manage dl.user-list dl.user-item .btn-nfc-write { color:#fff; background-color:#434343; width:100%; margin-top:10px; }


/* Template, WEBFTP */
.webftp { min-height:inherit; }
body.native-app .webftp { min-height:calc(100%); }

/* 버그 신고 */
body.bug.write {}
body.bug.write .t-guide { width:100%; background-color:#f2f2f2; border-radius:5px; padding:15px 0; margin-bottom:10px; }

/* 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:2px 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:1005;
	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, NOTIFICATION */
body.notification.detail {}

/* Template, TERM */
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, DENIED / ERROR */
body.denied dl.error-msg { text-align:center; margin-top:50px; }
body.denied dl.error-msg > dt { color:#000; font-weight:300; font-size:30px; margin-bottom:20px; }
body.denied dl.error-msg > dd { font-size:16px; font-weight:300; }
body.denied dl.error-msg .btn-login,
body.denied dl.error-msg .btn-back { display:block; margin:30px auto 0 auto; width:120px; }

body.denied dl.cs-info { margin-top:40px; }
body.denied dl.cs-info dd { display:inline-block; font-size:14px; font-weight:300; height:20px; line-height:20px; vertical-align:middle; }
body.denied dl.cs-info dd.cs-tel::before { content:'고객센터 전화번호'; margin-right:10px; }
body.denied dl.cs-info dd.cs-email::before { content:'고객센터 이메일'; margin-right:10px; }
body.denied dl.cs-info dd:not(:first-child) { margin-left:20px; }

body.error dl.error-msg { text-align:center; margin-top:50px; }
body.error dl.error-msg > dt { color:#000; font-weight:300; font-size:30px; margin-bottom:20px; }
body.error dl.error-msg > dd { font-size:16px; font-weight:300; }
body.error dl.error-msg > dd > small { margin-top:20px; }
body.error dl.error-msg .btn { display:inline-block; vertical-align:top; margin:30px auto 0 auto; width:120px; }

body.error dl.cs-info { margin-top:40px; }
body.error dl.cs-info dd { display:inline-block; font-size:14px; font-weight:300; height:20px; line-height:20px; vertical-align:middle; }
body.error dl.cs-info dd.cs-tel::before { content:'고객센터 전화번호'; margin-right:10px; }
body.error dl.cs-info dd.cs-email::before { content:'고객센터 이메일'; margin-right:10px; }
body.error dl.cs-info dd:not(:first-child) { margin-left:20px; }


/* 앨범뷰 컨트롤 */
#album-view { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.2); z-index:5000; display:none; }
#album-view .blur-filter { position:absolute; left:0; top:0; right:0; bottom:0; backdrop-filter:blur(5px); -webkit-backdrop-filter: blur(5px); }
#album-view .blur-filter.in { opacity:1; }
#album-view .album-container { position:absolute; left:0; top:0; right:0; bottom:50px; }
#album-view .album-container .owl-carousel { width:100%; height:100%; positioin:relative; height:100%; }
#album-view .album-container .owl-carousel .owl-stage { display:flex; align-items:center; }
#album-view .album-container .owl-carousel.owl-drag .owl-item { min-width:calc(100vw); }
#album-view .album-container .owl-carousel .owl-item > li { text-align:center; height:calc(100vh); }
#album-view .album-container .owl-carousel .owl-item img { position:absolute; left:50%; top:calc(50% - 25px); transform:translate(-50%, -50%); max-height:90%; width:auto; max-width:90%; height:auto; }


#album-view .jwplayer { position:absolute; left:50%; top:calc(50% - 25px); transform:translate(-50%, -50%); overflow:visible; max-width:95%; }
#album-view .jwplayer.jw-flag-audio-player { height:40px; }
#album-view .controls { position:absolute; left:0; right:0; bottom:0; height:50px; z-index:5100; background:#fff; text-align:center; }
#album-view .controls button { font-size:18px; position:absolute; width:50px; height:50px; color:#000; background:#fff; border:0 solid #000; }
#album-view .controls button.nav { top:0; }
#album-view .controls button.nav i { font-size:25px; }
#album-view .controls button.nav.prev { left:0; }
#album-view .controls button.nav.next { left:50px; }
#album-view .controls .page { height:100%; line-height:50px; font-size:16px; }
#album-view .controls button.save { right:0; }

#album-view button.exit { position:absolute; top:10px; right:10px; height:50px; line-height:50px; font-size:50px; padding:0; margin:0; z-index:5200; color:#fff; }


@media print {
	body { min-width:1024px !important; }
	.noprint { display:none !important; }
}