#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:middle;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#333;
font-size:18px;
line-height:1.5;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}

body{
width:100%;
overflow-x:hidden; overflow-y:auto;
}

:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}

/*intro*/
.intro-box{background:url(img/intro-bg.jpg); background-size:cover; background-position:50%; height:100vh; display:flex; flex-direction: column;justify-content: space-between; width:100%; overflow-x:hidden;}
.intro-logo{display:flex; justify-content: center; align-items: flex-end; padding-top:5%;}
.il-img1{width:450px;}
.il-img2{width:500px; margin:0 10px;}
.il-img3{width:100px;}
.intro-link{width:90%; max-width:1280px; margin:70px auto 0;}
.intro-link ul{display:flex; gap:4%;}
.intro-link li{width:58%}
.intro-link li a{display:block; border-radius:15px; box-shadow: 0 0 20px rgba(0,0,0,0.5); overflow:hidden; width:100%; transition: all .5s;}
.intro-link li a:hover{ transform: translate(0px, -20px);}
.intro-link img{width:100%;}
.intro-visit{display:flex; justify-content: center; color:#fff; font-size:20px; margin-top:50px;}
.intro-visit strong{display:inline-block; margin-right:20px; font-weight:700;}
.intro-visit span{display:inline-block; margin-left:5px;}
.intro-visit em{display:inline-block; font-weight:200; opacity:0.3; margin:0 10px;}
.intro-footer{background:rgba(41,41,41,0.8); padding:50px 0 80px; width:100%;}
.if-area{width:95%; max-width:1280px; margin:0 auto; text-align:center; opacity:0.6; color:#fff;}
.if-area p{display:inline-block; margin:0 10px;}
.if-area p strong{font-weight:700;}
.if-area .copy{font-weight:300; letter-spacing: 0.05em; margin-top:20px;}


/*list*/
.header{background-color:#007b39; background-image:url(img/sv-img.jpg); background-size:cover; background-position:50% 50%; width:100%;}
.header-area{width:95%; max-width:1280px; margin:0 auto;}
.hd-tit{color:#fff; font-weight:700; text-align:center; font-size:60px;}
.hd-top{display:flex; }
.hd-top a{width:50%; display:inline-block; padding:10px 0px; text-align:center;box-sizing:border-box; transition: all .5s;background:#0d994f; }
.hd-top a:hover{background:#06331c;}
.hd-top a.current{background:rgba(0, 123, 57, 0.1);}
.hd-top a img{width:150px;}
.hd-tit{padding:80px 0 60px; font-weight:300;}
.hd-tit:before{width:60px; height:6px; background:#fff; content:""; display:block; margin:0 auto 10px;}
.hd-tit strong{font-weight:700;}

.footer{background:rgba(41,41,41,1); padding:50px 0 80px; width:100%;}
.f-area{width:95%; max-width:1280px; margin:0 auto; text-align:center; opacity:0.6; color:#fff;}
.f-area p{display:inline-block; margin:0 10px;}
.f-area p strong{font-weight:700;}
.f-area .copy{font-weight:300; letter-spacing: 0.05em; margin-top:20px;}
.f-visit{display:flex; justify-content: center; color:#fff; opacity:0.9; font-size:20px; margin-bottom:30px;}
.f-visit strong{display:inline-block; margin-right:20px; font-weight:700;}
.f-visit span{display:inline-block; margin-left:5px;}
.f-visit em{display:inline-block; font-weight:200; opacity:0.3; margin:0 10px;}

.content{width:95%; max-width:1280px; padding:60px 0; margin:0 auto;}
.list{display:flex; gap:2%; flex-wrap:wrap;}
.list li{width:23.5%; margin-bottom:2%;}
.list a{display:block; box-sizing:border-box; position:relative; overflow:hidden;}
.ss-img{background:#fff;border-bottom:1px #e0e0e0 solid;}
.si-box{display: flex; width: 100%; height: 66%; justify-content: center; align-items: center; overflow: hidden;}
.si-box img{max-width:100%;}
.ss-text{box-sizing:border-box; padding:25px; background:#fff; border:1px #eaeaea solid; border-top-width:0;}
.ss-t1{color:#111; font-size:22px; font-weight:600; height:1em; line-height:1em; overflow:hidden; }
.ss-t2{font-size:18px; font-weight:500; margin:10px 0;}
.ss-hover{position:absolute; left:0; top:-50px; width:100%; height:100%; display:table; table-layout:fixed; background:rgba(5, 26, 10, 0.8); opacity:0;}
.list a:hover .ss-hover{opacity:1; left:0; top:0; transition: .5s ease;}
.ss-hover div{width:100%; display:table-cell; vertical-align:middle; text-align:center; color:#fff; padding:20px 30px; word-break:keep-all;}
.ss-hover div p{font-size:22px; font-weight:600; margin-bottom:10px;}
.ss-hover div span{display:block;}
.ss-hover div em{display:inline-block; margin:30px auto 0; background:#fff; padding:5px 20px; border-radius:999px; color:rgba(5, 26, 10, 1); font-size:0.95em;}
.ss-hover div em img{width:20px; vertical-align:-2px;}
.m-home-btn{display:none;}


@media (max-width:1024px){
body, th, td, input, select, textarea, button{
font-size:15px;
}
/*intro*/
.intro-logo{flex-wrap:wrap;}
.il-img1{width:300px;}
.il-img2{width:280px; margin:0 10px;}
.il-img3{width:80px; display:block; margin-top:10px;}
.intro-link{margin-top:30px;}
.intro-link ul{flex-wrap:wrap;}
.intro-link ul li{width:100%; margin-bottom:20px;}
.intro-box{height:auto;}
.intro-visit{margin:0px 0 30px; font-size:15px;}
.intro-visit{flex-wrap:wrap;}
.intro-visit strong{display:block;text-align:center; margin-right:0; width:100%; margin-bottom:5px;}
.intro-footer{padding:30px 0;}

/*list*/
.hd-top a img{width:120px;}
.hd-tit{font-size:32px; padding:30px 0 20px;}
.content{padding:30px 0;}
.list li{width:49%;}
.ss-text{padding:15px;}
.ss-t1{font-size:16px;}
.ss-t2{font-size:14px; margin:10px 0 0;}
.list a:hover .ss-hover{opacity:0;}
.m-home-btn{display:inline-block; margin:5px auto 0; border:1px #e0e0e0 solid; padding:5px 10px; border-radius:999px; color:rgba(5, 26, 10, 1); font-size:13px;}
.m-home-btn img{width:15px; vertical-align:-2px;}
.f-visit{margin:0px 0 30px; font-size:15px;}
.f-visit{flex-wrap:wrap;}
.f-visit strong{display:block;text-align:center; margin-right:0; width:100%; margin-bottom:5px;}
.footer{padding:30px 0 50px;}
.hd-tit:before{width:40px; height:3px;}
}