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

input,select,textarea,button {
vertical-align: middle;
}

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


.slick-slide {
display:inline-block;
vertical-align:top;
}

header {
width:100%;
height:100px;
background-size:cover;
z-index:999;
box-sizing:border-box;
}
#Header{position:absolute; top:0; background:#fff; 
transition: all 0.2s; overflow:hidden; height:100px;
border-bottom:1px #e0e0e0 solid;}
#Header:after{content:""; display:block; width:100%; height:1px; position:absolute; left:0; top:100px; background:#e0e0e0;}

.header-box{
width:96%;
max-width:1280px;
margin:0 auto;
position:relative;
display:flex;
justify-content: space-between;
padding-top:35px;
}
.header-logo {
flex-shrink: 0;
width: 270px;
}

.header-logo a{
display:block;
}

.header-logo a img{
width:100%;
}

.header-gnb {
/*height:55px;*/
z-index:99;
transition:all .5s;
box-sizing:border-box;
flex-grow: 1;
padding-left:25px;
}

.gnb {
width:100%;
max-width:1280px;
text-align:center;
position:relative;
height:auto;
box-sizing:border-box;
margin:10px auto 0;
display:flex;
justify-content: space-between;
}

.gnb > li {
display:table-cell;
position:relative;
/*height:55px;
line-height:55px;*/
text-align:center;
box-sizing:border-box;
vertical-align:top;
flex-grow: 1;
}
.gnb > li:nth-child(3){width:170px; flex-shrink: 0;}
.gnb > li.all-menu img{
width:30px;
vertical-align:-5px;
}


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

.gnb > li > a {
display:block;
font-size:21px;
color:#333;
position:relative;
font-weight:700;
height:56px;
line-height:56px;
padding:0 30px;
}

.gnb > li.all-menu > a{
color:#fff;
font-size:24px;
}

.gnb > li > ul {
display:block; position:absolute;  background:#fff; border:0; padding:20px 0;
border-left:1px #e0e0e0 dashed; width:100%; margin-left:0%; left:0; margin-top:1px;
}
.gnb > li:last-child > ul{border-right:1px #e0e0e0 dashed;}

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

.gnb > li > ul li {
padding:5px 0;
position:relative;
}

.gnb > li > ul li a {
display:block;
font-size:15px;
color:#555; word-break: break-all; height:auto;
}

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

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

.tnb{
text-align:right;
position:absolute;
left:45%;
right:0px;
width:700px;
top:10px;
}
.tnb li{
display:inline-block;
line-height:28px;
}

.tnb li:before{
content:"";
display:inline-block;
margin:0 12px 0 12px;
background-color:#adadad;
width:1px;
height:12px;
}
.tnb li:first-child:before,
.tnb li:last-child:before{
display:none;
}

.tnb li a{
font-size:15px;
color:#666;
display:inline-block;
line-height:inherit;
}
.tnb li.tnb-c1 a{
color:#1644b9;
font-weight: 500;
}
.tnb li.tnb-c2 a{
color:#d24a1a;
font-weight: 500;
}
.tnb li.tnb-eng a{
background:#a5adbc;
padding:0 20px;
border-radius:999px;
margin-left:15px;
color:#fff;
letter-spacing:0em;
}

.tnb li a:hover{
color:#111;
}
.tnb li.tnb-eng a:hover{
color:#fff;
}

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

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

.mobile-open-btn{
position:absolute;
right:10px;
top:50px;
z-index:99999;
width:50px;
height:50px;
font-size:0;
display:none;
border-radius:999px;
color:#283174;
font-size:35px;
}

#sidebar{
position:fixed;
top:0;
bottom:0; 
display:none; 
right:-200px; 
z-index:9999; 
-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: 9;
}
.menu{
position:relative;
z-index:555555; 
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-tnb{
background:#fff;
border-bottom:1px #e0e0e0 solid;
padding:10px;
position:relative;
z-index:9999;
display:none;
}

.side-tnb a{
display:inline-block; margin-right:10px;
}



@media screen and (min-width:1025px) {
   .menu{
   width:100%;
   max-width:1280px;
   margin:0 auto;
   display:flex;
   flex-wrap:wrap;
   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
   border-radius:10px 0 10px 10px; 
   box-sizing:border-box;
   padding:0;
   height:auto;
   }
   .menu > li{
   border-bottom:0;
   margin-bottom:0;
   padding-bottom:20px;
   text-align:center;
   width:20%;
   box-sizing:border-box;
   border-left:1px #e0e0e0 solid;
   border-bottom:1px #e0e0e0 solid;
   }
   .menu > li:nth-child(5n+1){
   border-left-width:0;
   }
   .menu > li:last-child{
   border-right:1px #e0e0e0 solid;
   }
   .menu > li > a{
   text-align:center;
   padding:10px 0;
   background:#215bc7;
   color:#fff;
   height:auto;
   margin-bottom:10px;
   }
   .menu > li ul{
   }
   #sidebar{
   width:100%;	
   background:rgba(0,0,0,0.3);
   top:20%;
   }
   .menu > li > ul > li{
   padding:2px;
   font-size:0.9em;
   }
   
   .gnb-close-btn{
   background:#002062;
   color:#fff;
   border-radius:0 10px 10px 0;
   width:50px;
   height:50px;
   line-height:50px;
   top:0px;
   left:50%;
   margin-left:640px;
   }

}




/*footer*/
footer{
width:100%;
border-top:1px #e5e5e5 solid;
}
.foot-area{
width:96%;
max-width:1280px;
margin:0 auto;
position:relative;
padding:0px 0 60px;
}
.footer-top{
width:100%;
}
.footer-top-area{
width:96%;
max-width:1280px;
margin:10px auto;
display:flex;
align-items: center;
justify-content: space-between;
}

