@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&display=swap);

@font-face {
    font-family: 'NEXON';
    src: url('font/NEXON_Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

#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,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:#3b3b3b;
font-size:16px;
line-height:1.5;
letter-spacing:-.08em;
font-family:'Noto Sans KR', sans-serif;
font-weight:400;
}

:focus {
outline:none;
}

.blind{
display:none;
}

.accessibility {visibility:hidden; overflow:hidden; position:absolute; height:0; font-size:0;}

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

.gnb > li.current > a{
font-weight:600;
color:#274295;
}


header {
width:100%;
height:130px;
background-size:cover;
position:relative;
z-index:999;
box-sizing:border-box;
}

.header-div{
position:relative;
width:100%;
max-width:1280px;
margin:0 auto;
}

.header-logo {
position:absolute;
left:50%;
margin-left:-640px;
top:5px;
z-index:100;
box-sizing:border-box;
}

.header-logo a{
display:block;
}

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

.header-gnb {
width:100%;
height:50px;
background:#fff;
position:relative;
z-index:99;
transition:all .5s;
top:80px;
border:1px #e8e8e8 solid;
border-width:1px 0;
box-sizing:border-box;
}

.gnb {
width:100%;
max-width:1280px;
text-align:center;
position:relative;
height:auto;
box-sizing:border-box;
margin:0 auto;
display:table;
border-right:1px #e8e8e8 solid;
}

.gnb > li {
display:table-cell;
position:relative;
height:49px;	
line-height:49px;
text-align:center;
box-sizing:border-box;
vertical-align:top;
border-left:1px #e8e8e8 solid;
}
.gnb > li.home-menu,
.gnb > li.all-menu{
width:50px;
}


.gnb > li.all-menu{
background:#adadad;
top:-1px;
}

.gnb > li.all-menu:hover{
background:#0076bd;
}



.gnb > li:hover > a{
color:#0076bd;
font-weight:600;
}

.gnb > li > a {
display:block;
font-size:18px;
line-height:49px;
color:#333;
position:relative;
font-weight:500;
}
.gnb > li > a > i {
line-height:49px;
}
.gnb > li.all-menu > a{
color:#fff;
font-size:24px;
}

.gnb > li > ul {
display:none;
position:absolute;
left:50%;
margin-left:-100px;
top:49px;
width:200px;
overflow:hidden;
z-index:5;
background:#006fba;
box-sizing:border-box;
border-radius:0 0 10px 10px;

}

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

.gnb > li > ul li {
height:40px;
line-height:40px;
border-top:1px rgba(255,255,255,0.2) solid;
}

.gnb > li > ul li a {
display:block;
color:rgba(255,255,255,0.7);
font-size:15px;
}

.gnb > li > ul li:hover{
background:rgba(0,0,0,0.2);
}

.gnb > li > ul li:hover a{
color:rgba(255,255,255,1);
font-weight:500;
}

.tnb{
text-align:right;
position:absolute;

right:0px;
width:800px;
top:30px;
}
.tnb li{
display:inline-block;
}

.tnb li.login-link{
 display:none;
}

.tnb li:not(.login):after{
content:"¡¤";
display:inline-block;
padding:0 10px;
color:#adadad;
font-size:16px;
}
.tnb li:last-child:after{
display:none;
}

.tnb li:not(.login) a{
font-size:16px;
color:#666;
display:inline-block;
line-height:30px;
}

.tnb li a i{
font-size:20px;
}

.tnb li a:hover{
color:#111;
}
#member_name_a{
color:#111;
}

.all-menu-area{
position:absolute;
background:#fff;
width:1540px;
z-index:9999;
top:80px;
background:#fff;
left:50%;
margin-left:-770px;
border:3px #0078be solid;
border-top-width:0;
box-sizing:border-box;
display:none;
-webkit-transition: all 1s;  transition: all 1s; 
}


.menu {
margin:0 auto;
display:table;
table-layout:fixed;
text-align:center;
width:100%;
}

.menu > li{
display:table-cell;
border-left:1px #c5e0ee solid;
width:*%;
padding-bottom:10px;
}

.menu > li:first-child{
border-left-width:0;
}

.menu > li > a{
display:block;
background:#0078be;
height:50px;
line-height:50px;
color:#fff;
}

.menu > li > ul{
text-align:left;
box-sizing:border-box;

}

.menu > li > ul > li >a{
font-size:14.5px;
padding:3px 5px;
display:block;

}
.menu > li > ul > li >a:hover{
color:#0078be;
}
.menu > li > ul > li{
padding:0 5px;
}

.menu > li > ul div{
padding:0px 10px 10px;

}

.menu > li > ul p a{
font-size:13px;
padding:0 5px 0 7px;
margin-bottom:2px;
color:#555;
position:relative;
}

.menu > li > ul p a:hover{
color:#000;
}

.menu > li > ul p a:after{
position:absolute;
content:"";
display:block;
width:3px;
height: 3px;
background:#b9b9b9;
left:0;
top:8px;
}

