@charset "utf-8";

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

/*비주얼 컨텐츠*/
#multipleDiv_depart_1_19{position:absolute;top:300px;left:50%;margin-left:-700px;width:1400px;}
@media all and (max-width:1024px){
	#multipleDiv_depart_1_19{left:3%;margin-left:0;width:94%;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:50px;font-family:'S-CoreDream-5Medium';}
.slogan .p_2{font-size:30px;font-family:'Noto Thin';line-height:1.2;margin-top:20px;padding-bottom: 10px;}
@media all and (max-width:1024px){
	.slogan .p_1{font-size:35px;}
	.slogan .p_2{font-size:20px;}
}
@media all and (max-width:768px){
	.slogan .p_1{font-size:25px;}
	.slogan .p_2{font-size:18px;margin-top:10px;}
}

/*연락처*/
.depart_info{height:100%;background:#FFF;padding:35px;position:relative;}
.depart_info:before,
.depart_info:after{content:"";display:block;width:73px;height:43px;position:absolute;}
.depart_info:before{top:0;right:0;background:url(/sites/depart_2/images/main/depart_info_1.png) no-repeat center;}
.depart_info:after{bottom:0;left:0;background:url(/sites/depart_2/images/main/depart_info_2.png) no-repeat center;}
.depart_info h2{}
.depart_info ul{margin-top:30px;}
.depart_info ul li{display:flex;align-items:center;padding:20px;border-bottom:1px dashed #DDD;}
.depart_info ul li:last-child{border:0;}
.depart_info ul li img{margin-right:10px;}
.depart_info ul li span{font-size:18px;font-family:'Noto Medium';}
@media all and (max-width:768px){
	.depart_info ul li span{font-size:17px;}
}
@media all and (max-width:420px){
	.depart_info{}
	.depart_info ul li{padding:10px 5px;}
	.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;}
}


/*2단*/
#multipleDiv_depart_1_53{margin-top:-100px;}
#multipleDiv_depart_1_53:before{content:"";display:block;position:absolute;top:100px;width:100%;height:100%;background:url(/sites/depart_2/images/main/bg.png) no-repeat center;background-size:cover;}
#multipleContentsDiv_depart_1_53{max-width:1550px;margin: 0 auto;padding-bottom:70px;overflow:hidden;}
@media all and (max-width:1550px){
	#multipleContentsDiv_depart_1_53{max-width:100%;padding:0 15px 15px 15px;}
}
@media all and (max-width:768px){
	#multipleDiv_depart_1_53{margin-top:-50px;}
	#multipleDiv_depart_1_53:before{top:50px;}
}

/*바로가기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:1025px) {
	.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);}
}