/**/
/*#gnb-Wrap ul.depth1 > li > a {color:#121212;}
.depth1 > li > a, .header-login li a {color: #121212;}*/

.seomoonch-content { background: rgba(0,0,0,0.5); }

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

/*寃뚯떆�� 愿��� �명똿 */

.board-num_608 .document-tools{display:none;}





/*
#topbar {position: relative;}
ul.depth1 > li > a, .header-login li a, ul.depth1 > li > .depth2 > li > a  {color: #121212; font-weight: bold;}
ul.depth1 > li > .depth2 > li > a:hover {color: #0474CB;}
header {position: absolute;}
header #gnb-Wrap {position:relative; background: #fff!important; border-bottom: 1px solid #eee; transition: all .45s ease-in-out;}
header #gnb-Wrap.in-view {background: #fff!important;}

 
 #loginForm, #joinForm, #memberInfoForm {  margin: 0 auto 5em auto!important; }*/

/* */
.sub-top { position: relative; height: 400px; width: 100%; top: 0; z-index: 0; background-size: cover!important; background-position: 50% 0%!important; opacity: 0.8;  -webkit-animation: zoomin 9s 1; animation: zoomin 9s 1;}
.sub-rel {width: 100%;
    position: relative;
    top: 100px;
    overflow: hidden;
    height: 300px; }
.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, #content { background: #fff; position: relative; padding: 0; }