.gnb-close-btn{
position:absolute;
right:-50px;
top:0;
z-index:99999;
background:#0a3c97;
width:50px;
height:50px;
line-height:50px;
text-align:center;
color:#fff;
font-size:25px;
}
.gnb-close-btn i{
	line-height:50px;
}
.mobile-open-btn{
position:absolute;
right:10px;
bottom:10px;
z-index:99999;
background:#0a3c97;
width:50px;
height:50px;
line-height:50px;
text-align:center;
color:#fff;
font-size:25px;
display:none;
}
.mobile-open-btn i{
line-height:50px;
}
.sidebg{
width:0;
display:none;
}

/*footer*/
footer{
width:100%;
background:#fff;
border-top:1px #e9e9e9 solid;
padding-bottom:30px;
}

.fnb-area{
width:100%; 
background:#2b3c46;  
}

.fnb{
width:94%;
max-width:1280px;
margin:0 auto;
vertical-align:bottom;
height:60px;
line-height:60px;
}
.fnb li{
display:inline-block;
position:relative;
}

.fnb li:after{
position:absolute;
content:"";
display:block;
width:3px;
height:3px;
border-radius:9999px;
background-color:#abb1b5;
left:0;
top:50%;
margin-top:-2px;
}
.fnb li:first-child:after{
display:none;
}

.fnb li a{
display:block;
padding:0 10px;
color:#fff;
}

.fnb li a:hover{
font-weight:600;
color:#fff;
}

.fnb li:first-child a{
padding-left:0;
}

.foot-area{ 
width:94%;
max-width:1280px;
margin:0 auto;
box-sizing:border-box;
position:relative;
}

.foot-info{
padding:25px 0;
box-sizing:border-box;
background:url(img/foot-logo.png) no-repeat;
background-size:120px;
background-position:98% 50%;
}

.foot-info p{
display:inline-block;
margin-bottom:5px;
font-size:15px;
color:#555;
}

.foot-info span{
display:inline-block;
font-size:12px;
color:#b6b6b6;
vertical-align:2px;
padding:0 10px;
}

.foot-info  .foot-copy{
color: rgba(0,0,0,0.5);
display:block;
letter-spacing:0;
margin-top:10px;
}

.quick-top{
position:absolute; 
right:0; 
top:-60px;
cursor:pointer;
font-family: 'Work Sans', sans-serif;
height:60px;
line-height:60px;
background:#182d3a;
color:rgba(255,255,255,0.8);
font-weight:700;
padding:0 40px;
font-size:18px;
letter-spacing:0;
}


/********************* main *********************************/
.slick-list {
position:relative;
z-index:1;
}

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

#visual .slick-arrow {
background:url(img/visual-prev.png);
width:50px;
height:50px;
position:absolute; 
left:50%;
top:50%;
margin-left:-650px;
margin-top:-25px;
z-index:9999;
font-size:0;
background-size:cover;
}

#visual .slick-arrow.slick-next{
background-image:url(img/visual-next.png);
margin-left:600px;
}

#visual {
position:relative;
height:100%;
margin-bottom:-5px;
z-index:1;
width:100%; 
overflow:hidden;
}

.visual-img {
position:relative;
overflow:hidden;
width:100%;
}

.visual-img img {
position:relative;
left:50%;
margin-left:-1000px;
width:2000px;
}

.main-box{
padding:50px 0;
width:100%;
max-width:1280px;
margin:0 auto;
}
.main-box:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}


/*main °øÅë*/
.main-tit{
font-size:23px;
text-align:Center;
}

.main-tit span{
display:block;
font-family: 'Work Sans', sans-serif;
font-weight:700;
font-size:37px;
}

/*ºü¸¥ ¾ÆÀÌÄÜ ¸Þ´º*/
#quick-menu{
width: 66%;
float:left;
text-align:center;
margin-right:2%;
}

#quick-menu li{
float:left;
width:33%;
box-sizing:border-box;
border-left:1px #d2d7db solid;
}

#quick-menu li:nth-child(n+4){
border-top:1px #d2d7db solid;
}

#quick-menu li:nth-child(3n+1){
border-left-width:0;
}

#quick-menu li a{
display:block;
padding:15px 0 17px;
}

.qm-ico{
transition: 0.3s;
}

.qm-ico img{
width:90%;
max-width:100px;
}

.qm-txt{
font-size:17px;
padding-top:5px;
}

#quick-menu li a:hover .qm-ico{
border-color:#0076bd;
background:#fff;
}

#quick-menu li a:hover .qm-txt{
color:#0076bd;
}

/*¸ÞÀÎ ±¤°íÆ˾÷Á¸*/
#popupzone{
width:32%;
float:left;
position:relative;
}

#popupzone img{
width:100%;
}

.pop-slide{
width:100%;
overflow:hidden;
}
.mainpop{
position:relative;
}

.pop-slide{
display:block;
}

#popupzone .slick-dots{
text-align:center;
margin-top:10px;
position:absolute;
bottom:20px;
left:0;
width:100%;
z-index:99;
}

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

