.root_daum_roughmap .cont{ display:none;}

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





.sub_top_box{ background:#071028 url(../img/sub/sub_V.jpg) no-repeat 50% 100%; background-size:cover;  color:#fff; padding-bottom:100px;}
.sub_top_box .inner .title { padding-top:320px;}
.sub_top_box .inner .title h2{ font-size:37px; letter-spacing:0;font-family: 'HSBombaram21-Regular';}
.sub_top_box .inner .title h2 span{ display:block; font-size:70px;font-family: 'HSBombaram21-Regular';}
.sub_top_box .inner .title .bTit{  }
.sub_top_box .inner .title h1{ font-size:45px; font-weight:700; display:block; margin-top:25px;color:#df9906}
.sub_top_box .inner .title span{font-family: "optique-display", sans-serif;font-weight: 700; font-size:40px;}


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


.subTitleSubject{ padding:200px 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; }


.tabmenu_box{}
.depth3 { margin:0 20%;}
.depth3 ul { display: flex; justify-content: center;}
.depth3 ul li{ display:table; width:calc(100% / 3)}
.depth3 ul li a{display:table-cell; width:100%; height:70px; padding:0 4%;  box-sizing:border-box; border-color:#d3d3d3; border-style:solid; border-width:1px; border-left-width:0; border-top-width:0; letter-spacing:0; font-weight:500; font-size:23px; text-align:center; vertical-align:middle; color:#20273a; }
.depth3 ul li:nth-child(1) a, .depth3 ul li:nth-child(2) a, .depth3 ul li:nth-child(3) a, .depth3 ul li:nth-child(4) a, .depth3 ul li:nth-child(5) a{border-top-width:1px;}
.depth3 ul li:first-child a, .depth3 ul li:nth-child(5n+1) a{border-left-width:1px;}
.depth3 ul li.on a, .depth3 ul li.active a, .depth3 ul li a:hover{border-color:transparent; background-color:#0063af; background-repeat:no-repeat; background-position:right center; background-image:url(../images/sub/tab_menu_bg.png); color:#FFF;}


.subContent { background:#071028 ; padding-bottom:170px; color:rgb(255,255,255,0.9)}
.subContent .c-table{ width:100%;} 
.subContent .c-table th{ background:#efefef;}
.subContent .c-table th, .subContent .c-table td{ border:1px #ddd solid; text-align:center; padding:15px} 
.subContent .c-table .al{ text-align:left !important; }


.p00001 .s01 dl{ display:grid;grid-template-columns:40% 1fr;gap:100px;}
.p00001 .s01 dl dt img{ width:100%;}
.subContent h1{font-family: 'HSBombaram21-Regular'; font-size:50px;background-image: linear-gradient(to left, #fbb9a0 0%, #f2573e 100%);color: transparent;-webkit-background-clip: text;display: inline-block;}
.p00001 .s01 dl dd h2{ font-size:27px; font-weight:500;}
.p00001 .s01 dl dd ul.area01{ font-size:30px;margin:20px 0 50px 0; line-height:45px;}
.p00001 .s01 dl dd ul.area01 li{ border-bottom:1px solid #fff; padding-bottom:10px;}
.p00001 .s01 dl dd ul.area01 li+li{ margin-top:10px;}
.p00001 .s01 dl dd ul.area01 li span{ position:relative; font-weight:600; margin-right:10px; padding-right:10px; }
.p00001 .s01 dl dd ul.area01 li span:after{ content:''; position:absolute; top:50%;  transform: translateY(-50%);right:0; width:1px; height:20px; border-right:1px solid #fff;}
.p00001 .s01 dl dd ul.area02{display: grid; grid-template-columns:repeat(3, 1fr);gap:40px; margin-top:30px;}
.p00001 .s01 dl dd ul.area02 li{ border:1px solid rgb(255,255,255,0.2); padding:30px; text-align:center; font-size:25px; line-height:40px;}
.p00001 .s01 dl dd ul.area02 li span{ display:block; font-size:33px; font-weight:700;}



.p00004 h2{ font-size:37px; font-weight:700; margin-bottom:5px; }
.p00004 h1{ margin-bottom:30px;}
.p00004 p{ line-height:27px;}
.p00004 p+p{ margin-top:20px;}
.p00004 div+div{ margin-top:50px;}
.p00004 h3{ font-size:27px; font-weight:700; margin-bottom:10px;}

.p00002 h1{ font-weight:600; margin-bottom:30px;} 
.p00002 p{ line-height:30px;}
.p00002 .s01{ font-size:25px;}
.p00002 .s01 h3{ font-weight:700; margin-bottom:7px;}
.p00002 .s02{ border-top:1px solid #fff; border-bottom:1px solid #fff; margin-top:30px;}
.p00002 .s02 ul{display: grid; grid-template-columns:200px 200px 1fr 300px; gap:20px;}
.p00002 .s02 ul li{ padding:20px; display:flex; align-items: center;justify-content: center; text-align:center;}
.p00002 .s02 ul+ul{border-top:1px solid rgb(255,255,255,0.2)}
.p00002 .s02 li+li{ border-left:1px solid rgb(255,255,255,0.2)}
.p00002 .s02 li:nth-child(3){ text-align:left;flex-direction: column;align-items:flex-start;}
.p00002 .s02 li strong{ color:#FF0; display:block; margin-bottom:5px;}
.p00002 .s02 ul:nth-child(1) li:nth-child(3){align-items:center;}
.p00002 .s02 ul:nth-child(12) li:nth-child(4){ flex-direction: column;}
.p00002 .s02 li .area+.area{ margin-top:15px;}
.p00002 .s03{ margin-top:70px;}
.p00002 .s03 img{ width:100%;}
.p00002 .s03 ul{display: grid; grid-template-columns:repeat(4, 1fr);gap:30px; margin-top:50px;}
.p00002 .s03 ul li{display:flex;border:1px  solid rgb(255,255,255,0.2); padding:30px;} 
.p00002 .s03 ul li span{ display:flex; width:37px; height:37px;align-items: center;justify-content: center; border-radius:50%; margin-right:15px; font-weight:700; color:#222}
.p00002 .s03 ul li .bg1{ background:#fff; color:#222}
.p00002 .s03 ul li .bg2{ background:#effd39;color:#222}
.p00002 .s03 ul li .bg3{ background:#00b050}
.p00002 .s03 ul li .bg4{ background:#f8912c}
.p00002 .s03 ul li strong{ font-weight:700; font-size:25px;}
.p00002 .s03 ul li b{ display:block; font-size:19px;font-weight:400; margin-top:5px;}


.p00003 .s02{ display:flex;justify-content: center; margin-top:50px;}
.p00003 .s02 a{ background:#FFF; padding:20px 30px; border-radius:7px; color:#071028;}
.p00003 .s02 a i{ margin-right:15px;}
.p00003 .s02 a+a{ margin-left:20px;}
.p00003 .s03{  display:flex;justify-content: center;gap:0 50px;  background:#fff; color:#071028; padding:20px; margin-top:50px; font-size:27px; margin-bottom:20px;} 
.p00003 .s03 dl{ display:flex; align-items: center;}
.p00003 .s03 dl dt{ background:#071028; color:#fff; padding:10px 20px; border-radius:7px; font-weight:600; margin-right:15px; }
.p00003 .s04 dl{display: grid; grid-template-columns:200px 1fr; align-items: center;}
.p00003 .s04 dl+dl{ border-top:1px solid rgb(255,255,255,0.5); padding-top:20px; margin-top:20px;}
.p00003 .s04 dl dt{ font-weight:700; font-size:25px;}

.p00005{ text-align:center;}
.p00005 span{  display:inline-block; width:370px; padding:20px 0; text-align:center; border:1px solid rgb(255,255,255,0.7); border-radius:15px;  }
.p00005 .org{position:relative;background:#071028; z-index:2;}
.p00005 .org:before{ content:''; position:absolute; top:0; left:50%; border-left:1px #ddd solid; width:1px; height:100%; z-index:0;}
.p00005 .inner > div{ padding-bottom:50px;}
.p00005 img{ width:80%;}

.p00006 dl{display: grid; grid-template-columns:35% 1fr;gap:100px;}
.p00006 dl+dl{ border-top:1px solid rgb(255,255,255,0.3); margin-top:100px; padding-top:100px;}
.p00006 dl dt img{ width:100%;}
.p00006 dl dd div+div{ margin-top:30px;}
.p00006 dl dd h1{ font-weight:700;}
.p00006 dl dd h1 span{ font-weight:500; font-size:23px;}
.p00006 dl dd h2{ margin-bottom:10px;}
.p00006 dl dd strong{ font-weight:700; display:block; font-size:25px; margin-bottom:5px;}


.table {border-top: 2px solid rgb(255,255,255,0.2);; border-bottom: 1px solid rgb(255,255,255,0.2);; width:100%;}
.table tr>* { padding:15px; border-top: 1px solid rgb(255,255,255,0.2);border-left: 1px solid rgb(255,255,255,0.2);}
.table tr>*:last-child {border-right: 0}
.table tr>*:first-child {border-left: 0}
.table tr>*[rowspan]:not(:first-child) { border-left: 1px solid rgb(255,255,255,0.2)}
.table th{ background:rgb(255,255,255,0.1)}



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

	.subContent { padding-bottom:150px;}
	.sub_top_box{   }
	.sub_top_box .inner .title { padding-top:250px;}
	.sub_top_box .inner .title h2{ font-size:27px;}
	.sub_top_box .inner .title h2 span{ font-size:55px;}
	.sub_top_box .inner .title h1{ font-size:30px;}
	.sub_top_box .inner .title span{font-size:32px; }
	
	.subContent h1{font-size:40px;}
	.p00001 .s01 dl dd h2{ font-size:20px;}
	.p00001 .s01 dl dd ul.area01{ font-size:20px;line-height:35px;}
	.p00001 .s01 dl dd ul.area02 li{ font-size:20px;line-height:35px; padding:30px;}
	.p00001 .s01 dl dd ul.area02 li span{font-size:27px;}
	.p00001 .s01 dl dd  .area02 p{ line-height:23px;}
	.p00002 .s03{ margin-top:50px;}
	.p00002 .s03 ul{;gap:20px;}
	.p00002 .s03 ul li span{width:30px; height:30px; margin-right:10px;}
	.p00002 .s03 ul li strong{ font-size:23px;}
	.p00002 .s03 ul li b{font-size:17px;}
	
	.p00002 .s01{ font-size:20px;}
	
	.p00006 dl+dl{ margin-top:70px; padding-top:70px;}
	.p00006 dl dd strong{ font-size:20px;}
	
	.p00004 h2{ font-size:32px;}
	.p00004 p{ line-height:23px;}
	.p00004 h3{ font-size:23px;}
	
	
	.p00002 p{ line-height:25px;}
	
	.root_daum_roughmap .wrap_map{height:500px !important;}
	.p00003 .s03{ font-size:23px;}
	.p00003 .s04 dl dt{font-size:20px;}
	
	.p00005 span{ width:300px; }
	
	
	
	
}
@media all and (max-width : 1440px){
	.subContent{ padding:30px 15px 100px 15px;}
	.sub_top_box{ padding:0 15px;}
	
}
@media all and (max-width : 1280px){
	.sub_top_box .inner .title{ padding-top:150px;}
	.sub_top_box .inner .title h2 span{ font-size:45px;}
	.sub_top_box .inner .title h2{ font-size:23px;}
	
	.p00001 .s01 dl{gap:50px;}
	.p00001 .s01 dl dd .area01 h2 br{ display:none;}
	.p00001 .s01 dl dd ul.area02{gap:10px;}
	.p00001 .s01 dl dd h1{ font-size:30px;}
	.p00001 .s01 dl dd .area01 h2{ font-size:20px;}
	
	.p00002 .s03 ul{gap:10px;}
	.p00002 .s03 ul li strong{ font-size:20px;}
}
@media all and (max-width : 1024px){
	.p00002 .s03 ul{grid-template-columns: repeat(3, 1fr);}
	.p00002 .s03 ul li{ padding:20px;}
	.p00006 dl{gap:15px;}
	
	.root_daum_roughmap .wrap_map{height:450px !important;}
	
	
	.p00002 .s02{ border:none;}
	.p00002 p{ font-size:17px; line-height:21px;}
	.p00002 .s02 ul{display:block;}
	.p00002 .s02 ul:nth-child(1){ display:none;}
	.p00002 .s02 li{ padding:15px;}
	.p00002 .s02 li+li{ border-left:0; border-top:1px solid rgb(255,255,255,0.2)}
	.p00002 .s02 li:nth-child(1){ background:#FFF; color:#071028; font-weight:700;}
	.p00002 .s02 li:nth-child(1) br{ display:none;}
	.p00002 .s02 li:nth-child(3){align-items:center; text-align:center;}

	.p00003 .s03 { display:block;}
	.p00003 .s03 dl+dl{ margin-top:15px;}
	.p00003 .s04 dl{grid-template-columns:120px 1fr;}
	

}

	
	
@media all and (max-width : 800px){
	
	.sub_top_box .inner .title h2 span{ font-size:35px;}
	.sub_top_box .inner .title h2{ font-size:20px;}
	
	.p00001 .s01 dl{ display:block;}
	.p00001 .s01 dl dd{ margin-top:20px;}
	
	.p00002 .s03 ul{grid-template-columns: repeat(2, 1fr);}
	
	.p00006 dl dd h1{ font-size:27px; line-height:30px;}
	.p00006 dl{ display:block;}
	.p00006 dl dt{ margin-bottom:25px;}
	.p00006 dl+dl{ margin-top:25px; padding-top:25px;}
	.p00006 dl dd h1 span{ display:block;}
	
	.p00003 .s03{ font-size:20px;}
	.p00003 .s03 dl{ display:block; text-align:center;}
	.p00003 .s03 dl dt{ margin-bottom:10px;}
	.p00003 .s04 dl{ display:block;}
	.p00003 .s04 dl dt{ margin-bottom:5px; }
	
	.p00005 img{ width:100%;}
	
}
@media all and (max-width : 640px){
	.p00001 .s01 dl dd ul.area02{ display:block;}
	.p00001 .s01 dl dd ul.area02 li+li{ margin-top:10px;}
	
	.root_daum_roughmap .wrap_map{height:300px !important;}
}

@media all and (max-width : 400px){
	
	.sub_top_box .inner .title h2 span{ font-size:35px;}
	.sub_top_box .inner .title h2{ font-size:20px;}
	
	.p00002 .s03 ul {grid-template-columns: repeat(1, 1fr);}
	.p00002 .s03 ul li{ padding:15px 20px;}
	.p00002 .s03 ul li strong{ font-size:17px;}
	.p00002 .s03 ul li span{ font-size:14px; width:25px; height:25px;}
	.p00003 .s02 a+a{ margin-left:10px;}
	
	
	
}