.location{color:rgb(255,255,255,0.5);margin-bottom:100px;}
.location .xi-angle-right-min{ padding:0 10px;}


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


.sub_V{flex-shrink: 0;width: 100%;position: relative;overflow: hidden;transition-property: transform;height:100vh; margin-bottom:200px; }
.bg-pos {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: 50%;background-repeat: no-repeat;z-index: 0;}
.sub_V .inner{ height:100%;}

.sub-Tit{ position:absolute;left:0; bottom:300px; z-index:1; color:#fff;}
.sub-Tit h1{ font-weight:700; font-size:55px; margin-bottom:10px;}
.sub-Tit h2, .sub-Tit h3{font-family: 'Paperlogy'; }
.sub-Tit h2{ font-size:67px; font-weight:700;}
.sub-Tit h3{ font-size:50px;}

.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; }

.lh30{ line-height:30px;}

.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 p{ font-size:27px; color:#555;}
.p00001 p+p{ margin-top:15px;}
.p00001 .s01 strong{font-family: 'Paperlogy'; display:block; margin:70px 0; font-size:45px; color:#00a0e5; line-height:60px; font-weight:700;}
.p00001 .s02{ position:relative;background:url(../img/sub/01/00001-01.jpg) no-repeat 50% 50% / cover; height:100vh; margin-top:200px;}
.p00001 .s02 .inner{ height:100%;}
.p00001 .s02 .inner .area{ position:absolute; bottom:100px; left:0; color:#fff;}
.p00001 .s02 .inner .area h2{ font-size:30px;font-family: 'Paperlogy'; font-weight:700; margin-bottom:20px;}
.p00001 .s02 .inner .area p{font-size:57px;font-family: 'Paperlogy';color:#fff;}
.p00001 .s03{ background-color:#1d2b2e; padding-bottom:200px ; color:#fff;}
.p00001 .s03 p+h1{ margin-top:70px;}
.p00001 .s03 p{ color:rgb(255,255,255,0.7)}

.sTit{ font-size:37px; font-weight:600; margin-bottom:20px;}


.p00002 > .s01 h1, .p00003 .s01 h1{ font-size:60px; font-weight:700;}
.p00002 > .s01 p, .p00003 .s01 p{ font-size:27px; margin-top:10px;}
.p00002 .area{   grid-column-gap: 16px; grid-row-gap: 16px;grid-template-rows: auto;grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: flex; width:100%; }
  
.p00002 .area .s01{ position: sticky; width:28%; padding-top:100px;top:0px; margin-right:5%;}
.p00002 .area .s01 ul li+li{ padding-top:20px}
.p00002 .area .s01 ul li a {display:block;padding:20px; border-radius:17px; background:rgb(0,0,0,0.1)}
.p00002 .area .s01 ul li a span{ display:block; font-size:37px; font-weight:700; margin-top:7px;}
.p00002 .area .s01 ul li a.selected-link { background-color: #1d2b2e; color:#fff; transition: background-color 0.3s;}

.p00002 .area .s02{ width:70%; margin-top:100px;}
.p00002 .area .s02 img{ width:100%;}
.p00002 .area .s02 h2{ margin-top:30px; font-weight:600;}  /* 테스트 */
.p00002 .area .s02 h1{ display:flex; font-size:60px; font-weight:700;align-items: flex-end; border-bottom:2px #333 solid; padding-bottom:15px; margin-bottom:30px;}
.p00002 .area .s02 h1 span{ font-size:50px;}
.p00002 .area .s02 dl dt{flex-basis:20%; font-size:25px; font-weight:600;}
.p00002 .area .s02 dl+dl{ border-top:1px solid rgb(0,0,0,0.2); padding-top:30px; margin-top:30px;}
.p00002 .area .s02 .section+.section{ margin-top:100px;}       

.p00002  .s03{ background:#003663; color:#fff; padding:200px 0; margin-top:200px; }
.p00002  .s03 p+p{ margin-top:10px;}
.p00002  .s03 .area01+.area01{ margin-top:50px;}
.p00002  .s03 p{ letter-spacing:0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;pointer-events:none;user-select:none;}
.p00002  .s03 .area01 p:nth-child(1){ font-size:25px;}



	 
.p00003 .s02{ margin-top:100px;}	
.p00003 .s02 h1{ font-weight:700; font-size:55px; color:#00a0e5} 
.p00003 .s02 h1 span{ font-size:40px;}
.p00003 .s02 h2{ font-weight:700; font-size:35px; margin-bottom:20px;} 
.p00003 .s02 .area h3{ font-size:21px;}
.p00003 .s02 .area b{ font-weight:700;}
.p00003 .s02 .area h4{ font-weight:700;}

.p00003 .s02 p{ font-size:25px; margin-top:10px;}
.p00003 .s02 dl{ border-top:2px #333 solid; border-bottom:1px solid rgb(0,0,0,0.5); margin:30px 0; padding:30px 0;}
.p00003 .s02 dl dt{  flex-basis:20%; font-size:25px; font-weight:600;}
.p00003 .s02 dl dd{ line-height:30px;}
.p00003 .s02 p strong{ display:block; color:#F30; font-weight:600; margin-bottom:10px;}
.p00003 .s02 img{ width:100%; margin-bottom:50px;}
.p00003 .s02 dl dd strong{ font-weight:700; display:block;}
.p00003 .s02 dl dd .area+.area{ margin-top:20px;}
.p00003 .s02 dl dd  div+div{ margin-top:10px;}
.p00003 .s02 dl dd  div ul+h4{ margin-top:10px;}
.p00003 .s02 dl dd .ul-depth2{ padding-left:10px;}
.p00003 .s02 dl dd .ul-depth2 li+li{ margin-top:7px;}
.p00003 .ac a{ display:inline-block; padding:20px 30px; background:#09F; color:#fff; border-radius:17px;}
.p00003 .ac a:after{content: "\ea6c";  font-family: "remixicon"; margin-left:30px;}

.tabmenu_box {margin-bottom: 44px;}
.tab_menu ul{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));gap:20px;}
.tab_menu ul li { width:100%;}
.tab_menu ul li a {width: 100%;padding:25px 30px; display:flex;justify-content: center; box-sizing:border-box; border-radius: 7px;border: 1px solid #003663; font-size:25px; color:#003663}

.tab_menu ul li.on a, .tab_menu ul li.active a, .tab_menu ul li a:hover {border-color: transparent;background-color:#003663;background-repeat: no-repeat;background-position: right center;background-image: url(../images/sub/tab_menu_bg.png);color: #FFF;}
.contentbox {}
.contentbox .tabcontent {padding-top:50px;}
.contentbox .tabcontent .tabbox {display: none;}
.contentbox .tabcontent .tabbox.tabbox_0 {display: block;}




.bo_style .sub_V{ height:800px;}
.bo_style .sub_V .sub-Tit{bottom:200px;}
.bo_style .sub_V .location{ margin-bottom:70px;}


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

.p00004 .s01{ margin-bottom:70px;}
.p00004 .s01 iframe{ width:100%; height:600px;}
.p00004 .s02 { position:relative;}
.p00004 .s02 h2{ font-size:40px; font-weight:700; }
.p00004 .s02 .area{ display: flex; font-weight:600; font-size:25px;border-top: 1px #ddd solid;border-bottom: 1px #ddd solid; padding:20px 0; margin:20px 0;}
.p00004 .s02 .area p+p{ margin-left:50px;}
.p00004 .s02 .area p span{ color:#777; padding-right:15px;}
.p00004 .s03 p{ line-height:30px;}
.p00004 .s04{ margin-bottom:50px;}
.p00004 .s04 img{ width:100%;}

.form-365 .s01{ border-bottom:2px #222 solid;}
.form-365 .s01 strong{ font-size:45px; font-weight:700;}
.form-365 .s01 p{ margin:10px 0 20px 0;}
.form-365 dl{ display:grid;grid-template-columns:200px 1fr; align-items: center;border-bottom:1px #ddd solid; padding:20px  ;}
.form-365 dl select, .form-365 dl input{ border:1px #ddd solid; padding:10px;}
.form-365 .s03 { margin-top:20px; display:flex;align-items: center;}
.form-365 .s03 input[type="submit"]{ background:#06C; color:#fff; padding:10px 30px; margin-left:20px;}

@media all and (max-width : 1920px){
	
	
	
	.sub-Tit{ bottom:200px;}
	.sub_V{ margin-bottom:150px;}
	
	.category a{padding:25px 30px; font-size:19px;}
	.category li::before{ height:15px; top:27px;}
	
	.sub-Tit h1{ font-size:40px; }
	.sub-Tit h2{ font-size:57px;}
	.sub-Tit h3{ font-size:40px;}
	
	.sTit{ font-size:30px; margin-bottom:15px; }
	.p00001 p{ font-size:22px;}
	.p00001 .s01 strong{margin:50px 0; font-size:37px; line-height:45px; }
	.p00001 .s02{margin-top:150px;}
	.p00001 .s02 .inner .area h2{ font-size:25px;}
	.p00001 .s02 .inner .area p{font-size:47px;}
	.p00001 .s03{padding-bottom:150px ;}
	
	.p00002 > .s01 h1, .p00003 .s01 h1{ font-size:50px;}
	.p00002 > .s01 p, .p00003 .s01 p{ font-size:20px;}
	.p00002 .area .s01 ul li a span{font-size:27px;}
	.p00002 .area .s02 h1{font-size:45px;}
	.p00002 .area .s02 h1 span{ font-size:30px;}
	.p00002 .area .s02 dl dt{font-size:20px;}
	.p00002  .s03{ padding:150px 0; margin-top:150px;}
	.p00002  .s03 .area01 p:nth-child(1){ font-size:20px;}
	
	.p00003 .s02 dl dd{ line-height:23px;}
	.p00003 .s02 h1{font-size:45px;} 
	.p00003 .s02 h1 span{ font-size:35px;}
	.p00003 .s02 h2{font-size:30px} 
	.p00003 .s02 p{ font-size:21px;}
	.p00003 .s02 .area h3, .p00003 .s02 .area b{ font-size:16px;}
	
	.p00003 .s02 dl dd .ul-depth2{ line-height:23px;}
	
	.tab_menu ul li a {font-size:20px; padding:20px 20px;}
	
	.bo_style .sub_V{ height:700px;}
	.bo_style .sub_V .sub-Tit{bottom:150px;}
	
	
	.p00004 .s02 h2{ font-size:35px;}
	.p00004 .s02 .area{font-size:20px;}
	.p00004 .s03 a{width:150px; height:150px;}
	
	.p00004 .s03 p{ line-height:25px;}
	
	


	
	
	
}

@media all and (max-width : 1280px){
	
	.category{ display:none;}
	
	.sub_V, .bo_style .sub_V{ padding:0 10px; box-sizing:border-box; height:650px; margin-bottom:100px;}
	.sub-Tit, .bo_style .sub_V .sub-Tit{ bottom:100px;}
	
	.p00001 .s01{ padding:0 15px;}
	.sTit{ font-size:25px;}
	
	.sub-Tit h3{ margin-bottom:5px;}
	.p00001 p{ font-size:19px;}
	.p00001 .s01 strong{ font-size:27px; line-height:37px;}
	
	
	.p00001 .s02{ margin-top:100px;}
	.p00001 .s02{ padding:0 15px; background-position:90% 100%; }
	.p00001 .s02 .inner .area p{ font-size:37px;}
	.p00001 .s03{ padding:0 15px 100px 15px;}
	
	.p00002 > .s01 h1, .p00003 .s01 h1{ font-size:40px;}
	.p00002 > .s01{ padding:0 10px;}
	.p00002 > .s02{padding:50px 10px 10px 10px;}
	
	.p00002 .s03{ padding:100px 10px; margin-top:100px;}
	
	.p00003 .s01, .p00003 .s02{ padding:0 15px;} 
	.p00003 .s02{ margin-top:50px;}
	.tab_menu ul{gap:10px;}
	
	.p00004 .s01, .p00004 .s02, .p00004 .s03{ padding:0 15px;}
	
	.form-365{ padding:0 15px;}
	
}


@media all and (max-width : 960px){
	
	.sub_V, .bo_style .sub_V{height:550px;}
	.sub-Tit h1{ font-size:30px;}
	.sub-Tit h3{ font-size:30px;}
	.sub-Tit h2{ font-size:47px;}
	.location{ margin-bottom:50px;}
	
	.p00002 .area{ display:block;}
	.p00002 .area .s01{ position:relative; width:100%; padding:0; top:0; margin:0;}
	.p00002 .area .s01 ul{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:10px;}
	.p00002 .area .s01 ul li + li{ padding-top:0;}
	.p00002 .area .s01 ul li a span{ font-size:23px;}
	.p00002 .area .s02{ width:100%; margin-top:30px;}
	.p00002 .area .s02 h1{ font-size:30px;}
	.p00002 .area .s02 h1 span{ font-size:25px;}
	
	.contentbox .tabcontent{ padding-top:20px;}
}









@media all and (max-width : 640px){
	
	.sub_V, .bo_style .sub_V{  height:400px;}
	.sub-Tit h1{ font-size:25px;}
	.sub-Tit h3{ font-size:25px;}
	.sub-Tit h2{ font-size:37px;}
	.location, .bo_style .sub_V .location{ margin-bottom:50px;}
	.sub-Tit, .bo_style .sub_V .sub-Tit{ bottom:70px;}
	
	.bg-pos{ background-position:80% 50%;}
	
	.sTit{ font-size:20px;}
	.p00001 p{ font-size:17px;}
	.p00001 .s01 strong{ font-size:22px; line-height:30px;}
	.p00001 .s02{ height:500px;}
	.p00001 .s02 .inner .area{ bottom:50px;}
	.p00001 .s02 .inner .area p{ font-size:25px;}
	.p00001 .s03 p + h1{ margin-top:30px;}
	
	.p00002 > .s01 h1, .p00003 .s01 h1{ font-size:30px;}
	.p00002 .area .s01 ul{ display:block;}
	.p00002 .area .s01 ul li + li{ margin-top:5px;}
	
	.p00002 .s03 .area01 p:nth-child(1){ font-size:18px;}
	
	.tab_menu ul {grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	.p00003 .s02 h1{ font-size:35px;}
	.p00003 .s02 h1 span{ display:block; font-size:25px;}	
	.p00003 .s02 h2{ font-size:25px;}
	.p00003 .s02 p{ font-size:18px;}
	.p00003 .s02 dl dt{flex-basis:27%;}
	.p00003 .s02 dl dd{ line-height:27px;}
	
	.p00004 .s01 iframe{ height:400px;}
	.p00004 .s02 .area{ display:block;}
	.p00004 .s02 .area p + p{ margin-left:0;}
	
	.form-365 dl{ grid-template-columns:80px 1fr; }
	.form-365 dl dd{ }
	.form-365 dl select, .form-365 dl input{ width:100%;box-sizing:border-box;}
}

@media all and (max-width : 480px){
	
	.sub-Tit h1{ font-size:20px;}
	.sub-Tit h3{ font-size:20px;}
	.sub-Tit h2{ font-size:30px;}
	.location, .bo_style .sub_V .location{ margin-bottom:30px;}
	
	.p00004 .s01 iframe{ height:350px;}
	.p00004 .s02 h2{ font-size:30px;}
}