#popupzone .slick-dots li button{
font-size:0;
width:15px;
height:15px;
border-radius:999px;
background:transparent;
border:3px #15223a solid;
}

#popupzone .slick-dots li.slick-active button{
background:#15223a;
}

/*¸ÞÀÎ °Ô½Ã¹°¿µ¿ª*/
.main-board{
width:95%;
max-width:1280px;
margin:0 auto;
}

.main-board:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;    
}

.main-board section{
width:32%;
margin-left:2%;
float:left;
box-sizing:border-box;
border:1px #e3e7ea solid;
position:relative;
padding:45px 25px 25px;
height:366px;
}

.main-board section:first-child{
margin-left:0;
}

.mb-tit{
font-size:20px;
text-align:center;
line-height:1.55em;
margin-bottom:20px;
}

.mb-tit span{
display:block;
font-family: 'Work Sans', sans-serif;
font-weight:700;
letter-spacing:0em;
font-size:32px;
text-transform:uppercase;
}

.notice-tab{
text-align:center;
background:#f2f5f7;
height:50px;
line-height:50px;
border:1px #e9f0f5 solid;
margin-bottom:10px;
}

.notice-tab li{
display:inline-block;
padding:0 10px;
line-height:inherit; 
cursor:pointer;
margin:0 10px;
color:#597282;
}

.notice-tab li.current{
position:relative;
color:#0067a8;
font-weight:500;
}

.notice-tab li.current:after{
position:absolute;
content:"";
display:block;
width:84px;
height:3px;
background:#0067a8;
left:50%;
margin-left:-42px;
bottom:-1px;
}

.mb-more{
position:absolute;
right:0;
top:0;
width:48px;
height:48px;
border:1px #e3e7ea solid;
border-width:0 0 1px 1px;
}

.mb-more img{
width:100%;
}

.notice-box{
display:none;
}

.notice-box.current{
display:block;
}

.notice-list li{
position:relative;
box-sizing:border-box;
padding-right:100px;
height:30px;
line-height:30px;
}

.notice-list li a{
display:block;
color:#555;
height:inherit;
line-height:inherit;
overflow:hidden;
}

.notice-list li a strong{
font-weight:700;
}

.notice-list li a:hover{
color:#0076c0;
}

.notice-list li span{
position:absolute;
right:0;
top:0;
color:#888;
font-family: 'Work Sans', sans-serif;
font-weight:500;
letter-spacing:-0.05em;
}

.education-list li{
border-top:1px dashed #e3e7ea;
padding:12px 0;
}

.education-list li:first-child{
border-top-style:solid;
}

.education-list li a{
display:block;

line-height:25px;
height:50px;
overflow:hidden;
word-break:keep-all;
color:#777;
}

.c-blue{
color:#0076c0;
font-weight:700;
}

.main-board section#search{
border:0;
background:url(img/search-bg.jpg);
background-size:cover;
}

.main-board section#search .mb-tit{
color:rgba(255,255,255,0.7)
}

.main-board section#search .mb-tit span{
color:rgba(255,255,255,1);
}

.main-news{
width:95%;
max-width:1280px;
margin:0 auto;
padding:50px 0;
}

.main-news section#search{
border:0;
background:url(img/search-bg.jpg);
background-size:cover;
}

.main-news section#search .mb-tit{
color:rgba(255,255,255,0.7)
}

.main-news section#search .mb-tit span{
color:rgba(255,255,255,1);
}

.main-news #newsletter{
width:66%;
margin-right:2%;
float:left;
box-sizing:border-box;
position:relative;
padding:0;
height:366px;
}
.main-news #search{
float:right;
width:32%;
box-sizing: border-box;
border: 1px #e3e7ea solid;
position: relative;
padding: 45px 25px 25px;
height: 366px;
}
.main-news #newsletter .gallery-area2{
width:100%;
max-width:1280px; 
margin:0 auto;
padding:50px 0 0px;
position:relative;
overflow:hidden;
}



.search-box select{
background:transparent;
color:rgba(255,255,255,0.9);
border:1px rgba(255,255,255,0.4) solid;
border-radius:5px;
height:40px;
float:left;
display:block;
width:100%;
margin-left:0;
margin-bottom:2%;
box-sizing:border-box;
padding:0 10px;
}


.search-box select:-moz-focusring {
  color: #343434;
}

.search-box select::-ms-expand {
  display: none;
}

.search-box select>option {
  background: #fff;
  color:#343434;
}


.search-box select:nth-child(2n+1){
margin-left:0;
}

.search-box input{
background:transparent;
color:rgba(255,255,255,0.9);
border:1px rgba(255,255,255,0.4) solid;
border-radius:5px;
height:40px;
width:100%;
padding:0 10px;
box-sizing:border-box;
margin-bottom:2%;
clear:both;
}

.search-box button{
border-radius:5px;
height:45px;
width:100%;
background:#fff;
color:#00578e;
font-family: 'Work Sans', sans-serif;
font-weight:600;
letter-spacing:-0em;
}

