@charset "utf-8";

body { background:#fff; }
/* main layer popup */
.topLayerWrap { position:relative; }
.layerPopup {display: none; position:relative; text-align:center; background:#fff; box-sizing:border-box; z-index:2; }
.layerPopup .layerCon { width: 100%; height: 100%; text-align:center; }
.layerPopup .layerCon a {display: block; width: 100%; height: 100%;}
.layerPopup .layerCon a:focus { outline-offset:-2px; }
.layerPopup .layerCon .item img { display:inline-block; }
.layerPopup .layerCon .moVer {display: none !important;}
.topLayer .slick-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; }
.topLayer .slick-dots li { display:inline-block; }
.topLayer .slick-dots li button { width:12px; height:12px; margin:.2em; background:#6a54f4; border:1px solid #6A54F4; border-radius:50%; text-indent:-999px; overflow:hidden; }
.topLayer .slick-dots li.slick-active button { border-radius:0; }
.topLayerWrap .navi { position:absolute; right:1%; bottom:5px; width:180px; padding:3px 2px 5px; background:rgba(0,0,0,0.5); border-radius:6px; overflow:hidden;text-align:center; }
.topLayerWrap .navi * { vertical-align:middle; }
.topLayerWrap .navi label { font-size:12px; color:#fff; }
.topLayerWrap .navi input[type='checkbox']:checked + label:before { width:10px; height:10px; background:#fff; background-size:10px auto; margin-top:1px;}
.topLayerWrap .navi input[type='checkbox'] + label span { font-size: 12px;;}
.topLayerWrap .navi input[type='checkbox'] + label:before { width:10px; height: 10px; margin-left:-5px; margin-right:4px; }
.topLayerWrap .navi input[type='checkbox']:focus + label:before {outline: 1px dashed #ffff00;}
.topLayerWrap .navi .popClose { display:inline-block; line-height:16px; margin-left:10px; padding:0 4px; border:0; text-align:center; color:#fff; border:1px solid #000; background:#333; font-size:12px; }
@media all and (max-width:1023px) {
    .layerPopup { padding: 0; z-index: auto; }
	.layerPopup .layerCon { padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
	.layerPopup .layerCon .pcVer {display: none !important;}
    .layerPopup .layerCon .moVer {display: inline-block !important;}
}

#container{ position:relative; max-width:1980px; margin:0 auto; padding:0; background: linear-gradient(180deg, #eef3f8 0%, #e3f1ff 100%); }
/* mainHome */
.mainHome { position:relative; padding:0 0 2.38rem 0; background:url(/themes/home/images/main_2026/bg_visual.jpg) no-repeat center top / auto 54rem fixed; }
.mainHome .wether { display:flex; justify-content:flex-end; position:relative; z-index:2; width:100%; max-width:1280px; margin:0 auto; padding:2.19rem 0 1.25rem; }
.mainHome .wether dl { display:flex; align-items:center; width:19.375rem; min-height:5rem; padding:.375rem 1.5rem .375rem 6.875rem; background:rgba(255,255,255,.3); border:1px solid #fff; border-bottom-width:0; border-radius:3.75rem; box-sizing:border-box; overflow:hidden; color:#fff; backdrop-filter:blur(.5rem); -webkit-backdrop-filter:blur(.5rem); }
.mainHome .wether dt { position:absolute; left:0; top:0; width:6.875rem; height:6.875rem; margin-top:-.875rem; }
.mainHome .wether dt img { display:block; }
.mainHome .wether dd { display:flex; align-items:center; gap:.75rem; min-width:0; }
.mainHome .wether #APItemperature { flex:0 0 auto; line-height:1; color:#080b2c; font-size:2.5rem; font-weight:700; letter-spacing:-.04em; white-space:nowrap; }
.mainHome .wether ul { display:flex; flex-direction:column; gap:.25rem; min-width:0; }
.mainHome .wether li,
.mainHome .wether span { line-height:1.25; color:#080b2c; white-space:nowrap; }
.mainHome .wether .info .tit { font-size:.9375rem; font-weight:500; letter-spacing:-.02em; }
.mainHome .wether .temp { display:flex; align-items:center; gap:.1875rem; }
.mainHome .wether .temp .tit,
.mainHome .wether .temp .txt { font-size:.75rem; letter-spacing:-.02em; }
.mainLkArea { display:flex; justify-content:space-between; gap:.62rem; max-width:1280px; margin:0 auto; }
.mainLkArea>div { overflow:hidden; }
.socialArea,
.popup_zone,
.popup_zone .item,
.mayor { border-radius:1.25rem; }
.socialArea { order:0; flex:0 0 auto; width:23.28125%/*298*/; background:linear-gradient(231deg, rgba(0, 61, 215, 0.80) 66.28%, rgba(119, 147, 224, 0.80) 112.14%); }
.player { position:relative; overflow:hidden; aspect-ratio:149 / 227; }
.player iframe { overflow:hidden; aspect-ratio:9 / 16;/*aspect-ratio:149 / 225;*/ width:100%; border-bottom-left-radius:1.25rem; border-bottom-right-radius:1.25rem; }
.player::after { display:none; content:''; position:absolute; left:50%; top:50%; width:4.25rem; height:4.25rem; background:rgba(255,255,255,.3) url(/themes/home/images/main_2026/icon_play.png) no-repeat center / auto 1rem; border-radius:50%; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); transform:translate(-50%, -50%); }
.lkJindo { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.87rem; margin:.375rem 1.7rem; }
.lkJindo .btn_sns { overflow:hidden; display:block; width:2.25rem; height:2.25rem; background:no-repeat center / contain; color:transparent; }
.lkJindo .btn_you { background-image:url(/themes/home/images/main_2026/icon_youtube.png); }
.lkJindo .btn_star { background-image:url(/themes/home/images/main_2026/icon_instargram.png); }
.lkJindo .btn_cs { background-image:url(/themes/home/images/main_2026/icon_kakao.png); }
.lkJindo .btn_fb { background-image:url(/themes/home/images/main_2026/icon_facebook.png); }
.lkJindo .btn_bg { background-image:url(/themes/home/images/main_2026/icon_blog.png); }
.popup_zone { order:1; position:relative; flex:1; }
.popup_zone .item { overflow:hidden; display:block !important; }
.popup_zone .item a { display:flex; justify-content:center; align-items:center; }
.popup_zone .item img { object-fit:cover; aspect-ratio:65 / 50;/* 560 x 530 */ width:100%; height:100%; }
.popup_zone .slideInfo { position:absolute; right:0; bottom:0; min-width:152px; padding:9px 6px; background:#000; background-color:rgba(0,0,0,0.58); color:#fff; }
.popup_zone .slideInfo .count { float:left; width:76px; text-align:center; }
.popup_zone .slideInfo .count span { display:inline-block; line-height:22px; }
.popup_zone .slideInfo .now { font-size:20px; }
.popup_zone .slideInfo .total { font-size:18px; }
.popup_zone .slideInfo .total:before { content:'/'; padding:0 5px; }
.popup_zone .slideInfo ul { margin-left:76px; }
.popup_zone .slideInfo ul li { display:inline-block; }
.popup_zone .slideInfo ul button { overflow:hidden; width:22px; height:22px; background:center no-repeat; text-indent:-999px; }
.popup_zone .slideInfo .prev button { background-image:url(/themes/home/images/main_2020/btn_prev.png); }
.popup_zone .slideInfo .pause button { background-image:url(/themes/home/images/main_2020/btn_pause.png); }
.popup_zone .slideInfo .next button { background-image:url(/themes/home/images/main_2020/btn_next.png); }
/*
.popup_zone .slideInfo { position:absolute; left:0; right:0; bottom:1.75rem; text-align:center; }
.popup_zone .innerLine { display:inline-flex; align-items:center; padding:.375rem 1rem; background:rgba(0,0,0,.8); backdrop-filter:blur(2px); border-radius:1.25rem; gap:.5rem; }
.popup_zone .count { display:flex; align-items:center; gap:.38rem; line-height:normal; font-size:.875rem; }
.popup_zone .count .now { color:#fff; font-weight:700; }
.popup_zone .count i { display:inline-block; width:.0625rem; height:.75rem; background:#d9d9d9; margin-top:.125rem; }
.popup_zone .count .total { color:rgba(255,255,255,.5); font-weight:500; }
.popup_zone .slideInfo ul { display:flex; align-items:center; justify-content:space-around; }
.popup_zone .slideInfo button { overflow:hidden; width:1.0625rem; height:1.0625rem; background:no-repeat center / contain; color:transparent; }
.popup_zone .slideInfo .prev button,
.popup_zone .slideInfo .next button { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.99998 4.66669L9.33331 8.00002L5.99998 11.3334' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.popup_zone .slideInfo .prev button { transform:rotate(180deg); }
.popup_zone .slideInfo .pause button { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7' fill='none'%3E%3Cline x1='0.5' y1='0.5' x2='0.5' y2='6.5' stroke='white' stroke-linecap='round'/%3E%3Cline x1='3.5' y1='0.5' x2='3.5' y2='6.5' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E"); background-size:auto .4375rem; }
*/
.mayor { order:2; flex:0 0 auto; width:24.21875%; padding:2rem 2rem; background:url(/themes/home/images/main_2026/bg_mayor.png) no-repeat right bottom / cover; }
.mayor .txt { margin-bottom:1rem; line-height:1.43333; color:#0d1126; font-size:1.875rem; font-weight:500; letter-spacing:-.0375rem; }
.mayor .txt span { display:block; }
.mayor .txt b { font-weight:800; }
.mayor li { margin-top:.31rem; }
.mayor li a {display:flex; position:relative; width:10rem; height:2.1875rem; padding:0.3125rem 0.75rem 0.3125rem 1rem; background:rgba(255,255,255,.6); border-radius:1.875rem; justify-content:space-between; align-items:center; color:#0d1126; font-size:1.125rem; font-weight:500; letter-spacing:.0225rem; }
.mayor li a::after { content:''; position:absolute; right:0; top:50%; width:1.2222em; height:1.2222em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M14.2895 13.111L14.1421 7.07111L8.10227 6.92379M14.1421 7.07111L7.07107 14.1422' stroke='%230D1126' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; transform:translate(-50%, -50%); }
@media screen and (max-width:1150px) {
  .mainHome { padding:2%; }
  .socialArea,
  .popup_zone,
  .popup_zone .item,
  .mayor { border-radius:.75rem; }
  .popup_zone { background:#deebff; }
  .mayor { padding:1.25rem; }
  .mayor .txt { margin-bottom:1rem; font-size:1.5rem; }
}
@media screen and (max-width:960px) {
  .lkJindo { margin:.5rem; gap:.25rem; }
  .lkJindo .btn_sns { width:2rem; height:2rem;}
  .mayor { padding:1rem; }
  .mayor .txt { font-size:1.25rem; }
  .mayor a { width:100%; font-size:1rem; }
}
@media screen and (max-width:720px) {
  .mainLkArea { flex-wrap:wrap; }
  .popup_zone { flex:0 0 auto; order:0; width:100%; }
  .socialArea { order:1; }
  .mayor { order:2; }
  .mayor .txt { text-align:center; }
  .socialArea,
  .mayor { width:calc(50% - .62rem); }
}
@media screen and (max-width:520px) {
  .mainLkArea { flex-direction:column; }
  .socialArea,
  .mayor { width:100%; }
  .mayor { padding-bottom:46vw; }
  .mayor .txt span { display:inline-block; margin-left:.5em; }
  .mayor a { width:50%; }
}
/* //mainHome */

.boardWrap { position:relative; overflow:hidden; padding:2% 0; }
.boardWrap::before,
.boardWrap::after { content:''; position:absolute; z-index:0; pointer-events:none; opacity:.7; }
.boardWrap::before { right:50%; bottom:-1.125rem; width:50%; height:52.75rem; background:url(/themes/home/images/main_2026/bg_jindo_line_mountain2.png) no-repeat right bottom; }
.boardWrap::after { left:50%; bottom:3.25rem; width:50%; height:50rem; background:url(/themes/home/images/main_2026/bg_jindo_line_mountain.png) no-repeat 22rem bottom; }
.boardWrap .inner { position:relative; z-index:1; max-width:1280px; margin:0 auto; padding:2.1875%;/*width:1186px*/ background:#fff; overflow:hidden; }
.boardWrap .inner .topBox { margin-bottom:28px; }
.boardWrap .inner .topBox::after { content:''; display:block; clear:both; }
.boardWrap .inner .midBox { display:table; width:100%; table-layout:fixed; overflow:hidden; margin-bottom:20px; }
.boardWrap .noticeWrap { position:relative; float:left; width:52.54237%; /*overflow:hidden;*/ }
.boardWrap .noticeWrap h3,
.boardWrap .noticeWrap p.tit { display:inline-block; padding-left:3px; }
.boardWrap .noticeWrap h3 a,
.boardWrap .noticeWrap p.tit a { display:block; padding:10px; color:#515151; font-size:18px; font-weight:200; letter-spacing:-1px; }
.boardWrap .noticeWrap h3.noticeTit01 a,
.boardWrap .noticeWrap p.tit.noticeTit01 a { padding-left:0; }
.boardWrap .noticeWrap h3 a.on,
.boardWrap .noticeWrap p.tit a.on { font-weight:500; text-decoration:underline; }
.boardWrap .noticeWrap div { display:none; float:left; width:100%; margin-top:13px; border-top:1px solid #e3e3e3; }
.boardWrap .noticeWrap div#noticeList01 { display:block; }
.boardWrap .noticeWrap div p.topList a { display:block; padding:25px 0; }
.boardWrap .noticeWrap div p.topList a::after { content:''; display:block; clear:both; }
.boardWrap .noticeWrap div p.topList a span { display:block; }
.boardWrap .noticeWrap div p.topList a span.date { float:left; text-align:center; color:#4529ee; }
.boardWrap .noticeWrap div p.topList a span.date b { display:block; line-height:1; font-size:53px; font-weight:200; }
.boardWrap .noticeWrap div p.topList a span.date i { display:block; line-height:1; font-size:16px; font-style:normal; letter-spacing:-1px; }
.boardWrap .noticeWrap div p.topList a span.tit,
.boardWrap .noticeWrap div p.topList a span.txt { margin-left:86px;; }
.boardWrap .noticeWrap div p.topList a span.tit { color:#323232; font-size:21px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.boardWrap .noticeWrap div p.topList a span.txt { height:2.8em; color:#555; font-size:15px; font-weight:200; overflow:hidden; }
.boardWrap .noticeWrap div ul { padding-top:20px; border-top:1px solid #e3e3e3; }
.boardWrap .noticeWrap div ul li { position:relative; line-height:1.4; padding-left:10px; }
.boardWrap .noticeWrap div ul li:after { content:''; position:absolute; left:0; top:12px; width:3px; height:2px; background:#494949; }
.boardWrap .noticeWrap div ul li a,
.boardWrap .noticeWrap div ul li span.date { font-size:16px; }
.boardWrap .noticeWrap div ul li a { display:block; margin-right:5.4em; color:#323232; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.boardWrap .noticeWrap div ul li span.date { position:absolute; right:0; top:0; }
.boardWrap .noticeWrap div p.btnMore { position:absolute; right:0; top:0; }
.boardWrap .noticeWrap div p.btnMore a { display:block; padding:10px 0; }
.boardWrap .arimy { position:relative; margin-left:56.688963%; }
.boardWrap .arimy .slide { max-height:291px; overflow:hidden; }
.boardWrap .arimy div { display:block; line-height:1; }
.boardWrap .arimy div a:focus img { border:1px dotted #000; }
.boardWrap .arimy div img { width:100%; }
.boardWrap .slideInfo { position:absolute; right:0; bottom:0; min-width:152px; padding:9px 6px; background:#000; background-color:rgba(0,0,0,0.58); color:#fff; }
.boardWrap .slideInfo .count { float:left; width:76px; text-align:center; }
.boardWrap .slideInfo .count span { display:inline-block; line-height:22px; }
.boardWrap .slideInfo .now { font-size:20px; }
.boardWrap .slideInfo .total { font-size:18px; }
.boardWrap .slideInfo .total:before { content:'/'; padding:0 5px; }
.boardWrap .slideInfo ul { margin-left:76px; }
.boardWrap .slideInfo ul li { display:inline-block; }
.boardWrap .slideInfo ul button { overflow:hidden; width:22px; height:22px; background:center no-repeat; text-indent:-999px; }
.boardWrap .slideInfo .prev button { background-image:url(/themes/home/images/main_2020/btn_prev.png); }
.boardWrap .slideInfo .pause button { background-image:url(/themes/home/images/main_2020/btn_pause.png); }
.boardWrap .slideInfo .next button { background-image:url(/themes/home/images/main_2020/btn_next.png); }
.boardWrap .serviceWrap { clear:both; display:table-cell; width:55.64924%; height:275px; padding:2% 3.125%; border:1px solid #e3e3e3; font-size:0; text-align:right; vertical-align:top; box-sizing:border-box; }
.boardWrap .serviceWrap h2 { float:left; width:38.2406%; padding-bottom:56px; }
.boardWrap .serviceWrap h3,
.boardWrap .serviceWrap p.tit { display:inline-block; padding:0 4px; }
.boardWrap .serviceWrap h3 a,
.boardWrap .serviceWrap p.tit a { position:relative; display:block; padding:4px 2px; border-bottom:2px solid transparent; color:#626262; font-size:18px; font-weight:200; }
.boardWrap .serviceWrap h3 a.on,
.boardWrap .serviceWrap p.tit a.on { border-color:#000; color:#000; font-weight:500; }
.boardWrap .serviceWrap div { display:none; float:left; width:100%; text-align:left; }
.boardWrap .serviceWrap div#serviceList01 { display:block; }
.boardWrap .serviceWrap ul li { display:inline-block; width:33.33333%; vertical-align:top; }
.boardWrap .serviceWrap ul li:nth-child(1n) { width:30%; }
.boardWrap .serviceWrap ul li:nth-child(3n+2) { width:35%; }
.boardWrap .serviceWrap ul li:nth-child(3n) { width:35%; }
.boardWrap .serviceWrap li { padding:3px 0; }
.boardWrap .serviceWrap li a { display:block; padding-left:28px; background:url(/themes/home/images/main_2020/bu_info.png) left 3px no-repeat; color:#000; font-size:17px; font-weight:200; letter-spacing:-1px; }
.boardWrap .lkList { position:relative; display:table-cell; width:auto; height:275px; vertical-align:middle; overflow:hidden; }
.boardWrap .lkList:after { content:''; position:absolute; left:50%; top:0; bottom:0; height:100%; width:1px; background:#d5e2f0; }
.boardWrap .lkList div { width:99%; height:100%; margin-left:1%; background:#eef3f8; border:1px solid #d5e2f0; overflow:hidden; box-sizing:border-box; }
.boardWrap .lkList div:before { content:''; position:absolute; left:1%; top:0; width:99%; height:100%; background:#eef3f8; border:1px solid #d5e2f0; box-sizing:border-box; }
.boardWrap .lkList div:after { content:''; display:block; clear:both; }
.boardWrap .lkList ul { position:relative; float:left; width:50%; padding:0 20px; }
.boardWrap .lkList ul li { border-top:1px solid #d5e2f0; }
.boardWrap .lkList ul li:first-child { border:none; }
.boardWrap .lkList ul li a { display:block; padding:15px 0 15px 70px; background:left center no-repeat; background-size:40px auto; }
.boardWrap .lkList ul li.lkIcon01 a { background-image:url(/themes/home/images/main_2020/icon_info01.png); }
.boardWrap .lkList ul li.lkIcon02 a { background-image:url(/themes/home/images/main_2020/icon_info02.png); }
.boardWrap .lkList ul li.lkIcon03 a { background-image:url(/themes/home/images/main_2020/icon_info03.png); }
.boardWrap .lkList ul li.lkIcon04 a { background-image:url(/themes/home/images/main_2020/icon_info04.png); }
.boardWrap .lkList ul li.lkIcon05 a { background-image:url(/themes/home/images/main_2020/icon_info05.png); }
.boardWrap .lkList ul li.lkIcon06 a { background-image:url(/themes/home/images/main_2020/icon_info06.png); }
.boardWrap .lkList ul li.lkIcon07 a { background-image:url(/themes/home/images/main_2020/icon_info07.png); }
.boardWrap .lkList ul li.lkIcon08 a { background-image:url(/themes/home/images/main_2020/icon_info08.png); }
.boardWrap .lkList ul li.lkIcon09 a { background-image:url(/themes/home/images/main_2020/icon_info09.png); }
.boardWrap .lkList ul li.lkIcon10 a { background-image:url(/themes/home/images/main_2020/icon_info10.png); }
.boardWrap .lkList ul li.lkIcon11 a { background-image:url(/themes/home/images/main_2020/icon_info11.png); }
.boardWrap .lkList ul li.lkIcon12 a { background-image:url(/themes/home/images/main_2020/icon_info12.png); }
.boardWrap .lkList ul li.lkIcon13 a { background-image:url(/themes/home/images/main_2020/icon_info13.png); }
.boardWrap .lkList ul li.lkIcon14 a { background-image:url(/themes/home/images/main_2020/icon_info14.png); }
.boardWrap .lkList ul li.lkIcon15 a { background-image:url(/themes/home/images/main_2020/icon_info15.png); }
.boardWrap .lkList ul li.lkIcon16 a { background-image:url(/themes/home/images/main_2020/icon_info16.png); }
.boardWrap .lkList ul li.lkIcon17 a { background-image:url(/themes/home/images/main_2020/icon_info17.png); }
.boardWrap .lkList ul li.lkIcon18 a { background-image:url(/themes/home/images/main_2020/icon_info18.png); }
.boardWrap .lkList ul li.lkIcon19 a { background-image:url(/themes/home/images/main_2020/icon_info19.png); }
.boardWrap .lkList ul li.lkIcon20 a { background-image:url(/themes/home/images/main_2020/icon_info20.png); }
.boardWrap .categoryWrap { position:relative; clear:both; padding:15px 30px; border:1px solid #e3e3e3; background:#fff; }
.boardWrap .categoryWrap::before,
.boardWrap .categoryWrap::after { content:''; position:absolute; top:50%; width:4.455rem; height:1.0125rem; background:url(/themes/home/images/main_2026/deco_jindo_line.svg) no-repeat center / contain; pointer-events:none; transform:translateY(-50%); }
.boardWrap .categoryWrap::before { left:8.75rem; opacity:.5; }
.boardWrap .categoryWrap::after { right:18rem; width:4.058125rem; height:1.88125rem; background-image:url(/themes/home/images/main_2026/deco_jindo_line_wide.svg); opacity:.45; }
.categoryWrap h3 { float:left; line-height:1; color:#27283e; font-size:23px; }
.categoryWrap .slideBtn { position:absolute; left:150px; top:50%; margin-top:-15px; font-size:0; }
.categoryWrap .slideBtn li { display:inline-block; }
.categoryWrap .slideBtn li button { overflow:hidden; width:30px; height:30px; background:center no-repeat; text-indent:-999px; font-size:16px; }
.categoryWrap .slideBtn .prev button { background-image:url(/themes/home/images/main_2020/btn_info_prev.png); }
.categoryWrap .slideBtn .next button { background-image:url(/themes/home/images/main_2020/btn_info_next.png); }
.categoryWrap .slide { margin-left:210px; }
.categoryWrap .slide .slick-slide div { padding:1px 0; }
.categoryWrap .slide a { display:block; line-height:25px; padding:0 40px; background:5px center no-repeat; color:#000; font-size:17px; font-weight:200; }
.categoryWrap .slide .category01 a { background-image:url(/themes/home/images/main_2020/icon_category01.png); }
.categoryWrap .slide .category02 a { background-image:url(/themes/home/images/main_2020/icon_category02.png); }
.categoryWrap .slide .category03 a { background-image:url(/themes/home/images/main_2020/icon_category03.png); }
.categoryWrap .slide .category04 a { background-image:url(/themes/home/images/main_2020/icon_category04.png); }
.categoryWrap .slide .category05 a { background-image:url(/themes/home/images/main_2020/icon_category05.png); }
.categoryWrap .slide .category06 a { background-image:url(/themes/home/images/main_2020/icon_category06.png); }
.categoryWrap .slide .category07 a { background-image:url(/themes/home/images/main_2020/icon_category07.png); }
.categoryWrap .slide .category08 a { background-image:url(/themes/home/images/main_2020/icon_category08.png); }
.categoryWrap .slide .category09 a { background-image:url(/themes/home/images/main_2020/icon_category09.png); }
.communityWrap { position:relative; padding:60px 0; background-size:cover; }
.communityWrap .inner { max-width:1280px; margin:0 auto; padding:2.1875%; background:#fff; }
.communityWrap .newJindo { position:relative; overflow:hidden; max-width:1280px; margin:0 auto 38px; }
.communityWrap .newJindo .titArea { float:left; width:178px; }
.communityWrap .newJindo .titArea h2 { padding-bottom:14px; line-height:1; }
.communityWrap .newJindo .titArea p { width:10em; padding-bottom:24px; color:#000; font-weight:200; }
.communityWrap .newJindo .titArea ul li a { display:block; color:#000; font-size:18px; font-weight:300; }
.communityWrap .newJindo .titArea ul li a.on { padding-bottom:12px; background:url(/themes/home/images/main_2020/line_sns.png) left bottom no-repeat; font-weight:500; }
.communityWrap .newJindo .titArea .communityBtn { margin-left:-6px; font-size:0; }
.communityWrap .newJindo .titArea .communityBtn li { display:inline-block; }
.communityWrap .newJindo .titArea .communityBtn li button { overflow:hidden; width:38px; height:38px; background:center no-repeat; text-indent:-999px; font-size:16px; }
.communityWrap .newJindo .titArea .communityBtn li.prev button { background-image:url(/themes/home/images/main_2020/btn_sns_prev.png); }
.communityWrap .newJindo .titArea .communityBtn li.next button { background-image:url(/themes/home/images/main_2020/btn_sns_next.png); }
.communityWrap .newJindo .slideList { margin-left:230px; max-height:300px; overflow:hidden; }
.communityWrap .newJindo .slideList .slide .slick-slide { display:inline-block; padding:2px; padding-right:20px; }
.communityWrap .newJindo .slideList .slide a { display:block; overflow:hidden; font-size:15px; letter-spacing:-1px; }
.communityWrap .newJindo .slideList .slide a span.boxInfo { float:left; width:3.6em; height:3.6em; padding:.5em .2em; border-radius:50%; background:#0aadb7; text-align:center; line-height:1.2; color:#fff; }
.communityWrap .newJindo .slideList .slide a span.boxInfo.oneLine { line-height:2.6em; }
.communityWrap .newJindo .slideList .slide a span.boxInfo em { font-size:9px; }
.communityWrap .newJindo .slideList .slide a span.type1 { background:#E65100; }
.communityWrap .newJindo .slideList .slide a span.type2 { background:#009804; }
.communityWrap .newJindo .slideList .slide a span.type3 { background:#285eb0; }
.communityWrap .newJindo .slideList .slide a span.type4 { background:#833700; }
.communityWrap .newJindo .slideList .slide a span.type5 { background:#189970; }
.communityWrap .newJindo .slideList .slide a span.type6 { background:#ff4359; }
.communityWrap .newJindo .slideList .slide a span.type7 { background:#b64bd5; }
.communityWrap .newJindo .slideList .slide a span.boxInfo i { position:relative; display:block; }
.communityWrap .newJindo .slideList .slide a span.boxInfo i:before { content:''; position:absolute; left:50%; top:50%; width:2px; height:2px; border-radius:50%; background:#fff; }
.communityWrap .newJindo .slideList .slide a span.type3 i:before { display:none; }
.communityWrap .newJindo .slideList .slide a span.txt { display:block; height:3.2em; margin-left:4em; padding-top:.4em; letter-spacing:-1px; overflow:hidden; }
.communityWrap .newJindo .slideList .slide a span.img { position:relative; display:block; clear:left; height:175px; margin-top:19px; overflow:hidden; }
.communityWrap .newJindo .slideList .slide a span.img img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.communityWrap .newJindo .slideList .slick-arrow,
.galleryArea .slick-arrow { display:none !important; }
.galleryArea h2 { padding-bottom:45px; text-align:center; }
.galleryArea .slide .slick .slick-slide { position:relative; padding-left:10px; }
.galleryArea .slide .slick-slide div { padding:2px; }
.galleryArea .slide div a { position:relative; display:block; max-width:290px; padding-left:10px; text-align:center; }
.galleryArea .slide div a>i { position:absolute; left:0; top:13px; width:88px; line-height:18px; padding:10px 15px; background:#017ad5; color:#fff; font-size:15px; z-index:2; }
.galleryArea .slide div a>i.col01 { background:#017ad5; }
.galleryArea .slide div a>i.col02 { background:#e63456; }
.galleryArea .slide div a>i.col03 { background:#7334e7; }
.galleryArea .slide div a>i.col04 { background:#e66114; }
.galleryArea .slide div a span,
.galleryArea .slide div a span i { display:block; font-style:normal; }
.galleryArea .slide div a span.img { position:relative; width:100%; height:212px; display:inline-block; overflow:hidden; border-radius:5px; }
.galleryArea .slide div a span.img img { overflow:hidden; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);height:100%; max-width:none; }
.galleryArea .slide div a span.txtA { position:relative; margin:-38px 13px 0; padding-bottom:1em; background:#fcfbf5; text-align:center; }
.galleryArea .slide div a span i.tit { padding:20px 10px 10px; color:#262626; font-size:18px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.galleryArea .slide div a span i.txt { width:80%; height:2.500em; overflow:hidden; margin:0 auto; background:#fcfbf5; line-height:1.2; color:#262626; font-size:14px; font-weight:200; word-break:keep-all; box-sizing:border-box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bannerWrap { padding:16px 0; background:#fff; border-top:1px solid #e6e6e6; }
.bannerWrap .bannerInner { max-width:1280px; margin:0 auto; overflow:hidden; }
.bannerInner h3 { float:left; padding-left:9px; line-height:46px; color:#000; font-weight:500;}
.bannerInner .bannerBtn { float:left; margin-left:16px; padding:10px 0; font-size:0; }
.bannerInner .bannerBtn li { display:inline-block; }
.bannerInner .bannerBtn li button { width:20px; height:26px; background:center no-repeat; text-indent:-999px; font-size:16px; }
.bannerInner .bannerBtn li.prev button { background-image:url(/themes/home/images/main_2020/btn_banner_prev.png); }
.bannerInner .bannerBtn li.pause button { background-image:url(/themes/home/images/main_2020/btn_banner_pause.png); }
.bannerInner .bannerBtn li.next button { background-image:url(/themes/home/images/main_2020/btn_banner_next.png); }
.bannerInner .bannerList { overflow:hidden; margin:0 50px 0 180px; line-height:1; }
.bannerInner .bannerList .slick-slide div { padding:2px; }
.bannerInner .bannerList a { position:relative; display:block; line-height:26px; padding:10px 27px 10px 25px; color:#000; font-weight:500; }
.bannerInner .bannerList a:after { content:''; position:absolute; right:0; top:50%; width:3px; height:3px; margin-top:-1px; background:#929292; border-radius:50%; }
.mainNav { position:fixed; right:100px; top:50%; margin-top:-3em; z-index:290; }
.mainNav li { margin:2px 0; }
.mainNav li a { position:relative; display:block; width:102px; line-height:34px; background:#828282; padding:0 10px 0 44px; border-radius:20px; color:#fff; font-size:16px; font-weight:300; }
.mainNav li a:before { content:''; position:absolute; left:15px; top:50%; width:6px; height:6px; margin-top:-3px; background:#fff; border:none; border-radius:50%; }
.mainNav li a.scrollNav-active { background:#ad6df5; color:#fff; font-weight:500; }
.mainNav li a.scrollNav-active:before { left:11px; margin-top:-7px; background:transparent; border:4px solid #fff; }
.mainNav li a:focus { outline-color:#fff; }
@media all and (min-width:1920px) {
    /* .boardWrap { padding-top:118px; } */
    .boardWrap .inner { padding:42px; }
}
@media all and (max-width:1700px) {
	.mainNav { right:10px; }
}
@media all and (max-width:1430px) {
	.mainNav { display:none; }
}
@media all and (max-width:1280px) {
    .boardWrap .noticeWrap h3 { padding-left:0; }
    .boardWrap .noticeWrap h3 a { padding:10px 2px; font-size:18px; }
    .boardWrap .noticeWrap div { margin-top:10px; }
    .boardWrap .noticeWrap div p.topList a { padding:10px 0; }
    .boardWrap .noticeWrap div p.topList a span.date b { font-size:42px; }
    .boardWrap .noticeWrap div p.topList a span.date i { font-size:16px; }
    .boardWrap .noticeWrap div p.topList a span.tit,
    .boardWrap .noticeWrap div p.topList a span.txt { margin-left:70px; }
    .boardWrap .noticeWrap div p.topList a span.tit { font-size:20px; }
    .boardWrap .noticeWrap div p.topList a span.txt { font-size:14px; }
}
@media all and (max-width:960px) {
    .boardWrap .noticeWrap h3 a { font-size:16px; }
    .boardWrap .noticeWrap div p.topList a { padding:20px 0; }
    .boardWrap .noticeWrap div p.topList a span.date b { font-size:30px; }
    .boardWrap .noticeWrap div p.topList a span.date i { font-size:14px; }
    .boardWrap .noticeWrap div p.topList a span.tit,
    .boardWrap .noticeWrap div p.topList a span.txt { margin-left:60px; }
    .boardWrap .noticeWrap div p.topList a span.tit { font-size:16px; }
    .boardWrap .noticeWrap div p.topList a span.txt { font-size:14px; }
    .boardWrap .noticeWrap div ul { padding-top:10px; }
    .boardWrap .noticeWrap div ul li { padding-bottom:2px; }
    .boardWrap .noticeWrap div ul li a,
    .boardWrap .noticeWrap div ul li span.date { font-size:14px; }
    .boardWrap .arimy div { display:block; line-height:1; }
    .boardWrap .arimy div img { width:100%; }
    .boardWrap .inner .midBox { display:block; }
    .boardWrap .serviceWrap { display:block; width:100%; height:auto; overflow:hidden; box-sizing:border-box; margin-bottom:20px; }
    .boardWrap .serviceWrap h2 { width:auto; }
}
@media all and (max-width:760px) {

    /* 以묒븰 */
    .boardWrap { position:relative; padding:0; background:#fff; }
    .boardWrap:before,`r`n    .boardWrap::after { display:none; }
    .boardWrap .inner { padding:0; }
    .boardWrap .inner .topBox { overflow:hidden; padding:4.02777% 4.444%; margin-bottom:0; }
    .boardWrap .inner .midBox { display:block; overflow:hidden; padding:4.02777% 4.444%; margin-bottom:0; }
    .boardWrap .noticeWrap { float:none; width:100%; margin:0 0 4.444%; padding:0; }
    .boardWrap .noticeWrap h3 { display:inline-block; padding-left:3px; }
    .boardWrap .noticeWrap h3 a { padding:4px 8px; font-size:14px; }
    .boardWrap .noticeWrap div { display:none; float:left; width:100%; margin-top:10px; border-top:1px solid #e3e3e3; }
    .boardWrap .noticeWrap div#noticeList01 { display:block; }
    .boardWrap .noticeWrap div p.topList { overflow:hidden; }
    .boardWrap .noticeWrap div p.topList a { display:block; padding:1em 0; }
    .boardWrap .noticeWrap div p.topList a span { display:block; }
    .boardWrap .noticeWrap div p.topList a span.date { float:left; text-align:center; color:#4529ee; }
    .boardWrap .noticeWrap div p.topList a span.date b { font-size:36px; }
    .boardWrap .noticeWrap div p.topList a span.date i { font-size:12px; }
    .boardWrap .noticeWrap div p.topList a span.tit,
    .boardWrap .noticeWrap div p.topList a span.txt { margin-left:50px; }
    .boardWrap .noticeWrap div p.topList a span.tit { font-size:16px; }
    .boardWrap .noticeWrap div p.topList a span.txt { font-size:12px; }
    .boardWrap .noticeWrap div ul { padding-top:10px; }
    .boardWrap .noticeWrap div ul li { padding-bottom:5px; padding-left:.4em; }
    .boardWrap .noticeWrap div ul li:after { top:10px; width:2px; }
    .boardWrap .noticeWrap div ul li a,
    .boardWrap .noticeWrap div ul li span.date { font-size:12px; }
    .boardWrap .noticeWrap div p.btnMore { top:2px; }
    .boardWrap .noticeWrap div p.btnMore a { width:12px; padding:0; }
    .boardWrap .arimy { margin-left:0%; }
    .boardWrap .arimy div { display:block; }
    .boardWrap .arimy div img { width:100%; }
    .boardWrap .serviceWrap { display:block; width:100%; padding:3.125%; text-align:center; overflow:hidden; }
    .boardWrap .serviceWrap h2 { float:none; padding-bottom:10px; }
    .boardWrap .serviceWrap h2 img { height:20px; }
    .boardWrap .serviceWrap h3 { display:inline-block; padding:0 5px; }
    .boardWrap .serviceWrap h3 a { padding:2px; font-size:14px; }
    .boardWrap .serviceWrap ul { margin-top:14px;}
    .boardWrap .serviceWrap ul li { display:inline-block; width:50%; vertical-align:top; }
    .boardWrap .serviceWrap ul li:nth-child(1n),
    .boardWrap .serviceWrap ul li:nth-child(3n+2),
    .boardWrap .serviceWrap ul li:nth-child(3n) { width:50%; }
    .boardWrap .serviceWrap li { display:inline-block; width:100%; padding:5px 0; }
    .boardWrap .serviceWrap li a { display:block; padding-left:1.5em; background:url(/themes/home/images/main_2020/bu_info.png) left 3px no-repeat; background-size:auto 1.2em; color:#000; font-size:12px; font-weight:200; letter-spacing:-1px; }
    .boardWrap .lkList { display:block; margin-left:0%; border-top:none; overflow:hidden; }
    .boardWrap .lkList ul { float:left; width:50%; padding:0 .9em; }
    .boardWrap .lkList ul li a { display:block; padding:0.667em 0 0.667em 2.3em; background:0 center no-repeat; background-size:1.6667em auto; font-size:12px; }
	.boardWrap .lkList ul li.lkIcon14 a { background-size:2.4em auto; }
    .boardWrap .categoryWrap { margin-bottom:20px; padding:15px; border-left:none; border-right:none; }
    .categoryWrap h3 { float:left; line-height:1.6; color:#27283e; font-size:14px; }
    .categoryWrap .slideBtn { position:absolute; left:85px; top:50%; margin-top:-8px; font-size:0; }
    .categoryWrap .slideBtn li { display:inline-block; margin-left:5px ; }
    .categoryWrap .slideBtn li button { overflow:hidden; width:15px; height:15px; background-size:cover; font-size:16px; }
    .categoryWrap .slide { margin-left:130px; }
    .categoryWrap .slide a { display:block; line-height:2em; padding:0 .5em 0 2.4em; background-size:auto 1.5em; font-size:12px; }
    .communityWrap { padding:0 0 20px 0; background:#fff; }
    .communityWrap .inner { margin:0; }
    .galleryArea { margin-top:30px;}
    .communityWrap .newJindo { margin:0 auto 12px; padding:0 2.1875% 20px; background:#fff; }
    .communityWrap .newJindo .titArea { float:none; width:100%; text-align:center; }
    .communityWrap .newJindo .titArea h2,
    .galleryArea h2 { padding-bottom:15px; }
    .communityWrap .newJindo .titArea h2 img,
    .galleryArea h2 img { height:20px; }
    .communityWrap .newJindo .titArea p { width:100%; padding-bottom:1em; font-size:12px; }
    .communityWrap .newJindo .titArea ul li { display:inline-block; padding:0 .5em; }
    .communityWrap .newJindo .titArea ul li a { padding:.5em 0; font-size:14px; }
    .communityWrap .newJindo .titArea ul li a.on { padding-bottom:8px; }
    .communityWrap .newJindo .titArea .communityBtn { display:none; }
    .communityWrap .newJindo .slideList { margin-left:0; margin-top:20px; }
    .communityWrap .newJindo .slideList .slide .slick-slide { display:inline-block; width:50%; margin-bottom:24px; padding:0 10px; }
    .communityWrap .newJindo .slideList .slide a { display:block; overflow:hidden; max-width:300px; margin:0 auto; font-size:12px; letter-spacing:-1px; }
    .communityWrap .newJindo .slideList .slide a span.txt { display:block; height:3.2em; margin-left:4em; padding-top:.4em; letter-spacing:-1px; overflow:hidden; }
    .communityWrap .newJindo .slideList .slide a span.img { display:block; clear:left; padding-top:19px; text-align:center; }
    .communityWrap .newJindo .slideList .slide a span.img img { display:inline-block; width:100%; }
    .galleryArea .slide div.slick-slide { position:relative; padding:0 10px; }
    .galleryArea .slide div a>i { top:6px; width:60px; line-height:14px; padding:5px; font-size:12px; }
    .galleryArea .slide div a span.img { height:150px; }
    .galleryArea .slide div a span.txtA i.tit { position:relative; margin:-30px 7px 0; padding:10px 10px 4px; font-size:14px; }
    .galleryArea .slide div a span.txtA i.txt { font-size:12px; }
    .communityWrap .newJindo .slideList .slide .slick-dots,
    .galleryArea .slide .slick-dots { text-align:center; }
    .communityWrap .newJindo .slideList .slide .slick-dots li,
    .galleryArea .slide .slick-dots li { position:relative; display:inline-block; width:12px; height:12px; margin:0 3px; box-sizing:content-box; vertical-align:middle; }
    .communityWrap .newJindo .slideList .slide .slick-dots li.slick-active,
    .galleryArea .slide .slick-dots li.slick-active { border:1px solid #8e8e8e; border-radius:50%; }
    .communityWrap .newJindo .slideList .slide .slick-dots button,
    .galleryArea .slide .slick-dots button { position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-4px 0 0 -4px; background:#8e8e8e; border-radius:50%; text-indent:-999px; overflow:hidden; vertical-align:middle; }
    .communityWrap .newJindo .slideList .slick-arrow,
    .galleryArea .slick-arrow { position:absolute; overflow:hidden; bottom:0; display:block !important; width:40px; height:20px; background:center no-repeat; text-indent:-999px; background-size:40px auto; }
    .communityWrap .newJindo .slideList .slick-prev,
    .galleryArea .slick-prev { left:20px; background-image:url(/themes/home/images/main_2020/btn_prev02.png); }
    .communityWrap .newJindo .slideList .slick-next,
    .galleryArea .slick-next { right:20px; background-image:url(/themes/home/images/main_2020/btn_next02.png); }
    .bannerInner h3,
    .bannerInner .bannerBtn { display:none; }
    .bannerInner .bannerList { margin:0 2%; }
    .bannerInner .bannerList a { line-height:20px; padding:5px 10px; font-size:12px; }
}
@media all and (max-width:480px) {
    .boardWrap .noticeWrap h3 a { padding:2px; font-size:12px; }
    .boardWrap .noticeWrap div p.btnMore { top:0; }
}
.openBG { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; background-color:rgba(0,0,0,0.36); z-index:300; }
.asideQuick { position:fixed; right:0; top:160px; z-index:301; }
.asideQuick p.quBtn button { margin-top:40px; background:transparent; border:none; }
.asideQuick .asideWrap { display:none; position:absolute; right:-540px; min-width:490px; top:0; padding-left:43px; }
.asideQuick .asideWrap .asideInner { position:relative; max-width:490px; padding:14px 32px; background:#f9f9ff; border:4px solid #4549e5; border-right:none; border-top-left-radius:20px; border-bottom-left-radius:20px; box-sizing:border-box; z-index:2; }
.asideInner { font-size:16px; }
.asideInner .wether { overflow:hidden; }
.asideInner .wether p.date { float:left; margin-left:14px; padding-top:20px; color:#1c3e94; font-size:23px; }
.asideInner .wether p.date span { font-size:17px; }
.asideInner .wether p.date span:before { content:'('; }
.asideInner .wether p.date span:after { content:')'; }
.asideInner .wether dl { margin-left:11em; }
.asideInner .wether dl dt { float:left; width:70px; }
.asideInner .wether dl dd { line-height:1.4; margin-left:60px; color:#202020; font-size:14px; }
.asideInner .wether dl dd .tit { display:inline-block; width:60px; }
.asideInner .wether dl dd .txt { display:inline-block; width:70px; text-align:right; letter-spacing:-1px; }
.asideInner .wether dl dd .info .txt { color:#2965ff; font-size:30px; font-weight:500; }
.asideInner .wether dl dd .temp .txt { font-weight:500; }
.asideInner .popBox { clear:both; margin:15px 0; padding:16px 20px; border:1px solid #d7d7e8; border-radius:18px; box-sizing:border-box; }
.asideInner .popBox dl dt { line-height:1; padding:.2em 0 .5em; font-size:20px; }
.asideInner .todayJindo dl dd ul li { position:relative; padding-left:.5em; }
.asideInner .todayJindo dl dd ul li:before { content:''; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-2px; background:#000; border-radius:50%; }
.asideInner .todayJindo dl dd ul li a { display:block; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.asideInner .trendJindo dl dd ul { font-size:0; }
.asideInner .trendJindo dl dd ul li { display:inline-block; padding:2px; white-space:nowrap; }
.asideInner .trendJindo dl dd ul li a { display:block; line-height:26px; padding:0 .8em; border:1px solid #434343; border-radius:1em; font-size:15px; }
.asideInner .trendJindo dl dd ul li a:before { content:'#'; margin-right:.2em; }
.asideQuick .btnClose { position:absolute; left:0; top:50%; width:86px; height:100px; margin-top:-50px; line-height:100px; background:#4549e5; border-radius:50%; }
.asideQuick .btnClose button { width:100%; height:100%; color:#fff; background:url(/themes/home/images/main_2020/btn_close.png) 18px center no-repeat; text-indent:-999px; overflow:hidden; }
@media all and (max-width:1280px) {
    .asideQuick { display:none; }
}
@media all and (max-height:800px) {
    .asideQuick { top:50px; }
}
@media all and (max-height:600px) {
    .asideQuick { display:none; }
}