#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:top;
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;
}

:focus {
outline:none;
}

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


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

header{
width:100%;
z-index:66666;
position:absolute;
transition: .3s ease;
background-color:rgba(8,8,17,0.5);
top:0;
border-bottom:1px rgba(255,255,255,0.1) solid;
}
.header-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
justify-content: space-between;
align-items: center;
height:82px;
}
.header-logo a{
width:300px;
display:flex;
align-items: center;
}
.header-logo a img{width:100%;}
.header-left{

}
.header-gnb{
position:relative;
}
.gnb{
display:flex;
justify-content: flex-end;
text-align:center;
padding-right:60px;
}
.gnb > li{
position:relative;
}
.gnb > li > a{
height:inherit;
display:flex;
justify-content: center;
align-items: center;
font-weight:600;
font-size:20px;
padding:0 50px;
height:82px;
color:rgba(255,255,255,0.8);
}
.gnb > li:last-child > a{
}
.gnb > li:hover > a{
font-weight:600;
color:rgba(255,255,255,1);
}
.gnb > li > ul{
position:absolute;
width:200px;
background:rgba(0,0,0,0.7);
padding:10px 0;
display:none;
margin-top:1px;
left:50%;
margin-left:-100px;
}
.gnb > li > ul a{
display:block;
padding:5px 0;
font-size:0.95em;
color:rgba(255,255,255,0.6);
font-weight:300;
}
.gnb > li > ul a:hover{
font-weight:500;
color:rgba(255,255,255,1);
}

.gnb > li:hover ul{
display:block;
}
.tnb{
width:100%;
border-bottom:1px rgba(255,255,255,0.1) solid;
}
.tnb-area{
justify-content: flex-end;
display:flex;
align-items: center;
height:36px;
width:100%;
max-width:1280px;
margin:0 auto;
}
.tnb a{
display:flex;
align-items: center;
color:rgba(255,255,255,0.8);
font-size:15px;
border:1px rgba(255,255,255,0.1) solid;
border-width:0px 1px;
height:100%;
padding:0 20px;
gap:2px;
}
.tnb a:first-child{
border-right-width:0;
}


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

.close-btn{
position:absolute;
right:281px;
top:0;
z-index:99999;
width:60px;
height:60px;
display:flex;
align-items: center;
justify-content: center;
color:#fff;
font-size:25px;
}

.open-btn{
position:absolute;
display:flex;
align-items: center;
justify-content: center;
font-size:36px;
top:0px;
right:0px;
color:#fff;
height:100%;
}

#sidebar{
position:fixed;
top:0;
bottom:0; 
display:none; 
right:-200px; 
z-index:999999999; 
-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;
}

/*사이드퀵*/
.side-quick{
position:fixed;
right:10px;
bottom:2vh;
z-index:999;
}


.side-quick .Q-top{
}
.side-quick .Q-top a{
background:#16162e;
color:#fff;
font-size:34px;
width:65px;
height:65px;
display:flex;
align-items: center;
justify-content: center;
box-sizing:border-box;
flex-direction: column;
}



/*footer*/
footer{
width:100%;
border-top:1px #e0e0e0 solid;
}
.foot-area{
width:96%;
max-width:1280px;
margin:0 auto;
padding:50px 0;
display:flex;
justify-content: space-between;
}

.foot-link a{
display:block;
margin-bottom:5px;
background:#f0f0f0;
padding:7px 0;
width:200px;
text-align:center;
}


.foot-box{
display:flex;
gap:5px;
flex-wrap:wrap;
font-size:16px;
font-weight:500;
width:50%;
font-size:19px;
}
.fb-top{
width:100%;
display:flex;
gap:10px;
align-items: center;
margin-bottom:10px;
}
.fb-img1{
width:290px;
}
.fb-img2{
width:250px;
}
.foot-copy{
font-family: 'SUIT';
font-size:17px;
opacity:0.8;
letter-spacing: 0.05em;
margin-top:10px;
}
.foot-copy strong{
display:inline-block;
margin:0 5px;
font-weight:700;
}



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

.main-top{
width:100%;
background-image:url(img/main-top-bg.jpg);
background-position:50% 0;
background-size:cover;
background-repeat:no-repeat;
padding-top:120px;
height:660px;
margin-bottom:135px;
}

