@charset "utf-8";

.cateList{display:flex;justify-content:space-between;margin-bottom:60px;}
.cateList li{width:100%;}
.cateList li a{display:block;height:100%;border-bottom:1px solid #e9e9e9;padding:16px 15px;text-align:center;position:relative;line-height:1.2;}
.cateList li a::before{content:"";display:block;width:0;height:2px;background:#1778FB;position:absolute;left:0;bottom:0;transition:0.3s;}
.cateList li a span{color:#6F6F6F;font-family:'Pre Medium';font-size:18px;letter-spacing:-1px;word-break:keep-all;}
.cateList li.active a{border-color:#1778FB;}
.cateList li.active a span{color:#1778FB;font-family:'Pre Bold';}
.cateList li.active a::before{width:100%;}
@media all and (max-width:768px){
	.cateList{margin-bottom:30px;}
}
@media all and (min-width:1281px){
	.cateList li a:hover{border-bottom-color:#222;}
	.cateList li a:hover span{color:#222;font-family:'Pre Bold';}
}

.cateList_2{display:flex;flex-wrap:wrap;margin-bottom:60px;}
.cateList_2 li{margin:0 0.5% 0.5% 0;width:19.5%;}
.cateList_2 li a{display:block;height:100%;background:#f3f3f3;padding:15px 20px;line-height:1;border-radius:3px;text-align:center;}
.cateList_2 li a span{color:#6F6F6F;font-family:'Pre Medium';font-size:16px;letter-spacing:-1px;word-break:keep-all;}
@media all and (max-width:768px){
	.cateList_2{margin-bottom:30px;}
	.cateList_2 li{width:32.8%;}
}
@media all and (max-width:480px){
	.cateList_2 li{width:49.5%;}
}
@media all and (min-width:1281px){
	.cateList_2 li a:hover{background:#464b59;}
	.cateList_2 li a:hover span{color:#FFF;}
}


.branch_layer{display:none;border:1px solid #E6E6E6;background:#FFF;border-radius:5px;position:absolute;left:0;top:20%;width:700px;padding:35px;}
.branch_list{border-top:1px solid #E6E6E6;padding:65px 0 35px 0;}
.branch_list:last-child{border-bottom:1px solid #E6E6E6;}
.branch_in_area{position:relative;display:flex;justify-content: space-between;flex-wrap:wrap;}
.branch_in_area .thum{width:375px;height:240px;overflow:hidden;border:1px solid #e2e2e2; position:relative;}

.branch_in_area .thum img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width:70%;
}

.branch_in_area .conts{width:calc(100% - 400px);line-height:1.2;}
.branch_list_title{color:#1E1E1E;font-size:24px;margin-bottom:30px;}
.branch_list_title::after{content:'';display:block;width:40px;height:1px;background:#c2c9dd;margin-top:25px;}
.branch_in_area dl{display:flex;justify-content:space-between;flex-wrap:wrap;}
.branch_in_area dl dt,
.branch_in_area dl dd{font-size:16px;padding:4px 0;line-height:1.3;}
.branch_in_area dl dt{width:110px;color:#1E1E1E;font-family: 'Pre Bold';position:relative;padding-left:13px;}
.branch_in_area dl dd{width:calc(100% - 110px);color:#6F6F6F;font-family: 'Pre Medium';}
.branch_in_area dl dt::before{content:"";display:block;width:4px;height:4px;background:#1E1E1E;position:absolute;left:0;top:11px;border-radius:100%;}
.branch_in_area .gotoHome{display:flex;align-items:center;justify-content:space-between;color:#FFF;font-size:14px;width:150px;padding:7px 15px;border-radius:3px;background:#367CF7;}
.branch_in_area .gotoHome span{display:none;}
.branch_in_area .gotoHome::after{content:"";display:block;width:12px;height:12px;background:url('../images/iconHome.png') no-repeat 95% center;}
.branch_in_area .closeBranch{position:absolute;right:0px;top:0px;width:40px;height:40px;font-size:0;background:url('../images/closeX.png') no-repeat center;}
.branch_in_area .moveTop{position:absolute;right:0px;bottom:-25px;width:40px;height:40px;font-size:0;background:url('../images/up.png') no-repeat center;transform:rotate(-90deg);}

@media all and (max-width:1280px){
	.branch_in_area .thum{width:300px;height:192px;}
	.branch_in_area .conts{width:calc(100% - 325px);}
}
@media all and (max-width:768px){
	.branch_in_area .thum{width:100%;height:unset;}
	.branch_in_area .conts{width:100%;margin-top:20px;}

	.branch_layer{left:2%;width:96%;padding:25px;}
	.branch_list{padding:25px 0;}
	.branch_layer#div_1,
	.branch_layer#div_2{top:100px;}
	.branch_layer#div_3,
	.branch_layer#div_17{top:180px;}
	.branch_layer#div_16,
	.branch_layer#div_15{top:260px;}
	.branch_layer#div_4,
	.branch_layer#div_5{top:340px;}
	.branch_layer#div_6,
	.branch_layer#div_7{top:420px;}
	.branch_layer#div_8,
	.branch_layer#div_14{top:110px;}
	.branch_layer#div_13,
	.branch_layer#div_12{top:200px;}	
	.branch_layer#div_11,
	.branch_layer#div_10{top:290px;}
	.branch_layer#div_9{top:380px;}
}
@media all and (max-width:480px){
	h3.branch_list_title img{max-width:150px;}
	.branch_in_area dl dt{width:90px;}
	.branch_in_area dl dd{width:calc(100% - 100px);}
}
@media screen and (min-width:1281px){
	.branch_in_area dl a:hover{background:#333;}
}


.wrapMap{display:flex;justify-content:space-between;align-items:flex-start;}
.wrapMap .mapImg{width:calc(100% - 300px);}
.wrapMap .mapImg div{height:851px;display:none;}
.wrapMap .mapImg div.on{display:block;}
.wrapMap .mapImg span{display:none;}
.wrapMap .map_1{background:url('../images/map_1.png') no-repeat center top;}
.wrapMap .map_2{background:url('../images/map_2.png') no-repeat center top;}
.wrapMap .map_3{background:url('../images/map_3.png') no-repeat center top;}
.wrapMap .map_4{background:url('../images/map_4.png') no-repeat center top;}
.wrapMap .map_5{background:url('../images/map_5.png') no-repeat center top;}
.wrapMap .map_6{background:url('../images/map_6.png') no-repeat center top;}
.wrapMap .map_7{background:url('../images/map_7.png') no-repeat center top;}
.wrapMap .map_8{background:url('../images/map_8.png') no-repeat center top;}
.wrapMap .map_9{background:url('../images/map_9.png') no-repeat center top;}
.wrapMap .map_10{background:url('../images/map_10.png') no-repeat center top;}
.wrapMap .map_11{background:url('../images/map_11.png') no-repeat center top;}
.wrapMap .map_12{background:url('../images/map_12.png') no-repeat center top;}
.wrapMap .map_13{background:url('../images/map_13.png') no-repeat center top;}
.wrapMap .map_14{background:url('../images/map_14.png') no-repeat center top;}
.wrapMap .map_15{background:url('../images/map_15.png') no-repeat center top;}
.wrapMap .map_16{background:url('../images/map_16.png') no-repeat center top;}
.wrapMap .map_17{background:url('../images/map_17.png') no-repeat center top;}
.wrapMap .btnMap{width:270px;padding:20px 35px;background:#F4F7FB;border-radius:10px;}
.wrapMap .btnMap li{line-height:1;padding:10px 0;}
.wrapMap .btnMap a span{color:#565C63;font-family:'Pre Bold';font-size:18px;}
.wrapMap .btnMap a.active span{color:#1778FB;}

@media all and (max-width:1280px){
	.wrapMap .mapImg div{background-size:contain;}
}
@media all and (max-width:768px){
	.wrapMap .mapImg{display:none;}
	.wrapMap .btnMap{width:100%;padding:0;background:#FFF;display:flex;justify-content:space-between;flex-wrap:wrap;}
	.wrapMap .btnMap li{line-height:1.2;padding:0;width:49%;margin:1% 0;}
	.wrapMap .btnMap a{display:block;height:100%;padding:20px 20px;background:#F4F7FB;}
}
@media screen and (min-width:1281px){
	.wrapMap .btnMap a:hover span{color:#222;}
}
