@charset "utf-8";

.subVisual{ position:relative; }
.subVisual img{ width:100%;}

.sub_tit{ position:absolute; top:50%; left:10%; transform: translateY(-50%);z-index:11; margin-top:50px; color:#fff;}
.sub_tit h1{ font-size:55px; margin-bottom:5px;}
.sub_tit p{ font-size:30px;}

.sub-menu{background: linear-gradient(315deg, rgba(0, 52, 133) 38%, rgba(0, 114, 188) 100%);display: flex; flex-wrap: wrap;gap:50px; padding:25px 50px; }
.sub-menu a{color:#fff; font-size:23px; font-weight:600;}
.sub-menu .active a{ color:#0FF}

.page_tit{ margin:100px 0 30px 0;}
.page_tit h1{ font-size:35px; margin-bottom:10px;}
.location, .location a{ color:#777;}

.table {border-top: 2px solid #111; border-bottom: 1px solid #111; width:100%; text-align:center;}
.table tr>* { padding: .8888888889rem; border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5}
.table tr>*:last-child {border-right: 0}
.table tr>*[rowspan]:not(:first-child) { border-left: 1px solid #e5e5e5}
.table th{ background:rgb(0,0,0,0.05); font-weight:600;}

.basic-dl dl{display: grid; grid-template-columns:350px 1fr; padding:30px 0; border-bottom:1px #ddd solid; }
.basic-dl dl dt{ font-size:30px; font-weight:700;}

.basic-dl-img dl{display: grid; grid-template-columns:650px 1fr; padding:30px 0; border-bottom:1px #ddd solid; } 



.tab_wrap .mobile_tab{ display:none;}
.tab_wrap .sub_depth1{display: grid; grid-template-columns:repeat(5, 1fr);margin-bottom:40px; text-align:center;gap:7px;}
.tab_wrap .sub_depth2{display:flex;margin:25px 0 0 0;list-style:none; border-bottom:1px #333 solid;}
.tab_wrap .sub_depth1 li,.sub_depth2 li{cursor:pointer;transition:.3s;}
.tab_wrap .sub_depth1 li{padding:15px 35px;}
.tab_wrap .sub_depth1 li{border:1px solid #ddd;background:#f5f5f5;}
.tab_wrap .sub_depth1 li.active{background:rgb(0,0,0,0.1);font-weight:700;}
.tab_wrap .sub_depth2 li{ padding:15px 0; font-size:27px;}
.tab_wrap .sub_depth2 li+li{ position:relative;padding-left:20px; margin-left:20px; }
.tab_wrap .sub_depth2 li+li:before{ content:''; position:absolute; top:50%;transform: translateY(-50%); left:0; width:1px; height:20px; border-left:1px #ccc solid; }
.tab_wrap .sub_depth2 li.active{ font-weight:700; color:#0066cc}
.tab_wrap .tab_content{display:none;}
.tab_wrap .tab_content.active{display:block;}
.tab_wrap .sub_content{display:none;}
.tab_wrap .sub_content.active{display:block;}


.noticeBox{ background:rgb(0,0,0,0.05); border:1px #ddd solid; padding:50px 0; text-align:center; font-size:20px; border-radius:15px;}
.noticeBox strong{ font-size:30px;}
.noticeBox p{ color:#555; margin-top:10px;}


/*p00001*/
.p00001 .s01 {margin-top: 60px;}
.p00001 .s01 h1{ font-size:45px; font-weight: 700;}
.p00001 .s01 p{ font-size:25px; margin-bottom: 30px;}
.p00001 .s01 p strong{font-weight: 600;}
.p00001 .s01 a{ display:inline-block; background:#06C; color:#fff; padding:20px 30px; margin-top:30px; font-size:20px;}
.p00001 .s01 .link{text-align:right;}
.p00001 .s01 a i{ margin-left:20px;}


/*p00002*/
.p00002 .s02{ margin-top:50px; /*border-bottom:2px #222 solid; padding-bottom:50px;*/}
.p00002 .s02 dl{ display:flex; justify-content: space-between; align-items: center;}
.p00002 .s02 dl dt h3{ font-size:45px; padding-bottom:10px; font-weight:700;}
.p00002 .s02 dl dt b{ font-weight:700; padding-right:5px;}
.p00002 .s02 dl dt span+span{ margin-left:30px;}
.p00002 .s02 dl dd{display:flex;align-items: center; }
.p00002 .s02 a{ display:inline-block; padding:17px 35px; color:#fff; border-radius:10px; font-size:22px;}
.p00002 .s02 a i{ display:inline-block; margin-right:10px;}
.p00002 .s02 a.naver{ background:#093; display:flex;align-items: center; }
.p00002 .s02 a.google{ background:#333}
.p00002 .s02 a+a{ margin-left:10px;}
.p00002 .s02 a.naver span:before{ content:''; display:inline-block; background:url(../img/sub/naver-icon.png) no-repeat; background-size:100% auto; width:15px; height:15px;margin-right:10px; }
.p00002 .s03 li{display: grid; grid-template-columns:200px 1fr; border-bottom:1px #ddd solid; padding:15px 0; }
.p00002 .s03 li b{ text-align:center;}

.root_daum_roughmap .cont{ display:none;}
.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:670px !important;}


/*p00003, p00004*/
.sub02 .s01{}	
.sub02 .s01 h1{ font-weight:700; font-size:55px; color:#0164b1;} 
.sub02 .s01 h1 span{ font-size:40px;}
.sub02 .s01 h2{ font-weight:700; font-size:35px; margin-bottom:20px;} 
.sub02 .s01 p{ font-size:25px; margin-top:10px; line-height: 45px;}
.sub02 .s01 dl{ border-top:2px #333 solid; border-bottom:1px solid rgb(0,0,0,0.5); margin:30px 0; padding:30px 0;}
.sub02 .s01 .dl2{ border-top:none; padding: 0 0 30px 0;}
.sub02 .s01 dl dt{  flex-basis:20%; font-size:29px; font-weight:600;}
.sub02 .s01 dl dd{ line-height:30px;}
.sub02 .s01 dl dd ul li{font-size: 24px;    line-height: 46px;}
.sub02 .s01 dl dd ul li strong{ font-weight: 600; background: #efefef;  padding: 10px 30px; border-radius: 50px; display: block;}
.sub02 .s01 dl dd ul li p{    font-size: 22px; line-height: 35px; margin-bottom: 15px;}
.sub02 .s01 p strong{ color:#0164b1; font-weight:600; margin-bottom:10px;}
.sub02 .s01 img{ width:100%; margin-bottom:50px; border-radius: 16px;}


/*p00005*/
.p00005 { }
.p00005 .p00005 .privacy_wrap { margin-bottom: 60px; }
.p00005 .sec_tit { font-size: 22px; font-weight: 700; color: #111; margin-bottom: 20px;}

.p00005 .privacy_wrap .tab_list { display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; margin: 0; padding: 0; list-style: none; }
.p00005 .privacy_wrap .tab_list li { flex: 1; text-align: center; border: 1px solid #ddd; border-bottom: none; background: #f5f5f5; margin-left: -1px; }
.p00005 .privacy_wrap .tab_list li:first-child { margin-left: 0; }
.p00005 .privacy_wrap .tab_list li a { display: block; padding: 22px 10px; font-size: 16px; color: #666; text-decoration: none; font-weight: 500; letter-spacing: -0.5px; }
.p00005 .privacy_wrap .tab_list li.on { background: #fff; border-top: 2px solid #333; position: relative; }
.p00005 .privacy_wrap .tab_list li.on::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: #fff; }
.p00005 .privacy_wrap .tab_list li.on a { color: #333; font-weight: 700; }
.p00005 .privacy_wrap .tab_list_con { border: 1px solid #ddd; border-top: none; padding: 30px; background: #fff; height: 280px; overflow-y: auto; margin-bottom: 20px; }
.p00005 .privacy_wrap .tab_list_con .cont { display: none; }
.p00005 .privacy_wrap .tab_list_con .cont.on { display: block; }
.p00005 .privacy_wrap .privacy_box { font-size: 16px; color: #555; line-height: 1.6; }
.p00005 .privacy_wrap .privacy_box h4 { font-size: 18px; font-weight: 700; color: #111; margin: 30px 0 10px 0; padding-bottom: 8px; border-bottom: 1px dashed #ccc; }
.p00005 .privacy_wrap .privacy_box h4:first-child { margin-top: 0; }
.p00005 .privacy_wrap .privacy_box h5 { font-size: 16px; font-weight: 700; color: #333; margin: 15px 0 10px 0; }
.p00005 .privacy_wrap .privacy_box p { margin-bottom: 10px; }
.p00005 .privacy_wrap .privacy_box ul { margin-bottom:15px;  }
.p00005 .privacy_wrap .privacy_box ul li { margin-bottom: 8px; }
.p00005 .privacy_wrap .privacy_box .sub_list { padding-left: 10px; }
.p00005 .privacy_wrap .privacy_box .sub_list li { margin-bottom: 4px; color: #777; }
.p00005 .privacy_wrap .privacy_box .date { color: #888; margin-top: 15px; font-size: 15px; }
.p00005 .privacy_agree { text-align: center; font-size: 16px; color: #333; }
.p00005 .privacy_agree input { margin-right: 8px; width: 18px; height: 18px; vertical-align: middle; }
.p00005 .form_wrap { margin-top: 60px;  background: #f7faff; padding: 60px; border-radius: 12px; }
.p00005 .form_table { border-top: 2px solid #222; border-bottom: 1px solid #222; }
.p00005 .f_row { display: flex; border-bottom: 1px solid #eaeaea; background: #fff; }
.p00005 .f_row:last-child { border-bottom: none; }
.p00005 .f_th { width: 180px; padding: 20px; font-size: 16px; font-weight: 600; color: #333; display: flex; align-items: center; }
.p00005 .f_td { flex: 1; padding: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.p00005 .phone_inputs { display: flex; align-items: center; gap: 10px; }
.p00005 .f_input { border: 1px solid #ddd; padding: 12px 15px; border-radius: 4px; font-size: 15px; width: 100%; max-width: 350px; outline: none; box-sizing: border-box; transition: 0.3s; }
.p00005 .f_input:focus, .p00005 .f_select:focus, .p00005 .f_textarea:focus { border-color: #333; }
.p00005 .f_input.tel { max-width: 90px; text-align: center; }
.p00005 .f_input.short { max-width: 150px; }
.p00005 .f_input.full { max-width: 100%; }
.p00005 .f_select { border: 1px solid #ddd; padding: 12px 15px; border-radius: 4px; font-size: 15px; min-width: 150px; outline: none; }
.p00005 .radio_group { display: flex; flex-wrap: wrap; gap: 15px 25px; }
.p00005 .radio_group label { display: flex; align-items: center; font-size: 15px; color: #444; cursor: pointer; }
.p00005 .radio_group input { margin-right: 6px; width: 16px; height: 16px; }
.p00005 .f_textarea { width: 100%; height: 250px; border: 1px solid #ddd; padding: 15px; border-radius: 4px; font-size: 15px; outline: none; resize: vertical; box-sizing: border-box; font-family: inherit; }
.p00005 .btn_wrap { display: flex; justify-content: center; gap: 10px; margin-top: 40px; }
.p00005 .btn_cancel { display: inline-block; padding: 15px 50px; background: #999; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 4px; }
.p00005 .btn_submit { display: inline-block; padding: 20px 70px; background: #0164b1; color: #fff; font-size: 20px; font-weight: 600;  border-radius: 12px; cursor: pointer; }




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

	.sub_tit h1{ font-size:45px;}
	.sub_tit p{ font-size:25px;}
	.sub-menu{gap:35px; }
	.sub-menu a{font-size:19px;}
	
	.page_tit{ margin:70px 0 30px 0;}
	.page_tit h1{ font-size:30px;}
	
	.basic-dl dl dt{ font-size:25px;}	
	
	.basic-dl-img dl{grid-template-columns:550px 1fr; }
	
	
	.p00001 .s02 ul {gap:27px;}
	.p00001 .s02 ul li{ font-size:20px; line-height:30px;}
	.p00001 .s02 img{height:70px;}
	.p00001 .s01 a{ font-size:18px;}
	.p00001 .s01 p {font-size: 22px;}

	.p00002 .s02 dl dt h3{ font-size:35px;}
	.p00002 .s02 a{ font-size:20px;}
	.p00002 .s03 li{ padding:13px 0; }
	.root_daum_roughmap .wrap_map{height:570px !important;}
	
	.sub02 .s01 h1{font-size:45px;} 
	.sub02 .s01 h1 span{ font-size:35px;}
	.sub02 .s01 h2{font-size:30px} 
	.sub02 .s01 p{ font-size:20px; line-height: 35px;}

}

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

	.sub_tit {margin-top: 0;}


	.p00002 .s02 dl{ display:block;}
	.p00002 .s02 dl dd{ margin-top:10px;}
	.root_daum_roughmap .wrap_map{height:470px !important;}
		
	.sub02 .s01{ padding:0 15px;} 
	.sub02 .s01{ margin-top:50px;}
	
	
}




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

	.sub-menu-wrap{display: none;}
	.sub_tit h1 { font-size: 32px;}
	.sub_tit p { font-size: 20px;}
			
	.p00001 .s02 ul {grid-template-columns: repeat(2, 1fr);gap:10px;}
	
	.sub02 .s01 h1 { font-size: 36px;}
	.sub02 .s01 h1 span { font-size: 26px;}
	.sub02 .s01 dl dt {font-size: 24px;}
	.sub02 .s01 dl dd ul li {  font-size: 20px; line-height: 35px;}
	.sub02 .s01 img {border-radius: 4px;}
	
	.p00005 .form_wrap { padding: 40px; margin-top: 40px; }
	.p00005 .privacy_wrap .tab_list li a { padding: 15px 5px; font-size: 14px; }
	.p00005 .f_th { width: 140px; padding: 15px; }
	.p00005 .f_td { padding: 15px; }
	
	
}


@media all and (max-width : 960px){
	
	
	.sub02 .s01 h1 { font-size: 36px;}
	.sub02 .s01 h1 span { font-size: 26px;}
	.sub02 .s01 dl dt {font-size: 24px;}
	.sub02 .s01 dl dd ul li {  font-size: 20px; line-height: 35px;}
	.sub02 .s01 img {border-radius: 4px;}
}


@media all and (max-width : 800px){
	
	.sub_V {margin-bottom: 80px;}
	
	.sub_top_box .inner .title h2 span{ font-size:35px;}
	.sub_top_box .inner .title h2{ font-size:20px;}
	
	.p00002 .s02 dl dt h3 {font-size:30px;}
	
    .sub02 .s01 h2 {  font-size: 24px; }
	.sub02 .s01 p, .sub02 .s01 dl dd ul li {  font-size: 18px; line-height: 30px; }
	.sub02 .s01 dl { flex-direction: column;}
	    
	.p00005 .form_wrap {padding: 30px 10px;}
	.p00005 .btn_submit {  padding: 15px 55px;font-size: 17px;}
	.p00005 .f_th {width: 70px;}
	.p00005 .privacy_wrap .tab_list_con {padding: 15px;}
	

}

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

	.sub_V {height: 35vh;}	
	
	.sub_tit { margin-top: 0;  left: 5%;  width: 90%;  text-align: center;  }
    .sub_tit h1 { font-size: 22px;}
    .sub_tit h1 {   font-size: 28px;  margin-bottom: 10px;  }
    .sub_tit p {  font-size: 16px; }
    .sub_tit p br { display: none;  }
	.subVisual img { height: 16vh;}
		
	
	
	.p00001 .s02 ul {grid-template-columns: repeat(1, 1fr);}
	.p00001 .s01 h1 {font-size: 32px;}
	.p00001 .s01 p { font-size: 18px;}
	.p00001 .s02 h2 {font-size: 24px;}
	.p00001 .s02 ul li b {font-size: 22px;}
	.p00001 .s02 ul li {font-size: 18px;}
	
	.p00002 .s02 dl dt h3 {font-size:25px;}
	.p00002 .s03 li {grid-template-columns:100px 1fr;}
	.root_daum_roughmap .wrap_map{height:350px !important;}
	
	   
	.sub02 .s01 { margin-top: 0; }
	.sub02 .s01 img {margin-bottom: 22px;}
	.sub02 .s01 h1{ font-size:30px;}
	.sub02 .s01 h1 span{ font-size:22px;}	
	.sub02 .s01 h2{ font-size:18px;}
	.sub02 .s01 p, 	.sub02 .s01 dl dd ul li, .sub02 .s01 dl dd ul li p{ font-size:16px; line-height: 24px;}
	.sub02 .s01 dl dd ul li p { margin-bottom: 0;}
	.sub02 .s01 dl dt{ font-size: 20px;}
	.sub02 .s01 dl dd{ line-height:10px;}
	
}