.mt-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
justify-content: space-between;
padding-top:75px;
}
.mt-left{
width:50%;
padding-top:100px;
color:#fff;
}

.mtl-t1{
font-size:20px;
text-transform: uppercase;
letter-spacing: 0.15em;
opacity:0.4;
font-weight:600;
}
.mtl-t1 span{
display:inline-block;
width:95px;
height:2px;
background:#fff;
}
.mtl-t2{
font-size:75px;
font-weight:800;
margin:10px 0;
}
.mtl-t3{
letter-spacing: 0.025em;
font-size:25px;
font-weight:200;
opacity: 0.3;
}
.mt-right{
width:540px;
overflow:hidden;
box-sizing:border-box;
padding:40px;
background:url(img/vis-bg.jpg);
}
/*visual*/
#visual{
width:100%;
margin:0 auto;
position:relative;
z-index:333;
}
#visual a{
display:block;
}
.visual-area{
z-index:11;
}
.vis-tit{
text-align:center;
color:#fff;
font-weight:600;
font-size:35px;
margin-bottom:20px;
}
.va-box{
position:relative;
padding:0 80px;
box-sizing:border-box;
}

.va-img{
position:relative;
padding-top:140%;
}
.va-img-area{
position:absolute;
width:100%;
height:100%;
overflow:hidden;
background:rgba(0,0,0,0.2);
left:0;
top:0;
display:flex;
align-items: center;
justify-content: center;
}

.va-img img{
width:100%;
transition: transform .3s ease-out;
}
#visual a:hover .va-img img{
-webkit-transform: scale(1.2); 
transform: scale(1.2);
}

.va-tit{
color:#fff;
text-align:center;
margin-top:25px;
}
.vt1{
opacity:0.7;
font-size:20px;
font-weight:600;
letter-spacing: 0.025em;
}
.vt1 span{
font-weight:300;
}
.vt2{
opacity:0.9;
font-size:24px;
font-weight:700;
height:1.5em;
line-height:1.5em;
overflow:hidden;
margin-top:10px;
}
#visual .slick-arrow{
position:absolute;
text-align:center;
top:50%;
margin-top:-30px;
right:0;
z-index:999;
display:flex;
align-items: center;
justify-content: center;
width:60px;
height:60px;
background:rgba(255,255,255,0.1);
font-size:24px;
color:#fff;
}
#visual .slick-arrow.slick-prev{
left:0;
}

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


.main-tit{
font-weight:800;
font-size:34px;
width:100%;
margin-bottom:20px;
flex-shrink: 0;
}
.main-more{
position:absolute;
left:50px;
bottom:35px;
color:#52535f;
font-size:14px;
display:flex;
align-items: center;
background:#dadde1;
letter-spacing: 0.025em;
padding:5px 10px;
font-weight:500;
transition: all .3s ease;
}
.main-more:hover{
background:#262948;
color:#fff;
}

#main-notice{
width:96%;
max-width:1280px;
margin:0 auto 75px;
position:relative;
border:10px #e8e8ec solid;
box-sizing:border-box;
padding:35px 50px;
display:flex;
flex-wrap:wrap;
}

.mn-tab{
width:180px;
flex-shrink: 0;
}
.mn-tab a{
font-size:20px;
font-weight:500;
border-bottom:1px #e0e0e0 solid;
display:block;
padding:10px 20px;
}


.mn-tab a.current{
position:relative;
color:#fff;
font-weight:600;
background:#0c2870;
border-color:#0c2870;
}


.mn-box{
display:none;
flex-grow: 1;
width:80%;
padding-left:10px;
box-sizing:border-box;
margin-top:-10px;
}
.mn-box.current{
display:flex;
}
.mn-list{
display:flex;
flex-wrap:wrap;
}
.mn-list li{
width:300px;
box-sizing:border-box;
padding-left:60px;
}
.mn-list li a{
box-sizing:border-box;
}
.mn-list li a:hover strong,
.mn-list li a:hover p{
text-decoration:underline;
}
.mn-date{
text-align:center;
display: flex;
align-items: center;
justify-content: flex-end;
color:#383e78;
font-weight:500;
gap:3px;
margin-top:30px;
}


.mn-text{
flex-grow: 1;
}

.mn-text strong{
height:3em;
line-height:1.5em;
overflow:hidden;
display:block;
width:100%;
font-weight:600;
font-size:19px;
}
.mn-text p{
height:3em;
line-height:1.5em;
overflow:hidden;
margin-top:15px;
color:#666;
font-size:17px;
}


