@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #detail-content img{ max-width:1250px; }
   #memfile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #detail-content img{ width:99%; }
   #memfile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #detail-content img{ width:99%; }
   #memfile { 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:16px;
line-height:1.5;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}

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

:focus {
outline:none;
}

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

.gnb:after,.sub-content:after {
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}

.slick-slide {
display:inline-block;
}

header {
width:100%;
background:#fff;
height:100px;
position:relative;
}

header.drop,
header.on{
background:#fff;
box-shadow: 0 0 12px rgb(33 33 33 / 20%);
}

.header-logo {

text-align:left;
z-index:999;
height:100px;
line-height:100px;
}

.header-logo a{
display:block;
font-weight:700;
font-size:24px;
color:#14266b;
}

.header-logo a img{
width:320px;
}

.header-area{
width:96%;
max-width:1280px;
margin:0 auto;
z-index:999;
position:relative;
height:100px;
display:flex;
justify-content: space-between;
align-items: center;
}

.gnb{
width:100%;
max-width:1280px;
margin:0 auto;
box-sizing:border-box;
text-align:center;
}

.gnb > li {
position:relative;
text-align:center;
box-sizing:border-box;
vertical-align:top;
display:inline-block;
}

.gnb > li > a:after{
content:"";
display:block;
width:1px;
height:20px;
background:rgba(0,0,0,0.2);
left:0;
top:50%;
margin-top:-10px;
position:absolute;
}

.gnb > li:first-child a:after{
display:none;
}


.gnb > li:hover > a{
font-weight:700;
}

.gnb > li > a {
display:block;
position:relative;
font-size:22px;
letter-spacing:0em;
padding:0 15px;
line-height:100px;
height:100px;
font-weight:500;
}

/*.gnb > li > ul {
display:none;
position:absolute;
left:50%;
margin-left:-80px;
width:160px;
z-index:5;
background:#377cda;
box-sizing:border-box;
padding:5px 0;
border-radius:5px;
}*/
.gnb > li > ul:after{
content:"";
display:block;
background:url(img/menu-arrow.png);
width:12px;
height:7px;
position:absolute;
top:-7px;
left:50%;
margin-left:-6px;
}

.gnb > li > ul{
position:absolute;
display:none;
background:#3b8181;
width:160px;
left:50%;
margin-left:-80px;
top:100px;
}

.gnb > li:hover > ul {
height:auto;
display:block;

}

.gnb > li > ul li {

line-height:1.5em;
}

.gnb > li > ul{
padding-top:10px;
padding-bottom:10px;
box-sizing:border-box;
}

.gnb > li > ul li:first-child{
border-top-width:0;
}

.gnb > li > ul li a {
display:block;
color:rgba(255,255,255,0.7);
letter-spacing:0em;
padding:5px 0;
word-break: keep-all;
}


.gnb > li > ul li:hover a{
color:#fff;
font-weight:500;
}

.all-menu-area{
display:none;
}

.gnb-close-btn{
position:absolute;
right:281px;
top:0;
z-index:99999;
background:#fff;
width:35px;
height:35px;
line-height:35px;
text-align:center;
color:#333;
font-size:25px;
display:block;
}

.mobile-open-btn{
z-index:99999;
width:50px;
height:50px;
font-size:22px;
color:#fff;
display:block;
border-radius:999px;
background:#2d717b;;
display:flex;
align-items: center;
justify-content: center;
}

#sidebar{
position:fixed;
top:0;
bottom:0; 
display:none; 
right:-200px; 
z-index:99999; 
-webkit-transition: right 1s;  
transition: right 1s; 
width:auto; 
overflow:visible; 
background:#000;
margin-left:0;
left:auto;
border:0;
}

.sidebg{
display:block;
position: fixed;
height: 150%;
background: rgba(0,0,0,0.5);
width: 100%;
top: 0;
right: 0;
z-index: 44;
}
.menu{
position:relative;
z-index:55; 
width:280px; 
left:auto; 
right:0; 
overflow-x:hidden; 
overflow-y:auto; 
height:100%; 
background:#fff;
display:block;
text-align:left;
box-sizing:border-box;
padding:20px;
}

