.next_de{font-size: 25px;}
@media (min-width: 1500px) {
    .sub-content .content .subContainer {width: 1400px; margin: 0 auto;}
}


/* sub-top-menu*/
.sub-cont-desc{position:relative;}
#subWrap .subtop-menu { background-color:#0072BC; margin-top:100px; }
#subWrap .subtop-menu ul { text-align:center; width:100%; line-height:78px; }
#subWrap .subtop-menu ul li a { color: #fff; text-decoration: none; font-size: 18px; margin: 0 20px; }
#subWrap .subtop-menu ul li {display:inline-block; position:relative; cursor:pointer;}
#subWrap .subtop-menu ul > li.active > a:after, 
#subWrap .subtop-menu ul > li:hover > a:after {
                opacity: 1;
                -webkit-transform: scale(1) translateX(-50%);
                -ms-transform: scale(1) translateX(-50%);
                transform: scale(1) translateX(-50%);
}
#subWrap .subtop-menu ul > li > a:hover { font-weight:bold; transition:100ms; }
#subWrap .subtop-menu ul > li > a:after {
                content: "";
                position: absolute;
                top: 15px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 8px;
                height: 8px;
                background: yellow;
                border-radius: 50%;
                -webkit-transition: 300ms;
                transition: 300ms;
                opacity: 0;
}
#subWrap .subtop-menu3 {}
#subWrap .subtop-menu3 ul.depth3_sub { display:flex; justify-content:center; padding:40px 0;}
#subWrap .subtop-menu3 ul.depth3_sub li { margin:0 15px;}
#subWrap .subtop-menu3 ul.depth3_sub li a { border: 1px solid #0072BC; font-size: 17px; padding: 10px 25px; border-radius: 25px; text-decoration:none;}
#subWrap .subtop-menu3 ul.depth3_sub li a:hover{ transition:all ease-in-out .25s; background-color:#0072BC; color:#fff; }