.search-box button i{
font-weight:bold;
vertical-align:-0.1em;
}

.search-box button:hover{
transition: all .3s ease-out;
background:#00578e;
color:#fff;
}

/*gallery*/
.gallery-area{
width:95%;
max-width:1280px; 
margin:0 auto;
padding:50px 0 40px;
position:relative;
overflow:hidden;
}

.gallery-list{
width:100%;
margin-top:30px;
}


.gallery-list .slick-slide{
padding:0 10px;
display:inline-block;
}

.gallery-list a{
display:block;
}

.gal-img > a{
position:relative;
padding-top:67%;
width:100%;
overflow:hidden;
background:#fff;
box-sizing:border-box;
border:1px #e3e7ea solid;
}

.gal-img img{
max-width:100%;
position:absolute;
left: 50%;
top:50%;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s
}

.gallery-list a:hover .gal-img img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s
}

.gal-txt{
background:#fff;
box-sizing:border-box;
padding:20px 15px;
border-top:1px #f9f9f9 solid;
}

.gt1{
font-size:18px;
font-weight:500;
line-height:1.5em;
height:1.5em;
overflow:hidden;
}

.gt1-center{
text-align:center;
}

.gt2{
color:#777;
line-height:1.5em;
height:1.5em;
overflow:hidden;
margin:5px 0;
}

.gt3{
font-family: 'Work Sans', sans-serif;
color:#777;
letter-spacing:0em;
color:#888;
font-size:15px;
}

.gallery-list .slick-arrow{
position:absolute;
font-size:0;
width:70px;
height:70px;
top:70px;
left:-10px;
background:url(img/gallery-prev.png);
z-index:99;
}

.gallery-list .slick-arrow.slick-next{
background-image:url(img/gallery-next.png);
left:auto;
right:-10px;
}


/*¼Ò½ÄÁö*/
.gallery-area2{
width:95%;
max-width:1280px; 
margin:0 auto;
padding:50px 0 40px;
position:relative;
overflow:hidden;
}

.gallery-list2{
width:100%;
margin-top:30px;
}


.gallery-list2 .slick-slide{
padding:0 10px;
display:inline-block;
}

.gallery-list2 a{
display:block;
}

.gal-img > a{
position:relative;
padding-top:67%;
width:100%;
overflow:hidden;
background:#fff;
box-sizing:border-box;
border:1px #e3e7ea solid;
}

.gal-img img{
max-width:100%;
position:absolute;
left: 50%;
top:50%;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s
}

.gallery-list2 a:hover .gal-img img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s
}

.gal-txt{
background:#fff;
box-sizing:border-box;
padding:20px 15px;
border-top:1px #f9f9f9 solid;
}

.gt1{
font-size:18px;
font-weight:500;
line-height:1.5em;
height:1.5em;
overflow:hidden;
}

.gt1-center{
text-align:center;
}

.gt2{
color:#777;
line-height:1.5em;
height:1.5em;
overflow:hidden;
margin:5px 0;
}

.gt3{
font-family: 'Work Sans', sans-serif;
color:#777;
letter-spacing:0em;
color:#888;
font-size:15px;
}

.gallery-list2 .slick-arrow{
position:absolute;
font-size:0;
width:70px;
height:70px;
top:70px;
left:-10px;
background:url(img/gallery-prev.png);
z-index:99;
}

.gallery-list2 .slick-arrow.slick-next{
background-image:url(img/gallery-next.png);
left:auto;
right:-10px;
}


/*°ü·Ã±â°ü*/
#site-banner{
width:100%;
background:#f3f5f9;
border-top:1px #eaeef5 solid;
padding:30px 0;
}
.site-banner-area{
width:94%;
max-width:1280px;
margin:0 auto;
position:relative;
box-sizing:border-box;
overflow:hidden;
padding-left:215px;
padding-right:35px;
}

#site-banner .main-tit{
position:absolute;
left:0;
top:0;
text-align:left;
font-size:16px;
}

#site-banner .main-tit span{
font-size:24px;
}

.site-banner-box .slick-list{
width:100%;
overflow:hidden;
}

.site-banner-box .slick-slide{
margin:0 2px;
}

.site-banner-box .slick-arrow{
position:absolute;
font-size:0;
width:30px;
height:62px;
top:50%;
margin-top:-33.5px;
left:180px;
background:url(img/banner-prev.gif);
background-size:cover;
z-index:99;
border:1px #d9dee6 solid;
box-sizing:border-box;
}

.site-banner-box .slick-arrow.slick-next{
background-image:url(img/banner-next.gif);
left:auto;
right:0;
}

.site-banner-area a{
display:block;
position:relative;
height:62px;
width:100%;
overflow:hidden;
border:1px #d9dee6 solid;
box-sizing:border-box;
background:#fff;
}

.site-banner-area a img{
max-width:90%;
position:absolute;
left:50%;
top:50%;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s
}