.fnb{
flex-grow: 1;
}
.fnb a{
display:inline-block;
padding:5px 10px;
font-size:18px;
font-weight:500;
}
.family-site{
flex-shrink: 0;
width:175px;
position:relative;
margin-right:15px;
}
.btn-open-site{
display:block;
width:100%;
background:#636e7d;
color:#fff;
height:45px;
line-height:45px;
border-radius:999px;
box-sizing:border-box;
font-size:15px;
letter-spacing: 0em;
}
footer .site-list{display:none; position:absolute; bottom:50px; left:-1px; width:100%; background:#fff; border:1px solid #dcdcdc; z-index:1; border-radius:15px;}
footer .site-list ul{max-height:445px; overflow:auto; border-top:1px dashed #ccc;}
footer .site-list ul:first-child{border-top:0; margin-top:0; padding-top:0;}
footer .site-list li a{display:block; padding:10px; font-size:14px; text-align:left; color:#666; border-top: 1px solid #e0e0e0; }
footer .site-list li:first-child a{border-top:0;}
footer .site-list li:hover a{text-decoration:underline;}
footer .site-list li a i{font-size:1.2rem; padding-left:3px; color:#000; }

.fnb-top{
color:#fff;
flex-shrink: 0;
letter-spacing: 0em;
font-size:17px;
font-weight:700;
width:65px;
height:65px;
display:flex;
flex-wrap:wrap;
border-radius:9999px;
cursor:pointer;
justify-content: center;
align-content: center;
background:#216cd1;
text-align:center;
line-height:1.1em;
}
.fnb-top i{
width:100%;
margin-top:-5px;
}
.fnb-top p{
width:100%;
letter-spacing:0.025em;
font-size:16px;
}

.foot-info{
}
.foot-info p{
display:inline-block;
color:#666;
margin-bottom:10px;
margin-right:25px;
font-size:17px;
}

.foot-info strong{
font-weight:700;
}

.foot-copyright{
letter-spacing:0;
color:#999;
margin-top:10px;
}

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


.main-top-banner{width:96%; max-width:1280px; margin:130px auto 0; display:flex; gap:3%; justify-content: space-between;}
.mt-b-box{border-radius:20px; overflow:hidden;}
.mt-b-box-area{width:100%; position:relative;}
.mt-bba-slide-area{position:absolute; width:100%; height:100%; left:0; top:0; display:flex; justify-content: center; align-items: center;}
.mt-bba-slide img{width:100%;}
#mt-banner01{ width:55%;}
#mt-banner01 .mt-b-box-area{padding-top:71%;}
#mt-banner02{ width:43%;}
#mt-banner02 .mt-b-box-area{padding-top:90.9%;}
.mt-bba-slide{position:relative; width:100%;}
.mt-bba-slide .slick-list{position:relative; z-index:11;}
.mt-bba-slide .slick-dots{position:absolute; z-index:22; width:100%; bottom:30px; left:0; display:flex; justify-content: center; gap:7px;}
.mt-bba-slide .slick-dots button{font-size:0; width:15px; height:15px; background:#fff; border-radius:999px; opacity:0.5; box-shadow: 1px 1px 5px rgba(0,0,0,0.4);}
.mt-bba-slide .slick-dots .slick-active button{opacity:1;}
.mt-b-bt-box{position:absolute; right:0; bottom:0; padding:10px 30px; border-radius:20px 0 0 0; background:#0e59bd; z-index:22; display:flex; align-items: center; color:#fff; font-size:16px; gap:5px;}
.mt-b-bt-box button{cursor:pointer; color:#fff; background:transparent;}
.mt-b-bt-pagination .current-slide{font-weight:700;color:rgba(255,255,255,1);}
.mt-b-bt-pagination{color:rgba(255,255,255,0.9); margin-right:5px;}

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

.va-box{
position:relative;
}

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

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

.va-text{
position:absolute;
width:100%;
height:100%;
left:0%;
top:0%;
display:table;
}

.vat-box{
display:table-cell;
width:100%;
vertical-align:middle;
color:#333;
text-align:center;
}
.vat-t0{
font-family:'gms';
font-weight:600;
font-size:55px;
background: linear-gradient(to right, #43acff, #003f93);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #fff;
text-stroke: 2px #fff;
}
.vat-t1{
font-family:'gms';
font-weight:600;
font-size:100px;
background: linear-gradient(to right, #43acff, #003f93);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #fff;
text-stroke: 2px #fff;
}
.vat-t2{
font-weight:900;
font-size:41px;
color:#0b3e81;
-webkit-text-stroke: 1px rgba(255,255,255,0.8);
text-stroke: 1px rgba(255,255,255,0.8);
}
.vat-t3{
font-family:'gms';
font-weight:600;
font-size:47px;
color:#FFE100;
padding-top:40px;
}
.vat-t4{
font-weight:600;
font-size:30px;
color:#142c49;

}
.vat-t4 strong{
font-weight:800;
}
.vat-t4 strong span{
font-size:0.85em;
font-weight:400;
}

.mv-slide .slick-list{
position:relative;
z-index:1;
}

.mv-slide .slick-arrow{
position:absolute;
z-index:999;
left:50%;
background:transparent;
font-size:60px;
color:#787878;
opacity:0.6;
width:40px;
height:40px;
line-height:40px;
text-align:center;
top:50%;
margin-top:-20px;
margin-left:-680px;
}
.mv-slide .slick-next{
margin-left:620px;
}

.mv-slide .slick-dots{
position:absolute;
bottom:35px;
z-index:999;
text-align:center;
width:100%;
}
.mv-slide .slick-dots li{
display:inline-block;
margin:0 5px;
}
.mv-slide .slick-dots li button{
font-size:0;
width:15px;
height:15px;
border-radius:9999px;
background:#fff;
opacity:0.4;
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.mv-slide .slick-dots li.slick-active button{
opacity:1;
}

.main-top-box{
padding:40px 0;
}
.main-top-box-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
justify-content: space-between;
gap:30px;
}

#quick-list{
flex-grow: 1;
}
#quick-list ul{
display:flex;
flex-wrap:wrap;
gap:2%;
}
#quick-list ul li{
flex:1 1 14%;
margin:10px 0;
border-left:1px #dddbd4 dashed;
}
#quick-list ul li:first-child{
border-left-width:0;
}
#quick-list ul li a{
display:flex;
text-align:center;
align-content: center;
align-items: center;
justify-content: center;
transition: .5s ease;
color:#1b2745;
font-weight:700;
line-height:1.1em;
}

#quick-list ul li a img{
width:60px;
margin:0 auto 15px;
display:block;
}
#quick-list ul li a:hover{
transform: translate(0px, -10px);
}



#subm-link{
flex-shrink: 0;
width: 365px;
position:relative;
overflow:hidden;
z-index:9;
background-image:url(img/sml-bg.jpg);
background-position:50%;
background-size:cover;
border-radius:15px;
box-sizing:border-box;
padding:15px;
}

.sml-tit{
text-align:center;
color:#fff;
}
.sml-tit span{
font-size:15px;
font-weight:700;
}
.sml-tit{
font-size:25px;
text-transform: uppercase;
line-height:1.1em;
letter-spacing: 0.025em;
}
.sml-tit strong{
font-weight:800;
}
.sml-list{
display:flex;
gap:4%;
margin-top:12px;
}
.sml-list li{
width:48%;
}
.sml-list li a{
display:flex;
justify-content: space-between;
align-items: center;
background: linear-gradient(#eee, #fff);
border-radius:10px;
box-shadow: 4px 4px 5px rgba(0,0,0,0.2);
padding:8px 10px;
color:#2f4f82;
height:50px;
box-sizing:border-box;
transition: .5s ease;
}
.sml-list li a:hover{
background: linear-gradient(#fff, #fff);
}
.sml-list li a img{
width:25px;
}
.sml-t{
font-weight:800;
text-transform: uppercase;

}
.sml-t span{
font-size:11px;
display:block;
font-weight:400;
line-height:1.1em;
}
.sml-list li a  i{
font-size:15px;
}






.main-middle-box{
background:#f1f2f4;
padding:50px 0;
}

.main-middle-box-area{
width:96%;
max-width:1280px;
margin:0 auto;
position:relative;
overflow-x:hidden;
}

.mmb-board-tab{
width:100%;
box-sizing:border-box;
padding-right:70px;
border-radius:10px;
overflow:hidden;
display:flex;
border-left:1px #dddddd solid;
}

.mmb-tab-a{
cursor:pointer;
text-align:center;
background:#f9f9f9;
height:60px;
line-height:60px;
color:#666666;
border:1px #dddddd solid;
border-right-width:0;
flex-grow: 1;
}
.mmb-tab-a:first-child{
border-left-width:0;
}
.mmb-tab-a:hover{
font-weight:600;
color:#111;
}
.mmb-tab-a.current{
border-color:#216cd1;
color:#fff;
background-color:#216cd1;
}


.mmb-ba-box{
display:none;
}
.mmb-ba-box.current{
display:block;
}
.mmb-ba-box ul{
display:flex;
flex-wrap:wrap;
gap:2%;
}
.mmb-ba-box ul li{
width:49%;
margin-top:30px;
}
.mmb-ba-box ul li a{
background:#fff;
display:flex;
align-items: center;
box-sizing:border-box;
border-radius:15px;
padding:30px;
}
.mmb-t1{
flex-shrink: 0;
width:90px;
text-align:center;
color:#636e7d;
line-height:2em;
}
.mmb-t1 p{
font-weight:900;
font-size:50px;
padding-top:10px;
}
.mmb-t1 span{
font-size:17px;
font-weight:700;
}
.mmb-t2{
flex-grow: 1;
}
.mmb-t2 strong{
display:block;
font-size:22px;
font-weight:600;
height:1.5em;
line-height:1.5em;
overflow:hidden;
margin-bottom:5px;
}
.mmb-t2 p{
color:#777;
height:3em;
line-height:1.5em;
overflow:hidden;
}
.mmb-more{
position:absolute;
top:0px;
right:0;
}
.mmb-more a{
display:block;
background:#636e7d;
width:70px;
height:62px;
line-height:60px;
text-align:center;
color:#fff;
border-radius:0 10px 10px 0;
font-size:27px;
}

.main-bottom-box{
width:96%;
max-width:1280px;
margin:0 auto;
padding:60px 0;
}
.mbba-tit{
font-size:42px;
font-weight:700;
text-align:center;
}

.mbba-slide{
margin-top:50px;
box-sizing:border-box;
padding:0 50px;
position:relative;
}
.mbba-slide .slick-list{
width:100%;
overflow:hidden;
}
.mbba-slide .slick-list .slick-slide{
padding:0 20px;
}
.mbba-box a{
display:block;
text-align:center;
}
.mbbab-p{
font-size:20px;
font-weight:600;
height:1.5em;
line-height:1.5em;
margin:20px 0 15px;
overflow:hidden;
text-align:center;
}
.mbbab-img{
border-radius:15px;
overflow:hidden;
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
.mbbab-img img{
width:100%;
}
.mbbab-btn{
display:inline-block;
border:1px #cecece solid;
padding:5px 20px;
border-radius:999px;
color:#868686;
}
.mbba-slide .slick-arrow{
position:absolute;
width:50px;
height:50px;
display:flex;
align-content: center;
align-items: center; 
justify-content: center;
background:#a8adb3;
font-size:25px;
color:#fff;
border-radius:999px;
left:0;
top:50%;
margin-top:-55px;
}
.mbba-slide .slick-arrow.slick-next{
left:auto;
right:0;
}

.pdf-link{
text-align:center;
margin-top:20px;
}
.pdf-link a{
display:inline-block;
padding:10px 30px;
border-radius:999px;
color:#fff;
font-size:1.125em;
background:#216cd1;
transition: .3s ease;
}
.pdf-link a:hover{
background:#0c1f3a;
}
.pdf-link a i{
margin-left:5px;
}
.main-gallery{
display:flex;
}
.m-gallery-tit{
flex-shrink: 0;
width: 260px;
margin-top:50px;
}
.m-gallery-tit p{
font-size:42px;
line-height:1.2em;
}
.m-gallery-tit p strong{
font-weight:800;
}
.m-gallery-tit span{
font-size:22px;
font-weight:600;
display:block;
margin-bottom:10px;
}
.mgs-box a{
display:block;
width:290px;
}
.mgsb-img{
width:100%;
padding-top:75%;
overflow:hidden;
background:#fff;
position:relative;
border-radius:10px;
}
.mgsb-img img{
position:absolute;
left:50%;
top:50%;
}

.mgsb-txt p{
font-size:20px;
height:1.5em;
line-height:1.5em;
overflow:hidden;
font-weight:500;
margin:20px 0 5px;
}
.mgsb-txt span{
display:block;
color:#878787;
}
.m-gallery-slide{
flex-grow: 1;
width:100%;
max-width:calc(100% - 280px);
}
.m-gallery-slide .slick-list{
width:100%;
overflow:hidden;
}
.m-gallery-slide .slick-slide > div{
padding:0 20px;
}
.m-gallery-slide .slick-arrow{
position: absolute;
width: 50px;
height: 50px;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
background: #a8adb3;
font-size: 25px;
color: #fff;
border-radius: 999px;
left: 0;
top: 220px;
}
.m-gallery-slide .slick-arrow.slick-next{
left:60px;
}

#site-banner{
padding:40px 0;
border-top:1px #e5e5e5 solid;
}
.sb-list{
width:96%;
max-width:1280px;
margin:0 auto;
position:relative;

}
#site-banner .slick-slide > div{
padding:0 5px;
}

#site-banner .slick-list{
overflow:hidden;
flex-grow: 1;
}
#site-banner .sb-list{
display:flex;
align-items: center;
gap:10px;
}
#site-banner .slick-arrow{
flex-shrink: 0;
background:#f5f5f5;
width:50px;
height:50px;
line-height:40px;
text-align:center;
color:#5f5f5f;
border-radius:9999px;
}