.menu > li{
display:block;
width:100%;
box-sizing:border-box;
border-left:0;
box-sizing:border-box;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px rgba(0,0,0,0.2) solid;
}

.menu > li > ul > li{
padding:5px 0;
}

.menu > li > a{
height:30px;
line-height:30px;
font-weight:800;
display:block;
width:100%;
}

.menu > li > ul > li > a{
display:block;
}

/*footer*/
footer{
width:100%;
background:#3b3b3b;
}

.foot-customer{
text-align:right;
position:relative;
border-bottom:1px rgba(255,255,255,0.2) solid;
padding:40px 0;
width:96%;
max-width:1280px;
margin:0 auto;
}

.foot-logo{
position:absolute;
left:0;
top:50%;
margin-top:-20px;
}

.foot-logo img{
width:350px;
}

.foot-customer a{
display:inline-block;
color:#fff;
height:45px;
line-height:45px;
margin:0 10px;
vertical-align:middle;
transition: all 0.3s;
}

.fc-a1{
background:url(img/tel-ico.png);
background-size:30px;
background-position:0% 50%;
padding-left:40px;
background-repeat:no-repeat;
font-weight:700;
font-size:22px;
}
.foot-customer br{
display:none;
}

.fc-a2, .fc-a3{
padding:0 20px;
background:#1b77d4;
border-radius:999px;
font-size:18px;
font-weight:600;
border:2px transparent solid;
}

.fc-a3{
background:#17a7c6;
}

.fc-a2 i, .fc-a3 i{
padding-left:20px;
}

.fc-a2:hover{
border-color:#1b77d4;
background:transparent;
}
.fc-a3:hover{
border-color:#17a7c6;
background:transparent;
}

.foot-area{
padding:40px 0;
width:96%;
max-width:1280px;
margin:0 auto;
color:#fff;
letter-spacing:0em;
}

.foot-info p{
margin-bottom:15px;
display:inline-block;
margin-right:20px;
}

.foot-info strong{
font-weight:700;
margin-right:20px;
}


.foot-copy{
letter-spacing:0;
opacity:0.5;
margin-top:10px;
}

/*사이드퀵*/
.side-quick{
position:fixed;
right:0px;
top:20vh;
z-index:9999;
border-right-width:0;
}

.side-quick a{
display:block;
text-align:center;
color:#fff;
box-sizing:border-box;
font-weight:700;
font-size:15px;
}
.side-quick a img{
width:40px;
}

@keyframes blink{
0% {background-color:#38b045;}
100% {background-color:#e38510;}
}

.side-quick .Q-top a{
padding-left:0;
background-color:#263555;
height:40px;
line-height:40px;
font-size:20px;
}



/********************* main *********************************/

/*visual*/
#visual{
width:100%;
max-width:2000px;
margin:0 auto;
overflow:hidden;
position:relative;
}

.va-box{
position:relative;
text-align:center;
}

.va-img{
position:relative;
left:0%;
top:0;
margin-left:0px;
}

.va-img img{
width:100%;
}

.va-text{
position:absolute;
width:100%;
height:300px;
left:0;
top:50%;
margin-top:-150px;
display:table;
text-align:center;
}

.vat-box{
display:table-cell;
width:100%;
vertical-align:middle;
color:#fff;
}

.va-t1{
font-size:22px;
text-shadow: 1px 1px 5px rgba(0,0,0,0.2);
font-weight:200;
opacity:0.8;
}

.va-t2{
font-weight:800;		
font-size:70px;
line-height:1em;
margin:20px 0;
}

.va-t3{
font-family: 'Poppins', sans-serif;
font-weight:300;		
font-size:20px;
letter-spacing:0.2em;
opacity:0.4;	
}


#visual .slick-dots{
position:absolute;
width:100%;
text-align:center;
bottom:40px;
left:0;
z-index:9;
}

#visual .slick-dots li{
display:inline-block;
margin:0 7px;
}

#visual .slick-dots li button{
font-size:0;
width:20px;
height:20px;
box-sizing:border-box;
background:transparent;
border:3px #fff solid;
border-radius:999px;
display:block;
}

