@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url(/css/fonts/BrownDC/font-face.css);
@import url(/css/layout.min.css);
@import url(/css/board.min.css);
@font-face { font-family: 'NanumSquare'; src: url("/css/fonts/NanumSquare/NanumSquareL.eot"); src: url("/css/fonts/NanumSquare/NanumSquareL.eot?iefix") format("eot"), url("/css/fonts/NanumSquare/NanumSquareL.woff") format("woff"), url("/css/fonts/NanumSquare/NanumSquareL.ttf") format("ttf"); font-weight: lighter; }

@font-face { font-family: 'NanumSquare'; src: url("/css/fonts/NanumSquare/NanumSquareB.eot"); src: url("/css/fonts/NanumSquare/NanumSquareB.eot?iefix") format("eot"), url("/css/fonts/NanumSquare/NanumSquareB.woff") format("woff"), url("/css/fonts/NanumSquare/NanumSquareB.ttf") format("ttf"); font-weight: bold; }

@font-face { font-family: 'NanumSquare'; src: url("/css/fonts/NanumSquare/NanumSquareEB.eot"); src: url("/css/fonts/NanumSquare/NanumSquareEB.eot?iefix") format("eot"), url("/css/fonts/NanumSquare/NanumSquareEB.woff") format("woff"), url("/css/fonts/NanumSquare/NanumSquareEB.ttf") format("ttf"); font-weight: bolder; }

@font-face { font-family: 'NanumSquare'; src: url("/css/fonts/NanumSquare/NanumSquareR.eot"); src: url("/css/fonts/NanumSquare/NanumSquareR.eot?iefix") format("eot"), url("/css/fonts/NanumSquare/NanumSquareR.woff") format("woff"), url("/css/fonts/NanumSquare/NanumSquareR.ttf") format("ttf"); }

/* 초기화 */
html { overflow-y: scroll; scroll-behavior: smooth; }

body { margin: 0; padding: 0; font-size: 0.75em; font-family: 'Noto Sans KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif; background: #fff; }

html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-family: 'Noto Sans KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, dl, dt, dd { margin: 0; padding: 0; list-style: none; }

legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }

label, input, button, select, img { vertical-align: middle; font-size: 1em; }

input, button { margin: 0; padding: 0; font-family: 'Noto Sans KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif; font-size: 1em; }

input[type="submit"] { cursor: pointer; }

button { cursor: pointer; }

textarea, select { font-family: 'Noto Sans KR', Noto Sans, 'Malgun Gothic', dotum, sans-serif; font-size: 1em; }

select { margin: 0; }

p { margin: 0; padding: 0; word-break: break-all; }

hr { display: none; }

pre { overflow-x: scroll; font-size: 1.1em; }

a { color: inherit; text-decoration: none; }

*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type=text], input[type=password], textarea { outline: none; }

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { -webkit-box-shadow: 0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important; }

table { border-collapse: collapse; }

