@charset "utf-8";

.editMode #multipleContentsDiv_depart_1_18 ._obj:nth-child(1) ._objTool{right:auto;top:auto;left: 0;bottom:0;}
.editMode #multipleDiv_depart_1_19{z-index:50;}

/*비주얼 컨텐츠*/
#multipleDiv_depart_1_19{position:absolute;top:160px;left:50%;margin-left:-500px;width:1000px;}
@media all and (max-width:1024px){
	#multipleDiv_depart_1_19{left:5%;margin-left:0;width:90%;top:200px;}
}
@media all and (max-width:768px){
	#multipleDiv_depart_1_19{top:150px;}
}
/*슬로건*/
.slogan{}
.slogan p{text-align:center;color:#FFF;}
.slogan .p_1{font-size:30px;font-family:'Noto Thin';}
.slogan .p_2{font-size:50px;font-family:'S-CoreDream-5Medium';line-height:1.2;margin-top:20px;}
.slogan .p_3{font-size:17px;line-height:1.5;margin-top:40px;padding:30px 0;border-top:1px solid rgba(255,255,255,0.4);border-bottom:1px solid rgba(255,255,255,0.4);}
@media all and (max-width:1280px){
	.slogan .p_1{font-size:25px;}
	.slogan .p_2{font-size:35px;}
	.slogan .p_3{font-size:16px;}
}
@media all and (max-width:1024px){
	.slogan .p_3{display:none;}
}
@media all and (max-width:768px){
	.slogan .p_1{font-size:18px;}
	.slogan .p_2{font-size:22px;margin-top:10px;}
}

/*연락처*/
.depart_info{margin-top:40px;}
.depart_info ul{display:flex;justify-content:center;}
.depart_info ul li{display:flex;align-items:center;margin:0 20px;}
.depart_info ul li img{margin-right:10px;}
.depart_info ul li span{color:#FFF;font-size:15px;font-family:'Noto Medium';}
@media all and (max-width:768px){
	.depart_info{background:url(/sites/depart_1/images/main/icon_location_w.png) no-repeat center top;background-size:30px;margin-top:20px;}
	.depart_info ul{justify-content:flex-start;flex-wrap:wrap;padding-top:40px;}
	.depart_info ul li{margin:1px 0;width:100%;justify-content:center;}
	.depart_info ul li img{margin-right:0;display:none;}
}

/*SNS*/
.depart_sns{margin-top:40px;}
.depart_sns ul{display:flex;justify-content:center;}
.depart_sns ul li{}
.depart_sns ul li a{display:block;margin:0 7px;font-size:0;width:55px;height:55px;border:2px solid rgba(255,255,255,0.4);border-radius:100%;}
.depart_sns ul li.face a{background-image:url(/sites/style_guide/images/templet_depart/sns_facebook.png);}
.depart_sns ul li.insta a{background-image:url(/sites/style_guide/images/templet_depart/sns_insta.png);}
.depart_sns ul li.ytube a{background-image:url(/sites/style_guide/images/templet_depart/sns_ytube.png);}
.depart_sns ul li.blog a{background-image:url(/sites/style_guide/images/templet_depart/sns_blog.png);}
.depart_sns ul li a{background-color:rgba(255,255,255,0.2);background-repeat:no-repeat;background-position:center;}
@media all and (max-width:768px){
	.depart_sns{margin-top:20px;}
	.depart_sns ul li a{width:35px;height:35px;background-size:13px !important;}
	.depart_sns ul li.face a{background-size:6px !important;}
	.depart_sns ul li.blog a{background-size:8px !important;}
}

/*이동*/
.gotoNext{}
.gotoNext a{display:block;margin:40px auto;font-size:0;width:60px;height:60px;background:url(/sites/depart_1/images/main/gotoNextSlide.png) no-repeat center;filter:alpha(opacity=50);opacity:0.5;}
@media all and (max-width:1024px){
	.gotoNext{display:none;}
}

/*2단*/
#multipleDiv_depart_1_53{background:#f7f7f7 url(/sites/depart_1/images/main/bg.png) no-repeat center;background-size:cover;}
#multipleContentsDiv_depart_1_53{max-width:1550px;margin: 0 auto;padding:70px 0;overflow:hidden;}
@media all and (max-width:1550px){
	#multipleContentsDiv_depart_1_53{max-width:100%;padding:15px;}
}

/*바로가기1*/
.link_1{height:100%;}
.link_1 ul{display:flex;flex-wrap:wrap;height:100%;}
.link_1 ul li{width:50%;}
.link_1 ul li.item_1{background:#637ba6;}
.link_1 ul li.item_2{background:#7d8490;}
.link_1 ul li.item_3{background:#8098c4;}
.link_1 ul li.item_4{background:#66bfe5;}
.link_1 ul li a{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.link_1 ul li a img{}
.link_1 ul li a span{display:block;color:#FFF;font-size:20px;margin-top:15px;}
@media all and (max-width:1280px){
	.link_1 ul li{width:25%;}
	.link_1 ul li a{padding:20px 0;}
}
@media all and (max-width:768px){
	.link_1 ul li{width:50%;}
	.link_1 ul li a img{max-width:50px;}
	.link_1 ul li a span{font-size:16px;}
}


/*HOVER효과************************************************************/
@media all and (min-width:1281px) {
	.depart_sns ul li a:hover{background-color:rgba(0,0,0,0.2);}
	.link_1 ul li:hover{background:#666;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
	.gotoNext a:hover{filter:alpha(opacity=100);opacity:1;}
}