#visual .slick-dots li.slick-active button{
background:#fff;
}

#visual .slick-list{
position:relative;
z-index:1;
}

/*인증서,사업영역,회사소개*/
.main-table{
display:table;
table-layout:fixed;
width:100%;
overflow-y:hidden;
}

.mt-left{
display:table-cell;
width:50%;
}

.mt-left-box{
display:flex;
flex-wrap: wrap;
}

.mts-text{
box-sizing:border-box;
position:absolute;
width:100%;
z-index:20;
left:0;
padding:50px 30px;
color:#fff;
}

.mts-eng{
font-family: 'Poppins', sans-serif;
font-weight:300;		
font-size:18px;
letter-spacing:0.05em;
opacity:0.6;
}

.mts-tit{
font-weight:700;
font-size:40px;
padding:5px 0;
}

.mts-tit2{
font-size:50px;
}

.mts-tit2 span{
display:inline-block;
margin-left:10px;
font-family: 'Poppins', sans-serif;
font-weight:500;		
font-size:35px;
letter-spacing:0em;
opacity:0.5;
text-transform: uppercase;
}

.mts-p1{
font-size:18px;
opacity:0.8;
}

.mts-more{
display:inline-block;
border:2px #fff solid;
border-radius:9999px;
padding:4px 25px;
margin:30px 0 5px;
font-family: 'Poppins', sans-serif;
font-weight:500;		
font-size:18px;
letter-spacing:0em;
transition: all 0.3s;
}
.mts-more i{
padding-left:30px;
}

.mts-more:hover{
background-color:#fff;
color:#1d696c;

}
.mts-ico{
position:absolute;
right:50px;
top:50px;
transition: .3s ease-out;
}

.mts-ico img{
width:80px;
}

.mt-section:hover .mts-ico{
top:30px;
}

/*인증서*/
#certification{
position:relative;
overflow:hidden;
width:100%;
}

#certification a{
display:block;
padding-top:40%;
width:100%;
}

.cert-img{
background:url(img/certi-bg.jpg);
background-size:cover;
background-position:100% 50%;
height:100%;
width:100%;
transition: all .3s ease-out;
position:absolute;
left:0;
top:0;
z-index:10;
}
#certification a:hover .cert-img{
-webkit-transform: scale(1.2); transform: scale(1.2);
}


/*ceo*/
#ceo{
width:50%;
background:#1c5dd4;
transition: .5s ease;
}

#ceo:hover{
background:#1c273b;
}

#ceo a{
display:block;
width:100%;
position:relative;
padding-top:80%;

}

/*오시는길*/
#location{
width:50%;
background:#fff;
transition: .5s ease;
}

#location:hover{
background:#ebf8ff;
}

#location a{
display:block;
width:100%;
position:relative;
padding-top:80%;
}

#location .mts-text{
color:#203384;
}

/*사업영역*/
.mt-right{
display:table-cell;
width:50%;
height:100%;
vertical-align:top;
}

#business{
width:100%;
overflow:hidden;
position:relative;
}
#business .slick-slide{
display:block;
float:left;
}

#business .slick-arrow{
position:absolute;
z-index:30;
font-size:28px;
color:#fff;
background:transparent;
top:50px;
left:50px;
width:50px;
height:50px;
line-height:50px;
}

#business .slick-arrow.slick-next{
left:100px;
}

#business .slick-arrow.slick-next:after{
content:"";
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-14px;
width:1px;
height:24px;
background:rgba(255,255,255,0.2);
}

.business-slide{
display:flex;
gap:1%;
padding:10px 0;
background:#fff;
}

.bs-box{
width:32.666%;
}

.bs-box a{
display:block;
position:relative;
width:100%;
height:400px;
background:url(img/bs-b1-bg.jpg);
background-position:50%;
background-size:cover;
}
.bs-box.bs-b2 a{
background-image:url(img/bs-b2-bg.jpg)
}
.bs-box.bs-b3 a{
background-image:url(img/bs-b3-bg.jpg)
}