#main-gallery{
width:96%;
max-width:1280px;
margin:0 auto;
position:relative;
}
#main-gallery .slick-list{
margin-left:-10px;
width:calc(100% + 8px);
overflow:hidden;
}
#main-gallery .slick-slide{
margin-left:10px;
}
#main-gallery .slick-arrow{
position:absolute;
top:-10px;
right:60px;
width:60px;
height:60px;
font-size:25px;
display:flex;
align-items: center;
justify-content: center;
background:transparent;
border:1px #cacaca solid;
border-right-width:0;
color:#999;
}
#main-gallery .slick-arrow.slick-prev{
right:120px;
}
.mgs-box a{
display:block;
box-sizing:border-box;
}
.mgs-img{
position:relative;
width:100%;
padding-top:100%;
overflow:hidden;
background:#333;
}
.mgs-img-area{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
display:flex;
align-items: center;
justify-content: center;
}
.mgs-box a:hover .mgs-img img{
-webkit-transform: scale(1.2); 
transform: scale(1.2);
}
.mgs-img img{
width:100%;
transition: transform .3s ease-out;
}

.mgs-txt{
border:1px #e0e0e0 solid;
border-width:0 1px;
box-sizing:border-box;
padding:15px;
}

.mgs-txt strong{
height:1.5em;
line-height:1.5em;
overflow:hidden;
display:block;
width:100%;
font-weight:600;
font-size:19px;
}
.mgs-txt p{
height:3.9em;
line-height:1.3em;
overflow:hidden;
margin-top:10px;
color:#666;
font-size:17px;
}

.mgs-date{
border:1px #e0e0e0 solid;
display:flex;
justify-content: space-between;
align-items: center;
}
.mgs-date p{
display: flex;
align-items: center;
color:#383e78;
font-weight:500;
gap:3px;
padding:0 15px;
}
.mgs-date span{
border-left:1px #e0e0e0 solid;
padding:10px 15px;
color:#999;
}
.main-more2{
position:absolute;
right:0;
top:-10px;
font-size:25px;
display:flex;
align-items: center;
justify-content: center;
letter-spacing: 0.025em;
font-weight:500;
width:60px;
height:60px;
border:1px #cacaca solid;
box-sizing:border-box;
color:#666;
}


#quick-banner{
width:100%;
background-image:url(img/qb-bg.jpg);
background-size:cover;
background-position:50%;
padding:60px 0;
margin-top:65px;
}

.quick-banner-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
align-items: flex-start
}
.quick-banner-area a{
width:25%;
text-align:center;
color:#fff;
box-sizing: border-box;
border-left:1px rgba(255,255,255,0.1) solid;
}
.quick-banner-area a:first-child{
border-left-width:0;
}
.quick-banner-area a img{
width:70px;
}
.qb-p1{
font-weight:700;
font-size:22px;
margin:15px 0 7px;
}
.qb-p2{
letter-spacing: 0.025em;
color:#b1e1ff;
font-weight:200;
}
.qb-p2 strong{
font-weight:700;
}



.bottom-banner{
width:96%;
max-width:1280px;
margin:40px auto;
position:relative;
overflow:hidden;
box-sizing:border-box;
}

.bottom-banner .slick-slide{
margin-left:10px;
}
.bottom-banner .slick-list{
margin:0 70px 0 60px;

overflow:hidden;
box-sizing:border-box;
}
.bottom-banner .slick-arrow{
position:absolute;
right:0;
top:0;
font-size:26px;
width:60px;
height:59px;
display:flex;
justify-content: center;
align-items: center;
background:#525971;
color:#fff;
z-index:99;
}
.bottom-banner .slick-arrow.slick-prev{
left:0;
}
.bbs-box a{
width:100%;
height:60px;
overflow:hidden;
position:relative;
background:#fff;
display:block;
border:1px #e0e0e0 solid;
box-sizing:border-box;
}
.bbs-img{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
display:flex;
align-items: center;
justify-content: center;
}

.bbs-img img{
max-width:85%;
}

/********************* sub *********************************/

.sub-visual{
width:100%;
height:460px;
background:url(img/sub-visual.jpg);
background-size:cover;
background-position:50% 50%;
display:flex;
justify-content: center;
align-items: center;
color:#fff;
}
.sub-visual p{
padding-top:120px;
font-size:55px;
font-weight:700;
}