.subTitle { text-align:center; }
.sub-top-ul2 { justify-content: center; align-items: stretch; border-bottom: 0px solid #eee;}
.sub-top-ul2 li { display:inline-block; word-break: keep-all; }
.sub-top-ul2 li a {padding: 20px 15px; font-size: 1.8rem; display: block; width: 100%;}
.sub-top-ul2 li:hover { border-bottom:1px solid #0474CB; transition:.3s all; }
.sub-top-ul2 li:hover a { color: #0474CB; transition:.3s all; }
.sub-top-ul2 li.active { border-bottom: 1px solid #0474CB; font-weight: bold;}
.sub-top-ul2 li.active a { color:#0474CB; }
.sub-top-ul2 li a { color:#121212; text-decoration:none; }

.sub-top-ul3 { justify-content: center; align-items: stretch; border-bottom: 0px solid #eee;}
.sub-top-ul3 li { display:inline-block; word-break: keep-all; }
.sub-top-ul3 li a {padding: 20px 15px; font-size: 1.8rem; display: block; width: 100%;}
.sub-top-ul3 li:hover { border-bottom:0px solid #0474CB; transition:.3s all; }
.sub-top-ul3 li:hover a { color: #0474CB; transition:.3s all; }
.sub-top-ul3 li.active { border-bottom: 0px solid #0474CB; font-weight: bold;}
.sub-top-ul3 li.active a { color:#0474CB; }
.sub-top-ul3 li a { color:#121212; text-decoration:none; }


 
.sub-top-ul3 {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
.sub-top-ul3 li{display:inline-block;}
.sub-top-ul3 li a{display: inline-block;padding: 52px 13px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}
.sub-top-ul3 li p{display: inline-block;padding: 52px 0px 25px;font-size: 17px;font-weight:700;text-decoration: none;color: #343434;position: relative;}

.sub-top-ul3 li a .btn-plus{position: absolute;top: 40%;left: 45%;background:#0055a2;width: 6px;height: 6px;border-radius: 50%;
text-align: center;opacity: 0;transition: all .3s linear;}
.sub-top-ul3 li  a:hover .btn-plus,
.sub-top-ul3 li.active a .btn-plus,
.sub-top-ul3 li a:focus .btn-plus{opacity:1;}



.t_1 td{
	padding:10px 5px;
	border-bottom:1px solid #ddd;
}




/* */

#content {margin: 0 auto 80px;}
div.subTitle { text-align: center; margin: 80px auto 40px;}
div.subTitle #sub_title { /*text-shadow: 2px 3px 2px rgb(0 0 0 / 19%)*/;
font-size: 2.4em; font-weight: 600; display: inline-block; padding-bottom: 1em; /*border-bottom: 4px solid #14A785;*/ }


.video-container video{    max-width: 900px;}
.visible-468{display:none;}

@media (min-width: 1500px) { 
    #content > div.container {max-width: 1400px; width: 100%; padding-top: 100px;}
    .board-theme .theme-list table th, .board-theme .theme-list table td {font-size: 1.6rem!important;}
}
@media (max-width: 1500px) { 
    #content > div.container { padding-top: 50px;} 
}

@media (max-width: 1200px) { 
    #sub-599 div#unit4721 span, #sub-600 div#unit4436 span, #sub-601 div#unit9913 span, #sub-602 div#unit6163 span, #sub-603 div#unit4721 span
	, #sub-604 div#unit2946 span,#sub-605 div#unit9931 span, #sub-605 div#unit8056 span{ font-size: 18px!important;} 
}

@media(max-width:1023px) { 
	ul.sub-top-ul2.flex{    flex-wrap: wrap; padding-bottom:20px;}
	.sub-top-ul2 li a {     font-size: 16px;}



	.video-container video{		max-width: 100% !important;		width: 100% !important;	}
	#sub-25 div#unit2569 div:nth-of-type(1), #sub-25 div#unit3913 div:nth-of-type(1){    display: none;}
	
	#sub-599 div#unit4721 >div, #sub-599 div#unit8899 >div,
	#sub-600 div#unit4436 >div, #sub-600 div#unit1033 >div,
	#sub-601 div#unit2438 >div, #sub-601 div#unit9913 >div,
	#sub-602 div#unit6163 >div, #sub-602 div#unit9418 >div,
	#sub-603 div#unit4721 >div, #sub-603 div#unit8899 >div, #sub-603 div#component4373,
	#sub-604 div#unit2946 >div, #sub-604 div#unit8114 >div,
	#sub-605 div#unit9931 >div, #sub-605 div#unit2323 >div, #sub-605 div#component4373{padding:30px 15px!important;}
	
	#sub-599 div#unit4721 span, #sub-600 div#unit4436 span, #sub-601 div#unit9913 span, #sub-602 div#unit6163 span, #sub-603 div#unit4721 span
	, #sub-604 div#unit2946 span,#sub-605 div#unit9931 span, #sub-605 div#unit8056 span{ font-size: 16px!important;} 
	
	#sub-599 div#unit9629 span, #sub-600 div#unit9629 span, #sub-601 div#unit9629 span,
	#sub-602 div#unit9629 span, #sub-603 div#unit9629 span, #sub-604 div#unit9629 span,#sub-605 div#unit9629 span{ font-size: 18px!important;} 
	
	#sub-599 div#unit9629 >div, #sub-600 div#unit9629 >div, #sub-601 div#unit9629 >div,
	#sub-602 div#unit9629 >div, #sub-603 div#unit9629 >div, #sub-604 div#unit9629 >div, #sub-605 div#unit9629 >div{height:auto!important; padding: 50px 5px;}
	#sub-599 div#unit9629 p, #sub-600 div#unit9629 p, #sub-601 div#unit9629 p,
	#sub-602 div#unit9629 p, #sub-603 div#unit9629 p, #sub-604 div#unit9629 p,#sub-605 div#unit9629 p{line-height:1.5!important;}


	#sub-609 div#unit9827 span{line-height:1.5!important; font-size: 17px!important;}
} 

@media(max-width:768px){ 
#content {    margin: 0 20px 80px;}
	#sub-16 div#unit2325{width:100%; margin:0 50px!important;}
	
	#sub-17 ul#unit9523 >li {    width: calc(100% / 3 - 10px);}
	#sub-17 ul#unit9523 >li a {    padding: 15px; text-align:center;}
	
	#sub-511 div#component2706 , #sub-511 div#component2442{    display: flex;     flex-wrap: wrap;}
	#sub-511 div#component2706 >div , #sub-511 div#component2442 >div {    width: 50%;}
	
	#sub-25 #dimodePage .dimode-sort{display:flex;}
	#sub-25 div#component1523,#sub-25 div#component5408{padding: 20px 0!important;}
	#sub-25  div#unit2390, #sub-25  div#unit7384{width:25%;}
	#sub-25 div#unit2569,#sub-25 div#unit3913{width:75%;     }
	#sub-25 div#unit2569 div,#sub-25 div#unit3913 div{font-size: 15px!important;   }
	
	#sub-15 div#component5852{padding: 10px 0!important;}
	#sub-15 div#unit3657{padding: 20px 0!important;}
	#sub-15  div#unit3657 > p{text-align:center;}
	#sub-15 div#unit5551 {    padding: 0 15px !important;}
	
	#sub-35 #component3298 .dimode-sort.row.ui-sortable, #sub-36 #component3298 .dimode-sort.row.ui-sortable,
	#sub-37 #component3298 .dimode-sort.row.ui-sortable, #sub-38 #component3298 .dimode-sort.row.ui-sortable,
	#sub-39 #component3298 .dimode-sort.row.ui-sortable, #sub-41 #component3298 .dimode-sort.row.ui-sortable,
	#sub-42 #component3298 .dimode-sort.row.ui-sortable{display:flex; flex-wrap:wrap;}
	#sub-35 #component3298 .dimode-sort.row.ui-sortable >div, #sub-36 #component3298 .dimode-sort.row.ui-sortable >div,
	#sub-37 #component3298 .dimode-sort.row.ui-sortable >div, #sub-38 #component3298 .dimode-sort.row.ui-sortable >div,
	#sub-39 #component3298 .dimode-sort.row.ui-sortable >div, #sub-41 #component3298 .dimode-sort.row.ui-sortable >div,
	#sub-42 #component3298 .dimode-sort.row.ui-sortable >div{width:50%; padding:5px; }
	#sub-35 div#component3298, #sub-36 div#component3298,#sub-37 div#component3298, #sub-38 div#component3298,
	#sub-39 div#component3298, #sub-41 div#component3298, #sub-42 div#component3298{padding: 0px 15px!important;}
	
	#sub-602 div.tab-pane .row >div, 
	#sub-602 div.tab-pane .row >div{    width: 50%; padding: 10px;    margin: 0 !important;}
	#sub-602 div.tab-pane .row ,
	#sub-602 div.tab-pane .row{    display: flex;    flex-wrap: wrap;}
	 
	
}
@media(max-width:468px){  

	/*寃뚯궗��*/
	#sub-484 .list-categories {    display: flex;    flex-wrap: wrap;    justify-content: center;         margin-bottom: 50px;}
	#sub-484 .list-categories >button, #sub-484 .list-categories >div  {    width: 33%;}
	#sub-484 .list-categories >div >button {    width: 100%; text-align:center;}
	#sub-607 div#dimodeBoard .board-theme.webzine .theme-list a.each-document span.date,
	#sub-607 div#dimodeBoard .board-theme.webzine .theme-list a.each-document span.writer	{display:none;}
	#sub-607  .board-theme.webzine .each-document .list-content .top .title{width:100%}
	

	#sub-599 div#unit8899 span , #sub-602 div#unit6163 span
	, #sub-603 div#unit8899 span , #sub-604 div#unit8114  span, #sub-605 div#unit2323 span{    font-size: 4.3vw!important;    margin: 0 5px 0 0 !important;}

	
	#content > div.container {    padding-top: 0px;}
	ul.sub-top-ul2.flex{display:none;}
		#sub-16 div#unit2325 {      margin: 0 15px !important; padding: 20px 15px !important;         text-align: center;}
#sub-16 div#unit2782 >div{padding: 0 15px !important;}


	#sub-17 ul#unit9523   {    flex-wrap: wrap;}  
	#sub-17 ul#unit9523 >li a {    font-size: 11px;  }
	#sub-17 div#component4213 {    margin: 0 15px!important;}
	
	
	
	
	
	#sub-17 td:nth-of-type(1) {    width: 24%;    word-break: keep-all;}
	#sub-17 td  {       font-size: 2.4vw;    padding: 2vw 1vw;}
	#sub-511  p {    text-align: center;}
	
	#sub-20 div#unit8554 {    overflow: scroll;}
	#sub-20 div#component3419 div {    font-size: 20px !important;}
	#sub-20 td {    font-size: 3vw;}
	
	#sub-35 #component3298 .dimode-sort.row.ui-sortable, #sub-36 #component3298 .dimode-sort.row.ui-sortable,
	#sub-37 #component3298 .dimode-sort.row.ui-sortable, #sub-38 #component3298 .dimode-sort.row.ui-sortable,
	#sub-39 #component3298 .dimode-sort.row.ui-sortable, #sub-41 #component3298 .dimode-sort.row.ui-sortable,
	#sub-42 #component3298 .dimode-sort.row.ui-sortable{flex-direction: column;}
	#sub-35 #component3298 .dimode-sort.row.ui-sortable >div, #sub-36 #component3298 .dimode-sort.row.ui-sortable >div,
	#sub-37 #component3298 .dimode-sort.row.ui-sortable >div, #sub-38 #component3298 .dimode-sort.row.ui-sortable >div,
	#sub-39 #component3298 .dimode-sort.row.ui-sortable >div, #sub-41 #component3298 .dimode-sort.row.ui-sortable >div,
	#sub-42 #component3298 .dimode-sort.row.ui-sortable >div{width:100%; padding:5px; } 
	
	#sub-602 div.tab-pane .row >div, 
	#sub-602 div.tab-pane .row >div{    width: 100%; padding: 10px;   text-align:center;  }
	#sub-602 div.tab-pane .row ,
	#sub-602 div.tab-pane .row{       flex-direction: column;}
	
	#sub-16 span{    font-size: 5vw;}
	.visible-468{display:block;}
	
	#sub-16  div#unit2782 span {font-size: 4vw!important;}
	#sub-16  div#unit2782 span strong{font-size: 6.3vw!important;}
	#sub-17 ul#unit9523 >li a {    padding: 10px 5px;  }
	#sub-511 div#unit3942 {   padding: 15px !important;}
	
	#sub-25 div#unit2569, #sub-25 div#unit3913 {     padding: 0px;}
	#sub-25 div#unit2569 div, #sub-25 div#unit3913 div {    font-size: 3.4vw !important;}
	
	#sub-15 #unit5551 >div {    font-size: 3.4vw!important;} 
}