.sub_top_box{ position:relative;height:600px; background:url(../img/sub/sub_v.jpg); background-position:100% 100%; background-size:cover;  color:#fff; margin-bottom:120px;}
.sub_top_box .sub_vTxt{ padding-top:250px;}
.sub_top_box .sub_vTxt .eTit{ text-align:center; letter-spacing:0;}
.sub_top_box .sub_vTxt .snbTit{ font-size:57px; margin-top:10px; text-align:center; font-weight:700;}
.category{  }
.subTitleSubject{ margin-bottom:50px;}

.category {position:absolute; bottom:0; left:450px; width:calc(100% - 450px); background:rgb(0,0,0,0.5)}
.category ul{display: flex;flex-wrap: wrap;}
.category li{ position:relative; position:relative;}
.category li+li:before{ content:''; position:absolute; top:50%;transform: translateY(-50%); left:0; width:1px; height:20px; border-left:1px solid rgb(255,255,255,0.3)}

.category a{ color:#fff; display:block;padding:30px 45px; font-size:25px; }
.category .selected2 a{ position:relative; background:#50a9de; color:#fff; font-weight:600;}


.subContent{ color:#2d2d2d}

@media all and (max-width : 1920px){
	
	.sub_top_box{ margin-bottom:70px; height:450px;}
	.sub_top_box .sub_vTxt { padding-top:200px;}
	.sub_top_box .sub_vTxt .snbTit{ font-size:47px;}
	.category  {left:320px; width:calc(100% - 320px);}
	.category a{ font-size:20px; padding:20px 35px;}

	
}

@media all and (max-width : 1280px){
	
	.sub_top_box .sub_vTxt{ margin:0 10px;}
	


}

@media all and (max-width : 960px){
	
	.category{ display:none;}

}

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


@media all and (max-width : 640px){
	
	.sub_top_box{ height:250px;}
	.sub_top_box .sub_vTxt{ padding-top:120px; text-align:center;}
	.sub_top_box .sub_vTxt .eTit{ display:none;}

}

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

	
	
}



.noticeBox{ border:15px solid rgb(0,0,0,0.05); margin:100px; text-align:center; padding:100px 0;}
.noticeBox strong{ font-size:37px;}
.noticeBox p{ margin-top:20px; font-size:23px;}
.noticeBox img{ width:200px; margin-bottom:15px;}



.p00005 .s01{ margin-bottom:70px;}
.p00005 .s02 { position:relative;}
.p00005 .s02 h2{ font-size:40px; font-weight:700; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
.p00005 .s02 .area{ display: flex; font-weight:600; font-size:25px;}
.p00005 .s02 .area p+p{ margin-left:50px;}
.p00005 .s02 .area p span{ color:#777; padding-right:15px;}
.p00005 .s03{ position:absolute; right:0; top:0; display:flex;}
.p00005 .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;}
.p00005 .s03 a+a{ margin-left:20px;}
.p00005 .s03 a .icon{ font-size:30px;}
.p00005 .s03 a span{ display:block; margin:5px 0;}
.p00005 .s03 a .arrow{ color:#999;}
.p00005 .s03 a:hover{ background:#06C; color:#fff;}
.p00005 .s03 a:hover .arrow{ color:#fff; opacity:0.5;}


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


.p00006 .bTit{ font-size:35px; text-align:center; margin-bottom:70px;}
.p00006 dl{ border-top:1px #ddd solid; padding-top:50px;}
.p00006 dl+dl{ margin-top:100px;}
.p00006 dt{ position:relative;flex-basis: 28%; font-size:37px;}
.p00006 dt:before{ content:''; position:absolute; top:-52px; left:0; width:100%; border-top:3px #09F solid;}
.p00006 dd img{ width:100%; }
.p00006 dd .bTxt{ font-size:30px; margin-bottom:20px;}
.p00006 dd ul{gap:0 50px;}
.p00006 dd li{ width:calc((100% / 2) - 25px)}

.tab_menu { margin:70px 0 100px 0;}
.tab_menu ul{ display:flex; flex-wrap: wrap;justify-content: center; }
.tab_menu ul li {}
.tab_menu ul li a {display: table-cell; font-size:25px;width: 100%;height: 50px;padding: 20px 50px;box-sizing: border-box;border-color: #d3d3d3;border-style: solid;border-width: 1px;border-left-width: 0;border-top-width: 0;text-align: center;vertical-align: middle;color: #20273a}
.tab_menu ul li:nth-child(1) a, .tab_menu ul li:nth-child(2) a, .tab_menu ul li:nth-child(3) a, .tab_menu ul li:nth-child(4) a {border-top-width: 1px;}
.tab_menu ul li:first-child a, .tab_menu ul li:nth-child(4n+1) a {border-left-width: 1px;}
.tab_menu ul li.on a, .tab_menu ul li.active a, .tab_menu 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;}
.contentbox {margin-top:30px;}
.contentbox .tabcontent {}
.contentbox .tabcontent .tabbox {display: none;}
.contentbox .tabcontent .tabbox.tabbox_0 {display: block;}

.table{ width:100%;}
.table th { background:#efefef; font-weight:400;}
.table th, .table td{ border:1px #ddd solid; padding:15px;}

.p00008 .sTit{text-align:center; background:#f6f6f6; border:1px solid #cddce5 ; padding:100px 0;}
.p00008 .sTit h1{ font-size:47px; font-weight:500;} 
.p00008 .sTit p{ font-size:23px; color:#555; margin-top:20px;}
.p00007 .s01{ margin-top:100px;}
.p00007 .s01 .bTxt{ font-size:30px; line-height:45px; margin:30px 0;} 
.p00007 .s01 .bTxt span{ display:inline-block; padding:5px 20px; margin-right:10px; line-height:30px; color:#fff; background:#06C; border-radius:10px; font-size:20px;}
.p00007 .s01 dl{ border-top:1px #ddd solid; padding-top:70px;}
.p00007 .s01 dl+dl{ margin-top:70px;}
.p00007 .s01 .ul {gap:30px;}
.p00007 .s01 .ul li{ position:relative; width:calc((100% / 5) - 24px); text-align:center;}
.p00007 .s01 .ul li+li:after{  content:"\e907";  font-family:xeicon; font-size:30px; color:#91cef4; position:absolute; left:-30px; top:30px;}
.p00007 .s01 .ul li:before{ content:''; display:inline-block; width:90px; height:90px; background-color:#448ccb; border-radius:50%; background-position:50% 50%; background-size:auto 40px; background-repeat:no-repeat; margin-bottom:15px;}
.p00007 .s01 .icon01 li:nth-child(1):before{ background-image:url(../img/sub/3/p00007-01.png);  }
.p00007 .s01 .icon01 li:nth-child(2):before{ background-image:url(../img/sub/3/p00007-02.png);  }
.p00007 .s01 .icon01 li:nth-child(3):before{ background-image:url(../img/sub/3/p00007-03.png);  }
.p00007 .s01 .icon01 li:nth-child(4):before{ background-image:url(../img/sub/3/p00007-04.png);  }
.p00007 .s01 .icon01 li:nth-child(5):before{ background-image:url(../img/sub/3/p00007-05.png);  }
.p00007 .s01 .icon02 li:nth-child(1):before{ background-image:url(../img/sub/3/p00007-01.png);  }
.p00007 .s01 .icon02 li:nth-child(2):before{ background-image:url(../img/sub/3/p00007-02.png);  }
.p00007 .s01 .icon02 li:nth-child(3):before{ background-image:url(../img/sub/3/p00007-06.png);  }
.p00007 .s01 .icon02 li:nth-child(4):before{ background-image:url(../img/sub/3/p00007-07.png);  }
.p00007 .s01 .icon02 li:nth-child(5):before{ background-image:url(../img/sub/3/p00007-08.png);  }
.p00007 .s01 .icon02 li:nth-child(6):before{ background-image:url(../img/sub/3/p00007-09.png);  }
.p00007 .s01 .icon02 li:nth-child(7):before{ background-image:url(../img/sub/3/p00007-10.png);  }
.p00007 .s01 .icon02 li:nth-child(8):before{ background-image:url(../img/sub/3/p00007-11.png);  }
.p00007 .s01 .icon03 li:nth-child(1):before{ background-image:url(../img/sub/3/p00007-12.png);  }
.p00007 .s01 .icon03 li:nth-child(2):before{ background-image:url(../img/sub/3/p00007-13.png);  }
.p00007 .s01 .icon03 li:nth-child(3):before{ background-image:url(../img/sub/3/p00007-04.png);  }
.p00007 .s01 .icon03 li:nth-child(4):before{ background-image:url(../img/sub/3/p00007-05.png);  }
.p00007 .s01 .icon03 li:nth-child(5):before{ background-image:url(../img/sub/3/p00007-14.png);  }
.p00007 .s01 .area dl dt{position:relative;  flex-basis: 28%; font-size:27px; padding:20px 0 0 50px;}
.p00007 .s01 .area dl dt:before{position:absolute; top:-35px; left:0; font-size:100px; font-weight:900; color:#dee7ef; z-index:-1;}
.p00007 .s01 .area dl:nth-child(1) dt:before{ content:'01';}
.p00007 .s01 .area dl:nth-child(2) dt:before{ content:'02';}
.p00007 .s01 .area dl:nth-child(3) dt:before{ content:'03';}

.p00007 .s01 ul.nember li{ position:relative; padding-left:25px;}
.p00007 .s01 ul.nember li+li{ margin-top:5px;}
.p00007 .s01 ul.nember li:before{ position:absolute; top:0; left:0;}
.p00007 .s01 ul.nember li:nth-child(1):before{ content:'①'}
.p00007 .s01 ul.nember li:nth-child(2):before{ content:'②'}
.p00007 .s01 ul.nember li:nth-child(3):before{ content:'③'}
.p00007 .s01 ul.nember li:nth-child(4):before{ content:'④'}
.p00007 .s01 ul.nember li:nth-child(5):before{ content:'⑤'}
.p00007 .bg{ background:rgb(222,231,239,0.3); padding:150px 0;}
.p00007 .s01 dd .nTxt{ margin-top:20px;}


.form-wrap { margin-top:70px; border-top:2px #222 solid;}

.form-wrap .checkbox{display:flex;align-items: center; }
.form-wrap .checkbox label{ display:flex; align-items: center; } 
.form-wrap .checkbox label + label{ margin-left:20px;}

.form-wrap label{ display:flex;align-items: center;}
.form-wrap label strong{ display:inline-block; width:150px}
.form-wrap label input + span{ margin-left:10px;}
.form-wrap .line2 ul li{ width:calc((100% / 2) - 61px)}
.form-wrap .line3 ul li{ width:calc((100% / 3) - 61px)}
.form-wrap .line4 ul li{ width:calc((100% / 4) - 61px)}
.form-wrap li{ border-bottom:1px #ddd solid; padding:10px 30px;}
.form-wrap li+li{ border-left:1px #ddd solid;}
.form-wrap .line1{border-bottom:1px #ddd solid; padding:20px 30px;}


.form-wrap input[type="text"]{padding: 0 15px;width:calc(100% - 30px); height:35px; background:#f3f5f7; border-radius: 6px; color: #333; outline: none; text-overflow: ellipsis; }
.form-wrap input[type="checkbox"]{width:17px; height:17px; margin-right:5px;}

.form-wrap .application-btn{ border-top:2px #222 solid; padding-top:20px; margin-top:20px; text-align:center;}
.form-wrap .application-btn a{ width:200px; background:#06C; color:#fff; padding:15px 0; display:inline-block; border-radius:10px; font-size:19px;}
.form-wrap .guide-txt{ line-height:27px; border-bottom:1px #ddd solid; padding-bottom:20px;}
.form-wrap .agree{ font-size:20px; margin-top:20px; }

.form-wrap .jc{justify-content: center;}


.rental .date{ display:flex; text-align:center;align-items: center;justify-content: center; margin-bottom:20px;}
.rental .date a{ display:flex; width:30px; height:30px; border:1px #ddd solid;align-items: center;justify-content: center; border-radius:50%;}
.rental .date span{ display:inline-block; margin:0 20px; font-size:27px;}
.rental .calendar{ width:100%;}
.rental .calendar th, .rental .calendar td{ border:1px #ddd solid; padding:10px;}
.rental .calendar th{ background:#f5f5f5; border-top:2px #333 solid; font-weight:500;}
.rental .calendar td{ text-align:left; height:100px; vertical-align:top; font-size:13px;}
.rental .calendar td span{ font-size:17px;}
.rental .calendar th:nth-child(1), .rental .calendar td:nth-child(1){ color:#ff4040;}
.rental .calendar th:nth-child(7), .rental .calendar td:nth-child(7){ color:#0072bc;}
.rental .calendar td .c-btn a{ display:inline-block; color:#0054a6; font-size:15px; border:1px solid #0054a6; padding:0 5px; border-radius:5px; font-size:14px;}
.rental .calendar td em{ display:inline-block; font-size:11px; width:17px; height:17px; line-height:17px; text-align:center; margin-right:5px; color:#fff; font-style:normal; border-radius:5px;}
.rental .calendar td .type1{ background:#d01471;}
.rental .calendar td .type2{ background:#06F}

@media all and (max-width : 1920px){
	.noticeBox{ padding:70px 0;}
	.noticeBox img{ width:170px;}
	
	
	.p00005 .s02 h2{ font-size:35px;}
	.p00005 .s02 .area{font-size:20px;}
	.p00005 .s03 a{width:150px; height:150px;}
	
	.root_daum_roughmap .wrap_map{height:570px !important;}
	
	.tab_menu ul li a{ font-size:20px;}
	
	.p00006 .bTit{ font-size:30px;}
	.p00006 dt{ font-size:32px;}
	.p00006 dd .bTxt{ font-size:25px; }
	
	.p00008  .sTit{padding:70px 0;}
	.p00008  .sTit h1{ font-size:37px;} 
	.p00008  .sTit p{ font-size:20px;}
	.p00007 .s01 .bTxt{ font-size:25px; line-height:45px; margin:30px 0;} 
	.p00007 .s01 .bTxt span{line-height:25px;  font-size:16px;}
	.p00007 .s01 ul.nember li{padding-left:20px;}
}

@media all and (max-width : 1280px){
	.p00006, .p00007, .p00009, .p00005{ margin:0 10px;}
	
	.p00007 .bg{ padding:100px; 0;}
}

@media all and (max-width : 1024px){
	.p00006 dl{ display:block; border-top:0;}
	.p00006 dl dt{ margin-bottom:15px;}
	.p00006 dt:before { top:-20px;}
	
	.p00007 .s01 dl{ display:block;}
	.p00007 .s01 .area dl dt{ margin-bottom:20px;}
	
	.root_daum_roughmap .wrap_map{height:470px !important;}
}

@media all and (max-width : 960px){
	.p00005 .s03{ position:relative; margin-top:30px;}
	.p00005 .s03 a{ position:relative;border-radius:10px; width:calc((100% / 2) - 10px); justify-content: flex-start; height: 100px;}
	.p00005 .s03 a p{ display:flex;align-items: center; padding-left:20px;}
	.p00005 .s03 a .icon{ margin-right:10px;}
	.p00005 .s03 a .arrow{ position:absolute; top:50%; right:20px;  transform: translateY(-50%);}
	
}

@media all and (max-width : 800px){
	
	
	.tab_menu {margin: 70px 0 50px 0;}
	.tab_menu ul li a{ padding:20px 30px;}
	
	.p00005 .s02 h2{ font-size:30px;}
	.p00005 .s02 .area p+p { margin-left:30px;}

	.root_daum_roughmap .wrap_map{height:400px !important;}
	
	.p00006 .bTit{ font-size:27px;}
	.p00006 dl+dl { margin-top:50px;}
	.p00006 dt{ font-size:25px;}
	.p00006 dd ul{ display:block;}
	.p00006 dd li{ width:100%;}
	
	.p00007 .s01 .bTxt span{ display:block; margin:10px 0;}
	.p00007 .s01 .ul li {width: calc((100% / 4) - 53px);}
	.p00007 .s01 .bTxt{ font-size:20px; line-height:25px;}
	.p00007 .bg{ padding:50px 20px;}
	.p00007 .s01{ margin-top:50px;}
	.p00007 .s01 .ul li + li{ padding-left:40px;}
	.p00007 .s01 .ul li + li::after{ left:0;}
	
}
@media all and (max-width : 640px){
	.p00007 .s01 .ul li {width: calc((100% / 3) - 47px);}
	.p00007 .s01 .ul li::before{ width:80px; height:80px;background-size: auto 30px; }
	
}
	
	
	
@media all and (max-width : 480px){	
	
	.p00005 .s02 h2{ font-size:25px;}
	.p00005 .s02 .area{ display:block;}
	.p00005 .s02 .area p + p {margin-left:0px;}
}