/*.sub-content {margin: 0px auto 80px;}*/
.sub-rel { position: relative; /*margin-top:110px;*/}
.sub-top-ul { position: absolute; bottom: 0px; text-align: center; margin: 0 auto; background-color: rgba(12, 76, 163, 0.5); width: 100%; }
.sub-top-ul li { font-size: 17px; padding: 30px 30px; text-align: center; display: inline-block; }
.sub-top-ul a { color: #fff; text-decoration: none; }
.sub-cont { background: #fff; position: relative; padding: 0; }
.sub-title2 { margin: 0 0 50px!important; font-size: 30px; display: inline-block; border-bottom: 2px solid #E6061B;  padding-bottom: 15px; font-weight: bold; }
#subgnb {  border-bottom:1px solid #ddd; background:#fff; }
#subgnb_pc img { position:relative; top:-3px; }
#subgnb_pc span { font-size:17px; color:#333; margin:0 3px; }
#subgnb_pc a { font-size:17px; color:#333; text-decoration:none; display:inline-block; border-radius:15px; background:#fff; padding:5px 15px; box-shadow: 4px 3px 2px 0px #afafaf;}

/*지도 너비작업*/
#unit8427 #daumRoughmapContainer1632460894731{ width:100% !important; }

.subTitle { text-align:center; }
.sub-top-ul2 {
    border-bottom: 1px solid #ddd;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-top-ul2 > li { word-break:keep-all; }
.sub-top-ul2 > li .depth3.dropdown-menu {display: block; box-shadow: none; transform: translateX(-50%); left: 50%; border: none; padding: 0 0 10px;}
.sub-top-ul2 > li .depth3.dropdown-menu >.active>a, .sub-top-ul2 > li .depth3.dropdown-menu >.active>a:focus, .sub-top-ul2 > li .depth3.dropdown-menu >.active>a:hover {background-color: white; color: #00A9E0;}
/*.sub-top-ul2 li:hover { border-bottom:1px solid #000; transition:.3s all ease-in-out; }*/
.sub-top-ul2 li {font-size: 18px; /*width:165px;*/ padding:20px 25px;}
.sub-top-ul2 > li.d3 {width: auto; padding:20px 30px;}
.sub-top-ul2 li a { display: block; color: #000; transition: all .3s ease-in-out;}
.sub-top-ul2 li.active a , .sub-top-ul2 li a:hover {color: #002D5A; font-weight: bold; transition: all .3s ease-in-out; }


.lnb_title { font-size:30px; border-bottom:1px solid #000; padding:40px 0px; font-weight:600; text-align:center; position:relative;}
.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #ff6d6d; }
.sub_depth2 { margin-top:0px; padding-top:0px; }
.sub_depth2 li { padding: 20px 25px; border-bottom:1px solid #ddd; transition:all ease 0.3s; }
.sub_depth2 li.active, .sub_depth2 > li:hover { background:#ff6d6d; }
.sub_depth2 li.active a, .sub_depth2 > li:hover a { color:#fff; }
.sub_depth2 > li > a { color:#777; font-weight:600;  font-size:17px; text-decoration:none; }
.sub_depth2 li a { color:#777; font-weight:600;  font-size:16px; text-decoration:none; }
.sub_depth2 li i { position:relative; margin:3px 15px 0px 0px; cursor:pointer; float:right; font-size:16px;}
.sub_depth2 li i.fa-minus { display:none; }
.sub_depth2 li:last-child { border-bottom:none; }
.sub_depth3 { padding:0px 15px; margin-top:15px; display:none; }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding: 10px 20px; border-bottom:1px solid #fff; background-color: #ff6d6d; }
.sub_depth3 li a  { color:#999; font-size:15px;  text-decoration:none;  transition:all ease 0.3s; }



#sub_title {
	font-family: 'NanumSquareRound';
	position: absolute; 
	top: 50%; left: 50%; 
	transform: translate(-50%, -50%); 
	font-size: 4rem; font-weight: 600; 
	color: white; 
	font-size: 40px; 
	text-shadow: 3px 2px 3px #131313e8;
}


@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.2); } 100% {  -webkit-transform: scale(1); } }




.board-theme.gallery .theme-list > .each-document > a.title-image > .list-items .items-wrapper {display: none!important;}

/* responsive */

@media (max-width: 414px) {
    #unit9348 {overflow: scroll;}
    #unit4082 > div > div > div > p > span {font-size: 18px!important;}
    #component8878 > div > #unit8624 {width: 100%!important;}
	
	#component1111 > div > #unit4082 > div.box_wrap1 {display: block!important; flex-direction: unset!important; align-items: unset!important;}
	#component1111 > div > #unit4082 > div.box_wrap1 .contents_box_1 {width: 100%!important; margin-bottom: 15px!important; margin-right: 0!important;}
	
	
}

@media (max-width: 767px) {

    #unit8653 > div {height:unset!important;}
    #dimodePage .dimode-theme {
        margin: 40px auto;
        padding: 0 20px;
    }
    #component1232 > div > #unit3884 > p:nth-of-type(2) > span {font-size: 20px!important;}
    #component1232 > div > #unit3884 > p:nth-of-type(3)  {font-size: 16px!important;}
    #component1232 > div > #unit3884 {padding-top: 20px!important;}
    #component1232 > div > #unit8653 > div > div:first-child > img {width: 100%;}
    #unit2641 > div {margin: 15px 0!important;}
    #component1694 > #unit5586 > div > span {font-size: 2.6rem!important;}
    #component4700 {padding: 30px!important;}
    .content {margin: 50px 0!important;}

    #component8878 {padding: 0!important;}
    #component8878 > div > #unit8624 > div > span {font-size: 22px!important;}
    #component8878 > div > #unit8624 > div > p:last-child > span,
    #component8878 > div > #unit8624 > div > p:last-child > span > span {font-size: 17px!important;}
    #component8094 {padding: 25px!important;}
    #component8094 > #unit4181 {padding: 0!important;}
    #component8094 > #unit4181 > div.box_1,
    #component8094 > #unit4181 > div > span > span  {font-size: 17px!important; word-break: keep-all;}
	.next_de{font-size: 20px;}
}

@media (max-width: 992px) {
    .footer-wrap {flex-direction: column; padding: 40px 20px 10px;}
    #component1232 > div > #unit3884 > p:nth-of-type(1) {display: none;}
    #component1111 > div > #unit4082 {padding-top: 15px!important;}
    #component6264 > #unit8152 > p > span {word-break: keep-all!important; line-height: 1.6;}
    #component8878 > div > #unit8624 {position: relative!important;}
    #component8878 > div > #unit8624 {transform: unset!important; }
    #component8878 > div > #unit8350 div {height: unset!important;}
    #component8878 > div > #unit8350 div img {width: 100%!important;}
    #component8878 > div > #unit8624 > div {height: unset!important; padding: 25px 0!important;}
}

@media (max-width: 1199px) {
   #unit9348 > table > tbody > tr > td {font-size: 15px!important; word-break: keep-all;}

}

@media (max-width: 1499px) {
    #component1232 > div > #unit8653 div {height: unset!important;}
    

}