.snb{
width:100%;
background:#213684;
}
.snb-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
justify-content: space-between;
border-left:1px rgba(255,255,255,0.1) solid;
box-sizing:border-box;
}
.snb-area a{
height:70px;
display:flex;
align-items: center;
justify-content: center;
color:#fff;
box-sizing:border-box;
border-right:1px rgba(255,255,255,0.1) solid;
flex-grow: 1;
font-size:19px;
font-weight:300;
}
.snb-area a.current{
background:#fff;
font-weight:700;
color:#213684;
}

.sub-tit{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
justify-content: space-between;
align-items: center;
padding-top:85px;
}
.sub-tit p{
font-weight:800;
font-size:35px;
}

.sub-nav{
display:flex;
align-items: center;
}
.sub-nav span{
display:flex;
align-items: center;
}
.sub-nav span:before{
content:"";
display:block;
width:5px;
height:5px;
background:#babdc1;
border-radius:999px;
margin:0 8px;
}
.sub-nav i{
color:#818493;
}

.sub-content{
width:96%;
max-width:1280px;
margin:40px auto 80px;
}

.sub-tab{
display:flex;
align-items: center;
justify-content: center;
gap:10px;
margin-bottom:20px;
}
.sub-tab a{
padding:15px 50px;
background:#eaebf2;
border:1px #d3d5e1 solid;
color:#575a70;
transition: all .3s ease-out;
}
.sub-tab a:hover{
background:#ffffff;
color:#25262a;
}
.sub-tab a.current{
font-weight:700;
background:#1e2340;
border-color:#1e2340;
color:#fff;
}


.paper-list{
display:flex;
flex-wrap:wrap;
gap:2%;
}
.paper-list li{
width:23.5%;
margin-top:30px;
margin-bottom:30px;
}
.pl-img{
width:100%;
padding-top:140%;
position:relative;
border:1px #e0e0e0 solid;
border-bottom-width:0;
box-sizing:border-box;
}
.pl-img-area{
width:100%;
height:100%;
overflow:hidden;
left:0;
top:0;
position:absolute;
display:flex;
justify-content: center;
align-items: center;
}
.pl-img-area img{
max-width:100%;
}
.pl-link{
display:flex;
width:100%;
justify-content: space-between;
border:1px #e0e0e0 solid;
box-sizing:border-box;
align-items: center;
padding-left:10px;
font-weight:500;
color:#4c4e65;
transition: all .3s ease-out;
}
.pl-link:hover{
background:#4c518b;
color:#fff;
border-color:rgba(255,255,255,0.1);
}
.pl-link:hover i{
color:#fff;
border-color:rgba(255,255,255,0.1);
}
.pl-link p{
flex-grow: 1;
text-align:center;
}
.pl-link i{
padding:15px 20px;
color:#424a69;
border-left:1px #e0e0e0 solid;
font-size:20px;
}


/*page*/
.paging{
width:96%;
max-width:1280px;
margin:60px auto 0;
display:flex;
align-items: center;
justify-content: center;
}

.paging a,
.paging strong{
height:40px;
width:40px;
box-sizing:border-box;
color:#124;
display:flex;
align-items: center;
justify-content: center;
margin:0 5px;
}

.paging .p-prev{
margin-right:10px;
width:40px;
height:40px;
color:#838495;
font-size:25px;
border:1px #e0e0e0 solid;
}

.paging .p-next{
margin-left:10px;
width:40px;
height:40px;
color:#838495;
font-size:25px;
border:1px #e0e0e0 solid;
}

.paging strong{
background:#333952;
color:#fff;
width:38px;
height:38px;
}



.rule{
font-size:16px;
}

.rule h4{
font-weight:700;
position:relative;
font-size:1.125em;
color:#151d8d;
padding-left:10px;
margin-top:30px;
margin-bottom:10px;
border-top:1px #e0e0e0 solid;
padding-top:20px;
}

.rule h4:after{
content:"";
width:3px;
height:16px;
background:#151d8d;
position:absolute; 
left:0;
top:25px;
}

.rule h4:first-child{
border-top-width:0;
}

.rule h5{
font-size:1em;
color:#222;
font-weight:700;
margin-top:15px;
}

.rule h5 span{
font-weight:500;

}

