


.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:85vh; 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:#000;}
.p00001 p+p{ margin-top:15px;}
.p00001 .s01 strong{font-family: 'BookkMyungjo'; display: block; margin: 70px 0; font-size: 70px; color: #00a0e5; line-height: 94px; font-weight: 700; letter-spacing: -5px;}
.p00001 .s02{ position:relative;background:url(../img/sub/01/00001-01.jpg) no-repeat 50% 50% / cover; height:75vh; 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:#1c1b1b; padding-bottom:200px ; color:#fff;}
.p00001 .s03 p+h1{ margin-top:70px;}
.p00001 .s03 p{ color:rgb(255,255,255,0.7)}
.p00001 .s04 {margin: 160px 0 50px 0;}
.p00001 .s04 .inner{display: flex;}
.p00001 .s04 .inner .s04_t {flex-basis: 28%;  flex-shrink: 0;}
.p00001 .s04 .inner .s04_t h2{font-size: 57px; font-family: 'Paperlogy'; margin-bottom: 20px; font-weight: 600;}
.p00001 .s04 .inner .s04_b {flex-grow: 1;}
.p00001 .s04 .inner .s04_b ul li{    margin-bottom: 46px;}
.p00001 .s04 .inner .s04_b ul li h5{background-color: #efefef; font-size: 30px; font-weight: 600; font-family: 'Paperlogy'; padding: 12px 30px; border-radius: 16px;}
.p00001 .s04 .inner .s04_b ul li strong{color: #00a0e5; font-size: 30px; font-weight: 500; margin: 20px; display: block;}
.p00001 .s04 .inner .s04_b ul li p{ font-size: 24px; margin-left: 20px;}



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


.p00002 > .s01 h1, .p00003 .s01 h1{ font-size:60px; font-weight:700;}
.p00002 > .s01 h1 {    margin-bottom: 34px;}
.p00002 > .s01 h1 strong{color: #00a0e5; 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 .s02{ margin-top:50px;}
.p00002 .s02 img{ width:100%; border-radius: 16px;}
.p00002 .s02 .inner p {position: relative;}
.p00002 .s02 .inner p span {position: absolute; bottom: 13%; left: 7%; font-size: 40px;font-weight: 700;font-family: 'BookkMyungjo'; color: #4c4c4c; line-height: 60px;}
.p00002 .s02 h2{ margin-top:30px; font-weight:600;}
.p00002 .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 .s02 h1 span{ font-size:50px;}
.p00002 .s02 dl dt{flex-basis:20%; font-size:30px; font-weight:600;}
.p00002 .s02 dl+dl{ border-top:1px solid rgb(0,0,0,0.2); padding-top:30px; margin-top:30px;}
.p00002 .s02 .dl dd{ color: #333; font-size: 22px;  line-height: 32px;}
.p00002 .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 .s01 p strong{font-weight: 600; color: #00a0e5;}
.p00003 .s02{ margin:100px 0;}	
.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 p{ font-size:25px; margin-top:10px; line-height: 45px;}
.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 .dl2{ border-top:none; padding: 0 0 30px 0;}
.p00003 .s02 dl dt{  flex-basis:20%; font-size:29px; font-weight:600;}
.p00003 .s02 dl dd{ line-height:30px;}
.p00003 .s02 dl dd ul li{font-size: 24px;    line-height: 46px;}
.p00003 .s02 dl dd ul li strong{ font-weight: 600; background: #efefef;  padding: 10px 30px; border-radius: 50px; display: block;}
.p00003 .s02 dl dd ul li p{    font-size: 22px; line-height: 35px; margin-bottom: 15px;}
.p00003 .s02 p strong{color:#000; font-weight:600; margin-bottom:10px;}
.p00003 .s02 img{ width:100%; margin-bottom:50px;}

.tabmenu_box {margin-bottom: 44px;}
.tab_menu ul{display: grid; grid-template-columns: repeat(6, 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:#00a0e5;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;}
/**교통사고 추가**/
.s03_sec{padding-top: 10px;}
.s03_sec .s03_con { }
.s03_sec .s03_con .intro-box { background: #f5f5f5; padding: 40px; border-radius: 10px; margin-bottom: 60px;  box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.s03_sec .s03_con .intro-box h3 {  color: #00a0e5;font-size: 28px; font-weight: 700; margin-bottom: 20px;}
.s03_sec .s03_con .intro-box p { font-size: 22px; line-height: 1.8; }
.expertise-section { background:#00a0e5;  color: #fff;padding: 60px 0; margin: 60px 0; border-radius: 10px; text-align: center;}
.expertise-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); margin-top: 40px;}
.expertise-icon {  font-size: 48px; margin-bottom: 20px; }
.expertise-grid .expertise-item h5 { font-weight: 700; font-size: 26px;  margin-bottom: 10px;}
.expertise-grid .expertise-item p { font-size: 20px;}       
.process-section { background: #f5f7fa; padding: 60px 0; text-align: center; margin-bottom: 60px;}
.process-steps {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-top: 40px; }
.process-step { text-align: center; position: relative; }
.step-number { display: inline-block; width: 60px; height: 60px; background: #3949ab;  color: white; border-radius: 50%;  line-height: 60px;font-size: 24px;  font-weight: bold; margin-bottom: 20px;}
.process-step h5 {font-weight: 700; color: #1a237e;  font-size: 26px; margin-bottom: 10px; }
.cta-section {  background: linear-gradient(135deg, #3949ab 0%, #1a237e 100%); color: white; padding: 80px 0; text-align: center; border-radius: 40px;}
.cta-section h2 { font-size: 36px; margin-bottom: 20px; }
.cta-section p { font-size: 20px;  margin-bottom: 30px; }
.cta-button { display: inline-block;  background: #fff;color: #1a237e; padding: 15px 40px; border-radius: 50px; text-decoration: none; font-size: 18px;font-weight: bold; transition: all 0.3s ease; }
.cta-button:hover { transform: scale(1.05);  box-shadow: 0 10px 30px rgba(0,0,0,0.3);}
.highlight { background: #fff3cd;padding: 20px; border-left: 4px solid #ffc107;  margin: 30px 0; }
.highlight h3{font-weight: 600;}
.price-tag { display: inline-block; background: #ff5252;  color: #fff;   padding: 5px 15px;  border-radius: 20px;  font-weight: bold;  margin-left: 10px; }
.service-grid { display: grid;   grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-bottom: 60px;}
.service-card { background: white;  border: 1px solid #e0e0e0; border-radius: 10px; padding: 30px; transition: all 0.3s ease; }
.service-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1);transform: translateY(-5px); }
.service-card h4 { color: #1a237e; font-weight: 600;font-size: 24px; margin-bottom: 15px;}
.service-card li {  padding: 8px 0; padding-left: 25px;position: relative; }
.service-card li:before {content: '✓';position: absolute; left: 0;  color: #3949ab; font-weight: bold; }
        



.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 h1{font-size: 60px;font-weight: 700; margin-bottom: 34px;}
.p00004 .s01 h1 strong{    color: #00a0e5; font-weight: 700;}
.p00004 .s01 p{font-size: 27px;  margin-top: 10px;}
.p00004 .s02 {margin-top: 100px;}
.p00004 .s02 .inner {display: flex; border-top: 2px #333 solid; border-bottom: 2px #333 solid;padding-top: 70px;}
.p00004 .s02 .inner .s02_t {flex-basis: 34%;  flex-shrink: 0;}
.p00004 .s02 .inner .s02_t h2{font-size: 57px; font-family: 'Paperlogy'; margin-bottom: 20px;    font-weight: 600;}
.p00004 .s02 .inner .s02_t p{font-size: 27px; color: #555;}
.p00004 .s02 .inner .s02_b {flex-grow: 1;}
.p00004 .s02 .inner .s02_b ul li{    margin-bottom: 46px;}
.p00004 .s02 .inner .s02_b ul li h5{background-color: #efefef; font-size: 30px; font-weight: 600; font-family: 'Paperlogy'; padding: 12px 30px; border-radius: 16px;}
.p00004 .s02 .inner .s02_b ul li strong{color: #00a0e5; font-size: 30px; font-weight: 500; margin: 20px; display: block;}
.p00004 .s02 .inner .s02_b ul li p{ font-size: 24px; margin-left: 20px;    padding: 8px 0;}

/*.p00004 .s03 { margin-top: 70px;}*/
.p00004 .s03 .inner {display: flex;border-bottom: 2px #333 solid; padding-bottom: 50px;}
.p00004 .s03 .inner .s03_t {flex-basis: 34%;  flex-shrink: 0;}
.p00004 .s03 .inner .s03_t h2{font-size: 57px; font-family: 'Paperlogy'; margin-bottom: 20px;    font-weight: 600;}
.p00004 .s03 .inner .s03_t p{font-size: 27px; color: #555;}
.p00004 .s03 .inner .s03_b {flex-grow: 1;}
.p00004 .s03 .inner .s03_b ul li{    margin-bottom: 30px;}
.p00004 .s03 .inner .s03_b ul li h5{display: inline-block; background-color: #efefef; font-size: 25px; font-weight: 600; font-family: 'Paperlogy'; padding: 12px 30px; border-radius: 16px;}
.p00004 .s03 .inner .s03_b ul li strong{color: #00a0e5; font-size: 30px; font-weight: 500; margin: 20px; display: block;}
.p00004 .s03 .inner .s03_b ul li span{ font-size: 24px; margin-left: 20px; padding: 8px 0;}

/*.p00004 .s04 { margin-top: 70px;}*/
.p00004 .s04 .inner {display: flex;}
.p00004 .s04 .inner .s04_t {flex-basis: 34%;  flex-shrink: 0;}
.p00004 .s04 .inner .s04_t h2{font-size: 57px; font-family: 'Paperlogy'; margin-bottom: 20px;    font-weight: 600;}
.p00004 .s04 .inner .s04_t p{font-size: 27px; color: #555;}
.p00004 .s04 .inner .s04_b {flex-grow: 1;}
.p00004 .s04 .inner .s04_b ul li{    margin-bottom: 30px;}
.p00004 .s04 .inner .s04_b ul li h5{display: inline-block; background-color: #efefef; font-size: 25px; font-weight: 600; font-family: 'Paperlogy'; padding: 12px 30px; border-radius: 16px;}
.p00004 .s04 .inner .s04_b ul li strong{color: #00a0e5; font-size: 30px; font-weight: 500; margin: 20px; display: block;}
.p00004 .s04 .inner .s04_b ul li span{ font-size: 24px; margin-left: 20px;    padding: 8px 0;}


#counsel {padding-bottom: 80px;}
#counsel .consultation{text-align: center;}
#counsel .consultation .content strong{font-size: 48px; margin-top: 10px;}
#counsel .consultation .content p{font-size: 26px; margin-bottom: 40px;}
#counselform { text-align: center; background-color: #efefef; font-size: 26px;font-weight: 500; font-family: 'Paperlogy'; padding: 25px 0px; border-radius: 16px;}
#counselform select{    padding: 10px 22px; font-size: 20px; border-radius: 4px;  font-family: 'Paperlogy'; margin-right: 40px;}
#counselform input { padding: 10px 22px; font-size: 20px; border-radius: 4px;  font-family: 'Paperlogy'; margin: 0 40px 0 10px;}
#counselform .inputbtn{    background-color: #00a0e5; color: #fff;}
#counselform .inputbtn:hover{background-color:#003663; }
#counselform .checkbox { margin: 0px; width: 20px; height: 20px; border-radius: 4px;  font-weight: 400;}
#counselform span{font-size: 18px; }

#MsgForm { text-align: center; background-color: #efefef; font-size: 26px;font-weight: 500; font-family: 'Paperlogy'; padding: 25px 0px; border-radius: 16px;}
#MsgForm select{    padding: 10px 22px; font-size: 20px; border-radius: 4px;  font-family: 'Paperlogy'; margin-right: 40px;}
#MsgForm input { padding: 10px 22px; font-size: 20px; border-radius: 4px;  font-family: 'Paperlogy'; margin: 0 40px 0 10px;}
#MsgForm .inputbtn{    background-color: #00a0e5; color: #fff;}
#MsgForm .inputbtn:hover{background-color:#003663; }
#MsgForm .checkbox { margin: 0px; width: 20px; height: 20px; border-radius: 4px;  font-weight: 400;}
#MsgForm span{font-size: 18px; }



#p00005{}
#p00005 .tab_list{ display:flex; gap: 1%;}
#p00005 .tab_list li{ list-style-type:none;width:50%; background-color:#efefef;  text-align:center; box-sizing:border-box; display: flex; align-items: center; border-radius: 10px; margin: 20px 0;}
#p00005 .tab_list li.on{background-color:#fff;}
#p00005 .tab_list li.on a{background: #00a0e5; color: #fff;font-weight:600;}
#p00005 .tab_list li a{display:inline-block; width:100%; padding:24px 0; font-size:26px; color:#555; border-radius: 10px;}
#p00005 .tab_list_con .cont{display:none;}
#p00005 .tab_list_con .cont.on{display:block;}
#p00005 .tab_list_con .cont .s01{ margin-bottom:70px;}
#p00005 .tab_list_con .cont .s02 { position:relative;}
#p00005 .tab_list_con .cont .s02 h2{ font-size:40px; font-weight:700; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
#p00005 .tab_list_con .cont .s02 .area{ display: flex; font-weight:600; font-size:25px;}
#p00005 .tab_list_con .cont .s02 .area p+p{ margin-left:50px;}
#p00005 .tab_list_con .cont .s02 .area p span{ color:#777; padding-right:15px;}
#p00005 .tab_list_con .cont .s03{ position:absolute; right:0; top:0; display:flex;}
#p00005 .tab_list_con .cont .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 .tab_list_con .cont .tab_list_con .cont .s03 a+a{ margin-left:20px;}
#p00005 .tab_list_con .cont .s03 a .icon{ font-size:30px;}
#p00005 .tab_list_con .cont .s03 a span{ display:block; margin:5px 0;}
#p00005 .tab_list_con .cont .s03 a .arrow{ color:#999;}
#p00005 .tab_list_con .cont .s03 a:hover{ background:#00a0e5; color:#fff;}
#p00005 .tab_list_con .cont .s03 a:hover .arrow{ color:#fff; opacity:0.5;}
#p00005 .tab_list_con .cont .s04 iframe{ width:100%; height:660px;}


.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:100px 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:50px; line-height:70px; }
	.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 h1{font-size:45px;} 
	.p00003 .s02 h1 span{ font-size:35px;}
	.p00003 .s02 h2{font-size:30px} 
	.p00003 .s02 p{ font-size:21px;}
	
	.tab_menu ul li a {font-size:20px; padding:20px 20px;}
	

	.p00004 .s02 .inner .s02_t h2, .p00004 .s03 .inner .s03_t h2, .p00004 .s04 .inner .s04_t h2 {font-size: 42px;}
	
	
	.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 : 1400px){
	
	#counselform {font-size: 20px;}
	#counselform select {font-size: 18px; margin-right: 20px;}
	#counselform input {margin: 0 20px 0 10px;}
}



@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:36px; line-height:50px;}
	.p00001 p+p {margin-top: 10px;}
	.p00001 .s02{ margin-top:100px;/* padding:0 15px; background-position:90% 100%;*/  height: 43vh;}
	.p00001 .s02 .inner .area p{ font-size:37px;}
	.p00001 .s03{ padding:0 15px 100px 15px;}
	.p00001 .s04 .inner .s04_t h2 {font-size: 42px;}
	.p00001 .s04 .inner .s04_b ul li h5 {font-size: 26px;}
	.p00001 .s04 .inner .s04_b ul li strong { font-size: 24px; margin: 10px;}
	.p00001 .s04 .inner .s04_b ul li p {font-size: 20px;}
	
	.p00002 > .s01 h1, .p00003 .s01 h1, .p00004 .s01 h1{ font-size:40px;}
	.p00002 > .s01{ padding:0 10px;}
	.p00002 .s02 .inner p span { left: 4%; font-size: 30px;line-height: 46px;}
	
	.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, .p00004 .s04{ padding:0 15px;}
	.p00004 .s01 p {font-size: 22px;}
	.p00004 .s01 h1 {margin-bottom: 24px;}
	.p00004 .s02 { margin-top: 60px;}
	.p00004 .s02 .inner .s02_t, .p00004 .s03 .inner .s03_t, .p00004 .s04 .inner .s04_t {flex-basis: 26%;}
	.p00004 .s02 .inner .s02_t p, .p00004 .s03 .inner .s03_t p, .p00004 .s04 .inner .s04_t p {font-size: 20px;}

	.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;}
	
	.p00001 .s02 {	height: 34vh;}
	.p00001 .s02 .inner .area {bottom: 60px;}
	.p00001 .s04 {margin: 80px 0 50px 0;}
	.p00001 .s04 .inner {display: block;}
	.p00001 .s04 .inner .s04_t {margin-bottom: 24px;}
	
	
	.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;}
	.p00002 .s02 .inner p span { font-size: 26px; line-height: 38px; letter-spacing: -3px;}
	.p00002 .s02 h1 {font-size: 42px;}
	.p00002 .s02 h1 span {font-size: 26px;}
	.p00002 .s02 dl dt {font-size: 22px;}
	.p00002 .s02 .dl dd {font-size: 20px;}
	
	.tab_menu ul li a {font-size: 18px;  padding: 20px 5px;}
	.p00003 .s02 h1 { font-size: 36px;}
	.p00003 .s02 h1 span { font-size: 26px;}
	.p00003 .s02 dl dt {font-size: 24px;}
	.p00003 .s02 dl dd ul li {  font-size: 20px; line-height: 35px;}
	
	
	.p00004 .s02 .inner .s02_t h2, .p00004 .s03 .inner .s03_t h2, .p00004 .s04 .inner .s04_t h2 {font-size: 32px;}
	.p00004 .s02 .inner .s02_b ul li h5 {font-size: 24px;}
	.p00004 .s03 .inner .s03_b ul li h5, .p00004 .s04 .inner .s04_b ul li h5 {font-size: 20px;}
	.p00004 .s02 .inner .s02_b ul li, .p00004 .s03 .inner .s03_b ul li, .p00004 .s04 .inner .s04_b ul li { margin-bottom: 20px;}
	.p00004 .s02 .inner .s02_b ul li p, .p00004 .s03 .inner .s03_b ul li span, .p00004 .s04 .inner .s04_b ul li span {font-size: 20px;}
	.p00004 .s02 .inner{padding-top: 40px;}
	.p00004 .s03, .p00004 .s04 {margin-top:40px;}
	.p00004 .s03 .inner { padding-bottom: 27px;}
	
	.contentbox .tabcontent{ padding-top:20px;}
	
	#counselform {display: grid; text-align: left;  padding: 40px;}
	#counselform label{ padding: 14px;}
	#counselform .inputbtn{margin-top: 40px;}
}









@media all and (max-width : 640px){
	
	.sub_V, .bo_style .sub_V{  height:400px; margin-bottom: 50px;}
	.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:24px; line-height:35px; margin: 0 0 30px 0;}
	.p00001 .s02{margin-top: 72px; background-position: 90% 100%;}
	.p00001 .s02 .inner .area{ margin-left: 12px;}
	.p00001 .s02 .inner .area p{ font-size:25px;}
	.p00001 .s03 p + h1{ margin-top:30px;}
	.p00001 .s04 { margin: 40px 0;}
	.p00001 .s04 .inner .s04_t h2 {font-size: 30px;  margin-bottom: 5px;}
	.p00001 .s04 .inner .s04_b ul li h5 { font-size: 22px; padding: 10px 22px;}
	.p00001 .s04 .inner .s04_b ul li strong {font-size: 20px;}
	.p00001 .s04 .inner .s04_b ul li p {  font-size: 18px; }
	
	.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 .s02 { margin-top: 30px;}
	.p00002 .s02 img {  border-radius: 8px;}
	.p00002 .s02 .inner p span { font-size: 18px; line-height: 26px;}
	.p00002 .s02 dl dt {flex-basis: 18%;}
	.p00002 .s02 .dl dd { font-size: 18px; line-height: 28px;}
	.p00002 .s03 .area01 p:nth-child(1){ font-size:18px;}
	
	
	.tab_menu ul {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.p00003 .s02 { margin: 70px 0;}
	.p00003 .s02 img {margin-bottom: 22px;}
	.p00003 .s02 h1{ font-size:35px;}
	.p00003 .s02 h1 span{ display:block; font-size:25px;}	
	.p00003 .s02 h2{ font-size:25px;}
	.p00003 .s02 p, .p00003 .s02 dl dd ul li, .p00003 .s02 dl dd ul li p{ font-size:18px; line-height: 26px;}
	.p00003 .s02 dl dd ul li p { margin-bottom: 0;}
	.p00003 .s02 dl dt{flex-basis:27%;}
	.p00003 .s02 dl dd{ line-height:10px;}
	.s03_sec .s03_con .intro-box {	padding: 30px 20px;}
	.s03_sec .s03_con .intro-box h3 {font-size: 20px;}
	.s03_sec .s03_con .intro-box p { font-size: 18px; line-height: 1.3;}
	
	.p00004 .s01 p {  font-size: 18px;}
	.p00004 .s02 {  margin-top: 40px;}
	.p00004 .s02 .inner, .p00004 .s03 .inner, .p00004 .s04 .inner {display: block;}
	.p00004 .s02 .inner .s02_t, .p00004 .s03 .inner .s03_t, .p00004 .s04 .inner .s04_t {  margin-bottom: 15px;}
	.p00004 .s02 .inner .s02_b ul li h5 { font-size: 20px;}
	.p00004 .s02 .inner .s02_b ul li p, .p00004 .s03 .inner .s03_b ul li span, .p00004 .s04 .inner .s04_b ul li span {  font-size: 18px;}
	.p00004 .s02 .inner .s02_t h2, .p00004 .s03 .inner .s03_t h2, .p00004 .s04 .inner .s04_t h2 { font-size: 26px; margin-bottom: 10px; }
	.p00004 .s03 .inner .s03_b ul li h5, .p00004 .s04 .inner .s04_b ul li h5 { font-size: 18px; width: 15%; }
	
	#counsel .consultation .content strong {font-size: 30px;}
	#counsel .consultation .content p { font-size: 20px; margin-bottom: 20px;}
	
	#p00005 .tab_list_con .cont .s02 h2 {font-size: 26px;}
	#p00005 .tab_list_con .cont .s03 {position: unset;  justify-content: flex-end; margin-top: 20px;}
	#p00005 .tab_list_con .cont .s03 a {width: 130px; height: 130px;}
	#p00005 .tab_list_con .cont .s02 .area {font-size: 20px;}
	
}

@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;}
	
	.p00001 .s04 .inner .s04_t h2 {font-size: 22px;}
	.p00001 .s04 .inner .s04_b ul li h5, .p00001 .s04 .inner .s04_b ul li strong {font-size: 18px;}
	.p00001 .s04 .inner .s04_b ul li p {font-size: 16px; margin: 5px;}
	
	.p00002 > .s01 h1, .p00003 .s01 h1 { font-size: 22px; }
	.p00002 > .s01 h1 {  margin-bottom: 20px;}
	.p00002 > .s01 p, .p00003 .s01 p { font-size: 18px;}
	.p00002 .s02 h1 {  font-size: 26px;}
	.p00002 .s02 h1 span { font-size: 20px; }
	
	.p00003 .s02 h1 { font-size: 22px; }
	.p00003 .s02 h1 span { font-size: 18px;}
	.p00003 .s02 h2 { font-size: 20px;}
	.p00003 .s02 { margin: 24px 0;}
	.p00003 .s02 dl dt {flex-basis: 17%; font-size: 20px; }
	.p00003 .s02 dl dd ul li {  font-size: 18px; line-height: 30px; }
	
    .p00002 > .s01 h1, .p00003 .s01 h1, .p00004 .s01 h1 { font-size: 26px; }
	
	
	.p00004 .s03 .inner .s03_b ul li h5, .p00004 .s04 .inner .s04_b ul li h5 { width: 100%;  display: inline-block;  box-sizing: border-box;  }
	
}