.sbl-box a{
display:block;
box-sizing:border-box;
display:flex;
overflow: hidden;
justify-content: center;
align-content: center;
flex-wrap:wrap;
height:65px;
}
.sbl-box a img{
width:180px;
}



.main-search-form{
padding:0 40px;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
.main-search-form select{
width:100%;
border-radius:5px;
padding:12px 5px;
background:#f6f2f0;
border:1px #ece3dc solid;
font-size:15px;
color:#666;
margin-bottom:7px;
box-sizing:border-box;
}
.main-search-form input{
border-radius:5px;
padding:12px 5px;
background:#f6f2f0;
border:1px #ece3dc solid;
font-size:15px;
color:#666;
width:60%;
box-sizing:border-box;
}
.main-search-form input[type="button"]{
width:37%;
background:#d4541b;
border-color:#d4541b;
font-sizie:18px;
color:#fff;
transition: .5s ease;
}
.main-search-form input[type="button"]:hover{
background:#872900;
border-color:#872900;
}



/*sub*/
.sub-visual{
background:url(img/sub-visual.jpg);
backgroud-repeat:no-repeat;
background-position:50% 50%;
height:320px;
line-height:320px;
font-size:60px;
font-weight:700;
text-align:center;
color:#fff;
margin-top:100px;
}

.sub-visual1{
background:url(img/sub_visual_board4.jpg);
backgroud-repeat:no-repeat;
background-position:50% 50%;
height:200px;
line-height:320px;
font-size:60px;
font-weight:700;
text-align:center;
color:#fff;
}

.sub-area{
width:96%;
max-width:1280px;
margin:0 auto;
padding:40px 0 90px;
}

.sub-nav{
border-bottom:1px #e0e0e0 solid;
}
.sub-nav-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
}
.snv-home{
border:1px #e0e0e0 solid;
border-width:0 1px;
padding:0px 20px;
height:60px;
line-height:60px;
}

.sub-nav-area > div{
position:relative;
border-right:1px #e0e0e0 solid;
padding:0px 60px;
color:#666;
font-size:0.95em;
box-sizing:border-box;
}
.sub-nav-area > div > p{
height:60px;
line-height:60px;
}
.sub-nav-area > div i{
padding-left:30px;
}
.sub-nav-area > div ul{
position:absolute;
width:100%;
left:0;
border:1px #e0e0e0 solid;
border-top-width:0;
top:60px;
box-sizing:border-box;
background:#fff;
z-index:999;
display:none;
}
.sub-nav-area > div ul a{
border-top:1px #e0e0e0 solid;
padding:5px 10px; 
display:block;
font-size:0.85em;
color:#777;
}
.sub-nav-area > div:hover ul{
display:block;
}

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