.site-banner-area a: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
}



/************************SUB***************************************/
.sub-visual{
width:100%;
text-align:center;
height:300px;
line-height:300px;
background:url(img/sub-visual.jpg); 
background-size:cover;
background-position:50% 50%;
color:#fff;
font-size:52px;
font-weight:500;
}

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

.snb ul{
width:95%;
max-width:1280px;
margin:0 auto;
text-align:center;
}

.snb li{
position:relative;
display:inline-block;
}

.snb li:after{
display:block;
content:"";
position:absolute;
width:1px;
height:14px;
background:#c7c7c7;
left:0;
top:50%;
margin-top:-7px;
}

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

.snb li a{
display:block;
line-height:60px;
height:60px;
padding:0 35px;
color:#666;
}

.snb li a:hover{
color:#000;
}

.snb li.current a{
color:#0078be;
border-bottom:3px #0078be solid;
}

.sub-content-tit{
width:95%;
max-width:1280px;
margin:0 auto;
position:relative;
}

.sub-tit{
font-weight:700;
font-size:40px;
padding-top:70px;
text-align:center;
}

.sub-nav{
position:relative;
bottom:40px; 
right:0;
text-align:right;
font-weight:300;
}

.sub-nav p{
display:inline-block;
font-size:13px;
color:#666;
}

.sub-nav span{
display:inline-block;
font-size:12px;
color:#999;
vertical-align:1px;
padding:0 5px;
}

.sc-menu{
width:95%;
max-width:1280px;
margin:0 auto;
text-align:center;
}

.sc-menu li{
display:inline-block;
width:24.8%;
border:1px #dedede solid;
margin-left:-4px;
margin-bottom:-1px;
background:#fff;
}

.sc-menu li a{
display:block;
height:50px;
line-height:50px;
}

.sc-menu li:hover{
background:#f5fbff;
}

.sc-menu li:hover a{
color:#0078be;
}

.sc-menu li.current{
background:#0078be;
border-color:#0078be;
}

.sc-menu li.current a{
color:#fff;
}

.sub-content{
width:95%;
max-width:1280px;
margin:0 auto;
padding:40px 0 120px;
}

.sub-content.sub-content-full{
max-width:1900px;
}



.sub21-top{
font-size:22px;
font-family:"NEXON";
color:#0078be;
margin:20px 0 30px;
box-sizing:border-box;
text-align:center;
word-break:keep-all;
}
.sub21-top strong{
color:#0a3c97;
font-size:55px;
display:block;

}
.sub21-top span{
display:block;
color:#45526b;;
font-size:18px;
margin-top:10px;
font-family:'Noto Sans KR', sans-serif;
}

.border-top{
border-top:1px #e0e0e0 solid;
padding-top:30px;
margin-top:0;
}
.sub21-dl{
padding:30px 0 20px;
border-top:1px #e0e0e0 solid;
}
.sub21-dl dt,
.sc-tit1{
font-family:"NEXON";
font-size:1.3em;
position:relative;
padding-left:20px;
margin-bottom:10px;
}

.sub21-dl dt:after,
.sc-tit1:after{
content:"";
display:block;
position:absolute;
width:8px; 
height:8px;
border-radius:9999px;
border:4px #0078be solid;
top:9px;
left:0;
}

.sub21-dl dd{
color:#444;
}

.sub21-dl ul{
box-sizing:border-box;
padding-left:22px;
}
.sub21-dl ul li{
margin-bottom:10px;
position:relative;
padding-left:10px;
word-break:keep-all;
}

.sub21-dl ul li:after{
content:"";
display:block;
position:absolute;
width:6px; 
height:6px;
border-radius:9999px;
background:rgb(172, 172, 172);
top:10px;
left:0;
}

.sub21-dl ul li strong{
display:block;
font-weight:700;
}

.sub21-dl span{
display:block;
margin-bottom:10px;
font-weight:500;
padding-left:22px;
font-size:1.05em;
word-break:keep-all;
}

.sc-tit1 span{
font-size:16px;
font-family:'Noto Sans KR', sans-serif;
margin-left:10px;
}

.ma50{
margin-top:50px;
}

.ma20{
margin-top:20px;
}

.male22{
margin-left:22px;
}

.member-org:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}
.member-org li{
float:left;
width:48%; 
list-style-type: decimal; 
box-sizing:border-box;
margin-left:2%;
}

.member-indie:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}
.member-indie li{
float:left;
width:31.333%; 
list-style-type: decimal; 
box-sizing:border-box;
margin-left:2%;
}


.sub-btn a{
display:inline-block;
background:#1a9c7c;
color:#fff;
padding:20px 40px;
font-size:1.125em;
transition: all .3s ease-out;
margin-left:5px;
}

.sub-btn a:hover{
background:#023b28;

}

.sub-btn a i{
font-size:1.25em;
vertical-align:-3px;
margin-left:60px;
}

