#gnb-wrap {
    /*background-color: rgba(0, 0, 0, 0.5);*/
}
.container { 
    /*margin-bottom: 100px;*/
}
.subtop-menu .container {
    margin-bottom: 0;
}

#content {
    margin-bottom: 100px;
}

/* .sub-top-2{display:none;} */



/*서브탑*/ 
#subtop{position:relative;     margin-top: 100px;}

#subgnb { text-align: center; background:transparent; width:100%;  }
#subgnb > .container { /*background:#fff;*/ padding:0 15px;  border-radius: 5px; z-index:10; }
#subgnb span, #subgnb a { font-size:18px; color:white;font-weight:bold; position:relative; text-decoration:none; transform: skew(-0.05deg); }
#subgnb > div > div > div > img { float: left;  padding: 11px 15px 15px 5px; position: relative; top: 2px; max-width: 45px;}
#subgnb a.active { color:#1847b9; font-weight:bold; }
#subgnb .subgnb-home { /*float:left;*/ margin: 15px; /*margin-right:0;*/ }
#subgnb .subgnb-home .sub-13{ /*float:left;*/ margin: 5px 0px; /*margin-right:0;*/ }
/*.sub-25 #unit1147 #dimode-carousel-lntqag9g3iap4r3ab8o{ margin-top:0px;}*/

