@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

font-family: 'Noto Sans Kr', sans-serif;


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em; letter-spacing:-1px; font-family:'Noto Sans Kr', 'Malgun Gothic', dotum, sans-serif;background:#fff; word-break: keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans Kr', 'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans Kr', 'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans Kr', 'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0; word-break: keep-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

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

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

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

.placeholdersjs {color:#aaa !important}




.skip-nav { position: fixed; top: -100px; left: 20px; z-index: 9999; padding: 10px 16px; background: #111; color: #fff;}
.skip-nav:focus { top: 20px;}

.btn { display: inline-block; margin-top: 20px; padding: 13px 22px; border-radius: 8px; background: #171717; color: #fff;}




/* ==========================================================================
   Board
   ========================================================================== */
.board-page{padding:0 0 100px 0}
.board-view{padding:80px 0 100px 0}
.board-head{margin-bottom:30px}
.board-head h1,.board-view-head h1{margin:0;font-size:38px;letter-spacing:-.04em}
.board-category{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px; justify-content: center;}
.board-category a{padding:8px 15px;border:1px solid #ddd;border-radius:99px;font-size:13px}
.board-category a.active{background:#111;color:#fff;border-color:#111}
.board-search{display:flex;justify-content:flex-end;gap:8px;margin-bottom:20px}
.board-search input{width:min(300px,70%);padding:10px 12px;border:1px solid #ddd;border-radius:8px}
.board-search button{padding:10px 16px;border:0;border-radius:8px;background:#111;color:#fff}
.board-table{border-top:2px solid #111}
.board-row{display:grid;grid-template-columns:90px 1fr 120px 80px;gap:15px;align-items:center;padding:17px 14px;border-bottom:1px solid #eee;font-size:14px}
.board-row-head{font-size:12px;font-weight:700;color:#777;background:#fafafa}
.board-row em{font-style:normal;color:#777}
.board-row b{font-size:11px;color:#1677ff}
.board-empty{padding:60px 20px;text-align:center;color:#888}
.board-paging{display:flex;justify-content:center;gap:6px;margin-top:30px}
.board-paging a{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:8px;font-size:13px}
.board-paging a.active{background:#111;color:#fff;border-color:#111}
.board-view-head{padding-bottom:25px;border-bottom:1px solid #ddd}
.board-view-head .category{margin-bottom:10px;color:#1677ff;font-size:13px;font-weight:700}
.board-view-head .meta{display:flex;gap:15px;margin-top:15px;color:#888;font-size:12px}
.board-main-image{margin:35px 0}
.board-main-image img{display:block;max-width:100%;margin:auto}
.board-content{min-height:250px;padding:40px 0;line-height:1.9}
.board-view-foot{padding-top:20px;border-top:1px solid #eee}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gallery-card{overflow:hidden;border:1px solid #eee;border-radius:14px;background:#fff}
.gallery-thumb{aspect-ratio:4/3;background:#f2f2f2;overflow:hidden}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.gallery-text{padding:20px}
.gallery-text .category{color:#1677ff;font-size:11px;font-weight:700}
.gallery-text h2{margin:8px 0;font-size:18px}
.gallery-text p{margin:0 0 12px;color:#777;font-size:13px;line-height:1.6}
.gallery-text time{color:#aaa;font-size:11px}
.faq-list{border-top:2px solid #111}
.faq-row{border-bottom:1px solid #eee}
.faq-row summary{display:flex;align-items:center;gap:15px;padding:22px 10px;cursor:pointer;list-style:none}
.faq-row summary::-webkit-details-marker{display:none}
.faq-row summary span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#111;color:#fff;font-size:12px}
.faq-row summary strong{font-size:16px}
.faq-answer{padding:0 53px 24px;line-height:1.8;color:#555}
.board-attachment{display:flex;align-items:center;gap:15px;margin:20px 0;padding:15px 18px;border:1px solid #e4e4e4;border-radius:9px;background:#fafafa;font-size:13px}
.board-attachment strong{white-space:nowrap}
.board-attachment a{color:#176bb0;text-decoration:underline}







/*.inner {width: min(1180px, calc(100% - 40px)); margin: 0 auto;}*/
.inner {width: 1280px; margin: 0 auto;}




#header {display:block; width:100%; height:90px;}
#header .logo {display:block; float:left; padding:25px 15px;}
#header ul.gnb {display:inline-block; float:left; margin-left:80px; padding:22px 0;}
#header ul.gnb li {float:left; margin-right:40px; position:relative;}
#header ul.gnb li a {display:inline-block; padding:10px 0px; font-size:18px; color:#151515; font-weight:500; transition: all .3s ease; }
#header ul.gnb li a:hover {color:#000;}
#header ul.gnb li .gnb_hv {display:none; position:absolute; z-index:9; width:120px; padding:7px 5px; background:#fff; border-radius:8px; text-align:left; top:45px; margin-left:-60px; left:50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#header ul.gnb li .gnb_hv dl {}
#header ul.gnb li .gnb_hv dl dt {line-height:26px; text-align:Center;}
#header ul.gnb li .gnb_hv dl dt a {color:#151515; font-size:14px; font-weight:500; padding:0; letter-spacing:-1px;}
#header ul.gnb li .gnb_hv dl dt a:hover {color:#0f72ba;}

.allmenubtn {cursor: pointer;float: right; margin: 30px 10px;}

.allmenu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.5);}
.allmenu .allmenu_bx {position: absolute; top:0; right:0; width:600px; height:100%; background:#fff; padding:35px 50px;}
.allmenu .allmenu_bx #allmenu_close { display: block; float: right; cursor: pointer;}
.allmenu .allmenu_bx ul.allul {display:inline-block; width:100%; padding:0 10px;}
.allmenu .allmenu_bx ul.allul li {width:100%; padding:15px 0; border-bottom:1px solid #dddddd; letter-spacing:-1px;}
.allmenu .allmenu_bx ul.allul li:last-child {border-bottom:none;}
.allmenu .allmenu_bx ul.allul li > p { font-weight:700;}
.allmenu .allmenu_bx ul.allul li > p a {font-size:24px; color:#151515;font-family: "Diphylleia";}
.allmenu .allmenu_bx ul.allul li dl {display:inline-block;margin-top:10px;}
.allmenu .allmenu_bx ul.allul li dl dt {float:left; margin-right:22px; margin-bottom:5px;}
.allmenu .allmenu_bx ul.allul li dl dt:last-child {margin-right:0;}
.allmenu .allmenu_bx ul.allul li dl dt a {font-size:16px; font-weight:400; color:#151515;}
.allmenu .allmenu_bx ul.allul li dl dt a:hover {color:#0f72ba;}


.tail_bx {display:inline-block;width:100%; background:#000000; padding:100px 0;}
.tail_bx ul {display:inline-block; width:100%;}
.tail_bx ul li {float:left; width:50%;}
.tail_bx ul li:last-child {padding-left:4%;}
.tail_bx ul li .maps {width:100%; height:320px; background:#151515; border-radius:20px; overflow:hidden;}
.tail_bx ul li .maps .root_daum_roughmap_landing {width:100%;}
.tail_bx ul li .maps .root_daum_roughmap .wrap_map {height:288px;}
.tail_bx ul li .maps .root_daum_roughmap_landing .cont {display:none;}
.tail_bx ul li p.p1 {font-size:30px; color:#fff; font-weight:500;}
.tail_bx ul li p.p2 {font-size:16px; color:#fff; font-weight:400; margin-top:10px;}
.tail_bx ul li p.p3 {font-size:14px; color:#aaaaaa; font-weight:400; margin-top:10px;}
.tail_bx ul li .tel {display:inline-block; width:100%; margin-top:40px;}
.tail_bx ul li .tel .tt {float:left; width:90px; color:#fff; font-size:16px; font-weight:500;}
.tail_bx ul li .tel .tx {float:left;color:#fff; font-size:40px; font-weight:900;line-height: 40px;}
.tail_bx ul li .tel .tx a {color:#fff;}
.tail_bx ul li .time {display:inline-block; width:100%; margin-top:40px;}
.tail_bx ul li .time .tt {float:left; width:90px; color:#fff; font-size:16px; font-weight:500;}
.tail_bx ul li .time .tx {float:left; width: calc(100% - 90px);}
.tail_bx ul li .time .tx dl {display:inline-block; width:100%; padding-bottom:5px; border-bottom:1px solid #999999;}
.tail_bx ul li .time .tx dl dt {float:left; width:50%; color:#fff; font-size:16px; padding-bottom:10px;}
.tail_bx ul li .time .tx dl dt span {display:inline-block; width:70px; color:#cccccc;}

#footer {padding:50px 0; border-top:1px solid #eee;}
#footer ul.ft_lk {float:right;}
#footer ul.ft_lk li {float:left; margin-right:10px;}
#footer ul.ft_lk li:last-child {margin-right:0;}
#footer ul.ft_lk li a {display:block; border:1px solid #ccc; font-size:13px; line-height:16px; padding:8px 15px; font-weight:500; border-radius:50px;}
#footer ul.ft_lk li a.ablog {color:#079300; border:1px solid #079300;}
#footer ul.ft_lk li a.ayoutube {color:#ff0000; border:1px solid #ff0000;}
#footer p.cp1 {font-size:14px; color:#151515; font-weight:700; line-height:20px; margin-bottom:5px;}
#footer p.cp2 {font-size:14px; color:#151515; font-weight:400; line-height:20px;}
#footer p.cp3 {font-size:12px; color:#aaa; font-weight:400; line-height:20px; margin-top:10px;}

.family-site { position: relative; width: 145px;}
.family-site select { width: 100%; height: 34px; padding: 5px 10px 5px 15px; border: 1px solid #ccc; border-radius: 50px; background: #fff; font-size: 13px; color: #333; font-weight:500; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; transition: border-color .2s, box-shadow .2s;}
.family-site::after { content: ""; position: absolute; right: 15px; top: 50%; width: 7px; height: 7px; border-right: 2px solid #555; border-bottom: 2px solid #555; transform: translateY(-70%) rotate(45deg); pointer-events: none; transition: transform .2s;}
.family-site select:hover { border-color: #999;}
.family-site select:focus { border-color: #333; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);}
.family-site:focus-within::after { transform: translateY(-20%) rotate(225deg);}






.main_visual {position:relative; z-index:1; width:1280px; height:620px; margin:0 auto; border-radius:30px; background:url(../../img/main_visual_bg.jpg) no-repeat center; background-size:cover;}

.main_visual .mv_ment {position:absolute; left:10%; top:50%; width:600px; height:330px; margin-top:-165px;}
.main_visual .mv_ment p.p1 {font-size:28px; color:#fff; font-weight:200; margin-bottom:15px;}
.main_visual .mv_ment p.p2 {font-size:44px; color:#fff; font-weight:700; line-height:56px; margin-bottom:50px;}
.main_visual .mv_ment p.p3 {font-size:18px; color:#fff; font-weight:400; line-height:28px; margin-bottom:20px;}
.main_visual .mv_ment dl {display:inline-block;}
.main_visual .mv_ment dl dt {float:left; margin-right:10px;}
.main_visual .mv_ment dl dt a {display:inline-block; font-size:16px; line-height:20px;  border:2px solid #fff; color:#fff; padding:5px 25px 7px; border-radius:50px;}
.main_visual .mv_ment dl dt a:hover {background:#fff; color:#004688; font-weight:500;}


.msec01 {padding:50px 0; text-align:center;}
.msec01 ul {display:inline-block; width:96%;}
.msec01 ul li {float:left;width:16.66%;}
.msec01 ul li a {display:inline-block; width:140px; height:140px; padding:36px 0; background:#fff; border-radius:20px; font-size:16px; color:#000; font-weight:500; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.msec01 ul li a span {display:block; font-size:44px;}
.msec01 ul li a:hover {color:#004688; box-shadow: 0 0 30px rgba(1,104,173,0.3); }


.msec02 {padding:0 0 20px 0;}
.msec02 .slbx {display:inline-block; width:100%; margin-top:10px; overflow:hidden; letter-spacing:-1px; text-align:Center;}
.msec02 .slbx .swiper-slide img {border-radius:20px; width: 100%; max-width:340px;}
.msec02 .slbx .swiper-slide p.p1 {padding:10px 0 5px; font-size:20px; color:#333333; line-height:26px; font-weight:500;}
.msec02 .slbx .swiper-slide p.p2 {font-size:14px; color:#555555; line-height:18px;}


.msec03 {padding:80px 0;}
.msec03 p.ts {font-size:12px; color:#0e70b6; letter-spacing:1px;}
.msec03 p.tx {font-size:40px; line-height:50px; color:#151515; font-weight:600;}
.msec03 p.tx a {float:right; display:inline-block; font-size:14px; font-weight:400; letter-spacing:1px; border-bottom:1px solid #333;line-height:36px;margin-top: 10px;}
.msec03 p.tx a:hover {color:#0e70b6; border-bottom:1px solid #0e70b6;}

.msec03 ul.msul01 {display:inline-block; width:100%; margin-top:2%;}
.msec03 ul.msul01 li {float:left; width:32%; margin-right:2%;}
.msec03 ul.msul01 li:last-child {margin-right:0;}
.msec03 ul.msul01 li .bx {border:1px solid #ddd; border-radius:20px; width:100%; overflow:hidden; position:relative;}
.msec03 ul.msul01 li .bx .bx_tx {padding:35px;}
.msec03 ul.msul01 li .bx .bx_tx span.arw {position:Absolute; right:20px; top:25px; font-size:16px; width:34px; height:34px; background:#151515; border-radius:50%; color:#fff; text-align:center; line-height:34px;}
.msec03 ul.msul01 li .bx .bx_tx p.p1 {font-size:10px; color:#0e70b6; letter-spacing:1px; line-height:16px;}
.msec03 ul.msul01 li .bx .bx_tx p.p2 {font-size:24px; line-height:34px; color:#151515; font-weight:600; margin-top:20px; height:90px;}
.msec03 ul.msul01 li .bx .bx_tx p.p3 {font-size:14px; color:#aaaaaa;}
.msec03 ul.msul01 li .bx .bx_img {width:100%; height:200px; overflow:hidden;}
.msec03 ul.msul01 li .bx .bx_img img {width:100%; height:100%; object-fit:cover; object-position:center center; display:block;}

.msec03 ul.msul02 { display:grid; grid-template-columns:repeat(4, 1fr); grid-template-rows:repeat(2, 1fr); gap:10px; width:100%; height:290px;	margin-top:2%;}
.msec03 ul.msul02 > li {  min-width:0;	background:#f7f7f7; border-radius:20px; overflow:hidden;}
.msec03 ul.msul02 > li:nth-child(1) { grid-column:1 / 3; grid-row:1 / 3; background:url(../../img/msul02_bg01.jpg) no-repeat center; background-size:cover;}
.msec03 ul.msul02 > li:nth-child(1) .bx {padding:35px;}
.msec03 ul.msul02 > li:nth-child(1) .bx p.p1 {color:#fff; font-size:11px; letter-spacing:1px; margin-bottom:10px;}
.msec03 ul.msul02 > li:nth-child(1) .bx p.p2 {color:#fff; font-size:24px; line-height:34px; font-weight:500; margin-bottom:10px;}
.msec03 ul.msul02 > li:nth-child(1) .bx p.p3 {color:#abddff; font-size:14px; line-height:22px;}
.msec03 ul.msul02 > li:nth-child(1) .bx p.p4 {position:relative; bottom:0; font-size:12px; color:#ffffff; letter-spacing:0; margin-top:15px;}
.msec03 ul.msul02 > li:nth-child(2) { grid-column:3; grid-row:1;}
.msec03 ul.msul02 > li:nth-child(3) { grid-column:4; grid-row:1;}
.msec03 ul.msul02 > li:nth-child(4) { grid-column:3; grid-row:2;}
.msec03 ul.msul02 > li:nth-child(5) { grid-column:4; grid-row:2;}
.msec03 ul.msul02 > li p.p5 {font-size:12px; color:#aaaaaa; letter-spacing:0;}
.msec03 ul.msul02 > li p.p6 {font-size:16px; line-height:22px; margin-top:10px;}

.msec03 ul.msul02 > li > a { display:block; width:100%; height:100%;}
.msec03 ul.msul02 > li .bx {padding:20px;}
.msec03 ul.msul02 > li .bx { width:100%; }
.msec03 ul.msul02 > li .bximg { width:100%; height:140px; overflow:hidden;}
.msec03 ul.msul02 > li .bximg img {width:100%; height:100%; object-fit:cover; object-position:center center; display:block;}



.msec04 {display:inline-block; width:100%; padding:80px 0; background:#f7f7f7;}
.msec04 .mstit {float:left;}
.msec04 p.ts {font-size:12px; color:#0e70b6; letter-spacing:1px;}
.msec04 p.tx {font-size:40px; line-height:50px; color:#151515; font-weight:600;}
.msec04 p.txt {font-size:14px; line-height:20px; color:#666666; font-weight:400; margin-top:20px;}
.msec04 p.btnp {margin-top:15px;}
.msec04 p.btnp a {display:inline-block; padding:8px 20px; background:#151515; color:#fff; font-weight:500; font-size:14px; line-height:16px; border-radius:50px;}
.msec04 .mslist {float:right; width:850px;}
.msec04 .mslist ul {display:inline-block; width:100%;}
.msec04 .mslist ul li {display:inline-block; width:100%; padding:20px 0; border-bottom:1px solid #ddd;}
.msec04 .mslist ul li:first-child {padding-top:0;}
.msec04 .mslist ul li:last-child {padding-bottom:0; border-bottom:0;}
.msec04 .mslist ul li dl {display:inline-block; width:100%;}
.msec04 .mslist ul li dl dt {float:left;width:140px;}
.msec04 .mslist ul li dl dt:last-child {width: calc(100% - 140px); padding:7px 25px;}
.msec04 .mslist ul li dl dt .imgbx {width:100%; height:90px; overflow:hidden; border-radius:12px;}
.msec04 .mslist ul li dl dt .imgbx img {width:100%; height:100%; object-fit:cover; object-position:center center; display:block;}
.msec04 .mslist ul li dl dt p.p1 {font-size:12px; color:#999999; line-height:14px; display: inline-block;}
.msec04 .mslist ul li dl dt p.p1 span {display: inline-block; color:#fff; padding:2px 6px 3px;; background:#0f72ba; border-radius:5px; margin-right:5px;}
.msec04 .mslist ul li dl dt p.p2 {font-size:18px; color:#151515; line-height:26px; padding:5px 0; font-weight:500;}
.msec04 .mslist ul li dl dt p.p3 {font-size:14px; color:#666666;}



.sub_wrap {padding:50px 0 50px;}

.sub_title {display:inline-block; width:100%; margin-bottom:50px; text-align:Center;}
.sub_title p.tt {font-size:40px; font-weight:600; line-height:40px;}
.sub_title p.tx {font-size:16px; font-weight:400; color:#555; margin-top:10px;}


.sub_visual {position:relative; z-index:1; width:1280px; height:200px; margin:0 auto; border-radius:30px; background:#111;}
.sub_visual.sv01 {background:url(../../img/sv01.jpg) no-repeat center; background-size:cover;}
.sub_visual.sv02 {background:url(../../img/sv02.jpg) no-repeat center; background-size:cover;}
.sub_visual.sv03 {background:url(../../img/sv03.jpg) no-repeat center; background-size:cover;}
.sub_visual.sv04 {background:url(../../img/sv04.jpg) no-repeat center; background-size:cover;}
.sub_visual.sv05 {background:url(../../img/sv05.jpg) no-repeat center; background-size:cover;}
.sub_visual.sv06 {background:url(../../img/sv06.jpg) no-repeat center; background-size:cover;}


.sub_pitbx {position:relative; z-index:1; width:1280px; margin:0 auto 50px; border-radius:30px; text-align:center; background:#0e70b6; padding:30px 10px;}
.sub_pitbx p.p1 {font-size: 30px; line-height: 40px; color: #ffffff; font-weight: 700; margin-top: 0px;}
.sub_pitbx p.p2 {font-size: 16px; line-height: 22px; color: #fff; margin-top: 15px;}


.sub_area_01 {width:100%; text-align:Center; padding:50px 0;}
.sub_area_01.sub_area_01w {padding:100px 0;}
.sub_area_01 p.p1 {font-size: 40px; line-height: 50px; color: #151515; font-weight: 700;}
.sub_area_01 p.p2 {font-size: 16px; line-height: 22px; color:#555; margin-top:20px;}


.sub_area_01 p.ps1 {font-size: 12px; color: #0e70b6; letter-spacing: 1px;}
.sub_area_01 p.ps2 {font-size: 40px; line-height: 50px; color: #151515; font-weight: 700; margin-top:10px;}
.sub_area_01 p.ps3 {font-size: 16px; line-height: 22px; color:#555; margin-top:30px;}
.sub_area_01 ul {display:inline-block; width:80%; margin-top:50px;}
.sub_area_01 ul li {float:left; width:33.33%; text-align:Center;}
.sub_area_01 ul li .icobx {display:inline-block; width:160px; height:160px; margin-bottom:10px; border-radius:50%; overflow:hidden; padding:30px;}
.sub_area_01 ul li .icobx.color1 {background:#f8ce46;}
.sub_area_01 ul li .icobx.color2 {background:#56bca6;}
.sub_area_01 ul li .icobx.color3 {background:#4599df;}
.sub_area_01 ul li p.pt {font-size:26px; font-weight:600;}
.sub_area_01 ul li p.ps {font-size:16px; color:#777;}

.sub_area_01 .dtitrbx {display:inline-block; width:100%; margin-top:80px;text-align:center; background:#f7f7f7;}
.sub_area_01 .dtitrbx ul {width:80%; display:block; margin:50px auto 0;}
.sub_area_01 .dtitrbx ul li {float:left; width:50%;}
.sub_area_01 .dtitrbx ul li:last-child {text-align:left;}
.sub_area_01 .dtitrbx ul li p.p1 {font-size:18px; font-weight:500; color:#aaa;}
.sub_area_01 .dtitrbx ul li p.p2 {font-size:40px; font-weight:700; color:#151515;}
.sub_area_01 .dtitrbx ul li p.p2 span {font-size:20px; font-weight:500; color:#555; margin-left:10px;}
.sub_area_01 .dtitrbx ul li dl {display:inline-block; width:100%; margin-top:20px;}
.sub_area_01 .dtitrbx ul li dl dt {display:inline-block;position: relative; padding-left: 10px; width:100%; font-size:16px; padding-bottom:1px;font-weight:400; text-align:left;}
.sub_area_01 .dtitrbx ul li dl dt::before { content: "·"; position: absolute; left: 0; top: 0; margin: 0;}

.sub_area_01 .viewsl {position:relative; overflow:hidden; width:89%; margin:50px auto 0;}

.sub_area_01 .viewsl .mySwiper2  {border-radius:20px; overflow:hidden;}
.sub_area_01 .viewsl .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.sub_area_01 .viewsl .swiper-slide { background-size: cover;}
.sub_area_01 .viewsl .swiper-slide img {width:100%;}
.sub_area_01 .viewsl .swiper-thumbs {margin-top:10px;}
.sub_area_01 .viewsl .swiper-thumbs .swiper-slide {border-radius:12px; overflow:Hidden; height: 100%;  opacity: 0.4; cursor: pointer;}
.sub_area_01 .viewsl .swiper-thumbs .swiper-slide-thumb-active { opacity: 1; }



.sub_area_02 {width:100%; text-align:Center; padding:50px 0; background:#f7f7f7;}
.sub_area_02.sub_area_02w {padding:100px 0;}

.sub_area_02 p.p1 {font-size: 40px; line-height: 50px; color: #151515; font-weight: 700;}
.sub_area_02 p.p2 {font-size: 16px; line-height: 22px; color:#555; margin-top:20px;}

.sub_area_02 .imgbx2 {width:880px; margin:30px auto 0; border-radius:20px; overflow:hidden;}
.sub_area_02 .imgbx2 img {width:100%;}







ul.spul01 {display:inline-block; width:90%;}
ul.spul01 li {float:left; width:48%; margin:2% 0; margin-right:4%;}
ul.spul01 li:nth-child(2n) {margin-right:0;}
ul.spul01 li .imgbx {width:100%; background:#333; border-radius:20px 20px 0 0; overflow:hidden;}
ul.spul01 li .imgbx img {width:100%;}
ul.spul01 li .txtbx {width:100%; padding:15px; background:#fff; border-radius:0 0 20px 20px;}
ul.spul01 li .txtbx p.p1 {font-size:22px; font-weight:500; color:#151515;}
ul.spul01 li .txtbx p.p2 {font-size:16px; font-weight:400; margin-top:5px; color:#777;}

ul.spul02 {display:inline-block; width:80%;}
ul.spul02 li {display:inline-block; width:100%; margin-bottom:50px;}
ul.spul02 li dl {display:inline-block; width:100%;}
ul.spul02 li dl dt {float:left;}
ul.spul02 li dl dt:first-child {width:34%; margin-right:6%;}
ul.spul02 li dl dt:last-child {width:60%; padding:20px 0;}
ul.spul02 li .imgbx {width:100%; border-radius:15px; overflow:hidden;}
ul.spul02 li .imgbx img {width:100%;}
ul.spul02 li .txtbx {width:100%; text-align:left;}
ul.spul02 li .txtbx p.p1 {font-size:22px; font-weight:500; color:#151515;}
ul.spul02 li .txtbx p.p2 {font-size:16px; font-weight:400; margin-top:5px; color:#777;}


ul.spul03 {display:inline-block; width:90%;}
ul.spul03 li {float:left; width:25%; margin:0; text-align:Center;}
ul.spul03 li .imgbx3 {display:inline-block; width:160px; height:160px; border-radius:50%; overflow:hidden; background:#f7f7f7;}
ul.spul03 li p.pp1 {font-size: 20px; line-height: 30px; color: #151515; font-weight: 700; margin-top:10px;}
ul.spul03 li p.pp2 {font-size: 16px; line-height: 22px; color:#555; margin-top:5px;}


ul.spul04 {display:inline-block; width:90%; margin-top:40px;}
ul.spul04 li {float:left; width:75%; text-align:left;}
ul.spul04 li:first-child {width:25%; font-size:20px; color: #151515; font-weight: 700;}
ul.spul04 li:last-child {padding:0 10px 25px 10px; border-bottom:1px solid #ccc;}
ul.spul04.nonline li:last-child {padding:0 10px 0px 10px; border-bottom:none;} 


ul.spul04 li dl.dls1 {display:inline-block; width:100%;}
ul.spul04 li dl.dls1 dt {float:left; width:49%; margin-right:2%; text-align:center; margin-bottom:15px;}
ul.spul04 li dl.dls1 dt:nth-child(2n) {margin-right:0;}
ul.spul04 li dl.dls1 dt span.line {display:inline-block; width:100%; font-size:16px;color:#0e70b6; font-weight:500; padding:5px; border:2px solid #0e70b6; border-radius:5px;}
ul.spul04 li dl.dls1 dt span.bg {display:inline-block; width:100%; font-size:16px;background:#0e70b6; color:#fff; font-weight:500; padding:5px; border-radius:5px;}
ul.spul04 li dl.dls1 dt p.blt {padding-left:22px; text-align:left; font-size:16px; margin:5px 0; background:url(../../img/blt_ico.png) no-repeat left;}


















































@media screen and (max-width:970px) {

    img {
        max-width:100%;
        height:auto;
    }

    .inner {
        width:calc(100% - 30px);
        margin:0 auto;
    }

    .main_visual,
    .sub_visual,
    .sub_pitbx {
        width:calc(100% - 30px);
    }


    /* HEADER */
    #header {
        height:65px;
    }

    #header .logo {
        padding:15px 5px;
    }

    #header .logo img {
        max-height:34px;
    }

    #header ul.gnb {
        display:none;
    }

    .allmenubtn {
        margin:18px 3px;
    }

    .allmenu .allmenu_bx {
        width:85%;
        padding:25px;
        overflow-y:auto;
    }

    .allmenu .allmenu_bx ul.allul {
        padding:0;
    }

    .allmenu .allmenu_bx ul.allul li {
        padding:13px 0;
    }

    .allmenu .allmenu_bx ul.allul li > p a {
        font-size:20px;
    }

    .allmenu .allmenu_bx ul.allul li dl dt {
        margin-right:15px;
    }

    .allmenu .allmenu_bx ul.allul li dl dt a {
        font-size:14px;
    }


    /* MAIN VISUAL */
    .main_visual {
        height:460px;
        border-radius:20px;
        background-position:center;
    }

    .main_visual .mv_ment {
        left:25px;
        top:50%;
        width:calc(100% - 50px);
        height:auto;
        margin-top:0;
        transform:translateY(-50%);
    }

    .main_visual .mv_ment p.p1 {
        font-size:18px;
        margin-bottom:10px;
    }

    .main_visual .mv_ment p.p2 {
        font-size:29px;
        line-height:39px;
        margin-bottom:25px;
    }

    .main_visual .mv_ment p.p3 {
        font-size:14px;
        line-height:22px;
    }

    .main_visual .mv_ment dl dt a {
        font-size:14px;
        padding:5px 18px 7px;
    }


    /* MAIN SECTION 01 */
    .msec01 {
        padding:30px 0;
    }

    .msec01 ul {
        display:grid;
        width:100%;
        grid-template-columns:repeat(3, 1fr);
        gap:10px;
    }

    .msec01 ul li {
        float:none;
        width:100%;
    }

    .msec01 ul li a {
        width:100%;
        height:auto;
        padding:20px 5px;
        font-size:14px;
        border-radius:15px;
    }

    .msec01 ul li a span {
        font-size:36px;
    }


    /* MAIN SECTION 02 */
    .msec02 .slbx .swiper-slide p.p1 {
        font-size:17px;
        line-height:24px;
    }

    .msec02 .slbx .swiper-slide p.p2 {
        font-size:13px;
    }


    /* MAIN SECTION 03 */
    .msec03 {
        padding:45px 0;
    }

    .msec03 p.tx {
        font-size:28px;
        line-height:38px;
    }

    .msec03 p.tx a {
        float:none;
        display:block;
        width:max-content;
        margin-top:15px;
    }

    .msec03 ul.msul01 {
        display:grid;
        width:100%;
        grid-template-columns:1fr;
        gap:15px;
        margin-top:25px;
    }

    .msec03 ul.msul01 li {
        float:none;
        width:100%;
        margin:0;
    }

    .msec03 ul.msul01 li .bx .bx_tx {
        padding:25px;
    }

    .msec03 ul.msul01 li .bx .bx_tx p.p2 {
        height:auto;
        margin-top:15px;
        font-size:21px;
        line-height:30px;
    }

    .msec03 ul.msul01 li .bx .bx_img {
        height:auto;
        aspect-ratio:16/9;
    }


    .msec03 ul.msul02 {
        display:grid;
        width:100%;
        height:auto;
        grid-template-columns:1fr;
        grid-template-rows:auto;
        gap:10px;
        margin-top:25px;
    }

    .msec03 ul.msul02 > li:nth-child(1),
    .msec03 ul.msul02 > li:nth-child(2),
    .msec03 ul.msul02 > li:nth-child(3),
    .msec03 ul.msul02 > li:nth-child(4),
    .msec03 ul.msul02 > li:nth-child(5) {
        grid-column:auto;
        grid-row:auto;
    }

    .msec03 ul.msul02 > li:nth-child(1) {
        min-height:260px;
    }

    .msec03 ul.msul02 > li .bximg {
        height:auto;
        aspect-ratio:16/9;
    }


    /* MAIN SECTION 04 */
    .msec04 {
        padding:45px 0;
    }

    .msec04 .mstit {
        float:none;
        width:100%;
        margin-bottom:30px;
    }

    .msec04 p.tx {
        font-size:28px;
        line-height:38px;
    }

    .msec04 .mslist {
        float:none;
        width:100%;
    }

    .msec04 .mslist ul li dl {
        display:flex;
        gap:15px;
    }

    .msec04 .mslist ul li dl dt {
        float:none;
    }

    .msec04 .mslist ul li dl dt:first-child {
        width:110px;
        flex-shrink:0;
    }

    .msec04 .mslist ul li dl dt:last-child {
        width:calc(100% - 125px);
        padding:3px 0;
    }

    .msec04 .mslist ul li dl dt .imgbx {
        height:80px;
    }

    .msec04 .mslist ul li dl dt p.p2 {
        font-size:16px;
        line-height:22px;
    }


    /* FOOTER */
    .tail_bx {
        padding:50px 0;
    }

    .tail_bx ul li {
        float:none;
        width:100%;
    }

    .tail_bx ul li:last-child {
        padding-left:0;
        padding-top:40px;
    }

    .tail_bx ul li .maps {
        height:260px;
        border-radius:15px;
    }

    .tail_bx ul li .maps .root_daum_roughmap .wrap_map {
        height:260px;
    }

    .tail_bx ul li p.p1 {
        font-size:24px;
    }

    .tail_bx ul li p.p2 {
        font-size:14px;
    }

    .tail_bx ul li .tel {
        margin-top:30px;
    }

    .tail_bx ul li .tel .tt {
        float:none;
        width:100%;
        margin-bottom:7px;
        font-size:14px;
    }

    .tail_bx ul li .tel .tx {
        float:none;
        font-size:30px;
        line-height:38px;
    }

    .tail_bx ul li .time {
        margin-top:30px;
    }

    .tail_bx ul li .time .tt {
        float:none;
        width:100%;
        margin-bottom:10px;
    }

    .tail_bx ul li .time .tx {
        float:none;
        width:100%;
    }

    .tail_bx ul li .time .tx dl dt {
        font-size:14px;
    }


    #footer {
        padding:35px 0;
    }

    #footer ul.ft_lk {
        float:none;
        display:flex;
        flex-wrap:wrap;
        gap:6px;
        margin-bottom:20px;
    }

    #footer ul.ft_lk li {
        float:none;
        margin:0;
    }

    #footer ul.ft_lk li a {
        font-size:12px;
        padding:7px 12px;
    }

    .family-site {
        margin-bottom:15px;
    }


    /* SUB */
    .sub_wrap {
        padding:35px 0;
    }

    .sub_title {
        margin-bottom:30px;
    }

    .sub_title p.tt {
        font-size:29px;
        line-height:38px;
    }

    .sub_title p.tx {
        font-size:14px;
    }

    .sub_visual {
        height:150px;
        border-radius:20px;
    }

    .sub_pitbx {
        margin-bottom:30px;
        padding:25px 20px;
        border-radius:20px;
    }

    .sub_pitbx p.p1 {
        font-size:24px;
        line-height:34px;
    }

    .sub_pitbx p.p2 {
        font-size:14px;
        line-height:21px;
    }


    /* SUB AREA */
    .sub_area_01,
    .sub_area_02 {
        padding:40px 0;
    }

    .sub_area_01.sub_area_01w,
    .sub_area_02.sub_area_02w {
        padding:60px 0;
    }

    .sub_area_01 p.p1,
    .sub_area_01 p.ps2,
    .sub_area_02 p.p1 {
        font-size:28px;
        line-height:38px;
    }

    .sub_area_01 p.p2,
    .sub_area_01 p.ps3,
    .sub_area_02 p.p2 {
        font-size:14px;
        line-height:22px;
    }


    .sub_area_01 ul {
        display:grid;
        width:100%;
        grid-template-columns:repeat(3,1fr);
        gap:10px;
        margin-top:35px;
    }

    .sub_area_01 ul li {
        float:none;
        width:100%;
    }

    .sub_area_01 ul li .icobx {
        width:110px;
        height:110px;
        padding:20px;
    }

    .sub_area_01 ul li p.pt {
        font-size:20px;
    }

    .sub_area_01 ul li p.ps {
        font-size:14px;
    }


    /* 상세영역 */
    .sub_area_01 .dtitrbx {
        margin-top:50px;
    }

    .sub_area_01 .dtitrbx ul {
        display:block;
        width:calc(100% - 30px);
        margin:35px auto 0;
    }

    .sub_area_01 .dtitrbx ul li {
        float:none;
        width:100%;
    }

    .sub_area_01 .dtitrbx ul li:first-child {
        margin-bottom:25px;
    }

    .sub_area_01 .dtitrbx ul li p.p2 {
        font-size:30px;
    }

    .sub_area_01 .dtitrbx ul li dl dt {
        font-size:14px;
    }

    .sub_area_01 .viewsl {
        width:100%;
    }

    .sub_area_02 .imgbx2 {
        width:100%;
        border-radius:15px;
    }


    /* SPUL01 */
    ul.spul01 {
        width:100%;
    }

    ul.spul01 li {
        float:none;
        width:100%;
        margin:0 0 25px;
    }

    ul.spul01 li .txtbx p.p1 {
        font-size:20px;
    }

    ul.spul01 li .txtbx p.p2 {
        font-size:14px;
    }


    /* SPUL02 */
    ul.spul02 {
        width:100%;
    }

    ul.spul02 li {
        margin-bottom:35px;
    }

    ul.spul02 li dl dt {
        float:none;
    }

    ul.spul02 li dl dt:first-child {
        width:100%;
        margin-right:0;
    }

    ul.spul02 li dl dt:last-child {
        width:100%;
        padding:15px 0 0;
    }

    ul.spul02 li .txtbx p.p1 {
        font-size:20px;
    }

    ul.spul02 li .txtbx p.p2 {
        font-size:14px;
    }


    /* SPUL03 */
    ul.spul03 {
        display:grid;
        width:100%;
        grid-template-columns:repeat(2,1fr);
        gap:30px 10px;
    }

    ul.spul03 li {
        float:none;
        width:100%;
    }

    ul.spul03 li .imgbx3 {
        width:120px;
        height:120px;
    }

    ul.spul03 li p.pp1 {
        font-size:18px;
        line-height:25px;
    }

    ul.spul03 li p.pp2 {
        font-size:14px;
        line-height:21px;
    }


    /* SPUL04 */
    ul.spul04 {
        width:100%;
		display:inline-block;
    }

    ul.spul04 li,
    ul.spul04 li:first-child {
        float:none;
        width:100%;
    }

    ul.spul04 li:first-child {
        margin-bottom:15px;
        font-size:18px;
    }

    ul.spul04 li:last-child {
        padding:0 0 25px;
    }
	
	ul.spul04 li dl.dls1 {}
	ul.spul04 li dl.dls1 dt {width:100%; margin-right:0; margin-bottom:10px;}


    /* BOARD */
    .board-page {
        padding-bottom:60px;
    }

    .board-view {
        padding:40px 0 60px;
    }

    .board-head h1,
    .board-view-head h1 {
        font-size:30px;
    }

    .board-category {
        justify-content:center;
        gap:6px;
        margin-bottom:25px;
    }

    .board-category a {
        padding:7px 12px;
        font-size:12px;
    }

    .board-search {
        justify-content:center;
        width:100%;
    }

    .board-search input {
        flex:1;
        width:auto;
        min-width:0;
    }

    .board-search button {
        flex-shrink:0;
    }


    .board-row {
        grid-template-columns:55px 1fr 85px;
        gap:8px;
        padding:14px 8px;
        font-size:13px;
    }

    .board-row > *:last-child {
        display:none;
    }


    .gallery-grid {
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }

    .gallery-text {
        padding:15px;
    }

    .gallery-text h2 {
        font-size:16px;
    }


    .faq-row summary {
        padding:18px 5px;
        gap:10px;
    }

    .faq-row summary strong {
        font-size:14px;
    }

    .faq-answer {
        padding:0 43px 20px;
        font-size:13px;
    }


    .board-attachment {
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }

}