.root_daum_roughmap .cont{ display:none;}

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





.sub_top_box{ background:#0c0704 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:#0c0704; padding-bottom:170px; color:rgb(255,255,255,0.9); padding-top: 100px;}
.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; align-items: center;}
.p00001 .s01 dl dt img{ width:100%;}
.subContent h1{font-family: 'HSBombaram21-Regular'; font-size:50px;background-image: linear-gradient(135deg, #c2995e 0%, #d4af37 10%, #fff1b8 60%, #c2995e 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;}


.p00002 h1{ font-weight:600; margin-bottom:30px;} 
.p00002 p{ line-height:30px;}
.p00002 .s01{ font-size:25px;background: #fff; color: #000;  text-align: center;  padding: 8px;}
.p00002 .s01 h3{ font-weight:700;}
.p00002 .s02{ border-top:1px solid #fff; border-bottom:1px solid #fff;}
.p00002 .s02 ul{display: grid; grid-template-columns:200px 1fr 250px; gap:20px; margin-bottom:7px;}
.p00002 .s02 ul li{ padding:25px; display:flex; justify-content: center; text-align: left; flex-direction: column; }
.p00002 .s02 ul li img{width: 150px;}
.p00002 .s02 ul li span{font-size: 17px;}
.p00002 .s02 ul li:nth-child(4){ flex-direction: column;}
.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:center;}
.p00002 .s02 ul:nth-child(3) li:nth-child(4){ flex-direction: column;}
.p00002 .s02 li strong{background: linear-gradient(135deg, #c2995e 0%, #d4af37 10%, #fff1b8 60%, #c2995e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block; margin-bottom: 5px; font-weight: bold;}
.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 {text-align: center;    margin-bottom: 70px;}
.p00002 .s03 img{width: 70%;}


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


/**p00005,p00006,p00007***/
.main-program .ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px;}
.main-program .ul li{ box-sizing:border-box;font-size:25px;}
.con-basicsType h3{ font-size: 40px; background: linear-gradient(135deg, #c2995e 0%, #d4af37 10%, #fff1b8 60%, #c2995e 100%); -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; background-clip: text; display: inline-block; font-weight: bold;}
.con-basicsType p { margin-top: 7px; color: #dbdbdb; font-size: 20px; text-align: justify;line-height: 24px;}
.con-basicsType p strong{font-size: 20px; color: #dbdbdb;}
.con-basicsType  .vTxt{color:#332aff; font-weight: 600; } 
.con-basicsType  .bTxt{color:#2bad06;   } 
.con-basicsType li .imgA{position: relative; background-image: linear-gradient(135deg, #f5cb43 0%, #fdf4c3 50%, #eb961c 100%); padding: 12px; margin-bottom: 30px;}
.con-basicsType li .imgA a{position: absolute;  right: 10px; bottom: -70px; background: #ffc776;  padding: 7px 20px; border-radius: 23px; color: #fff; font-size: 18px; font-weight: 500;}
.con-basicsType li .imgA .applybtn {bottom: -115px; right: 0; font-size: 20px; padding: 5px 20px;}
.con-basicsType li img{ width:100%;}
.con-basicsType strong{ font-size:34px;font-weight: 700;}
.con-basicsType span{ display:block; font-size: 24px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5);  padding: 10px 0 25px 0; margin-bottom: 20px;}
.con-basicsType p{ margin-top: 7px; color: #dbdbdb; font-size: 20px;text-align: justify;line-height: 32px;}
.con-basicsType p strong{font-size: 20px; color: #dbdbdb;}
.p00005 h2, .p00006 h2, .p00007 h2{font-size: 32px; margin-bottom: 50px;}




.p00007 .s01{}
.p00007 .s01 img{ width:100%;}
.p00007 .s01 ul{display: grid; grid-template-columns:repeat(4, 1fr);gap:30px; margin-top:50px;}
.p00007 .s01 ul li{display:flex;border:1px  solid rgb(255,255,255,0.2); padding:30px;} 
.p00007 .s01 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}
.p00007 .s01 ul li .bg1{ background:#fff; color:#222}
.p00007 .s01 ul li .bg2{ background:#effd39;color:#222}
.p00007 .s01 ul li .bg3{ background:#00b050}
.p00007 .s01 ul li .bg4{ background:#f8912c}
.p00007 .s01 ul li strong{ font-weight:700; font-size:25px;}
.p00007 .s01 ul li b{ display:block; font-size:19px;font-weight:400; margin-top:5px;}



.down-container{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgb(0,0,0,0.5); display:none; z-index:99999}
.down-content{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; padding:30px 70px; border-radius:10px; color:#333;}
.down-content h2{ font-weight:700;}
.down-content h3{ border-top:1px #ddd solid; border-bottom:1px #ddd solid; padding:7px 0; margin:10px 0; font-size:16px; }
.down-content .close{ position:absolute; top:20px; right:20px; background:#333; color:#fff; border-radius:50%; display:flex; width:30px; height:30px;align-items: center;justify-content: center;}






@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:34px;}
	.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 .s01{ font-size:20px;}
	.p00002 p{ line-height:25px;}
	
	.root_daum_roughmap .wrap_map{height:500px !important;}
	.p00004 .s03{ font-size:23px;}
	.p00004 .s04 dl dt{font-size:20px;}
	
	.p00005 h2, .p00006 h2, .p00007 h2 { font-size: 24px; margin-bottom: 35px;}
	.con-basicsType li .imgA {margin-bottom: 15px;}
	.con-basicsType h3 {font-size: 34px;}
	.con-basicsType span {font-size: 20px; padding: 10px 0 15px 0;  margin-bottom: 13px;}
	.con-basicsType p {  font-size: 19px; line-height: 28px;}
	
	
	
}
@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;}
	    
	.con-basicsType h3 { font-size: 28px;}
	.con-basicsType span {font-size: 18px;}
	.con-basicsType p { font-size: 16px; line-height: 24px;}
	.con-basicsType p strong {font-size: 18px;}
	
}

@media all and (max-width : 1024px){
	.p00007 .s01 ul{grid-template-columns: repeat(3, 1fr);}
	.p00007 .s01 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:#0c0704; font-weight:700;}
	.p00002 .s02 li:nth-child(1) br{ display:none;}
	.p00002 .s02 li:nth-child(3){align-items:center; text-align:center;}
	.p00002 .s03 img {width: 100%;}
	
	
	.p00004 .s03 { display:block;}
	.p00004 .s03 dl+dl{ margin-top:15px;}
	.p00004 .s04 dl{grid-template-columns:120px 1fr;}
	
	.main-program .ul {gap: 20px;}
	
	
}

	
	
@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;}
	
	.p00004 .s03{ font-size:20px;}
	.p00004 .s03 dl{ display:block; text-align:center;}
	.p00004 .s03 dl dt{ margin-bottom:10px;}
	.p00004 .s04 dl{ display:block;}
	.p00004 .s04 dl dt{ margin-bottom:5px; }
	
	.main-program .ul {grid-template-columns: repeat(1, 1fr);}
	
}
@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;}
	
	.p00002 .s03 {margin-top: 30px;}
	
	.root_daum_roughmap .wrap_map{height:300px !important;}
}

@media all and (max-width : 400px){
	   
	.subContent h1 { font-size: 26px; }
	.sub_top_box .inner .title h2 span{ font-size:35px;}
	.sub_top_box .inner .title h2{ font-size:20px;}

	.p00004 .s02 a+a{ margin-left:10px;}
	
	.p00005 h2, .p00006 h2, .p00007 h2 { font-size: 20px; margin-bottom: 30px;}
	.con-basicsType li .imgA {	padding: 8px;}
    .con-basicsType h3 { font-size: 24px; }
	
	
	
}