.subtop-menu {
    border-bottom: 1px solid #ddd;
    padding: 0px 0px;
    border-top: 1px solid #ddd;
    background: #F9F9F9;
}
.subtop-menu .subgnb-home { float:right; display:inline-block; margin:7px 0px 0px 0px;}
.subtop-menu span, .subtop-menu a { font-size:16px; color:#404040; position:relative; top:3px; text-decoration:none;}
.subtop-menu a.active { color:#ED1C24; font-weight:bold; }
.subtop-menu .dropdown { display:inline-block; float: left;}
.subtop-menu .dropdown .btn { padding:10px 3px; font-size:16px; font-weight:bold;}
.subtop-menu .dropdown .btn-default { border-right:1px solid #bbb; border-left:none; border-top:none; border-bottom:none; color:#404040; min-width: 105px; text-align:left; }
.subtop-menu .dropdown .home-button {  min-width: 70px;}
.subtop-menu .dropdown .btn:hover { background-color:#fff; transition:0.3s all ease; color:#404040;}
.subtop-menu .dropdown .btn .active  { background-color:#005D9A; }
.subtop-menu .dropdown-menu>li>a { padding:10px 20px; transition:0.3s all ease; font-size:17px;}
.subtop-menu .caret { border-top:2px solid #ae4d4d; border-right: 0px solid transparent; border-left: 2px solid #ae4d4d; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top:-10px; margin-left:15px; float:right; top:15px;}
.subtop-menu .dropdown:first-child { border-left:1px solid #ddd; }

/*.sub-top-2{position:relative;}
.sub-top-2 .subtop-bottom{background-color: rgba(255,255,255,1);position: relative;bottom: 0; padding: 2% 0 0%;width: 100%;}
    .sub-top-2 .subtop-bottom .subtop-menu ul {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
.sub-top-2 .subtop-bottom .subtop-menu ul li{display:inline-block;}
.sub-top-2 .subtop-bottom .subtop-menu ul li a{display: inline-block;padding: 52px 13px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.sub-top-2 .subtop-bottom .subtop-menu ul li p{display: inline-block;padding: 52px 0px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.sub-top-2 .subtop-bottom .subtop-menu ul li a .btn-plus{position: absolute;top: 40%;left: 45%;background:#f1592a;width: 6px;height: 6px;border-radius: 50%;
text-align: center;opacity: 0;transition: all .3s linear;}
.sub-top-2 .subtop-bottom .subtop-menu ul li a:hover .btn-plus,
.sub-top-2  .subtop-bottom .subtop-menu ul li.active a .btn-plus,
.sub-top-2  .subtop-bottom .subtop-menu ul li a:focus .btn-plus{opacity:1;}


.subtop-bottom2{background-color: rgba(255,255,255,1);height: 140px;position: relative;bottom: 0; left: 10px;width: 100%;}
.subtop-bottom2 .subtop-menu ul {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
.subtop-bottom2 .subtop-menu ul li{display:inline-block;}
.subtop-bottom2 .subtop-menu ul li a{ display: inline-block; margin: 30px 0; width:420px; padding: 15px 70px; border: solid 1px #dfdfdf;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.subtop-bottom2 .subtop-menu ul li p{display: inline-block;padding: 52px 0px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
    .subtop-bottom2 .subtop-menu ul li a:hover, .subtop-bottom2 .subtop-menu ul li.active a, .subtop-bottom2 .subtop-menu ul li a:focus {
        border: solid 1px #123369;
        color: #123369;
    }*/
/*#subMenu{position:relative;}*/
/*#subMenu::before{position:absolute; top:-45px; left:50%; content:""; width:1px; height:28px; background:#000; display:block;}*/
#subMenu ul {
    text-align: center;
    margin: 0 auto;
    padding: 0 5%;
}
#subMenu ul li{    position: relative;
    line-height: 42px;
    font-size: 10px;
    display: inline-block;
    padding: 0px 6px;}
#subMenu ul li a{display:block; color:#222;}
#subMenu ul li.on a{border-bottom:3px solid #000; color:#000; font-weight:700;}
#subMenu ul li a:hover{position:relative; color:#000; font-weight:700; text-decoration:none;}
#subMenu ul li a:hover:after{position:absolute;bottom:-3px;left: 0;content:"";width: 100%;height:3px;background:#000;display: block;border-radius:50px;}
.subMenuul li a:hover:after{animation-name:menu_move; animation-duration:0.6s;}







.sub-desc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.subTitle {
    /*position: relative;*/
    text-align: center; 
}

#sub_title {
    font-size: 40px;
    font-weight: 600;
    border-bottom: 4px solid #fff;
    color: #fff;
    display: inline-block;
    padding-bottom: 10px;
}



/**/

.board-title{margin-top: 30px;margin-bottom: 30px; position: relative; display: inline-block; transform: translateX(-50%);left: 50%; text-align: center; padding-bottom: 15px; text-align: center; border-bottom: 3px solid #000; font-size: 40px;}
.img-wrap{word-break:keep-all;text-align: center;}
/*.page-content{word-break:keep-all!important;}*/

 .page-content #unit1260 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;

}


@media(max-width:1700px) {
   
}
 

@media(max-width:1400px) {
   
}
@media(min-width:1400px) {
     
}
@media(max-width:1670px) { 
	 
}

@media(max-width:1450px) { 
    
}
@media(max-width:1370px) { 
    .sub-16 .sum_box2 {    aspect-ratio: 15500/25723;} 
	
	.sub-18 div#unit9755 {    padding: 0px !important;    padding-right: 5px !important;}
	.sub-18 div#unit5967{    padding: 0px !important;    padding-left: 5px !important;}
	.sub-18 div#unit9148{    padding: 15px 0px 0 !important; }
	.sub-18 div#component2506{    padding: 15px 0px 0!important; }
	.sub-18 div#component1387{    padding: 0!important; }
	
	.sub-40 .box_book {    aspect-ratio: 53381 / 26636;}
	.sub-41 .box_book {    aspect-ratio: 50235 / 26636;}
	.sub-42 .box_book {    aspect-ratio: 50235 / 24066;}
	.sub-43 .box_book {    aspect-ratio: 50235 / 24066;}
	.sub-44 .box_book {    aspect-ratio: 50235 / 24066;}
	.sub-45 .box_book {    aspect-ratio: 50235 / 24066;}
}

@media(max-width:1199px) {
	.sub-16 .sum_box2 {    aspect-ratio: 12166 / 21833;} 
	.sub-16 .sum_box2 span {font-size:14px;}
	
	.sub-40 .box_book {        aspect-ratio: 43722 / 31777;    }
	.sub-41 .box_book {        aspect-ratio: 42503 / 32420;    }
	.sub-42 .box_book {        aspect-ratio: 42503 / 29360;    }
	.sub-43 .box_book {    aspect-ratio: 42503 / 29360; }
	.sub-44 .box_book {    aspect-ratio: 42503 / 29360;}
	.sub-45 .box_book {    aspect-ratio: 42503 / 29360;}
	
	.t_mission td {    padding: 3px!important;    font-size: 15px;}
	
}
@media(max-width:991px) {
	.sub-14 .dimode-sort.row.ui-sortable {    display: flex;    flex-direction: column;}
	.sub-14 .dimode-sort.row.ui-sortable >div{    width:100%;} 
	.sub-14 div#unit2622{border:0px!important;}
	.sub-14 div#unit4006{padding: 0 15px 15px!important;}
	.sub-14 div#unit27622{padding: 0 0px 15px!important;}
	.sub-14 div#component6102{padding: 0 0px 15px!important;}
	.sub-14 div#component3748{padding: 20px!important;}
	
	.sub-15 .font-7xl {    font-size: 3rem!important;}
	
	.sub-16 .sum_box2 {    aspect-ratio: 8500/19269;}
	.sub-16  div#component9491 >div, .sub-16  div#component1538 >div{    aspect-ratio: 315 / 192;}
	
	.sub-22 div#unit5052 , .sub-23 div#unit5052,
	.sub-24 div#unit5052 , .sub-25 div#unit5052,
	.sub-26 div#unit5052 , .sub-27 div#unit5052,
	.sub-28 div#unit5052 , .sub-29 div#unit5052{    padding: 0;}
	
	.sub-40 .box_book, .sub-41 .box_book, .sub-42 .box_book , .sub-43 .box_book , .sub-44 .box_book , .sub-45 .box_book{		display: flex;                aspect-ratio: initial;        padding: 30px 15px;    } 
	.sub-40 div#unit2607, .sub-40 div#unit4404,
	.sub-41 div#unit2607, .sub-41 div#unit4404,
	.sub-42 div#unit2607, .sub-42 div#unit4404,
	.sub-43 div#unit2607, .sub-43 div#unit4404,
	.sub-44 div#unit2607, .sub-44 div#unit4404,
	.sub-45 div#unit2607, .sub-45 div#unit4404{ width:100%;    }
	.sub-40 div#component3537,.sub-41 div#component3537,.sub-42 div#component3537,.sub-43 div#component3537
	,.sub-44 div#component3537,.sub-45 div#component3537{padding:15px 0 0!important;}
	
	.sub-46 .edu_box {    width: calc(50% - 20px);}
	.sub-46 div#unit5294 >div{flex-wrap: wrap;}
	.sub-46 div#component7543{padding:0px!important;}
	
	.sub-63 .row {    display: flex;    flex-direction: column;}
	.sub-63 .row >div {    width: 100%;     }
	.sub-63  div#component9109 .row {     flex-direction: column-reverse;}
	.sub-64 .row {    display: flex;    flex-direction: column;}
	.sub-64 .row >div {    width: 100%;     }
	.sub-64  div#component9109 .row {     flex-direction: column-reverse;}
	
}
@media (max-width:767px) {
	#subtop{   margin-top: 70px;} 
	#sub_title {    font-size: 30px; }
	
	.sub-15  div#component4104 {    display: none;}
	.sub-16  div#component9491  , .sub-16  div#component1538 {text-align:center; width:50%;}
	.sub-16  div#component6511 {    display: flex;    flex-wrap: wrap;}
	.sub-16 div#unit1315,.sub-16 div#unit6299 {    padding-bottom: 15px !important;}
	.sub-16 div#component9491 >div, .sub-16 div#component1538 >div {        aspect-ratio: 284 / 398;    }
	.sub-16 div#component6932 {    width: 50%;}
	.sub-16 div#component6439 {    display: flex;    flex-wrap: wrap;}
	.sub-16 .sum_box2 {    aspect-ratio: 254/270;}
	.sub-17 div#unit1780{padding:0!important;}
	
	.sub-17 div#component7957 {    padding: 15px !important;}
	
	.sub-18 div#component3945 {    padding: 20px !important;}
	.sub-18 div#unit9755 {    padding: 10px 0px 0 !important;   }
	.sub-18 div#unit5967{    padding: 10px 0px 0 !important;   }
	.sub-18 div#unit9148{    padding: 15px 0px 0 !important; }
	.sub-18 div#component2506{    padding: 0px 0px 0!important; }
	.sub-18 div#component1387{    padding: 0!important; }
	.sub-18 .f_box >div{padding:0!important;}
	
	.sub-22 div#unit4451,.sub-23 div#unit4451,
	.sub-24 div#unit4451 , .sub-25 div#unit4451,
	.sub-26 div#unit4451 , .sub-27 div#unit4451,
	.sub-28 div#unit4451 , .sub-29 div#unit4451  {    padding: 0!important;}
	.title_num {    padding: 1px 3px;}
	.sub-23 p {    line-height: 2;}
	
	.sub-25 div#component4168 {    padding: 20px 0px !important;}
	    .t_mission td {         font-size: 2vw;    }
}

@media(max-width:470px) {
	#sub_title {    font-size: 20px; }
    .sub-16  div#component9491  , .sub-16  div#component1538 {  width:100%;} 
	.sub-16 div#component6932 {    width: 50%; padding: 3px !important;}
	.sub-18 .f_box {    padding: 15px;}
	.sub-18 div#component3945 {    padding: 15px !important;}
	.sub-22 .row.five-cols.dimode-sort.ui-sortable >div {width:50%;}
	
	.sub-28 div#component9388 {    overflow: scroll;}
	.sub-28 div#unit2132{padding:0!important;}
	
	.sub-40 div#unit4404, .sub-40 div#unit2607,
.sub-41 div#unit4404, .sub-41 div#unit2607,
.sub-42 div#unit4404, .sub-42 div#unit2607,
.sub-43 div#unit4404, .sub-43 div#unit2607,
.sub-44 div#unit4404, .sub-44 div#unit2607,
.sub-45 div#unit4404, .sub-45 div#unit2607	{    padding: 0 0 15px !important;}

.sub-46 .edu_box {    width: calc(100%); padding: 15px !important;}
.sub-46 div#unit5294 >div {   padding: 15px 0!important;}

.sub-47 div#unit4553, .sub-48 div#unit4553,
.sub-49 div#unit4553, .sub-50 div#unit4553,
.sub-51 div#unit4553, .sub-52 div#unit4553 {    padding: 20px !important;}	
.sub-47 div#component3675,.sub-48 div#component3675,
.sub-49 div#component3675,.sub-50 div#component3675,
.sub-51 div#component3675,.sub-52 div#component3675{    padding: 0 !important;}
.sub-47 div#unit2040, .sub-48 div#unit2040,
.sub-49 div#unit2040, .sub-50 div#unit2040,
.sub-51 div#unit2040, .sub-52 div#unit2040 {    overflow: scroll;}	

.sub-64 div#unit1413 {    overflow: scroll;}
.sub-64 div#unit1349 >div {    overflow: scroll;}
}