@charset "utf-8";

@import url("./base.css");
@import url("./common.css");

/* layout */
:root {
    /* size */
    --font-titA:2rem;
    --font-titB:1.5rem;
    --font-titC:1.25rem;
    --font-tabA:1.125rem;
    --font-txtA:1.0625rem;
    --font-txtB:1rem;
    --font-txtC:.9375rem;
}
.header { background:rgba(0,0,0,.41); }
#wrap { position:relative; margin-top:3rem; }

/* location */
.siteLocation,
.location,
.locationTab,
.funcItem { display:flex; justify-content:space-between; align-items:center; }
.subFunc { background:url(../images/sub/bg_visual.jpg) center top no-repeat; background-size:cover; }
.subFunc .visualBox { max-width:1200px; margin:0 auto; padding:0 1.25em; }
.subFunc .visualBox h2 { display:inline-block; position:relative; margin:11.875rem 0 5.625rem; padding-right:.5em; line-height:1; color:#fff; font-size:2.875rem; font-weight:bold; letter-spacing:.025em; }
.subFunc .visualBox h2::after { content:''; position:absolute; right:0; bottom:0; width:.9375rem; height:.9375rem; background:#ffe400; border-radius:50%; }
.siteLocation { max-width:1200px; margin:0 auto; padding:0 1.25em; font-size:var(--font-txtA); }
.location { height:4.75rem; }
.location .home,
.locationTab,
.locationTab>li { height:100%; }
.location .home a { display:flex; align-items:center; overflow:hidden; position:relative; height:100%; padding:0 .875rem 0 1.25rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='13px'%3E%3Cpath fill='rgb(255, 255, 255)' d='M12,5.999 L12,12.999 L2,12.999 L2,5.999 L-0,6 L7,-0 L14,6 L11.1000,5.999 Z'/%3E%3C/svg%3E") left center no-repeat; background-size:14px 13px; color:#fff; font-weight:400; }
.locationTab>li { position:relative; }
.location .home a::before,
.locationTab>li::before { content:''; position:absolute; right:0; top:50%; width:1px; height:.9375rem; margin-top:-.46875rem; background:#fff; opacity:.49; }
.locationTab>li:last-child::before { display:none; }
.locationTab>li button { width:100%; height:100%; padding:0 .625rem; color:#000; text-align:left; }
.locationTab>li button span { display:block; position:relative; min-width:7.6em; padding-right:2rem; color:#fff; }
.locationTab>li button span::after { content:''; position:absolute; right:0; top:50%; width:.625rem; height:.625rem; margin-top:-.4rem; border-right:2px solid currentColor; border-bottom:2px solid currentColor; box-sizing:border-box; transform:rotate(45deg); transition:all .4s ease; }
.locationTab>li button.active span::after {  margin-top:-.125rem;transform:rotate(225deg); }
.locationTab > li div { display:none; position:absolute; left:0; min-width:100%; background:#fff; border:1px solid #000; z-index:11; }
.locationTab > li div ul { padding:.5em; border:1px solid #d3d3d3; box-sizing:border-box; }
.locationTab > li div ul li { margin:.25em 0; }
.locationTab > li div ul li a { display:block; font-weight:300; white-space:nowrap; }
.locationTab > li div ul li a:hover,
.locationTab > li div ul li a:focus { color:#004b9f; }
.funcItem { position:relative;}
.funcItem>li { margin-left:.4375em; }
.funcItem>li>button { overflow:hidden; width:2.625rem; height:2.625rem; background-position:center; background-repeat:no-repeat; border:1px solid rgba(255,255,255,.43); border-radius:50%; text-indent:-99em; }
.btnShare { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22'%3E%3Cpath fill='rgb(255, 255, 255)' d='M11.935,6.641 C11.341,6.641 10.791,6.469 10.311,6.191 L6.746,9.757 C7.024,10.237 7.195,10.787 7.195,11.381 C7.195,11.899 7.063,12.382 6.848,12.817 L9.892,15.861 C10.452,15.406 11.157,15.122 11.935,15.122 C13.736,15.122 15.195,16.581 15.195,18.381 C15.195,20.182 13.736,21.640 11.935,21.640 C10.135,21.640 8.676,20.182 8.676,18.381 C8.676,18.104 8.721,17.840 8.786,17.584 L5.452,14.250 C4.997,14.491 4.486,14.641 3.935,14.641 C2.135,14.641 0.676,13.181 0.676,11.381 C0.676,9.581 2.135,8.122 3.935,8.122 C4.410,8.122 4.857,8.228 5.264,8.410 L8.964,4.709 C8.782,4.303 8.676,3.856 8.676,3.382 C8.676,1.581 10.135,0.122 11.935,0.122 C13.736,0.122 15.195,1.581 15.195,3.382 C15.195,5.181 13.736,6.641 11.935,6.641 ZM11.943,20.069 C12.807,20.069 13.508,19.368 13.508,18.505 C13.508,17.640 12.807,16.940 11.943,16.940 C11.079,16.940 10.379,17.640 10.379,18.505 C10.379,19.368 11.079,20.069 11.943,20.069 ZM3.943,9.940 C3.079,9.940 2.379,10.640 2.379,11.505 C2.379,12.369 3.079,13.069 3.943,13.069 C4.807,13.069 5.508,12.369 5.508,11.505 C5.508,10.640 4.807,9.940 3.943,9.940 ZM11.943,1.940 C11.079,1.940 10.379,2.640 10.379,3.504 C10.379,4.368 11.079,5.069 11.943,5.069 C12.807,5.069 13.508,4.368 13.508,3.504 C13.508,2.640 12.807,1.940 11.943,1.940 Z'/%3E%3C/svg%3E"); }
.btnPrint { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='19'%3E%3Cpath fill='rgb(255, 255, 255)' d='M21.015,14.014 L21.015,16.014 L17.015,16.014 L17.015,19.014 L15.015,19.014 L15.015,18.983 L7.015,18.983 L7.015,19.015 L5.015,19.015 L5.015,18.983 L4.984,18.983 L4.984,16.983 L5.015,16.983 L5.015,16.014 L1.015,16.014 L1.015,15.952 L0.984,15.952 L0.984,4.014 L1.015,4.014 L1.015,4.014 L4.984,4.014 L4.984,0.014 L6.983,0.014 L6.983,0.014 L17.015,0.014 L17.015,0.015 L17.015,2.014 L17.015,4.014 L18.984,4.014 L18.984,3.983 L20.984,3.983 L20.984,4.014 L21.015,4.014 L21.015,6.015 L20.984,6.015 L20.984,14.014 L21.015,14.014 ZM15.015,16.983 L15.015,16.014 L15.015,14.014 L15.015,12.983 L7.015,12.983 L7.015,14.014 L7.015,16.014 L7.015,16.983 L15.015,16.983 ZM15.015,2.014 L6.983,2.014 L6.983,4.014 L15.015,4.014 L15.015,2.014 ZM18.984,6.015 L2.984,6.015 L2.984,14.014 L5.015,14.014 L5.015,12.983 L5.015,11.015 L5.015,10.983 L17.046,10.983 L17.046,12.983 L17.015,12.983 L17.015,14.014 L18.984,14.014 L18.984,6.015 ZM15.015,6.983 L17.015,6.983 L17.015,8.952 L15.015,8.952 L15.015,6.983 Z'/%3E%3C/svg%3E"); }
.funcItem>li::after { content:''; visibility:hidden; position:absolute; left:50%; bottom:-1.5em; width:1em; height:1em; margin-left:-1.625em; background:#fff; border-style:solid; border-color:#999; border-width:0; border-top-width:1px; border-left-width:1px; box-sizing:border-box; transform:rotate(45deg); z-index:10; transition:.4s all ease; opacity:0; }
.funcItem .shareList { visibility:hidden; position:absolute; right:0; top:3.465em; padding:.5em; background:#fff; border:1px solid #999; box-sizing:border-box; text-align:center; z-index:10; opacity:0; transition:.4s all ease; }
.funcItem>li.active::after { opacity:1; visibility:visible; }
.funcItem .active .shareList { opacity:1; visibility:visible; }
.funcItem .shareList h3 { text-align:left; }
.funcItem .shareList ul { overflow:hidden; display:flex; justify-content:space-between; align-items:center; gap:.188em; width:100%; margin:.5em 0; }
.funcItem .shareList ul li a { overflow:hidden; display:block; width:2.5rem; height:2.5rem; border-radius:50%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; text-indent:-999px; box-sizing:border-box; }
.funcItem .shareList ul li.iconKakao a { background-image:url(../images/sub/icon_ft_kakao.png);  }
.funcItem .shareList ul li.iconBand a { background-image:url(../images/sub/icon_ft_band.png); }
.funcItem .shareList ul li.iconTwitter a { background-image:url(../images/sub/icon_ft_twitter.png); }
.funcItem .shareList ul li.iconFacebook a { background-image:url(../images/sub/icon_ft_facebook.png); }
.funcItem .shareList ul li.iconUrl a { border:1px solid #dcdcdc; background-image:url(../images/sub/icon_location_url.png); }
.funcItem .shareList .urlCopy { display:flex; }
.funcItem .shareList .urlCopy input { flex:1; border:1px solid #999; }
.funcItem .shareList .urlCopy button { white-space:nowrap; padding:.5em .25em; background:#13294b; line-height:1.2; color:#fff; letter-spacing:-.05em; }
.funcItem .shareClose { position:absolute; right:.25em; top:.25em; }
.funcItem .shareClose button { overflow:hidden; display:inline-block; position:relative; width:1.875em; height:1.875em; border-radius:50%; text-indent:-999px; box-sizing:border-box; }
.funcItem .shareClose button::before,
.funcItem .shareClose button::after { content:''; position:absolute; left:50%; top:50%; width:1.5em; height:2px; margin-left:-.75em; background:#000; }
.funcItem .shareClose button::before { transform:rotate(45deg); }
.funcItem .shareClose button::after { transform:rotate(135deg); }

/* contentGroup */
#contentGroup { overflow:hidden; position:relative; margin:5.25rem 0; }
/* pageTopWrap */
.pageTopWrap { position:relative; max-width:1200px; margin:0 auto 3.125em; padding:0 1em; }
.pageTopWrap h3.pageTit { margin-bottom:1.25em; text-align:center; line-height:1; font-size:2.5em; letter-spacing:-.025em; }
/* tabmenu */
.tabNav { margin:3.125em 0; }
.tabNav > p { display:none; }
.tabNav .tabList ul { display:flex; justify-content:center; align-items:center; gap:.5em; }
.tabNav .tabList ul li a { display:block; position:relative; padding:1em 1.66666em; background:#e2f0ff; border-radius:1.7em; line-height:1.11111; color:#004b9f; font-size:var(--font-tabA); font-weight:500; letter-spacing:-.035em; }
.tabNav .tabList ul li.active a { background-color:#0061ce; color:#fff; font-weight:700; }

/* content */
.readyArea { position:relative; max-width:780px; margin:0 auto; padding:.5em; }
.readyArea::after { content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/sub/icon_ready.png) left top no-repeat, url(../images/sub/icon_ready.png) right top no-repeat, url(../images/sub/icon_ready.png) left bottom no-repeat, url(../images/sub/icon_ready.png) right bottom no-repeat; background-size:1.0625em auto; }
.readyArea .inner { padding:6.10169% 7.18644%; border:1px solid #ccccde; text-align:center; word-break:keep-all; }
.readyArea .big { margin-bottom:.5em; padding:9em 0 .5em; background:url(../images/sub/bg_ready.png) center top no-repeat; background-size:auto 7.83333em; border-bottom:1px solid #e0ebf8; color:#26376d; font-size:2.25em; }
.readyArea .small { color:#24315c; font-size:1.125em; }
.readyArea .small p { margin-top:.75em; }
/* default Content */
.defaultLayout { max-width:1200px; margin:0 auto; padding:0 1.25em; }
.defaultLayout .tit { margin-top:1em; margin-bottom:.5em; color:#171717; font-size:var(--font-titA); font-weight:700; }
.defaultLayout .buTit { margin-top:.5em; padding-left:1.125em; background:url(../images/sub/bu_con_tit.png) left .125em no-repeat; background-size:1rem auto; color:#171717; font-size:var(--font-titB); font-weight:500; }
.defaultLayout .txt { margin:1em .5em; line-height:1.4444; font-size:var(--font-tabA); letter-spacing:-.025em; word-break:keep-all; }
.defaultLayout .txtList { margin:1.25em 0 2.5em 1em; letter-spacing:-.025em; }
.defaultLayout .txtList>li,
.viewCaption caption,
.liTit { margin-top:.25em; padding-left:1em; background:url(../images/sub/bu_li1.png) left .625em no-repeat; background-size:.625em auto; line-height:1.4; color:#313b48; font-size:var(--font-txtA); }
.defaultLayout .txtList>li>ul,
.defaultLayout .txtList>li>ol { margin-top:.5em; margin-bottom:1em; }
.defaultLayout .txtList>li>ul>li,
.defaultLayout .txtList>li>ol>li { padding-left:1em; background:url(../images/sub/bu_li2.png) left .5em no-repeat; background-size:.625em auto; }
.defaultLayout .txtList>li>ul>li>ul,
.defaultLayout .txtList>li>ol>li>ol { margin-top:.5em; margin-bottom:1em; }
.defaultLayout .txtList>li>ul>li>ul>li,
.defaultLayout .txtList>li>ol>li>ol>li { padding-left:.5em; background:url(../images/sub/bu_li3.png) left .5em no-repeat; background-size:.25em auto; }
.defaultLayout .txtList.rowLine>li { display:flex; justify-content:space-between; position:relative; max-width:30em; }
.defaultLayout .txtList.rowLine>li::before { content:''; position:absolute; left:1.25em; right:0; top:.6em; height:1px; border-top:1px dashed #dbdbdb; }
.defaultLayout .txtList.rowLine>li span { display:block; position:relative; background:#fff; z-index:2; }
.defaultLayout .txtList.rowLine>li span.txt { padding-right:.5em; }
.defaultLayout .txtList.rowLine>li span.date { width:8em; padding-left:.5em; }
.defaultLayout .txtList.rowLine>li span.date i { font-style:normal; }
.defaultLayout ol.countList { counter-reset:content-counter; }
.defaultLayout ol.countList>li { display:flex; line-height:1.4; color:#313b48; font-size:var(--font-txtA); }
.defaultLayout ol.countList>li::before { counter-increment:content-counter; content:counter(content-counter) '. '; }
.liTit { margin-bottom:.25em; }
.defaultLayout .txtBox { margin:-1em 1em 1em; padding:1em; border:1px solid #dcdcdc; }

.defaultLayout .dateSchdule { margin:1em 0 0 1em; }
.defaultLayout .dateSchdule>ol { display:flex; justify-content:space-around; border-top:1px solid #dadada; border-left:1px solid #dadada; }
.defaultLayout .dateSchdule>ol>li { position:relative; flex-grow:1; flex-shrink:1; flex-basis:33.33333%; padding:1.25em 2em; border:1px solid #dadada; border-top:none; border-left:none; box-sizing:border-box; }
.defaultLayout .dateSchdule>ol>li::before,
.defaultLayout .dateSchdule>ol>li::after { content:''; position:absolute; left:-1.09375em; top:50%; box-sizing:border-box; }
.defaultLayout .dateSchdule>ol>li::before { width:2.1875em; height:2.1875em; margin-top:-1.09375em; background:#fff; border:1px solid #dcdcdc; border-radius:50%; }
.defaultLayout .dateSchdule>ol>li::after { width:.75em; height:.75em; margin:-.375em 0 0 .5em; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(45deg); }
.defaultLayout .dateSchdule>ol>li:first-child::before,
.defaultLayout .dateSchdule>ol>li:first-child::after { display:none; }
.defaultLayout .dateSchdule.boxMode>ol>li.noneArrow::before,
.defaultLayout .dateSchdule.boxMode>ol>li.noneArrow::after { display:none; }
.defaultLayout .dateSchdule .item>h5 { margin-bottom:1em; padding-bottom:.9em; border-bottom:1px dashed #d9d9d9; text-align:center; color:#422bb3; font-size:1.25em; font-weight:600; vertical-align:middle; }
.defaultLayout .dateSchdule .item>h5 span { font-size:1.35em; font-family:'Cafe24Ssurround'; font-weight:400; vertical-align:middle; }
.defaultLayout .dateSchdule.boxMode .item>h5 { margin:0; padding:0; border:none; }
.defaultLayout .dateSchdule .item>ul,
.defaultLayout .dateSchdule .item>dl { color:#313b48; }
.defaultLayout .dateSchdule .item>dl>dt { font-size:1.125em; font-weight:600; }
.defaultLayout .dateSchdule .item>ul>li,
.defaultLayout .dateSchdule .item>dl>dd>ul>li { position:relative; margin-top:.625em; padding-left:.52em; }
.defaultLayout .dateSchdule .item>ul>li::before,
.defaultLayout .dateSchdule .item>dl>dd>ul>li::before { content:'·'; position:absolute; left:0; top:0; }
.defaultLayout .dateSchdule .item>dl>dd>ul>li .tit { float:left; width:2em; }
.defaultLayout .dateSchdule .item>dl>dd>ul>li .txt { margin-left:2.5em; }
.defaultLayout .dateSchdule .item>ul>li>ul>li,
.defaultLayout .dateSchdule .item>dl>dd>ul>li .txt>ul>li { position:relative; padding-left:.75em; }
.defaultLayout .dateSchdule .item>ul>li>ul>li::before,
.defaultLayout .dateSchdule .item>dl>dd>ul>li .txt>ul>li::before { content:'-'; position:absolute; left:0; top:0; }
.defaultLayout .dateSchdule .item ol.numList { counter-reset:my-awesome-counter; }
.defaultLayout .dateSchdule .item ol.numList li { position:relative; margin:.5em .5em 0; padding:0 2em 2em; counter-increment:my-awesome-counter; }
.defaultLayout .dateSchdule .item ol.numList li::before { content:counter(my-awesome-counter); position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; width:1.5em; height:1.5em; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; }
.defaultLayout .dateSchdule .item ol.numList li::after { content:'+'; position:absolute; left:0; bottom:0; width:100%; text-align:center; border:1px solid #dcdcdc; border-radius:.5em; }
.defaultLayout .dateSchdule .item ol.numList li:last-child { padding-bottom:0; }
.defaultLayout .dateSchdule .item ol.numList li:last-child::after { display:none; }
.defaultLayout .boxSort { display:flex; justify-content:center; max-width:940px; margin:0 auto; }
.defaultLayout .boxSort .left,
.defaultLayout .boxSort .right { flex-grow:0; flex-shrink:0; padding:1.375em 5%; background:#f7f7f7; text-align:center; color:#222; box-sizing:border-box; }
.defaultLayout .boxSort .left { width:36%; }
.defaultLayout .boxSort .left i { display:block; height:6.25em; margin-bottom:1.25em; background:url(../images/sub/icon_balloon1.png) center no-repeat; background-size:contain; }
.defaultLayout .boxSort .left span { display:inline-block; width:7.25em; font-size:1.375em; font-weight:600; }
.defaultLayout .boxSort .right { width:50%; }
.defaultLayout .boxSort .right li { min-width:12em; padding:.6em; border-top:1px dotted #b7b7b7; font-size:1.25em; }
.defaultLayout .boxSort .right li:first-child { border:none; }
.defaultLayout .boxSort i.arrow { position:relative; width:3.0625em; margin:0 1em; }
.defaultLayout .boxSort i.arrow::before,
.defaultLayout .boxSort i.arrow::after { content:''; position:absolute; left:50%; top:50%; width:.9375em; box-sizing:border-box; }
.defaultLayout .boxSort i.arrow::before { width:3.0625em; height:3.0625em; margin:-1.53125em 0 0 -1.53125em; background:#fff; border:1px solid #dcdcdc; border-radius:50%; }
.defaultLayout .boxSort i.arrow::after { width:.9375em; height:.9375em; margin:-.46875em 0 0 -.625em; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(45deg); }
.defaultLayout .pageBtmBg { margin:2em 5%; text-align:center; }
.defaultLayout .imgList ul { display:flex; justify-content:center; flex-wrap:wrap; gap:5px; }
.defaultLayout .imgList li { flex-grow:0; flex-shrink:0; width:calc(33.33333% - 5px); }
.defaultLayout .imgList li span { display:block; }
.defaultLayout .imgList li img { object-fit:cover; max-width:100%; width:100%; height:100%; padding:.125em; border:1px solid #dcdcdc; box-sizing:border-box; }
.lkDown,
.lkBox { margin-top:2em; text-align:center; }
.lkDown a,
.lkBox a { display:flex; justify-content:space-between; align-items:center; max-width:578px; margin:0 auto; padding:1.4em; border:1px solid; box-sizing:border-box; color:#1c86ad; font-size:1.25em; }
.lkDown a i { display:inline-block; padding-right:2em; background:url(../images/sub/icon_down_blue.png) right center no-repeat; background-size:1.5625em auto; font-size:.8em; font-style:normal; }
.lkBox a i { display:inline-block; position:relative; width:2em; height:2em; font-style:normal; }
.lkBox a i::after { content:''; position:absolute; left:50%; top:50%; width:.75em; height:.75em; margin-top:-.375em; margin-left:-.375em; border-right:1px solid #1c86ad; border-bottom:1px solid #1c86ad; transform:rotate(-45deg); }
/* accordionList */
.accordionList { max-width:1200px; margin:3em auto; border-top:1px solid #d7d7d7; }
.accordionList .accordionTit { border-bottom:1px solid #d7d7d7; }
.accordionList .panel { display:none; overflow:hidden; background:#fbfbfc; border-bottom:1px solid #2944b4; }
.accordionList .panelInner { margin:3.5%;}
.accordionList .accordionTit.active { border-bottom-color:#2944b4; }
.accordionList .accordionTit button { display:flex; width:100%; height:3.77777em; padding:0 1.55555em; justify-content:space-between; align-items:center; color:#171717; font-size:var(--font-tabA); font-weight:500; }
.accordionList .accordionTit.active button { color:#044bbf; font-weight:700; }
.accordionList .accordionTit button i.openIcon { display:block; overflow:hidden; flex-grow:0; flex-shrink:0; position:relative; width:1em; height:1em; color:transparent; }
.accordionTit button i.openIcon::before,
.accordionTit button i.openIcon::after { content:''; position:absolute; background:#000; transition:all .4s ease; }
.accordionTit button i.openIcon::before { left:0; top:50%; width:100%; height:.125rem; margin-top:-.0625rem; }
.accordionTit button i.openIcon::after { left:50%; top:0; width:.125rem; height:100%; margin-left:-.0625rem; }
.accordionList .accordionTit.active i.openIcon::after { transform:rotate(270deg); }
.accordionList .panel h5.tit { font-size:var(--font-titB); }
.accordionList .panel h6.buTit { font-size:var(--font-titC); background-size:auto 1em; }
.accordionList .panel .boxGrid { display:grid; grid-template-columns:1fr 1fr; gap:2.625rem; }
.accordionList .panel .boxGrid.col3 { grid-template-columns:1fr 1fr 1fr; }
.accordionList .panel .boxGrid.rowLine { grid-template-columns:1fr; }
.accordionList .countList.boxGrid { gap:0; grid-auto-flow:column;justify-content: start; align-content:center; grid-template-rows:repeat(5, auto); }
.accordionList .boxGrid .doubleBox { grid-row:auto / span 2; }
.accordionList .boxGrid .item h5,
.accordionList .boxGrid p.boxTxt { margin-bottom:1.75rem; padding:1em; background:#e2f0ff; border:1px solid #94bbe6; border-top-left-radius:.5em; border-top-right-radius:.5em; text-align:center; line-height:1.33333; color:#004b9f; font-size:var(--font-tabA); word-break:keep-all; box-sizing:border-box; }
.accordionList .panel .boxGrid.rowLine p.boxTxt { width:calc(50% - 1.3125rem); }
.accordionList .boxGrid .txtList,
.defaultLayout ol.countList { margin:0 .625rem; }
.defaultLayout ol.countList .txtList { margin-left:1em; }
.accordionList .txt { font-size:var(--font-txtA); }
/* 손씻기 스타일 */
.sr-hand {padding:30px 15px; background:#f7f7f7;}
.list-style2 {overflow:hidden;}
.list-style2>li {margin-bottom:10px; background:url("/images/imgs2019/content/icon_step_arrow.png") no-repeat right 90px; padding:10px 0px;}
.list-style2 .box p {text-align:center;}
.list-style2 .box p.txt {padding:10px 0px 0px; text-align:center; line-height:20px;}
.list-style2 .box p span {display:block; padding-top:10px;}
.list-style2>li {float:left; margin-left:1%; width:31%;}
.list-style2>li:nth-child(6n) {padding-left:0px; margin-left:0px; background:none;}
.sr-hant2 {border:1px solid #dfdfdf; padding:30px 15px;}
.sr-hant2 p>img {padding:0px 30px; border-right:1px solid #dfdfdf;}
.sr-hant2 p>img:nth-child(3n) {border-right:none;}
/* custom */
.gridBox {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:2em; margin-bottom:3em; }
.gridBox.col2 { grid-template-columns:1fr 1fr; gap:2em; }
.gridBoxInner { position:relative; width:100%; }
.gridBox .contBox { height:100%; }
.gridBox .contBox::after { content:''; position:absolute; left:0; top:50%; width:1em; height:1em; margin:-.5em 0 0 -1.75em; border-right:2px solid #000; border-bottom:2px solid #000; box-sizing:border-box; transform:rotate(-45deg); }
.gridBox .gridBoxInner:first-child .contBox::after { display:none; }
.gridBox .box { height:100%; text-align:center; padding:5em 5% 1.5em; background:#fff center top no-repeat; box-sizing:border-box; border-radius:10px; border:1px solid; }
.gridBox .box.item1 {background-image:url("../images/sub/rsm06_icon1.gif");}
.gridBox .box.item2 {background-image:url("../images/sub/rsm06_icon2.gif");}
.gridBox .box.item3 {background-image:url("../images/sub/rsm06_icon3.gif");}
.gridBox .box.item4 {background-image:url("../images/sub/rsm06_icon4.gif");}
.gridBox .contBox dt { display:flex; justify-content:center; align-items:center; height:2.8em; margin-bottom:.625em; color:#1a7fc3; font-size:var(--font-titC); font-weight:500; }
.gridBox .contBox dd strong,
.gridBox .contBox dd span { display:block; margin-top:.5em; }
.gridBox .contBox dd strong { font-size:1rem; }
.gridBox .contBox dd span { color:#777; font-size:var(--font-txtC); font-weight:300;}
.contBox .boxTit {overflow:hidden; position:relative; line-height:1.75; margin:0 4%; padding:.5em; text-align:center; color:#fff; border-radius:2em; text-shadow:0px 0px 1px rgba(0, 0, 0, 0.6); z-index:1; font-size:var(--font-txtA);}
.contBox.bgc1 .boxTit {background: #0A759D;}
.contBox.bgc2 .boxTit {background:#2a5baa;}
.contBox.bgc3 .boxTit {background:#0f719e;}
.contBox.bgc4 .boxTit {background:#197ec2;}
.contBox.bgc5 .boxTit {background:#47539f;}
.contBox.bgc6 .boxTit {background:#289dc2;}
.contBox.bgc1 strong {color:#1a98c8;}
.contBox.bgc2 strong {color:#2a5baa;}
.contBox.bgc3 strong {color:#0f719e;}
.contBox.bgc4 strong {color:#197ec2;}
.contBox.bgc5 strong {color:#47539f;}
.contBox.bgc6 strong {color:#42aed7;}
.step .contBox .img {text-align:center; padding:.625em 0;}
.step .contBox .box {position:relative; width:100%; margin-top:-25px; padding:1.5em 5% 1em; border:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;text-align:left;}
.step .contBox .box ul.txtList { margin-bottom:0; }
/* 바로가기 */
.btnGo { max-width:440px; margin:1em auto; padding:0 1em; text-align:center; }
.btnGo a { display:flex; align-items:center; justify-content:center; padding:1em 3em; background:#1c86ad; border-radius:1.7em; line-height:1.3; color:#fff; font-size:1.25em; }
.btnGo a span { word-break:keep-all; }
.btnGo a i { display:inline-block; position:relative; width:1em; vertical-align:middle; }
.btnGo a i::before { content:''; position:absolute; left:0; top:50%; width:.6em; height:.6em; margin-top:-.325em; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); box-sizing:border-box; }

/* 연합회 가입 안내 */
.boxWrap { max-width:1180px; margin:0 auto; padding:0 2%; }
.boxWrap .boxArea { padding:5em 4.40677% 5em 48.64406%; background:#fff url(../images/sub/bg_group.png) left center no-repeat; background-size:contain; border:1px solid #d6d6d6; box-sizing:border-box; word-break:keep-all; }
.boxWrap .boxArea .top { margin-bottom:1.75em; }
.boxWrap .boxArea .top p { margin-bottom:1em; line-height:1.5; font-size:1.25em; font-weight:500; }
.boxWrap .boxArea .btm { padding-top:1.625em; border-top:1px dashed #d1d1d1; }
.boxWrap .boxArea .btm p { position:relative; padding-left:1em; line-height:1.33333; font-size:1.125em; }
.boxWrap .boxArea .btm p::before { content:'※'; position:absolute; left:0; top:0; }
.boxWrap .boxArea .btm p strong { font-weight:600; }
.boxWrap .boxArea .btm p span { display:block; margin-top:1em; }





/* tableStyle */
.tableDrag { display:none; margin-bottom:.7142em; font-size:1em; font-weight:300; color:#666; text-align:center; }
.tableDrag span { display:inline-block; padding:.3571em 0 .3571em 4.5em; background:url(/gccf/images/sub/icon_table_drag.png) left center no-repeat; background-size:3.5714em auto; }
.tableUnit { display:block; text-align:right; font-size:.9375em; font-weight:300; color:#586167; }
.tableInfo,
.point { position:relative; padding-left:1.25em; color:#2b343f; font-size:var(--font-txtC); font-weight:500; }
.content .defaultLayout .txtList li.point { margin:0; padding-left:1.25em; background:none; font-size:var(--font-txtA); font-weight:400; }
.tableInfo::before,
.point::before { /*content:'※ ';*/ position:absolute; left:0; top:0; }
/*.point::before { content:'※ '; position:absolute; left:0; top:0; }*/
.tableStyle { table-layout:fixed; width:100%; margin-top:.5em; margin-bottom:1.2941em; border-top:2px solid #0061ce; font-size:var(--font-txtA); }
.viewCaption caption { width:auto; height:auto; margin:.25em 0; text-indent:0; text-align:left; }
/*.viewCaption caption { width:auto; height:auto; margin:.5em 0 0; padding-left:1.125em; background:url(../images/sub/bu_con_tit.png) left .125em no-repeat; background-size:.625em auto; text-indent:0; text-align:left; color:#171717; font-size:var(--font-titC); font-weight:500; }*/
.tableStyle th,
.tableStyle td { padding:.75em; border-style:solid; border-color:#d3d5d7; border-right-width:1px; border-bottom-width:1px; vertical-align:middle; text-align:center; font-weight:400; }
.tableStyle th:last-child,
.tableStyle td:last-child { border-right-width:0; }
.tableStyle [rowspan] { border-left-width:1px; }
.tableStyle [rowspan]:first-child { border-left-width:0; }
.tableStyle th.bdNone,
.tableStyle td.bdNone { border-left:none; }
.tableStyle th { color:#717171; background:#fafafa; }
.tableStyle td { color:#171717; }
.tableStyle td .txtList { margin:0; text-align:left; }
.tableStyle td .txtList li { font-size:1em; }
/* table scroll */
.rollTable { width:auto; min-width:700px; }
.scroltable-wrapper {overflow:hidden;position:relative; }
.scroltable-wrapper table { margin-bottom:0; }
.detailInfo .scroltable-wrapper { margin-bottom:1.125em; }
.scroltable-container {overflow:auto; }
.scroltable-nav {display:none;position:absolute;width:60px;height:100%;cursor:pointer;z-index:2;}
.scroltable-nav.scroltable-nav-left {left:0;background:url(../images/sub/arrow-left.png) no-repeat 10px center, -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-left.png) no-repeat 10px center, -moz-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-left.png) no-repeat 10px center, -ms-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-left.png) no-repeat 10px center, -o-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-left.png) no-repeat 10px center, linear-gradient(to left, rgba(255, 255, 255, 0), #fff)}
.scroltable-nav.scroltable-nav-right {right:0;background:url(../images/sub/arrow-right.png) no-repeat right 10px center, -webkit-linear-gradient(0, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-right.png) no-repeat right 10px center, -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-right.png) no-repeat right 10px center, -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-right.png) no-repeat right 10px center, -o-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-right.png) no-repeat right 10px center, linear-gradient(to right, rgba(255, 255, 255, 0), #fff)}
/* 신청 공모 참여 */
.memberList .inner { display:flex; justify-content:space-around; margin-top:.5em; gap:.5em; }
.memberList dl { flex:1; border:1px solid #d3d5d7; }
.memberList dl dt,
.memberList dl dd { padding:1em .75em; letter-spacing:-.05em; }
.memberList dl dt { background:#f8f8f8; border-bottom:1px solid #d3d5d7; text-align:center; color:#197292; font-size:1.125em; }
.memberList dl dd { border-top:none; color:#3a3a3a; font-size:1.0625em; }
.memberList dd ul { text-align:left; }
.memberList dd ul li { display:flex; justify-content:space-between; align-items:center; margin:.25em 0; }
.memberList dd ul li button { margin-left:.125em; padding:.25em .5em; border:1px solid #777; border-radius:.25em; }
.btnType { margin-top:.5em; text-align:right; line-height:1; }
.btnType a { display:inline-block; min-width:7.375em; margin-left:.5em; padding:1em; background:#fff; border: 1px solid #dcdcdc; border-radius:.25em; text-align: center; color: #2492ba; font-weight: 500; }
/* 신청서 작성 */
.writeForm { table-layout:auto; }
.writeForm th { width:16%; box-sizing:border-box; }
.writeForm td { width:auto; background:#fff; padding:.5em 1em; text-align:left; }
.writeForm td input[type="text"],
.writeForm td input[type="tel"],
.writeForm td input[type="mail"],
.writeForm td input[type="date"],
.writeForm td select { width:100%; height:2.75em; padding:0 1em; border:1px solid #dcdcdc; color:#404040; box-sizing:border-box; }
.writeForm td input[type="file"] { width:100%; height:2.75em; line-height:2.75em; border:1px solid #dcdcdc; }
.writeForm td ul.radioList { display:flex; column-gap:2em; }
.writeForm .radio { overflow:hidden; position:relative; }
.writeForm .radio input[type="radio"] { position:absolute; left:0; top:0; width:1px; height:1px; margin-top:-5px; }
.writeForm .radio label i { display:inline-block; position:relative; width:1.25em; height:1.25em; margin-top:.125em; margin-right:.5em; border:1px solid #ddd; border-radius:50%; vertical-align:top; box-sizing:border-box; }
.writeForm .radio input[type="radio"]:checked + label i { border-color:#ef2865; }
.writeForm .radio input[type="radio"]:checked + label i::before { content:''; position:absolute; left:50%; top:50%; width:.625em; height:.625em; margin:-.3125em 0 0 -.3125em; background:#ef2865; border-radius:50%; box-sizing:border-box; }
.btnCenter { display:flex; justify-content:center; align-items:center; margin:5em 1em; }
.btnCenter button,
.btnCenter a { display:inline-block; min-width:12.72222em; height:3.88888em; line-height:1.88888em; padding:1em; vertical-align:top; text-align:center; color:#fff; font-size:1.125em; box-sizing:border-box; }
.btnCenter .lkList { background:#595959; }
.btnCenter .submit { background:#1c86ad; }
.btnCenter .complete { background:#808080; }
.btnCenter .print { background:#461fab; }
/* alertPop */
.popupWrap { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.55); z-index:1000; }
.popupWrap .popInner { display:flex; width:100%; height:100%; justify-content:center; align-items:center; }
.popupWrap .popContent { position:relative; background:#fff; }
.popupWrap .popContent .contentInner { min-width:200px; max-width:500px; padding:2em; font-size:1.25em; }
.popupWrap .popContent .btnLine { display:flex; justify-content:space-around; }
.popupWrap .popContent .btnLine button,
.popupWrap .popContent .btnLine a { flex:1; display:block; height:3.88888em; padding:1em; box-sizing:border-box; line-height:1.88888em; text-align:center; color:#fff; font-size:1.125em; }
.popupWrap .popContent .btnLine .cancel { background:#595959; }
.popupWrap .popContent .btnLine .submit { background:#1c86ad; }
@media all and (max-width:1024px) {
    /* tableStyle */
    .tableDrag { display:block; }
    .scrollTblWrap { width:100%; overflow-x:auto; overflow-y:hidden; }
    .scrollTblWrap table { width:960px; }
    .tableInfo { padding-left:1.2em; background-size:10px auto; }
    .tableStyle th,
    .tableStyle td { font-size:.9285em; }
}
@media only screen and (max-width:840px) {
    .memberList .inner { flex-direction:column; }
}
@media only screen and (max-width:640px) {
    .writeForm { display:block; }
    .writeForm tr { display:flex; flex-wrap:wrap; }
    .writeForm tr th,
    .writeForm tr td { height:auto; margin-top:-1px; padding:.5em; letter-spacing:-.05em; box-sizing:border-box; }
    .writeForm tr th { display:flex; align-items:center; justify-content:center; width:28%; margin-right:-1px; }
    .writeForm tr td { display:block; width:72%; }
}
/* 인사말 */
.greeting { overflow:hidden; position:relative; max-width:1180px; margin:0 auto; padding:0 2.75em; background:url(../images/sub/bg_greeting.jpg) center top no-repeat; background-size:contain; }
.greeting .inner { position:relative; max-width:988px; margin:33.38983% auto 0; background:#fff; }
.greeting .inner .top { padding:2.25em; text-align:center; }
.greeting .inner .top p { position:relative; display:inline-block; padding:.875rem 2.875rem; line-height:1.4; font-size:1.625em; }
.greeting .inner .top p::before,
.greeting .inner .top p::after { content:''; position:absolute; width:1.625rem; height:1.3125rem; background:url(../images/sub/quot_text.jpg) center no-repeat; background-size:contain; }
.greeting .inner .top p::before { left:0; top:0; }
.greeting .inner .top p::after { right:0; bottom:0; transform:rotate(180deg); }
.greeting .inner .top strong { font-size:1.26923em; }
.greeting .inner .btm { margin:0 11.8644%; text-align:center; line-height:1.5; font-size:1.125em; font-weight:500; word-break:keep-all; }
.greeting .inner .btm p { margin-top:1.5em; }
@media only screen and (max-width:720px) {
    .greeting { background-image:url(../images/sub/bg_greeting_mo.jpg); }
    .greeting .inner { margin-top:54.7222%; word-break:keep-all; }
    .greeting .inner .top p { padding:0 2.5rem; }
    .greeting .inner .btm { margin:0; }
}
/* 연혁 */
.history { position:relative; max-width:1180px; margin:0 auto; padding:0 1.25em; }
.history::before { content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#000; }
.history>ol { position:relative; z-index:2; }
.history>ol>li>h4 { display:flex; justify-content:center; align-items:center; width:5.5em; height:5.5em; margin:0 auto; background:#3099bf; border-radius:50%; color:#fff; font-size:1.25em; font-weight:500; }
.history>ol>li>ol { width:50%; margin-bottom:2.25em; }
.history>ol>li>ol>li { display:flex; position:relative; margin-top:1.25em; }
.history>ol>li>ol>li::after { content:''; position:absolute; top:.125em; width:.875em; height:.875em; background:#fff; border:2px solid #3099bf; border-radius:50%; box-sizing:border-box; }
.history>ol>li>ol>li time { flex-grow:0; flex-shrink:0; width:8em; color:#252525; font-size:1.125em; font-weight:500; letter-spacing:-.05em; }
.history>ol>li>ol>li span { color:#333; word-break:keep-all; }
.history>ol>li:nth-child(odd)>ol { margin-left:50%; }
.history>ol>li:nth-child(odd)>ol>li { margin-left:-.4375em; padding-left:3em; }
.history>ol>li:nth-child(even)>ol>li { flex-direction:row-reverse; margin-right:-.4375em; padding-right:3em; text-align:right; }
.history>ol>li:nth-child(odd)>ol>li:after { left:0; }
.history>ol>li:nth-child(even)>ol>li:after { right:0; }
@media only screen and (max-width:720px) {
    .history::before { left:4.6875em; }
    .history>ol>li>h4 { margin:0; }
    .history>ol>li>ol { width:100%; padding-left:3.4375em; }
    .history>ol>li:nth-child(odd)>ol { margin-left:0; }
    .history>ol>li:nth-child(odd)>ol>li,
    .history>ol>li:nth-child(even)>ol>li { flex-direction:column; margin-left:-.325em; padding-left:3em; text-align:left; }
    .history>ol>li:nth-child(odd)>ol>li:after,
    .history>ol>li:nth-child(even)>ol>li:after { left:0; right:auto; }
    .history>ol>li>ol>li time { width:100%; margin-bottom:.5em;}
    .history>ol>li>ol>li time br { display:none; }
}
/* 조직도 */
.organizationLayout,
.clubOrganizationWrap { max-width:1180px; margin:0 auto; padding:0 1.25em; }
.organization { position:relative; max-width:966px; margin:0 auto; }
.organization::after { content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#3099bf; }
.organization button,
.organization p.btn { position:relative; z-index:3; }
.organization span { display:flex; justify-content:center; align-items:center; font-weight:500; }
.organization .org1,
.organization .org3,
.organization .org4 { position:relative; text-align:center; z-index:2; }
.organization .org1 div { display:inline-block; }
.organization .org1 button,
.organization .org1 p.btn { padding:.375em; border:1px dashed #9ec8e1; border-radius:50%; }
.organization .org1 button::before,
.organization .org1 p.btn::before { content:''; position:absolute; left:50%; top:0; width:2px; height:50%; margin-left:-1px; background:#fff; }
.organization .org1 button span,
.organization .org1 p.btn span { flex-direction:column; position:relative; width:7em; height:7em; background:linear-gradient(360deg, rgba(48,153,191,1) 0%, rgba(17,117,181,1) 100%); border:.625em solid #ceebf6; border-radius:50%; vertical-align:middle; color:#fff; font-size:1.25em; }
.organization .org3 button span,
.organization .org3 p.btn span { position:relative; width:9.6em; min-height:3.2em; background:linear-gradient(360deg, rgba(48,153,191,1) 0%, rgba(17,117,181,1) 100%); border:.4375em solid #ceebf6; border-radius:2em; vertical-align:middle; color:#fff; font-size:1.25em; }
.organization .org1 button span i,
.organization .org1 p.btn span i { font-size:1.125rem; font-style:normal; }
.organization .org2,
.organization .org5 { max-width:610px; margin:0 auto; }
.organization .org2 ul,
.organization .org5 ul,
.organization .org6 ul { display:flex; text-align:center; position:relative; z-index:2; }
.organization .org2 ul,
.organization .org5 ul { justify-content:space-between; }
.organization .org6 ul { justify-content:space-around; }
.organization .org6 ul li { flex:1; }
.organization .org2 ul::before,
.organization .org5 ul li::before { content:''; position:absolute; top:50%; right:0; left:0; width:100%; height:1px; background:#3099bf; }
.organization .org2 ul li,
.organization .org4 { position:relative; padding:1.875em 0; }
.organization .org5 { padding-bottom:1.875em; }
.organization .org5 ul li { position:relative;  width:50%; text-align:left; }
.organization .org2 ul li:first-child::after,
.organization .org2 ul li:last-child::after,
.organization .org5 ul li:first-child::after { content:''; position:absolute; top:0; width:50%; height:100%; background:#fff; z-index:2; }
.organization .org2 ul li:first-child::after,
.organization .org5 ul li:first-child::after { left:0; }
.organization .org2 ul li:last-child::after { right:0; margin-right:-1px; }
.organization .org2 button::before,
.organization .org2 p.btn::before,
.organization .org6 button::after { content:''; position:absolute; width:.75em; height:.75em; background:#3099bf; border:2px solid #fff; border-radius:50%; box-sizing:border-box; }
.organization .org2 button::before,
.organization .org2 p.btn::before { top:50%; margin-top:-.375em; }
.organization .org2 li:first-child button::before,
.organization .org2 li:first-child p::before { right:0; margin-right:-.375em; }
.organization .org2 li:last-child button::before,
.organization .org2 li:last-child p::before { left:0; margin-left:-.375em; }
.organization .org6 ul li { position:relative; }
.organization .org6 p { position:relative; padding-top:1.875em; }
.organization .org6 p::before { content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#3099bf; }
.organization .org6 button::after { top:0; margin:-.375em 0 0 -.375em; }
.organization .org6 button::after { left:50%; }
.organization .org2 button span,
.organization .org2 p.btn span,
.organization .org4 button span,
.organization .org5 button span,
.organization .org6 button span { min-width:9.66666em; min-height:3.22222em; padding:.5em; box-sizing:border-box; border-radius:1.6em; font-size:1.125em; }
.organization .org2 button span,
.organization .org2 p.btn span,
.organization .org4 button span,
.organization .org5 button span { background:#3099bf; color:#fff; }
.organization .org6 button span { background:#fff; border:2px solid #3099bf; color:#1e8bb3; }
.organization .org6 ul { background:#fff; }
.organization .org6 ul li::before,
.organization .org6 ul li::after { content:''; position:absolute; top:0; width:50%; height:1px; background:#3099bf; }
.organization .org6 ul li::before { left:0; }
.organization .org6 ul li::after { right:0; }
.organization .org6 ul li:first-child::before,
.organization .org6 ul li:last-child::after { display:none; }
.organizationType2 { position:relative; max-width:1014px; margin:0 auto; }
.organizationType2::before { content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#a9b6c9; }
.organizationType2::after { content:''; position:absolute; left:50%; bottom:-1px; width:1px; height:4.3125em; background:#fff; }
.organizationType2 ul { display:flex; justify-content:space-between; }
.organizationType2 .top { margin-bottom:1em; }
.organizationType2 .row { margin-top:.5em; }
.organizationType2 .top ul { position:absolute; left:0; top:0; right:0; }
.organizationType2 ul li { display:flex; position:relative; flex:1; }
.organizationType2 ul li::before { content:''; position:absolute; left:0; right:0; top:50%; width:100%; height:1px; background:#a9b6c9; }
.organizationType2 ul li.left { justify-content:flex-start; }
.organizationType2 ul li.right { justify-content:flex-end; }
.organizationType2 ul li.organEmpty::before { background:none; }
.organizationType2 p { display:flex; position:relative; flex-direction:column; justify-content:center; align-items:center; width:17.25em; height:8.625em; background:#c9dbf4; border-radius:4.3125em; border:.625em solid #fff; box-sizing:border-box; text-align:center; color:#172f53; }
.organizationType2 p::before,
.organizationType2 p::after { content:''; position:absolute; width:.875em; height:.875em; background:#c9dbf4; border:.25em solid #fff; border-radius:50%; box-sizing:border-box; }
.organizationType2 ul li p::before { display:none; }
.organizationType2 ul li p::after { top:50%; margin-top:-.4375em; }
.organizationType2 ul li.left p::after { right:0; margin-right:-.4375em; }
.organizationType2 ul li.right p::after { left:0; margin-left:-.4375em; }
.organizationType2 p.center { margin:0 auto; border-color:#e7f0fb; z-index:2; }
.organizationType2 p.center::before,
.organizationType2 p.center::after { background:#a1c2ee; border-color:#e7f0fb; }
.organizationType2 p.center::before { bottom:0; left:50%; margin-bottom:-.4375em; margin-left:-.4em; }
.organizationType2 p.center::after { top:50%; right:0; margin-top:-.4375em; margin-right:-.4375em; }
.organizationType2 p strong { min-width:8.125rem; margin-bottom:.25em; padding-bottom:.25em; border-bottom:1px solid rgba(114,139,177,.35); font-size:1.125em; font-weight:600; }
.organizationType2 p.center strong { font-size:1.25em; }
.organizationType2 p span { font-size:1.25em; font-weight:600; }
.organizationType2 p span b { display:block; font-weight:600; }
.organizationType2 p span i { display:block; font-size:1rem; font-weight:400; font-style:normal; }
.organizationLayout h4,
.clubOrganizationWrap h4 { margin:2em 0 1em; color:#222; font-size:1.75em; font-weight:600; }
.organizationLayout table.action tbody { display:none; }
.organizationLayout table.action tbody.tbodyShow { display:table-row-group; }
.organizationList { display:flex; flex-wrap:wrap; column-gap:1em; justify-content:space-around; }
.organizationList>li { flex:1; color:#373737; }
.organizationList .btmList>li { margin-top:-1px; }
.organizationList p { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:4.5em; padding:.25em;background:#fff; border:1px solid #dbdbdb; }
.organizationList dt p { border-color:#3099bf; border-top-width:3px; }
.organizationList dd>p { margin:.5em 0; }
.organizationList p strong { margin-bottom:.25em; font-size:1.125em; font-weight:600; }
.organizationList dt p strong { font-weight:500; }
.organizationList dt p strong b { font-weight:600; }
.organizationList p span {}
@media only screen and (max-width:767px) {
    .organizationType2 .top ul { position:static; }
    .organizationType2 p.center::after { display:none; }
}
@media only screen and (max-width:720px) {
    .organization .org6 ul { flex-wrap:wrap; }
    .organization .org6 ul::before { content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#3099bf; }
    .organization .org6 ul::after { content:''; position:absolute; left:50%; bottom:0; width:10px; height:6.875em; background:#fff; }
    .organization .org6 ul li { flex-basis:50%; margin-bottom:1.5em; }
    .organization .org6 ul li:nth-child(2n+1)::before { display:none; }
    .organization .org6 ul li:nth-child(2n)::after { display:none; }
    .organizationType2::after { height:3.5em; }
    .organizationType2 p { width:15em; height:7em; }
    .organizationList { gap:1em; }
    .organizationList>li { flex-basis:calc(50% - 1em); }
    .organizationList::after { content:''; flex:1; flex-basis:calc(50% - 1em); }
}
@media only screen and (max-width:480px) {
    .organizationType2 p { width:12em; }
}
/* 후원문의 */
.inquiryWrap { max-width:1180px; margin:0 auto; padding:0 1.25em; }
.inquiryWrap>ul { display:flex; justify-content:space-around; gap:1.875em; }
.inquiryWrap>ul>li { display:flex; justify-content:center; align-items:center; flex:1; padding:5%; background:#fff; border:1px solid #d6d6d6; text-align:center; }
.inquiryWrap>ul>li dl { width:100%; }
.inquiryWrap>ul>li dt { margin-bottom:2em; padding-top:7em; padding-bottom:2em; background:center top no-repeat; background-size:auto 4.125em; border-bottom:1px solid #e3e3e3; }
.inquiryWrap>ul>li.phone dt { background-image:url(../images/sub/icon_phone.png); }
.inquiryWrap>ul>li.email dt { background-image:url(../images/sub/icon_email.png); }
.inquiryWrap>ul>li dt * { display:block; font-weight:700; }
.inquiryWrap>ul>li dt strong { margin-bottom:.5em; font-size:1.5em; }
.inquiryWrap>ul>li dt span { color:#b3b3b3; font-size:1.25em; }
.inquiryWrap>ul>li dd { font-size:1.625em; }
@media only screen and (max-width:720px) {
    .inquiryWrap>ul { flex-direction:column; }
}
/* 수탁시설 */
.facilityWrap { max-width:1180px; margin:0 auto; padding:0 1.25em; }
.facilityWrap .facilityList { display:flex; flex-wrap:wrap; justify-content:space-between; }
.facilityWrap .facilityList li { flex-grow:0; flex-shrink:0; width:49%; margin-top:2%; padding:2em; background:#fff; border:1px solid #d6d6d6; box-sizing:border-box; word-break:keep-all; }
.facilityWrap .facilityList dt { font-size:1.5em; font-weight:bold; }
.facilityWrap .facilityList dd { margin-top:1.5em; line-height:1.5; font-size:1.125em; }
.facilityWrap .facilityList .btn { margin-top:1em; text-align:right; }
.facilityWrap .facilityList .btn a { display:inline-block; padding:.5em 1.125em; border:1px solid; border-radius:2.25em; color:#1486ae; font-size:.9375em; font-weight:600; }
.facilityWrap .facilityList .btn a i { display:inline-block; width:.875rem; height:1rem; margin-right:.25em; background:url(../images/sub/icon_home3.png) center no-repeat; background-size:contain; vertical-align:top; }
@media only screen and (max-width:720px) {
    .facilityWrap .facilityList { flex-direction:column; }
    .facilityWrap .facilityList li { width:100%; }
}
.visionWrap { max-width:1180px; margin:0 auto; padding:0 1.25em; }
.visionWrap dl.txtLine { text-align:center;}
.visionWrap dl.txtLine dt { margin-top:2em; color:#222; font-size:2em; font-weight:600; }
.visionWrap dl.txtLine dd { margin-top:.9em; line-height:1.6; color:#3a3a3a; font-size:1.25em; font-weight:700; }
.visionWrap dl.txtLine dd strong { white-space:nowrap; color:#2391b8; }
.visionWrap .graph { margin-top:2.5em; text-align:center; }
.visionWrap .missionBox { position:relative; min-height:400px; margin-top:6.125em; }
.visionWrap .missionBox h5 { display:flex; justify-content:center; align-items:center; position:absolute; left:50%; top:50%; width:12.5rem; height:12.5rem; border:1.25rem solid #f4f4f4; border-radius:50%; color:#313b48; font-size:1.75em; font-weight:600; transform:translate(-50%,-50%); }
.visionWrap .missionBox h5::before,
.visionWrap .missionBox h5::after { content:''; position:absolute; border-radius:50%; }
.visionWrap .missionBox h5::before { left:0; top:0; width:100%; height:100%; border:1.875rem solid #eaeaea; box-sizing:border-box; }
.visionWrap .missionBox h5::after { left:50%; top:50%; width:129%; height:129%; padding:10px; border:1px dashed #efefef; transform:translate(-50%, -50%); }
.visionWrap .missionBox dl { display:flex; justify-content:space-between; align-items:center; position:absolute; max-width:32em; }
.visionWrap .missionBox dl:nth-child(even) { flex-direction:row-reverse; max-width:30em; }
.visionWrap .missionBox dl.TLBox { right:50%; bottom:50%; margin:0 3.125rem 3.125rem 0; }
.visionWrap .missionBox dl.TRBox { left:50%; bottom:50%; margin:0 0 3.125rem 3.125rem; }
.visionWrap .missionBox dl.BLBox { right:50%; top:50%; margin:3.125rem 3.125rem 0 0; }
.visionWrap .missionBox dl.BRBox { left:50%; top:50%; margin:3.125rem 0 0 3.125rem; }
.visionWrap .missionBox dl dt { position:relative; }
.visionWrap .missionBox dl dt span { display:flex; justify-content:center; align-items:center; position:relative; width:8.75rem; height:8.75rem; background:#3099bf; border-radius:50%; word-break:keep-all; text-align:center; color:#fff; font-size:1.125em; font-weight:600; }
.visionWrap .missionBox dl dt::after { content:''; position:absolute; right:0; top:50%; width:.625rem; height:.625rem; margin:-.3125rem -.3125rem 0 0; background:#422bb3; border:2px solid #fff; border-radius:50%; box-sizing:border-box; }
.visionWrap .missionBox dl dd { flex:1; color:#313b48; }
.visionWrap .missionBox dl.TLBox dt { transform:rotate(45deg); }
.visionWrap .missionBox dl.TLBox dt span { transform:rotate(-45deg); }
.visionWrap .missionBox dl.TRBox dt { transform:rotate(135deg); }
.visionWrap .missionBox dl.TRBox dt span { transform:rotate(-135deg); }
.visionWrap .missionBox dl.BLBox dt { transform:rotate(-45deg); }
.visionWrap .missionBox dl.BLBox dt span { transform:rotate(45deg); }
.visionWrap .missionBox dl.BRBox dt { transform:rotate(-135deg); }
.visionWrap .missionBox dl.BRBox dt span { transform:rotate(135deg); }
.visionWrap .missionBox dl dd ul { margin:0 1.5em; word-break:keep-all; font-size:1.125em; }
.visionWrap .missionBox dl dd ul li { position:relative; padding-left:.75em; }
.visionWrap .missionBox dl dd ul li::before { content:'·'; position:absolute; left:0; top:0; }
@media only screen and (max-width:720px) {
    .visionWrap .graph img { width:40%; }
    .content .visionWrap .missionBox { margin:5em 5% 0; }
    .visionWrap .missionBox h5 { position:static; width:auto; height:auto; margin-bottom:1.5em; border:none; text-align:center; transform:none; }
    .visionWrap .missionBox h5::before,
    .visionWrap .missionBox h5::after { display:none; }
    .content .visionWrap .missionBox dl { position:static; flex-direction:row; max-width:none; margin:0; }
    .content .visionWrap .missionBox dl dt { margin:1em 0; padding-right:2em; transform:none; }
    .content .visionWrap .missionBox dl dt::before { content:''; position:absolute; right:0; top:50%; width:1.625em; height:0; margin-top:-1px; border-top:2px dotted #349abe; }
    .visionWrap .missionBox dl dt::after { background:#2391b8; }
    .content .visionWrap .missionBox dl dt span { transform:none; }
    .content .visionWrap .missionBox dl dt span::after { content:''; position:absolute; right:0; top:0; width:4.6875rem; height:9.375rem; margin:-.3625rem -.3625rem 0 0; border:1px solid #6db6d0; border-radius:0 5rem 4.6875rem 0; border-left:none; }
}
/* ci */
.ciWrap { max-width:1180px; margin:0 auto; padding:0 1.25em; }
.ciWrap h4 { position:relative; }
.ciWrap h4 strong { display:block; color:#222; font-size:1.75em; font-weight:600; }
.ciWrap h4 span { display:block; color:#313b48; font-size:1.125em; font-weight:400; }
.ciWrap h4::after { content:''; position:absolute; left:20em; right:0; top:50%; height:2px; background:#b0b0b0; }
.ciWrap h5 { color:#e05120; font-size:1.125em; font-weight:600; }
.ciWrap .box { display:flex; justify-content:space-between; max-width:1090px; margin:2.5em auto 6em; }
.ciWrap .imgArea { display:flex; flex-grow:0; flex-shrink:0; justify-content:center; align-items:center; width:47.70642%; margin-right:4.0366%; padding:1em; background:url(../images/sub/bg_ci.png) center; border:1px solid #d9d9d9; box-sizing:border-box; }
.ciWrap .txtArea { flex:1; }
.ciWrap .txtArea p { margin-top:1em; line-height:1.444; color:#313b48; font-size:1.125em; font-weight:500; letter-spacing:-.03em; }
.ciWrap .txtArea p strong { color:#eb6233; }
.ciWrap .txtArea ul { display:flex; justify-content:space-around; margin-top:3.5em; }
.ciWrap .txtArea ul li { flex:1; margin-right:-1px; border:1px solid #ed5b35; }
.ciWrap .txtArea ul li a { display:block; padding:.9em; text-align:center; color:#ed5b35; font-size:1.125em; }
.ciWrap .txtArea ul li a i { display:inline-block; width:1.38888em; height:1.38888em; margin-left:1em; background:url(../images/sub/icon_download.png) center no-repeat; background-size:contain; vertical-align:top; }
.ciWrap .rowFlex { display:flex; justify-content:space-between; max-width:1090px; margin:3em auto 2.5em; }
.ciWrap .rowFlex .item { display:flex; flex-direction:column; flex-grow:0; flex-shrink:0; width:48%; }
.ciWrap .rowFlex .item .img { flex-grow:1; flex-shrink:1; display:flex; align-items:center; justify-content:center; margin-top:.75em; padding:2em; background:url(../images/sub/bg_ci.png) center; border:1px solid #b0b0b0; box-sizing:border-box; }
.ciWrap .row { position:relative; max-width:1090px; margin:0 auto 6em; }
.ciWrap .row .rightTxt { position:absolute; right:0; top:0; color:#494949;}
.ciWrap .row .rightTxt::before { content:'※'; }
.ciWrap .row .signatureList { display:flex; justify-content:space-between; width:100%; margin:1.5em 0 2.5em; gap:2em; }
.ciWrap .row .signatureList li { position:relative; flex:1; background:#fff; border:1px solid #d9d9d9; }
.ciWrap .row .signatureList li.white { background:#626262; border-color:#626262;}
.ciWrap .row .signatureList li span { display:block; text-align:center; color:#494949; }
.ciWrap .row .signatureList li span.txt { position:absolute; left:0; top:0; width:100%; margin-top:-1em; font-size:1.125em; }
.ciWrap .row .signatureList li span.txt b { display:inline-block; padding:.5em; background:#fff; border-radius:2em; color:#494949; font-weight:600; }
.ciWrap .row .signatureList li span.img { padding:2em 1em 1em;}
.ciWrap .colorList { max-width:1090px; margin:2.5em auto 0; }
.ciWrap .colorList ul { display:flex; justify-content:space-around; gap:.8125em; }
.ciWrap .colorList ul li { flex:1; box-sizing:border-box; }
.ciWrap .colorList ul li i { display:inline-block; width:4.125em; height:4.125em; margin-bottom:.75em; border-radius:50%; }
.ciWrap .colorList ul li.color1 i { background-color:#6d6e71; }
.ciWrap .colorList ul li.color2 i { background-color:#faa73f; }
.ciWrap .colorList ul li.color3 i { background-color:#40ba8d; }
.ciWrap .colorList ul li.color4 i { background-color:#3099bf; }
.ciWrap .colorList ul li.color5 i { background-color:#f386a1; }
.ciWrap .colorList ul li.color6 i { background-color:#f26641; }
.ciWrap .colorList ul li span { display:block; line-height:1.46666; color:#282828; font-size:.9375em; font-weight:500; letter-spacing:-.045em; }
@media only screen and (max-width:720px) {
    .ciWrap h4::after { top:auto; left:8em; bottom:0; }
    .ciWrap .box { flex-direction:column; margin:3em auto 4em; text-align:center; }
    .ciWrap .imgArea { width:100%; margin-right:0; margin-bottom:1.5em; padding:2em; box-sizing:border-box; }
    .ciWrap .imgArea img { width:70%; }
    .ciWrap .txtArea p { margin:1em 3em; word-break:keep-all; }
    .ciWrap .txtArea p br { display:none; }
    .ciWrap .txtArea ul { margin-top:0; }
    .ciWrap .rowFlex { flex-direction:column; margin-top:0; }
    .ciWrap .rowFlex .item { width:100%; margin-top:2.5em; }
    .ciWrap .rowFlex .item .img { height:14em; padding:1em; }
    .ciWrap .row .signatureList { flex-wrap:wrap; justify-content:space-between; margin:.75em auto; box-sizing:border-box; gap:0; }
    .ciWrap .row .signatureList li { flex-grow:0; flex-shrink:0; flex-basis:46%; margin:1em 0; }
    .ciWrap .row .signatureList li span.img img { width:60%; }
    .ciWrap .row .rightTxt { position:static; }
    .ciWrap .colorList ul { flex-wrap:wrap; justify-content:space-between; gap:0; }
    .ciWrap .colorList ul li { flex:0 0 33%; margin-top:2%; padding:.5em; border-top-left-radius:2.5em; }
}
@media only screen and (max-width:480px) {
    .ciWrap .colorList ul li { flex:0 0 50%; }
}
/* 캐릭터 */
.characterWrap { max-width:1180px; margin:0 auto; padding:0 1.25em; }
.characterTop { display:flex; justify-content:center; align-items:center; margin:4.625em 0 6.25em; }
.characterTop .img { flex-grow:0; flex-shrink:0; max-width:30%; margin-right:3em; }
.characterTop dt { margin-bottom:1em; font-size:1.875em; font-weight:bold; }
.characterTop dd { line-height:1.75; font-size:1.25em; font-weight:500; }
.characterTop dd strong { display:block; font-size:1.5em; }
.characterList { margin-bottom:4.625em; }
.characterList .item { display:flex; margin-top:4.625em; }
.characterList .item .img { flex-grow:0; flex-shrink:0; width:49.15254%; margin-right:2em; padding:1.75em 1.875em; border:1px solid #d7d7d7; text-align:center; box-sizing:border-box; }
.characterList .item dt { margin-bottom:.785em; font-size:2em; font-weight:600; }
.characterList .item dt span { font-size:.75em; }
.characterList .item dd p { margin-bottom:1.5em; font-size:1.25em; font-weight:500; }
.characterList .item dd>ul { display:table; table-layout:fixed; }
.characterList .item dd>ul>li { display:table-row; }
.characterList .item dd>ul>li>div { display:table-cell; padding-bottom:1.25em; line-height:1.33333; }
.characterList .item dd>ul>li>div.tit { width:5.5em; padding-left:.5em; background:url(../images/sub/bu_character.png) left .4em no-repeat; background-size:.25rem auto; color:#3099bf; font-size:1.0625em; font-weight:bold; }
.characterList .item dd>ul>li>div.txt { width:auto; color:#353535; font-size:1.125em; word-break:keep-all; }
.characterList .item dd>ul>li>div.txt li { position:relative; margin-bottom:.5em; padding-left:.5em; }
.characterList .item dd>ul>li>div.txt li::before { content:'·'; position:absolute; left:0; top:0; }
.characterWrap h4 { margin-bottom:.75em; font-size:2em; }
.characterWrap .applications { display:flex; justify-content:space-between; flex-wrap:wrap; }
.characterWrap .applications li { flex-grow:0; flex-shrink:0; width:49.152542%; margin-bottom:2.357em; }
.characterWrap .applications li dl { text-align:center; }
.characterWrap .applications li dt { display:inline-block; width:70%; padding:.8em; background:#fff; border:1px solid #dadada; line-height:1.4; color:#2e2e2e; font-size:1.25em; font-weight:500; }
.characterWrap .applications li dd { margin-top:-1.875em; padding:3em 1.5em 1.5em; background:#fff; border:1px solid #dadada; }
@media only screen and (max-width:767px) {
    .characterList .item { flex-direction:column; margin-top:1.5em; }
    .characterList .item .img { width:100%; margin-right:0; margin-bottom:2em; }
    .characterWrap .applications li { width:100%; }
}
@media only screen and (max-width:480px) {
    .characterTop { flex-direction:column; }
    .characterTop .img { max-width:none; margin-right:0; margin-bottom:2em;  }
}
/* 충장 축제 */
.festivalPosterWrap { }
.festivalInfoSlide,
.festivalSlide .inner { max-width:1180px; margin:0 auto; padding:0 1.25em; }
.posterInfo { max-width:1032px; margin:0 auto; padding:0 1.25em; }
.festivalInfo .poster { float:left; width:50.50847%; height:52.4375em; /* 596px */ }
.posterInfo .poster { float:left; width:39.72868%; /* 410px */ height:36.75em; }
.festivalInfo .poster img { object-fit:cover; width:100%; height:100%; border:1px solid #dbdbdb; box-sizing:border-box; }
.posterInfo .poster img { width:100%; height:100%; border-radius:1em; }
.festivalInfo .txtArea { position:relative; margin-left:54.23728%;/* 640px */ color:#353535; }
.posterInfo .txtArea { margin-left:47.674418%;/* 492px */ color:#353535; }
.festivalInfo .txtArea h3,
.posterInfo .txtArea h3 { margin-bottom:.5em; padding-bottom:.43478em; border-bottom:1px solid #d9d9d9; line-height:1; letter-spacing:-.025em; word-break:keep-all; }
.festivalInfo .txtArea h3 { padding-right:2.875em; font-size:2.875em; }
.posterInfo .txtArea h3 { padding:1.25rem; font-size:1.875em; }
.festivalInfo .txtArea p.lkSite { position:absolute; right:0; top:0; }
.festivalInfo .txtArea p.lkSite a { display:inline-block; padding:.5em 1em; border:1px solid; border-radius:2em; color:#3099bf; font-size:1.0625em; }
.festivalInfo .txtArea .txtLine,
.posterInfo .txtArea .txtLine { overflow:hidden; margin-top:.75em; }
.posterInfo .txtArea .txtLine { margin:1.125rem; }
.festivalInfo .txtArea .txtLine>dt,
.posterInfo .txtArea .txtLine>dt { float:left; width:5em; padding-left:.5em; background:url(../images/sub/bu_list.png) left .375em no-repeat; background-size:.25rem auto; color:#353535; font-size:1.125em; box-sizing:border-box; }
.festivalInfo .txtArea .txtLine>dd,
.posterInfo .txtArea .txtLine>dd { margin-left:5.5em; }
.posterInfo .txtArea .txtLine>dt,
.posterInfo .txtArea .txtLine>dd { font-weight:600; }
.festivalInfo .txtArea .blockTxtLine>dt { float:none; width:100%; }
.festivalInfo .txtArea .blockTxtLine>dd { margin-left:0; }
.festivalInfo .txtArea .programItem dt { margin-top:1.125em; font-size:1.125em; font-weight:bold; }
.festivalInfo .txtArea .programItem dd>ul>li { position:relative; margin-top:.625em; padding-left:.5em; line-height:1.375; font-size:1.125em; }
.festivalInfo .txtArea .programItem dd>ul>li::before { content:'·'; position:absolute; left:0; top:0; }
.posterInfo .txtArea .detailArea { margin:2.5rem 1.25rem; }
.posterInfo .txtArea .detailArea>dt { margin-bottom:1em; font-size:1.25em; font-weight:bold; }
.posterInfo .txtArea .detailArea>dd { line-height:1.875; }
.posterInfo .txtArea .detailArea>dd p { margin:.25em 0; }
.posterInfo .txtArea .detailArea>dd b,
.posterInfo .txtArea .detailArea>dd strong { font-weight:600; }
.festivalPosterWrap .slideBox { position:relative; margin-bottom:8.125em; }
.festivalPosterWrap .slideBox::before { content:''; position:absolute; left:0; right:0; top:50%; bottom:50%; width:100%; height:1px; background:#dbdbdb; }
.festivalPosterWrap .slideBox .inner { position:relative; max-width:1180px; margin:0 auto; padding:0 3.25em; box-sizing:border-box; }
.festivalSlide .swiper-slide { display:flex; width:10%; padding:2px 0; text-align:center; justify-content:center; }
.festivalSlide .slick-center { position:relative; z-index:10; }
.festivalSlide .swiper-slide button { position:relative; padding:.375em; background:#fff; border:1px solid #dbdbdb; transform:translateY(1.6875em); }
.festivalSlide .slick-center button { padding:.4375em; transform:translateY(0) }
.festivalSlide .swiper-slide .year { display:flex; justify-content:center; align-items:center; position:absolute; left:0; right:0; top:0; bottom:0; margin:.375rem; background:rgba(0,0,0,.7); color:#fff; font-size:1.25em; }
.festivalSlide .swiper-slide .img { display:block; width:6.75em; height:9.625em; background:#fff; }
.festivalSlide .slick-center .year { display:none; }
.festivalSlide .slick-center .img { width:8.75em; height:12.5em; background:#fff;  }
.festivalSlide .swiper-slide img { height:100%; }
.festivalPosterWrap .slideBox .slideControl { position:absolute; top:50%; width:3.25em; height:3.25em; margin-top:-1.625em; }
.festivalPosterWrap .slideBox .slideControl.prev { left:0; }
.festivalPosterWrap .slideBox .slideControl.next { right:0; }
.festivalPosterWrap .slideBox .slideControl button { position:relative; width:100%; height:100%; background:#fff; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; color:transparent; }
.festivalPosterWrap .slideBox .slideControl button::after { content:''; position:absolute; left:50%; top:50%; width:.875em; height:.875em; box-sizing:border-box; color:#000; }
.festivalPosterWrap .slideBox .slideControl.prev button::after { margin:-.4375em 0 0 -.29166em; border-left:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); }
.festivalPosterWrap .slideBox .slideControl.next button::after { margin:-.4375em 0 0 -.58333em; border-bottom:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(-45deg); }

@media only screen and (max-width:2000px) {
    #contentGroup { background-size:auto; }
}
@media screen and (max-width:1200px) {
    #container { margin-top:0; padding-top:0; }
}
@media screen and (max-width:960px) {
    #container,
    #contentGroup { background:none; }
    #container { margin-top:12.375rem; }
    .visualBox { display:none; }
    #contentGroup { overflow:hidden; padding-bottom:4%; }
    .siteLocation { position:static; padding:0; }
    .siteLocation p.home,
    .siteLocation .funcItem { display:none; }
    .siteLocation { display:block; }
    .siteLocation .location,
    .siteLocation .location .locationTab { display:block; }
    .siteLocation .location .locationTab > li { display:none; position:static; }
    .siteLocation .location .locationTab > li:last-child { display:block; }
    .siteLocation .location .locationTab > li:last-child .locBtn { background:#004b9f; color:#fff; }
    .siteLocation .location .locationTab > li > button { width:100%; min-width:auto; height:auto; border:none; text-align:center; font-size:1.5em; }
    .siteLocation .location .locationTab > li > button span { display:block; text-align:left; padding:1em 1em 1em 0; }
    .siteLocation .location .locationTab > li > button span:after { content:''; position:absolute; right:0; top:1.75em; width:.5em; height:.5em; border-top:none; border-left:none; border-right:2px solid #fff; border-bottom:2px solid #fff; box-sizing:border-box; transform:rotate(45deg); transition:all .4s; }
    .siteLocation .location .locationTab > li > button.active span:after { top:1.867em; transform:rotate(225deg); }
    .siteLocation .location .locationTab > li:last-child button { padding-right:1.25em; background:#fff; color:#ed5b35; }
    .siteLocation .location .locationTab > li:last-child > button span:after { border-color:#fff; }
    .siteLocation .location .locationTab>li div { font-size:1.273em; box-sizing:border-box; }
    .siteLocation .location .locationTab>li div ul { padding:0.75em 0; border-left:none; border-right:none; }
    .siteLocation .location .locationTab>li div ul a { padding:0.1em 1.286em; }
    /* tabmenu */
    .pageTopWrap { padding:0; }
    .tabNav { margin:0; padding:0; }
    .tabList { display:block; padding:0 1em; overflow-x:auto; }
    .tabNav .tabList ul { justify-content:flex-start; }
    .tabNav a { white-space:nowrap; }
}
@media only screen and (max-width:960px) {
    .infoViewTop { overflow:hidden; margin:0 -1.25em; padding:0; }
    .infoViewTop .infoSlideWrap { float:none; width:83.75%; margin:0 auto; }
    .infoViewTop .infoSlideWrap .item img { width:100%; }
    .infoViewTop .infoSlideWrap .slideControl { position:static; right:0; bottom:0; }
    .infoViewTop .infoSlideWrap .slideControl ul { display:flex; justify-content:center; background:transparent; color:transparent; }
    .infoViewTop .infoSlideWrap .slideControl .pcView { display:none; }
    .infoViewTop .infoSlideWrap .slideControl .moView { display:block; }
    .infoViewTop .infoTitWrap { margin:-33.6111% 0 0 0; padding:33.6111% 8.0555% 5%; background:#0066b3; }
    .infoViewTop .infoTitWrap h3 { float:left; margin-bottom:1em; }
    .infoViewTop .infoTitWrap p.btn { position:static; float:right; margin:3.5em 0 2em; }
    .infoViewTop .infoTitWrap ul { margin-bottom:0; }
}

@media only screen and (max-width:767px) {
    .festivalInfo .poster,
    .posterInfo .poster { float:none; width:100%; text-align:center; }
    .festivalInfo .poster img,
    .posterInfo .poster img { display:inline-block; }
    .festivalInfo .txtArea,
    .posterInfo .txtArea { margin-top:8.33333%; margin-left:0; }
    .defaultLayout .topQuTxt { padding:5% 0; }
    .defaultLayout .topQuTxt br { display:none; }
    .defaultLayout .topQuTxt02 dl { flex-direction:column; }
    .defaultLayout .topQuTxt02 dt { margin:0 0 1em 0; }
    .defaultLayout .topQuTxt02 dd { text-align:center; }
    .defaultLayout .dateSchdule { margin:.5em 0 0 -1em; }
    .defaultLayout .dateSchdule>ol { flex-direction:column; }
    .defaultLayout .dateSchdule>ol>li { flex-basis:100%; padding:1em; }
    .defaultLayout .dateSchdule>ol>li::before,
    .defaultLayout .dateSchdule>ol>li::after { left:50%; top:0; }
    .defaultLayout .dateSchdule>ol>li::before { margin-left:-1.09375em; }
    .defaultLayout .dateSchdule>ol>li::after { margin:-.45em 0 0 -.375em; transform:rotate(135deg); }
    .defaultLayout .dateSchdule .item { display:flex; }
    .defaultLayout .dateSchdule .item>h5 { display:flex; justify-content:center; align-items:center; flex-grow:0; flex-shrink:0; width:5em; text-align:center; margin:0; padding:0; border-right:1px dashed #d9d9d9; border-bottom:none; }
    .defaultLayout .dateSchdule.boxMode .item>h5 { flex:1; margin:1em 0; }
    .defaultLayout .dateSchdule .item>dl { flex-grow:1; flex-shrink:1; padding-left:1.25em; }
    .defaultLayout .dateSchdule.moHalf .item>h5 { width:50%; }
    .defaultLayout .dateSchdule.moHalf .item>ol.numList { display:flex; width:100%; padding:0 2em; flex-direction:column; justify-content:center; }
    .defaultLayout .dateSchdule.moHalf .item>ol.numList li { flex-grow:1; flex-shrink:1; text-align:center; }
    .defaultLayout .txtList.rowLine>li { display:block; max-width:none; }
    .defaultLayout .txtList.rowLine>li::before { display:none; }
    .defaultLayout .txtList.rowLine>li span.txt { padding-bottom:.5em; border-bottom:1px dashed #dbdbdb; }
    .defaultLayout .txtList.rowLine>li span.date { width:auto; text-align:right; margin-top:-.75em; background:none; }
    .defaultLayout .txtList.rowLine>li span.date i { display:inline-block; padding-left:.5em; background:#fff; font-style:normal; }
    .defaultLayout .boxSort { flex-direction:column; }
    .defaultLayout .boxSort .left,
    .defaultLayout .boxSort .right { width:100%; }
    .defaultLayout .boxSort i.arrow { height:3.75em; margin:0 auto; transform:rotate(90deg); }
    .defaultLayout .boxSort i.arrow::before { display:none; }
    .defaultLayout .imgList li { width:calc(50% - 5px); }
    .accordionList .panel .boxGrid { grid-template-columns:1fr; }
    .accordionList .panel .boxGrid.rowLine p.boxTxt { width:100%; }
    .boxWrap .boxArea { padding:94% 2.75em 5em; background-position:center top; background-size:114% auto; }
}
@media only screen and (max-width:520px) {
    .boxWrap .btnGo { margin-top:-1.5em;}
    .boxWrap .btnGo a { font-size:1em; }
}

/* map api */
/* 주변정보 지도 */
.mapBox { margin-top:2em; height:800px; }
.mapArea .mapBtn { flex-grow:0; flex-shrink:0; }
.mapArea .mapBox { flex-grow:1; flex-shrink:1; }
.mapArea .mapBtn li { margin-top:-1px; background:#fefefe; border:1px solid #cfcfcf; color:#1e1e1e; }
.mapArea .mapBtn li:first-child { margin:0; }
.mapArea .mapBtn button { width:9.125rem; padding:2rem 1rem; font-size:1.125em; }
.mapArea .mapBtn .active { position:relative; border-color:currentColor; }
.mapArea .mapBtn .active button { font-weight:500; }
.mapArea .mapBtn .mapBtn1.active { background-color:#edf4fb; color:#3381d1; }
.mapArea .mapBtn .mapBtn2.active { background-color:#f7f3ff; color:#6947b4; }
.mapArea .mapBtn .mapBtn3.active { background-color:#f4fff8; color:#2d9850; }
.mapArea .mapBtn button i { display:inline-block; width:4.25rem; height:4.25rem; margin-bottom:.9375rem; background:#e8e8e8 center no-repeat; background-size:2.625rem auto; border-radius:50%; }
.mapBox .topOn { z-index:100 !important; }
.mapBox .label { background:#fff; border:1px solid #1787e6; border-radius:2em; }
.mapBox .label::before,
.mapBox .label::after { content:''; position:absolute; left:50%; }
.mapBox .label::before { bottom:-7px; margin-left:-4px; border-top:8px solid #1787e6; border-right:5px solid transparent; border-left:5px solid transparent; }
.mapBox .label::after { bottom:-4px; margin-left:-3px; border-top:6px solid #fff; border-right:4px solid transparent; border-left:4px solid transparent; }
.mapBox .label.mapBtn1 { border-color:#1787e6; }
.mapBox .label.mapBtn2 { border-color:#6947b4; }
.mapBox .label.mapBtn3 { border-color:#3ab161; }
.mapBox .label.mapBtn1::before { border-top-color:#1787e6; }
.mapBox .label.mapBtn2::before { border-top-color:#6947b4; }
.mapBox .label.mapBtn3::before { border-top-color:#3ab161; }
.mapBox .label button { display:flex; align-items:center; padding:.25em; }
.mapBox .label button i { display:inline-block; width:1.5em; height:1.5em; background:center no-repeat; background-size:1em auto; border-radius:50%; }
.mapBox .label button span { margin:0 .5em 0 .25em; font-weight:500; font-size:1.125em; }
.mapArea .mapBtn .mapBtn1 button i { background-image:url(../images/sub/icon_map1.png); }
.mapArea .mapBtn .mapBtn2 button i { background-image:url(../images/sub/icon_map2.png); }
.mapArea .mapBtn .mapBtn3 button i { background-image:url(../images/sub/icon_map3.png); }
.mapArea .mapBtn .mapBtn1.active button i,
.mapBox .label.mapBtn1 i { background-color:#1787e6; background-image:url(../images/sub/icon_map1_on.png); }
.mapArea .mapBtn .mapBtn2.active button i,
.mapBox .label.mapBtn2 i { background-color:#6947b4; background-image:url(../images/sub/icon_map2_on.png); }
.mapArea .mapBtn .mapBtn3.active button i,
.mapBox .label.mapBtn3 i { background-color:#3ab161; background-image:url(../images/sub/icon_map3_on.png); }
.mapBox .label.active { color:#fff; }
.mapBox .label.active i { background-color:#fff; }
.mapBox .label.mapBtn1.active { background-color:#1787e6; }
.mapBox .label.mapBtn2.active { background-color:#6947b4; }
.mapBox .label.mapBtn3.active { background-color:#3ab161; }
.mapBox .label.mapBtn1.active::after { border-top-color:#1787e6; }
.mapBox .label.mapBtn2.active::after { border-top-color:#6947b4; }
.mapBox .label.mapBtn3.active::after { border-top-color:#3ab161; }
.mapBox .label.mapBtn1.active i { background-image:url(../images/sub/icon_map1_active.png); }
.mapBox .label.mapBtn2.active i { background-image:url(../images/sub/icon_map2_active.png); }
.mapBox .label.mapBtn3.active i { background-image:url(../images/sub/icon_map3_active.png); }
/* 상세 내용 */
.pointBox { position:relative; }
.pointBox .detail { display:none; position:absolute; left:100px; top:0; padding:.875em; background:#fff; border:1px solid; }
.pointBox.mapBtn1 .detail { color:#1787e6; }
.pointBox.mapBtn2 .detail { color:#6947b4; }
.pointBox.mapBtn3 .detail { color:#3ab161; }
.pointBox .detail>p.img { float:left; width:11em; height:9.375em; }
.pointBox .detail>p.img img { width:100%; height:100%; }
.pointBox .detail>.boxTxt { margin-left:12.5em; }
.pointBox .detail>.boxTxt dt { margin:1em 0; font-size:.875em; }
.pointBox .detail>.boxTxt dd { padding-bottom:2em; }
.pointBox .detail>.boxTxt dd .txt { width:12em; color:#000; }
.pointBox .detail>.boxTxt dd .txt>* { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pointBox .detail>.boxTxt dd .txt strong { font-size:1.25em; }
.pointBox .detail>.boxTxt dd .txt span { margin-top:.5em; font-size:.9375em; }
.pointBox .detail>.boxTxt dd .btn { position:absolute; right:.875em; bottom:.875em; }
.pointBox .detail>.boxTxt dd .btn a { display:inline-block; padding:.5em 1em; background:currentColor; border-radius:1.5em;  }
.pointBox .detail>.boxTxt dd .btn a span { display:block; position:relative; padding-right:1em; color:#fff; font-size:.875em; font-weight:500; }
.pointBox .detail>.boxTxt dd .btn a span::before { content:''; position:absolute; right:0; top:50%; width:.5em; height:.5em; margin-top:-.25em; border-right:1px solid #fff; border-top:1px solid #fff; box-sizing:border-box; transform:rotate(45deg); }
.mapArea .mapBtn button span { display:block; }
.mapSlideWrap { margin-top:3.125em; margin-left:-1em; }
.mapSlide .item a,
.searchGallery .searchList a { display:block; max-width:21.625em; margin:2px 0; color:#000; }
.mapSlide .item span,
.mapSlide .item span b,
.mapSlide .item span i,
.mapSlide .item span time,
.searchGallery .searchList span,
.searchGallery .searchList span b,
.searchGallery .searchList span i,
.searchGallery .searchList span time { display:block; }
.mapSlide .item span.img,
.searchGallery .searchList span.img { overflow:hidden; height:31em; border-radius:1em; }
.mapSlide .item span.img img,
.searchGallery .searchList span.img img { width:100%; height:100%; }
.mapSlide .item span.txt,
.searchGallery .searchList span.txt { padding:1.5em 0; }
.mapSlide .item span b,
.searchGallery .searchList span b { overflow:hidden; margin-bottom:.77272em; font-size:1.375em; letter-spacing:-.025em; white-space:nowrap; text-overflow:ellipsis; }
.mapSlide .item span i,
.searchGallery .searchList span i { font-style:normal; }
.mapSlide .item span i.address,
.searchGallery .searchList span i.address
.searchGallery .searchList span time { overflow:hidden; height:2.5333em; margin-top:.25em; font-size:1.0625em; letter-spacing:-.025em; white-space:nowrap; text-overflow:ellipsis; }
.mapSlide .item span i.tag,
.searchGallery .searchList span i.tag { font-size:.8125em; letter-spacing:-.025em; white-space:nowrap; text-overflow:ellipsis; }
.mapSlideWrap .slick-dots { display:none !important; }
.mapSlideWrap .slideControl { display:flex; align-items:center; justify-content:space-between; margin-top:2.3125em; margin-left:1em; }
.mapSlideWrap .slideControl ul { display:flex; float:right; margin-left:1em; padding:0 .5em; background:#1787e6; align-items:center; border-radius:1em; }
.mapSlideWrap .slideControl ul .count>* { display:inline-block; line-height:1.88235; font-size:1.0625em; }
.mapSlideWrap .slideControl ul .count b { color:#fff; }
.mapSlideWrap .slideControl ul .count span { color:#6fb6f2; }
.mapSlideWrap .slideControl ul .count i { margin:0 .125em; color:#6fb6f2; font-style:normal; }
.mapSlideWrap .slideControl button { width:1.5em; height:2em; vertical-align:top; line-height:1; }
.mapSlideWrap .slideControl button i { display:inline-block; position:relative; width:.625em; height:.625em; margin-top:-4px; text-indent:-999em; box-sizing:border-box; vertical-align:middle; }
.mapSlideWrap .slideControl button i::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-right:2px solid #fff; border-bottom:2px solid #fff; }
.mapSlideWrap .slideControl .prev button i::before { transform:rotate(135deg); }
.mapSlideWrap .slideControl .next button i::before { transform:rotate(315deg); }
.mapSlideWrap .slideControl .dots { flex-grow:1; flex-shrink:1; position:relative; height:.5em; }
.mapSlideWrap .slideControl .dots::before { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; margin-top:-1px; background:#cedfed; }
.mapSlideWrap .slideControl .dots .bar { position:absolute; left:0; top:0; height:100%; background:#1787e6; transition:all .4s; }
/* 오시는 길 안내 */
.mapGuideWrap { max-width:1180px; margin:0 auto; padding:0 1.25em; }
.mapGuideWrap .mapBox { border:1px solid #d9d9d9; }
.mapNavigation { margin-top:-1px; padding:1em; border:1px solid #d9d9d9; }
.mapNavigation dl { display:flex; padding:0 5%; justify-content:center; align-items:center; }
.mapNavigation dl dt { flex-grow:0; flex-shrink:0; padding:.75em 1.5em; background:url(../images/sub/icon_way.png) left center no-repeat; color:#15171b; font-size:1.125em; }
.mapNavigation dl dd { display:flex; flex-grow:1; flex-shrink:1; }
.mapNavigation dl dd ul { display:flex; flex-grow:1; flex-shrink:1; }
.mapNavigation dl dd ul li { display:flex; flex-grow:1; flex-shrink:1; position:relative; color:#555453; font-weight:300; }
.mapNavigation dl dd ul li:first-child { padding-right:2em; margin-right:1.25em; }
.mapNavigation dl dd ul li:first-child::before { content:''; position:absolute; right:0; top:50%; width:.75em; height:.75em; margin-top:-.375em; border-top:1px solid #555453; border-right:1px solid #555453; box-sizing:border-box; transform:rotate(45deg); }
.mapNavigation dl dd ul li label { width:3.875em; line-height:1.875em; padding:.5em; border:1px solid #cfcfcf; text-align:center; }
.mapNavigation dl dd ul li input { flex-grow:1; flex-shrink:1; width:100%; margin-left:-1px; padding:.5em; border:1px solid #cfcfcf; }
.mapNavigation dl dd p.submit { flex-grow: 0; flex-shrink: 0; width:3.875em; margin-left:.5em; }
.mapNavigation dl dd p.submit button { width:100%; height:100%; padding:.5em; background:#f2f2f2; border:1px solid #bbc2c7; }
.wayBox { position:absolute; left:0; bottom:40px; width:358px; margin-left:-179px; padding-bottom:1.625em; }
.wayBox::before { content:''; position:absolute; left:50%; bottom:0; margin-left:-.1875em; border-width:1.625em .375em 0; border-style:solid; border-color:#fff transparent; }
.wayBox .info { overflow:hidden; background:#fff; border-radius:.5em; box-shadow:2px 0 8px rgba(0,0,0,.37); }
.wayBox .info .boxTit { position:relative; background:#2992b9; color:#fff; }
.wayBox .info .boxTit p { padding:1em 1.375em; font-size:1.25em; font-weight:500; }
.wayBox .info .boxTit button { overflow:hidden; position:absolute; right:1em; top:1em; width:1.625em; height:1.625em; text-indent:-10em; }
.wayBox .info .boxTit button::before,
.wayBox .info .boxTit button::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; margin-top:-1px; background:#fff; }
.wayBox .info .boxTit button::before { transform:rotate(45deg); }
.wayBox .info .boxTit button::after { transform:rotate(135deg); }
.wayBox .info .boxCon ul { margin:1.5em 1.125em; }
.wayBox .info .boxCon li { margin:.66666em 0; padding-left:1.25em; background:left top no-repeat; font-size:1.125em; }
.wayBox .info .boxCon li.address { background-image:url(../images/sub/icon_address2.png); background-size:1rem auto; }
.wayBox .info .boxCon li.tel { background-image:url(../images/sub/icon_tel2.png); background-size:auto 1rem; }
@media only screen and (max-width:960px) {
    .mapNavigation dl { padding: 0; }
}
@media only screen and (max-width:720px) {
    .mapNavigation dt { display:none; }
    .mapNavigation dl dd ul { flex-direction:column; }
    .mapNavigation dl dd ul li:first-child { margin:0 0 .25em; padding:0; }
    .mapNavigation dl dd ul li:first-child::before { display:none; }
    .mapNavigation dl dd p.submit { width:5em; }
}

/* buttonSelect */
.buttonSelect { position:relative; }
.buttonSelect .viewCode { position:relative; }
.buttonSelect button { width:100%; text-align:left; }
.buttonSelect button::after { content:''; display:block; position:absolute; top:50%; right:0; width:.5em; height:.5em; margin-top:-.5em; border-width:0 2px 2px 0; border-style:solid; border-color:#171717; transform:rotate(45deg); transition:all .15s; }
.buttonSelect button.on::after { transform:rotate(225deg); margin-top:-.25em; }
.selectList { display:none; position:absolute; top:100%; left:50%; width:86.9791%; min-width:8.125em; margin-top:-.125em; padding:1.6875em 1.25em 1.6875em 1.875em; font-size:var(--font-txtB); background:#fff; border:1px solid #dcdcdc; border-radius:.5rem; box-sizing:border-box; box-shadow:0 24px 30px 0 rgba(0, 0, 0, 0.06); transform:translateX(-50%); z-index:6; }
.selectList::before { content:''; display:block; position:absolute; top:-.375em; left:50%; width:.75em; height:.75em; margin-left:-.375em; background:#fff; border-width:1px 1px 0 0; border-style:solid; border-color:#dcdcdc; border-radius:.125em; box-sizing:border-box; transform:rotate(-45deg); }
.selectList ul {overflow-y:auto; max-height:17.5em; }
.selectList li { display:block; margin:.625em 0; }
.selectList li:first-child { margin-top:0; }
.selectList li:last-child { margin-bottom:0; }
.selectList li input { position:absolute; left:-9999px; width:1px; height:1px; }
.selectList li a,
.selectList li label { display:inline-block; position:relative; padding:1px 0; transition:all .15s; word-break:keep-all; cursor:pointer; }
.selectList li label::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.selectList li a:focus,
.selectList li a:hover,
.selectList li a:active,
.selectList li label:focus,
.selectList li label:hover,
.selectList li label:active { color:#1a3ac5; }
.selectList li label:focus::after,
.selectList li label:hover::after,
.selectList li label:active::after { width:100%; background:#1a3ac5; transition:all .2s; }
.selectList.top { top:auto; bottom:3.5em; }
.selectList.top::before { top:auto; bottom:-.625em; transform:rotate(180deg); }
/* searchStyle */
.searchWrap { margin:0 1.25em; }
.searchWrap .inner { display:flex; max-width:1200px; margin:0 auto 2.35294em; }
.searchWrap .searchTab { display:flex; padding:0 1.5294em; }
.searchWrap .searchTab ul { display:flex; align-items:center; position:relative; gap:1em; }
.searchWrap .searchTab ul li button { border-bottom:1px solid transparent; }
.searchWrap .searchTab ul li.active button { font-weight:700; color:#044bbf; border-color:#044bbf; }
.searchWrap .searchInner { flex-grow:1; display:flex; position:relative; border:1px solid #dcdcdc; box-sizing:border-box; font-size:var(--font-txtA); font-weight:500; letter-spacing:-.05em; }
.searchWrap .searchInner>div:first-child::before { display:none; }
.searchWrap .selectItem { display:flex; position:relative; flex-grow:0; flex-shrink:0; align-items:center; }
.searchWrap .selectItem .buttonSelect { position:relative; min-width:10em; }
.searchWrap .selectItem .buttonSelect button { height:3.5294em; padding:0 2.35294em 0 1.17647em; }
.searchWrap .selectItem .buttonSelect button::after { right:1.17647em; }
.searchWrap .inputItem { flex-grow:1; flex-shrink:1; position:relative; padding:0 1.17647em; }
.searchWrap .selectItem::before,
.searchWrap .inputItem::before { content:''; display:block; position:absolute; top:50%; left:-1px; width:1px; height:1.6875em; margin-top:-.84375em; background:#e1e1e1; }
.searchWrap .inputItem input { width:100%; height:100%; border:none; }
.searchWrap .btnFilter { flex-grow:0; flex-shrink:0; }
.searchWrap .btnFilter button { overflow:hidden; display:block; position:relative; height:100%; padding:0 1.1176em; border-left:1px solid #e1e1e1; transition:all .15s; }
.searchWrap .btnFilter button span { display:inline-block; padding-left:1.4117em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22'%3E%3Cpath fill='%23044bbf' d='M20.513,19.658 L18.820,21.169 L13.284,15.522 C11.921,16.450 10.276,16.994 8.502,16.994 C3.806,16.994 -0.001,13.188 -0.001,8.496 C-0.001,3.802 3.806,-0.003 8.502,-0.003 C13.198,-0.003 17.006,3.802 17.006,8.496 C17.006,10.599 16.237,12.520 14.970,14.004 L20.513,19.658 ZM8.502,2.279 C5.066,2.279 2.280,5.063 2.280,8.497 C2.280,11.930 5.066,14.714 8.502,14.714 C11.937,14.714 14.723,11.930 14.723,8.497 C14.723,5.063 11.937,2.279 8.502,2.279 Z'/%3E%3C/svg%3E") left center no-repeat; background-size:1.0588em auto; line-height:1.5; color:#044bbf; font-weight:700; transition:all .15s; }
.searchWrap .btnFilter button:focus,
.searchWrap .btnFilter button:hover { background:#1a3ac5; }
.searchWrap .btnFilter button:focus span,
.searchWrap .btnFilter button:hover span { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22'%3E%3Cpath fill='%23fff' d='M20.513,19.658 L18.820,21.169 L13.284,15.522 C11.921,16.450 10.276,16.994 8.502,16.994 C3.806,16.994 -0.001,13.188 -0.001,8.496 C-0.001,3.802 3.806,-0.003 8.502,-0.003 C13.198,-0.003 17.006,3.802 17.006,8.496 C17.006,10.599 16.237,12.520 14.970,14.004 L20.513,19.658 ZM8.502,2.279 C5.066,2.279 2.280,5.063 2.280,8.497 C2.280,11.930 5.066,14.714 8.502,14.714 C11.937,14.714 14.723,11.930 14.723,8.497 C14.723,5.063 11.937,2.279 8.502,2.279 Z'/%3E%3C/svg%3E"); color:#fff; }
/* Board Style */
i.ai { background-image:url(../images/sub/icon_file_ai.png); }
i.hwp,
i.hwpx { background-image:url(../images/sub/icon_file_hwp.png); }
i.pdf { background-image:url(../images/sub/icon_file_pdf.png); }
i.txt { background-image:url(../images/sub/icon_file_txt.png); }
i.doc { background-image:url(../images/sub/icon_file_doc.png); }
i.xls,
i.xlsx { background-image:url(../images/sub/icon_file_xls.png); }
i.ppt,
i.pptx { background-image:url(../images/sub/icon_file_ppt.png); }
i.zip { background-image:url(../images/sub/icon_file_zip.png); }
i.eps { background-image:url(../images/sub/icon_file_eps.png); }
i.fi { background-image:url(../images/sub/icon_file_fi.png); }
i.jpg { background-image:url(../images/sub/icon_file_jpg.png); }
i.gif { background-image:url(../images/sub/icon_file_gif.png); }
i.id { background-image:url(../images/sub/icon_file_id.png); }
.boardStyle { overflow:hidden; max-width:1200px; margin:0 auto; padding:0 1.25em; }
/* board List */
.boardList { width:100%; }
.boardList table { width:100%; table-layout:fixed; text-align:center; }
.boardList thead { border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.boardList tbody tr { border-bottom:1px solid #dcdcdc; }
.boardList tbody tr:hover { background-color:#fafafa; }
.boardList .subject { width:auto; }
.boardList .num,
.boardList .hits { width:6.25em; }
.boardList .writer { width:10em; }
.boardList .file,
.boardList .status { width:7em; }
.boardList .date { width:10em; }
.boardList th,
.boardList td { box-sizing:border-box; line-height:1.5; text-align:center; color:#373737; letter-spacing:-.025em; }
.boardList th { padding:1em .5em; font-weight:400; color:#6b6b6b; }
.boardList td { padding:1.125em .5em; }
.boardList th.subject { padding:1em 1.875em; text-align:left; }
.boardList td.subject { padding:1.125em 1.875em; text-align:left; }
.boardList td.subject a { overflow:hidden; display:block; font-size:var(--font-tabA); font-weight:500; white-space:nowrap; text-overflow:ellipsis; }
.boardList td .new { display:inline-block; vertical-align:middle; width:2.625rem; height:1.1875rem; margin:-.125rem .5rem 0 0; background-image:url(../images/sub/ico_new.png); background-repeat:no-repeat; background-position:center; background-size:100%; text-indent:-9999px; }
.boardList td .icoStatus { display:inline-block; width:3.77777em; margin:-1em 0; line-height:1.44444em; padding:.5em; background:#f00; border-radius:.25em; text-align:center; color:#fff; font-size:var(--font-tabA); }
.boardList td .icoStatus.ing { background:#238aaf; }
.boardList td .icoStatus.finish { background:#4e4e4e; }
.boardList td .fileIcon { overflow:hidden; display:inline-block; width:100%; height:1.75rem; background-position:center; background-repeat:no-repeat; background-size:contain; vertical-align:top; color:transparent; }
.noData { padding:5em 0; border-bottom:1px solid #dcdcdc; text-align:center; font-size:var(--font-tabA); }
/* board List - btn */
.boardBtn { margin-top:2em; text-align:right; }
.writeBtn { margin:2em 0; text-align:center; }
.boardBtn.center { text-align:center; }
.boardBtn p,
.boardBtn ul li,
.writeBtn ul li { display:inline-block; }
.boardBtn a,
.boardBtn input,
.boardBtn button { display:block; margin:0 .0882em; padding:0 1.4705em; border:1px solid #dcdcdc; box-sizing:border-box; font-size:var(--font-txtA); line-height:3.0588em; letter-spacing:-.05em; color:#000; transition:all .15s; }
.boardBtn a:focus,
.boardBtn a:hover,
.boardBtn input:focus,
.boardBtn input:hover,
.boardBtn button:focus,
.boardBtn button:hover { background-color:#1a3ac5; border-color:#1a3ac5; color:#fff; }
.boardBtn i { display:inline-block; width:1.25em; height:1.125em; margin-right:.1875em; background-image:url(../images/sub/bg_board_btn.png); background-repeat:no-repeat; background-size:100% auto; vertical-align:middle; font-size:var(--font-txtB); }
.boardBtn a:focus i,
.boardBtn a:hover i,
.boardBtn input:focus i,
.boardBtn input:hover i,
.boardBtn button:focus i,
.boardBtn button:hover i { background-image:url(../images/sub/bg_board_btn_on.png); }
.boardBtn i.list { background-position:0 -14.1875em; }
.boardBtn i.write { background-position:0 -3.625em; }
.boardBtn i.cancle { background-position:0 -7.1875em; }
.boardBtn i.delete { background-position:0 -10.625em; }
.boardBtn i.modify { background-position:0 -1.3125em; }
.boardBtn i.next { margin-top:-.125em; background-image:url(../images/sub/bg_board_btn_next.png); background-position:center; }
.boardBtn a:focus i.next,
.boardBtn a:hover i.next { background-image:url(../images/sub/bg_board_btn_next_on.png); }
.writeBtn input,
.writeBtn button,
.writeBtn a { display:block; min-width:11.111em; height:2.666em; line-height:2.666em; padding:0 .5em; background:#301cad; border-radius:1.333em; color:#fff; text-align:center; font-size:var(--font-tabA); }
/* pageNav */
.pageNav { margin-top:3em; }
.pageNav ul { display:flex; justify-content:center; align-items:center; }
.pageNav ul li { font-size:var(--font-txtA); color:#737373; letter-spacing:-.05em; margin: 2px;}
.pageNav ul li a,
.pageNav .pcVer span,
.pageNav ul li strong { display:block; padding:0 .375rem; }
.pageNav ul li.first a {
    position: relative;
    box-sizing: border-box;
    color: currentColor;
    width: 35px;
    height: 35px;
    border: 1px solid #dddddd;
    font-size: 0;
    background-image: url("../publish/images/board_prev_end.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.pageNav ul li.last a {
    position: relative;
    box-sizing: border-box;
    color: currentColor;
    width: 35px;
    height: 35px;
    border: 1px solid #dddddd;
    font-size: 0;
    background-image: url("../publish/images/board_next_end.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.pageNav .pcVer span::before { content:'...'; display:inline-block; margin-right:.5em; }
.pageNav .pcVer strong {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #dddddd;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
}
.pageNav .pcVer strong.active {
    background: rgb(47, 91, 193);
    /*border: 1px solid rgb(47, 91, 193);*/
    color: rgb(255, 255, 255);
}
.pageNav ul li.pageBtn a {
    position: relative;
    box-sizing: border-box;
    color: currentColor;
    width: 35px;
    height: 35px;
    border: 1px solid #dddddd;
    font-size: 0;
    background-image: url(../publish/images/board_prev.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.pageNav ul li.next a { transform:rotate(180deg); }
/*.pageNav ul li.pageBtn a:hover,
.pageNav ul li.pageBtn a:focus { background-color:#0061ce; background-image:url(../images/sub/arrow_page_on.png); border-color:#0061ce; }*/
.pageNav .mVer { display:none; }
.pageNav .mVer li.index { display:inline-block; color:#c4c4c4; white-space:nowrap; }
.pageNav .mVer li strong { display:inline-block; margin-right:.5em; padding:0 .125rem; border-bottom:1px solid currentColor; font-weight:300; color:#4a37d8; }
.pageNav .mVer li span { display:inline-block; margin-left:.5em; color:#535353; }
.pageNav .mVer li.prev a,
.pageNav .mVer li.next a { overflow:hidden; display:block; min-width:2.5em; height:2.5em; line-height:2.5em; background-size:1.2857rem auto; border:1px solid #dcdcdc; color:#444; }
/* galleryWrap */
.galleryList { display:flex; justify-content:center; flex-wrap:wrap; margin:0 -.25em; }
.galleryList::after { content:''; display:block; flex-grow:1; width:23.5%; }
.galleryList li { flex-grow:0; flex-shrink:0; width:25%; margin-bottom:1.875em; padding:.25em; box-sizing:border-box; vertical-align:top; }
.galleryList a { overflow:hidden; display:block; height:auto; padding:.5em; border:1px solid #dcdcdc; border-radius:.5em; transition:all .15s; }
.galleryList li a:focus,
.galleryList li a:hover { border-color:#1a3ac5; box-shadow:0 20px 24px 0 rgba(0, 0, 0, 0.12); }
.galleryList a span { display:block; }
.galleryList a span.img { overflow:hidden; position:relative; width:100%; height:12.75em; background:#ddd url(../images/sub/img_dfault.jpg) center no-repeat; background-size:contain; border-radius:.25em; }
.galleryList a span.img img { width:100%; height:100%; }
.galleryList a span.txt { padding:1.375em 0; color:#000; letter-spacing:-.025em; }
.galleryList a span.txt i { display:inline-block; margin-bottom:.875em; padding:.5em 1em; background:#000; border-radius:1.2em; line-height:1.125em; color:#fff; letter-spacing:0; font-style:normal; }
.galleryList a span.txt strong { overflow:hidden; display:block; margin-bottom:.75em; font-size:1.375em; font-weight:600; white-space:nowrap; text-overflow:ellipsis; }
.galleryList a span.txt span { overflow:hidden; display:block; margin-top:.5em; background:left top no-repeat; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.galleryList a span.txt time { display:block; margin-top:.5em; }
.galleryList.movieWidth,
.galleryList.posterWidth { margin:0 -2em;}
.galleryList.movieWidth li,
.galleryList.posterWidth li { width:33.33333%; padding:1px 2em; }
.galleryList.movieWidth a span.img { height:15.5em; }
.galleryList.posterWidth a span.img { height:31em; }
.galleryList.movieWidth a span.img::before { content:''; position:absolute; left:50%; top:50%; width:4em; height:4em; margin:-2em 0 0 -2em; background:rgba(255,255,255,.8) url(../images/sub/icon_player.png) 54% center no-repeat; background-size:1.375em auto; border-radius:50%; }
.telArea { padding:1.25em; }
.telArea dl { display:flex; justify-content:center; align-items:center; max-width:415px; margin:0 auto; padding:1em; border:1px solid; color:#3099bf; font-size:var(--font-titC); font-weight:500; }
.telArea dl dt { position:relative; margin-right:1.4em; padding:0 1.4em 0 2.5em; background:url(../images/sub/icon_tel3.png) left center no-repeat; line-height:2em; }
.telArea dl dt::after { content:''; position:absolute; right:0; top:50%; width:1px; height:.875em; margin-top:-.4375em; background:#b0d4e3; }
/* board view */
.viewTit { display:flex; align-items:center; justify-content:space-between; width:100%; padding:1em 1.875em; border:1px solid #dcdcdc; border-width:1px 0; box-sizing:border-box; text-align:center; }
.viewTit h4 { font-size:var(--font-titC); font-weight:500; letter-spacing:-.025em; line-height:1.3; }
.viewTit .viewInfo { display:flex; align-items:center; }
.viewTit .viewInfo li { position:relative; padding:0 .8em; font-size:var(--font-txtC); color:#505050; letter-spacing:-.025em; }
.viewTit .viewInfo li:first-child { padding-left:0; }
.viewTit .viewInfo li:last-child { padding-right:0; }
.viewTit .viewInfo li::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:1em; margin-top:-.5em; background:#dfdfdf; }
.viewTit .viewInfo li:first-child::before { display:none; }
.viewTit .viewInfo li span { display:inline-block; margin-left:.5em; }
.viewTit .icoStatus { display:inline-block; vertical-align:middle; margin:-.125em .25em 0 0; padding:.375em .9375em; font-size:var(--font-txtB); border:1px solid; border-radius:2em; line-height:1; }
.viewTit .icoStatus.bg1 { border-color:#00813c; color:#00813c; }
.viewTit .icoStatus.bg2 { border-color:#6b6b6b; color:#6b6b6b; }
.viewContent { padding-top:3.375em; border-bottom:1px solid #dcdcdc; word-break:keep-all; }
.viewContent pre { margin:0; padding:0; background:transparent; }
.viewContent .viewContentInner { overflow:hidden; width:100%; margin:0 0 3.375em; padding:0 1.875em; white-space:normal; font-family:inherit; word-wrap:break-word; line-height:1.4; }
.viewContent .viewContentInner .img { text-align:center; }
.viewContent .viewContentInner .img .report { max-width:926px; margin-bottom:2em; border:1px solid #c2c2c2; }
/* board view - file */
.boardFile { overflow:hidden; padding:.9375em 2.1875em .9375em 1.5625em; border-top:1px solid #dcdcdc; box-sizing:border-box; }
.boardFile h5 { float:left; position:relative; width:5.2em; margin-top:.4666em; padding-left:.5333em; font-size:var(--font-txtC); font-weight:400; color:#656565; box-sizing:border-box; }
.boardFile h5::before { content:''; position:absolute; left:0; top:50%; width:.1333em; height:.1333em; margin-top:-.0666em; background:#656565; }
.boardFile h5::after { content:''; position:absolute; right:0; top:50%; width:1px; height:1.9333em; margin-top:-.9666em; background:#e1e1e1; }
.boardFile ul { margin-left:6.0625em; }
.boardFile ul li { overflow:hidden; position:relative; display:flex; align-items:center; padding:.1875em 6.25em .1875em 0; box-sizing:border-box; }
.boardFile ul li i { display:inline-block; width:1.4375em; height:1.75em; background-repeat:no-repeat; background-position:center; background-size:100%; text-indent:-9999px; }
.boardFile ul li span.fileName { overflow:hidden; display:block; margin-left:.25em; font-size:var(--font-txtC); white-space:nowrap; text-overflow:ellipsis; }
.boardFile ul li .btn { display:block; position:absolute; top:50%; right:0; margin-top:-.6em; padding-left:1.5333em; background:url(../images/sub/icon_down.png) no-repeat left .125em; background-size:.9375rem auto; font-size:var(--font-txtB); color:#656565; line-height:1.2em; }
.fileBox { letter-spacing:-.025em; }
.fileBox .tit { color:#19296c; font-size:var(--font-txtA); font-weight:600; }
.fileBox .boxList { overflow:hidden; display:flex; justify-content:space-around; flex-wrap:wrap; gap:1em; }
.viewContent .fileBox .boxList { margin-top:1em; flex-direction:column; gap:.25em; }
.fileBox .boxList>li { overflow:hidden; flex:1; width:100%; display:flex; justify-content:space-between; border:1px solid #dcdcdc; box-sizing:border-box; }
.fileBox .fileName { overflow:hidden; flex:1; display:flex; height:3.75em; padding:0 1em; align-items:center; box-sizing:border-box; }
.fileBox .fileName span { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; font-size:var(--font-txtA); }
.fileBox .fileControl { display:flex; justify-content:space-around; }
.fileBox .fileControl li { flex:1; border-left:1px solid #dcdcdc; }
.fileBox .fileControl a { display:flex; width:5em; height:3.75em; justify-content:center; align-items:center; flex-direction:column; color:#171717; }
.fileBox .fileControl a:hover,
.fileBox .fileControl a:focus { background:#0061ce; color:#fff; }
.fileBox .fileControl i { display:block; width:100%; height:1.0625rem; margin-bottom:.41176em; background:center top no-repeat; background-size:auto 100%; }
.fileBox .fileControl .download i { background-image:url(../images/sub/icon_file_down.png); }
.fileBox .fileControl .quickView i { background-image:url(../images/sub/icon_file_view.png); }
.fileBox .fileControl .quickListen i { background-image:url(../images/sub/icon_file_listen.png); }
.fileBox .fileControl .download a:hover i,
.fileBox .fileControl .download a:focus i { background-image:url(../images/sub/icon_file_down_on.png); }
.fileBox .fileControl .quickView a:hover i,
.fileBox .fileControl .quickView a:focus i { background-image:url(../images/sub/icon_file_view_on.png); }
.fileBox .fileControl .quickListen a:hover i,
.fileBox .fileControl .quickListen a:focus i { background-image:url(../images/sub/icon_file_listen_on.png); }
.fileBox .fileControl span { display:block; font-size:var(--font-txtB); }
/* board view - comment */
.commentWrap { margin-top:4.375em; }
.commentForm { display:flex; position:relative; }
.commentForm .writeBox {flex-grow: 1;position: relative;padding: 1.875em;border: 1px solid #dcdcdc;border-right: none;border-radius: .5rem 0 0 .5rem;}
.commentForm .writeBox .name {font-size:var(--font-tabA);}
.commentForm .writeBox textarea {width: 100%;margin-top: .7647em;height: 4em;border:none;box-sizing:border-box;font-size:var(--font-txtA);resize:none; }
.commentForm .writeBox textarea::-webkit-scrollbar { display:none; }
.commentForm .writeBox textarea::placeholder {color:#cecece;}
.commentForm .writeBox .txtCount {position: absolute;bottom: 1.875em;right: 1.875em;font-size:var(--font-txtC);font-weight: 300;color: #7c7c7c;}
.commentForm .btn {flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 7.6865%;border: 1px solid #dcdcdc;border-radius: 0 .5rem .5rem 0;cursor:pointer;transition: all .15s;}
.commentForm .btn i {display:inline-block;width: 1.25em;height: 1.125em;margin-right: .3125em;background-image:url(../images/board/bg_board_btn.png);background-repeat:no-repeat;background-size:100% auto;vertical-align: middle;font-size:var(--font-txtB);background-position: 0 -3.625rem;}
.commentForm .btn input {font-size:var(--font-txtA);font-weight: 500;}
.commentForm .btn:focus,
.commentForm .btn:hover {background:#1a3ac5;}
.commentForm .btn:focus i,
.commentForm .btn:hover i {background-image:url(../images/board/bg_board_btn_on.png);}
.commentForm .btn:focus input,
.commentForm .btn:hover input { color:#fff;}
.commentList {position:relative;margin-top: 4.375em;}
.commentList .count {padding: 0 1.6666em 1em;font-size:var(--font-tabA);color: #808280;border-bottom: 1px solid #dcdcdc;}
.commentList .count em { color:#1a3ac3; }
.commentList .tableInfo {position:absolute; top:.1875rem; right:1.875rem; margin:0; }
.commentList .item {padding: 1.875em;border-bottom: 1px solid #dcdcdc;}
.commentList .item .titArea {display: flex;justify-content: space-between;align-items: center;}
.commentList .item .titArea .tit .name {display: inline-block;vertical-align: middle;padding-left: 1.2941em;font-size:var(--font-txtA);background: url(../images/board/icon_writer.png) no-repeat left center;background-size: auto 1em;}
.commentList .item .titArea .tit .date {display: inline-block;vertical-align: middle;position: relative;margin-left: .7333em;padding-left: .7333em;font-size:var(--font-txtC);font-weight: 300;color: #6b6b6b;}
.commentList .item .titArea .tit .date::before {content:'';display:block;position:absolute;top: .1333em;left:0;width:1px;height:.8em;background: #bebebe;}
.commentList .item .titArea .btn {display: flex;align-items: center;justify-content: center;transition: all .15s;}
.commentList .item .titArea .btn li i {display:inline-block;margin: -.125em .4375em 0 0;background-repeat:no-repeat;background-size: 100%;vertical-align: middle;font-size:var(--font-txtB);}
.commentList .item .titArea .btn li i.delete {width: .9375em;height: .875em;background-image:url(../images/board/btn_comment_delete.png);}
.commentList .item .titArea .btn li i.reply {width: .6875em;height: .8125em;background-image:url(../images/board/btn_comment_reply.png);}
.commentList .item .titArea .btn li i.modify {width: .875em;height: .875em;background-image:url(../images/board/btn_comment_modify.png);}
.commentList .item .titArea .btn li { margin-left:1.5em;}
.commentList .item .titArea .btn li button {font-size:var(--font-txtA);color: #6b6b6b;}
.commentList .item .txtArea {margin-top: 1.25em;}
.commentList .item .txtArea pre {white-space:pre-wrap;font-size:var(--font-txtA);line-height: 1.3;}
.commentList .item.reply { padding-left:5.125em; background-image:url(../images/board/bg_comment_reply.png); background-repeat:no-repeat; background-position:1.875em center; background-size:1.375em auto; }
/* board view - ctrl */
.viewCtrl { display:flex; justify-content:space-between; align-items:center; margin-top:4.375em; }
.viewCtrl .ctrlBtn { width:40%; }
.viewCtrl .ctrlBtn a { display:flex; align-items:center; gap:.8125em; }
.viewCtrl .nextList a { flex-direction:row-reverse; }
.viewCtrl .ctrlBtn i { flex-grow:0; flex-shrink:0; width:2.5em; height:2.5em; background-image:url(../images/sub/arrow_page.png); background-position:center; background-repeat:no-repeat; background-size:1.125em auto; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; text-indent:-9999px; transition:all .15s; }
.viewCtrl .nextList i { transform:rotate(180deg); }
.viewCtrl .ctrlBtn a:focus i,
.viewCtrl .ctrlBtn a:hover i { background-color:#1a3ac5; border-color:#1a3ac5; }
.viewCtrl .ctrlBtn a:focus i,
.viewCtrl .ctrlBtn a:hover i { background-image:url(../images/sub/arrow_page_on.png); }
.viewCtrl .ctrlBtn span { overflow:hidden; position:relative; white-space:nowrap; padding:1px 0; font-size:var(--font-txtA); color:#737373; letter-spacing:-.05em; text-overflow:ellipsis; }
.viewCtrl .ctrlBtn span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.viewCtrl .ctrlBtn a:focus span::after,
.viewCtrl .ctrlBtn a:hover span::after { width:100%; background:#1a3ac5; transition:all .2s; }
.viewCtrl .ctrlBtn a:focus span,
.viewCtrl .ctrlBtn a:hover span { color:#1a3ac5; }
.viewCtrl .boardBtn { margin-top:0; }
/* board write */
.checkList,
.radioList { display:flex; flex-wrap:wrap; }
.checkList li,
.radioList li { overflow:hidden; position:relative; }
.checkList li input[type="checkbox"],
.radioList li input[type="radio"] { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.checkList li input[type="checkbox"] + label,
.radioList li input[type="radio"] + label { display:block; position:relative; margin-right:1.7647em; padding:.1176em 0 .1176em 1.7058em; font-size:var(--font-txtA); line-height:1.1; cursor:pointer; }
.radioList li input[type="radio"] + label { padding:.1176em 0 .1176em 1.5882em; }
.checkList li input[type="checkbox"] + label::before,
.radioList li input[type="radio"] + label::before { content:''; display:block; position:absolute; top:.0588em; left:0; width:1.1764em; height:1.1764em; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; transition:all .15s; }
.checkList li input[type="checkbox"] + label::before { top:0; width:1.2941em; height:1.2941em; }
.checkList li input[type="checkbox"] + label::after { content:''; display:block; position:absolute; top:50%; left:.3529em; width:.4705em; height:.2352em; margin-top:-.2941em; border:2px solid #b7b7b7; border-top:0; border-right:0; transform:rotate(-45deg); transition:all .15s; }
.checkList li input[type="checkbox"]:checked + label::before { background:#1a3ac5; border-color:#1a3ac5; }
.checkList li input[type="checkbox"]:checked + label::after { border-color:#fff; }
.radioList li input[type="radio"] + label::after { content:''; display:block; position:absolute; top:50%; left:.3529em; width:.4705em; height:.4705em; margin-top:-.23525em; border-radius:50%; transition:all .15s; }
.radioList li input[type="radio"]:checked + label::before { background:#1a3ac5; border-color:#1a3ac5; }
.radioList li input[type="radio"]:checked + label::after { background:#fff; }
.writeTbl { width:100%; table-layout:fixed; border-bottom:1px solid #dcdcdc; }
.writeTbl th { width:12.0588em; padding:1.75rem 1.875rem; border:1px solid #dcdcdc; border-width:1px 0; font-size:var(--font-txtA); font-weight:400; vertical-align:top; text-align:left; color:#6a6a6a; box-sizing:border-box; }
.writeTbl td { padding:.875em 1.875em; border:1px solid #dcdcdc; border-width:1px 0; vertical-align:middle; }
.writeTbl td.pd { padding:.875em 0; }
.writeTbl td input[type="text"] { width:100%; height:3rem; padding:0 .9375rem; font-size:var(--font-txtA); border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; transition:all .15s; }
.writeTbl td input[type="text"]::placeholder { color:#cecece; }
.writeTbl td input[type="text"]:focus { border-color:#000; }
.writeTbl td input[type="text"].text { width:26.875rem; }
.writeTbl td .editor { height:16.625em; box-sizing:border-box; }
.writeTbl td .editor textarea { width:100%; height:100%; padding:.9375rem; border:1px solid #dcdcdc; resize:none; font-size:var(--font-txtA); border-radius:.25rem; transition:all .15s; }
.writeTbl td .editor textarea::-webkit-scrollbar { display:none; }
.writeTbl td .editor textarea::placeholder { color:#cecece; }
.writeTbl td .editor textarea:focus { border-color:#000; }
.writeTbl td .groupEmail { display:flex; align-items:center; }
.writeTbl td .groupEmail input[type="text"] { width:12.5rem; }
.writeTbl td .groupEmail .tilde { margin:0 .4117em; font-size:var(--font-txtA); color:#6a6a6a; }
.writeTbl td .groupEmail .domain { display:flex; align-items:center; }
.writeTbl td .groupEmail .domain .buttonSelect { margin-left:.625em; }
.writeTbl td .groupEmail .domain .buttonSelect button { min-width:11.25rem; height:3rem; padding:0 2.5rem 0 .9375rem; font-size:var(--font-txtA); border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; }
.writeTbl td .groupEmail .domain .buttonSelect button::after { right:.9375rem; }
.writeTbl td .groupEmail .domain .selectList { top:2.8125em; width:100%; }
.writeTbl td .groupEmail .domain .selectList.top { top:auto; bottom:100%; margin:0 0 -.125em; }
.writeTbl td .groupAddr { position:relative; }
.writeTbl td .groupAddr .btnZipcode { display:block; position:absolute; top:0; right:0; width:8em; height:3em; border:1px solid #2544c8; border-radius:.25rem; text-align:center; line-height:2.875em; box-sizing:border-box; }
.writeTbl td .groupAddr .btnZipcode span { display:inline-block; font-size:var(--font-txtA); color:#2544c8; }
.writeTbl td .groupAddr .addrTxt { display:flex; flex-wrap:wrap; padding-right:8.625em; }
.writeTbl td .groupAddr .addrTxt .txt { min-width:auto; margin-right:0; }
.writeTbl td .groupAddr .addrTxt .txt:nth-of-type(1) { flex-shrink:0; width:11em; }
.writeTbl td .groupAddr .addrTxt .txt:nth-of-type(2) { flex-grow:1; width:auto; margin-left:.625em; }
.writeTbl td .groupAddr > input.txt { width:100%; margin-top:0.375em; margin-right:0; }
.writeTbl td .dateSel { display:flex; align-items:center; }
.writeTbl td .dateSel input[type="date"] { position:relative; width:14em; height:3rem; padding:0 .9375rem; font-size:var(--font-txtA); border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; transition:all .15s; }
.writeTbl td .dateSel input[type="date"]::-webkit-clear-button,
.writeTbl td .dateSel input[type="date"]::-webkit-inner-spin-button { display:none; }
.writeTbl td .dateSel input[type="date"]::-webkit-calendar-picker-indicator { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; color:transparent; }
.writeTbl td .dateSel .tilde { margin:0 .5em; }
.writeTbl td .tableInfo { margin-bottom:.5em; font-weight:300; text-align:left; }
.writeTbl td .buttonSelect { display:inline-block; min-width:14em; margin-left:.5em; }
.writeTbl td .buttonSelect:first-child { margin-left:0; }
.writeTbl td .buttonSelect button { height:3rem; padding:0 2.5rem 0 .9375rem; font-size:var(--font-txtA); border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; }
.writeTbl td .buttonSelect button::after { right:.9375rem; }
.writeTbl ul.fileList li { overflow:hidden; display:flex; align-items:center; margin-top:.625em; }
.writeTbl ul.fileList li:first-child { margin-top:0; }
.writeTbl ul.fileList li .fileArea { position:relative; width:77.1028%; }
.writeTbl ul.fileList li .fileArea input[type="file"] { position:absolute; left:0; top:0; width:100%; height:3rem; padding:0 1.875rem; font-size:var(--font-txtA); box-sizing:border-box; opacity:0; }
.writeTbl ul.fileList li .fileArea span { display:block; }
.writeTbl ul.fileList li .fileArea span input { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.writeTbl ul.fileList li .txt { width:77.1028%; padding:.8125em 0.9375em; border:1px solid #dcdcdc; border-radius:.25em; box-sizing:border-box; }
.writeTbl ul.fileList li .txt span { font-size:var(--font-txtA); }
.writeTbl ul.fileList li .btn { margin-left:.625em; }
.writeTbl ul.fileList li .btn .delBtn { position:relative; }
.writeTbl ul.fileList li .btn .delBtn input { overflow:hidden; position:absolute; left:-10000px; width:1px; height:1px; }
.writeTbl ul.fileList li .btn .delBtn label { display:inline-block; cursor:pointer; position:relative; width:3em; height:3em; border:1px solid #dcdcdc; border-radius:.25em; text-indent:-9999px; box-sizing:border-box; transition:all .15s; }
.writeTbl ul.fileList li .btn .delBtn label::before,
.writeTbl ul.fileList li .btn .delBtn label::after { content:''; position:absolute; left:50%; top:50%; width:1.063em; height:1px; margin-top:-1px; margin-left:-.46875em; background:#000; transform:rotate(45deg); }
.writeTbl ul.fileList li .btn .delBtn label::after { transform:rotate(135deg); }
.writeTbl ul.fileList li .btn .delBtn input:checked + label { background:#1a3ac5; border-color:#1a3ac5; }
.writeTbl ul.fileList li .btn .delBtn input:checked + label::before,
.writeTbl ul.fileList li .btn .delBtn input:checked + label::after { background:#fff; }
.writeTbl ul.fileList li .btn button { overflow:hidden; position:relative; width:3em; height:3em; border:1px solid #dcdcdc; border-radius:.25em; text-indent:-9999px; box-sizing:border-box; }
.writeTbl ul.fileList li .btn .minus:before,
.writeTbl ul.fileList li .btn .plus:before,
.writeTbl ul.fileList li .btn .plus:after { content:''; position:absolute; left:50%; top:50%; width:.9375em; height:1px; margin-top:-1px; margin-left:-.46875em; background:#000; }
.writeTbl ul.fileList li .btn .plus:after { transform:rotate(90deg); }
.writeTbl ul.fileList li .btn .download { background-image:url(../images/sub/icon_attach.png); background-repeat:no-repeat; background-position:center; background-size:.9375em auto; }
.writeTbl ul.fileList li .label { margin-left:.625em; }
.writeTbl ul.fileList li .label label { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:3rem; padding:0 .7647em; font-size:var(--font-txtA); border:1px solid #2544c8; border-radius:0.25rem; box-sizing:border-box; color:#2544c8; cursor:pointer; }
.writeTbl ul.fileList li .label label span { padding-left:1.4117em; background-image:url(../images/sub/icon_attach.png); background-repeat:no-repeat; background-position:left center; background-size:.9375rem auto; }
#dropDropFileZone { background:#fafafa; border:2px dashed #dcdcdc; border-radius:.25rem; box-sizing:border-box; }
#dropDropFileZone button { width:100%; padding:1.75rem 0; font-size:var(--font-txtA); color:#bbb; word-break:keep-all; }
#dragDropFileList { margin-top:.625em; }
#dragDropFileList .fileZoneStatusbar { display:flex; justify-content:space-between; position:relative; padding:.5em .625em .5em 1.875em; }
#dragDropFileList .fileZoneFileManage { position:absolute; top:50%; left:0; transform:translateY(-50%); }
#dragDropFileList .fileZoneFileManage button { display:block; position:relative; width:1.875em; height:1.875em; text-indent:-9999px; }
#dragDropFileList .fileZoneFileManage button::before,
#dragDropFileList .fileZoneFileManage button::after { content:''; position:absolute; top:50%; left:50%; width:.8125em; height:1px; margin-left:-.375em; background:#333; transform:rotate(45deg); }
#dragDropFileList .fileZoneFileManage button::after { transform:rotate(135deg); }
#dragDropFileList .fileZoneFilename { overflow:hidden; width:65%; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-.025em; }
#dragDropFileList .fileInfo { display:flex; align-items:center; }
#dragDropFileList .fileZoneFilesize { padding:0 .625em; color:#333; text-align:right; letter-spacing:-.025em; }
#dragDropFileList .fileZoneProgressBar { position:relative; width:6.25em; height:1em; background:#f2f2f2; }
#dragDropFileList .fileZoneProgressBar div { position:absolute; top:0; left:0; height:100%; background:#0c82e9; text-indent:-9999px; }
.deleteWrap { max-width:680px; margin:0 auto; padding:0 1.25em; }
.deleteWrap .inner { padding:5em 10%; border:1px solid #e8e8e8; border-radius:.5rem; box-sizing:border-box; }
.deleteWrap h4 { margin-bottom:.75rem; font-size:1.625em; text-align:center; }
.deleteWrap .txt { font-size:var(--font-txtA); text-align:center; color:#333; }
.deleteWrap .inputGroup { margin-top:2.25em; }
.deleteWrap .inputGroup input { width:100%; height:3.611em; margin:0.312rem 0; padding:0 3.2222em 0 3.7777em; border-radius:.5rem; border:1px solid #b7b7b7; background:url(../images/sub/icon_lock.png) no-repeat 1.5em 50%; background-size:1.055em auto; line-height:3.611em; font-size:var(--font-tabA); transition:all .15s; }
.deleteWrap .btnWrap a,
.deleteWrap .btnWrap button { display:block; width:100%; height:3.611em; margin-top:0.625rem; border-radius:.5rem; text-align:center; line-height:3.611em; font-size:var(--font-tabA)1.125em; border:1px solid #b7b7b7; color:#474747; transition:background .15s; }
.deleteWrap .btnWrap a:focus,
.deleteWrap .btnWrap a:hover,
.deleteWrap .btnWrap button:focus,
.deleteWrap .btnWrap button:hover { background:#0060ce; border-color:#0060ce; color:#fff; font-weight:700; }
@media screen and (max-width:960px) {
    /* board View */
    .viewTit { flex-direction:column; justify-content:flex-start; align-items:flex-start; padding:1.1428em .8571em; }
    .viewTit .viewInfo { margin-top:.5em; }
    .viewContent { padding:1.25em 1%; border:none; }
    .viewContent .viewContentInner { padding:0 .8571em; }
    /* board view - File */
    .boardFile { padding:1em; background-color:#fbfbfb; border:1px solid #cfcfcf; }
    .boardFile h5 { display:none; }
    .boardFile ul { margin-left:0; }
    .boardFile > p { display:block; }
    .boardFile dl { overflow:hidden; margin-top:5px; padding:0; border-top:0 none; }
    .boardFile dl dt { display:none; }
    .boardFile dl dd.fileName { position:relative; width:100%; padding:0 0 10px 13px; border-bottom:1px solid #eaeaea; }
    .boardFile dl dd.fileName:before { content:'ㆍ'; position:absolute; top:0; left:0; display:block; color:#3a53a2; }
    .boardFile dl dd.fileName a { display:block; width:auto; color:#3a53a2; }
    .boardFile dl dd.fileDown { position:static; top:auto; right:auto; float:right; margin-top:5px; }
    .fileName span { display:none; }
    /* board view - Ctrl */
    .viewCtrl { justify-content:center; margin-top:1em; }
    .viewCtrl .ctrlBtn { display:none; }
    /* board write */
    .boardWrite .tit { margin-left:0; }
    .boardStyle .writeTbl select { max-width:none; border:none; }
    .writeTbl + .writeTbl { margin-top:0.909em;border-bottom:0 none; }
    .writeTbl tbody th { width:5.7142rem; padding:.8571rem .7142rem; }
    .writeTbl tbody th .label { padding-left:0.615em; background-position:left 0.462em; }
    .writeTbl tbody th .label>span { display:none; }
    .writeTbl tbody td { padding:.7142rem; }
    .writeTbl td .editor { height:12em; }
    .writeTbl + .writeTbl tbody th { display:block; width:auto; padding:1.154em 0.769em; border-bottom:0 none; }
    .writeTbl + .writeTbl tbody td { display:block; width:auto; }
    .writeTbl .txt { border:none; }
    .writeTbl .txt.w30 { width:100%; }
    .writeTbl .editor textarea { border:0 none; }
    .writeTbl .selectArea { width:100%; }
    .writeTbl .selectBtn { border:0 none; }
    .writeTbl td .groupAddr .btnZipcode { width:6em; }
    .writeTbl td .groupAddr .addrTxt { padding:0; }
    .writeTbl td .groupAddr .addrTxt .txt:nth-of-type(1) { width:calc(100% - 6.625rem); }
    .writeTbl td .groupAddr .addrTxt .txt:nth-of-type(2) { margin:.4166em 0 0; }
    .writeTbl td .buttonSelect { min-width:50%; }
    .writeTbl td .dateSel { flex-wrap:wrap; }
    .writeTbl td .dateSel input[type="date"] { width:90%; }
    .writeTbl td .dateSel input[type="date"]:last-child { margin-top:.4166em; }
    .writeTbl ul.fileList li.beforeFile p.txtBox { width:100%; padding-right:0; padding-bottom:5px; }
    .writeTbl ul.fileList li p.fileArea { display:flex; }
    .writeTbl ul.fileList li p.fileArea label { order:2; float:none; margin-left:5px; }
    .writeTbl ul.fileList li p.fileArea span { flex-grow:1; order:1; padding-right:0; }
    .writeTbl ul.fileList li p.btnArea { position:static; right:auto; top:auto; width:100%; margin:0; padding:0; text-align:right; }
    .writeTbl ul.fileList li p.btnArea button,
    .writeTbl ul.fileList li p.btnArea .delBtn { margin:0; width:50%; }
    .writeTbl ul.fileList li p.btnArea button:nth-of-type(1) { width:49%; margin-right:1%; }
    .writeTbl ul.fileList li p.btnArea .delBtn label { text-align:center; margin:0; width:100%; }
    .writeTbl ul.fileList li .label label { width:3rem; padding:0;}
    .writeTbl ul.fileList li .label label span { width:100%; height:100%; padding:0; text-indent:-9999px; background-position:center; }
    .writeTbl .guideTxt { margin:10px 10px 0; }
    #dragDropFileList .fileZoneStatusbar { padding:.3333em .625em .3333em 1.875em; }
    #dragDropFileList .fileInfo { display:none; }
    #dragDropFileList .fileZoneFilename { width:100%; }
    .deleteWrap .inner { padding:4em 8%; }
}
@media screen and (max-width:767px) {
    /* searchStyle */
    .searchWrap .selectItem .buttonSelect { min-width:7em; }
    /* Board List */
    .boardList .moNone { display:none; }
    .boardList .date { width:6em; }
    .boardList th,
    .boardList th.subject { padding:1em 0; }
    .boardList td,
    .boardList td.subject { padding:1.125em 0; }
    /* Board List - Btn */
    .boardBtn { text-align:center; }
    .boardBtn i { display:none; }
    /* pageNav */
    .pageNav { margin-top:2em; }
    .pageNav .pcVer { display:none; }
    .pageNav .mVer { display:flex; }
    .pageNav ul li.prev { margin-right:1em; }
    .pageNav ul li.next { margin-left:1em; }
    /* galleryWrap */
    .galleryWrap .galleryList { margin:1px -.5em; }
    .galleryWrap .galleryList li { width:50%; margin-bottom:1.2em; padding:1px .5em; }
    /* board view - file */
    .fileBox .boxList { overflow:hidden; flex-direction:column; }
    /* board write */
    .writeTbl td .buttonSelect { min-width:100%; }
}

/* login */
.loginWrap { max-width:542px; margin:0 auto; padding:4em 4.40677%; background:#fbfbfb; border:1px solid #dcdcdc; box-sizing:border-box; text-align:center; }
.loginWrap h4 { color:#007bda; font-size:1.75em; }
.loginWrap h4 span { display:inline-block; padding-left:2rem; background:url('../images/sub/icon_login.png') left center no-repeat; background-size:auto 1em; }
.loginWrap p.txt { margin:1.47368em 0 2.63157em; color:#010101; font-size:1.1875em; }
.loginWrap .loginLk li { margin-top:1.625em; }
.loginWrap .loginLk button,
.loginWrap .loginLk a { display:flex; justify-content:space-between; align-items:center; width:100%; border:1px solid; color:#371c1d; font-size:1.25em; font-weight:500; }
.loginWrap .loginLk .iconKakao button,
.loginWrap .loginLk .iconKakao a { background:#f9e000; border-color:#d9c405; }
.loginWrap .loginLk .iconGoogle button,
.loginWrap .loginLk .iconGoogle a { background:#fff; border-color:#dedede; }
.loginWrap .loginLk li i { display:block; position:relative; flex-grow:0; flex-shrink:0; width:4.1em; height:3.6em; background:center no-repeat; background-size:2.2em auto; }
.loginWrap .loginLk .iconKakao i { background-image:url('../images/sub/icon_kakao.png'); color:#dac005; }
.loginWrap .loginLk .iconGoogle i { background-image:url('../images/sub/icon_google.png'); color:#d8d8d8; }
.loginWrap .loginLk li i::after { content:''; position:absolute; right:0; top:50%; width:1px; height:2em; margin-top:-1em; background:currentColor; }
.loginWrap .loginLk li span { flex:1; }
/* 통합검색 */
.siteSearchWrap { max-width:1180px; margin:0 auto; padding:0 1.25em; }
.searchForm { max-width:708px; margin:0 auto; }
.searchForm .searchBox { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #127ecf; }
.searchBox input { flex-grow:1; flex-shrink:1; width:100%; height:2.75em; padding:0 .9em; border:none; color:#000; font-size:1.25em; }
.searchBox button { flex-grow:0; flex-shrink:0; width:3.4375em; height:3.4375em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22'%3E%3Cpath fill='%23127ecf' d='M20.513,19.658 L18.820,21.169 L13.284,15.522 C11.921,16.450 10.276,16.994 8.502,16.994 C3.806,16.994 -0.001,13.188 -0.001,8.496 C-0.001,3.802 3.806,-0.003 8.502,-0.003 C13.198,-0.003 17.006,3.802 17.006,8.496 C17.006,10.599 16.237,12.520 14.970,14.004 L20.513,19.658 ZM8.502,2.279 C5.066,2.279 2.280,5.063 2.280,8.497 C2.280,11.930 5.066,14.714 8.502,14.714 C11.937,14.714 14.723,11.930 14.723,8.497 C14.723,5.063 11.937,2.279 8.502,2.279 Z'/%3E%3C/svg%3E") center no-repeat; background-size:1.75em auto; color:transparent; }
.siteSearchWrap mark,
.siteSearchWrap strong { color:#d31019; }
.siteSearchWrap mark { background:transparent; font-weight:bold; }
.siteSearchWrap h4,
.siteSearchWrap h4 strong { font-weight:500; }
.searchResult { margin:2.66666em .5em 2.33333em; text-align:center; font-size:1.875em; }
.siteSearchWrap .searchTabNav { margin-bottom:3.375em; }
.siteSearchWrap .searchTabNav .tabList { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.siteSearchWrap .searchTabNav .tabList ul { display:flex; justify-content:center; }
.siteSearchWrap .searchTabNav .tabList ul li { position:relative; flex-grow:0; flex-shrink:0; width:auto; }
.siteSearchWrap .searchTabNav .tabList ul li::before { content:''; position:absolute; left:0; top:50%; width:2px; height:1.0625em; margin-top:-.53125em; background:#f2f2f2; }
.siteSearchWrap .searchTabNav .tabList ul li:first-child::before { display:none; }
.siteSearchWrap .searchTabNav .tabList ul li a { display:inline-block; text-align:center; }
.siteSearchWrap .searchTabNav .tabList ul li a span { display:block; position:relative; padding:.75em 1.5em; line-height:1.5em; color:#394362; font-size:1.25em; font-weight:500; }
.siteSearchWrap .searchTabNav .tabList ul li.active a span { color:#278db2; font-weight:bold; }
.resultWrap h4 { margin:1.73076em 0 .961538em; font-size:1.625em; letter-spacing:-.01em;}
.searchMenu { border-bottom:1px solid #d4d4d4; }
.searchMenu ul { margin-bottom:2.875em;}
.searchMenu ul li { position:relative; margin-bottom:1.5em; padding-left:.875em; }
.searchMenu ul li::before { content:'·'; position:absolute; left:0; top:0; font-size:1.25em; }
.searchMenu ul li a { border-bottom:1px solid; color:#3152bd; font-size:1.25em; font-weight:500; }
.resultWrap .searchList { margin:1em 0 5em; border-bottom:1px solid #d4d4d4; }
.resultWrap .searchList ul { margin-bottom:2.5em;}
.searchPost .searchList ul li { margin-top:1.75em; }
.searchPost .searchList ul li:first-child { margin-top:0; }
.searchPost .searchList a { display:flex; }
.searchPost .searchList a .imgArea { flex-grow:0; flex-shrink:0; margin-right:1.875em; }
.searchPost .searchList a .txtArea { position:relative; flex:1; }
.searchPost .searchList a .imgArea .img { float:left; width:17.6875em; height:12.1875em; border:1px solid #dcdcdc; box-sizing:border-box; }
.searchPost .searchList a .imgArea .img img { width:100%; height:100%; }
.searchPost .searchList a .tit { display:block; padding:1.1em 0 .9em; font-size:1.375em; }
.searchPost .searchList a .txt { overflow:hidden; display:block; display:-webkit-box; max-height:4.38em; margin-bottom:3em; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow:ellipsis; line-height:1.46; font-size:1.125em; }
.searchPost .searchList a .btn,
.searchBoard .searchList ul li span.btn { position:absolute; right:0; bottom:0; width:7.375em; padding:.5em; border:1px solid #dcdcdc; border-radius:1.5em; text-align:center; line-height:1.375em; color:#2492ba; font-weight:500; }
.searchGallery .searchList ul { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -.5em; }
.searchGallery .searchList ul::after { content:''; flex:1; }
.searchGallery .searchList ul li { flex-grow:0; flex-shrink:0; width:33.33333%; padding:0 .5em; box-sizing:border-box; }
.searchGallery .searchList a { margin-left:0; }
.searchGallery .searchList ul li:first-child a { margin-left:0; }
.searchBoard .searchList ul li { margin-bottom:1.5em; }
.searchBoard .searchList ul li a,
.searchBoard .searchList ul li span { display:block; }
.searchBoard .searchList ul li a { overflow:hidden; position:relative; padding-left:.75em; }
.searchBoard .searchList ul li a::before { content:'·'; position:absolute; left:0; top:0; font-size:1.375em; }
.searchBoard .searchList ul li span.tit { margin-bottom:.5em; font-size:1.375em; }
.searchBoard .searchList ul li span.txt { overflow:hidden; display:block; display:-webkit-box; max-height:3.99999em; margin-bottom:3em; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow:ellipsis; line-height:1.33333; font-size:1.125em; }
.resultWrap .btnMore { margin-bottom:-1.6875em; text-align:center; }
.resultWrap .btnMore a { display:inline-block; position:relative; margin:0; padding:.5em 2.6em; background:#fff; border:1px solid; border-radius:1.5em; line-height:1.88888; color:#454545; font-size:1.125em; font-weight:500; }
.resultWrap .btnMore a i { display:inline-block; position:relative; width:.8em; height:.8em; margin-left:.6em; }
.resultWrap .btnMore a i::before,
.resultWrap .btnMore a i::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; margin-top:-1px; background:#454545; }
.resultWrap .btnMore a i::after { transform:rotate(90deg); }
@media only screen and (max-width:767px) {
    .searchGallery .searchList ul li { width:50%; }
    .searchGallery .searchList ul li:last-child { display:none; }
    .searchGallery .searchList span.img { height:24em; }
}
@media only screen and (max-width:960px) {
    .siteSearchWrap .searchTabNav .tabList ul { justify-content:flex-start; }
}
/* print */
@media print {
    body{
        width:210mm;
        height:297mm;
        margin:0;
    }
    .header,
    .footerWrap,
    .subFunc,
    .satisfactionWrap { display:none; }
    #container { margin:0 auto; }
    #contentGroup { padding:0; }
    * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

.pm_scroll_box{max-height: 400px; padding-top: 1px; margin: 10px 0; overflow-y: auto;}
.pm_scroll_box.txt_sm th, .pm_scroll_box.txt_sm td{font-size: 14px; line-height: 1.4em;}