.s11-top{
display:flex;
align-items: flex-end;
border-bottom:3px #1e49a2 solid;
padding-bottom:50px;
margin-bottom:50px;
}
.s11t-img{
flex-shrink: 0;
width: 168px;
}
.s11t-img img{
width:100%;
}
.s11t-txt{
flex-grow: 1;
padding-left:60px;
font-weight:500;
font-size:20px;
word-break: keep-all;
}
.s11t-txt strong{
font-weight:700;
font-size:34px;
color:#1e49a2;
text-align:center;
display:block;
margin-bottom:15px;
}
.s11-bottom{
color:#666;
font-size:1.025em;
word-break:keep-all;
line-height:1.8em;
}
.s11-bottom p{
margin-bottom:30px;
}
.s11-name{
font-size:1.025em;
color:#111;
}
.s11-name span{
font-size:0.95em;
display:block;
}
.s11-name strong{
font-weight:700;
font-size:1.25em;
}

.sc-box1{
background:#edf1f6;
box-sizing:border-box;
padding:10px 30px;
border-radius:15px;
}

.sc-dl1{
margin:30px 0;
}
.sc-dl1 dt{
color:#0049ac;
border:2px #255eac solid;
padding:5px 30px;
border-radius:999px;
display:inline-block;
font-weight:600;
letter-spacing: 0.02em;
}
.sc-dl1 dd{
margin-top:10px;
opacity:0.7;
}
.sc-dl1 dd div p{
margin-bottom:20px;
}
.sc-dl1 dd ul li{
margin-bottom:10px;
position:relative;
padding-left:15px;
word-break: keep-all;
}
.sc-dl1 dd ul li strong{
font-weight:700;
opacity:1;
}
.sc-dl1 dd ul li:after{
position:absolute;
content:"";
display:block;
width:4px;
height:4px;
background:#797e85;
border-radius:999px;
left:3px;
top:13px;
}

.sc-box2{
margin:50px 0;
border-top:2px #0049ac solid;
}
.sc-box3{
border-top:2px #0049ac solid;
margin-top:20px;
}
.sc-dl2{
border-bottom:1px #e0e0e0 solid;
display:flex;
padding:20px 0;
align-content: center;
align-items: center;
}
.sc-dl2 dt{
color:#0049ac;
font-weight:700;
flex-shrink: 0;
font-size:1.25em;
width: 170px;
position:relative;
}
.sc-dl2.sc-dl2-center dt{
text-align:center;
}

.sc-dl2 dd{
flex-grow: 1;
padding-left:30px;
border-left:1px #e0e0e0 solid;
}
.sc-dl2-1{
align-items: stretch;
}
.sc-dl2-1 dd{
border-left-width:0;
}

.history-box{
display:flex;
border-top:1px #e0e0e0 solid;
padding-top:25px;
padding-bottom:15px;
}
.history-box:first-child{
border-top-width:0;
padding-top:0;
}
.history-box p{
flex-shrink: 0;
width: 120px;
font-weight:800;
font-size:35px;
color:#a9b9d0;
}
.history-box ul{
flex-grow: 1;

}
.sc-ul1 li{
margin-bottom:10px;
position:relative;
padding-left:15px;
word-break: keep-all;
font-size:0.9em;
}
.sc-ul1 li:after{
position:absolute;
content:"";
display:block;
width:4px;
height:4px;
background:#acb4be;
border-radius:999px;
left:3px;
top:12px;
}
.sc-tit1{
margin-top:60px;
font-weight:800;
font-size:1.8em;
color:#1f2a38;
}


.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;
}

.s14-table{
width:100%;
max-width:800px;
margin-top:10px;
}
.s14-table th,
.s14-table td{
font-size:1em;
border:1px #c7d0dc solid;
text-align:center;
padding:10px;
width:33.33%;
}
.s14-table th{
background:#edf1f6;
border-top:2px #333 solid;
font-weight:700;
}
.s14-table td:first-child{
font-weight:700;
}

.inbox{
background:#f8f8f8;
box-sizing:border-box;
padding:30px;
border-radius:15px;
}
.inbox dt{
font-size:1.25em;
}
.inbox dd{
font-size:0.9em;
margin-bottom:5px;
opacity:0.7;
display:flex;
flex-wrap:wrap;
}
.inbox dd span{
width:25%;
}

.sub-tab1{
display:flex;
justify-content: center;
gap:10px;
margin-bottom:30px;
}
.sub-tab1 a{
display:block;
height:56px;
line-height:56px;
box-sizing:border-box;
border:2px #003a89 solid;
padding:0 60px;
border-radius:999px;
font-weight:700;
color:#003a89;
font-size:1.125em;
}
.sub-tab1 a:hover{
background:#c8d3e1;
border-color:transparent;
color:#0b1e38;
}
.sub-tab1 .current a{
background:#003a89;
color:#fff;
}

.sub-tab2{
display:flex;
flex-wrap:wrap;
margin-bottom:50px;
border:1px #e0e0e0 solid;
border-width:1px 0 0 1px;
}
.sub-tab2 li{
border:1px #e0e0e0 solid;
border-width:0 1px 1px 0px;
width:20%;
box-sizing:border-box;

}
.sub-tab2 li a{
display:block;
position:relative;
padding:10px;
font-size:15px;
color:#6a6a6a;
}
.sub-tab2 li:hover{
border-color:transparent;
}
.sub-tab2 li:hover a:after{
content:"";
display:block;
width:100%;
height:100%;
border:1px solid #003a89;
box-sizing:border-box;
top:0;
left:0;
position:absolute;
}
.sub-tab2 li a:hover{
color:#003a89;
}
.sub-tab2 li.current{
border-color:#003a89;
}
.sub-tab2 li.current a{
background:#003a89;
color:#fff;
}
.sub-tab2 li a i{
position:absolute;
right:12px;
font-size:0.7em;
line-height:12px;
margin-top:-6px;
top:50%;
opacity:0.6;
}


.sub-tab21{
display:flex;
flex-wrap:wrap;
margin-bottom:50px;
border:1px #e0e0e0 solid;
border-width:1px 0 0 1px;
}
.sub-tab21 li{
border:1px #e0e0e0 solid;
border-width:0 1px 1px 0px;
width:25%;
box-sizing:border-box;

}
.sub-tab21 li a{
display:block;
position:relative;
padding:10px;
font-size:15px;
color:#6a6a6a;
}
.sub-tab21 li:hover{
border-color:transparent;
}
.sub-tab21 li:hover a:after{
content:"";
display:block;
width:100%;
height:100%;
border:1px solid #003a89;
box-sizing:border-box;
top:0;
left:0;
position:absolute;
}
.sub-tab21 li a:hover{
color:#003a89;
}
.sub-tab21 li.current{
border-color:#003a89;
}
.sub-tab21 li.current a{
background:#003a89;
color:#fff;
}
.sub-tab21 li a i{
position:absolute;
right:12px;
font-size:0.7em;
line-height:12px;
margin-top:-6px;
top:50%;
opacity:0.6;
}


.sub-tab3{
display:flex;
flex-wrap:wrap;
margin-bottom:10px;
border:1px #e0e0e0 solid;
border-width:1px 0 0 1px;
}
.sub-tab3 li{
border:1px #e0e0e0 solid;
border-width:0 1px 1px 0px;
width:16.6%;
box-sizing:border-box;

}
.sub-tab3 li a{
display:block;
position:relative;
padding:10px;
font-size:15px;
color:#6a6a6a;
}
.sub-tab3 li:hover{
border-color:transparent;
}
.sub-tab3 li:hover a:after{
content:"";
display:block;
width:100%;
height:100%;
border:1px solid #003a89;
box-sizing:border-box;
top:0;
left:0;
position:absolute;
}
.sub-tab3 li a:hover{
color:#003a89;
}
.sub-tab3 li.current{
border-color:#003a89;
}
.sub-tab3 li.current a{
background:#003a89;
color:#fff;
}
.sub-tab3 li a i{
position:absolute;
right:12px;
font-size:0.7em;
line-height:12px;
margin-top:-6px;
top:50%;
opacity:0.6;
}


