@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,.board-view{padding:80px 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:25px}
.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;}
#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_area_01 {width:100%; text-align:Center; padding:50px 0;}
.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;}