.rule ol.ols {
margin-bottom: 10px;
margin-left: 0px;
padding-left: 12px;

list-style: outside;
}

.rule ol.ols li{
list-style-type: decimal !important;
line-height:180%;
margin:0 8px;
}

.rule h6{
font-size:1em;
margin-top:10px;
margin-bottom:5px;
font-weight:500;
position:relative;
}

/* 리스트 */
ul.uls {margin-bottom:16px; margin-left:10px; padding-left:12px; list-style:outside;}
ul.uls li {list-style-type:disc;}
dl.dls {margin-bottom:16px;}
dl.dls dt {color:#2aa400; font-weight:bold;}
dl.dls dd {padding:0 0 10px 20px;}


.sc-table2 thead th{
background:#1a2a40;
color:#fff;
padding:15px;
font-weight:600;
text-align:center;
border-left:1px rgba(255,255,255,0.2) solid;
}
.sc-table2 thead th:first-child{
border-left:0;
}
.sc-table2 tbody th{
background:#e9eef4;
border-bottom:1px #cad3de solid;
font-weight:500;
padding:10px;
color:#13253b;
text-align:center;
}

.sc-table2 tbody td{
border-left:1px #dce1e8 solid;
border-bottom:1px #dce1e8 solid;
text-align:center;
}

.s14-box{
border-top:1px #e0e0e0 solid;
margin-top:50px;
padding-top:30px;
position:relative;
}
.s14-box:after{
position:absolute;
content:"";
display:block;
width:40px;
height:5px;
background:#216cd1;
top:-1px;
left:5px;
}

.s14-tit2{
font-weight:800;
font-size:1em;
color:#333300;
margin-bottom:10px;
margin-top:10px;
}
.s14-tit1{
font-weight:800;
font-size:1.25em;
color:#1056b4;
margin-bottom:10px;
}
.s14-box dl{
font-size:0.9em;
margin-bottom:30px;
}
.s14-box dt{
font-weight:700;
margin-bottom:5px;
}
.ols{
list-style-type: decimal;
padding-left:15px;
opacity:0.8;
margin-top:10px;
}
.ols > li{
margin-bottom:5px;
list-style-type: decimal;
box-sizing:border-box;
}
.inbox{
background:#f8f8f8;
box-sizing:border-box;
padding:30px;
border-radius:15px;
}
.inbox dt{
font-size:1.25em;
}
.inbox dd{
font-size:0.9em;
text-align:center;
margin-bottom:5px;
opacity:0.7;
display:flex;
flex-wrap:wrap;
}
.inbox dd span{
width:25%;
}
.inbox {padding:19px 19px 14px 19px; border:1px dotted #32aae6; background-color:#f6f6f6;}

.wmin-lg{min-width:991px; width:100% !important;}
.respons-table{width:100%;display:block;overflow-x:auto;}

.s15-list1{
display:flex;
flex-wrap:wrap;
gap:4%;
}
.s15-list1 li{
width:16.8%;
margin-bottom:40px;
text-align:center;
}

.s15-l1-img{
box-sizing:border-box;
border:1px #e0e0e0 solid;
border-radius:10px;
overflow:hidden;
}
.s15-l1-img img{
width:100%;
}

.s15-l1-txt{
margin-top:15px;
}
.s15-l1-txt strong{
font-weight:700;
font-size:1.2em;
}
.s15-l1-txt span{
opacity:0.8;
font-size:0.9em;
}


.s11-box{
display:flex;
gap:6%;
}
.s11-box > div{
width:47%;
word-break: keep-all;
line-height:1.8;
}
.s11b-right{
}

.s11-box > div p{
margin-top:30px;
}

.s11-t1{
font-weight:900;
font-size:32px;
color:#1635a5;
display:flex;
align-items: center;
gap:30px;
}
.s11-t1-img{
border-radius:20px;
overflow:hidden;
}
.s11-t1 img{
width:180px;
}
.s11-box > div .s11-t5{
font-size:1.0125em;
font-weight:600;
color:#000;
}
.s11-box > div .s11-t4{
line-height:1.6;
margin-top:10px;

}

.s11-t3{
text-align:right;
margin-top:50px;
color:#888;
}
.s11-box > div .s11-t3 p{
margin-top:0;
}
.s11-box > div .s11-t3 p strong{
font-weight:700;
}