.placeholdersjs { color: #aaa !important; }

/* 레이아웃 크기 지정 */
/* #hd, #wrapper, #ft {min-width:1200px} */
/* 
#hd_pop,
#hd_wrapper,
#tnb .inner,
#gnb .gnb_wrap,
#container_wr,
#ft_wr {min-width:1200px} */
/* 팝업레이어 */
#hd_pop { z-index: 1000; position: relative; margin: 0 auto; height: 0; }

#hd_pop h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

.hd_pops { position: absolute; border: 1px solid #e9e9e9; background: #fff; }

.hd_pops img { max-width: 100%; }

.hd_pops_footer { padding: 0; background: #000; color: #fff; text-align: left; position: relative; }

.hd_pops_footer:after { display: block; visibility: hidden; clear: both; content: ""; }

.hd_pops_footer button { padding: 10px; border: 0; color: #fff; }

.hd_pops_footer .hd_pops_reject { background: #000; text-align: left; }

.hd_pops_footer .hd_pops_close { background: #393939; position: absolute; top: 0; right: 0; }

.hd_pop { z-index: 1000; position: relative; margin: 0 auto; height: 0; }

.hd_pop h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }

/* 중간 레이아웃 */
#container_wr:after { display: block; visibility: hidden; clear: both; content: ""; }

#container_wr { margin: 0 auto; height: 100%; zoom: 1; }

#aside { float: right; width: 235px; padding: 0; height: 100%; margin: 20px 0 20px 20px; }

#container { position: relative; min-height: 500px; height: auto !important; font-size: 1em; }

#container:after { display: block; visibility: hidden; clear: both; content: ""; }

#container_title { font-size: 1.333em; margin: 0 auto; font-weight: bold; }

#container_title span { margin: 0 auto 10px; display: block; line-height: 30px; }

.lt_wr { width: 32%; }

.lt_wr:nth-child(3n+1) { clear: both; }

.latest_wr { margin-bottom: 20px; }

.latest_wr:after { display: block; visibility: hidden; clear: both; content: ""; }

.latest_top_wr { margin: 0 -10px 20px; }

.latest_top_wr:after { display: block; visibility: hidden; clear: both; content: ""; }

/* 새창 기본 스타일 */
.new_win { position: relative; }

.new_win .tbl_wrap { margin: 0 20px; }

.new_win #win_title { font-size: 1.3em; height: 50px; line-height: 30px; padding: 10px 20px; background: #fff; color: #000; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); }

.new_win #win_title .sv { font-size: 0.75em; line-height: 1.2em; }

.new_win .win_ul { margin-bottom: 15px; padding: 0 20px; }

.new_win .win_ul:after { display: block; visibility: hidden; clear: both; content: ""; }

.new_win .win_ul li { float: left; background: #fff; text-align: center; padding: 0 10px; border: 1px solid #d6e9ff; border-radius: 30px; margin-left: 5px; }

.new_win .win_ul li:first-child { margin-left: 0; }

.new_win .win_ul li a { display: block; padding: 8px 0; color: #6794d3; }

.new_win .win_ul .selected { background: #3a8afd; border-color: #3a8afd; position: relative; z-index: 5; }

.new_win .win_ul .selected a { color: #fff; font-weight: bold; }

.new_win .win_desc { position: relative; margin: 10px; border-radius: 5px; font-size: 1em; background: #f2838f; color: #fff; line-height: 50px; text-align: left; padding: 0 20px; }

.new_win .win_desc i { font-size: 1.2em; vertical-align: baseline; }

.new_win .win_desc:after { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 50px; background: #da4453; border-radius: 3px 0 0 3px; }

.new_win .frm_info { font-size: 0.92em; color: #919191; }

.new_win .win_total { float: right; /*display:inline-block;*/ line-height: 30px; font-weight: normal; font-size: 0.75em; color: #3a8afd; background: #f6f6f6; padding: 0 10px; border-radius: 5px; }

.new_win .new_win_con { margin: 20px 0; padding: 20px; }

.new_win .new_win_con:after { display: block; visibility: hidden; clear: both; content: ""; }

.new_win .new_win_con2 { margin: 20px 0; }

.new_win .btn_confirm:after { display: block; visibility: hidden; clear: both; content: ""; }

.new_win .win_btn { text-align: center; }

.new_win .btn_close { height: 45px; width: 60px; overflow: hidden; cursor: pointer; }

.new_win .btn_submit { padding: 0 20px; height: 45px; font-weight: bold; font-size: 1.083em; }

/* 검색결과 색상 */
.sch_word { color: #fff; background: #ff005a; padding: 2px 5px 3px; line-height: 18px; margin: 0 2px; }

/* 자바스크립트 alert 대안 */
#validation_check { margin: 100px auto; width: 500px; }

#validation_check h1 { margin-bottom: 20px; font-size: 1.3em; }

#validation_check p { margin-bottom: 20px; padding: 30px 20px; border: 1px solid #e9e9e9; background: #fff; }

/* 사이드뷰 */
.sv_wrap { position: relative; font-weight: normal; }

.sv_wrap .sv { z-index: 1000; display: none; margin: 5px 0 0; font-size: 0.92em; background: #333; -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2); }

.sv_wrap .sv:before { content: ""; position: absolute; top: -6px; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #333 transparent; }

.sv_wrap .sv a { display: inline-block; margin: 0; padding: 0 10px; line-height: 30px; width: 100px; font-weight: normal; color: #bbb; }

.sv_wrap .sv a:hover { background: #000; color: #fff; }

/* .sv_member {color:#333} */
.sv_on { display: block !important; position: absolute; top: 23px; left: 0px; width: auto; height: auto; }

.sv_nojs .sv { display: block; }

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { -webkit-box-sizing: content-box; box-sizing: content-box; }

/* Mobile화면으로 */
#device_change { display: block; margin: 0.3em; padding: 0.5em 0; border: 1px solid #eee; border-radius: 2em; background: #fff; color: #000; font-size: 2em; text-decoration: none; text-align: center; }

html::-webkit-scrollbar { background: rgba(0, 0, 0, 0); width: 8px; }

html::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); }

html::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); border-radius: 4px; }

#sub-wrap { width: 100%; overflow: hidden; }

#sub-wrap #contents { width: 2000px; position: relative; left: 50%; margin-left: -1000px; text-align: center; }

#board-hd { overflow: hidden; }

#board-hd .inner { position: relative; left: 50%; width: 2000px; text-align: center; margin-left: -1000px; }

/* DB TYPE-A */
#quick-db.type-a { position: fixed; bottom: 50px; right: 50px; width: 50px; max-height: 50px; -webkit-transition: max-height 0.6s 0.5s, width 0.6s 0s, border-radius 0.6s 1s; -o-transition: max-height 0.6s 0.5s, width 0.6s 0s, border-radius 0.6s 1s; transition: max-height 0.6s 0.5s, width 0.6s 0s, border-radius 0.6s 1s; background: #fff; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); border-radius: 100%; overflow: hidden; }

#quick-db.type-a form { opacity: 0; -webkit-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; width: 240px; float: right; }

#quick-db.type-a .switch { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background: none; outline: none; border: 0; -webkit-transition: top 0.6s, right 0.6s, -webkit-transform 0.3s; transition: top 0.6s, right 0.6s, -webkit-transform 0.3s; -o-transition: transform 0.3s, top 0.6s, right 0.6s; transition: transform 0.3s, top 0.6s, right 0.6s; transition: transform 0.3s, top 0.6s, right 0.6s, -webkit-transform 0.3s; }

#quick-db.type-a .switch::before, #quick-db.type-a .switch::after { content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: calc(50% - 1px); }

#quick-db.type-a .switch::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

#quick-db.type-a h2 { font-size: 20px; color: #fff; font-weight: normal; line-height: 1; padding: 20px; cursor: default; }

#quick-db.type-a h2 i { font-size: 21px; display: inline-block; margin-right: 5px; }

#quick-db.type-a ul { padding: 15px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#quick-db.type-a ul li { width: 100%; margin-bottom: 10px; text-align: center; line-height: 0; }

#quick-db.type-a ul li:nth-child(-n+2) { width: 49%; }

#quick-db.type-a ul li:last-child { margin-bottom: 0; }

#quick-db.type-a ul input[type=text], #quick-db.type-a ul textarea { width: 100%; height: 40px; padding: 7px; border: 1px solid #c3c3c3; border-radius: 10px; }

#quick-db.type-a ul textarea { height: 100px; }

#quick-db.type-a ul label { cursor: pointer; }

#quick-db.type-a ul button[type=submit] { width: 100%; font-size: 16px; color: #fff; border-radius: 10px; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); border: 0; outline: none; height: 40px; margin-top: 10px; }

#quick-db.type-a.active { width: 240px; max-height: 400px; border-radius: 25px; -webkit-transition: max-height 0.6s 0s, width 0.6s 0.4s, border-radius 0.1s 0s; -o-transition: max-height 0.6s 0s, width 0.6s 0.4s, border-radius 0.1s 0s; transition: max-height 0.6s 0s, width 0.6s 0.4s, border-radius 0.1s 0s; }

#quick-db.type-a.active form { opacity: 1; }

#quick-db.type-a.active .switch { top: 15px; right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#quick-db.type-a.active .switch::before, #quick-db.type-a.active .switch::after { background: #fff; }

/* DB TYPE-A END */
/* DB TYPE-B */
#quick-db.type-b { padding: 30px 0; color: #fff; font-size: 14px; text-align: center; }

#quick-db.type-b form { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

#quick-db.type-b h2 { font-size: 24px; color: #fff; font-weight: normal; line-height: 1; cursor: default; padding-right: 100px; }

#quick-db.type-b h2 i { font-size: 25px; display: inline-block; margin-right: 5px; }

#quick-db.type-b input[type=text] { width: 400px; height: 45px; padding: 0 7px; font-size: 14px; color: #000; border: 0; border-radius: 10px; outline: none; }

#quick-db.type-b ul { padding-right: 200px; text-align: left; }

#quick-db.type-b li { margin-bottom: 15px; line-height: 0; }

#quick-db.type-b li:last-child { margin-bottom: 0; }

#quick-db.type-b .btn-wr { position: absolute; top: 0; right: 0; height: 100%; }

#quick-db.type-b .btn-wr button { width: 130px; height: 100%; color: #000; background: none; border: 1px solid #fff; color: #fff; font-size: 20px; border-radius: 10px; }

/* DB TYPE-B END */
/* 롤링팝업 1 */
.hd_pop { position: absolute; }

.hd_pop .dots-slk .slick-dots { position: absolute; bottom: 25px; left: 0; z-index: 10; width: 100%; height: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.hd_pop .dots-slk .slick-dots li { padding: 0 10px; }

.hd_pop .dots-slk .slick-dots button { width: 8px; height: 8px; border-radius: 100%; border: 0; outline: none; font-size: 0; background: #000; opacity: 0.25; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.hd_pop .dots-slk .slick-dots .slick-active button { opacity: 1; }

/* 롤링팝업 1 END */
#sub-wrap { width: 100%; overflow: hidden; }

#sub-wrap #contents { position: relative; left: 50%; margin-left: -1000px; width: 2000px; }