@font-face {
    font-family: 'KyoboHandwriting2020A';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.location{ color:#777;margin-bottom:50px;}
.location .xi-angle-right-min{ padding:0 10px;}


.subTitleSubject{ margin:100px 0 20px 0;}
.sub-area{ position:relative; margin:0 10%;}


.category{ position:absolute; bottom:0; left:0; background:#fff; width:100%; text-align:center;  }
.category ul{border-bottom:1px #ddd solid; margin:0 10%;}
.category li{ position:relative; display:inline-block; }
.category li:last-child{ margin-right:0; padding-right:0;}
.category li:before{ content:''; position:absolute; right:0; top:32px; border-right:1px #ccc solid; width:1px; height:20px; opacity:0.3;}
.category li:last-child:before{ display:none;}
.category a{ color:#777; display:block;padding:30px 40px; font-size:23px; }
.category .selected2 a{ position:relative; color:#36C; font-weight:600;}
.category .selected2 a:before{ content:''; position:absolute; left:0; bottom:0;background:#36C; width:100%; height:3px; }





.sub_top_box{ height:770px; background-size:cover; background-position:100% 100%; text-align:center; }
.sub_top_box .inner{ height:100%;}

.sub_vTxt{ color:#fff; padding-top:300px;}

.subContent{ margin-top:100px; word-break:keep-all;  color:#555;}
.subContent h1{ font-size:35px; font-weight:500; color:#222; margin-bottom:20px;}


.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:600px !important;}

.p00001 .s01 p{ font-size:30px; margin-bottom:100px; }
.p00001 .s01 p span{ color:#06C; font-weight:700;}
.p00001 .s02{ background:#eaeef2; padding:150px 0;}
.p00001 ul{ gap:0 100px;}
.p00001 li:nth-child(1){ width:55%;}
.p00001 li:nth-child(1) img{ width:100%;}
.p00001 li:nth-child(2){ width:calc((100% - 55%) - 100px);}
.p00001 dl{ border-bottom:1px #ddd solid; padding-bottom:20px; margin-bottom:20px;}
.p00001 dl:last-child{margin-bottom:0px;}
.p00001 dt{ flex-basis: 28%; color:#111}


.p00002{}
.p00002 .s01{ position:relative; background:url(../img/sub/01/00002-01.jpg) no-repeat 50% 0%; background-size:cover; height:700px; margin-bottom:100px;} 
.p00002 .s01 h2{ position:absolute; bottom:100px; left:100px; color:#fff; font-size:37px; line-height:50px;}
.p00002 .s02{ font-size:25px; line-height:35px; border-bottom:1px #ddd solid; padding-bottom:20px; margin-bottom:30px;}
.p00002 .s02 p+p{ margin-top:20px;}
.p00002 .s03 span{font-family: 'KyoboHandwriting2020A'; font-size:37px; margin-left:20px;}


.p00003 .s01 p{ font-size:57px; font-weight:700; margin-bottom:50px; color:#111;}
.p00003 .s02{ background:#f6f6f6; }
.p00003 .s02 dt{flex-basis: 37%; padding-top:150px;}
.p00003 .s02 dt h2{ position:relative; font-size:150px; font-weight:900; z-index:3;}
.p00003 .s02 dt h2:after{ content:'since'; position:absolute; bottom:-50px; left:100px; font-size:130px; font-weight:900; color:#ddd; z-index:-1;}
.p00003 .s02 dt h3{ margin-top:100px; letter-spacing:0; font-size:30px;}
.p00003 .s02 dt p{ font-size:32px; margin-top:30px;}
.p00003 .s02 dd{ background:#fff;padding:150px 100px; }
.p00003 .s02 dd ul{gap:0 100px;}
.p00003 .s02 dd ul:nth-child(1){ padding-bottom:50px;}
.p00003 .s02 dd ul+ul{border-top: 1px dashed #cccccc; padding-top:50px; margin-top:50px;}
.p00003 .s02 dd ul li:nth-child(1){ font-size:47px; color:#06C; font-weight:700}
.p00003 .s02 dd ul li:nth-child(2) p{ position:relative; padding-left:50px; line-height:30px; font-size:25px;}
.p00003 .s02 dd ul li:nth-child(2) p+p{ margin-top:15px;}
.p00003 .s02 dd ul li:nth-child(2) p span{ position:absolute; top:0; left:0; font-weight:700; width:30px; text-align:center;}


.p00004{ text-align:center;}
.p00004 .s01, .p00004 .s02{ margin:0 100px;}
.p00004 .s01{ position:relative; padding-bottom:50px;}
.p00004 .s01:after{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%); width:1px; height:100%; border-left:1px #ddd solid; z-index:-1;}
.p00004 .s01 p:nth-child(1) span, .p00004 .s01 p:nth-child(2) span{ position:relative; display:inline-block; padding:30px 0; width:370px; border-radius:10px; color:#fff;}
.p00004 .s01 p+p{ padding-top:50px;}
.p00004 .s01 p:nth-child(1) span{ background:#003471; font-size:27px;}
.p00004 .s01 p:nth-child(2) span{ background:#00a651}
.p00004 .s02 ul{ position:relative;gap:0 50px;}
.p00004 .s02 ul:after{ content:''; position:absolute; top:0; left:50%; transform: translateX(-50%);width:1160px; height:1px; border-top:1px #ddd solid; z-index:-1;}
.p00004 .s02 ul li{ position:relative; width:calc((100% / 5) - 40px); padding-top:50px; }
.p00004 .s02 ul li .tit{ background:#06C; color:#fff; padding:25px 0; border-radius:20px;margin-bottom:30px;}
.p00004 .s02 ul li:after{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%); width:1px; height:100px; border-left:1px #ddd solid; z-index:-1;}
.p00004 .s02 ul li div{ border-radius:17px; border:1px #ddd solid; overflow:hidden; background:#fff;}
.p00004 .s02 ul li div + div{ margin-top:30px;}
.p00004 .s02 ul li div span{ display:block; padding:15px 0; color:#fff;}
.p00004 .s02 ul li div p{ padding:15px; line-height:40px;}
.p00004 .s02 ul li .span1{ background:#4A5677}
.p00004 .s02 ul li .span2{ background:#EDEEF0; color:#4A5677}
.p00004  h2{ font-size:40px; letter-spacing:-2px; margin-bottom:50px; color:#00;}

.p00005 .s01{ padding:150px 200px; margin:0 100px; border:1px #ddd solid;box-shadow: 0 10px 40px rgb(0 0 0 / 10%); text-align:center;}
.p00005 .s01 h2{ margin-bottom:30px;}
.p00005 .s01 img{ width:100%;}
.p00005 .s02{text-align:center; margin-top:100px;} 
.p00005 .s02 h2{ margin-bottom:30px;}
.p00005 .s02 ul{gap:0 30px; }
.p00005 .s02 li{ width:calc((100% / 7) - 28px); border:1px #ddd solid; padding:25px 0; font-size:25px;}

.p00006 .s01{ margin-bottom:70px;}
.p00006 .s02 { position:relative;}
.p00006 .s02 h2{ font-size:40px; font-weight:700; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
.p00006 .s02 .area{ display: flex; font-weight:600; font-size:25px;}
.p00006 .s02 .area p+p{ margin-left:50px;}
.p00006 .s02 .area p span{ color:#777; padding-right:15px;}
.p00006 .s03{ position:absolute; right:0; top:0; display:flex;}
.p00006 .s03 a{ display:flex;align-items: center;justify-content: center; width:170px; height:170px; border:1px dashed #a7a7a7; background:#fff; border-radius:50%; text-align:center;transition: all 0.3s; cursor:pointer;}
.p00006 .s03 a+a{ margin-left:20px;}
.p00006 .s03 a .icon{ font-size:30px;}
.p00006 .s03 a span{ display:block; margin:5px 0;}
.p00006 .s03 a .arrow{ color:#999;}
.p00006 .s03 a:hover{ background:#06C; color:#fff;}
.p00006 .s03 a:hover .arrow{ color:#fff; opacity:0.5;}

.p00007 dl{ padding-top:50px;}
.p00007 dl+dl{ margin-top:100px;}
.p00007 dt{flex-basis:28%; font-size:37px; font-weight:600; margin-right:50px;border-top:1px solid #06C; color:#06C}

.p00007 dt, .p00007 dd{ padding-top:50px;}
.p00007 dd{ border-top:1px #ddd solid; }
.p00007 dl:nth-child(1) li{ color:#fff; text-align:center; padding:30px 0; border-radius:50px; font-size:32px;}
.p00007 dl:nth-child(1) li+li{ margin-top:20px;}
.p00007 dl:nth-child(1) li:nth-child(1){ background:#143c56;}
.p00007 dl:nth-child(1) li:nth-child(2){ background:#00c88c;}
.p00007 dl:nth-child(2) dd{ font-size:25px;}
.p00007 dl:nth-child(2) ul{ margin-top:30px; background:#eaeef2; padding:30px; line-height:33px;}
.p00007 dl:nth-child(2) ul+p{ margin-top:30px;}
.p00007 dl:nth-child(3) h2{ text-align:center; margin-bottom:20px; font-size:40px;}
.p00007 dl:nth-child(3) div{ border:1px #ddd solid; padding:50px 0; text-align:center;} 
.p00007 dl:nth-child(3) p img{ width:50%;}
.p00007 dl:nth-child(3) span{ display:inline-block; margin:20px 20px 0 20px; font-size:27px;}

.p00008 dl{ border-top:1px #555 solid; padding-top:70px;}
.p00008 dl+dl{ margin-top:70px;}
.p00008 dt{flex-basis:25%;color:#06C;font-size:37px; font-weight:600;}
.p00008 .s01 ul{gap:30px 70px;}
.p00008 .s01 ul li{ border:1px #ddd solid; width:calc((100% / 3) - 49px); text-align:center;}
.p00008 .s01 ul li img{ padding:30px 0;}
.p00008 p{ background:#efefef; padding:15px 0; letter-spacing:0;}
.p00008 .s02 ul{gap:50px;}
.p00008 .s02 ul li{ border:1px #ddd solid; width:calc((100% / 4) - 40px); text-align:center;}
.p00008 .s02 ul li img{ height:320px; padding:15px 0;}
.p00008 .s02 ul li p{ background:#efefef; padding:15px 0; letter-spacing:0;}

.p00010 ul{gap:0 50px;}
.p00010 ul li{border:1px #ddd solid; width:calc((100% / 4) - 40px); text-align:center;}
.p00010 ul li img{ padding:50px 0;}
.p00010 ul li p{ background:#efefef; padding:15px 0; letter-spacing:0;}
.p00010 .s02{ margin-top:100px;}
.p00010 table{ width:100%; border-top:2px #222 solid;}
.p00010 table th, .p00010 table td{ border-bottom:1px #ddd solid; padding:20px 0; text-align:center}
.p00010 table th{ background:#eaeef2}
@media all and (max-width : 1920px){
	
	.sub_top_box{ height:570px;}
	
	.sub_vTxt{ padding-top:210px;}
	
	.sub-content-nav{ background-size:auto 270px;}
	.sub-content-nav h2{  font-size:47px;}
	.category{ margin-top:30px;}
	.category a{padding:25px 30px; font-size:19px;}
	.category li::before{ height:15px; top:27px;}
	.sub_v{ top:42px;right:50px; width:270px; height:171px; }

	
	.subContent{ margin-top:70px; }
	.subContent h1{ font-size:25px;}
	
	
	.p00001 .s01 p{ font-size:25px;}
	.p00001 .s02{ padding:120px 0;}
	
	.p00002 .s01{ height:600px; margin-bottom:70px;}
	.p00002 .s01 h2{font-size:30px; line-height:40px;}
	.p00002 .s02{ font-size:20px; line-height:30px;}
	
	.p00004  h2{ font-size:35px;}
	.p00004 .s01 p:nth-child(1) span{font-size:23px;}
	.p00004 .s02 ul:after{width:905px;}
	.p00004 .s02 ul li div p{line-height:35px;}
	
	
	.p00003 .s01 p{ font-size:47px;}
	.p00003 .s02 dd ul li:nth-child(2) p{ font-size:20px;}
	.p00003 .s02 dt p{ font-size:27px;}
	.p00003 .s02 dd ul li:nth-child(1){ font-size:27px;}
	
	.p00005 .s01{ padding:100px 150px;}
	.p00005 .s02 li{ font-size:20px;}
	
	.p00006 .s02 h2{ font-size:35px;}
	.p00006 .s02 .area{font-size:20px;}
	.p00006 .s03 a{width:150px; height:150px;}
	
	.root_daum_roughmap .wrap_map{height:570px !important;}
	
	.p00007 dt{font-size:30px;}
	
	.p00007 dl:nth-child(1) li{font-size:25px;}
	.p00007 dl:nth-child(2) dd{ font-size:20px;}
	.p00007 dl:nth-child(2) ul{ line-height:27px;}
	.p00007 dl:nth-child(3) h2{font-size:35px;}
	.p00007 dl:nth-child(3) span{ font-size:23px;}
	
	.p00008 dt{ font-size:30px;}
	.p00008 .s02 ul li img{ height:250px;}
}

@media all and (max-width : 1280px){
	
	.category{ display:none;}
	
	.sub_top_box{ height:450px;}
	.sub_vTxt{ padding-top:190px;}
	.sub_vTxt .fs70{ font-size:45px;}


	.p00001 .s01, .p00002, .p00008{ margin:0 10px;}
	.p00001 .s01 p{ margin-bottom:70px;}
	.p00001 .s02{ padding:70px 10px;}
	.p00001 ul {gap: 0 50px;}
	.p00001 li:nth-child(2) {width: calc((100% - 55%) - 50px);}
	
	.p00002 .s01{ height:500px;}
	
	.p00003 .s01 p{ font-size:47px;}
	.p00003 .s02{ padding:0 10px;}
	.p00003 .s02 dd ul{ display:block;}
	.p00003 .s02 dd ul li+li{ margin-top:20px;}
	.p00003 .s02 dd ul li:nth-child(2) p + p {margin-top:5px;}
	
	
	.p00004 .s01, .p00004 .s02{ margin:0 10px;}
	.p00004 .s02 ul{gap:0 30px;}
	.p00004 .s02 ul li {width: calc((100% / 5) - 24px);}
	
	.p00004 .s02 ul:after{width: calc((100% / 5) + 62%);}
	
	
	.p00005 .s01 {padding:70px 50px;margin: 0 10px;}
	.p00005 .s02{margin:50px 10px 0 10px;}
	
	.p00006{ margin:0 10px;}
	
	.root_daum_roughmap .wrap_map{height:470px !important;}
	
	.p00008 .s01 ul {gap: 30px 30px;}
	.p00008 .s01 ul li {width: calc((100% / 3) - 22px);}
	.p00008 .s02 ul { gap: 30px;}
	.p00008 .s02 ul li {width: calc((100% / 4) - 25px);}
	.p00008 .s02 ul li img { height:auto; width:100%; padding:0;}


	.p00010, .p00007{ margin:0 10px;}
	
	.p00010 ul{gap:0 20px;} 
	.p00010 ul li{width: calc((100% / 4) - 17px);}
	
	
	
	

}
@media all and (max-width : 1152px){
	.p00003 .s01 p{ font-size:37px;}
	.p00003 .s02 dt {flex-basis: 45%;}
	.p00003 .s02 dd {padding: 70px;}
	
	
	.p00010 ul li img{ width:calc(100% - 40px); padding:20px;}
	
	
	
	
}

@media all and (max-width : 960px){
	.p00003 .s02{ padding-bottom:10px;}
	.p00003 .s02 dl{ display:block;}
	.p00003 .s02 dt h3{ margin-top:50px;}
	.p00003 .s02 dt h3 br, .p00003 .s02 dt p br{ display:none;}
	.p00003 .s02 dt p{ margin-bottom:30px; margin-top:10px; font-size:20px;}
	.p00003 .s02 dd{ margin-bottom:10px;}	
	.p00003 .s02 dd ul li:nth-child(2) p{ font-size:17px;}
	
	.p00005 .s02 ul {gap: 0 10px;}
	.p00005 .s02 li {width: calc((100% / 7) - 11px);}
	
	.p00008 dl{ display:block;}
	.p00008 dl dt{ margin-bottom:20px;}
	
	
	.p00006 .s03{ position:relative; margin-top:30px;}
	.p00006 .s03 a{ position:relative;border-radius:10px; width:calc((100% / 2) - 10px); justify-content: flex-start; height: 100px;}
	.p00006 .s03 a p{ display:flex;align-items: center; padding-left:20px;}
	.p00006 .s03 a .icon{ margin-right:10px;}
	.p00006 .s03 a .arrow{ position:absolute; top:50%; right:20px;  transform: translateY(-50%);}
	
	

	

}

@media all and (max-width : 800px){
	.p00001 ul{ display:block;}
	.p00001 li:nth-child(1), .p00001 li:nth-child(2){ width:100%;}
	.p00001 li:nth-child(2){ margin-top:30px;}
	
	.p00002 .s01{ height:400px;}
	.p00002 .s01 h2{ font-size:25px; line-height:30px; bottom:50px; left:50px;}
	
	.p00004 .s01{ padding-bottom:0px;}
	.p00004 .s02 ul{ display:block;}
	.p00004 .s02 ul::after{ display:none;}
	.p00004 .s02 ul li{ width:100%; padding-top:25px;}
	
	.p00006 .s02 h2{ font-size:30px;}
	.p00006 .s02 .area p+p { margin-left:30px;}
	
	.p00007 dl{ display:block;}
	.p00007 dt{ margin-right:0; text-align:center;}
	.p00007 dd {border-top:none;}
	.p00007 dl + dl {margin-top:50px;}
	.p00007 dl:nth-child(2) dd p br{ display:none;}
	
	
	.p00008 .s01 ul li img{ width:90%;}
	.p00008 .s02 ul { gap:30px 10px;}
	.p00008 .s02 ul li {width: calc((100% / 3) - 9px);}
	
	
	
	
	
	
	
}

@media all and (max-width : 768px){
	.cscroll_768 {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:100%; margin-bottom:10px;}
	.cscroll_768 table { width:800px;}
	
	.p00005 .s02 ul{gap:10px;}
	  .p00005 .s02 li {width: calc((100% / 4) - 10px);}
	
	
}



@media all and (max-width : 640px){
	
	.sub_top_box{ height:400px; background-position:70% 50%;}
	
	.sub_vTxt{ padding-top:140px;}
	.sub_vTxt .fs70{ font-size:37px;}
	.sub_vTxt .fs30{ padding:0 15px;}
	.sub_vTxt .fs30 br{ display:none;}
	
	
	.p00001 .s01 p br{ display:none;}
	.p00001 .s01 p{ margin-bottom:30px;}
	
	.p00003 .s01 p{ font-size:27px;}
	.p00003 .s02 dt{ padding-top:70px;}
	.p00003 .s02 dt h2{ display:none;}
	.p00003 .s02 dt h3{ margin-top:0;}
	.p00003 .s02 dd{ padding:30px;}
	
	.p00005 .s01 {padding: 30px 15px;}
	
	.p00008 .s01 ul {gap:20px 10px;}
	.p00008 .s01 ul li {width: calc((100% / 2) - 7px);}
	
	.p00010 ul{gap:10px;}
	.p00010 ul li {width: calc((100% / 2) - 7px);}
	
	.p00010 .s02 {margin-top:50px;}

}

@media all and (max-width : 480px){
	
	.sub_vTxt{ padding-top:150px;}

	.root_daum_roughmap .wrap_map{height:300px !important;}
	
	
	.p00001 .s01 p{ font-size:20px;}
	.p00002 .s02 br{ display:none;}
	
	.p00003 .s02{ margin-bottom:70px; padding-bottom:5px;}
	.p00003 .s02 dt {padding-top:50px;}
	.p00003 .s02 dd{ padding:20px;}
	.p00003 .s02 dd ul li:nth-child(1){ font-size:30px;}
	.p00003 .s02 dd ul:nth-child(1){ padding-bottom:20px;}
	.p00003 .s02 dd ul + ul{ padding-top:20px; margin-top:20px;}	
	
	.p00004 .s01 p:nth-child(1) span, .p00004 .s01 p:nth-child(2) span{ width:300px;}
	
	.p00006 .s02 h2{ font-size:25px;}
	.p00006 .s02 .area{ display:block;}
	.p00006 .s02 .area p + p {margin-left:0px;}
	
	.p00007 dl:nth-child(3) p img{ width:77%;}
	
	.p00008 .s02 ul li {width: calc((100% / 2) - 7px);}	
	.p00008 .s01 ul li:nth-child(6) p{ font-size:15px;}
}

@media all and (max-width : 480px){


}