@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}




/* 초기화 //////////////////////////////////////////// */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, .header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  vertical-align:middle;
  box-sizing:border-box;
  letter-spacing:-0.03em;
}
label {cursor:pointer;}
article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
span, em, i {vertical-align:baseline; font-style:normal;}

/* 사이트 기본구성 */
html {height:100%; scroll-behavior:smooth;}
body {position:relative; width:100%; margin:0 auto; background:#fff; overflow-x:hidden; touch-action: pan-y;}
body,input,textarea,select,button {font-weight:400; font-size:1rem; font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, sans-serif; color:#fff; box-sizing:border-box;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
button {padding:0; background:transparent; border:none; cursor:pointer;}
fieldset {min-width:auto;}
legend, caption {display:none;}
img,input,select,textarea {vertical-align:middle;}
a {display:inline-block; text-decoration:none; color:#fff;}
*:focus {outline:none; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}


/* 스크롤바 */
html {
  scrollbar-arrow-color: #fff;
  scrollbar-Track-Color: #fff;
  scrollbar-base-color: var(--main-color);
  scrollbar-Face-Color: var(--main-color);
  scrollbar-3dLight-Color: var(--main-color);
  scrollbar-DarkShadow-Color: var(--main-color);
  scrollbar-Highlight-Color: var(--main-color);
  scrollbar-Shadow-Color: var(--main-color)
}

::-webkit-scrollbar {width:4px; height:5px; border-radius:10px;}
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {background-color:var(--main-color); border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background:var(--main-color);}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {width:16px; height:16px; background:transparent;}


:root {
  /* color */
  --main-color: #007aff;
}

/* 공통//////////////////////////////////////////// */
body {background:#051531; background-image:url("/theme/fintech/img/bg.png"); background-position:center 900px; background-size:156%;}
.wrap2000 {margin:0 auto; width:2000px; max-width:100%;}
.wrap1680 {margin:0 auto; width:1680px; max-width:96%;}
.wrap1590 {margin:0 auto; width:1590px; max-width:96%;}
.wrap1580 {margin:0 auto; width:1580px; max-width:96%;}
.wrap1035 {margin:0 auto; width:1035px; max-width:96%;}
.wrap1000 {margin:0 auto; width:1000px; max-width:96%;}
.wrap950 {margin:0 auto; width:950px; max-width:96%;}
.wrap640 {margin:0 auto; width:640px; max-width:96%;}
.wrap420 {margin:0 auto; width:420px; max-width:96%;}
.hide {display:none;}
.show {display:block !important;}
.title_wrap>.title>dl>dt {position:relative; font-weight:700; font-size:38px; word-break:keep-all;}
.title_wrap>.title>dl>dt::before {content:""; position:absolute; top:-25px; left:0; width:19px; height:19px; background:url("/theme/fintech/img/title_deco.png"); background-size:cover;}
.title_wrap>.title>dl>dd {font-weight:700; font-size:62px; color:var(--main-color);}
.title_wrap>.title>dl>dd.sub_dd {margin-top:10px; font-size:22px; color:#fff;}
.color_blue {color:var(--main-color);}
.color_purple {color:#595abf;}
.bg_black {background:#000;}
.bg_blue {background:var(--main-color);}
.bg_gray {background:#888;}
.bg_white {color:#000; border:1px solid #aaa; background:#fff;}
.bg_line {background-image:linear-gradient(-45deg,
#424242 25%, #4c4c4c 0, #4c4c4c 50%,
#424242 0, #424242 75%, #4c4c4c 0) !important; background-size:20px 20px !important;}
/* board :: 리스트형식 게시판 */
.board {}
.board>div {padding:0 30px;}
.board .count {font-weight:300; font-size:18px;}
.board article {display:flex; flex-direction:column; margin-top:35px;}
.board article>ul>li,
.board article>ul>li>a {display:flex; width:100%;}
.board article>ul>li div {position:relative; text-align:center; border-bottom:1px solid #636363;}
.board article>ul>li div:not(:last-child)::before {content:""; position:absolute; top:50%; right:0; width:1px; height:12px; background:#fff; transform:translateY(-50%);}
.board article>ul>li .no {width:7.2%;}
.board article>ul>li .name {width:74.3%;}
.board article>ul>li .date {width:18.5%;}
.board article>ul.title>li>a {cursor:auto;}
.board article>ul.title>li div {padding:12.5px 0; font-weight:500; font-size:20px; background:var(--main-color);}
.board article>ul.list>li div {padding:24px 0; font-weight:300; font-size:18px;}
.board article>ul.list>li .no {font-weight:500;}
.board article>ul.list>li .name {padding:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/* board_2 :: 썸네일형식 게시판 */
.board_2>div>ul {display:flex; flex-wrap:wrap; gap:60px 1.5%;}
.board_2>div>ul>li {width:23.8%}
.board_2>div>ul>li>a {width:100%;}
.board_2>div>ul>li>a>div {display:flex; justify-content:center; align-items:center; box-shadow:0 0 12px rgba(255,255,255,.18);}
.board_2>div>ul>li>a>div>img {width:100%;}
.board_2>div>ul>li>a>p {margin-top:35px; text-align:center; font-weight:700; font-size:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/* board_read :: 읽기페이지 */
.board_read>div>h3 {padding-bottom:25px; font-weight:700; font-size:46px; border-bottom:1px solid #ddd;}
.board_read>div>.contents {margin-top:80px; padding-bottom:120px; border-bottom:1px solid #5f5f5f;}
.board_read>div>.contents>.iframe_box {position:relative; margin:0 auto; padding-bottom:48.2%; width:1320px; max-width:100%; height:0; box-shadow:0 0 12px rgba(255,255,255,.18);}
.board_read>div>.contents>.iframe_box>* {position:absolute; top:0; left:0; width:100%; height:100%;}
.board_read>div>.contents>.img_box {margin:0 auto; width:1200px; max-width:100%; align-items:center;}
.board_read>div>.contents>.img_box>img {max-width:100%;}
/* pagination */
.pagination {margin-top:140px; display:flex; justify-content:center; align-items:center; gap:25px;}
.pagination>a {display:flex; justify-content:center; align-items:center;}
.pagination>a>img {width:100%;}
.pagination>ul {display:flex; align-items:center; gap:22px;}
.pagination>ul>li>a {font-size:18px; color:#666;}
.pagination>ul>li.active>a {color:var(--main-color);}
/* 버튼 */
.common_btn {display:flex; align-items:center; justify-content:center; gap:15px; margin:60px auto 0; padding:12px 31px; width:fit-content; font-weight:700; font-size:20px; background:#000; transition:all .3s;}
.common_btn:hover {background:var(--main-color); transition:all .3s;}
.common_btn2:hover {background:#fff; color:#000; transition:all .3s;}
.common_btn>div {position:relative; width:15px; height:13px;}
.common_btn>div>img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all .3s;}
.common_btn>div>img:nth-child(2) {opacity:0;}
.common_btn:hover>div>img:nth-child(1) {opacity:0; transition:all .3s;}
.common_btn:hover>div>img:nth-child(2) {opacity:1; transition:all .3s;}
/* input */
input {padding-left:10px; font-weight:500; font-size:15px; color:#1c1c1c; border:none;}
input::placeholder {font-weight:500; color:#7b7b7b;}
input[type="checkbox"],
input[type="radio"] {margin:0; padding:0; width:14px; height:14px; border:1px solid #9e9e9e; border-radius:50%; appearance:none;}
input[type="checkbox"]:checked,
input[type="radio"]:checked {background:url("/theme/fintech/img/checkbox_icon.png"); background-position:center; background-size:8px; background-repeat:no-repeat;}
/* select */
select {padding:0 30px 0 10px; font-weight:500; font-size:15px; color:#707070; appearance:none; background:url("/theme/fintech/img/select_arrow.png"); background-repeat:no-repeat; background-position:center right 10px;}
/* textarea */
textarea {font-size:16px; color:#000;}
textarea::placeholder {font-weight:300; color:#555;}

/* modal */
body.hidden {overflow:hidden;}
body.hidden::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:901;}
.modal {display:none; position:fixed; top:50%; left:50%; padding:30px; width:520px; max-width:90%; transform:translate(-50%, -50%); background:#fff; border-radius:8px; z-index:999;}
.modal>.modal_con {position:relative;}
.modal>.modal_con>.modal_exit {position:absolute; top:0; right:0; cursor:pointer;}
.modal>.modal_con>.top_area>h3 {line-height:1.5; font-weight:500; font-size:15px; color:#1c1c1c;}
.modal>.modal_con>article {margin-top:10px; padding:30px 20px; width:100%; height:260px; font-weight:300; font-size:15px; color:#1c1c1c; border:1px solid #ddd; border-radius:8px; overflow-y:auto}
.modal>.modal_con>article>span {font-size:10px;}
/* chat_modal */
.chatting_modal {padding:0; width:440px; max-width:90%; border-radius:20px; overflow:hidden;}
.chatting_modal>.top {display:flex; justify-content:space-between; align-items:center; position:relative; padding:18px 25px; background:var(--main-color); box-shadow:0 0 5px 6px rgba(0,0,0,.2); z-index:1;}
.chatting_modal>.top>h4 {font-weight:700; font-size:20px;}
.chatting_modal>.top>.modal_exit {cursor:pointer;}
.chatting_modal>.chat_wrap {padding:0 15px 25px; background:#fafafa;}
.chatting_modal>.chat_wrap>.chat_list {display:flex; flex-direction:column; padding:50px 25px 25px 15px; gap:35px; height:500px; overflow-y:auto;}
.chatting_modal>.chat_wrap>.chat_list>div {display:flex; gap:20px;}
.chatting_modal>.chat_wrap>.chat_list>div>ul {display:flex; flex-direction:column; gap:10px; margin-top:20px;}
.chatting_modal>.chat_wrap>.chat_list>div>em {display:flex; justify-content:center; align-items:center; width:46px; height:46px; border-radius:50%; overflow:hidden;}
.chatting_modal>.chat_wrap>.chat_list>div>em>img {width:100%;}
.chatting_modal>.chat_wrap>.chat_list>div.me {flex-direction:row-reverse;}
.chatting_modal>.chat_wrap>.chat_list>div>ul>li {padding:15px; width:150px; font-size:14px; color:#000; border-radius:8px; background:#fff; box-shadow:0 0 6px rgba(0,0,0,.2);}
.chatting_modal>.chat_wrap>.send_wrap {display:flex; gap:5px; margin-top:20px; height:43px;}
.chatting_modal>.chat_wrap>.send_wrap>input {width:100%; height:100%; border-radius:8px; font-weight:700; border:1px solid #999;}
.chatting_modal>.chat_wrap>.send_wrap>button {display:flex; justify-content:center; align-items:center; flex-shrink:0; width:80px; height:100%; font-weight:700; font-size:18px; border-radius:8px; background:var(--main-color);}





/* .header//////////////////////////////////////////// */
.header {position:fixed; top:0; left:0; width:100%; border-bottom:1px solid #fff; transition:all .3s; z-index:900;}
.header>div {display:flex; justify-content:space-between; align-items:center; height:90px;}
.header>div>h1 {width:70px; height:70px;}
.header>div>h1>a {display:block; position:relative; width:100%; height:100%;}
.header>div>h1>a::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/theme/fintech/img/logo.png"); background-size:cover;}
.header>div>nav {height:100%;}
.header>div>nav>ul {display:flex; height:100%;}
.header>div>nav>ul>li {position:relative; width:140px; height:100%;}
.header>div>nav>ul>li>a {width:100%; line-height:90px; text-align:center; font-size:20px; transition:all .3s;}
.header>div>nav>ul>li>.dep2 {display:none; position:absolute; top:91px; padding:40px 0 30px 55px; width:285px; background:#fff;}
.header>div>nav>ul>li>.dep2>.dep2_inner {display:flex; flex-direction:column; gap:20px;}
.header>div>nav>ul>li>.dep2>.dep2_inner>a {position:relative; padding-left:16px; line-height:1; font-size:18px; color:#1c1c1c;}
.header>div>nav>ul>li>.dep2>.dep2_inner>a::before {content:""; position:absolute; top:0; left:0; width:11px; height:11px; background:url("/theme/fintech/img/dep2_icon.png"); transition:all .3s;}
.header>div>.right_wrap {display:flex; align-items:center; gap:30px;}
.header>div>.right_wrap>ul {display:flex;}
.header>div>.right_wrap>ul>li {position:relative; line-height:1;}
.header>div>.right_wrap>ul>li:first-child {margin-right:11px; padding-right:13px;}
.header>div>.right_wrap>ul>li:first-child::before {content:""; position:absolute; top:50%; right:0; width:2px; height:30%; background:#fff; transform:translateY(-50%);}
.header>div>.right_wrap>ul>li>a {font-size:16px; transition:all .3s;}
.header>div>.right_wrap>ul>li>a:hover {color:var(--main-color); transition:all .3s;}
.header>div>.right_wrap>a {display:flex; gap:15px; align-items:center; justify-content:center; width:128px; height:48px; font-weight:700; font-size:18px; border:1px solid #fff; background:#000;; transition:all .3s;}
.header>div>.right_wrap>a:hover {background:var(--main-color); transition:all .3s;}
.header>div>.right_wrap>a>span {display:flex; justify-content:center; align-items:center; width:15px; height:15px;}
.header>div>.right_wrap>a>span>img {transition:all .3s;}
.header>div>.right_wrap>a>span>img:nth-child(2) {display:none;}
.header>div>.right_wrap>a:hover>span>img:nth-child(1) {display:none;}
.header>div>.right_wrap>a:hover>span>img:nth-child(2) {display:block;}
/* scroll(active) */
.header.active {border-bottom:1px solid #ddd; background:#fff; transition:all .3s;}
.header.active>div>nav>ul>li>a {color:#1c1c1c; transition:all .3s;}
.header.active>div>.right_wrap>ul>li>a {color:#1c1c1c; transition:all .3s;}
.header.active>div>.right_wrap>ul>li:first-child::before {background:#1c1c1c; transition:all .3s;}
/* hover */
.header:hover {border-bottom:1px solid #ddd; background:#fff; transition:all .3s;}
.header:hover>div>nav>ul>li>a {color:#1c1c1c; transition:all .3s;}
.header:hover>div>.right_wrap>ul>li>a {color:#1c1c1c; transition:all .3s;}
.header:hover>div>.right_wrap>ul>li:first-child::before {background:#1c1c1c; transition:all .3s;}
.header>div>nav>ul>li:hover>a,
.header>div>nav>ul>li>.dep2>.dep2_inner>a:hover {color:var(--main-color); transition:all .3s;}
.header>div>nav>ul>li>.dep2>.dep2_inner>a:hover {text-decoration:underline;}
.header>div>nav>ul>li>.dep2>.dep2_inner>a:hover::before {background:url("/theme/fintech/img/dep2_hover_icon.png"); transition:all .3s;}
/* mo_header */
.header>.wrap1680>.ham {display:none; position:relative; width:50px; height:40px; overflow:hidden;}
.header>.wrap1680>.ham>span {position:absolute; width:100%; height:7px; border-radius:10px; background:#fff; transition:all .3s;}
.header.active>.wrap1680>.ham>span {background:#000;}
.header>.wrap1680>.ham>span:nth-child(1) {top:0;}
.header>.wrap1680>.ham>span:nth-child(2) {top:50%; transform:translateY(-50%);}
.header>.wrap1680>.ham>span:nth-child(3) {bottom:0;}
.header>.wrap1680>.ham.active>span:nth-child(1) {top:50%; transform:translateY(-50%) rotate(45deg);}
.header>.wrap1680>.ham.active>span:nth-child(2) {transform:translate(100%, -50%);}
.header>.wrap1680>.ham.active>span:nth-child(3) {bottom:50%; transform:translateY(50%) rotate(-45deg);}
.mo_header {display:none; z-index:900;}


/* footer//////////////////////////////////////////// */
footer {margin-top:220px; background:#fff; border-top:1px solid #ddd;}
footer>div>.top {display:flex; justify-content:space-between; padding:60px 0;}
footer>div>.top>div {display:flex; align-items:center;}
footer>div>.top>div>ul {display:flex; align-items:center;}
footer>div>.top>.left {gap:77px;}
footer>div>.top>.left>ul {gap:15px;}
footer>div>.top>.right>ul {gap:70px;}
footer>div>.top>.right>ul>li>a {display:flex; align-items:center; gap:20px;}
footer>div>.top>.right>ul>li>a>div {display:flex; align-items:center; gap:16px; font-weight:500; font-size:16px; color:#333;}
footer>.bottom {padding:24px 0; border-top:1px solid #ddd;}
footer>.bottom>div {display:flex; justify-content:space-between;}
footer>.bottom>div>ul {display:flex; align-items:center;}
footer>.bottom>div>ul>li:not(:last-child) {position:relative; margin-right:12px; padding-right:13px;}
footer>.bottom>div>ul>li:not(:last-child)::before {content:""; position:absolute; top:50%; right:0; width:1px; height:32%; background:#000; transform:translateY(-50%);}
footer>.bottom>div>ul>li>a {font-weight:700; font-size:14px; color:#555;}
footer>.bottom>div>p {font-weight:300; font-size:14px; color:#555;}

/* 퀵메뉴 */
.quick {position:fixed; right:30px; bottom:100px; background:linear-gradient(to bottom, #0784ff, #000); box-shadow:0 0 10px rgba(255,255,255,.3); z-index:800;}
.quick>a {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; padding:16.5px 26px;}
.quick>a>div {line-height:1.3; text-align:center; font-weight:700; font-size:20px;}




/* sub_page//////////////////////////////////////////// */
.sub_header {display:flex; flex-direction:column; justify-content:center; position:relative; margin-top:90px; width:100%; height:610px; background-size:cover; background-repeat:no-repeat; background-position:center; z-index:1;}
.sub_header>div {position:relative;}
.sub_header>div>dl>dt {font-weight:700; font-size:38px; color:var(--main-color);}
.sub_header>div>dl>dd {margin-top:10px; font-weight:700; font-size:62px;}
.sub_header>div>.sub_nav {display:flex; align-items:center; gap:12px; margin-top:30px;}
.sub_header>div>.sub_nav>div {font-weight:500; font-size:18px;}
.sub_header>div>img {display:none; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:-1;}
.sub01_header {background-image:url("/theme/fintech/img/sub01/sub01_header.jpg");}
.sub01_header>div>img {display:block;}
.sub02_header {background-image:url("/theme/fintech/img/sub02/sub02_header.jpg");}
.sub03_header {background-image:url("/theme/fintech/img/sub03/sub03_header.jpg");}
.sub04_header {background-image:url("/theme/fintech/img/sub04/sub04_header.jpg");}
.sub05_header {background-image:url("/theme/fintech/img/sub05/sub05_header.jpg");}
.sub {margin-top:180px;}







/* 반응형 */
@media screen and (max-width:1200px) {
  /* header */
  .header>div>nav>ul>li {width:100px;}

  /* footer */
  footer>div>.top {flex-direction:column; align-items:center; gap:50px;}

  /* board_2 :: 썸네일형식 게시판 */
  .board_2>div>ul>li {width:32.3%;}

}

@media screen and (max-width:1024px) {
  .header>div>nav, .header>div>.right_wrap>a {display:none;}
  .header>div>.right_wrap>.lan {position:absolute; right:100px; top:50%; transform:translateY(-50%);}
  .header>.wrap1680>.ham {display:block;}
  /* hover */
  .header:hover {background:transparent;}
  .header:hover>div>.right_wrap>ul>li>a {color:inherit;}
  .header:hover>div>.right_wrap>ul>li:first-child::before {background:#fff;}
  /* ham_active */
  .header.active2 {background:#051531;}
  /* scroll(active) */
  .header.active {border-bottom:1px solid #ddd; background:#fff; transition:all .3s;}
  .header.active>div>nav>ul>li>a {color:#1c1c1c; transition:all .3s;}
  .header.active>div>.right_wrap>ul>li>a {color:#1c1c1c; transition:all .3s;}
  .header.active>div>.right_wrap>ul>li:first-child::before {background:#1c1c1c; transition:all .3s;}

  /* mo_header */
  .mo_header {position:fixed; top:90px; width:100%; height:calc(100vh - 90px); background:#051531;}
  .mo_header>a {display:block; padding:20px 0; width:100%; font-weight:600; font-size:20px; text-align:center; background:var(--main-color);}
  .mo_header>ul>li {border-bottom:1px solid #fff;}
  .mo_header>ul>li>a {padding:20px 50px; width:100%; font-size:28px; transition:all .3s;}
  .mo_header>ul>li>a:hover,
  .mo_header>ul>li>a.active {color:#007aff; transition:all .3s;}
  .mo_header>ul>li>.dep2 {display:none; background:#fff;}
  .mo_header>ul>li>.dep2>.dep2_inner {display:flex; flex-direction:column;}
  .mo_header>ul>li>.dep2>.dep2_inner>a {padding:15px 0 15px 70px; font-size:25px; color:#000; transition:all .3s;}
  .mo_header>ul>li>.dep2>.dep2_inner>a:hover,
  .mo_header>ul>li>.dep2>.dep2_inner>a.active {color:#007aff; transition:all .3s;}
  .sub_header>div>img {opacity:.3;}
}

@media screen and (max-width:768px) {
  /* //////////////////////공통////////////////////// */
  body {background-position:center 118.490vw;}
  .wrap1680, .wrap1590, .wrap1580, .wrap1035 .wrap1000, .wrap950 .wrap640, .wrap420 {max-width:90%;}
  .title_wrap>.title>dl>dt {font-size:6.250vw;}
  .title_wrap>.title>dl>dt::before {top:-4.557vw; width:3.776vw; height:3.776vw;}
  .title_wrap>.title>dl>dd {font-size:9.375vw;}
  .title_wrap>.title>dl>dd.sub_dd {margin-top:2.604vw; font-size:4.167vw;}
  /* board :: 리스트형식 게시판 */
  .board>div {padding:0;}
  .board .count {font-size:3.646vw;}
  .board article {margin-top:5.859vw;}
  .board article>ul>li div:not(:last-child)::before {height:2.214vw;}
  .board article>ul>li .no {width:13%;}
  .board article>ul>li .name {width:62%;}
  .board article>ul>li .date {width:25%;}
  .board article>ul.title>li div {padding:2.214vw 0; font-size:3.906vw;}
  .board article>ul.list>li div {padding:3.776vw 0; font-size:3.646vw;}
  .board article>ul.list>li .name {padding:3.776vw;}
  .board article>ul.list>li .link>a>img {width:2.995vw;}
  /* board_2 :: 썸네일형식 게시판 */
  .board_2>div>ul {gap:9.115vw 4%;}
  .board_2>div>ul>li {width:48%;}
  .board_2>div>ul>li>a>p {margin-top:5.859vw; font-size:4.688vw;}
  /* board_read :: 읽기페이지 */
  .board_read>div>h3 {padding-bottom:4.557vw; font-size:7.292vw;}
  .board_read>div>.contents {margin-top:11.719vw; padding-bottom:16.927vw;}
  /* pagination */
  .pagination {margin-top:19.531vw; gap:3.906vw;}
  .pagination>a {width:2.344vw;}
  .pagination>ul {gap:3.516vw;}
  .pagination>ul>li>a {font-size:3.646vw;}
  /* 버튼 */
  .common_btn {gap:3.255vw; margin:9.115vw auto 0; padding:2.865vw 8.594vw; font-size:3.906vw;}
  .common_btn>div {width:2.995vw; height:2.995vw;}
  .common_btn>div>img {width:100%;}
  /* input */
  input {padding-left:2.604vw; font-size:3.255vw;}
  input[type="checkbox"],
  input[type="radio"] {width:3.125vw; height:3.125vw;}
  input[type="checkbox"]:checked,
  input[type="radio"]:checked {background-size:1.823vw;}
  /* select */
  select {padding-left:2.604vw; font-size:3.255vw; background-size:1.953vw;}
  /* textarea */
  textarea {font-size:3.385vw;}
  /* modal */
  .modal {padding:4.557vw; border-radius:2.344vw;}
  .modal>.modal_con {position:relative;}
  .modal>.modal_con>.modal_exit {display:flex; justify-content:center; align-items:center; width:2.865vw;}
  .modal>.modal_con>.modal_exit>img {width:100%;}
  .modal>.modal_con>.top_area>h3 {font-size:3.255vw;}
  .modal>.modal_con>article {margin-top:2.604vw; padding:3.906vw 2.604vw; height:75.063vw;  font-size:3.255vw; border-radius:2.344vw;}
  .modal>.modal_con>article>span {font-size:1.953vw;}
  /* chat_modal */
  .chatting_modal {padding:0; width:510px;}
  .chatting_modal>.top {padding:2.995vw 3.906vw;}
  .chatting_modal>.top>h4 {font-size:3.906vw;}
  .chatting_modal>.top>.modal_exit {width:3.646vw;}
  .chatting_modal>.chat_wrap {padding:0 2.604vw 4.557vw;}
  .chatting_modal>.chat_wrap>.chat_list {gap:5.859vw; padding:7.813vw 3.906vw 4.557vw 2.604vw; height:60vh;}
  .chatting_modal>.chat_wrap>.chat_list>div {gap:3.255vw;}
  .chatting_modal>.chat_wrap>.chat_list>div>em {width:7.292vw; height:7.292vw;}
  .chatting_modal>.chat_wrap>.chat_list>div>ul {gap:2.604vw; margin-top:3.906vw;}
  .chatting_modal>.chat_wrap>.chat_list>div>ul>li {padding:2.604vw; width:39.063vw; font-size:3.125vw; border-radius:2.344vw;}
  .chatting_modal>.chat_wrap>.send_wrap {gap:1.302vw; height:8.203vw;}
  .chatting_modal>.chat_wrap>.send_wrap>input {border-radius:2.344vw;}
  .chatting_modal>.chat_wrap>.send_wrap>button {width:13.021vw; font-size:3.646vw; border-radius:2.344vw;}




  /* header */
  .header>div {height:13.021vw;}
  .header>div>h1 {width:10.417vw; height:10.417vw;}
  .header>div>.right_wrap>.lan {right:16.927vw;}
  .header>div>.right_wrap>ul>li:first-child {margin-right:2.083vw; padding-right:2.344vw;}
  .header>div>.right_wrap>ul>li>a {font-size:3.385vw;}
  .header>.wrap1680>.ham {width:7.813vw; height:6.510vw;}
  .header>.wrap1680>.ham>span {height:1.172vw; border-radius:1.302vw;}

  /* mo_header */
  .mo_header {top:13.021vw; height:calc(100vh - 13.021vw);}
  .mo_header>a {padding:3.906vw; font-size:3.646vw;}
  .mo_header>ul>li>a {padding:2.604vw 6.510vw; font-size:3.646vw;}
  .mo_header>ul>li>.dep2>.dep2_inner>a {padding:1.953vw 0 1.953vw 9.115vw; font-size:3.255vw;}

  /* sub_page */
  .sub_header {margin-top:13.021vw; height:80.729vw;}
  .sub_header>div>dl>dt {font-size:6.250vw;}
  .sub_header>div>dl>dd {margin-top:2.604vw; font-size:9.375vw;}
  .sub_header>div>.sub_nav {gap:2.214vw; margin-top:5.208vw;}
  .sub_header>div>.sub_nav>div {font-size:3.646vw;}
  .sub_header>div>.sub_nav>i {width:2.214vw;}
  .sub_header>div>.sub_nav>i>img {width:100%;}
  .sub_header>div>img {width:46.875vw;}
  .sub {margin-top:24.740vw;}

  /* footer */
  footer {margin-top:29.948vw;}
  footer>div>.top {gap:7.813vw; padding:9.115vw 0;}
  footer>div>.top>div {width:100%;}
  footer>div>.top>.left {justify-content:space-between; gap:0;}
  footer>div>.top>.left>div {width:35.156vw;}
  footer>div>.top>.left>div>img {width:100%;}
  footer>div>.top>.left>ul {gap:2.604vw;}
  footer>div>.top>.left>ul>li:nth-child(1)>a>img {width:4.948vw;}
  footer>div>.top>.left>ul>li:nth-child(2)>a>img {width:5.208vw;}
  footer>div>.top>.left>ul>li:nth-child(3)>a>img {width:6.380vw;}
  footer>div>.top>.left>ul>li:nth-child(4)>a>img {width:5.469vw;}
  footer>div>.top>.right {}
  footer>div>.top>.right>ul {flex-direction:column; align-items:flex-start; gap:3.906vw;}
  footer>div>.top>.right>ul>li>a {gap:3.906vw;}
  footer>div>.top>.right>ul>li:nth-child(1)>a>img {width:17.969vw;}
  footer>div>.top>.right>ul>li:nth-child(2)>a>img {width:23.828vw;}
  footer>div>.top>.right>ul>li>a>div {gap:3.385vw; font-size:3.385vw;}
  footer>div>.top>.right>ul>li>a>div>img {width:5.208vw;}
  footer>.bottom {padding:4.427vw 0;}
  footer>.bottom>div {flex-direction:column; gap:3.906vw;}
  footer>.bottom>div>ul>li:not(:last-child) {margin-right:2.214vw; padding-right:2.344vw;}
  footer>.bottom>div>ul>li>a {font-size:3.125vw;}
  footer>.bottom>div>p {font-size:3.125vw;}

  /* 퀵메뉴 */
  .quick {right:5.208vw; bottom:13.021vw;}
  .quick>a {gap:2.604vw; padding:2.604vw 3.906vw;}
  .quick>a>div {font-size:3.906vw;}
  .quick>a>img {width:10.156vw;}
}