﻿@media (min-width: 1500px) { #content > .container, #subgnb > .container { width: 1400px; } }


.document-readed_count{display:none;}
/*글자자르기*/
.dimode-theme  {word-break:keep-all;}

ul.timeline > li > span {
    display: block; width: 100%; 
    margin-bottom:5px;
}


.icircle{width:350px; padding:10px 0 30px ; border-radius: 0 0 50px 50px ;margin: 0 auto; color: #fff; font-size: 20px; }
.icircle1{background-color: #3877a0;}
.icircle2{background-color: #2b8b78;}
/*유트브*/
/*반응형
.detail-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
#dimodeYoutube {
  position: absolute;
  width: 100%;
  height: 100%;
}
*/


/*서브메뉴*/
.d3-subgnb-menu {
    display:inline-block;
}
.d3-menulist {
   
    display:inline-block; padding:15px 15px;
    float:left;
}
.d3-menulist a{
    font-size:22px!important;
	color:#8F8F8F!important;
	font-weight:bold;
}
.d3-subgnb-menu div.active a {
    color:#325481!important;
    padding-bottom:10px;
    border-bottom:2px solid #B4CEF1;
	font-weight:700;
}
.d3-menulist a:hover{
	  color:#325481!important;
}
.history-tab{display: inline-flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;width:100%;}
.history-tab li{text-align: center;display: inline-block;width: calc(100%/14);}
.history-tab li a{font-family: Noto Sans KR;color: #333333;font-size: 18px;padding: 10px;display: inline-block;text-decoration:none;}
.history-tab li:hover a{color: #3498db;transition:0.3s all ease;}

#component1802{background-repeat: no-repeat!important;background-position: center!important;background-size: cover!important;}
.sub17 #component7678 .row{display:grid;grid-template-columns: 1fr 1fr 1fr;gap:30px;}
.sub17 #component7678 .row:before,
.sub17 #component7678 .row:after{display:none!important;}
.sub17 #component7678 #component7467{grid-column: span 3;}
#component7678 #component3073{width:100%!important;margin:0!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;border-radius: 25px;margin:0!important;}
.sub17 #component1049{display:grid;grid-template-columns: 1fr 1fr 1fr;gap:30px;}
.sub17 #component1049:before,
.sub17 #component1049:after{display:none!important;}
.sub17 #component1049 #component3073{width:100%!important;margin:0!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;border-radius: 25px;margin:0!important;}
.sub25 #component1050{margin: 0px auto 50px!important;}
.sub27 #component7679 .row {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 30px;}
.sub27 #component7679 .row:before,
.sub27 #component7679 .row:after{display:none!important;}
.sub27 #component7679 #component7467{grid-column: span 4;}
.sub27 #component7679 #component3073{width:100%!important;}
@media (max-width:1699px) {
    #component6237{width:100%!important;}
    #component2885{width:100%!important;margin-right:0!important;margin-left:0!important;}
}
@media (max-width:1499px) {
	#component2885{display: flex;flex-direction: column-reverse;}
	#component2885 #component7994{width:100%!important;}
	#component2885 #component2885{width:100%!important;}
	#component3413 #component7994 #unit1351 > div{padding:30px!important;text-align: center;}
	#component3413 #component7994 #unit1351 .col-sm-4{width:100%!important;margin-bottom:20px;}
	#component3413 #component7994 #unit1351 .col-sm-8{width:100%!important;}
	#component2886{margin: 20px auto 70px!important;}
	.sub23 #component1049{display:flex;flex-direction: column;gap:25px;}
	.sub23 #component1049 #component2029{order:2;width:100%!important;}
	.sub23 #component1049 #component3073{order:1;width:100%!important;text-align: center;}
	.sub23 #component1050{display:flex;flex-direction: column;gap:25px;}
	.sub23 #component1050 #component2029{order:2;width:100%!important;}
	.sub23 #component1050 #component3073{order:1;width:100%!important;text-align: center;}
	#component1802 > .row{margin:0!important;}
	.sub23 #component7678 #component2447 #unit2565 > div,
	.sub23 #component7678 #component1425 #unit4608 > div,
	.sub24 #component7678 #component1425 #unit4608 > div{padding:20px!important;display:inline-block;width: 100%;}
	.sub23 #component7678 #component2447 #unit2565 > div > div:nth-child(3),
	.sub23 #component7678 #component1425 #unit4608 > div > div:nth-child(3),
	.sub24 #component7678 #component1425 #unit4608 > div > div:nth-child(3),
	.sub24 #component7678 #component2447 #unit2565 > div > div:nth-child(3){width:100%!important;margin-bottom:20px!important;}
	.sub24 #component1049{display:flex;gap:20px;flex-direction: column;}
	.sub24 #component1049 #component2029{order:2;width:100%!important;}
	.sub24 #component1049 #component3073{order:1;width:100%!important;text-align:center;}
	.sub26 #component7678 .row{display:grid;grid-template-columns: 1fr;gap:20px;}
	.sub26 #component7678 .row:before,
	.sub26 #component7678 .row:after{display:none!important;}
	.sub26 #component7678 .row #component1425,
	.sub26 #component7678 .row #component2447{width:100%!important;}
	.sub26 #component1051{display:grid;grid-template-columns: 1fr 1fr;gap:20px;}
	.sub26 #component1051:before,
	.sub26 #component1051:after{display:none!important;}
	.sub26 #component1051 #component2029{width:100%!important;}
	#component3579 #component3327 #unit5252 .row{display:grid;grid-template-columns: 1fr 1fr;gap:20px;}
	#component3579 #component3327 #unit5252 .row:before,
	#component3579 #component3327 #unit5252 .row:after{display:none!important;}
	#component3579 #component3327 #unit5252 .row .col-sm-6{width:100%!important;margin:0!important;}
	.sub28 #component7679 .row {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 30px;}
	.sub28 #component7679 .row:before,
	.sub28 #component7679 .row:after{display:none!important;}
	.sub28 #component7679 #component7467{grid-column: span 4;}
	.sub28 #component7679 #component3073{width:100%!important;}
	.sub39 #component3577{display: grid;}
	.sub39 #component3577 #component1425{order:2;width:100%;}
	.sub39 #component3577 #unit4452{order:1;width:100%;}
}
@media (max-width:1199px) {
	#component6774 .row .col-sm-6{width:100%!important;}
	#component6774 .row .col-sm-6:nth-child(1){margin-bottom:20px;text-align:center;}
	.sub16 #component1049{display:flex;flex-direction: column;}
	.sub16 #component1049 #component2029{order:2;width:100%;}
	.sub16 #component1049 #component3073{order:1;width:100%;text-align:center;margin-bottom:20px!important;}
	#component7678{display:flex;flex-direction: column;}
	.sub16 #component7678 #component2447{order:2;width:100%;padding:0 0 50px!important;}
	.sub16 #component7678 #component1425{order:1;width:100%;text-align:center;margin-bottom:20px!important;}
	.sub16 #component7678 #component1425 #unit4608 img{width:60%!important;}
	#component1049 #component3073,
	#component7678 #component3073{padding: 30px 15px 0px 20px!important;}
	.sub23 #component7678 #component1425{padding:0!important;text-align:left;}
	#component4339 #component3327 #unit5252 > .row{display:grid;grid-template-columns: 1fr 1fr;gap:20px;}
	#component4339 #component3327 #unit5252 > .row:before,
	#component4339 #component3327 #unit5252 > .row:after{display:none!important;}
	#component4339 #component3327 #unit5252 > .row .col-sm-6{width:100%!important;margin:0!important;}
	.sub25 #component1050 #component1425 #unit4608 > div{padding:25px!important;}
	.sub26 #component1049{display:grid;grid-template-columns: 1fr;gap:20px;}
	.sub26 #component1049:before,
	.sub26 #component1049:after{display:none!important;}
	.sub26 #component1049 #component1425{width:100%!important;}
	.sub27 #component7679 .row {grid-template-columns: 1fr 1fr 1fr;}
	.sub27 #component7679 #component7467{grid-column: span 3;}
	#component9753{display:grid;grid-template-columns: 1fr 1fr;gap:20px;}
	#component9753:before,
	#component9753:after{display:none!important;}
	#component9753 #component3816{width:100%!important;padding:0!important;}
	#component9753 #component3816 #unit3365{display:grid;gap:20px;}
	#component9753 #component3816 #unit3365 #unit3366{order:2;margin:0!important;}
	#component9753 #component3816 #unit3365 #unit3367{order:1;margin:0!important;}
	.sub27 #component7678 .row{display: grid;grid-template-columns: 1fr;gap: 20px;}
	.sub27 #component7678 .row:before,
	.sub27 #component7678 .row:after{display:none!important;}
	.sub27 #component7678 .row #component1425{width:100%!important;margin:0!important;}
	.sub27 #component7678 .row #component1425 #unit4608 > div{height:inherit!important;}
	.sub28 #component7679 .row {grid-template-columns: 1fr 1fr 1fr;}
	.sub28 #component7679 #component7467{grid-column: span 3;}
	.sub28 #component7679 #component3073{margin:0!important;}
	#component9762{display: flex;align-items: center;flex-direction: column;gap:20px;}
	#component9762:before,
	#component9762:after{display:none!important;}
	#component9762 #component3816{width:100%!important;order:1;}
	#component9762 #component4595{margin:0!important;width:100%!important;order:2;}
	.sub29 iframe{aspect-ratio: 16 / 9;width:100%;}
	.sub38 #component3577 #component1425 #unit4608 > div{padding:20px!important;}
}
@media (max-width:992px) {
	#component1802{padding: 70px 0px!important;height:inherit!important;}
	#component3413 #component7994 #unit1351 > div{padding:5px!important;}
	.sub17 #component1049 {grid-template-columns: 1fr 1fr;}
	.sub17 #component7678 #component7467{grid-column: span 1;}
	.sub23 #component7678 #component7467{grid-column: span 2;}
	.sub17 #component7678 .row {grid-template-columns: 1fr 1fr;}
	.sub24 #component7678 .row {display:grid;grid-template-columns: 1fr;gap:20px;}
	.sub24 #component7678 .row:before,
	.sub24 #component7678 .row:after{display:none!important;}
	.sub24 #component7678 .row #component1425{width:100%!important;}
	.sub25 #component1049{display:grid;grid-template-columns: 1fr;gap:20px;}
	.sub25 #component1049 #component2029{order:2;margin:0!important;width:100%!important
	;}
	.sub25 #component1049 #component3073{order:1;padding:0!important;width:100%!important;text-align:center;}
	#component4339 #component3327 #unit5252 > .row .col-sm-6{padding:20px!important;display: flex;flex-direction: column;}
	#component4339 #component3327 #unit5252 > .row .col-sm-6 .col-sm-5,
	#component4339 #component3327 #unit5252 > .row .col-sm-6 .col-sm-7{width:100%!important;text-align:center;}
	.sub26 #component1050{display:grid;grid-template-columns: 1fr;gap:20px;}
	.sub26 #component1050 #component2029{order:2;margin:0!important;width:100%!important
	;}
	.sub26 #component1050 #component3073{order:1;padding:0!important;width:100%!important;text-align:center;}
	.sub26 #component1051 #component2029{padding:50px!important;height:inherit!important;}
	.sub27 #component7679 .row{grid-template-columns: 1fr 1fr;}
	.sub27 #component7679 #component7467{grid-column: span 2;}
	.sub27 #component7679 #component3073{background-size:cover;}
	#component3579 #component3327 #unit5252 .row .col-sm-6{padding:25px!important;}
	#component3579 #component3327 #unit5252 .row .col-sm-6 .col-sm-5,
	#component3579 #component3327 #unit5252 .row .col-sm-6 .col-sm-7{width:100%!important;text-align:center;}
	#component9753 #component3816 #unit3365 #unit3367{text-align:center;}
	.sub27 #component7678 .row{display:grid;grid-template-columns: 1fr;gap:20px;}
	.sub28 #component7678 .row:before,
	.sub28 #component7678 .row:after{display:none!important;}
	.sub28 #component7678 .row #component1425{width:100%!important;margin:0!important;}
	.sub28 #component7678 .row #component1425 #unit4608 > div{height:inherit!important;}
	#component6710 #component9854 #unit6427 .row{display: flex;align-items: center;flex-direction: column;gap:20px;}
	#component6710 #component9854 #unit6427 .row:before,
	#component6710 #component9854 #unit6427 .row:after{display:none!important;}
	#component6710 #component9854 #unit6427 .row .col-sm-6{width:100%!important;}
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(8) .row{display:flex;flex-direction: column;gap:10px;}
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(8) .row:before,
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(8) .row:after{display:none!important;}
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(8) .col-sm-6{width:100%!important;}
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(10) .row{display:flex;flex-direction: column;gap:20px;}
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(10) .row:before,
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(10) .row:after{display:none!important;}
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(10) .col-sm-4{width:100%!important;}
	.sub38 #component3577{display: grid;grid-template-columns: 1fr;gap: 20px;}
	.sub38 #component3577:before,
	.sub38 #component3577:after{display:none!important;}
	.sub38 #component3577 #component1425,
	.sub38 #component3577 #component3327{width:100%!important;}
	
}
@media (max-width:767px) {
	.row{margin:0!important;}
    .font-xl {font-size: 1.1rem!important;}
    .font-2xl {font-size: 1.25rem!important;}
    .font-3xl {font-size: 1.5rem!important;}
    .font-4xl {font-size: 1.7rem!important;}
    .font-7xl {font-size: 2.4rem!important;}
    .font-8xl {font-size: 2.4rem!important;}
	#component1802 > div{padding:15px!important;}
	#component1802 #component3504 > div > div{margin-top:20px!important;}
	#component3413{padding: 25px 0px!important;}
	#component3413 #component7994{margin: 0 0 20px!important;}
	#component6237 #component6388{margin:25px 0 0!important;}
	#component3577{margin: 20px auto!important;}
	#component3577 #component3327 #unit5252 > div{margin-top: 20px!important;display: flex;flex-direction: column;gap: 20px;}
	#component3577 #component3327 #unit5252 div a div{margin:0!important;padding:15px!important;width:70%!important;}
	.sub16 #component1049 #component2029 #unit7962 .row{display:flex;}
	.sub16 #component1049 #component2029 #unit7962 .row .col-sm-4{width:33%!important;}
	#component7678 #component2447 #unit2565 > p{margin:10px 15px!important;}
	#component7678 #component2447 #unit2565 .row{display:flex;}
	#component7678 #component2447 #unit2565 .row .col-sm-6{width:50%!important;}
	.sub17 #component1049 {grid-template-columns: 1fr;}
	#component7678 #component7467{grid-column: span 1;margin:0!important;}
	.sub17 #component7678{padding: 20px 0px!important;}
	.sub17 #component7678 .row {grid-template-columns: 1fr;margin:0 15px!important;}
	.sub17 #component1049 #component3073, #component7678 #component3073{height:355px!important;}
	.sub17 #component3577{margin:20px 0 15px!important;}
	#component3577 #component3327 #unit5252 hr{margin:5px 0 10px!important;}
	#component7678 #component7467 #unit8097 hr{margin:5px 0 10px!important;}
	.sub23 #component1049 #component3073{height:inherit!important;padding:0!important;}
	.sub23 #component7678 #component1425{padding: 0 15px!important;}
	.sub23 #component1049 #component2029 #unit7962 > .row{margin:20px 0!important;}
	.sub23 #component1049 #component2029 #unit7962 > p{margin:0 15px!important;}
	.sub23 #component7678 #component1425 #unit4608 > div{padding:20px!important;display:inline-block;margin:0 0 20px!important;}
	.sub23 #component7678 #component2447 #unit2565 > div{padding:20px!important;display:inline-block;}
	.sub23 #component1050 #component3073,
	.sub23 #component1050 #component2029{padding:50px 15px!important;height:inherit!important;background-size: contain;}
	#component4339 #component3327 #unit5252 > .row{grid-template-columns: 1fr;}
	.sub25 #component7678 .row{display:flex;gap:20px;flex-direction: column;}
	.sub25 #component7678 .row:before,
	.sub25 #component7678 .row:after{display:none!important;}
	.sub25 #component7678 .row #unit4608 > div,
	.sub25 #component7678 .row #unit2565 > div{padding:20px!important;}
	#component4339{padding:20px 15px!important;}
	#component7673 #component3928 #unit9767{padding: 0 15px!important;}
	.sub26 #component1051{grid-template-columns: 1fr;}
	.sub26 #component1051 #component2029 {padding: 30px !important;}
	#component1169 #unit1826{padding:0!important;}
	.sub27 #component7679 .row{grid-template-columns: 1fr;margin: 0 15px!important;}
	.sub27 #component7679 #component7467{grid-column: span 1;}
	.sub27 #component7679 #component3073{background-size: contain;}
	#component9753 {grid-template-columns: 1fr;}
	.sub27 #component7678 .row #component1425 #unit4608 > div,
	.sub28 #component7678 .row #component1425 #unit4608 > div{padding:20px!important;}
	#component3580{margin: 20px auto 20px!important;}
	#component3579 #component3327 #unit5252 .row {grid-template-columns: 1fr;}
	.sub28 #component7679 .row {grid-template-columns: 1fr;}
	.sub28 #component7679 #component7467{grid-column: span 1;}
	#component6710 #component9854 #unit6427 .row .col-sm-6{padding:0!important;}
	#component6710 #component9854 #unit6427 .row .col-sm-6 > div:nth-child(1){width:100%!important;text-align:center;margin:0 0 20px!important;}
	.sub29 iframe{height:inherit!important;}
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(even){padding:20px!important;}
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(6) .row{display:flex;gap:20px;flex-direction: column;}
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(6) .row .col-sm-2{width:100%!important;}
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(6) .row:before,
	.sub29 #component7678 #component1425 #unit4608 > div:nth-child(6) .row:after{display:none!important;}
	#nurtureS2 #component3327 #unit5252 > div:nth-child(4),
	#nurtureS4 #component3327 #unit5252 > div:nth-child(4){padding:20px!important;}
	.sub38 #component3577 #component3327 #unit5252 > div{margin:0!important;display:grid!important;grid-template-columns: 1fr 1fr;}
	.sub38 #component3577 #component3327 #unit5252 > div > p:nth-child(even){display:none;}
	#component1802 {padding: 20px 0px !important;}
	#component1802 #component3504 #unit1936 .font-7xl{font-size:24px!important;}
	#component1802 #component3504 #unit1936 .font-2xl{font-size:17px!important;}
	.sub27 #component7678 .row #component1425 #unit4608 > div .col-sm-5{text-align:center!important;}
	.sub39 #component1802 {background-position: 65% 100%!important;}
	#component3577 #unit4452 .map-content{height:300px!important;}
	.sub39 #component3577 #component3327{width:100%!important;}
	.sub39 #component3577 #component1425 #unit4608{padding: 20px 0px 0px!important;display: grid;gap: 20px;}
	.sub39 #component3577 #component1425 #unit4608 .col-sm-4 img{max-width:30px!important;}
	.sub39 #component3577 #component1425 #unit4608 .col-sm-8{margin-top: 15px!important;}
	.sub39 #component7678{padding: 30px 0px!important;}
	.sub39 #component7678 #component3327 #unit5252 hr{margin-bottom: 20px!important;}
	.sub39 #component9762 #component3327{width:100%!important;margin: 0 0 30px!important;}
	.sub39 #component9762 #component3327 #unit5252 > div{padding:15px!important;}
} 
@media (max-width:320px) {
}






/*********************kjl추가*************************/

@media (max-width:767px) { 
   .page-content { font-size:15px; word-break:keep-all; }
}