.sub-btn2{
text-align:center;
margin-top:50px;
}
.sub-btn2 a{
display:inline-block;
background:#203a83;
color:#fff;
padding:15px 100px;
font-size:1.125em;
border-radius:10px;
transition: all .3s ease-out;
}

.sub-btn2 a:hover{
background:#232735;
}

.sub-dl1:nth-child(even){
background:#f4f8fa;
padding:30px 50px;
padding-left:220px;
}

.sub-dl1{
margin-top:30px;
position:relative;
padding-left:220px;
}


.sub-dl1 dt{
padding:10px 0px;
width:180px;
font-family: "NEXON";
background:#0078be;
font-size:1.15em;
color:#fff;
display:inline-block;
border-radius:999px;
margin-bottom:20px;
position:absolute;
left:20px;
text-align:center;
}

.qr-box{
position:relative; 
top:-25px; 
left:280px;
}
.sc-ul2{
text-align:center;
display:table;
width:100%;
table-layout:fixed;
}

.sc-ul2 li{
display:table-cell;
width:25%;
color:#0078be;
font-size:18px;
font-weight:700;
border-left:1px #dce0e2 solid;
}

.sc-ul2 li:first-child{
border-left-width:0;
}

.sc-ul2 strong{
color:#0078be;
font-family: 'Work Sans', sans-serif;
font-weight:700;
display:block;
width:40px;
height:40px;
line-height:40px;
border:2px #0078be solid;
background:#fff;
margin:0 auto;
border-radius:999px;
margin-bottom:10px;
}

.sc-ul2 li span{
display:block;
font-size:16px;
color:#666;
font-weight:400;
margin-top:10px;
}

.sc-p1{
font-family: "NEXON";
font-size:1.05em;
margin-bottom:5px;
color:#0a51af;
}

.sc-p2{
margin-top:40px;
color:#ef4e08;
}

.sc-p3{
color:#555;
word-break:keep-all;
}

.sc-p4{
font-weight:500;
word-break:keep-all;
border-bottom:1px dashed #e0e0e0;
padding:10px 0 30px;
margin-bottom:30px;
}
.sc-p5{
font-weight:500;
word-break:keep-all;
padding-left:10px;
margin-bottom:5px;
position:relative;
}
.sc-p5-span{
display:block; 
color:#666;
font-size:0.95em;
}

.sc-p5:after{
content: "";
display: block;
position: absolute;
width: 6px;
height: 6px;
border-radius: 9999px;
background: rgb(172, 172, 172);
top: 10px;
left: 0;
}

.sc-ul3 li{
margin-bottom: 10px;
position: relative;
padding-left: 15px;
word-break: keep-all;
color: #555;
}

.sc-ul3 li:after{
content: "";
display: block;
position: absolute;
width: 6px;
height: 6px;
border-radius: 9999px;
background: rgb(172, 172, 172);
top: 10px;
left: 0;
}

.sc-ul4 li{
display:table;
table-layout:fixed;
width:100%;
margin-bottom:50px;
}

.scul4-left,
.scul4-right{
display:table-cell;
vertical-align:middle;
}

.scul4-left{
width:40%;
padding-right:5%;
vertical-align:top;
}

.scul4-left img{
width:100%;
}

.scul4-right{
padding-bottom:20px;
}

.scu4-line li{
border-bottom:1px #e0e0e0 solid;
}

.scu4-line li img{
vertical-align:top
}

.scul5-left,
.scul5-right{
display:table-cell;
vertical-align:bottom;
}

.scul5-left{
width:50%;
padding-right:5%;
vertical-align:top;
}

.scul5-left img{
width:100%;
}

.scul5-right{
padding-bottom:20px;
}

.sc-top1{
font-family: "NEXON";
font-size:1.25em;
margin-bottom:10px;
text-align:center;
padding:40px 0;
border-bottom:1px #e0e0e0 solid;
line-height:1.75em;
word-break:keep-all;
}

.foodbank-img img{
width:100%;
max-width:907px;
}

.but-box{
margin-bottom: 5px;
position: relative;
padding-left: 15px;
word-break: keep-all;
display:block;
}
.but-box:after{
content: "";
display: block;
position: absolute;
width: 6px;
height: 6px;
border-radius: 9999px;
background: rgb(172, 172, 172);
top: 10px;
left: 0;
}

.sc-table1{
width:100%;
table-layout:fixed;
}
.sc-table1 th{
background:#232735; 
color:#fff;
padding:15px 0;
text-align:center;
font-size:1.125em;
}
.sc-table1 td{
border:1px #e0e0e0 solid;
text-align:center;
padding:10px;
}

.sc-table2{
width:100%;
border:1px #e0e0e0 solid;
table-layout:fixed;
}
.sc-table2 th{
background:#232735; 
color:#fff;
padding:15px 0;
text-align:center;
font-size:1.125em;
}
.sc-table2 td{
border:1px #e0e0e0 solid;
text-align:center;
padding:10px;
}

.sc-ol{
margin-top:10px;
}
.sc-ol li{
list-style-type: decimal;
margin-left:15px;
}

