
.dimode-component { z-index:0!important; }
.board-theme .theme-list table th, .board-theme .theme-list table td {font-size: 16px!important; padding: 12px!important;}

header .gnb-wrap {position: relative; box-shadow: unset; border-bottom: 1px solid #eee;}

#sub { overflow:hidden; }
.fullpage-nav, .main-quick { display:none; }
.dgnam-content { position: relative; margin: 0 auto 8em;}
.sub-top { position: relative; height: 300px; width: 100%; top: 0; z-index: 0; background-size: cover!important; background-position: 50% 50%!important;}
.sub-rel { position: relative; /* height: 300px;*/ }
.sub-top-ul2 { border-bottom:1px solid #ddd; text-align:center; justify-content: center;}
.sub-top-ul2 li { word-break:keep-all; }
.sub-top-ul2 li:hover { border-bottom:1px solid #0C82B1; transition:.3s all; }
.sub-top-ul2 li:hover a { color:#0C82B1; transition:.3s all; }
.sub-top-ul2 li { font-size: 1.6em;}
.sub-top-ul2 li.active { border-bottom:1px solid #0C82B1; }
.sub-top-ul2 li.active a { color:#0C82B1; }
.sub-top-ul2 li a { display: block; padding: 1em; width: 100%; color: #121212;  transition:.3s all linear; }

.subTitle { text-align:center; margin: 5em auto; }
#sub_title {position: relative; top: 0; left: 0; right: 0; font-size: 2.8em; letter-spacing: .3em; font-weight: bold; display: inline-block; padding: 0 10px 10px; }
#sub_title::after {content: '['; position: absolute; left: -.4em; color: #0C82B1;} 
#sub_title::before {content: ']'; position: absolute; right: -.4em; color: #0C82B1;} 


.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; }


/*지도*/
#unit3102 #daumRoughmapContainer1652832943564{ width:100% !important; }


@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.2); } 100% {  -webkit-transform: scale(1); } }

.next-box-img { text-align:center; }
.next-box-img img { max-height:138px; }





/* responsive */

@media (max-width:1499px) {

}

@media (max-width:1199px) {
	.sub_depth2 li { padding:20px 10px; }
	#content > .container > .row { margin:0; }
}

@media (max-width:992px) {
	#sub_title { font-size:30px; }
	.sub-cont-desc { padding:0; }
	.subTitle { text-align:center; }
	.sub-top-ul2 li a.active { border-bottom:none; }
	.sub-top-ul2 li { font-size:15.5px; width:30%; }
	#content > .container > .row { margin:0; }	
	#dimodePage * { word-break:keep-all; }
	.map-span { font-size:17px!important; display:block; }
	
	/* sub */

	
}

@media (max-width: 767px) {
    #unit2180 img { width: 45px !important;}
    #unit5622 img {width: 45px !important; }
    #unit8843 p { font-size: 16px !important;}
    #unit9498 p { font-size: 16px !important;}
    #unit1790 span { font-size: 18px !important;}
    #unit1635 tr {
        font-size: 16px !important;
    }
    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { padding: 5px 5px !important;}
    #component7217 strong span {
        font-size: 18px !important;
    }
    .t_1 td { font-size: 16px !important;}
    #unit3959 p span {font-size: 18px !important;}
    #unit3959 p { font-size: 16px !important;}
    #unit2734 .col-sm-7 p:first-child {
        margin-bottom: 9px !important;
    }


    #unit2734 .col-sm-7 p:last-child span {
        font-size: 15px !important;
    }
    #unit2734 span {
        font-size: 20px !important;
    }


    #unit2734 div > div {
        padding: 30px 15px !important;
    }

    #unit8993 div {
        font-size: 19px !important;
    }

    #unit3017 div {
        padding: 40px 20px !important;
    }

    .sub-top-ul2 {
        padding: 5px 0;
    }

    .sub-top-ul2 li.active {
        border-top: 1px solid #0C82B1;
        border-bottom: none;
    }
    .sub-top-ul2 li:hover {
        border-top: 1px solid #0C82B1;
        transition: .3s all;
    }
    #unit7214 > p {
        width: 40%;
    }

    #dimodePage .page-actions {
        padding: 15px !important;
    }
	#sub_title { position:relative; z-index:1; }
	#sub-cont { padding-top:0; }
	.sub-top-ul2 { overflow:hidden;}
	.sub-top-ul2 li { float:left; width:50%; height:auto; }
	#subgnb_pc span { font-size:13px; position:relative; top:3px; }
	#subgnb_pc a { padding:5px 10px; font-size:13px; }
	#subgnb { position:relative; z-index:1; }	
	#sub_title { font-size:23px; margin:30px 0 40px; }
	.sdfc-content { background:#fff!important; }
	.sub-rel, .sub-top { height:140px; }
    .sub-top-ul2 li a {
        padding: 0px; 
    }
    .sub-top {
        position: relative;
        /*background-size: 100% 100% !important;*/
    }
    .subTitle {
        margin: 0 auto;
    }
    #content {
        margin-top: 50px;
    }
    .sub-top-ul3 li {
        font-size: 15px;
    }
	.sub-top-ul2 li a.active { border-bottom:none; }
	.sub-top-ul2 li { font-size:14px; margin:0; transform: skew(-0.05deg); padding:0px 0; height:42px; }
	.subTitle { text-align:center; }
	.sub-cont-desc { padding:0; }
	.sub-cont { z-index:0; }
	#themeForm > .themes { margin-left:0;  margin-right:0; }
	#dimodePage .page-content { padding:0 15px; }
	
	/* sub */
	
}
