@charset "utf-8";

/* jconfirm */

 .jconfirm.ty-bbs-del .jconfirm-content-pane {display:none !important;}
 .jconfirm.ty-bbs-del .jconfirm-buttons {margin-top:30px;}
 .jconfirm.ty-bbs-del .jconfirm-buttons .btn {min-width:120px;}

.jconfirm .jconfirm-box .jconfirm-buttons button {font-family: var(--family-regular);font-weight: var(--weight-regular); font-size:15px; color:#fff;}
.jconfirm .btn-confirm {background-color:#555;}
.jconfirm .btn-confirm:hover {background-color:#000;}
.jconfirm .btn-cancel {background-color:#ccc;}
.jconfirm .btn-cancel:hover {background-color:#999;}

/* 배너 */

.l-banner-16000 {position:relative; display:block; padding-bottom:25px;}
.l-banner-16000 ul {display:table; width:100%; table-layout:fixed;}
.l-banner-16000 ul li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-16000 a {margin:0 auto; display:block;}
.l-banner-16000 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-16000 img,
.l-banner-16000 video,
.l-banner-16000 iframe {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}

.l-banner-16001 {position:relative; display:block; padding-bottom:60px;}
.l-banner-16001 ul {display:table; width:100%; table-layout:fixed;}
.l-banner-16001 ul li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-16001 a {margin:0 auto; display:block;}
.l-banner-16001 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-16001 img,
.l-banner-16001 video,
.l-banner-16001 iframe {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}

.l-banner-16003 {position:relative; display:block; padding-bottom:60px;}
.l-banner-16003 ul {display:table; width:100%; table-layout:fixed;}
.l-banner-16003 ul li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-16003 a {margin:0 auto; display:block;}
.l-banner-16003 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-16003 img,
.l-banner-16003 video,
.l-banner-16003 iframe {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}

.l-banner-16004 {position:relative; display:block; padding-bottom:60px;}
.l-banner-16004 ul {display:table; width:100%; table-layout:fixed;}
.l-banner-16004 ul li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-16004 a {margin:0 auto; display:block;}
.l-banner-16004 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-16004 img,
.l-banner-16004 video,
.l-banner-16004 iframe {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}

.l-banner-16002 {left:20px; bottom:20px;}
.l-banner-16002 .btn {right:5px; top:5px; width:40px; height:40px; background:var(--bbs-btn) no-repeat; background-position:-150px -650px;}
.l-banner-16002 .btn:hover {background-position:-200px -650px;}
.l-banner-16002 .body > div {background-color:transparent !important;}

.l-banner-16005 {left:20px; bottom:20px;}
.l-banner-16005 .btn {right:5px; top:5px; width:40px; height:40px; background:var(--bbs-btn) no-repeat; background-position:-150px -650px;}
.l-banner-16005 .btn:hover {background-position:-200px -650px;}
.l-banner-16005 .body > div {background-color:transparent !important;}

/* bbs-title */

.bbs-title {text-align:center; padding:47px 0 15px 0;}
.bbs-title a {text-decoration:none; text-align:center; word-wrap:break-word; word-break:break-all;}
.bbs-title a {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:30px; color:#000;}

/* bbs-slogan */

.bbs-slogan {margin:-6px 0 -5px 0; padding-bottom:20px; text-align:center; word-wrap:break-word; word-break:break-all;}
.bbs-slogan {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.7; font-size:15px; color:#333;}

/* bbs-form */

.bbs-form .input {background-color:#fafafa; border:1px solid #e1e1e1;}
.bbs-form .input input {width:180px; height:38px;}
.bbs-form .input input {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:38px; font-size:15px; color:#666666;}
.bbs-form .input .name {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:38px; font-size:15px; color:#999999;}
.bbs-form .input.value {background-color:#fff;}
.bbs-form .input.value input {color:#666666;}
.bbs-form .input.focus {background-color:#fff; border-color:var(--bbs-color1);}
.bbs-form .input.focus input {color:#000000;}
.bbs-form .input.readonly {background-color:#f0f0f0;}
.bbs-form .input.readonly input {color:#666666;}
.bbs-form .input.w-small input {width:60px;}
.bbs-form .input.w-large input {width:320px;}
.bbs-form .input.w100 input {width:calc(100% - 20px);}

.bbs-form .textarea {background-color:#fafafa; border:1px solid #e1e1e1;}
.bbs-form .textarea textarea {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:15px; color:#666666;}
.bbs-form .textarea.focus {background-color:#fff; border-color:var(--bbs-color1);}
.bbs-form .textarea.focus textarea {color:#000000;}
.bbs-form .textarea.h-large textarea {height:260px;}
.bbs-form .editor {border:0;}

.bbs-form .wrap-checkbox .checkbox:nth-child(n+2) {margin-left:20px;}

.form.bbs-form .checkbox {position:relative; display:inline-block; width:auto; height:40px;}
.form.bbs-form .checkbox label {overflow:hidden; padding:0 0 0 27px; width:calc(100% - 27px); height:40px; position:relative; display:block; cursor:pointer;}
.form.bbs-form .checkbox label p {margin:-1px 0 0 0;}
.form.bbs-form .checkbox label p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:40px; font-size:15px; color:#999;}
.form.bbs-form .checkbox label:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 10px); width:20px; height:20px; background:var(--bbs-btn) no-repeat; background-position:-150px -50px; opacity:1;}
.form.bbs-form .checkbox label.focus p {color:#666;}
.form.bbs-form .checkbox label:hover p {color:#000;}
.form.bbs-form .checkbox label.focus:before {background-position:-200px -50px; opacity:1;}
.form.bbs-form .checkbox input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}

.form.bbs-form .checkbox.type-line {position:relative; display:inline-block; width:100%; height:40px;}
.form.bbs-form .checkbox.type-line label {z-index:1; overflow:hidden; padding:0; width:calc(100% - 2px); height:38px; background-color:#ffffff; border:1px solid #e1e1e1; position:relative; display:block; text-align:center; cursor:pointer;}
.form.bbs-form .checkbox.type-line label p {margin:-1px 0 0 0;}
.form.bbs-form .checkbox.type-line label p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:38px; font-size:15px; color:#666666;}
.form.bbs-form .checkbox.type-line label:before {z-index:1; display:none;}
.form.bbs-form .checkbox.type-line label.focus {z-index:2;}
.form.bbs-form .checkbox.type-line label.focus p {color:#000000;}
.form.bbs-form .checkbox.type-line input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}

.form.bbs-form .radio {position:relative; display:inline-block; width:auto; height:40px;}
.form.bbs-form .radio:nth-child(n+2) {margin-left:20px;}
.form.bbs-form .radio label {overflow:hidden; padding:0 0 0 27px; width:calc(100% - 27px); height:40px; position:relative; display:block; cursor:pointer;}
.form.bbs-form .radio label p {margin:-1px 0 0 0;}
.form.bbs-form .radio label p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:40px; font-size:15px; color:#333333;}
.form.bbs-form .radio label:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 10px); width:20px; height:20px; background:var(--bbs-btn) no-repeat; background-position:-150px 0px; opacity:1;}
.form.bbs-form .radio label.focus p {color:#000000;}
.form.bbs-form .radio label.focus:before {background-position:-200px 0; opacity:1;}
.form.bbs-form .radio input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}

.form.bbs-form .radio.type-line {position:relative; display:inline-block; width:100%; height:40px;}
.form.bbs-form .radio.type-line label {z-index:1; overflow:hidden; padding:0; width:calc(100% - 2px); height:38px; background-color:#ffffff; border:1px solid #e1e1e1; position:relative; display:block; text-align:center; cursor:pointer;}
.form.bbs-form .radio.type-line label p {margin:-1px 0 0 0;}
.form.bbs-form .radio.type-line label p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:38px; font-size:15px; color:#666666;}
.form.bbs-form .radio.type-line label:before {z-index:1; display:none;}
.form.bbs-form .radio.type-line label.focus {z-index:2;}
.form.bbs-form .radio.type-line label.focus p {color:#000000;}
.form.bbs-form .radio.type-line input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}

.form.bbs-form .selectbox {transition:border 0.2s, background 0.2s; text-align:left; display:inline-block; vertical-align:middle; position:relative; background-color:#fafafa; border:1px solid #e1e1e1; width:200px; cursor:pointer;}
.form.bbs-form .selectbox .select {position:relative; display:block; height:38px; padding:0 10px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.form.bbs-form .selectbox .select {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:38px; font-size:15px; color:#999999;}
.form.bbs-form .selectbox .select:after {z-index:2; display:block; content:''; position:absolute; right:10px; top:calc(50% - 2px); opacity:0.3; width: 0px;height: 0px; border-top:4px solid #000000; border-bottom:4px solid transparent; border-right: 4px solid transparent; border-left: 4px solid  transparent;}
.form.bbs-form .selectbox .option {display:none; position:absolute; left:-1px; top:38px; width:calc(100% + 2px);}
.form.bbs-form .selectbox .option ul {position:relative; overflow-x:hidden; overflow-y:auto; max-height:300px; background-color:#ffffff; border:1px solid #e1e1e1;}
.form.bbs-form .selectbox .option ul li {transition:border 0.2s, background 0.2s, color 0.2s; padding:0 10px; display:block; height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.form.bbs-form .selectbox .option ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:38px; font-size:15px; color:#666666;}
.formbbs-form .selectbox .option ul li.focus {background-color:#f5f5f5; color:var(--bbs-color2);}
.form.bbs-form .selectbox .option ul li:hover {background-color:var(--bbs-color2); color:#fff;}
.form.bbs-form .selectbox.focus {background-color:#ffffff; border-color:#e1e1e1;}
.form.bbs-form .selectbox.focus .select {color:#000000;}
.form.bbs-form .selectbox.focus .select:after {background-position:0 -50px; opacity:1;}
.form.bbs-form .selectbox.focus .option {display:block;}
.form.bbs-form .selectbox.value .select {color:#666666;}
.form.bbs-form .selectbox.value {background-color:#ffffff; border-color:#e1e1e1;}
.form.bbs-form .selectbox.w100 {display:block; width:calc(100% - 2px);}
.form.bbs-form .selectbox.w300 {display:block; width:298px;}
.form.bbs-form .selectbox.w-large {width:340px;}

/* lc-bbs-video */

.lc-bbs-video .body {position:relative; padding:40px; background-color:#ffffff; border-radius:4px;}
.lc-bbs-video .main {}
.lc-bbs-video .tit {padding-bottom:20px;}
.lc-bbs-video .tit {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:24px; font-size:20px; color:#000000;}
.lc-bbs-video .result {padding:50px 0; background-color:#fafafa; text-align:center;}
.lc-bbs-video .result .tx1 {margin-top:24px;}
.lc-bbs-video .result .tx1 {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:20px; color:#000000;}
.lc-bbs-video .result .tx2 {margin:21px 0 -5px 0; text-align:center;}
.lc-bbs-video .result .tx2 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.7; font-size:15px; color:#999999;}

.lc-bbs-video .icon {text-align:center;}
.lc-bbs-video .icon span {display:inline-block; width:100px; height:80px; background:var(--bbs-btn) no-repeat; background-position:-600px -450px;}

.lc-bbs-video .footer {margin-top:40px; text-align:center;}
.lc-bbs-video .footer span {text-decoration:none; display:inline-block; vertical-align:middle; width:200px; height:59px; background-color:#555555; text-align:center; border-radius:4px; cursor:pointer;}
.lc-bbs-video .footer span {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:59px; font-size:18px; color:#ffffff;}
.lc-bbs-video .footer span:hover {background-color:#000000;}

/* lc-bbs-police-w */

.lc-bbs-police-w .body {padding:50px 30px; position:relative; background-color:#ffffff; border-radius:4px;}
.lc-bbs-police-w .icon {padding:40px 0 36px 0; text-align:center;}
.lc-bbs-police-w .icon span {display:inline-block; width:100px; height:100px; background:var(--bbs-btn) no-repeat; background-position:-450px -600px; opacity:0.2;}
.lc-bbs-police-w .tit {text-align:center; letter-spacing:-0.05em;}
.lc-bbs-police-w .tit {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:24px; color:#000000;}
.lc-bbs-police-w .items {margin-top:30px; padding:20px 30px 20px 30px; background-color:#f8f9fb;}
.lc-bbs-police-w .items {}
.lc-bbs-police-w .wrap-radio {}
.lc-bbs-police-w .wrap-radio ul {margin:1px 0 0 1px;}
.lc-bbs-police-w .wrap-radio li {margin:-1px 0 0 -1px; width:calc(50% - 2px); display:inline-block; vertical-align:top;}
.lc-bbs-police-w .radio {display:block;}
.lc-bbs-police-w .radio label p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.lc-bbs-police-w .radio label p {color:#999999;}
.lc-bbs-police-w .radio label:hover p {color:#000000; text-decoration:underline;}
.lc-bbs-police-w .radio label.focus p {color:#666666;}
.lc-bbs-police-w .footer {margin-top:30px; display:block; text-align:center;}
.lc-bbs-police-w .footer li {display:inline-block;}
.lc-bbs-police-w .footer li:nth-child(n+2) {margin-left:6px;}
.lc-bbs-police-w .footer a {text-decoration:none;}
.lc-bbs-police-w .footer .submit {display:block; width:120px; height:42px; background-color:#555555; text-align:center; border-radius:4px; cursor:pointer;}
.lc-bbs-police-w .footer .submit {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:42px; font-size:15px; color:#ffffff;}
.lc-bbs-police-w .footer .submit:hover {background-color:#000000;}
.lc-bbs-police-w .footer .cancel {display:block; width:120px; height:42px; background-color:#cccccc; text-align:center; border-radius:4px; cursor:pointer;}
.lc-bbs-police-w .footer .cancel {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:42px; font-size:15px; color:#ffffff;}
.lc-bbs-police-w .footer .cancel:hover {background-color:#999999;}

/* lc-bbs-police-m */

.lc-bbs-police-m .body {padding:50px 30px; position:relative; background-color:#ffffff; border-radius:4px;}
.lc-bbs-police-m .icon {text-align:center;}
.lc-bbs-police-m .icon span {display:inline-block; width:100px; height:100px; background:var(--bbs-btn) no-repeat; background-position:-450px -600px; opacity:0.2;}
.lc-bbs-police-m .tx1 {margin-top:25px; letter-spacing:-0.05em; text-align:center;}
.lc-bbs-police-m .tx1 {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:24px; color:#000000;}
.lc-bbs-police-m .tx2 {margin-top:15px; text-align:center;}
.lc-bbs-police-m .tx2 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:15px; color:#666666;}

.lc-bbs-police-m .footer {margin-top:30px; display:block; text-align:center;}
.lc-bbs-police-m .footer li {display:inline-block;}
.lc-bbs-police-m .footer li:nth-child(n+2) {margin-left:6px;}
.lc-bbs-police-m .footer a {text-decoration:none;}
.lc-bbs-police-m .footer .btn {display:block; width:120px; height:42px; background-color:#555555; text-align:center; border-radius:4px; cursor:pointer;}
.lc-bbs-police-m .footer .btn {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:42px; font-size:15px; color:#ffffff;}
.lc-bbs-police-m .footer .btn:hover {background-color:#000000;}

/* lc-bbs-upw */

.lc-bbs-upw .body {padding:45px 30px 50px 30px; position:relative; background-color:#ffffff; border-radius:4px;}

.lc-bbs-upw .title {text-align:center;}
.lc-bbs-upw .title {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:24px; color:#000000;}
.lc-bbs-upw .block {margin-top:26px; text-align:center;}
.lc-bbs-upw .block input {width:240px;}
.lc-bbs-upw .result {margin-top:11px; text-align:center;}
.lc-bbs-upw .result {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:14px; color:#666666;}
.lc-bbs-upw .result.ty-red {color:#ed1c24;}

.lc-bbs-upw .footer {margin-top:27px; display:block; text-align:center;}
.lc-bbs-upw .footer li {display:inline-block;}
.lc-bbs-upw .footer li:nth-child(n+2) {margin-left:6px;}
.lc-bbs-upw .footer a {text-decoration:none;}
.lc-bbs-upw .footer .submit {display:block; width:120px; height:42px; background-color:#555555; text-align:center; border-radius:4px; cursor:pointer;}
.lc-bbs-upw .footer .submit {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:42px; font-size:15px; color:#ffffff;}
.lc-bbs-upw .footer .submit:hover {background-color:#000000;}
.lc-bbs-upw .footer .cancel {display:block; width:120px; height:42px; background-color:#cccccc; text-align:center; border-radius:4px; cursor:pointer;}
.lc-bbs-upw .footer .cancel {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:42px; font-size:15px; color:#ffffff;}
.lc-bbs-upw .footer .cancel:hover {background-color:#999999;}

/* lc-bbs-download */

.lc-bbs-download .body {padding:15px 20px 20px 20px; position:relative; background-color:#ffffff; border-radius:4px;}
.lc-bbs-download .btn-close {z-index:1; display:block; position:absolute; right:10px; top:10px; width:37px; height:37px; cursor:pointer;}
.lc-bbs-download .btn-close:after {display:block; z-index:-1; content:''; position:absolute; left:calc(50% - 9px); top:calc(50% - 9px); width:17px; height:17px; background:var(--bbs-btn) no-repeat; background-position:-150px -600px; opacity:0.3;}
.lc-bbs-download .btn-close:hover:after {opacity:1;}
.lc-bbs-download .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:1.4; font-size:18px; color:#000;}
.lc-bbs-download .list {margin-top:12px; padding-top:15px; border-top:1px solid #e1e1e1;}
.lc-bbs-download li {z-index:1; padding:12px 12px 12px 52px; position:relative; background-color:#f8f9fb; border-radius:4px;}
.lc-bbs-download li:before {z-index:-1; display:block; content:''; position:absolute; left:12px; top:calc(50% - 15px); width:30px; height:30px; background:var(--bbs-btn) no-repeat; background-position-y:-250px;}
.lc-bbs-download li:nth-child(n+2) {margin-top:5px;}
.lc-bbs-download li.ty-etc:before {background-position-x:-750px;}
.lc-bbs-download li.ty-ai:before {background-position-x:-800px;}
.lc-bbs-download li.ty-doc:before {background-position-x:-850px;}
.lc-bbs-download li.ty-hwp:before {background-position-x:-900px;}
.lc-bbs-download li.ty-pdf:before {background-position-x:-950px;}
.lc-bbs-download li.ty-ppt:before {background-position-x:-1000px;}
.lc-bbs-download li.ty-psd:before {background-position-x:-1050px;}
.lc-bbs-download li.ty-xls:before {background-position-x:-1100px;}
.lc-bbs-download li.ty-zip:before {background-position-x:-1150px;}
.lc-bbs-download li a {z-index:10; position:relative; text-decoration:none; display:block; position:absolute; left:0; right:0; bottom:0; top:0;}
.lc-bbs-download li .block {display:block;}
.lc-bbs-download li .block p {display:flex;}
.lc-bbs-download li .block span {position:relative; display:inline-block; vertical-align:top;}
.lc-bbs-download .source {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.lc-bbs-download .source {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:14px; color:#000;}
.lc-bbs-download .filesize {margin-left:5px;}
.lc-bbs-download .filesize {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#ff0808;}
.lc-bbs-download .cnt {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#666666;}
.lc-bbs-download li:hover {background-color:#333333;}
.lc-bbs-download li:hover .source {color:#fff;}
.lc-bbs-download li:hover .cnt {color:#999;}