@font-face {
    font-family: 'MYYeongnamnu';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/MYYeongnamnu.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HakgyoansimGaeulsopungB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimGaeulsopungB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

.location{ color:#fff;}
.location .xi-angle-right-min{ padding:0 10px;}


.subTitleSubject{ margin:100px 0 20px 0;}
.sub-area{ position:relative; margin:0 10%;}


.category{ position:absolute; bottom:0; left:0; background:#fff; width:100%; text-align:center;  }
.category ul{border-bottom:1px #ddd solid; margin:0 10%;}
.category li{ position:relative; display:inline-block; }
.category li:last-child{ margin-right:0; padding-right:0;}
.category li:before{ content:''; position:absolute; right:0; top:32px; border-right:1px #ccc solid; width:1px; height:20px; opacity:0.3;}
.category li:last-child:before{ display:none;}
.category a{ color:#777; display:block;padding:30px 40px; font-size:23px; }
.category .selected2 a{ position:relative; color:#36C; font-weight:600;}
.category .selected2 a:before{ content:''; position:absolute; left:0; bottom:0;background:#36C; width:100%; height:3px; }


.tabmenu_box{}
.depth3 { margin:0 20%;}
.depth3 ul { display: flex; justify-content: center;}
.depth3 ul li{ display:table; width:calc(100% / 3)}
.depth3 ul li a{display:table-cell; width:100%; height:70px; padding:0 4%;  box-sizing:border-box; border-color:#d3d3d3; border-style:solid; border-width:1px; border-left-width:0; border-top-width:0; letter-spacing:0; font-weight:500; font-size:23px; text-align:center; vertical-align:middle; color:#20273a; }
.depth3 ul li:nth-child(1) a, .depth3 ul li:nth-child(2) a, .depth3 ul li:nth-child(3) a, .depth3 ul li:nth-child(4) a, .depth3 ul li:nth-child(5) a{border-top-width:1px;}
.depth3 ul li:first-child a, .depth3 ul li:nth-child(5n+1) a{border-left-width:1px;}
.depth3 ul li.on a, .depth3 ul li.active a, .depth3 ul li a:hover{border-color:transparent; background-color:#0063af; background-repeat:no-repeat; background-position:right center; background-image:url(../images/sub/tab_menu_bg.png); color:#FFF;}


.subContent{ color:#091634;  margin-bottom: 100px;}

.subContent .c-table{ width:100%;} 
.subContent .c-table th{ background:#efefef;}
.subContent .c-table th, .subContent .c-table td{ border:1px #ddd solid; text-align:center; padding:15px} 
.subContent .c-table .al{ text-align:left !important; }


.sub_top_box{ height:770px; background-size:cover; background-position:100% 100%; text-align:center; margin-bottom: 120px; }
.sub_top_box .inner{ height:100%;}

.sub_vTxt{ color:#fff; padding-top:300px;}



.noticeBox{ border:15px solid rgb(0,0,0,0.05); margin:100px; text-align:center; padding:100px 0;}
.noticeBox strong{ font-size:37px;}
.noticeBox p{ margin-top:20px; font-size:23px;}
.noticeBox img{ width:200px; margin-bottom:15px;}

.mapBox .s01{ margin-bottom:70px;}
.mapBox .s02 { position:relative;}
.mapBox .s02 h2{ font-size:40px; font-weight:700; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
.mapBox .s02 .area{ display: flex; font-weight:600; font-size:25px;}
.mapBox .s02 .area p+p{ margin-left:50px;}
.mapBox .s02 .area p span{ color:#777; padding-right:15px;}
.mapBox .s03{ position:absolute; right:0; top:0; display:flex;}
.mapBox .s03 a{ display:flex;align-items: center;justify-content: center; width:170px; height:170px; border:1px dashed #a7a7a7; background:#fff; border-radius:50%; text-align:center;transition: all 0.3s; cursor:pointer;}
.mapBox .s03 a+a{ margin-left:20px;}
.mapBox .s03 a .icon{ font-size:30px;}
.mapBox .s03 a span{ display:block; margin:5px 0;}
.mapBox .s03 a .arrow{ color:#999;}
.mapBox .s03 a:hover{ background:#06C; color:#fff;}
.mapBox .s03 a:hover .arrow{ color:#fff; opacity:0.5;}

.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:670px !important;}


.p00001 .s01 img{ width:100%; margin:70px 0;}
.p00001 .s02 dl:nth-child(1){ border-top:2px #004a80 solid;}
.p00001 .s02 dl{ border-bottom:1px #ccdbe6 solid;}
.p00001 .s02 dl dt{ flex-basis: 28%; background:#f3f7fa; font-weight:600; text-align:center;}
.p00001 .s02 dl dd{}
.p00001 .s02 dl dt, .p00001 .s02 dl dd{ padding:20px 30px;}


.p00002 img{ width:100%;}
.p00002 .s01{ padding:50px 0 170px 0; }
.p00002 dl{ padding-top:70px;border-top:1px #ddd solid;}
.p00002 dl dt{flex-basis: 37%;}
.p00002 dl dd{ font-size:23px; margin-left:70px; line-height:30px;}
.p00002 dl dd p+p{ margin-top:20px;}
.p00002 dl dd .ar span{ font-family: 'HakgyoansimGaeulsopungB'; font-size:37px; padding-left:10px;}
.p00002 .s02{ display:flex; align-items: center;justify-content: center;flex-direction: column; text-align:center;  background:url(../img/sub/01/00002-01.jpg) no-repeat; background-size:cover; background-position:center center; min-height:1190px; color:#fff;}
.p00002 .s02 h1{ font-size:77px; font-weight:900; padding:30px 0 ;}
.p00002 .s02 p{ font-size:27px;}


.p00003 .s01 p{ font-size:57px; font-weight:700; padding:30px 0 100px 0;}
.p00003 .s02{ background:#f6f6f6; padding:150px 150px; }
.p00003 .s02 dt{flex-basis:20%;}
.p00003 .s02 dt h2{ position:relative; font-size:50px; font-weight:600; z-index:3;}
.p00003 .s02 dt h3{ letter-spacing:0; font-size:100px; font-weight:900; line-height:90px; margin:10px 0 50px 0;}
.p00003 .s02 dt p+p{ margin-top:15px;}
.p00003 .s02 dd{ margin-left:50px; }
.p00003 .s02 dd > ul {position:relative; }
.p00003 .s02 dd > ul > li+li{ margin-left:-30px;}
.p00003 .s02 dd > ul > li div{ position:relative;padding-left:25px;}
.p00003 .s02 dd > ul > li div strong{ font-size:27px; font-weight:800;}
.p00003 .s02 dd > ul > li div h4{ margin:5px 0 15px 0; font-size:20px;}
.p00003 .s02 dd > ul > li div:before{ content:''; position:absolute; top:0; left:3px; width:1px; height:200px; border-left:1px dotted #ccc; }
.p00003 .s02 dd > ul > li div:after{ content:''; position:absolute; left:-3px; width:7px; height:7px; border-radius:50%; background:#333; border:3px solid #fff; }
.p00003 .s02 dd > ul:nth-child(1):before{ content:''; position:absolute; top:192px; left:0; width:100%; height:1px; border-bottom:1px #777 solid;}
.p00003 .s02 dd > ul > li:nth-child(2n+1) div{ height:200px;}
.p00003 .s02 dd > ul > li:nth-child(2n+1) div:after{ bottom:0;}
.p00003 .s02 dd > ul > li:nth-child(2n){ padding-top:188px;}
.p00003 .s02 dd > ul > li:nth-child(2n) div{ padding-top:50px;}
.p00003 .s02 dd > ul > li:nth-child(2n) div:after{ top:0;}
.p00003 .s02 dd  div ul li{ position:relative; padding-left:12px;}
.p00003 .s02 dd  div ul li+li{ margin-top:5px;}
.p00003 .s02 dd  div ul li:before{ content:'-'; position:absolute; top:0px; left:0;}


.p00004{ text-align:center;}
.p00004 h1{ padding-bottom:50px;}
.p00004 .s01{ position:relative; padding-bottom:50px;}
.p00004 .s01:after{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%); width:1px; height:100%; border-left:1px #ddd solid; z-index:-1;}
.p00004 .s01 p:nth-child(1) span, .p00004 .s01 p:nth-child(2) span{ position:relative; display:inline-block; padding:30px 0; width:370px; border-radius:10px; color:#fff;}
.p00004 .s01 p+p{ padding-top:50px;}
.p00004 .s01 p:nth-child(1) span{ background:#003471}
.p00004 .s01 p:nth-child(2) span{ background:#00a651}
.p00004 .s02 ul{ position:relative;gap:0 50px; margin:0 120px;}
.p00004 .s02 ul:after{ content:''; position:absolute; top:0; left:50%; transform: translateX(-50%);width:706px; height:1px; border-top:1px #ddd solid; z-index:-1;}
.p00004 .s02 ul li{ position:relative; width:calc((100% / 2) - 25px); padding-top:50px; }
.p00004 .s02 ul li .tit{ background:#06C; color:#fff; padding:25px 0; border-radius:20px;margin-bottom:30px;}
.p00004 .s02 ul li:after{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%); width:1px; height:155px; border-left:1px #ddd solid; z-index:-1;}
.p00004 .s02 ul li div{ border-radius:17px; border:1px #ddd solid; overflow:hidden; background:#fff;}
.p00004 .s02 ul li div + div{ margin-top:30px;}
.p00004 .s02 ul li div span{ display:block; padding:15px 0; color:#fff;}
.p00004 .s02 ul li div p{ padding:15px;}
.p00004 .s02 ul li .span1{ background:#4A5677}
.p00004 .s02 ul li .span2{ background:#EDEEF0; color:#4A5677}
.p00004 .s02 ul li ul li p{ background:#EDEEF0; padding:15px 30px; display:block;}
.p00004 .s02 ul li ul li:after{ height:100px;}
.p00004 .s02 ul li ul{ margin:0;}
.p00004 .s02 ul li ul:after{width:352px;}


.p00006 dt{flex-basis:35%; padding:150px 0; text-align:center;}
.p00006 .s01 dd{background:url(../img/sub/02/00006-01.jpg) no-repeat; background-position:center center; background-size:cover;}
.p00006 .s01 img{ width:200px}
.p00006 .s01 h1{ margin-bottom:70px;}
.p00006 .s02 dl{}
.p00006 .s02 dt{ background:#4c69af; color:#fff;}
.p00006 .s02 dt h1{ font-size:40px; font-weight:800; padding-bottom:10px;}
.p00006 .s02 dt p{ font-size:25px; margin-bottom:50px;}
.p00006 .s02 dt img{ width:70%;}
.p00006 .s02 dd{  background:url(../img/sub/02/00006-02.jpg) no-repeat; background-position:center center; background-size:cover; padding:150px ; text-align:center; color:#fff;}
.p00006 .s02 ul{gap:30px;}
.p00006 .s02 ul li{ width:calc((100% / 3) - 22px); backdrop-filter: blur(20px);-webkit-backdrop-filter:blur(15px);border:1px solid rgb(255,255,255,0.3);}
.p00006 .s02 ul li .area{ padding:65px;}
.p00006 .s02 ul li strong{ font-size:35px; font-weight:800; padding-bottom:15px; display:block;}

.p00007 h1{ font-size:35px;}
.p00007 h1 span{ display:block; font-size:45px; margin-bottom:10px; font-weight:800;}

.p00007  .s01{background:#e9ecf1; padding:150px 0;}
.p00007  .s01 .area+.area{ margin-top:100px;}
.p00007  .s01 .area p{background:#fff; text-align:center; padding:50px; border-radius:20px; margin-top:30px;}
.p00007  .s01 img{ width:100%; }
.p00007  .s02 {background:#2F323A; padding:150px 0; }
.p00007  .s02 img{width:100%;}
.p00007  .s02 ul{ justify-content: space-between;}
.p00007  .s02 ul li:nth-child(1){ width:50%; display:flex;}
.p00007  .s02 ul li:nth-child(2){ width:45%; color:#fff; border-left:5px solid #fff;  box-sizing:border-box; padding-left:70px; font-size:42px;}
.p00007  .s02 ul li:nth-child(2) b{ font-weight:800; color:#aec522}
.p00007  .s02 ul li:nth-child(1) span{ width:45%;}
.p00007  .s02 ul li:nth-child(1) span+span{ margin-left:30px;}
.p00007  .s02 ul li:nth-child(1) span img{ width:100%;}
.p00007  .s03{ padding:150px 0;}
.p00007  .s03 .inner{ display:flex;justify-content: center;}
.p00007  .s03 iframe{ width:80%; height:600px; margin:0 auto;}

.p00008 .s01{ background:#efefef url(../img/sub/04/00008-01.jpg) no-repeat; background-position:right center; background-size:cover; padding:150px 0;}
.p00008 .s01 dl{align-items: center;}
.p00008 .s01 dl dt{flex-basis: 60%; }
.p00008 .s01 dl dd{ margin-left:100px; }
.p00008 .s01 dl dd img{ width:100%}
.p00008 .s01 span{ display:inline-block; border:1px #555 solid; padding:10px 30px; border-radius:20px; letter-spacing:0; font-size:16px;}
.p00008 .s01 span+span{ margin-left:15px;}
.p00008 h1{ font-size:77px; font-weight:900; padding:50px 0 20px 0;}
.p00008 .s01 .sTit{ font-size:27px; font-weight:600;}
.p00008 .s01 ul{gap:50px; margin-top:70px;}
.p00008 .s01 ul li{ border:1px #ddd solid; width:calc((100% / 2) - 30px); background:#fff; text-align:center; border-radius:27px; padding:50px 0;}
.p00008 .s01 ul li em{ font-style:normal; font-size:25px;  border-bottom:1px solid rgb(0,0,0,0.2); display:block; margin:0 10% 10px 10%; padding-bottom:10px;}
.p00008 .s01 ul li strong{ font-size:77px; font-weight:900; display:block; color:#2cb06e;}

.p00008 .s02{ padding:150px 0;background:url(../img/sub/04/00008-03.jpg) no-repeat; background-position:center center; background-size:cover; text-align:center; color:#fff; }
.p00008 .s02 h2{ font-weight:300; font-size:70px;} 
.p00008 .s02 .area{ display:flex; margin-top:70px;}
.p00008 .s02 .area div+div{ margin-left:50px;}
.p00008 .s02 .area div{ width:calc(100% / 3); text-align:center; border:1px solid rgb(255,255,255,0.3); padding:100px 50px;backdrop-filter: blur(10px);-webkit-backdrop-filter:blur(10px);}
.p00008 .s02 .area div ul{justify-content: center;}
.p00008 .s02 .area div ul li{ width:calc(100% / 3);}
.p00008 .s02 .area div ul li img{ height:70px;}
.p00008 .s02 .area div ul li p{ margin-top:10px;}
.p00008 .s02 .area div h3{ color:#23dd80; font-size:30px; margin-bottom:30px;} 
.p00008 .s04 {padding:100px 0;  background-color:#ebeef3;}
.p00008 .s04 p+p{ padding-top:100px;}
.p00008 .s04 img{ width:100%;}

.p00008 .s03{ background:#efefef; padding:150px 0;}
.p00008 .s03 ul{ justify-content: space-between;}
.p00008 .s03 > ul > li:nth-child(1){ width:30%;}
.p00008 .s03 > ul > li:nth-child(2){ width:calc((100% - 30%) - 70px);}
.p00008 .s03 ul li:nth-child(1) p span{ font-size:30px; font-weight:700; display:block; margin:20px 0 5px 0;}
.p00008 .s03 ul li:nth-child(2) dl dd{ margin-left:30px;}
.p00008 .s03 ul li:nth-child(2) .area01{display:flex;align-items: center; padding-left:80px; margin-bottom:20px;}
.p00008 .s03 ul li:nth-child(2) .area01 p{ font-size:30px;}
.p00008 .s03 ul li:nth-child(2) .area01 p+p{ margin-left:40px;}
.p00008 .s03 ul li:nth-child(2) .area01 p span{ display:block; font-weight:700;}
.p00008 .s03 ul li:nth-child(2) .area01 p span+span{ margin-top:10px;}
.p00008 .s03 ul li:nth-child(2) .area02 ul { margin:15px 0;}
.p00008 .s03 ul li:nth-child(2) .area02 ul li{ font-size:23px; font-weight:700;}
.p00008 .s03 h2{ font-size:50px; font-weight:900; margin-bottom:20px;}

/*****SDAC 홈페이지 리뉴얼 - 25.10.24*****/
.subh1{font-size: 52px; text-align: center; margin-bottom: 5px;}
.subh2{font-size: 32px; text-align: center; font-weight: 400; margin-bottom: 50px;}
.subh3{font-size: 34px; }
.subT p{text-align: center; font-size: 23px;}
.line2::before { content: ""; display: block;  width: 2px;  height: 200px;  background: #616161;  margin: 10px auto;}


.ani-text-area {position:relative;}
.ani-text-area h1 {font-size:57px; color:#dddddd;}
.ani-text-area h1 p {position:relative; font-size:inherit; font-weight:inherit;}
.ani-text-area h1 p:nth-child(2) b { transition-delay: 0s;}
.ani-text-area h1 b {display: block;  font-weight:inherit; position:absolute; top:0; left:0px; max-width:0; color:#000; overflow: hidden; white-space: nowrap; max-width:0px;}
.ani-text-area h1 b {max-width:100%;}
.ani-text-area h1 p.textcolor:nth-child(2) b {animation-delay: 1s;}
.textcolor { animation-name: textcolor; animation-duration: 3s; animation-fill-mode: forwards;}
@keyframes textcolor {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 100%;
    }
}


.p00009 .s00 {width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 50px;}
.p00009 .s00>div img{border-radius: 24px; width: 100%;}
.p00009 .s01 {display: flex; justify-content: space-between; justify-content: center;align-items: center; gap: 28px;}
.p00009 .s01>div{ text-align: center; border: 1px solid #ddd; width: calc(100% / 3);  height: 320px;  background: #fdfdfd; border-radius: 24px;  padding: 35px; box-sizing: border-box; position: relative; margin: 26px 0;}
.p00009 .s01>div img{}
.p00009 .s01>div h3{ font-size: 36px; margin: 10px;letter-spacing: 2px;  color: #28336e;}
.p00009 .s01>div a{position: absolute; font-size: 20px;  bottom: 10%;  left: 37%;  background: #28336e;  color: #fff;  padding: 6px 46px;  border-radius: 20px;}
.p00009 .s01>div .line::before { content: ""; display: block; width: 40px; height: 2px; background: #ddd;  margin: 10px auto;}
.p00009 .s01>div p{ font-size: 20px; line-height: 28px;}
.p00009 .s02 dl:nth-child(1){ border-top:2px #004a80 solid;}
.p00009 .s02 dl{ border-bottom:1px #ccdbe6 solid;}
.p00009 .s02 dl dt{ flex-basis: 28%; background:#f3f7fa; font-weight:600; text-align:center;}
.p00009 .s02 dl dd{}
.p00009 .s02 dl dt, .p00009 .s02 dl dd{ padding:20px 30px;}
.p00009 .s03 {display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px;}
.p00009 .s03>div{ text-align: center; border: 1px solid #ddd;  background: #fdfdfd; border-radius: 24px;  padding: 35px; box-sizing: border-box; position: relative;  height: 300px;}
.p00009 .s03>div h3{ font-size: 22px; margin: 20px 0;  color: #28336e;}
.p00009 .s03>div h3 span{font-size: 18px; font-weight: 300; color: #333; display: block;}
.p00009 .s03>div p{font-size: 18px; line-height: 22px;}
.p00009 .s03>div img{width: 50%;  transition: transform 0.4s ease;}
.p00009 .s03>div:hover img {  transform: scale(1.05);}
.p00009 .subh3{ margin: 100px 0 30px 0; text-align: center;}

.p00010 .s01 {display: flex; justify-content: space-between; justify-content: center;}
.p00010 .kv-section { position: relative;  padding: 80px 0;  min-height: 600px; overflow: hidden; background: #fff;}
.p00010 .img-wrap.kv {  position: absolute;  top: 40px; left: 0; right: 0; bottom: 40px; margin: 0 auto; width: 100%; height: calc(100% - 80px); overflow: hidden; z-index: 0; /* 처음엔 좌우 여백 20%로 시작 */ clip-path: inset(0% 20%); transition: clip-path 0.2s linear; will-change: clip-path;}
.p00010 .kv-img { width: 100%; height: 100%; object-fit: cover; display: block;}
.p00010 .kv-copy { position: relative;z-index: 2;    padding: 5% 20%;}
.p00010 .kv-title {  font-size: 64px;  font-weight: 800;  margin-bottom: 18px;  color: #1a1a1a;transition: color 0.3s ease;}
.p00010 .kv-text {  font-size: 24px;  line-height: 1.6;  color: #333; transition: color 0.3s ease, opacity 0.3s ease;}
.p00010 .kv-section { --progress: 0;}
.p00010 .img-wrap.kv { /* 처음엔 20%, progress=1일 때 0% */ clip-path: inset(0% calc((1 - var(--progress)) * 20%));}
.p00010 .kv-title, .p00010 .kv-text {  color: color-mix(in srgb, #1a1a1a calc(80% - 80% * var(--progress)), #fff calc(80% * var(--progress)));}
.p00010 .kv-title[data-in-image="true"]{ color: #b6e300 !important; }
.p00010 .kv-text[data-in-image="true"] { color: #fff !important; }
.p00010 .s03 {display: flex; justify-content: space-between; align-items: center;    gap: 35px;}
.p00010 .s03>div{ text-align: center; border: 1px solid #ddd; width: calc(100% / 3);   background: #fdfdfd; border-radius: 24px;  padding: 35px; box-sizing: border-box; position: relative; margin: 26px 0; height: 300px;}
.p00010 .s03>div h3{ font-size: 26px; margin: 20px 0;  color: #28336e;}
.p00010 .s03>div h3 span{font-size: 18px; font-weight: 300; color: #333; display: block;}
.p00010 .s03>div p{font-size: 18px; line-height: 22px;}
.p00010 .s03>div img{width: 25%;  transition: transform 0.4s ease;}
.p00010 .s03>div:hover img {  transform: scale(1.05);}
.p00010 .subh3{margin-top: 100px; text-align: center;}

.p00011 .history {display: flex;}
.p00011 .history .history_img{flex-basis: 40%;  flex-shrink: 0;}
.p00011 .history .history_img img{border-radius: 20px; width: 100%;}
.p00011 .history .history_txt{flex-grow: 1; padding-left: 85px;}
.p00011 .history .history_txt2{flex-grow: 1; padding-left: 0; padding-right: 85px;}
.p00011 .history .history_txt h1{font-size: 52px; margin-bottom: 20px; color: #28336e; font-weight: 800;}
.p00011 .history .history_txt p{ padding: 20px 0; border-bottom: 1px solid #efefef; display: flex;  color: #333}
.p00011 .history .history_txt p strong{display: block;  padding-right: 30px;font-weight: 600;}
.p00011 .h-line{  border-bottom: 1.5px dashed #ddd; padding-bottom: 60px; margin-bottom: 60px;   }

.p00012 {}
.p00012 .s01{ display: flex; border-top: 2px solid #000; border-bottom: 1px solid #ddd; margin-bottom: 50px;}
.p00012 .s01 img{flex-basis: 48%;  flex-shrink: 0;}
.p00012 .s01 .s01_txt{flex-grow: 1; padding: 50px; }
.p00012 .s01 .s01_txt h1{color: #28336e; font-weight: 700;}
.p00012 .s01 .s01_txt h2 {font-size: 24px; margin-bottom: 50px; font-weight: 500; text-align: justify;}
.p00012 .s01 .s01_txt p{font-size: 20px; color: #555; line-height: 35px; display: flex;  align-items: baseline;}
.p00012 .s01 .s01_txt p strong{margin-right: 20px;}
.p00012 .s01 .s01_txt>div{ margin-top: 20px; border-top: 1px dashed #ddd; padding-top: 20px;}
.p00012 .s01 .s01_txt>div p{display: flex;  align-items: baseline; font-size: 18px; }
.p00012 .s01 .s01_txt>div p strong{font-weight: 600; margin-right: 20px; color: #333;line-height: 28px;}


.p00013 { position:relative; padding-bottom: 100px;}
/*.p00013:before{ content:''; position:absolute; top:-300px; left:0; width:100%; height:300px; background:#f3f4f7; z-index:-1;}*/
.p00013 .button_area ul{ display:flex; flex-wrap: wrap; gap: 50px; justify-content: flex-start;}
.p00013 .button_area li{  display:table; width: calc((100% - (50px * 5)) / 6); /* 6개 + 5개 간격 고려 */ text-align:center;}
.p00013 .button_area li img{ width:auto; height:384px;}
.p00013 .button_area li .icon_z {width:55%; height: auto;}
.p00013 .button_area li .imgA{position:relative;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); background:#fff; margin-bottom:20px;}
.p00013 .button_area li p{ font-size:21px;}
.p00013 .port-dim { position:absolute;width:100%; height:100%; left:0; top:0; background:#000; opacity:0; transition:opacity 0.5s;}
.p00013 .button_area li i{position:absolute; width:65px; height:65px; line-height:55px; top:50%; left:50%;   color:#fff; font-size:27px;  border-radius:50%; background:#28336e;transform: translate(-50%, -50%);opacity:0; transition:opacity 0.5s;}
.p00013 a:hover .port-dim {opacity:0.5;}
.p00013 .button_area li a:hover i {opacity:1;}
.subsidiaries {position: relative;}
.subsidiaries .layer_bg {position: fixed; top:0; left:0; bottom:0; right:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 100;}
.subsidiaries .layer_wrap {display: none; position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height: 100%; z-index: 1000;}
.subsidiaries .layer_area {display: none; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:80%; max-width:670px; z-index: 10000; background:#fff; text-align:center;}
.subsidiaries .layer_area .img_area {}
.subsidiaries .layer_area .img_area img {width: 100%;}
.subsidiaries .layer_area .close_btn {position: absolute; top:0; right:0; width: 60px; height: 60px;font-size:0; background:#222;}
.subsidiaries .layer_area .close_btn i{ font-size:30px; text-align:center; color:#fff;}


.p00014 {}
.p00014 .s01{display: flex; border-top: 2px solid #000; padding-top: 25px; margin-top: 50px;}
.p00014 .s01 h3{flex-basis: 22%;  flex-shrink: 0; font-size: 52px; font-weight: 700;    }
.p00014 .s01 h3 span{font-size: 22px; font-weight: 300;}
.p00014 .s01 .s01_box{flex-grow: 1;}
.p00014 .s01 .s01_box h4{font-size:26px; color: #28336e; margin-bottom: 10px;}
.p00014 .s01 .s01_box p{text-align: justify;}
.p00014 .s01 .s01_box img{width: 100%;}
.p00014 .s01 .s01_box>div a{ }
.p00014 .s01 .s01_box a{ border: 1px solid #ddd; box-sizing: border-box; display: inline-block; padding: 20px; text-align: center; border-radius: 20px; background: #fdfdfd;margin: 22px 0;}
.p00014 .s01 .s01_box a img{width: 65%;}
.p00014 .s01 .s01_box a p{    text-align: center; margin-top: 20px;}
.p00014 .s01 .s01_box a span{ background: #28336e;margin-top: 5px; display: block;  color: #fff;  padding: 5px 40px;  border-radius: 20px; font-size: 17px;}


.p00015 .subh2{font-size: 22px;}
.p00015 .s01{ display: flex; border-top: 2px solid #000; border-bottom: 1px solid #ddd; margin-top: 50px;}
.p00015 .s01 img{flex-basis: 20%;  flex-shrink: 0;}
.p00015 .s01 .s01_txt{flex-grow: 1; padding: 50px; }
.p00015 .s01 .s01_txt h1{color: #28336e; font-weight: 700;}
.p00015 .s01 .s01_txt>div {position: absolute; bottom: 10%;}
.p00015 .s01 .s01_txt>div p{font-size: 20px; color: #555; line-height: 35px; text-align: justify;}
.p00015 .s01 .s01_txt>div p strong{font-weight: 600; margin-right: 20px; color: #333;line-height: 28px;}
.p00015 .s02{margin-top: 100px; padding:150px 0;background:url(../img/sub/04/00008-03.jpg) no-repeat; background-position:center center; background-size:cover; text-align:center; color:#fff; }
.p00015 .s02 h2{ font-weight:300; font-size:70px;} 
.p00015 .s02>div .area{display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; margin-top: 70px;}
.p00015 .s02>div .area li{text-align:center; border:1px solid rgb(255,255,255,0.3); padding:50px;backdrop-filter: blur(10px);-webkit-backdrop-filter:blur(10px);  border-radius: 4px;}
.p00015 .s02>div .area li img{ height:70px;  transition: transform 0.4s ease;}
.p00015 .s02>div .area li:hover img {  transform: scale(1.05);}
.p00015 .s02>div .area li p{ font-size: 20px; margin-top: 20px;}
.p00015 .s02>div .area li p span{font-size: 17px; font-weight: 300; color: #ccc;}
.p00015 .s02>div .area h3{ color:#23dd80; font-size:30px; margin-bottom:30px;} 
.p00015 .s03 {padding:150px 0; text-align: center; background: #efefef url(../img/sub/04/00008-01.jpg) no-repeat; background-position: right center; background-size: cover;}
.p00015 .s03 ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 70px;}
.p00015 .s03 ul li{}
.p00015 .s03 ul li img{border-radius: 4px; width: 100%;}
.p00015 .s03 ul li p{font-size: 22px; color: #333; margin: 10px 0;}
.p00015 .s04 {background: none;}
.p00015 .s05{}
.p00015 .s05 ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; margin-top: 50px; text-align: center;}
.p00015 .s05 ul li img{border-radius: 4px; width: 100%;}
.p00015 .s05 ul li p{font-size: 22px; color: #333; margin: 10px 0;}

.p00016 .s01{ margin-top: 85px;}
.p00016 .s01 h3{ font-size: 46px; border-bottom: 2px solid #000; padding-bottom: 20px; margin-bottom: 20px;}
.p00016 .s01 .img{width: 100%; border-radius: 24px; border: 1px solid #ddd; margin-top: 5px;}
.p00016 .s01 .s01_1{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.p00016 .s01 .s01_1 .s01_1box{display: flex; align-items: center; border: 1px solid #ddd;  background: #fdfdfd; border-radius: 24px; box-sizing: border-box; padding: 35px;}
.p00016 .s01 .s01_1 .s01_1box img{margin-right: 36px; height: 65%;}
.p00016 .s01 .s01_1 .s01_1box>div {}
.p00016 .s01 .s01_1 .s01_1box>div span{    font-size: 18px;}
.p00016 .s01 .s01_1 .s01_1box>div p{font-weight: 500; color: #333; font-size: 32px;}
.p00016 .s01 .s01_1 .s01_1box>div p strong{font-size: 18px; color: #333;}


.p00017 ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.p00017 ul li img{border-radius: 4px; width: 100%;}
.p00017 ul li p{font-size: 22px; color: #333; margin: 10px 0;}
.p00017 h1 {text-align: center; margin-top: 70px; padding: 30px 0;}
.p00017 .s01 ul li{text-align: center;}
.p00017 .s01 ul li h2{color: #55800d; font-size: 26px; padding-top: 10px;}
.p00017 .s01 ul li h3{ font-size: 22px; border-bottom: 1px solid #ddd; padding: 10px 0; font-weight: 500; margin-bottom: 8px;}
.p00017 .s01 ul li h4{ font-size: 20px; font-weight: 400; line-height: 28px; display: inline-block; text-align: left;}
.p00017 .s02 {text-align: center;}
.p00017 .s03 {}
.p00017 .s04 { border: 1px solid #ddd;  background: #fdfdfd; text-align: center;  padding: 40px; margin-top: 50px;}
.p00017 .s04 p img{margin:0 5px 0 20px;}
.p00017 .s04 h2{ font-size: 26px; padding-bottom: 10px;}


.p00019 { position:relative; padding-bottom: 100px;}
/*.p00019:before{ content:''; position:absolute; top:-300px; left:0; width:100%; height:300px; background:#f3f4f7; z-index:-1;}*/
.p00019 .button_area ul{ display:flex; flex-wrap: wrap; gap: 50px; justify-content: flex-start;}
.p00019 .button_area li{  display:table; width: calc((100% - (50px * 5)) / 6); /* 6개 + 5개 간격 고려 */ text-align:center;}
.p00019 .button_area li img{ width:auto; height:384px;}
.p00019 .button_area li .icon_z {width:55%; height: auto;}
.p00019 .button_area li .imgA{position:relative;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); background:#fff; margin-bottom:20px;}
.p00019 .button_area li p{ font-size:21px;}
.p00019 .port-dim { position:absolute;width:100%; height:100%; left:0; top:0; background:#000; opacity:0; transition:opacity 0.5s;}
.p00019 .button_area li i{position:absolute; width:65px; height:65px; line-height:55px; top:50%; left:50%;   color:#fff; font-size:27px;  border-radius:50%; background:#28336e;transform: translate(-50%, -50%);opacity:0; transition:opacity 0.5s;}
.p00019 a:hover .port-dim {opacity:0.5;}
.p00019 .button_area li a:hover i {opacity:1;}


.p00020 {  color: #222; font-size: 18px;   line-height: 1.7; margin: 50px 0;}
.p00020 .s01 { padding: 50px;  border: 1px solid #ccc;  border-radius: 4px;}
.p00020 h3 { font-size: 22px;  font-weight: 800;  margin-bottom: 15px; border-bottom: 1px solid #ddd;  padding-bottom: 5px;}
.p00020 h4 { font-size: 17px; font-weight: 700; margin-top: 20px;}
.p00020 p {margin-top: 8px; margin-bottom: 5px; word-break: keep-all;}
.p00020 strong { font-weight: 700;}
.p00020 .s02 { margin-top: 30px;}
.p00020 .p_table {  text-align: center; width: 100%; border-collapse: collapse;  border-top: 2px solid #000;  background: #fff;}
.p00020 .p_table th, .p00020 .p_table td { border: 1px solid #ccc; padding: 10px 12px;}
.p00020 .p_table th {  background: #f7f7f7; font-weight: 600;  text-align: center;}
.p00020 .p_table td { vertical-align: middle;}
.p00020 .p_table tbody tr:nth-child(even) { background: #fafafa;}


.p00021 {}
.p00021 .map .s02{display: flex; padding: 36px; background: linear-gradient(to right, #aec521, #386b07); color: #fff; margin-bottom: 50px; align-items: center;}
.p00021 .map .s02 h1{ flex-basis: 20%; flex-shrink: 0; font-size: 30px;  border-right: 1px solid #fff; margin-right: 5%;    text-align: center;}
.p00021 .map .s02>div {flex-grow: 1;}
.p00021 .map .s02>div p{ font-size: 20px; line-height: 32px;}
.root_daum_roughmap .cont {display: none;}


.policy{}
.info-table-wrap { width: 100%; overflow-x: auto;}
.info-table {  width: 100%;  border-collapse: collapse;  border: 1px solid #333;  font-size: 15px;  line-height: 1.6;  text-align: center;  background-color: #fff;}
.info-table th,.info-table td {  border: 1px solid #333;  padding: 10px 15px; vertical-align: middle;}
.info-table th { background-color: #f8f8f8; font-weight: 600;}
.info-table td a { color: #000; text-decoration: none;}
.info-table td a:hover { text-decoration: underline;}

/* 반응형 (모바일일 때 줄바꿈 방지) */
@media screen and (max-width: 600px) {
  .info-table {
    font-size: 14px;
  }
  .info-table td,
  .info-table th {
    padding: 8px 10px;
  }
}




@media all and (max-width : 1920px){
	
	.sub_top_box{ height:570px;}
	
	.sub_vTxt{ padding-top:210px;}
	
	.sub-content-nav{ background-size:auto 270px;}
	.sub-content-nav h2{  font-size:47px;}
	.category{ margin-top:30px;}
	.category a{padding:25px 30px; font-size:19px;}
	.category li::before{ height:15px; top:27px;}
	.sub_v{ top:42px;right:50px; width:270px; height:171px; }
	
	
	.subContent{ margin-top:70px; }
	.subContent h1{ font-size:40px;}
	
	.noticeBox{ padding:70px 0;}
	.noticeBox img{ width:170px;}

	.mapBox .s02 h2{ font-size:35px;}
	.mapBox .s02 .area{font-size:20px;}
	.mapBox .s03 a{width:150px; height:150px;}
	.root_daum_roughmap .wrap_map{height:570px !important;}
	
	.subh2 {font-size: 24px;}
	
	.p00009 .subh2 {margin-bottom: 30px;}
	.p00009 p {font-size: 20px;}
	.p00009 .s01 {margin-top: 30px;}
	.p00009 .s01>div {height: 270px;}
	.p00009 .s01>div a {left: 33%; bottom: 10%;  font-size: 18px;}
	.p00009 .s01>div h3 {font-size: 28px;}
	.p00009 .s01>div p {font-size: 18px; line-height: 22px;}
	.p00009 .s03>div { padding: 30px; height: 250px;}
	.p00009 .s03>div h3 {font-size: 18px;}
	.p00009 .s03>div h3 span {font-size: 16px;}
	.p00009 .s03>div p { font-size: 16px;  line-height: 20px;}
	
	.p00011 .history .history_txt h1 {font-size: 46px; margin-bottom: 10px;}
	.p00011 .history .history_txt p {padding: 12px 0;}
	
	.p00012 .s01 {  margin-bottom: 25px;}
	.p00012 .s01 img {flex-basis: 20%;height: 100%; width: 35%;}
	.p00012 .s01 .s01_txt { padding: 35px;}
	.p00012 .s01 .s01_txt h1 {font-size: 32px;}
	.p00012 .s01 .s01_txt h2 { font-size: 20px; margin-bottom: 33px;}
	.p00012 .s01 .s01_txt p {font-size: 18px; line-height: 27px;}
	.p00012 .s01 .s01_txt>div {padding-top: 15px;}
	.p00012 .s01 .s01_txt>div p { font-size: 16px; line-height: 22px;}	

	.p00015 .s01 img {flex-basis: 10%; width: 36%; height: 100%;}
	.p00015 .s01 .s01_txt>div {}
	.p00015 .s01 .s01_txt>div p {font-size: 18px;    line-height: 24px;}
	.p00015 .s02 {padding: 130px 0;}
	.p00015 .s02>div .area li {padding: 30px;}
	.p00015 .s02>div .area li img {height: 50px;}
	.p00015 .s02>div .area li p {font-size: 17px;}
	.p00015 .s02>div .area li p span {font-size: 15px;}
	.p00015 .s02>div .area { margin-top: 40px;}
	.p00015 .s03 ul { margin-top: 35px;}
	.p00015 .s03 ul li p, .p00015 .s05 ul li p, .p00017 ul li p {font-size: 18px;}
	
	.p00016 .s01 h3{ font-size: 30px; padding-bottom: 15px; margin-bottom: 15px;}
	.p00016 .s01 .s01_1 .s01_1box {  padding: 20px;}
	.p00016 .s01 .s01_1 .s01_1box>div p { font-size: 22px;}

}

@media all and (max-width : 1680px){
	
	.p00009{}
	.ani-text-area h1{ font-size:37px;}
	.ani-text-area h1 p{ color:#333; }
	.ani-text-area h1 b{ display:none;}
	
	.p00013 .button_area li { width: calc((100% - (50px * 3)) / 4);}
	
	.p00019 .button_area li { width: calc((100% - (50px * 3)) / 4);}
	
}
@media all and (max-width : 1280px){
	
	.category{ display:none;}
	
	.sub_top_box{ height:450px;}
	.sub_vTxt{ padding-top:190px;}
	.sub_vTxt .fs70{ font-size:45px;}



	.root_daum_roughmap .wrap_map{height:500px !important;}
	
	
	.subContent h1{ font-size:25px;}
	
	.subh1{font-size: 30px;}
	.subh2 {font-size: 20px;}
	
	
	.p00009 .s03 { grid-template-columns: repeat(3, 1fr);}
	.p00009 .s03>div img {width: 30%;}
	
	
	.p00010 .kv-section {min-height: 185px; padding: 60px 0}
	.p00010 .img-wrap.kv {height: 100%;}
	.p00010 .kv-copy { padding: 5% 10%;}
	.p00010 .kv-title {font-size: 36px;}
	.p00010 .kv-text { font-size: 18px; line-height: 1.3;}
	
	.p00013 .button_area ul {	gap: 20px;}
	.p00013 .button_area li p {  font-size: 16px;}
	.p00013 .button_area li img { height: 315px;}
	.subsidiaries .layer_area {max-width: 500px;}
	
	.p00019 .button_area ul {	gap: 20px;}
	.p00019 .button_area li p {  font-size: 16px;}
	.p00019 .button_area li img { height: 315px;}
}

@media all and (max-width : 1024px){
	

	.p00011 .history .history_txt {  padding-left: 25px;}
	.p00011 .history .history_txt h1 {font-size: 30px;}
	
	.p00012 .s01 { display: block;}
    .p00012 .s01 img { width: 100%; }
	.p00012 .s01 .s01_txt { padding: 15px; }
	
	.p00013 .button_area li {width: calc((100% - (50px * 2)) / 3); }
	
	.p00014 .s01 h3 {font-size: 30px; flex-basis: 18%;}
	.p00014 .s01 .s01_box h4 {font-size: 22px;}
	.p00014 .s01 .s01_box a img { width: 50%;}
	.p00014 .s01 .s01_box a span { padding: 6px 25px; font-size: 16px;}
	.p00014 .s01 .s01_box a {padding: 16px;}
	
	.p00016 .s01 { margin-top: 50px;}
	.p00016 .s01 .s01_1 {  gap: 5px;}
	.p00016 .s01 .s01_1 .s01_1box {  padding: 20px;}
	.p00016 .s01 .s01_1 .s01_1box>div span {font-size: 16px;}
	.p00016 .s01 .s01_1 .s01_1box {align-items: center;}
	.p00016 .s01 .s01_1 .s01_1box img {margin-right: 15px;}
	
	.p00017 .s01 ul li h2 {font-size: 20px;}
	.p00017 .s01 ul li h3 {font-size: 17px;}
	.p00017 .s01 ul li h4 {font-size: 16px;  line-height: 22px;}
	.p00017 h1 {margin-top: 30px; padding: 20px 0;}
	.p00017 ul li p {font-size: 18px;}
	
	.p00019 .button_area li {width: calc((100% - (50px * 2)) / 3); }

	.p00020 { font-size: 16px; margin: 40px 0; }
    .p00020 .s01 {  padding: 30px; }
    .p00020 h1.subh1 {font-size: 22px;}
    .p00020 h3 {font-size: 20px;  }
	
	.p00021 .map .s02 {padding: 20px;}
	.p00021 .map .s02 h1 {font-size: 22px;}
	.p00021 .map .s02>div p {font-size: 16px; line-height: 24px;}
	
}


@media all and (max-width : 960px){
	
	
	.p00001 li:nth-child(1) .area{ position:relative; color:#555; top:0; left:0; margin:30px 0;}
	.p00001 li:nth-child(1) .area strong{ font-size:30px;}
	.p00001 li:nth-child(1) .area p br{ display:none;}


	.noticeBox{ padding:37px; margin:0 10px;}
	
	.mapBox .s03{ position:relative; margin-top:30px;}
	.mapBox .s03 a{ position:relative;border-radius:10px; width:calc((100% / 2) - 10px); justify-content: flex-start; height: 100px;}
	.mapBox .s03 a p{ display:flex;align-items: center; padding-left:20px;}
	.mapBox .s03 a .icon{ margin-right:10px;}
	.mapBox .s03 a .arrow{ position:absolute; top:50%; right:20px;  transform: translateY(-50%);}	
	
	
	.subContent h1 br{ display:none;}


    .p00009 .s01>div { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
	.p00009 .s01>div img { width: 10%;}
	.p00009 .s01>div a { display: block;  position: unset;}

	.p00013 .button_area li { width: calc((100% - 50px) / 2);}
	
	.p00015 .s01 .s01_txt { padding: 15px;}
	.p00015 .s01 .s01_txt>div {position: unset;}
	.p00015 .s01 .s01_txt>div p {font-size: 16px;}
	.p00015 .s01 .s01_txt>div p strong { line-height: 20px;}
	.p00015 .s02>div .area {grid-template-columns: repeat(3, 1fr);}
	.p00015 .s02, .p00015 .s03 {padding: 100px 0;}
	.p00019 .button_area li { width: calc((100% - 50px) / 2);}

	
    .p00020 .p_table th, .p00020 .p_table td { font-size: 13px;padding: 8px; }

}







@media all and (max-width : 640px){
	
	.subh2 {font-size: 16px;}
	.subT p {font-size: 16px;}
	
	.sub_top_box{ height:400px; background-position:70% 50%;}
	
	.sub_vTxt{ padding-top:140px;}
	.sub_vTxt .fs70{ font-size:37px;}
	.sub_vTxt .fs30{ padding:0 15px;}
	.sub_vTxt .fs30 br{ display:none;}
	

	.noticeBox p{ font-size:20px;}
	
	.line2::before { width: 1px;  height: 100px;  }
	
	.p00009 .s00 {gap: 5px;}
	.p00009 .s01 {  display: block;}
	.p00009 .s01>div {width: 100%;}
	.p00009 .s03 { grid-template-columns: repeat(2, 1fr);}
	.p00009 .s03>div {  height: 230px;}
    .p00009 p { font-size: 16px;}
	.p00009 .subh3 {margin: 50px 0 15px 0;}
	
	.p00010 .s03 {display: block;}
	.p00010 .s03>div {width: 100%; height: 200px;}
	.p00010 .s03>div img {width: 15%;}
	.p00010 .kv-title { font-size: 26px;}
	.p00010 .kv-text {font-size: 16px;}
	.p00010 .s03>div h3 {font-size: 20px;margin: 10px 0;}
	
	.p00011 .history {	display: block;}
	.p00011 .history .history_img img {margin-bottom: 20px;}
	.p00011 .history .history_txt { padding: 0; }
	
	.p00012 .s01 .s01_txt h1 {font-size: 26px;}
	.p00012 .s01 .s01_txt h2 {font-size: 17px;}
	.p00012 .s01 .s01_txt p { font-size: 16px;line-height: 24px; }
	
	.p00013 .button_area ul { gap: 20px; /* 간격 줄이기 */}
    .p00013 .button_area li { width: calc((100% - 20px) / 2); }
    .p00013 .button_area li img { height: auto;width: 100%; }
    .p00013 .button_area li p { font-size: 16px; }
	
	.p00014 .s01 { display: block;}
	.p00014 .s01 h3 {font-size: 24px;}
	.p00014 .s01 .s01_box h4 { font-size: 19px;}
	.p00014 .s01 h3 span { font-size: 18px; display: block;}
	
	.p00015 .subh2 {font-size: 16px;}
	.p00015 .s01 {display: block;}
	.p00015 .s01 img {width: 100%;}
	.p00015 .s02>div .area, .p00015 .s03 ul {grid-template-columns: repeat(2, 1fr);}
	.p00015 .s05 ul{gap: 15px;}

	.p00016 .s01 .s01_1 {grid-template-columns: repeat(1, 1fr);}
    .p00016 .s01 .s01_1 .s01_1box img { margin-right: 30px;  height: 40%;}
	.p00016 .s01 h3{font-size: 22px;}
	.p00016 .s01 .s01_1 .s01_1box>div p { font-size: 18px;}
	.p00016 .s01 .s01_1 .s01_1box { padding: 0 30px; }
	
	.p00017 .s01 ul {grid-template-columns: repeat(1, 1fr);}
	.p00017 ul { gap: 5px;}
	.p00017 ul li p {font-size: 15px;}
	
	.p00019 .button_area ul { gap: 20px; /* 간격 줄이기 */}
    .p00019 .button_area li { width: calc((100% - 20px) / 2); }
    .p00019 .button_area li img { height: auto;width: 100%; }
    .p00019 .button_area li p { font-size: 16px; }
	
	.p00020 { margin: 30px 0;font-size: 15px; }
    .p00020 .s01 {  padding: 20px;}
    .p00020 .s02 { margin-top: 20px; overflow-x: auto; /* 표 가로 스크롤 허용 */ }
    .p00020 .p_table {width: 100%; font-size: 14px;}
    .p00020 h3 {font-size: 18px;}
    .p00020 h4 { font-size: 16px;}
	
	.p00021 .map .s02 { display: block;}
	.p00021 .map .s02 h1 { font-size: 19px;text-align: left;  margin-right: 0; border-right: none;  border-bottom: 1px solid #fff;  padding-bottom: 6px; margin-bottom: 5px; }

}

@media all and (max-width : 480px){
	.subT p {  font-size: 15px;}
	
	.sub_top_box {height: 265px;}
	.sub_vTxt{ padding-top:100px;}
	.sub_vTxt .fs70 {font-size: 26px;}
	
	.history_cont_wrap .year{ float:none; font-size:30px;}
	
	
	.p101010 .s01 .fs40{ font-size:20px;}
	.root_daum_roughmap .wrap_map{height:300px !important;}
	
	
	.subContent h1{ font-size:23px;}
	
	.p00017 ul li p {font-size: 14px;}

	
    .p00020 { font-size: 14px;}
    .p00020 .s01 {  padding: 15px;  border-radius: 0;}
    .p00020 h1.subh1 {   font-size: 18px; }
    .p00020 h3 {  font-size: 16px;}
    .p00020 h4 {   font-size: 15px;}
    .p00020 .p_table {  font-size: 13px; }

}