.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;}
#gnb > li > a { color: #000;}
header .header-right li a { color: #000;}
#sub {
    overflow: hidden;
}
.board-theme .theme-detail .detail-top .document-title { font-size: 20px !important; 
}
.board-theme .theme-detail .detail-top .document-title {  font-size: 20px !important; }
#bandMessage { bottom: 0;}
.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; }
#dimodeBoard .board-actions .board-actions-left {display: block;}
#dimodeBoard .board-actions .board-actions-left .action-search { display: table;}
.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;}
.btn { font-size: 12px; line-height: 21px; padding: 5px 12px; border-radius: 0 !important; border: 1px solid #ccc !important; }
.btn-default { color: #333; background-color: #fff !important; border-color: #ccc !important;}
#unit8667 video {width: 100%; height: 600px;}
.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 { 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) {

    .t_2 td { padding: 8px !important;}
    #unit5855 { padding: 15px !important;}
    #component4185 {padding: 15px !important;}
    #unit7915 { padding: 0 15px !important;}
    #unit7231 { padding: 0 15px !important;}
    .top_tbox1 { top: -15px !important;}
    #unit7244 > div { padding: 30px 15px !important;}
    #unit7244 .t_fs_30 { font-size: 25px !important;}
    #unit7244 .t_fs_20 { font-size: 15px !important;}
    #unit3655 > div { padding: 50px 15px !important;}
    #unit3655 .t_fs_30 { font-size: 25px !important;}
    #unit3655 .t_fs_20 { font-size: 15px !important;}
    #unit3655 .t_fs_24 { font-size: 20px !important;}
    #unit4119 .t_fs_20 {font-size: 18px !important;}
    #unit4119 p {font-size: 15px !important;}
    #unit4119 .t_fs_24 { font-size: 20px !important;}
    #unit2762 .t_fs_20 {font-size: 15px !important;}
    #unit7901 .t_fs_24 { font-size: 20px !important;}
    #unit9424 .t_fs_36 { font-size: 25px !important;}
     #unit9424 p span { font-size: 17px !important;}
    #unit2574 .t_fs_20 { font-size: 18px !important; }
    #unit2574 > div div  {width: 100%; }
    #unit2574 .t_fs_36 { font-size: 25px !important; }
    #unit5036 > div { height: 60px; }
    #component7567 .t_fs_20 { font-size: 20px !important;}
    #component7567 .f_arita { font-size: 25px !important;}
    #component3697 .t_fs_24 { font-size: 20px !important;}
    #unit2889 .worship_box { padding: 10px !important; }
    #unit2889 .t_fs_24 {font-size: 20px !important; }
    #unit4424 .t_fs_24 { font-size: 20px !important; }
    #unit4424 .t_fs_30 { font-size: 20px !important; }
    #unit5275 .t_fs_24 {font-size: 20px !important; }
    #component3107 {padding: 15px 30px !important;}
    #component9102 {padding: 0px 0px 15px !important;}
    #unit9860 div { padding: 30px 10px;}
    #unit1754 p {padding: 15px !important; font-size: 18px;}
    .t_fs_24 { font-size: 20px !important;}
    #unit9394 { padding: 0px 15px 15px !important;}
    #daumRoughmapContainer1722402028525 {width: 100% !important; height: unset !important; aspect-ratio:1/1; }
    #unit5002 .t_fs_20 {font-size: 18px; }
    .t_fs_36 { font-size: 25px !important;}
    #unit6514 > div { padding: 10px 15px !important;}
    #unit6514 p {margin-bottom: 0px !important; }
    #unit1575 { padding: 10px 15px 0px !important;}
    #component1045 { padding: 15px 0px 30px !important;}
    .t_fs_20 {font-size: 18px !important;}
    #unit1207 > div {height: 89px !important; }
    #component4196 { padding: 0px 0px 20px !important;  height: auto !important;}
    #unit7624 { padding: 15px !important;}
    #unit3992 > div { padding: 20px 30px !important; }
    #unit6561 .t_fs_30 { font-size: 25px;}
    #unit3992 > div { padding: 20px 15px !important;}
    #component4104 {
        padding: 0px 0px 20px !important;
    }
    #unit5476 > div {  padding: 15px !important;}
    #unit1179 .letter_box {
        padding: 15px;
    }
    #unit6582 > div {
        height: 170px !important;
    }
    #unit7624 > div {
        padding: 15px !important;
    }
    #component2328 { padding: 15px 0px 20px; overflow: scroll;}
    #component2328 td { font-size: 15px !important;}
    .t_fs_30 { font-size: 25px !important;}
    #unit3992 > div > div { height: auto !important;}
    #unit8667 video {
        height: 300px;
    }
	#sub_title { font-size:30px; }
	.sub-cont-desc { padding:0; }
	.subTitle { text-align:center; }
    .sub-top-ul2 { display: inline-block; width: 100%;}
	.sub-top-ul2 li a.active { border-bottom:none; }
	.sub-top-ul2 li { font-size:15.5px; width:33%; float:left; }
	#content > .container > .row { margin:0; }	
	#dimodePage * { word-break:keep-all; }
	.map-span { font-size:17px!important; display:block; }
	
	/* sub */

	
}

@media (max-width: 767px) {
    .board-theme .theme-detail .detail-top .document-title {  font-size: 17px !important; }
    .board-theme .theme-detail .detail-top .document-title {font-size: 17px !important;}
    #unit2734 .col-sm-7 p:first-child {
        margin-bottom: 9px !important;
    }
    #unit5476 p { margin-top: 10px !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;
        float: left;
        width: 100%;
        display: block;
    }

    .sub-top-ul2 li.active {
        border-bottom: 1px solid #0C82B1;
    }
    .sub-top-ul2 li:hover {
        border-bottom: 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:18px; margin:13px 0 13px; word-break: keep-all; }
	.sdfc-content { background:#fff!important; }
	.sub-rel, .sub-top { height:140px; }
    .sub-top-ul2 li a {
        padding: 0px; 
    }
    .board-theme .theme-detail .detail-content .text-center {
        margin: 0 0 20px;
    }
    .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:10px 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 */
	
}