@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap');
/* CSS Document */
*{margin:0; padding:0;font-family:'나눔 고딕', 'Nanum Gothic', 'NanumGothic', sans-serif; box-sizing:border-box;}

a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
html, body{min-width:1200px; font-family: 'eng';}
.top .tbox,
.footer .fbox,
.sub .contents{width:1170px; margin:0 auto;}
table {border-collapse: collapse;}

/* top */
.top{height:90px;position: fixed; width: 100%; z-index: 9999; background: #fff;}
.top .tbox {text-align: center; background: #fff;}
.top .tbox .logo{display: inline-block;padding-top:20px;}
.top .tbox .logo img{width:240px;}
.top .tbox ul {display: block;width: 1170px; margin: 0 auto; text-align: center; }
.top .tbox ul li{display: inline-block; margin: 0 50px; position: relative;}
.top .tbox ul li a{display:block; height:90px; font-size:18px; font-family: 'Noto Sans KR', sans-serif; color:#000; line-height:90px;}
.top .tbox ul .sidemenu {position: absolute; display: none; background: #fff; top: 80px; left: 50%; transform: translateX(-50%); width: 220px;}
.top .tbox ul li .sidemenu a {display: block; height: 50px; text-align: center; line-height: 50px; font-size: 16px;}
.top .tbox ul li .sidemenu a:hover {color: #000; border-bottom: 4px solid #034ea2;}
.top .tbox ul .sidemenu1 {padding:0 70px}
.top .tbox ul .sidemenu2 {padding:0 50px}
.top .tbox ul .sidemenu3 {padding:0 60px}
.top .tbox ul .sidemenu4 {padding:0 25px}
.top .tbox ul .sidemenu5 {padding:0 70px}
.top .tbox ul .sidemenu a {font-size: 14px;}
/* slidetext */
.slidetext{position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:9998; width:1200px; padding-top:100px;}
.slidetext p:nth-of-type(1){font-size:45px; font-weight:700; color:#000; line-height:60px; letter-spacing:-2px;}
.slidetext p:nth-of-type(2){margin-top:300px; font-size:20px; font-weight:700; color:#000; text-align:right; line-height:35px; opacity:0.8;}
.slidetext p:nth-of-type(2) strong{margin-right:94px; letter-spacing:1px;}


/* footer */
.footer {border-top: 1px solid #ddd; height: 300px;}
.footer .fbox div {float: left; color: #333; width: 33%; padding-top: 50px;}
.footer .fbox .flogo a{color: #333;}
.footer .fbox .flogo ul {margin-top: 30px;}
.footer .fbox .flogo ul li {float: left;}
.footer .fbox .flogo ul li:nth-child(2) {margin: 0 10px;}
.footer .fbox .flogo ul li a img {width: 40px;}
.footer .fbox h3 {margin-bottom: 30px;}
.footer .fbox p {line-height: 2em;}
.footer .fbox b {font-size: 20px; line-height: 2em; }
.footer .fbox .fcon b:nth-of-type(2) {line-height: 1.5em; font-size: 16px;}
.footer .admin {color: #333; font-weight: 700; padding-top: 30px;}
.smenu {text-align: center;}
.smenu h1 {padding: 50px 0;}
.smenu li {float: left; width: 33.333%;}
.smenu li a {padding: 10px 20px; display: block; color: #333;}
.smenu01 ul li:nth-child(2) {border-bottom: 4px solid #034ea2;}
.smenu02 ul li:nth-child(3) {border-bottom: 4px solid #034ea2;}
.smenu03 ul li:nth-child(4) {border-bottom: 4px solid #034ea2;}
/* sub all */
.sub{min-height:500px; overflow:hidden;}
.sub .title{padding:40px 0 60px; text-align:center;}
.sub .title p:nth-of-type(1){font-size:35px; font-weight:700; color:#888; letter-spacing:7px; font-family:'Nanum Myeongjo', serif;}
.sub .title p:nth-of-type(2){margin-top:20px; font-size:12px; font-weight:400; color:#888; font-family:'Nanum Myeongjo', serif;}
.sub .contents {width: 1170px; margin-top: 200px;}
.sub .contents .subtitle p {font-size: 24px; color: #333; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; letter-spacing: 20px;}
.sub .contents .board td,
.sub .contents .board td a{font-size:12px; font-weight:400; color:#666;}
.board {margin: 50px 0;}
/*section*/
.section1 .sbox {width: 1170px; margin: 0px auto;height: 1100px;  margin-top: 250px;}
.section1 .sbox .title {text-align: center; font-family: 'eng'; font-size: 20px;  margin-bottom: 30px;letter-spacing: 18px; position: relative;}
.section1 .sbox .title:before {position: absolute; content: ''; width: 1px; height: 50px; background: #000; left: 50%; top: -70px; transform: translateX(-50%);}
.section1 .sbox .ssbox .pbox {width: 49%; float: left; text-align: center;}
.section1 .sbox .ssbox .pbox:nth-child(odd) {margin-right: 2%;}
.section1 .sbox .ssbox .pbox:nth-child(3),
.section1 .sbox .ssbox .pbox:nth-child(4) {margin-top: 30px;}
.section1 .sbox .ssbox .pbox .pimg a {width: 100%; height: 100%; display: block;}
.section1 .sbox .ssbox .pbox:nth-child(1) .pimg {background: url(../img/main01.jpg) no-repeat center center / 110%; width: 100%; height: 400px;}
.section1 .sbox .ssbox .pbox:nth-child(2) .pimg {background: url(../img/main02.jpg) no-repeat center center / 110%; width: 100%; height: 400px;}
.section1 .sbox .ssbox .pbox:nth-child(3) .pimg {background: url(../img/main03.jpg) no-repeat center center / 110%; width: 100%; height: 400px;}
.section1 .sbox .ssbox .pbox:nth-child(4) .pimg {background: url(../img/main04.jpg) no-repeat center center / 110%; width: 100%; height: 400px;}
.section1 .sbox .ssbox .pbox .pimg {transition: .3s; background-size: 110%; filter:grayscale(100%);
    
    /* 
        filter : 이미지에 필터효과를 적용한다
            blur(px) : 이미지를 흐리게 한다
            brightness(%) : 이미지의 밝기를 변경한다
            contrast(%) : 이미지의 대비를 변경한다
            drop-shadow(x-offset y-offset blur color) : 이미지에 그림자를 추가한다
            grayscale(%) : 이미지에  흑백효과를 적용한다
            hue-rotate(deg) : 이미지에 색상환의 각도를 지정
            invert(%) : 이미지 반전
            opacity(%) : 이미지에 투명도 적용
         */ }
.section1 .sbox .ssbox .pbox p {padding-top: 10px; font-weight: 700;}
.section1 .sbox .ssbox .pbox .pimg:hover {background-size: 120%; filter:grayscale(0%)}
.section2 {text-align: center; border-top: 1px solid #ddd; padding-top: 20px;  padding-bottom: 20px;}
.section2 .sbox ul {display: inline-block;}
.section2 .sbox ul li {float: left; margin-right: 40px; border-left: 1px solid #ddd; padding-left: 40px;}
.section2 .sbox ul li:last-child {margin-right: 0;}
.section2 .sbox ul li:first-child {border: none;padding-left: 0;}
.section2 .sbox ul li a img{width: 65px; transition: .3s;}
.section2 .sbox ul li a img:hover {width: 75px;}

/* sub style */
/*sub01*/
.sub01_01 .contents .sbox p {text-align: center; margin-top: 30px; line-height: 2em;}
.sub01_01 .contents .sbox p span {display: block; margin: 30px; 0}
.sub01_01 .contents .sbox p span img {width: 140px;}
.sub01_01 .contents .sbox .ssbox:last-child {background: url(../img/sub01_01.jpg) no-repeat center center /cover; width: 100%;height: 500px; margin: 30px 0;}
.sub01_02 .contents {text-align: center;}
.sub01_02 .contents .sbox .ssbox { margin: 50px 0;}
.sub01_02 .contents .sbox .ssbox:last-child p {line-height: 2em; margin-bottom: 50px; margin-top: 30px;}
.sub01_03 .contents .sbox h3 {text-align: center; margin: 30px 0; font-size: 30px;}
.sub01_03 .contents .sbox .stable {width: 100%;}
.sub01_03 .contents .sbox .ssbox {margin: 30px 0;}
.sub01_03 .contents .sbox .stable th,
.sub01_03 .contents .sbox .stable td {padding: 10px 20px; text-align: center;}
.sub02_01 .contents .board {margin-top: 50px;}
.sub02_01 .sbox .ssbox p:first-child {font-size: 24px; text-align: center; padding: 30px 0;}
.sub02_01 .sbox table th {background: #ddd;}
.sub02_01 .sbox table th,
.sub02_01 .sbox table td {padding: 10px 20px;}
.sub02_01 .sbox .ssbox h3 {padding: 20px 0;font-size: 24px;}
.sub02_01 .sbox .ssbox p:last-child {line-height: 1.5em;} 
.sub02_01 .sbox {padding-bottom: 50px;}

.sub03_01 .contents1{position:relative; height:625px; margin:20px 0;}
.sub03_01 .contents1 .sbox{position:absolute; top:0; left:50%; width:100%;}
.sub03_01 .contents1 .sbox1{transform:translateX(-50%); width:1200px; height:100%;}
.sub03_01 .contents1 .sbox2{transform:translateX(-120px);}
.sub03_01 .contents1 .sbox1 .ssbox1 p{padding:10px 15px; font-size:12px; font-weight:400; color:#000; border-left:2px solid #000;}
.sub03_01 .contents1 .sbox1 .ssbox2{position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:1200px;}
.sub03_01 .contents1 .sbox2 .ssbox{padding:42px 0; border-top:4px solid #000;}
.sub03_01 .contents1 .sbox2 .ssbox2{border-bottom:4px solid #000;}
.sub03_01 .contents1 .sbox2 .ssbox1 p:nth-of-type(1){font-size:25px; font-weight:700; color:#666; font-family:'Nanum Myeongjo', serif;}
.sub03_01 .contents1 .sbox2 .ssbox1 p:nth-of-type(2){margin-top:20px; font-size:20px; font-weight:400; color:#888; font-family:'Nanum Myeongjo', serif;}
.sub03_01 .contents1 .sbox2 .ssbox1 p:nth-of-type(2) span{font-size:18px; font-weight:400; color:#888; font-family:'Nanum Myeongjo', serif;}

.sub05_01 .contents1{position:relative; height:600px; margin:20px 0;}
.sub05_01 .contents1 .sbox{position:absolute; top:0; left:50%; width:100%;}
.sub05_01 .contents1 .sbox1{transform:translateX(-50%); width:1200px; height:100%;}
.sub05_01 .contents1 .sbox2{transform:translateX(-120px);}
.sub05_01 .contents1 .sbox1 .ssbox1 p{padding:10px 15px; font-size:12px; font-weight:400; color:#000; border-left:2px solid #000;}
.sub05_01 .contents1 .sbox1 .ssbox2{position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:1200px;}
.sub05_01 .contents1 .sbox1 .ssbox2 .smap .root_daum_roughmap .wrap_controllers{display:none;}
.sub05_01 .contents1 .sbox2 .ssbox{padding:60px 0; border-top:4px solid #000;}
.sub05_01 .contents1 .sbox2 .ssbox2{border-bottom:4px solid #000;}
.sub05_01 .contents1 .sbox2 .ssbox1 p:nth-of-type(1){font-size:25px; font-weight:700; color:#666; font-family:'Nanum Myeongjo', serif;}
.sub05_01 .contents1 .sbox2 .ssbox1 p:nth-of-type(2){margin-top:20px; font-size:24px; font-weight:400; color:#888; font-family:'Nanum Myeongjo', serif;}
.sub05_01 .contents1 .sbox2 .ssbox2 p{margin-bottom:20px; font-size:12px; font-weight:400; color:#666; line-height:26px;}
.sub05_01 .contents1 .sbox2 .ssbox2 p strong{font-size:16px;}
.sub05_01 .contents1 .sbox2 .ssbox2 p:last-child{margin-bottom:0;}


.sub04_01 .contents .sbox .ssbox .board .category_pd{gap:10px; margin-bottom:10px;}

.sub04_01 .contents .sbox .ssbox .board .photo_bbs .thumb{padding-top:100%;}
.sub04_01 .contents .sbox .ssbox .board .photo_bbs .thumb::before{
    content: '';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background: url(../img/logo.png) no-repeat 50% 50%;
    background-size: cover;
    width:207px;
    height:50px;
    opacity: .5;
    z-index: 99;
}
.sub04_01 .contents .sbox .ssbox .board .AWbbs_view_table tr td p{position: relative;}
.sub04_01 .contents .sbox .ssbox .board .AWbbs_view_table tr td p::before{
    content: '';
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background: url(../img/logo.png) no-repeat 50% 50%;
    background-size: cover;
    width:207px;
    height:50px;
    opacity: .5;
    z-index: 99;
}
.sub04_01 .contents .sbox .ssbox .board .photo_bbs .tit a{text-align: center;}
.sub04_01 .contents .sbox .ssbox .board .photo_bbs .date{display: none;}