<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*member*/
/*login*/
html.login-html{width:100%; height:100vh;}
body.login-body{width:100%; height:100vh; background:url("/fro_end_kor/img/login-bg.jpg") center no-repeat;background-size: cover;  overflow:hidden;}

@keyframes AnimationName{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

div.login-wrap{width:100%; height:100%; }
div.login-wrap div.login-inner {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:11;}
div.login-wrap div.logo-wrap div.logo{width:100%; height:6rem; background:url("/fro_end_kor/img/login-logo.png") center no-repeat;background-size:20rem;}
div.login-wrap div.logo-wrap div.logo &gt; a{width:100%;height:100%;display:block;}
div.login-wrap div.login-b{padding:2rem;width:32rem;height:auto;margin:0 auto;text-align:center;background: #fff;box-shadow:0 5px 20px 0 rgba(0,0,0,0.2);border-radius: 10px;}
div.login-wrap div.login-b div.login{width:100%; height:auto; background:#fff;}
div.login-wrap div.login-b div.login ul li{width:100%; height:3.75rem; padding:10px 0;border:1px solid #ddd;margin-bottom: 0.75rem;}
div.login-wrap div.login-b div.login ul li span{display:inline-block; padding:10px 0;}
div.login-wrap div.login-b div.login ul li input{display:inline-block; width:92%; height:100%; border:none; padding:0 5px;background:none;font-size:1rem;}
div.login-wrap div.login-b div.login ul li input::-webkit-input-placeholder{color:#aaa;}
div.login-wrap div.login-b div.login ul li input::-moz-placeholder{color:#aaa;}
div.login-wrap div.login-b div.login ul li input:-ms-input-placeholder{color:#aaa;}
div.login-wrap div.login-b div.login ul li input:-moz-placeholder{color:#aaa;}
div.login-wrap div.login-b div.check{width:100%; height:auto; margin:30px 0; color:#fff; letter-spacing:0.5px;}
div.login-wrap div.login-b a.login-btn{display:block; width:100%; height:3.75rem; line-height:3.75rem; background:#FF4900; font-size:1.25rem; color:#fff;text-transform:uppercase;transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s;}
div.login-wrap div.login-b a.login-btn:hover{box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);}
div.login-wrap div.login-b div.btn-02{background:none;}
div.login-wrap div.login-b div.btn-02 a{display:inline-block;width:49%;height:3rem;line-height:3rem;margin-top:0.75rem;background: transparent;color: #FF4900;font-size:1rem;border: 1px solid #FF4900;}
div.login-wrap p.copy{width:100%; height:auto; text-align:center; color:rgba(255,255,255,0.5); margin-top:3rem;}
div.login-wrap div.login-bg01{width:100%;height:100%;background:linear-gradient(270deg, #0ADFC1, #08A0E3, #6A82EE);background-size:400% 400%;animation:AnimationName 7s infinite;opacity: 0.95;z-index: 0;position: relative;}

/*find*/
div.find div.btn-wrap a.btn03{padding: 0.75rem 1.5rem;}
div.find div.btn-wrap a.btn03:before {display: none;}

/*join*/
div.join table.table01-hor tbody tr th{padding:1.2rem 0;}
div.join div.form-wrap{margin-top:3.125rem;width:100%; height:auto;}
div.join div.form-wrap:last-child{margin-bottom:0;}
div.join div.form-wrap div.form{padding:2rem;border:1px solid #eaeaea;}
/*form-list*/
div.join div.form-wrap div.form &gt; div.content{margin-top:0;max-height:21.25rem;overflow-y:auto;padding:0;}
div.join div.form-wrap div.form div.list{width:100%; height:auto; margin-bottom:1.5rem;}
div.join div.form-wrap div.form div.list:last-child{margin-bottom:0;padding-bottom:0;}
div.join div.form-wrap div.form div.list div.tit{float:left; position:relative; width:20%; height:3rem; line-height:3rem; font-family:"NotoKr_M";font-size:1.15rem;}
div.join div.form-wrap div.form div.list div.con{float:left; width:80%; height:auto;}
div.join div.form-wrap div.form div.list div.con &gt; div.list{height:3rem;line-height:3rem;}
/*form - input*/
div.join div.form-wrap div.form div.list div.con select{height:3rem; line-height:1;padding:0.8rem; font-size:1.15rem; font-family:"NotoKr_R"; padding-right:3rem; border:1px solid #ddd; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url("/fro_end_kor/img/bbs_search_arrow.png") 100% center no-repeat; background-size:auto 40%;background-position-x:93%;}
div.join div.form-wrap div.form div.list div.con input{height:3rem;}
div.join div.form-wrap div.form div.list div.con div.input-wrap label.checkbox_label{margin-right:0;}
div.join div.form-wrap div.input-wrap textarea{resize: vertical;padding:0.75rem;width:100%;min-height:6rem;border:1px solid #ddd;font-size:1.15rem;line-height:1.75;}
div.join div.form-wrap div.input-wrap textarea::placeholder{color:#ccc; opacity:1; font-size:1.15rem; font-family:"NotoKr_R";}
div.join div.form-wrap div.input-wrap textarea::-webkit-input-placeholder{color:#ccc; font-size:1.15rem; font-family:"NotoKr_R";}
div.join div.form-wrap div.input-wrap textarea:-ms-input-placeholder{color:#ccc; font-size:1.15rem; font-family:"NotoKr_R";}
div.join div.form-wrap div.input-wrap textarea:-mos-input-placeholder{color:#ccc; font-size:1.15rem; font-family:"NotoKr_R";}
/*form-text*/
div.join div.form-wrap div.form div.bar{width:10%;height:3rem;line-height:3rem;text-align:center;}
div.join div.form-wrap div.form div.list div.con span.small{display:inline-block;line-height:3rem;font-size:1.15rem;width:100%;}
div.join div.form-wrap span.star{color:#BF1238;}
/*form - box*/
div.join div.form-wrap div.form div.box{margin-bottom:1.5rem;}
div.join div.form-wrap div.form div.box &gt; *:last-child{padding-bottom:0;}
div.join div.form-wrap div.form div.box h4.tit_01{margin:1.5rem 0;}
div.join div.form-wrap div.form div.box b{margin-bottom:1rem;display:block;font-size:1.15rem;line-height:1.75;color:#333;}
div.join div.form-wrap div.form div.box p{font-size:1.125rem;line-height:1.75;color:#333;}
div.join div.form-wrap div.form div.box ol{counter-reset:item;}
div.join div.form-wrap div.form div.box &gt; ol{margin-top:1rem;}
div.join div.form-wrap div.form div.box li{padding-left:1.5rem;margin-bottom:0.8rem;position:relative;font-size:1rem;line-height:1.75;color:#444;}
div.join div.form-wrap div.form div.box li:before{content:'('counter(item)')';counter-increment:item;position:absolute;top:0;left:0;line-height:1.75;font-size:1rem;color:#444;}
div.join div.form-wrap div.form div.box &gt; ol &gt; li &gt; ol{margin-top:0.5rem;}
div.join div.form-wrap div.form div.box &gt; ol &gt; li &gt; ol &gt; li{padding-left:1.25rem;margin-bottom:0.4rem;}
div.join div.form-wrap div.form div.box &gt; ol &gt; li &gt; ol &gt; li:before{content:counter(item)'.';}
/*�숈쓽 radio */
div.join div.agree-wrap{width:100%; height:auto;background:#f8f8f8;border:1px solid #eaeaea;border-top:none;padding:1.5rem; text-align:center;}
div.join div.agree-wrap div.list{width:100%; height:auto;}
div.join div.agree-wrap div.list div.tit{display:inline-block;font-size:1.15rem;font-family:'NotoKr_M' , sans-serif;}
div.join div.agree-wrap div.list &gt; div.input-wrap{display:inline-block; margin-left:2rem;}
div.join div.all{margin-top:1.5rem;}
div.join div.all div.agree-wrap{padding:0;background:#fff;border:none;}
div.join div.all div.agree-wrap div.list &gt; div.input-wrap{margin-left:0;}
div.join div.all div.input-wrap label.checkbox-label{padding-bottom:0.5rem;margin-right:0;display:inline-block;border-bottom:1px solid #333;font-family:'NotoKr_B' , sans-serif;font-size:1.25rem;}
div.join td.birth select{width:28%;padding-right:0;float:left;}
div.join td.birth span {float:left;width: 5%;text-align: center;line-height:3rem;}
div.join .attach span.fname {margin-left: 0;width:18rem;}
div.join .address &gt; div.input-wrap {width: calc(50% - 0.5rem);float: left;}
div.join .address &gt; div.input-wrap:last-child {float: right;}
div.join .bank &gt; div.input-wrap {width: 32.3%;float: left;}
div.join .bank &gt; div.input-wrap:nth-of-type(2) {margin: 0 1.5%;}


/*bbs*/
.bbs-mob{display:none !important;}

div.bbs{width:100%; height:auto;}
div.bbs span.notice{display: inline-block;vertical-align: middle;width: auto;height: 1.8125rem;padding: 0 1rem;line-height: 1.8125rem;text-align: center;color: #fff;background:#FF4900;font-weight: 400;}
div.bbs span.notice:before {display: none;}
img.img-new {display: inline-block;width: 1.5rem;height: 1.5rem;position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);}

/*bbs-table*/
div.bbs-table-wrap{width:100%; height:auto; margin-bottom:2rem; text-align:center;}
div.bbs-table-wrap p.table_txt{display:none;}
div.bbs-table-wrap table{width:100%; height:auto; vertical-align:top;box-shadow:none;}
div.bbs-table-wrap table thead th{padding:1.2rem 0;border-right: none;border-bottom:1px solid #222;color:#222;border-top:2px solid #222;}
div.bbs-table-wrap table tbody th,
div.bbs-table-wrap table tbody td{border-bottom:1px solid #eaeaea;padding:1.2rem 0;border-right: none;font-size:1rem;}
div.bbs-table-wrap table tbody td a.bbs-tit {text-align: left;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 48rem;font-size:1.25rem;font-family:'NotoKr_M' , sans-serif;position:relative;}
div.bbs-table-wrap table.table01-sub thead tr th:after{display:none;}

/*bbs 寃��됱갹*/
/* bbs - 寃��됱갹 */
div.bbs div.bbs-top{width:100%; height:auto;position:relative;text-align:center;}
div.bbs div.bbs-top div.search{display:inline-block;}
div.bbs div.bbs-top div.search div.sel-wrap{float:left;width:8rem; margin-right:1rem; border-bottom:1px solid #231f20;}
div.bbs div.bbs-top div.search div.input-wrap{position:relative; float:left; width:20rem; height:3rem; line-height:3rem; border-bottom:1px solid #231f20;}
div.bbs div.bbs-top div.search div.input-wrap input{width:90%; padding:0; border:0;background:transparent;}
div.bbs div.bbs-top div.search div.input-wrap input:focus{border:0;}
div.bbs div.bbs-top div.search div.input-wrap a.search-btn{position:absolute; top:50%; right:0; transform: translateY(-50%); display:block; width:1.5rem; height:1.5rem; background:url("/fro_end_kor/img/bbs_search_icon.png") center no-repeat; background-size:cover; text-indent:-9999px;}


/* bbs - pagination */
div.pagination{margin-top:5rem; text-align:center;}
div.pagination a{display:inline-block;font-size:1.2rem;text-align:center;min-width: 2rem;height: 2rem;line-height: 2rem;vertical-align: top;position: relative;-webkit-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;transition:0.3s;color:#bbb;}
div.pagination a:after {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid transparent;}
div.pagination a:hover{color:#6A82EE;}
div.pagination a.on{pointer-events:none;color:#231f20;}
div.pagination a.on:after {border: none;border-bottom: 2px solid #222;width: 1.25rem;left: 50%;transform: translateX(-50%);margin-top: -2px;position: absolute;}
div.pagination a.page-btn{font-size:0;position:relative;border:1px solid #ddd;-webkit-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
div.pagination a.page-btn:before{position:absolute; top:0; left:0; content:""; width:100%; height:100%;}
div.pagination a.page-btn.first:before{background:url("/fro_end_kor/img/bbs-last.png") center no-repeat; background-size:cover;transform:rotate(180deg);}
div.pagination a.page-btn.prev:before{background:url("/fro_end_kor/img/bbs-next.png") center no-repeat; background-size:cover;transform:rotate(180deg);}
div.pagination a.page-btn.next:before{background:url("/fro_end_kor/img/bbs-next.png") center no-repeat; background-size:cover;}
div.pagination a.page-btn.last:before{background:url("/fro_end_kor/img/bbs-last.png") center no-repeat; background-size:cover;}
div.pagination a.page-btn:hover{border:1px solid #222;}
div.pagination div.page-num {display: inline-block;margin: 0 1.5rem;}

/*bbs-list01*/
div.bbs-list01 ul.photo_wrap{margin-top:3rem;width:100%;height:auto;text-align:center;}
div.bbs-list01 ul.photo_wrap &gt; li{margin:1%;display:inline-block;position:relative;width:31%;height:33rem;border:1px solid #ddd;text-align:left;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a{position:relative;display:block;width:100%;height:100%;border-top:3px solid #222;transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.date{padding:0.75rem;width:8rem;height:auto;background:#222;color:#fff;text-align:center;font-size:1rem;font-family:'Montserrat_R', sans-serif;letter-spacing:0.05rem;transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.text_wrap{padding:0 1rem;margin:1.5rem 0;width:100%;height:auto;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.text_wrap div.tit{font-size:1.5rem;height:5.5rem;color:#222;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.text_wrap div.hit{font-size:1rem;color:rgba(102,102,102,0.8);}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.img{position:absolute;bottom:0;left:0;background:#ddd;width:100%;height:20rem;overflow:hidden;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.img img{width:100%;height:100%;transition:0.8s; -webkit-transition:0.8s; -o-transition:0.8s; -ms-transition:0.8s; -moz-transition:0.8s;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.img div.cover{position:absolute;top:0;left:0;background:rgba(10,223,193,0);width:100%;height:100%;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.img div.cover:before{content:"";position:absolute;left:50%;top:50%;width:3.5rem;height:3.5rem;background:url("../img/bbs-list01-plus.png") center no-repeat; background-size:100%;transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; -moz-transition:0.5s;-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a:hover{border-top:3px solid #0ADFC1;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a:hover div.date{background:#0ADFC1;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a:hover div.text_wrap div.tit{color:#0ADFC1;}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a:hover div.img img {-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a:hover div.img div.cover{background:rgba(10,223,193,0.8);}
div.bbs-list01 ul.photo_wrap &gt; li &gt; a:hover div.img div.cover:before{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:translate(-50%,-50%) scale(1.0);-moz-transform:translate(-50%,-50%) scale(1.0);-o-transform:translate(-50%,-50%) scale(1.0);-ms-transform:translate(-50%,-50%) scale(1.0);transform:translate(-50%,-50%) scale(1.0);}
div.bbs-list01 div.btn-wrap &gt; .big-btn {font-size: 1.25rem !important;}

/*bbs-list02*/
div.bbs-list02 table.table01-sub{border-left:none;border-right:none;}
div.bbs-list02 table.table01-sub thead tr {background: #fff;border-top:1px solid #555;}
div.bbs-list02 table.table01-sub thead tr {background: 1px solid #555555;}

/*bbs-list03*/
div.bbs-list03 ul.photo_wrap{margin-top:3rem;width:100%;height:auto;text-align:left;}
div.bbs-list03 ul.photo_wrap &gt; li{display:inline-block;width:16%;margin-bottom:1.5rem;vertical-align:top;}
div.bbs-list03 ul.photo_wrap &gt; li &gt; a{display:block;max-width:14rem;margin:0 auto;}
div.bbs-list03 ul.photo_wrap &gt; li &gt; a &gt; div.thumbnail &gt; figure{margin-bottom:1rem;padding:0 0.5rem;text-align:center;}
div.bbs-list03 ul.photo_wrap &gt; li &gt; a &gt; div.thumbnail &gt; figure &gt; img{width:100%;max-width:100%;display:block;vertical-align:middle;border:1px solid #eaeaea;}
div.bbs-list03 ul.photo_wrap &gt; li &gt; a div.line01{display:inline-block;}
div.bbs-list03 ul.photo_wrap &gt; li &gt; a div.fs1125{font-size:0.8rem !important;}

/*bbs-list04*/
div.bbs-list04 div.faq_accordion{position:relative; width:100%; height:auto; margin-top:50px;}
div.bbs-list04 div.faq_accordion article{border: 3px solid #6A82EE;text-align:left;margin-bottom: 1.5rem;}
div.bbs-list04 div.faq_accordion article div.fa_Q{position:relative; width:100%; height:auto; padding:1.5rem 4.375rem 1.5rem 4.6875rem; cursor:pointer;}
div.bbs-list04 div.faq_accordion article div.fa_Q:before{position:absolute; top:50%; left:1.5rem; transform:translateY(-50%); content:"Q"; display:inline-block; font-family:'Montserrat_B' , sans-serif; font-size:1.875rem; color:#6A82EE;}
div.bbs-list04 div.faq_accordion article div.fa_Q:after{position:absolute; top:50%; right:1.5rem; content:"+"; transform:translateY(-50%); font-size:2.5rem; color:#6A82EE; font-family:'NotoKr_T' , sans-serif;}
div.bbs-list04 div.faq_accordion article div.fa_Q span.eng{display:inline-block; font-size:1.5rem; color:#6A82EE;}
div.bbs-list04 div.faq_accordion article div.fa_Q div.tit{-webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
div.bbs-list04 div.faq_accordion article div.fa_A{display:none; position:relative; line-height:26px; padding:1.5rem 4.375rem 1.5rem 4.6875rem;line-height:1.75;}
div.bbs-list04 div.faq_accordion article div.fa_A:before{position:absolute;top: 50%;left:1.5rem;content:"A";display:inline-block;font-family:'Montserrat_B' , sans-serif;font-size:1.5rem;color:#232428;transform: translateY(-50%);}
div.bbs-list04 div.faq_accordion article.open div.fa_Q{border-bottom:1px solid #ddd;background:#6A82EE;}
div.bbs-list04 div.faq_accordion article.open div.fa_Q div.tit{font-family:"NotoKr_B"; color:#fff;}
div.bbs-list04 div.faq_accordion article.open div.fa_Q:before{color:#fff;}
div.bbs-list04 div.faq_accordion article.open div.fa_Q:after{content:"-"; font-size:55px; color:#fff;}
div.bbs-list04 div.faq_accordion article.open div.fa_A{display:block;}
div.bbs-list04 div.faq_accordion article.open div.fa_A *{font-size:1.125rem !important; font-family:"NotoKr_R" !important;}


/*bbs-view*/
div.bbs-view div.bbs-top div.bbs-notice span.no {display: inline-block;vertical-align: middle;width: auto;height: 1.8125rem;padding: 0 1rem;line-height: 1.8125rem;text-align: center;color: #fff;background:#FF4900;font-weight: 400;}
div.bbs-view div.bbs-top div.bbs-tit-wrap{position:relative;}
div.bbs-view div.bbs-top div.bbs-tit{font-size: 2rem;text-align: center;line-height: 1.25;word-break: keep-all;max-width: 46rem;margin-left: auto;margin-right: auto;}
div.bbs-view div.bbs-top div.bbs-date{color:#777;font-size: 1.15rem;text-align: center;}
div.bbs-view div.bbs-top div.bbs-nav-wrap {position: absolute;top: 0;left: 0;width: 100%;height: auto;}
div.bbs-view div.bbs-top div.bbs-tit-wrap &gt; a.nav {width: 3rem;height: 3rem;display: block;background:url("/fro_end_kor/img/bbs-nav-arrow.png") center no-repeat; background-size:cover;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
div.bbs-view div.bbs-top div.bbs-tit-wrap &gt; a.nav.prev{left:0;}
div.bbs-view div.bbs-top div.bbs-tit-wrap &gt; a.nav.next{right:0;transform:translateY(-50%) rotate(180deg);}
div.bbs-view div.bbs-top div.bbs-tit-wrap &gt; a.nav:hover{background:url("/fro_end_kor/img/bbs-nav-arrow-on.png") center no-repeat; background-size:cover;}
div.bbs-view div.bbs-con {width:100%;padding: 2.5rem;background: #fff;border: 1px solid #eaeaea;color: #080a14;border:5px solid #e6e6e6;}
div.bbs-view div.bbs-con:after{content:""; display:block; clear:both;}
div.bbs-view div.bbs-con *{word-break: break-all;}
div.bbs-view div.bbs-con table{max-width:100% !important;}
div.bbs-view div.bbs-con img {width:100%; /*auto�먯꽌 �섏젙 21-11-30 �섏젙*/ display: inline-block;height: auto !important;max-width: 100%;margin: 0 auto;}
div.bbs-view div.bbs-con table th,
div.bbs-view div.bbs-con table td{word-break:break-all; border:1px solid #ccc;}
div.sub-1510 div.bbs-view div.bbs-con table th,
div.sub-1510 div.bbs-view div.bbs-con table td{border:0;}
div.bbs div.bbs-attachments{border-top: 1px solid #eaeaea;}
div.bbs div.bbs-attachments div.attach {max-width: 46rem;margin-left: auto;margin-right: auto;}
div.bbs div.bbs-attachments div.attach div.attach-tit{float:left;color: #222;width:auto;}
div.bbs div.bbs-attachments div.attach ul.file-wrap{float:left;padding-top:0.25rem;padding-left:0.5rem;}
div.bbs div.bbs-attachments div.attach ul.file-wrap li a.file{position:relative; display:block; margin-bottom:0.5rem; padding-left:1.5rem; color:#777;-webkit-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
div.bbs div.bbs-attachments div.attach ul.file-wrap li a.file:before{position:absolute; top:1px; left:0; content:""; width:1.2rem; height:1.2rem; background:url("/fro_end_kor/img/bbs_attach_icon.png") 0 center no-repeat; background-size:auto 100%;}
div.bbs div.bbs-attachments div.attach ul.file-wrap li a.file:hover{color:#222;}
div.bbs div.bbs-attachments div.attach ul.file-wrap li:last-child a.file{margin-bottom:0;}
div.faq_accordion div.bbs-attachments{padding:1.5rem 0;}
div.bbs-view ul.nav{position:relative;margin-top:3rem;width:100%;border-top:1px solid #222;text-align:center;}
div.bbs-view ul.nav &gt; li{float:left;width:calc(50% - 5rem);}
div.bbs-view ul.nav &gt; li &gt; a{padding:0.5rem;margin-top:3rem;position:relative;display:block;width:100%;height:100%;font-size:1.5rem;color:#333333;font-family:'NotoKr_M' , sans-serif;line-height:1.75;transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s;}
div.bbs-view ul.nav &gt; li &gt; a:before{content:"";position:absolute;top:calc(-3rem - 1px);display:block;width:100%;height:3px;background:#6B76F0;transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
div.bbs-view ul.nav &gt; li &gt; a &gt; span{position:relative;}
div.bbs-view ul.nav &gt; li &gt; a &gt; span:before{content:"";position:absolute;top:50%;transform:translateY(-50%);display:inline-block;width:2rem;height:2rem;}
div.bbs-view ul.nav &gt; li.prev &gt; a &gt; span:before{left:-2.5rem;background:url("../img/bbs-view-prev-off.png") center no-repeat; background-size:100%;transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s;}
div.bbs-view ul.nav &gt; li.next &gt; a &gt; span:before{right:-2.5rem;background:url("../img/bbs-view-next-off.png") center no-repeat; background-size:100%;transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s;}
div.bbs-view ul.nav &gt; li &gt; a &gt; p{font-size: 1rem;color:#666;font-family:'NotoKr_R' , sans-serif;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;}
div.bbs-view ul.nav &gt; li.list{width:10rem;}
div.bbs-view ul.nav &gt; li.list &gt; a:before{display:none;}
div.bbs-view ul.nav &gt; li &gt; a.btn-01 {box-shadow: 23px 28px 50.22px 3.78px rgba(106, 130, 238, 0.2);}
div.bbs-view ul.nav &gt; li &gt; a:hover{color:#6B76F0;}
div.bbs-view ul.nav &gt; li.list &gt; a:hover{color:#fff;}
div.bbs-view ul.nav &gt; li &gt; a:hover:before{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0);}
div.bbs-view ul.nav &gt; li &gt; a:hover p{color:#6B76F0;}
div.bbs-view ul.nav &gt; li.prev &gt; a:hover &gt; span:before{background:url("../img/bbs-view-prev-on.png") center no-repeat; background-size:100%;}
div.bbs-view ul.nav &gt; li.next &gt; a:hover &gt; span:before{background:url("../img/bbs-view-next-on.png") center no-repeat; background-size:100%;}
div.bbs-view .table-overflow{overflow-x:auto;}


/*bbs-write*/
div.bbs-write div.sel-wrap select{border-bottom:1px solid #231f20;}
div.bbs-write div.bbs-table-wrap table tbody th {padding: 1.2rem 0;}
div.bbs-write div.bbs-table-wrap table tbody td{text-align:left;font-size:1.15rem;padding:1.2rem;}
div.bbs-write .attach a.delete-btn {right: -1.5rem;}
div.bbs-write .attach span.fname {overflow: visible;}
div.bbs-write div.bw-con{width:100%;height:auto;min-height:30rem;border: 1px solid #eaeaea;border-top:none;text-align: left;}
div.bbs-write div.btn-wrap &gt; .big-btn {min-width: 10rem;}
div.bbs-write table.table01-hor tbody tr.notice div.input-wrap {float: left; }
div.bbs-write table.table01-hor tbody tr.notice div.input-wrap:nth-of-type(1) {line-height: 2.5;width: 10%;}
div.bbs-write table.table01-hor tbody tr.notice div.input-wrap:nth-of-type(2) {width: 90%;}
div.bbs-write table.table01-hor tbody tr.notice div.input-wrap:nth-of-type(2) &gt; input {width: 48%;background: #fdfdfd;border: 1px solid #ddd;color: #666;}
div.bbs-write table.table01-hor tbody tr.notice div.input-wrap:nth-of-type(2) &gt; span {width: 2%;display: inline-block;}
div.bbs-write div.tabmenu-wrap ul.tab-nav{margin-bottom:1.5rem;}
/*tabcon-01 content*/
div.bbs-write div.tabmenu-wrap div.tab-con div#tabcon-01{display: block;width: 100%;}
/*tabcon-02 content*/
div.bbs-write div.tabmenu-wrap div.tab-con div#tabcon-02{width: 100%;}
/*tabcon-03 content*/
div.bbs-write div.tabmenu-wrap div.tab-con div#tabcon-03{width: 100%;}
/*tabcon-04 content*/
div.bbs-write div.tabmenu-wrap div.tab-con div#tabcon-04{width: 100%;}
/*tabcon-05 content*/
div.bbs-write div.tabmenu-wrap div.tab-con div#tabcon-05{width: 100%;}
div.bbs-write div.bbs-table-wrap table tbody td div.language {width: 100%;display: block;height: 3rem;margin-bottom:0.5rem;}
div.bbs-write div.bbs-table-wrap table tbody td div.language div.FL{width:15%;height: 3rem;font-family:'NotoKr_B' , sans-serif;font-size:1rem;}
div.bbs-write div.bbs-table-wrap table tbody td div.language:last-child div.FL{margin-bottom:0}
div.bbs-write div.bbs-table-wrap table tbody td div.language div.input-wrap{width:85%;}

/*bbs-delete*/
div.bbs-delete div.bbs-con {width:100%;padding: 2.5rem;background: #fff;border: 5px solid #eaeaea;color: #080a14;text-align:center;}
div.bbs-delete div.bbs-con &gt; img {width: 4rem;display: inline-block;}

/*bbs-reply*/
div.bbs-reply ul.bbs-reply-list &gt; li{position:relative;padding:1.5rem 0;border-top:1px solid rgba(221,221,221,0.6);}
div.bbs-reply ul.bbs-reply-list &gt; li:first-child{border-top:none;}
div.bbs-reply ul.bbs-reply-list &gt; li div.writer{color:#666;}
div.bbs-reply ul.bbs-reply-list &gt; li div.writer &gt; span.date{color:#bbb;position:relative;padding-left:1rem;}
div.bbs-reply ul.bbs-reply-list &gt; li div.writer &gt; span.date:before {content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #bbb;top: 50%;transform: translateY(-50%);left: 0.3rem;}
div.bbs-reply ul.bbs-reply-list &gt; li div.reply {color: #222;font-size: 1.15rem;}
div.bbs-reply ul.bbs-reply-list &gt; li &gt; a.btn-04 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
div.bbs-reply div.input-wrap {border: 1px solid #ddd;min-height:6.25rem;box-shadow:20px 20px 50px 3px rgba(221, 221, 221, 0.2);}
div.bbs-reply div.input-wrap &gt; input {float:left;height: 6.25rem;border: none;border-right: 1px solid #ddd;}
div.bbs-reply div.input-wrap &gt; input.name{width: 8rem; padding: 0 1rem;text-align: center;}
div.bbs-reply div.input-wrap &gt; textarea{float:left;resize: none;padding:0.75rem;width:calc(100% - 14.25rem);min-height:6.25rem;border:none;border-right:1px solid #ddd;font-size:1rem;line-height:1.75;font-family:'NotoKr_R' , sans-serif;overflow-x:hidden;overflow-y:auto;}
div.bbs-reply div.input-wrap &gt; textarea:focus{border:1px solid #333333;}
div.bbs-reply div.input-wrap &gt; a.enrollment-btn {width: 6.25rem;height: 6.25rem;background: #3c4153;display: inline-block;float: left;color:#fff;text-align: center;line-height: 6.25rem;}

@media screen and (max-width:1280px){
	/*bbs-write*/
	div.bbs-write table.table01-hor tbody tr.notice div.input-wrap:nth-of-type(1){width:20%;}
	div.bbs-write table.table01-hor tbody tr.notice div.input-wrap:nth-of-type(2){width:80%;}
}

@media screen and (max-width:1024px){
	/*join*/
	div.join .attach span.fname{width:12rem;text-align:left;}

	/*bbs*/
	/*bbs-list01*/
	div.bbs-table-wrap table tbody td a.bbs-tit{width:32rem;}

	/*bbs-list03*/
	div.bbs-list03 ul.photo_wrap &gt; li{width:24%;}
	div.bbs-list03 ul.photo_wrap &gt; li &gt; a{max-width:12rem;}
}

@media screen and (max-width:768px){
	/*join*/
	div.join div.form-wrap div.form{padding:1.5rem;}

	/*寃뚯떆��*/
	.bbs-pc{display:none !important;}
	.bbs-mob{display:inline-block !important;}

	/*bbs-list01*/
	div.bbs-list01 ul.photo_wrap &gt; li{width:47%;height:auto;}
	div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.img{position:inherit; bottom:auto; left:auto; height:auto;}
	div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.img div.cover,
	div.bbs-list01 ul.photo_wrap &gt; li &gt; a:hover div.img div.cover{display:none;}


	/*bbs-view*/
	div.bbs-view ul.nav &gt; li &gt; a &gt; p{display:none;}
	div.bbs-view-pagination &gt; a.pagination{padding:3rem 0;}
	div.bbs-view-pagination &gt; a.pagination &gt; div.fs1{display:none;}
	div.bbs-view-pagination &gt; a.pagination:after{display:none;}
	div.bbs-view-pagination &gt; a.pagination:hover &gt; div{-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
	div.bbs-view div.bbs-top div.bbs-tit-wrap &gt; a.nav{width:1.5rem;height:1.5rem;}
	div.bbs-view div.bbs-top div.bbs-tit{font-size:1.625rem;word-break:initial;max-width:30rem;}

	/*bbs-write*/
	div.bbs-write div.bbs-table-wrap table tbody td div.language{height:auto;}
	div.bbs-write div.bbs-table-wrap table tbody td div.language div.FL{height:auto;width:100%;margin-bottom:0.25rem;}
	div.bbs-write div.bbs-table-wrap table tbody td div.language div.input-wrap{width:100%;}
}


@media screen and (max-width:480px){
	/*login*/
	div.login-wrap div.login-inner{padding:0 2.125rem;width:100%;}
	div.login-wrap div.login-b{width:100%;}

	/*join*/
	div.join table.table0102-hor tr {border: none;}
	div.join table.table0102-hor tbody tr th {border: 1px solid #ddd; border-bottom: none;}
	div.join table.table0102-hor tbody tr th:nth-of-type(2n) {margin-top: 1em;}
	div.join table.table0102-hor tbody tr th &gt; br{display:none;}
	div.join table.table0102-hor tbody tr td {border: 1px solid #ddd;text-align:center;}
	div.join ul.list01 &gt; li:last-child{text-align:left;}

	div.pagination div.page-num{margin:0;}

	/*bbs*/
	div.bbs span.notice{padding: 0 0.5rem;}
	div.bbs-table-wrap table tbody td a.bbs-tit{width:20rem;}

	/*bbs-寃��됱갹*/
	div.bbs div.bbs-top div.search div.sel-wrap{width:4rem;}
	div.bbs div.bbs-top div.search div.input-wrap{width:13rem;}
	div.bbs div.bbs-top div.search div.input-wrap a.search-btn{width:1.15rem;height:1.15rem;}

	/*bbs-list01*/
	div.bbs-list01 ul.photo_wrap &gt; li{margin:0;margin-bottom:3rem;width:100%;}
	div.bbs-list01 ul.photo_wrap &gt; li:last-child{margin-bottom:0;}
	div.bbs-list01 ul.photo_wrap &gt; li &gt; a div.text_wrap div.tit{height:5rem;}

	/*bbs-list03*/
	div.bbs-list03 ul.photo_wrap &gt; li{width:45%;}

	/*bbs-view*/
	div.bbs-view div.bbs-con{padding:2rem;}
	div.bbs-view div.bbs-top div.bbs-tit-wrap &gt; a.nav{display:none;}
	div.bbs div.bbs-attachments div.attach div.attach-tit{width:100%;margin-bottom:1rem;}
	div.bbs-view-pagination &gt; a.pagination{padding:2rem 0;}
	div.bbs-view div.two-btn-wrap &gt; .btn {padding: 0.75rem;width: auto;}	
	div.bbs-view div.bbs-con table{width:100% !important;}
	div.bbs-view div.bbs-con table th, 
	div.bbs-view div.bbs-con table td{padding:5px;}

	/*bbs-write*/
	div.bbs-write div.btn-wrap &gt; .big-btn {min-width: 30%;}
	div.bbs-write table.table01-hor tbody tr.notice div.input-wrap:nth-of-type(1){width:100%;}
	div.bbs-write table.table01-hor tbody tr.notice div.input-wrap:nth-of-type(2){width:100%;}
	div.bbs-write table.table01-hor tbody tr.notice div.input-wrap:nth-of-type(2) &gt; input{width:46%;}

	/*bbs-reply*/
	div.bbs-reply ul.bbs-reply-list &gt; li &gt; a.btn-04{position:relative;top:0;transform:translateY(0%);margin-top:1rem;}
	div.bbs-reply div.input-wrap &gt; input.name{display:none;}
	div.bbs-reply div.input-wrap{min-height:4.25rem;}
	div.bbs-reply div.input-wrap &gt; textarea{width:calc(100% - 4.25rem);min-height:auto;line-height:initial;}
	div.bbs-reply div.input-wrap &gt; a.enrollment-btn{width:4.25rem;height:4.25rem;line-height:4.25rem;}

}

@media screen and (max-width:375px){
	/*login*/
	div.login-wrap div.login-inner{padding:0 1.5rem;}
}

@media screen and (max-width:320px){
	div.pagination a.page-btn.first,
	div.pagination a.page-btn.last{display:none;}

	/*bbs*/
	div.bbs-table-wrap table tbody td a.bbs-tit{width:18rem;}
}



/* ----- 2023-06-09 異붽� ----- */
span.category{font-size:1.1rem; color:#fff; padding:0.2rem 1rem; font-family:'NotoKr_M';}
span.category.category_01{background:rgba(106,130,238,0.1); color:rgb(106,130,238);}
span.category.category_02{background:rgba(255,73,0,0.1); color:rgb(255,73,0);}
span.category.category_03{background:rgba(8,160,227,0.1); color:rgb(8,160,227);}
span.category.category_04{background:rgba(10,223,193,0.1); color:rgb(10,223,193);}

/* 踰꾪듉 */
a.btn.btn-apply{font-size:1.3rem; font-family:'NotoKr_M'; color:#ff4900; border:2px solid #ff4900; padding-left:3.8rem; position:relative; transition:0.4s;}
a.btn.btn-apply:after{content:''; display:block; width:1.5rem; height:1.5rem; background:url("/fro_end_kor/img/btn_apply.svg") center / 100% auto no-repeat; position:absolute; top:50%; left:1rem; transform:translateY(-50%);}
a.btn.btn-apply:hover{transform:translateY(-5px); box-shadow:0 8px 30px rgba(255,73,0,0.2);}

/* 梨꾩슜怨듦퀬 */
div.hire div.bbs-list table.table01-sub tbody tr td.deadline{font-size:1.25rem;}
div.hire div.bbs-view ul.nav &gt; li &gt; a{height:auto !important;} /* height:100% �뚮Ц�� 960px濡� �섏뼱�� */

@media screen and (max-width:480px){
	
	a.btn.btn-apply{font-size:1.125rem; padding-left:3rem;}
	a.btn.btn-apply:after{width:1.3rem; height:1.3rem;}

}</pre></body></html>