.bs-b-img{
position:absolute;
right:0;
top:0;
z-index:10;
width:95%;
height:95%;
transition: .5s ease;
}

.bs-box a:hover .bs-b-img{
-webkit-transform: scale(1.1); transform: scale(1.1);
}

.bs-b-img img{
width:100%;
}

.bs-b-text{
position:absolute;
right:0;
top:0;
z-index:20;
color:#fff;
}



/*제품리스트*/
#pump{
width:100%;
background:#e8ecf1;
}

#pump ul{
width:96%;
max-width:1280px;
margin:0 auto;
padding:70px 0 50px;
display:flex;
flex-wrap: wrap;
}

#pump ul li{
width:32%;
margin-left:2%;
background:#fff;
box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
box-sizing:border-box; 
margin-bottom:20px;
border:3px #fff solid;
transition:all .3s ease-out;
}

#pump ul li:hover{
border-color:#1a3390;
}

#pump ul li:nth-child(3n+1){
margin-left:0;
}

.pump-img{
position:relative;
width:80%;
padding-top:65%;
overflow:hidden;
margin:0 auto;
}

.pump-img img{
width:100%;
transition:all .3s ease-out;
}

#pump ul li a{
display:block;
text-align:center;
padding:30px 50px;
}



#pump ul li a:hover .pump-img img{
	-webkit-transform: scale(1.1); transform: scale(1.1);
}

#pump ul li h2{
font-size:28px;
font-weight:600;
color:#0f1e52;
margin:10px 0 5px;
}

#pump ul li p{
font-family: 'Poppins', sans-serif;
font-weight:300;
letter-spacing:0em;	
color:#363c56;
font-size:20px;
opacity:0.8;
}


/*공지사항*/
#notice{
width:95%;
max-width:1280px;
margin:50px auto;
position:relative;
}

.notice-tit{
line-height:1.1;
}

.notice-tit span{
font-size:30px;
opacity:0.8;
}

.notice-tit div{
font-weight:400;
font-size:50px;
color:#3a3d4c;
}

.notice-tit div strong{
font-weight:700;
}

.notice-more{
display:inline-block;
position:absolute;
right:0;
top:40px;
color:#fff;
background:#3a3d4c;
padding:7px 25px;
border-radius:100px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.notice-more:hover{
background:#097ccc;
}

.notice-list{
padding-top:40px;
display:flex;
}

.notice-list li{
width:30%; 
box-sizing:border-box;
margin:0 2%;
position:relative;
}

.notice-list li:after{
content:"";
display:block;
width:1px;
height:100%;
left:-8%;
top:0;
background:#e0e0e0;
position:absolute;
}

.notice-list li a{
display:block;
width:100%;
box-sizing:border-box;
}

.notice-list li:first-child{
width:30%;
margin:0;
margin-right:2%;
}

.notice-list li:first-child:after{
display:none;
}

.notice-list li span{
color:#2d7b66;
font-weight:600;
font-size:20px;
}

.notice-list li:hover{
text-decoration:underline;
}
.notice-list li:hover em{
font-weight:700;
color:#2e45a8;
}
.notice-list li p{
font-weight:600;
color:#1f2233;
font-size:22px;
height:2.4em;
line-height:1.2em;
overflow:hidden;
word-break:keep-all;
margin:10px 0 20px;
}
.notice-list li div{
font-size:18px;
color:#444;
font-weight:300;
height:2.8em;
line-height:1.4em;
max-height:80px;
overflow:hidden;
word-break:keep-all;
}
.notice-list li em{
margin-top:20px;
display:inline-block;
font-size:18px;
letter-spacing:0;
color:#1d1d1d;
}

/*관계사 배너*/
#banner{
background:#e0e2e4;
width:100%;
padding:30px 0;
}

.banner-slide{
width:96%;
max-width:1280px;
margin:0 auto;

position:relative;
}

.banner-slide .slick-slide{
display:block;
float:left;
}

.banner-slide .slick-slide > div{
margin:0 5px;
}

.banner-slide .slick-list{
overflow:hidden;
margin:0 45px;
}