.sub-tab4{
display:flex;
flex-wrap:wrap;
margin-top:30px;
margin-bottom:50px;
border:1px #e0e0e0 solid;
border-width:1px 0 0 1px;
}
.sub-tab4 li{
border:1px #e0e0e0 solid;
border-width:0 1px 1px 0px;
width:12.5%;
box-sizing:border-box;

}
.sub-tab4 li a{
display:block;
position:relative;
padding:7px;
font-size:15px;
color:#6a6a6a;
}
.sub-tab4 li:hover{
border-color:transparent;
}
.sub-tab4 li:hover a:after{
content:"";
display:block;
width:100%;
height:100%;
border:1px solid #003a89;
box-sizing:border-box;
top:0;
left:0;
position:absolute;
}
.sub-tab4 li a:hover{
color:#003a89;
}
.sub-tab4 li.current{
border-color:#003a89;
}
.sub-tab4 li.current a{
background:#003a89;
color:#fff;
}
.sub-tab4 li a i{
position:absolute;
right:12px;
font-size:0.7em;
line-height:12px;
margin-top:-6px;
top:50%;
opacity:0.6;
}



.sc-tit2{
font-weight: 800;
font-size: 28px;
color:  #0954ba;
margin-bottom: 30px;
}
.sc-tit2:before{
content: "";
display: block;
width: 40px;
height: 5px;
background: #216cd1;
margin-bottom:10px;
}

.sc-tit22{
font-weight: 800;
font-size: 28px;
color:  #0954ba;
margin-bottom: 20px;
margin-top: 30px;
}
.sc-tit22:before{
content: "";
display: block;
width: 40px;
height: 5px;
background: #216cd1;
margin-bottom:10px;
}

.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;
}

.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;
}

.sc-tit3{
text-align:center;
font-weight:300;
font-size:30px;
}
.sc-tit3 strong{
font-weight:700;
}

.sc-tit4{
font-weight: 800;
font-size: 24px;
color:  #0954ba;
margin-bottom: 1rem;
}


.sc-list1{
background: #edf1f6;
box-sizing: border-box;
padding: 20px 50px;
border-radius: 15px;
margin-top:30px;
}
.sc-list1 li{
font-size:1.05em;
position:relative;
font-weight:500;
box-sizing:border-box;
padding:10px;
padding-left:15px;
color:#151e2b;
word-break:keep-all;
}
.sc-list1 li:after{
position:absolute;
width:6px;
height:6px;
content:"";
display:block;
background:#255eac;
left:0;
top:20px;
}

.sc-btn1{
display:inline-block;
font-size:0.85em;
background:#4d6c96;
color:#fff;
border-radius:9999px;
padding:5px 20px;
margin-top:10px;
transition: .5s ease;
}
.sc-btn1:hover{
background:#343e4a;
}
.sc-btn1 i{
margin-left:10px;
}

.sc-list2{
display:flex;
gap:50px;
}
.sc-l2-center{
justify-content: center;
font-size:1.125em;
background:#edf1f6;
padding:30px;
border-radius:15px;
}
.sc-list2 li strong{
font-weight:700;
}

.ma10{
margin-top:10px;   
}


.sc-p1{
font-size:0.95em;
margin-top:10px;
font-weight:400;
opacity:0.8;
}

.sc-color1{
color:#c93412;   
}

.sc-agree-box{
text-align:center;
margin-top:15px;
}
.sc-btn-box1{
border-top:1px #e0e0e0 dashed;
margin-top:40px;
}

.sc-btn-box1 li{
width:100%;
max-width:600px;
margin:0 auto;
display:flex;
justify-content: space-between;
font-weight:700;
color:#20305d;
align-items: center;
margin-top:20px;

}