.sc52-img img{
width:100%;
max-width:1280px;
}

.orga-img{
text-align:center;
}

.orga-img img{
width:100%;
max-width:800px;
}


/*sub11 Àλ縻*/
.sub11-top{
background:url(img/sub11-top.gif);
background-size:100%;
background-position:50% 0;
background-repeat:no-repeat;
box-sizing:border-box;
padding:50px;
text-align:center;
font-family: "NEXON";
font-size:30px;
}
.sub11-top strong{
color:#0078be;
}

.sub11-top span{
display:inline-block; 
font-size:80px;
color:#ebebeb;
vertical-align:middle;
padding:0 10px;
}

.sub11-text{
position:relative;
box-sizing:border-box;
padding-right:180px;
word-break:keep-all;
line-height:1.85em;
font-size:18px;
}

.sub11-text p{
margin-bottom:15px;
font-family: 'Work Sans', sans-serif;
}

.sub11-text span{
font-weight:700;
}

.s11-t-pic{
position:absolute;
right:0;
top:0;
}

.sc-img-box img{
width:100%;
}

/*sub12 ¿¬Çõ*/
.history li{
position:relative;
padding:15px 0;
padding-left:20px;
border-top:1px #e0e0e0 solid;
}

.history li:after{
content:"";
display:block;
position:absolute;
width:10px;
height:10px;
border-radius:999px;
background:#0078be;
left:0px;
top:33px;
opacity:0.2;
}

.history li strong{
font-family: 'Work Sans', sans-serif;
font-weight:700;
color:#0078be;
letter-spacing:0em;
font-size:30px;
position:absolute;
left:20px;
}

.history li p{
padding-left:110px;
padding-top:5px;
font-size:18px;
}

.history li span{
display:inline-block;
width:100px;
font-family: 'Work Sans', sans-serif;
font-weight:700;
letter-spacing:0em;
font-size:22px;
}

/*ÇùÀÇȸ»ç¶÷µé*/
.staff-list{
box-sizing:border-box;
padding-left:22px;
}

.staff-list > li{
border:1px #e0e0e0 solid;
box-sizing:border-box;
padding:40px;
display:table;
width:100%;
table-layout:fixed;
margin-bottom:10px;
}

.stl-name{
display:table-cell;
width:20%;
color:#4d5a61;
font-size:18px;
}
.stl-name span{
font-family:"NEXON";
font-size:24px;
color:#0078be;
display:block;
}

.stl-txt{
display:table-cell;
border-left:1px #e0e0e0 solid;
padding-left:50px;
}


.stl-txt li{
margin-bottom:10px;
position:relative;
padding-left:15px;
word-break:keep-all;
color:#555;
display:inline-block;
width:48%;
}

.stl-txt li:after{
content:"";
display:block;
position:absolute;
width:6px; 
height:6px;
border-radius:9999px;
background:rgb(172, 172, 172);
top:10px;
left:0;
}

/*61»çȸ°øÇå*/
.sub61-top{
margin-top:50px;
}
.sub61-top li{
float:left;
width:32%;
margin-left:2%;
box-sizing:border-box;
background:#f0f9ff;
}

.sub61-top li:first-child{
margin-left:0;
}

.sub61-top:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}

.sub61-top dt{
text-align:center;
font-family: "NEXON";
font-size: 1.15em;
margin-bottom: 5px;
color: #fff;
background:#0078be;
padding:15px 0;
}

.sub61-top dt i{
margin-right:5px;
font-size:1.25em;
vertical-align:-2px;
}

.sub61-top dd{
padding:20px 30px;
}

.sub61-top p{
position:relative;
padding-left:7px;
}

.sub61-top p:after{
position:absolute;
display:block;
content:"";
width:3px;
height:3px;
background:#999;
left:0;
top:10px;
}

.sub61-top strong{
display:block;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px rgba(0,0,0,0.2) dashed;
}

.sub61-top li:nth-child(2){
background:#ecf5ec;
}
.sub61-top li:nth-child(2) dt{
background:#0bb613;
}

.sub61-top li:nth-child(3){
background:#fff9ea;
}
.sub61-top li:nth-child(3) dt{
background:#ee8615;
}