.banner-slide .slick-arrow{
position:absolute;
left:0;
top:0;
width:45px;
height:72px;
line-height:72px;
background:#fff;
border:1px #d5d9dd solid;
color:#7591ad;
font-size:23px;
}

.banner-slide .slick-arrow.slick-next{
left:auto;
right:0;
}

.banner-slide a{
display:block; 
height:70px;
line-height:70px;
text-align:center;
overflow:hidden;
position:relative;
border:1px #d5d9dd solid;
background:#fff;
font-weight:500;
}

.banner-slide a img{
max-width:100%;
}

.banner-slide:after{
display:block;
clear:both;
content:"";
}

/**sub**/
.sub-tit {
width:100%;
display:table;
table-layout:fixed;
text-align:center;
height:300px;
overflow:hidden;
}
@keyframes animate_background {
	0% {opacity:1; transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
	100%  {opacity:1; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}

.sub-tit-area{
display:table-cell;
width:100%;
transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); 
background-image:url(img/sub-visual1.jpg);
background-position:50%;
background-size:cover;
vertical-align:middle;
color:#fff;
animation: animate_background 1s ease-in-out forwards;
overflow:hidden;
}
.st2 .sub-tit-area{
background-image:url(img/sub-visual2.jpg);
}
.st3 .sub-tit-area{
background-image:url(img/sub-visual3.jpg);
}
.st4 .sub-tit-area{
background-image:url(img/sub-visual4.jpg);
}
.st5 .sub-tit-area{
background-image:url(img/sub-visual5.jpg);
}

.sub-tit-area h2{
font-weight:700;
font-size:55px;
}

.sub-tit-area p{
font-family: 'Poppins', sans-serif;
font-weight:300;		
font-size:24px;
letter-spacing:0.08em;
opacity:0.6;
text-transform:uppercase;
}

.snb{
width:100%;
border-bottom:1px #e0e0e0 solid;

}

.snb ul{
width:100%;
max-width:1280px;
margin:0 auto;
display:flex;
}

.snb ul li{
flex-grow: 1;
border-right:1px #e0e0e0 solid;
}


.snb ul li a{
display:block;
width:100%;
box-sizing:border;

height:60px;
line-height:60px;
text-align:center;
font-size:18px;
font-weight:500;
}

.snb ul li a:hover{
font-weight:600;
color:#2f807e;
}

.snb ul li:first-child{
border-left:1px #e0e0e0 solid;
}
.snb ul li.current{
background:#435c60;
}
.snb ul li.current a{
color:#fff;
background:#435c60;
font-weight:700;
}

.sub-pp{
font-weight:800;
color:#262626;
text-align:center;
font-size:40px;
margin-top:80px;
}

.sub-content{
width:96%;
max-width:1280px;
margin:0 auto;
padding:50px 0 100px;
}

.sub-tab{
display:flex;
justify-content: center;
gap:20px;
margin-bottom:50px;
}
.sub-tab a{
display:inline-block;
padding:10px 50px;
border-radius:999px;
border:1px #e0e0e0 solid;
box-sizing:border-box;
font-weight:600;
}
.sub-tab a:hover{
background:#f9f9f9;
}
.sub-tab a.current{
background:#387;
border-color:#387;
color:#fff;
}


.sub-tab2{
display:flex;
justify-content: center;
gap:20px;
margin-bottom:50px;
}
.sub-tab2 a{
display:inline-block;
padding:10px 50px;
border-radius:999px;
border:1px #e0e0e0 solid;
box-sizing:border-box;
font-weight:600;
}
.sub-tab2 a:hover{
background:#f9f9f9;
}
.sub-tab2 a.current{
background:#387;
border-color:#387;
color:#fff;
}

.m-sub-select{
display:none;
}
.m-sub-select2{
display:none;
}

/*s11 소개*/
.s11-box{
display:none;
}
.s11-box.current{
display:block;
}
.s11-top{
display:flex;
gap:50px;
align-items: center;
}
.s11-img{
flex-shrink: 0;
width: 550px;
}
.s11-img img{
width:100%;
}
.s11-txt{
flex-grow: 1;
word-break: keep-all;
font-size:1.125em;
line-height:1.8em;
box-sizing:border-box;
padding-right:60px;
}
.s11-txt img{
width:320px;
margin-left:-2px;
}
.s11-txt p{
margin-top:25px;
}

.s11t-name{
opacity:0.5;
margin-top:10px;
}
.s11t-name span{
display:inline-block;
margin-right:10px;
}
.s11t-name em{
font-weight:700;
}

.sub-dl2{
display:flex;
margin-top:70px;
}
.sub-dl2 dt{
flex-shrink: 0;
width: 280px;
font-weight:700;
font-size:1.5em;
color:#2a8583;
padding-right:20px;
}
.sub-dl2 dt span{
font-size:18px;
font-weight:400;
color:#829292;
}
.sub-dl2 dt:before{
content:"";
display:block;
width:50px;
height:5px;
background:#2a8583;
margin-bottom:20px;
}
.sub-dl2 dd{
flex-grow: 1;
margin-top:25px;
}
.sub-dl2 dd ul li{
margin-bottom:7px;
color:#555;
word-break: keep-all;
}

.sd2-ul li{
padding: 0px 12px;
display: block;
position: relative;
}
.sd2-ul li:after{
position:absolute; 
content:""; 
display:block; 
width:3px; 
height:3px; 
background:#999; 
left:0; 
top:12px;
}


.table-type1{
width:100%;
table-layout:fixed;
margin:0 auto;
}
.table-type1 thead th{
background:#44888c;
padding:15px;
font-weight:700;
border-left:1px #115957 solid;
border-bottom:1px #fff solid;
color:#fff;
}
.table-type1 thead th:first-child{
border-left-width:0;
}
.table-type1 tbody th{
border:1px #e0e0e0 solid;
border-left-width:0;
padding:15px;
font-weight:500;
background:#f7f7f7;
}
.table-type1 tbody td{
border:1px #e0e0e0 solid;
border-right-width:0;
padding:15px;
color:#666;
}
.table-type1.ty1-center tbody td{
text-align:center;
}
.table1-flex{
display:flex;
}
.table1-flex div{
width:45%;
}


.ty1-font1 tbody th,
.ty1-font1 td{
font-size:1em;
font-weight:300;
}


.ty1-font1 td p{
font-weight:600;
color:#222;
font-size:1.25em;
}

.table-type1 td.bln{
border-left-width:0;
}
.table-type1 tbody th.bln1{
border-left-width:1px;
}

.table-type1 thead tr.blt th{
border-top:1px #bec6c6 solid;
}


.s11-2-p1{
font-family: 'Poppins', sans-serif;
font-weight:700;
letter-spacing:0em;
font-size:32px;
color:#bbb;
font-size:26px;
text-transform: uppercase;
}
.s11-2-p2{
border-top:1px #e0e0e0 dashed;
padding-top:30px;
margin-top:30px;
font-size:1.125em;
line-height:1.8em;
word-break: keep-all;
box-sizing:border-box;
}
.s11-3-cont{
display:flex;
}
.s11-3-cont dl{
box-sizing:border-box;
padding:20px;
border:1px #e0e0e0 solid;
border-left-width:0px;
width:25%;
flex-shrink: 0;
}
.s11-3-cont dl:first-child{
border-left-width:1px;
}
.s11-3-cont dl dt{
color:#2a8583;
font-weight:800;
font-size:26px;
text-align:center;
margin-bottom:20px;
}
.s11-3-cont dl dt span{
font-size:1em;
display:block;
color:#dbe3e3;
}
.s11-3-cont dl dd{
display:flex;
width:100%;
justify-content: center;
}
.s11-3-cont dl ul li{
position:relative;
padding-left:10px;
margin-top:5px;
}
.s11-3-cont dl ul li:after{
display:block;
content:"";
position:absolute;
left:0;
top:10px;
width:5px;
height:5px;
background:#bac2c2;

}



/*sub12 인사말*/
.sub12-box{
font-size:1.125em;
max-width:980px;
margin:0 auto;
line-height:2em;
text-align:center;
}
.sub12-box p{
margin-bottom:30px;
word-break: keep-all;
}
.s12-t1{
font-weight:700;
font-size:1.5em;
color:#2a8583;
}
.s12-text{
width:100%;
word-break:keep-all;
}



/*s13 설립취지*/
.s13-dl dt{
background:#2a8583;
background-image:url(img/s13-bg.jpg);
background-size:cover;
text-align:center;
padding:30px 5px;
color:#fff;
font-size:22px;
font-weight:800;
}
.s13-dl dd{
border:1px #e0e0e0 solid;
border-top-width:0;
box-sizing:border-box;
padding:30px;
text-align:center;
word-break: keep-all;
font-size:1.125em;
line-height:2em;
}

/*s14 연혁*/
.history-list{
box-sizing:border-box;
padding:50px;
border:1px #e0e0e0 solid;
display:none;
}
.history-list.current{
display:flex;
}

.history-list > .his-tit{
width:200px;
color:#30867f;
font-size:28px;
font-weight:700;
}

.history-list > .his-tit span{
font-size:18px;
display:block;
color:#8aaeab;
font-weight:500;
}

.his-cont{
flex-grow: 1;
}

.hsc-name{
background:#f1f1f1;
padding:15px 20px;
box-sizing:border-box;
margin-bottom:30px;
}
.hsc-name p{
padding:5px 0;
font-size:1.05em;
}
.history-list ul dl{
display:flex;
flex-grow: 1;
margin-top:20px;
}

.history-list ul dt{
font-weight:800;
font-size:1.15em;
color:#2b4042;
width:180px;
padding-top:5px;
}
.history-list ul dl dd{
flex-grow: 1;
}
.his-ul li{
display:flex;
border-top:1px #e0e0e0 dashed;
padding:15px 0;
flex-grow: 1;
}
.his-ul li:first-child{
border-top-width:0;
padding-top:10px;
}
.his-ul li span{
font-weight:600;
color:#222;
margin-right:10px;
flex-shrink: 0;
}

.hu-ma{
border-top:2px #e0e0e0 solid;
}


/*s41후원회원가입안내*/
.s41-top{
display:flex;
gap:50px;
align-items: center;
}
.s41t-txt{
flex-grow: 1;
}
.s41t-img{
width:380px;
flex-shrink: 0;
}
.s41t-img img{
width:100%;
}
.s41-t1{
font-size:24px;
font-weight:700;
color:#2a8583;
}

.s41-t2{
margin-top:30px;
padding-top:20px;
border-top:1px #e0e0e0 dashed;
}
.s41-t2 strong{
font-weight:800;
font-size:1.25em;
display:block;
margin-bottom:10px;
}

.s41-t3{
box-sizing:border-box;
background:#fee;
padding:10px;
margin-top:10px;
color:#a11;
}
.s41-t3 em{
text-decoration: underline;
font-weight:600;
}

.s41-form{
border:1px #e0e0e0 solid;
padding:10px 20px;
box-sizing:border-box;
}
.s41-form li{
display:flex;
border-top:1px #e0e0e0 solid;
padding:10px 0;
align-items: center;
}
.s41-form li:first-child{
border-top-width:0;
}
.s41-form li > p{
flex-shrink: 0;
width: 180px;
font-weight: 600;
word-break: keep-all;
}
.s41-form li > div{
flex-grow: 1;
display: flex;
flex-wrap: wrap;
gap: 2%;
align-items: center;
flex-wrap:wrap;
}
.s41-form input[type="text"]{
height: 36px;
line-height: 36px;
background: #fafafa;
border: 1px #e9e9e9 solid;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
color: #666;
border-radius: 5px;
margin: 2px 0;
}

.s41-form input.in-w1{
width:82%;
}
.jl-btn {
border: 1px #e0e0e0 solid;
width: 13%;
box-sizing: border-box;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 5px;
font-size: 0.85em;
}

.s41-form input::placeholder,
.s41-form .js-textarea::placeholder{
color: #999;
font-size:0.85em;
opacity: 1;
}


.s41-num{
margin-top:35px;
margin-bottom:10px;
text-align:right;
color:#999;
}
.s41-num strong{
font-size:1.125em;
font-weight:800;
}

.s-btn1{
margin-top:30px;
text-align:center;
}

.s-btn1 input{
background: #1eb49a;
color: #fff;
border: 0;
padding: 10px 45px;
font-weight: 600;
}



/*s42 산하단체안내*/
.s42-box1{
margin-bottom:30px;
}
.s42-tit1{
font-weight:800;
font-size:1.35em;
margin-bottom:10px;
color:#454;
}
.s42-cont1{
line-height:1.7em;
font-size:1.125em;
word-break: keep-all;
}
.s42-cont1 > ul > li > p{
font-size:0.9em;
opacity:0.8;
line-height:1.6em;
} 


.s41 .sub-dl2{
border-top:1px #e0e0e0 solid;
padding-top:40px;
margin-top:0;
}

.s42-ul1{
display:flex;
flex-wrap:wrap;
}
.s42-ul1 li{
margin-right:50px;
}

.s42-ul-but li{
position:relative;
box-sizing:border-box;
padding-left:10px;
}
.s42-ul-but li:after{
display:block;
position:absolute;
content:"";
width:5px;
height:5px;
background:#186;
left:0;
top:12px;
border-radius:9999px;
}

.p-tel{
margin-top:10px;
}


/* 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%; }
}



/*paging*/
.paging{text-align:center; margin-top:30px;}
.paging a,
.paging strong,
.paging span{display:inline-block; margin-left:-1px; border:1px #c8c8c8 solid; width:40px; height:40px; line-height:40px; vertical-align:top;font-family:'Barlow', sans-serif; font-weight:500; font-size:16px;}
.paging strong{color:#fff; background:#052954; border-top-color:#052954; border-bottom-color:#052954;}
.paging .p-prev, 
.paging .p-next{font-size:0; text-indent:-999999; overflow:hidden; }
.p-prev i, 
.p-next i{font-size:18px; line-height:40px;}


#book{
width:96%;
max-width:1280px;
margin:0 auto;
padding:50px 0;
}
.book-slide{
position:relative;
margin-top:20px;
}
#book .slick-list{
overflow:hidden;
margin-left:-20px;
width:calc(100% + 20px);
}
#book .slick-slide > div,
#book .slick-slide > div{
padding-left:20px;
box-sizing:borde-box;
}
#book .slick-arrow{
position:absolute;
right:0;
top:-60px;
width:38px;
height:38px;
background:#3a3d4c;
display:flex;
align-items: center;
justify-content: center;
border-radius:999px;
color:#fff;
}
#book .slick-arrow.slick-prev{
right:43px;
}
.book-box a{
display:block;
width:100%;
}