.sc-btn-box1 li a{
display:inline-block;
background: linear-gradient(to right, #209cff 0%,#8652db 100%);
padding:10px 0px;
width:200px;
color:#fff;
border-radius:99px;
transition: .5s ease;
text-align:center;
}
.sc-btn-box1 li a:hover{
background: linear-gradient(to right, #193073 0%,#21249f 100%);
}

.join-agree-text{
border:1px #e0e0e0 solid;
border-radius:15px;
box-sizing:border-box;
padding:20px;
height:220px;
overflow:hidden;
/*overflow-y:scroll;*/
}

.line1{
border-top:1px #e0e0e0 dashed;
padding-top:30px;
margin-top:40px;
}

.sc-list3{
display:flex;
gap:1%;
margin-top:30px;
}
.sc-list3 li{
width:24.25%;
border:2px #1e49a2 solid; 
border-radius:15px;
overflow:hidden;
}
.sc-list3 li dt{
background:#1e49a2;
color:#fff;
text-align:center;
padding:20px 0;
font-weight:700;
font-size:30px;
}
.sc-list3 li:nth-child(2){
border-color:#2d3993;
}
.sc-list3 li:nth-child(2) dt{
background:#2d3993;
}
.sc-list3 li:nth-child(3){
border-color:#3e317e;
}
.sc-list3 li:nth-child(3) dt{
background:#3e317e;
}
.sc-list3 li:nth-child(4){
border-color:#533472;
}
.sc-list3 li:nth-child(4) dt{
background:#533472;
}

.sc-list3 li dt > i{
display:block;
margin:0 auto;
font-size:40px;
opacity:0.7;
}
.sc-list3 li dt a{
display:block;
margin:10px auto 0;
width:130px;
padding:4px 0;
text-align:center;
font-weight:500;
font-size:16px;
background:rgba(255,255,255,0.2);
color:rgba(255,255,255,0.9);
border-radius:999px;
transition: .5s ease;
}
.sc-list3 li dt a:hover{
background:rgba(255,255,255,1);
color:#111;
}
.sc-list3 li dd{
padding:20px;
word-break:keep-all;
font-size:0.95em;
}
.sc-list3 li dd span{
display:block;
font-weight:500;
margin-top:5px;
}
.sc-list3 li dd a{
display:block;
margin:0 auto;
width:80%;
text-align:center;
}

.join-box{
border:1px #e0e0e0 solid;
border-radius:15px;
box-sizing:border-box;
overflow:hidden;
}
.join-box li{
border-top:1px #e0e0e0 solid;
}
.join-box li:first-child{
border-top-width:0;
}
.join-box dl{
display:flex;
align-content: center; 
}
.join-box dt{
flex-shrink: 0;
width: 180px;
font-weight:700;
text-align:center;
padding:15px 0;
}
.join-box dd{
flex-grow: 1;
width:calc(100% - 180px);
padding:15px 15px;
border-left:1px #e0e0e0 solid;
font-size:0.9em;
}

@media (min-width:769px) {
    .join-box dl.div-2 dd{
    width:calc( (100% - 360px) / 2);
    }
    .join-box dl.div-2 dd + dt{
    border-left:1px #e0e0e0 solid;
    }
}

.jbb-btn{
line-height:36px;
height:36px;
background:#636e7d;
padding:0 10px;
color:#fff;
border-radius:5px;
font-size:0.9em;
display:inline-block;
margin-left:5px;
}
.join-box input,
.join-box select,
.join-box textarea{
border:1px #dedede solid;
border-radius:5px;
padding:0 5px;
background:#f5f5f5;
max-width:100%;
}

.join-box input[type="text"],
.join-box input[type="date"],
.join-box input[type="password"],
.join-box select{
line-height:36px;
height:36px;
box-sizing:border-box;
background:#f5f5f5;
font-size:0.95em;
}
.join-box input[type="file"]{
border-width:0;
background:#fff;
padding:0;
font-size:0.95em;
border-radius:0;
}

.join-box dd p{
margin:5px 0;
}
.join-box dd .jbb-p1{
color:#666;
font-size:0.9em;
margin-top:8px;
}


.form-box input,
.form-box select,
.form-box textarea{
border:1px #dedede solid;
border-radius:5px;
padding:0 5px;
background:#f5f5f5;
}

.form-box input[type="text"],
.form-box input[type="password"],
.form-box select{
line-height:36px;
height:36px;
box-sizing:border-box;
background:#f5f5f5;
font-size:0.95em;
}
.form-box input[type="file"]{
border-width:0;
background:#fff;
padding:0;
font-size:0.95em;
border-radius:0;
}



.sc-btn2{
text-align:center;
margin-top:50px;
}

.sc-btn2 input,.sc-btn2 button{
height:55px;
line-height:55px;
padding:0 50px;
border-radius:999px;
border-width:0;
background:#0550b5;
color:#fff;
font-weight:600;
margin-right:5px;
}
.sc-btn2 a{
height:55px;
line-height:55px;
padding:0 50px;
border-radius:999px;
border-width:0;
font-weight:600;
background:#dfdfdf;
display:inline-block;
margin:0 5px;
}

.login-box{
background:#edf1f6;
border:1px #dde4ec solid;
width:100%;
max-width:800px;
margin:0 auto;
text-align:center;
padding:50px;
border-radius:20px;
box-sizing: border-box;
}

.login-box input{
width:100%;
max-width:500px;
border:0;
border-radius:999px;
height:60px;
line-height:60px;
padding:0 20px;
box-sizing: border-box;
border:1px #dee2e8 solid;
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
.login-box li{
margin:10px 0;
}

.login-btn{
display: inline-block;
background: linear-gradient(to right, #209cff 0%,#8652db 100%);
padding: 10px 0px;
width: 200px;
color: #fff;
border-radius: 99px;
transition: .5s ease;
text-align: center;
font-weight:600;
font-size:1.125em;
margin-top:10px;
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}
.lb-bottom{
border-top:1px #cad4e0 dashed;
padding-top:30px;
margin-top:40px;
}
.lb-bottom a{
display:inline-block;
background:#ced4db;
font-size:0.9em;
padding:10px 30px;
border-radius:999px;
margin: 0 5px;
}
.lb-bottom button{
display:inline-block;
background:#fff;
font-size:0.9em;
padding:10px 30px;
border-radius:999px;
margin: 0 5px;
}

.login-p1{
font-weight:800;
font-size:45px;
letter-spacing: 0.05em;
color:#5b749b;
margin-bottom:20px;
}

.orga-box{position:relative;}
.orga-box img{
width:100%;
}
.org_info{
background:#fff;
border:1px #e2e2e2 solid;
padding:15px;
border-radius:15px;
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
font-size:15px;
}
.org_info h6{
font-size:1.125em;
color:#003a89;
font-weight:600;
}


/* »çÀÌÆ®¾È³» */
.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;}


/* Å×À̺í */
.#e9eef4 {margin-bottom:20px; border-top:2px solid #81c8de; border-left:1px solid #e0e0e0;}
.tbL caption {line-height:0;}
.tbL th, .tbL td {margin:0; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbL th {text-align:center;color:#265268; padding:10px 7px 10px 7px; border-top:1px solid #e0e0e0;}
.tbL td {padding:10px 6px 10px 6px;}
.tbL .spc {color:#565656; background:#f2f2f2;}
.tbL .algL {text-align:left;}

.tbLN {margin-bottom:20px; border-top:2px solid #81c8de; border-left:1px solid #e0e0e0;}
.tbLN caption {line-height:0;}
.tbLN th, .tbLN td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;text-align:center;}
.tbLN th {text-align:center;color:#265268; padding:7px 7px 7px 7px; background:url(../images/sub/th_bg.gif) 0 100% repeat-x;}
.tbLN td {padding:10px 6px 10px 6px;}
.tbLN .spc {color:#565656; background:#f2f2f2;}
.tbLN .algL {text-align:left;}

/****************************************
		ÀÌÇÏ Á¢¼öÇÁ·¯±×·¥ °ü·Ã 
******************************************/

/* ÀÚµ¿ ³Ñ¹ö¸µ ¸®½ºÆ® */

ol.number-list {
    counter-reset : numbering;
    list-style-type:none;
 
}
ol.number-list li {
    position: relative;
    padding-left:1.2rem;
}
ol.number-list li div {
    display: inline-block;
    padding: 0 0 0 0rem;
    width:calc(100% - 1rem - 10px);
}
ol.number-list li:before{
    position: absolute;
    top:0;
    left:0;
    display: inline-block;
    counter-increment : numbering; 
    content : counter(numbering) ".";
    margin-right:10px;
}
 


.tbXb {margin-bottom:20px; border-top:2px solid #81c8de; border-left:1px solid #e0e0e0;}
.tbXb caption {line-height:0;}
.tbXb th, .tbXb td {margin:0; padding:10px 6px 10px 6px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbXb th {color:#265268; padding:0.5rem 0.3rem; text-align:center; padding:10px 7px 10px 7px; background:url(../images/sub/th_bg.gif) 0 100% repeat-x;}
.tbXb td {padding:0.5rem 0.3rem; }


.ymargin{margin-top:2px; margin-bottom:2px;}


/* ºÎÆ®½ºÆ®·¦ Å×ÀÌºí ½ºÅ¸ÀÏ Ãß»ç ¼³Á¤ */
/* ºÎÆ®½ºÆ®·¦ ½ºÅ¸ÀÏ Ãß°¡ ¼³Á¤ */

.ar {text-align:right  !important;}
.al {text-align:left  !important;}
.ac {text-align:center  !important;}


.ymargin {margin-top:2px;margin-botton:2px;}
.xmargin {margin-left:2px;margin-right:2px;}
.xymargin {margin:2px;}

.btn-form{both:clear;width:100%; text-align:center;margin:20px 0;}

.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
}

.fw480{
	width:98%  !important;
	max-width:480px;
	min-width:0;
}
.fw380{
	width:98%  !important;
	max-width:380px;
	min-width:0;
}
.fw280{
	width:98%  !important;
	max-width:280px;
	min-width:0;
}
.fw180{
	width:98%  !important;
	max-width:180px;
	min-width:0;
}
.w100{width:100% !important;}
.w95{width:95% !important;}

.table-y th{border-right:1px dashed #ddd;vertical-align:middle;background:#fafafa;}
.table-y td{vertical-align:middle;}
.table-y{border-bottom:1px solid #ddd;}

.table-x{border-bottom:1px solid #ddd; border-top:2px solid #ddd}
.table-x th{text-align:center;border-bottom:2px solid #ccc;background:#f7f7f7;}
.table-x td{text-align:center;vertical-align:middle;}


.table tr.border-dashed {border-top:1px dashed #ddd;}
.table tr.border-dashed td {border-top:1px dashed #ddd !important	;}

a.btn-primary,a.btn-danger,a.btn-warning,a.btn-info,a.btn-success {color:#fff  !important;}
a.btn-default{background: #efefef;}

.list-search{clear:both;padding:10px 0 10px 0;width:100%; text-align:center;}
.list-search input,.list-search select{margin:2px 2px 2px 0;}
.list-caption {position:relative;clear:both;display:inline-block;width:100%; height:auto; margin:0 0 5px 0;}
.list-pager{clear:both;width:100%; text-align:center;}

.form-btns {clear:both;width:100%;margin:10px 0;text-align:center;}

/* 񃧯 form style */
.inform input[type=text],.inform input[type=password] {
	font-size:0.95em;height:1.6em;background-color: #FFFFFF;border: 1px solid #999999;text-valign:middle;
	padding:1px 0 1px 2px;
	margin:2px 2px;
	ime-mode:active; 
}

.inform  textarea {
	border: 1px solid #999999;font-size:0.95em;background-color:white;line-height:150%;
	padding:2px 0 2px 2px;
	margin:2px 2px;
}
.inform select{	
	height:1.6em;line-height:1.6em; border: 1px solid #999999;font-size:0.95em;background-color:white;		
	margin:2px 2px;
}


/* ±âº»Æû */
.inform{font-size:16px;}
.inform textarea{width:98%;padding:10px;line-height:22px;font-size:16px;border:1px solid #ccc;}

.inform input,.inform select ,.inform .btn ,.inform .btn2  ,.inform .btn3 {vertical-align:middle;}
.inform input[type=text],.inform input[type=password]{height:30px;line-height:30px;font-size:14px;padding:0 12px;border:1px solid #ccc;margin:1px 4px 1px 0;vertical-align:middle;}
.inform select{height:30px;line-height:30px;font-size:14px;padding:5px 12px;border:1px solid #ccc;margin:1px 4px 1px 0;}

.inform input[type=file]{display:inline;}

.inform input.btn,.inform a.btn{display:inline-block; padding:0 10px; width:auto;height:36px;line-height:36px;font-size:14px;font-weight:400;background:#aaa;text-align:center;color:#fff;border:1px solid #898989;margin:5px 0px;overflow-y:hidden;}
.inform a.btn{height:34px;line-height:34px;}
.inform input:hover.btn, .inform a:hover.btn{background:#333;border:1px solid #000;}

.inform input.btn2, .inform a.btn2{display:inline-block; width:auto; padding:0 10px; height:36px;line-height:36px;font-size:14px;font-weight:400;background:#d24545;text-align:center;color:#fff;border:1px solid #b31515;margin:5px 0px;overflow-y:hidden;}
.inform input:hover.btn2, .inform a:hover.btn2{background:#fff;color:#d24545;border:1px solid #d24545;}
.inform a.btn2{height:34px;line-height:34px;}

.inform input.btn3, .inform a.btn3{display:inline-block; width:auto; padding:0 10px; height:36px;line-height:36px;font-size:14px;font-weight:400;background:#06C;text-align:center;color:#fff;border:1px solid #039;margin:5px 0px;overflow-y:hidden;}
.inform input:hover.btn3, .inform a:hover.btn3{background:#fff;color:#06C;border:1px solid #039;}
.inform a.btn3{height:34px;line-height:34px;}

/* ±âº» ¹Ú½º */
.basic-box{position:relative;  display:block; clear:both; margin:50px auto; padding:30px 0;background:#f7f7f7;text-align:center;border:1px dashed #ddd;font-size:16px;}
.basic-box * {font-size:16px;}

/* ¸Þ¼¼Áö »óÀÚ */
.message-box{position:relative;  display:block;  width:90%;clear:both;margin:50px auto;padding:50px 0;background:#f7f7f7;text-align:center;border:1px dashed #ddd;font-size:16px;}


/* 񃧯 li list*/
ul.basic-ul-list{}
ul.basic-ul-list li{ display:block;padding:3px 0;width:100%;font-size:16px;}

/* ³Êºñ */
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}


/* ÆùÆ®»çÀÌÁî */
.fw75 {font-size:0.75em;}
.fw80 {font-size:0.8em;}
.fw85 {font-size:0.85em;}
.fw90 {font-size:0.9em;}
.fw95 {font-size:0.95em;}
.fw110 {font-size:1.1em;}
.fw120 {font-size:1.2em;}
.fw130 {font-size:1.3em;}


.fb{font-weight:bold;}

/* ½ºÅ¸ÀÏ»ö»ó*/
.fwhite{color:#fff;}
.fred, a.fred{color:red !important;}
.fblue, a.fblue{color:blue !important;}
.fgreen, a.fgreen{color:green !important;}
.fpink, a.fpink{color:pink !important;}

.ymargin{margin-top:2px;margin-bottom:2px;}

/* ¶óÀÎ */
hr.style1{
	border-top: 1px solid #8c8b8b !important;
}
hr.style2 {
	border-top: 3px double #8c8b8b !important;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b !important;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b !important;
}

hr.style5 {
	background-color: #fff !important;
	border-top: 2px dashed #8c8b8b !important;
}


hr.style6 {
	background-color: #fff !important;
	border-top: 2px dotted #8c8b8b !important;
}

hr.style7 {
	border-top: 1px solid #8c8b8b !important;
	border-bottom: 1px solid #fff !important;
}


hr.style8 {
	border-top: 1px solid #8c8b8b !important;
	border-bottom: 1px solid #fff !important;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b !important;
	border-bottom: 1px solid #fff !important;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b !important;
	border-bottom: 1px dashed #fff !important;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b !important;
	border-bottom: 1px dotted #fff !important;
}



/* ±âŸ */
.bt_top {clear:both; border-top:1px dotted #dadada; text-align:right;}

.agreetext {margin:10px 0 10px 0; border:1px solid #cdcdcd; padding:10px; overflow-y:scroll;}

.inbox {padding:19px 19px 0 19px; border:1px dotted #32aae6; background-color:#f6f6f6;}

/* °ü·Ã»çÀÌÆ® */
.page .link_site {clear:both; margin-bottom:20px; padding:18px 18px 18px 0; border:1px solid #e4e4e4; background-color:#f2f2f2;}
.link_site ul {margin-bottom:5px; padding-left:22px; list-style:outside;}
.link_site ul li {list-style-type:disc; padding-bottom:6px;}
.link_site ul li a:link, .link_site ul li a:visited {color:#000000;}
.link_site ul li a:hover {color:#2886fa;}


/* °ø¸ðÀü */
.page .plan h5 {margin-bottom:0; padding:8px; color:#fff; text-align:center;}
.plan {overflow:hidden; padding:10px; width:820px; background:#666;}
.plan blockquote {float:left; margin:10px; border:1px solid #dedede; width:800px; height:160px; background:#fff;}
.plan blockquote span {padding:8px; color:#323232; width:300px; text-align:center; background:#fff;}
.plan blockquote p {display:block; padding:12px; width:450px; background:#fff;}
.plan blockquote ul {color:#323232; line-height:130%;}






/****************************************
		ºÎÆ®½ºÆ®·¦
******************************************/
.btn-primary {background:#377CDA;}
.btn-light {border:1px solid #dfdfdf;}
.btn-group-xs>.btn, .btn-xs {
    --bs-btn-padding-y: 0.15rem;
    --bs-btn-padding-x: 0.25rem;
    --bs-btn-font-size: 0.825rem;
    --bs-btn-border-radius: 0.2rem;
}

.page-item .page-link {
    z-index: 1;
    color: #343434;
    background-color: #ffffff;
    border-color: #ababab;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #565656;
    border-color: #676767;
}

/****************************************
		ÀÌÇÏ Á¢¼öÇÁ·¯±×·¥ °ü·Ã 
******************************************/

.tbY {margin-bottom:20px; border-top:2px solid #cdcdcd; border-left:1px solid #e0e0e0;}
.tbY caption {line-height:0;}
.tbY th, .tbY td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbY th {color:#265268; padding:0.3rem; background:#e9eef4;font-weight:normal;}
.tbY td {padding:0.3rem;text-align:left;}
.tbY .spc {color:#565656; background:#f2f2f2;}
.tbY .algL {text-align:left;}
.tbY .algC {text-align:center;}

.tbY2 {margin-bottom:20px; border-top:2px solid #81c8de; border-left:1px solid #e0e0e0;}
.tbY2 caption {line-height:0;}
.tbY2 th, .tbY2 td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbY2 th {color:#265268; padding:6px 3px 3px 6px; background:#f7f7f7;font-weight:bold;}
.tbY2 td {padding:6px 3px 3px 3px;text-align:left;}
.tbY2 .spc {color:#565656; background:#f2f2f2;}
.tbY2 .algL {text-align:left;}
.tbY2 .algC {text-align:center;}

/* ³í¹®Åõ°í ±ä±Þ½É»ç */
.tbYex {margin-bottom:20px; border-top:2px solid #FF3E3E; border-left:1px solid #e0e0e0;}
.tbYex caption {line-height:0;}
.tbYex th, .tbYex td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbYex th {color:#265268; padding:6px 3px 3px 3px; background:#FFECEC;font-weight:bold;}
.tbYex td {padding:6px 3px 3px 3px;text-align:left;}
.tbYex .spc {color:#565656; background:#f2f2f2;}
.tbYex .algL {text-align:left;}
.tbYex .algC {text-align:center;}


.tbX {margin-bottom:20px; border-top:2px solid #cdcdcd; border-left:1px solid #e0e0e0;}
.tbX caption {line-height:0;}
.tbX th, .tbX td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbX th {color:#265268;background:#e9eef4; padding:0.3rem;font-weight:normal; text-align:center; text-align:center;}
.tbX td {padding:0.3rem;font-size:0.9em;}
.tbX .spc {color:#565656; background:#f2f2f2;}
.tbX .algL {text-align:left;}

.tbN {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.tbN caption {line-height:0;}
.tbN th, .tbN td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbN th {color:#265268; padding:4px 3px 3px 3px; background:url(../images/sub/th_bg.gif) 0 100% repeat-x; }
.tbN td {padding:4px 2px 3px 2px;}


.tbXN {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.tbXN caption {line-height:0;}
.tbXN th, .tbXN td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbXN th {color:#265268; padding:4px 3px 3px 3px; background:url(../images/sub/th_bg.gif) 0 100% repeat-x; }
.tbXN td {padding:4px 2px 3px 2px;}
.tbXN .ctr {text-align:center;}


.tbYN {border-top:1px solid #e0e0e0 !important; border-left:1px solid #e0e0e0 !important;}
.tbYN caption {line-height:0;}
.tbYN th, .tbYN td {margin:0; border-right:1px solid #e0e0e0 !important; border-bottom:1px solid #e0e0e0 !important; color:#727272;}
.tbYN th {color:#265268; padding:4px 3px 3px 3px;  background:#f7f7f7;}
.tbYN td {padding:4px 2px 3px 2px;}
.tbYN .ctr {text-align:center;}

/* ½É»ç ÁøÇàÇöȲ */
.tbExam {margin-bottom:20px; border-top:1px solid #aaa; }
.tbExam caption {line-height:0;}
.tbExam th, .tbExam td {margin:0; border-bottom:1px dashed #aaa; color:#727272;}
.tbExam th {color:#265268; padding:6px 3px 3px 3px; background:#f7f7f7;text-align:center;border-right:1px dashed #aaa; }
.tbExam td {padding:10px 3px 10px 10px;text-align:left;}
.tbExam .spc {color:#565656; background:#f2f2f2;}
.tbExam .algL {text-align:left;}
.tbExam .algC {text-align:center;}

.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:120px !important;}
.wp-150{width:150px !important;}
.wp-200{width:200px !important;}
.wp-250{width:250px !important;}
.wp-300{width:300px !important;}
.wp-400{width:400px !important;}
.wp-500{width:500px !important;}
.wp-600{width:600px !important;}
.wp-700{width:700px !important;}
.wp-800{width:800px !important;}
.wp-900{width:900px !important;}
.wp-1000{width:1000px !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-98{max-width:98% !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;}

.wmax-30{max-width:40px; width:100% !important;}
.wmax-40{max-width:40px; width:100% !important;}
.wmax-50{max-width:50px; width:100% !important;}
.wmax-60{max-width:60px; width:100% !important;}
.wmax-70{max-width:70px; width:100% !important;}
.wmax-80{max-width:80px; width:100% !important;}
.wmax-90{max-width:90px; width:100% !important;}
.wmax-100{max-width:100px; width:100% !important;}
.wmax-110{max-width:110px; width:100% !important;}
.wmax-120{max-width:120px; width:100% !important;}
.wmax-130{max-width:130px; width:100% !important;}
.wmax-150{max-width:150px; width:100% !important;}
.wmax-200{max-width:200px; width:100% !important;}
.wmax-250{max-width:250px; width:100% !important;}
.wmax-300{max-width:300px; width:100% !important;}
.wmax-350{max-width:350px; width:100% !important;}
.wmax-400{max-width:400px; width:100% !important;}
.wmax-450{max-width:450px; width:100% !important;}
.wmax-500{max-width:500px; width:100% !important;}
.wmax-550{max-width:550px; width:100% !important;}
.wmax-600{max-width:600px; width:100% !important;}
.wmax-700{max-width:700px; width:100% !important;}
.wmax-800{max-width:800px; width:100% !important;}
.wmax-900{max-width:900px; width:100% !important;}
.wmax-1000{max-width:1000px; width:100% !important;}
.wmax-1100{max-width:1100px; width:100% !important;}

.wmin-30{min-width:40px; width:100% !important;}
.wmin-40{min-width:40px; width:100% !important;}
.wmin-50{min-width:50px; width:100% !important;}
.wmin-60{min-width:60px; width:100% !important;}
.wmin-70{min-width:70px; width:100% !important;}
.wmin-80{min-width:80px; width:100% !important;}
.wmin-90{min-width:90px; width:100% !important;}
.wmin-100{min-width:100px; width:100% !important;}
.wmin-110{min-width:110px; width:100% !important;}
.wmin-120{min-width:120px; width:100% !important;}
.wmin-130{min-width:130px; width:100% !important;}
.wmin-150{min-width:150px; width:100% !important;}
.wmin-200{min-width:200px; width:100% !important;}
.wmin-250{min-width:250px; width:100% !important;}
.wmin-300{min-width:300px; width:100% !important;}
.wmin-350{min-width:350px; width:100% !important;}
.wmin-400{min-width:400px; width:100% !important;}
.wmin-450{min-width:450px; width:100% !important;}
.wmin-500{min-width:500px; width:100% !important;}
.wmin-550{min-width:550px; width:100% !important;}
.wmin-600{min-width:600px; width:100% !important;}
.wmin-700{min-width:700px; width:100% !important;}
.wmin-800{min-width:800px; width:100% !important;}
.wmin-900{min-width:900px; width:100% !important;}
.wmin-1000{min-width:1000px; width:100% !important;}
.wmin-1100{min-width:1100px; width:100% !important;}
.wmin-1200{min-width:1200px; width:100% !important;}
.wmin-lg{min-width:991px; width:100% !important;}
.grid2-1{width:250px;max-width:28%;}

.respons-table{width:100%;display:block;overflow-x:auto;}

.text-hide{white-space: nowrap;word-break: keep-all; text-overflow: ellipsis;overflow-x:hidden; }

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