/* Å×À̺í */
.tbl {clear:both; margin-bottom:20px; border-top:2px solid #fe7662; border-left:1px solid #dadada;}
.tbl caption {line-height:0;}
.tbl th, .tbl td {margin:0; padding:5px 6px 1px 6px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; text-align:center;}
.tbl thead th {color:#333; background:url(../images/sub/th_bg.gif) 0 100% repeat-x;}
.tbl tbody th {font-weight:normal; white-space:nowrap; background-color:#fefcea;}
.tbl tbody td.alignL {text-align:left;}

.tbX {clear:both; margin-bottom:20px; border-top:2px solid darkgreen; border-left:1px solid #dadada;}
.tbX caption {line-height:0;}
.tbX th, .tbX td {margin:0; padding:8px 6px 8px 6px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; text-align:center;}
.tbX tbody th {color:#333;font-weight:normal; white-space:nowrap; background-color:#efefef;}
.tbX tbody td.alignL {text-align:left;}

.tbY {margin-bottom:20px; border-top:2px solid #6aa212; border-left:1px solid #d2d2d2;}
.tbY caption {line-height:0;}
.tbY th, .tbY td {margin:0; padding:6px 6px 3px 6px; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.tbY th {color:#333; background:url(../images/sub/tbg.gif) 0 100% repeat-x;}
.tbY td {text-align:left;}
.tbY .spc {color:#004676; background:#ecf8fe;}
.tbY .algL {text-align:left;}

.nowrap{word-break: keep-all;white-space: nowrap;}

.loginput {font-size: 12px;background-color: #FFFFFF;height: 19px;border: 1px solid #999999;text-valign:middle;}
.logtextarea {border: 1px solid #999999;font-size:9pt;color:black;background-color:white;}



/*=================================== ·Î±×ÀÎ ===================================*/
#member{position:relative;width:90%;border:1px solid #ccc;margin:0 auto;}

.member_login{position:relative;width:100%;display:block; padding:40px;margin:0 auto; box-sizing:border-box;}

.form_text{text-align:center;width:100%;font-size:15px;line-height:22px;color:#898989;margin-bottom:30px}
.form_text b{float:left;width:100%;font-size:28px;line-height:32px;color:#000;margin-bottom:14px;}

.mem_login{position:relative;display:block;width:90%;margin:0 auto;overflow:hidden;}
.mem_input{float:left;width:100%;background:#fff;margin-top:4px;border:1px solid #ccc;padding-top:1px;}
.mem_input span{float:left;width:calc(35% - 11px);height:46px;line-height:45px;font-size:16px;font-weight:600;color:#898989;padding:0 0px 0 10px ;border-right:1px solid #ddd;}
.mem_input input{float:left;width:calc(65% - 22px);height:46px;line-height:46px;font-size:16px;font-weight:600;color:#898989;padding:0 10px;border:none; }

input.mem_login_btn{float:left;width:100%;height:70px;line-height:70px;font-size:24px;text-align:center;color:#fff;background:#d24545;font-weight:bold;color:#fff;border:none;margin:5px 0 0 0;}
input:hover.mem_login_btn{background:#b81e1e;}
input.mem_login_btn2{float:left;width:100%;height:70px;line-height:70px;font-size:24px;text-align:center;color:#fff;background:#898989;font-weight:600;color:#fff;margin-top:18px;border:none;}
input:hover.mem_login_btn2{background:#000}

.member_join{position:relative;float:left;width:350px;height:320px;padding:40px;background:#eee;}
.mem_join_btn{position:absolute;bottom:40px;left:40px;width:350px;}



/*=================================== ºÎÆ®½ºÆ®·¦ ¼öÁ¤ ===================================*/
.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #334164;
    border-color: #1f2636;
}
.page-link {
    padding: 0.375rem 0.75rem;
}
.page-link {
    position: relative;
    display: block;
    color: #1f2636;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.btn, .form-select, .form-control, .input-group, .form-group { border-radius:0;-webkit-border-radius:0;}
.btn-group-xs>.btn, .btn-xs {
    padding: 0.15rem 0.25rem;
    font-size: .725rem;
}

.form-control,.form-control-sm,.form-control-lg {
 border-radius: 0;
}
	
.btn-primary{background:#26348B;border-color:#16247B;}


.btns-blue {height:45px;line-height:43px;}
	.btns-blue-b {height:45px;line-height:43px;}

	.container {
		max-width:1500px;
		width:90%;
	}




.wp-40{width:40px !important;}
.wp-50{width:50px !important;}
.wp-60{width:60px !important;}
.wp-70{width:70px !important;}
.wp-80{width:80px !important;}
.wp-90{width:90px !important;}
.wp-100{width:100px !important;}
.wp-120{width:150px !important;}
.wp-150{width:150px !important;}
.wp-200{width:200px !important;}
.wp-250{width:250px !important;}
.wp-300{width:300px !important;}

.w-420{width:20% !important;}
.w-40{width:40% !important;}
.w-45{width:40% !important;}
.w-80{width:80% !important;}
.w-90{width:90% !important;}
.w-95{width:95% !important;}

.max-90{max-width:90% !important;}
.max-95{max-width:95% !important;}
.max-100{max-width:99% !important;}
.max-150{max-width:150px;}
.max-200{max-width:200px;}
.max-250{max-width:250px;}
.max-300{max-width:300px;}
.max-350{max-width:350px;}
.max-400{max-width:400px;}
.max-450{max-width:450px;}
.max-500{max-width:500px;}
.max-550{max-width:550px;}
.max-600{max-width:600px;}
.max-700{max-width:700px;}
.max-800{max-width:800px;}
.max-900{max-width:900px;}
.max-1000{max-width:1000px;}
.max-1100{max-width:1100px;}

.grid-2{width:150px;min-width:120px;max-width:25%;}