.bkb-img{
position:relative;
width:100%;
padding-top:150%;
overflow:hidden;
border:1px solid #ccc;
margin-left:-2px;
}
.bkb-img-area{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:flex;
justify-content: center;
align-items: center;
}
.bkb-img img{
width:100%;
transition: transform .3s ease-out;
}
.book-box a:hover .bkb-img img{
transform: scale(1.2);
}
.bkb-txt{
margin-top:15px;
height:1.5em;
line-height:1.5em;
overflow:hidden;
font-weight:600;
}


.sub-news-list li{float:left; margin:0 2% 50px 0; width:49%;}
.sub-news-list li:nth-child(2n){margin-right:0;}
.sub-news-list:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.sub-news-list a{display:block;}
/*.snl-img{margin-bottom:20px;width:100%; position:relative; overflow:hidden;box-sizing:border-box; }*/
.snl-img{border:1px #efefef solid; margin-bottom:20px;width:100%; position:relative; overflow:hidden;box-sizing:border-box; padding-top:56.4%}
.snl-img img{margin:0 auto; top:0; width:100%;}
.snl-img:hover > img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.snl-img > img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.snl-text{overflow: hidden; line-height:24px; height:48px; position:relative; text-align:center; }
.snl-date{font-family:'Barlow', sans-serif; font-weight:500;   color:#777; letter-spacing:0em; font-size:17px; text-align:center;}


.snl-mv{margin-bottom:20px;width:100%; position:relative; overflow:hidden;box-sizing:border-box; }