.root_daum_roughmap .cont{ display:none;}

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





.sub_top_box{background-size:2200px auto; background-position:50% 100%; background-repeat:no-repeat;height:700px; margin-bottom:150px;}
.sub_top_box .inner{ height:100%;display:flex;align-items: center;justify-content: center; text-align:center; }
.sub_top_box .inner .title{ margin-top:-70px; }
.sub_top_box .inner .title h3{ font-size:45px; margin-bottom:5px; font-weight:700; margin-top:10px;}
.sub_top_box .inner .title h1{ font-size:60px; font-weight:700;}



.location{ color:#777;margin-bottom:70px;}
.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{ position:relative;}
.subContent h1{ font-weight:700; text-align:center; margin-bottom:20px; }
.subContent:before{ content:'';position:absolute; left:0; bottom:0; width:100%; height:700px; background:url(../img/common/copy_bg2.jpg) no-repeat 50% 100%; background-size:100% auto; z-index:-1;}



.form-container .inner{ border:2px #3f250b solid; background:#fbf6f2; padding:80px; border-radius:17px; box-sizing:border-box; }
.form-container .form-group+.form-group{ border-top:1px solid rgb(0,0,0,0.1); padding-top:20px; margin-top:20px; }
.form-group {display: grid; grid-template-columns:270px 1fr;align-items: center;}
.form-group label { display: block; font-weight:500;  color:#333; }
.form-group label br{ display:none;}
.form-group input { width: 100%; height:58px; padding: 10px; border:none; border-radius: 5px; box-sizing: border-box; color:#333; vertical-align:middle} 
.form-group select{ width: 100%; padding: 10px; border: 1px solid #ccc;border-radius: 5px; border:none; box-sizing: border-box; color:#333; background-color:#fff;  } 
.form-group textarea { width: 100%; padding: 10px; border: 1px solid #ccc;border-radius: 5px; box-sizing: border-box; color:#333;}
.form-container input[type="checkbox"] { width:20px; height:20px; margin-right:10px; }
.form-container .bt-wrap{ text-align:center; margin-top:30px;}
.form-container .bt-wrap input{ padding:25px 0; width:30%; font-size:25px;font-family: 'Paperlogy-6SemiBold'; background:#3f250b; color:#fff; border-radius:15px; cursor:pointer}
.form-container .guide-Txt{ font-size:27px; margin-bottom:30px;}

.section-title { font-size:33px;font-weight:600; margin:60px 0 20px; padding:0 0 20px 0px; border-bottom: 1px solid #000;color: #000; }
.first-tit{ margin-top:0 !important;}
.form-footer { text-align: center; }
.form-footer button { padding: 12px 20px;background-color: #007bff;color: white;border: none;border-radius: 5px;cursor: pointer;font-size: 16px; }
.form-footer button:hover { background-color: #0056b3; }       

.discount div{display:flex;}
.discount div span{ display:flex;align-items: center;}
.discount div span+span{ margin-left:20px;}


#join-form .form-agree-box, #tkForm .form-agree-box{ margin-top:15px; padding-top:15px;}
.multiple-selects {display: flex;width:33%;justify-content: space-between; gap: 5px;  }
#join-form .field{ display:flex;}
#join-form .field span+span{ margin-left:10px;}


#postcode { width:250px; margin-bottom:5px; }
#address1 { width:50%; }
#address2 {  width:49%; }
#zip_bt { width:100px; height:58px; padding:10px; text-align:center; background:#666; color:#FFF; font-size:17px; box-sizing:border-box; border:0; border-radius:10px; }				

#booth { width:250px; }
#booth_ea { width:100px; }
#electro { width:250px; }
#electro_ea { width:100px; }
#internet { width:100px; }
#water { width:100px; }

.partner-tip { display:block; margin-top:7px; color:#F30; line-height:27px; } 


.form-agree-box textarea{ width:100%; height:300px; padding:20px; box-sizing:border-box;}
.form-agree-box p{ margin:10px 0 20px 0;}


.table{ border-top:2px #3f250b solid;}
.table th, .table td {padding:30px;border-right: 1px solid #3f250b;border-bottom: 1px solid #3f250b;}
.table thead th{ background:#fbbe51 }
.table thead + tbody th {border-right: 1px solid #3f250b;text-align: center;}
.table tbody th{ background:#fee7a1 }
.table tr>*:last-child {border-right: 0}

.p00001 dl{display: grid; grid-template-columns:37% 1fr;gap:100px;}
.p00001 dl dt img{ width:100%;}
.p00001 p+p{ margin-top:50px;}
.p00001 dl dd p{ line-height:30px;}
.p00001 dl dt strong{ display:block; text-align:right;padding-top:30px;font-size:30px; }
.p00001 dl dt strong b{ font-weight:700;}
.p00001 dl dd ul, .p00001 dl dd .area03{ display: grid; grid-template-columns:200px 1fr;}
.p00001 dl dd .area01{ border-top:1px #ddd solid; padding-top:30px; margin-top:30px;}
.p00001 dl dd div+div{ margin-top:20px;border-top:1px #ccc dotted; }
.p00001 dl dd h2{ font-size:25px; font-weight:600; padding:10px 0 5px 0;}
.p00001 dl dd .area03{align-items: center;}

.org_wrap{ text-align:center; border-radius:20px; z-index:2; position:relative; font-size:25px;}
.org_wrap span{ display:inline-block; padding:25px 0px; border-radius:17px;  box-sizing:border-box;}
.org_wrap > div { position:relative;}
.org_wrap .org_A{ padding-bottom:100px;}
.org_wrap .org_A .org_cap01{color:#fff; background:#007236;min-width:270px;}
.org_wrap .org_A .org_cap01:before {content: "";display: block;width: 1px;height:450px; background: #ddd;position: absolute; top:30px;left: 50%; z-index:-1;}
.org_wrap .org_A > div{ position:absolute; top:70px; width:50%;}
.org_wrap .org_A > div:before{content: "";display: block;width:50%;height:1px; position: absolute; top:50%;  transform: translateY(-50%);z-index:-1;}
.org_wrap .org_A .org_A01{ left:0;}
.org_wrap .org_A .org_A01:before{left: 50%;border-top:1px #ddd solid;}
.org_wrap .org_A .org_A02{ right:0; }
.org_wrap .org_A .org_A02:before{right: 50%;border-top:1px #ddd solid;}
.org_wrap .org_A .org_A01 span, .org_wrap .org_A .org_A02 span{ border:3px #007236 solid; background:#fff;width:200px;}

.org_wrap .org_B {position:relative; padding-bottom:70px;}
.org_wrap .org_B .org_cap02{color:#fff; background:#00a651;min-width:270px;}
.org_wrap .org_B > div{ position:absolute; top:70px; width:50%;}
.org_wrap .org_B > div:before{content: "";display: block;width:50%;height:1px; background: #ddd;position: absolute; transform: translateY(-50%);z-index:-1;}
.org_wrap .org_B .org_B01{ left:0; }
.org_wrap .org_B .org_B01 span{background:#153074; color:#fff;border:3px #fff solid; padding:20px 30px;}
.org_wrap .org_B .org_B01:before{left: 50%;top:50%; }
.org_wrap .org_B .org_B02{ right:0; top:120px;  }
.org_wrap .org_B .org_B02:before{right: 50%;top:30px; }


.org_wrap .org_C > ul{ display:flex; flex-wrap: wrap; justify-content: space-between;}
.org_wrap .org_C > ul > li{ position:relative; width:calc(100% / 5) ; padding:70px 20px 0 20px; box-sizing:border-box;}
.org_wrap .org_C > ul > li:before {content: "";background: #ddd;width: calc(100% + 1rem);height: 1px;position: absolute;top: 0;left: -1rem;}
.org_wrap .org_C > ul > li:first-child:before { width: 50%;right: 0;left: auto;}
.org_wrap .org_C > ul > li:last-child:before {width: calc(50% + 1rem);}
.org_wrap .org_C > ul > li:after{ content:''; position:absolute; top:0; left:50%; border-left:1px #ddd solid; height:70px;width:1px; z-index:-1;}
.org_wrap .org_C > ul > li >{ display:block; width:100%; height:100%;}
.org_wrap .org_C > ul > li > span{ background:#90c31f; color:#fff; width:100%; margin-bottom:15px;}
.org_wrap .org_C > ul > li > span b{ display:block; margin-top:5px;}

.p00003 .s01{ font-size:23px; text-align:center; }
.p00003 .s02 strong, .p00003 .s03 strong, .p00003 .s04 strong{ display:block; font-weight:700; margin-bottom:15px; font-size:30px;}
.p00003 .s02, .p00003 .s03, .p00003 .s04{ padding:30px; text-align:center; border-radius:27px; font-size:25px; margin-top:25px;}
.p00003 .s02, .p00003 .s03{ color:#fff;}
.p00003 .s02{ background:#00a651}
.p00003 .s03{ background:#90c31f}
.p00003 .s04{ border:3px #90c31f solid; }
.p00003 .s04 strong{ color:#90c31f}
.p00003 .s05 { margin-top:100px}
.p00003 .s05 dl{display: grid; grid-template-columns:200px 1fr;}
.p00003 .s05 dl+dl{ margin-top:37px; padding-top:37px; border-top:1px #ddd solid;}
.p00003 .s05 dl dt{ font-size:30px; font-weight:700;}
.p00003 .s05 dl dd{ font-size:25px;}
.p00003 .s05 dl dd ul{display: grid; grid-template-columns:200px 1fr;}
.p00003 .s05 dl dd ul+ul{ margin-top:10px;}


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

.p00005 ul{display: grid;gap:100px;}
.p00005 ul.s01{ grid-template-columns:repeat(3, 1fr);}
.p00005 ul.s02{ grid-template-columns:repeat(4, 1fr); margin-top:100px;}
.p00005 ul li img{ width:100%;}
.p00005 ul h2{ font-weight:700; margin:20px 0 10px 0;}

.p00006 dl{ background:#8bc53d;display: grid; grid-template-columns:45% 1fr; padding:100px 100px 0 100px; gap:100px; box-sizing:border-box;}
.p00006 dl dt img{ width:100%;}
.p00006 dl dd{ text-align:center; color:#fff;}
.p00006 dl dd .area { font-size:30px; border:1px #fff solid; padding:70px 0;}
.p00006 dl dd .area b{ display:block;}
.p00006 dl dd .area strong{ font-weight:700; font-size:40px;}


.contract p+p, .policy p+p{ margin-top:20px;}
.contract b, .policy b{ font-weight:700; margin-bottom:7px; display:block;}

@media all and (max-width : 1920px){
	
	.sub_top_box{background-size:1680px auto;height:500px; margin-bottom:100px;}
	.location{margin-bottom:50px;}
	
	.p00001 p+p{ margin-top:20px;}
	.p00001 dl dd p{ line-height:23px;}
	.p00001 dl dt strong{  font-size:25px;  }
	.p00001 dl dd h2{ font-size:20px;}
	
	.org_wrap{font-size:20px;}
	
	.p00003 .s01{ font-size:20px;}
	.p00003 .s02, .p00003 .s03, .p00003 .s04, .p00003 .s05 dl dd{ font-size:20px;}
	.p00003 .s02 strong, .p00003 .s03 strong, .p00003 .s04 strong{ font-size:25px;}
	
	.root_daum_roughmap .wrap_map{height:550px !important;}
	.mapBox .s02 h2{ font-size:35px;}
	.mapBox .s02 .area{font-size:20px;}
	.mapBox .s03 a{width:120px; height:120px;}
	.mapBox .s03 a .icon{ font-size:25px;}
	
	.p00005 ul{gap:50px;}
	.p00005 ul.s02{ margin-top:70px;}
	.p00005 ul h2{ font-size:21px;}
	
	.p00006 dl dd .area { font-size:25px; padding:30px 0;}
	.p00006 dl dd .area strong{font-size:35px;}


	
}
@media all and (max-width : 1440px){
	.mapBox{ margin:0 10px;}
	.mapBox .s04{padding:70px;margin-top:70px;}
	
	.p00005, .p00001, .p00003{ margin:0 10px;}
	
	.p00003 .s01{ text-align:left;}

}
@media all and (max-width : 1280px){
	
	
	.sub_top_box{ height:300px; background-size:auto 100%;}
	.sub_top_box .inner .title{ margin-top:-30px;}
	
	.p00001 dl{gap:30px;}
	
	.p00005 ul{gap:20px;}
	
	.mapBox .s04{padding:30px;}
	.mapBox .s04 li{ position:relative; padding-left:70px;}
	.mapBox .s04 li span{ position:absolute; top:0; left:0;}
	
	.org_wrap .org_A{ padding-bottom:150px;}
	.org_wrap .org_A > div{ top:110px;}
	
	



}
@media all and (max-width : 1024px){
	
	
	.p00003 .s01 br{ display:none;}
	.p00003 .s05{ margin-top:50px;}
	
	.p00006 dl{ display:block;padding:50px 50px 0 50px;}
	.p00006 dl dd{ padding:50px 0 100px 0;}

	
	
	

}

	
	
@media all and (max-width : 800px){
	
	.sub_top_box .inner .title h2 span{ font-size:19px}
	.sub_top_box .inner .title h3{ font-size:30px;}	
	
	.root_daum_roughmap .wrap_map{height:300px !important;}
	
	.mapBox .s03{ position:relative; margin-top:30px;}
	.mapBox .s03 a{ position:relative;border-radius:10px; width:calc((100% / 2) - 10px); justify-content: flex-start; height: 100px;}
	.mapBox .s03 a p{ display:flex;align-items: center; padding-left:20px;}
	.mapBox .s03 a .icon{ margin-right:10px;}
	.mapBox .s03 a .arrow{ position:absolute; top:50%; right:20px;  transform: translateY(-50%);}	
	
	.p00001 dl{ display:block;}
	.p00001 dl dt{ margin-bottom:25px;}
	
	.p00005 ul.s02{grid-template-columns: repeat(2, 1fr);}
	
	.org_wrap .org_B{ padding-bottom:30px;}
	.org_wrap .org_C > ul > li{ padding:50px 10px 0 10px;}
	
	.p00003 .s02, .p00003 .s03, .p00003 .s04, .p00003 .s05 dl dd{ font-size:17px;}
	
	.mapBox .s02 h2{ font-size:30px;}
	
	.p00003 .s05 dl{ display:block;}
	.p00003 .s05 dl dt{ margin-bottom:10px;}
	.p00003 .s05 dl dd ul{grid-template-columns:100px 1fr;}
	.p00003 .s05{ padding-bottom:70px;}
	
	
	
}
@media all and (max-width : 640px){
	
	
	
	.org_wrap{ font-size:17px;}
	.org_wrap .org_A .org_cap01{ width:200px;}
	.org_wrap .org_A .org_A01 span, .org_wrap .org_A .org_A02 span{ width:150px;}

	.p00005 ul.s01, .p00005 ul.s02{grid-template-columns: repeat(1, 1fr);}
	.p00005 ul.s02{ margin-top:30px;}
	
	#sec02 h1, #sec03 h1{ font-size:30px;}
	#sec03 .area b{ font-size:35px;}
	#sec03 .area strong{ font-size:40px;}
	
	
}

@media all and (max-width : 480px){
	
	.sub_top_box{ height:250px;}

	.root_daum_roughmap .wrap_map{height:300px !important;}

	.mapBox .s02 h2{ font-size:25px;}
	.mapBox .s02 .area{ display:block;}
	.mapBox .s02 .area p + p { margin-left:0px;}
	.mapBox .s03 a{ height:70px;}
	
	.org_wrap .org_C > ul{justify-content:center;} 
	.org_wrap .org_C > ul > li{ width: calc(100% / 3); padding-top:20px;}
	.org_wrap .org_C > ul > li:before, .org_wrap .org_C > ul > li:after{ display:none;}
	.org_wrap .org_C > ul > li:nth-child(4), .org_wrap .org_C > ul > li:nth-child(5){ padding-top:10px; }
	
	.p00006 dl dd .area strong{ font-size:25px; margin:5px 0; display:block;}
}