@charset "utf-8";


/*COMMON************************************************************/
#multipleContentsDiv_doh_102,
#multipleContentsDiv_doh_103,
#multipleContentsDiv_doh_104{max-width:1500px;margin: 0 auto;overflow:hidden;}
@media only screen and (max-width:1500px){
	#multipleContentsDiv_doh_102,
	#multipleContentsDiv_doh_103,
	#multipleContentsDiv_doh_104{max-width:98%;}
}


/*SLOGAN************************************************************/
#menu1198_obj141{position:absolute;left:5%;top:180px;width:90% !important;}
.slogan{line-height:1.2;text-align:center;}
.slogan .p_1{font-size:20px;color:#FFF;font-family:'S-CoreDream-3Light';}
.slogan .p_2{font-size:50px;color:#FFF;font-family:'S-CoreDream-4Regular';margin-top:20px;}
@media only screen and (max-width:1280px){
	#menu1198_obj141{top:250px;}
	.slogan .p_2{font-size:40px;}
}
@media only screen and (max-width:768px){
	#menu1198_obj141{top:130px;}
	.slogan .p_1{font-size:18px;}
	.slogan .p_2{font-size:30px;}
}

/*바로가기1*/
.banner_1{height:100%;background:url(/sites/doh/images/banner_1.jpg) no-repeat center;background-size:cover;padding:40px;}
.banner_1 h3{color:#FFF;font-size:20px;font-family:'Noto Medium';display:inline-block;border-bottom:2px solid #FFF;padding-bottom:10px;margin-bottom:10px;}
.banner_1 ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.banner_1 ul li{width:50%;}
.banner_1 ul li a{display:block;position:relative;padding:5px 15px;}
.banner_1 ul li a::before{content:"";display:block;width:8px;height:8px;background:#FFF;border-radius:100%;position:absolute;top:24px;left:0;}
.banner_1 ul li a span{display:inline-block;color:#FFF;font-size:17px;font-family:'Noto Regular';padding-top:10px;}
.banner_1 ul li a span::after{content:"";display:block;width:0;height:2px;background:#FFF;margin-top:3px;}
@media all and (max-width:1280px){
	.banner_1 ul li{width:20%;}
}
@media all and (max-width:768px){
	.banner_1 ul li{width:50%;}
}


.banner_2_3_wrap{height:100%;display:flex;flex-direction:column;justify-content:space-between;}
/*바로가기2*/
.banner_2{background:#383d49;padding:20px 40px;min-height:140px;}
.banner_2 a{display:flex;justify-content:space-between;align-items:center;}
.banner_2 a span{color:#FFF;font-size:20px;font-family:'Noto Medium';}
.banner_2 a span i{display:block;font-size:13px;font-family:'Noto Light';padding:5px 0 5px 15px;background:url(/sites/guide/images/common/arrow_14_w.png) no-repeat left center;}


/*바로가기3*/
.banner_3{padding:20px 40px;min-height:140px;position:relative;}
.banner_3::before{content:"";display:block;width:100%;height:100%;background:url(/sites/doh/images/banner_3.jpg) no-repeat center;background-size:cover;position:absolute;top:0;left:0;}
.banner_3 a{display:flex;align-items:center;width:100%;height:100%;position:relative;}
.banner_3 a span{color:#FFF;font-size:20px;font-family:'Noto Medium';}
.banner_3 a span i{display:block;font-size:13px;font-family:'Noto Light';padding:5px 0 5px 15px;background:url(/sites/guide/images/common/arrow_14_w.png) no-repeat left center;}


/* 슬라이더*/
.slider_1 h3{color:#000;font-size:20px;font-family:'Noto Medium';position:absolute;left:40px;top:20px;}
.slider_1 .con{display:flex;justify-content:space-between;flex-direction:row-reverse;align-items:center;}
.slider_1 .con .item_1{width:70%;position:relative;}
.slider_1 .con .item_2{width:40%;}
.slider_1 .con .item_1{background:#f4f4f4;padding:65px 40px 25px 40px;margin-right:-10%;display:flex;align-items:center;justify-content:space-between;text-align:center;}
.slider_1 .con .item_1 span{display:block;width:100px;height:100px;position:relative;}
.slider_1 .con .item_1 span img{border-radius:100%;}
.slider_1 .con .item_1 span::before{content:"";display:block;width:30px;height:30px;border-radius:100%;background:#FFF url(/sites/guide/images/common/plus_1_b.png) no-repeat center;position:absolute;bottom:-15px;left:50%;margin-left:-15px;}
.slider_1 .con .item_1 strong{display:block;font-size:17px;font-family:'Noto Regular';padding-top:25px;}
.slider_1 .con .item_2{}
.slider_1 .con .item_2 img{width:100%;}
.slider_1 .prev,
.slider_1 .next{display:inline-block;width:40px;height:40px;background:url(/sites/guide/images/common/arrow_3_b.png) no-repeat center;position:absolute;top:calc(50% - 20px);text-indent:-9999px;}
.slider_1 .prev{left:0;transform:rotate(180deg);}
.slider_1 .next{left:calc(70% - 40px);}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
  .slider_1 h3{left:20px;top:30px;}
  .slider_1 .con{flex-direction:column;padding:50px 0;}
  .slider_1 .con .item_1{width:90%;}
  .slider_1 .con .item_2{width:100%;}
  .slider_1 .con .item_1{padding:70px 20px 20px 20px;margin:-15% auto 0 auto;}
  .slider_1 .prev,
  .slider_1 .next{background:url(/sites/guide/images/common/arrow_6_b.png) no-repeat center;top:calc(50% - 40px);filter:alpha(opacity=70);opacity:0.7;}
  .slider_1 .next{left:auto;right:0;}
}
@media all and (max-width:768px){
  .slider_1 .con .item_1{margin-top:-5%;}
  .slider_1 .con .item_1 a{width:25%;padding:15px 10px;border-right:1px solid #FFF;}
  .slider_1 .con .item_1 a:last-child{border:0;}
  .slider_1 .con .item_1 span{display:none;}
  .slider_1 .con .item_1 strong{font-size:16px;padding:5px;}
}
@media all and (max-width:480px){
  .slider_1 .con .item_1{flex-wrap:wrap;}
  .slider_1 .con .item_1 a{width:50%;border-top:1px solid #FFF;}
}


/*HOVER************************************************************/
@media all and (min-width:1281px) {
	.banner_1 ul li a:hover span::after{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.banner_2 a:hover img{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	.banner_3:hover::before{transform: scale(1.1);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}

	.slider_1 .con .item_1 a:hover span::before{background:#136bb8 url(/sites/guide/images/common/plus_1_w.png) no-repeat center;transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}

	.slider_1 .con .item_1 a:hover{border-color:#266ed4;color:#266ed4;}
	.slider_1 .prev:hover,
	.slider_1 .next:hover{}
}
