@charset "utf-8";

._contentBuilder{background:url('../../images/main/visual_bg02.png') no-repeat left 450px;} /*main-bg*/
#multipleDiv_factory1_37{background:#fff; width:100%;margin:0 auto; overflow: hidden;padding: 50px 0 40px;} /*notice*/
#multipleContentsDiv_factory1_37{overflow:hidden;} /*notice inner*/

#multipleDiv_temp_01_472{background: #fff url('../../images/common/new/album_bg_wide.jpg') no-repeat left center;background-position: 0 100px;} /*photo*/

@media all and (max-width:1420px) {
	#multipleContentsDiv_factory1_37, /*notice inner*/
	#multipleContentsDiv_temp_01_57,/* 하단배너*/
	#menu7641_obj224{width:auto; padding:0 15px;} 
}

@media all and (max-width:1023px) {
	#multipleContentsDiv_factory1_37,  /*notice inner*/
	#multipleContentsDiv_temp_01_472 {padding:0 20px;} /*photo*/
}

/*slogan*/
#menu7641_obj17{position:initial;position: absolute;z-index: 9;left:50%;top:50%;transform: translate(-50%, -50%);} /*위치*/
.main-slogan{color:#fff;text-align: center;}
.main-slogan p{font-size: 30px;letter-spacing: -1px; font-family:'Noto Light'; }
.main-slogan strong{font-size:40px;letter-spacing: -1px;font-family:'Noto Medium'; }

/* 하단 배너 */
#multipleDiv_temp_01_57{background:#f0f1f3;padding:0 0 50px 0;} /*bg*/
.quickmenu01{padding:50px 0;}
.quickmenu01 ul li{display: inline-block;width:calc(100% / 4 - 10px);vertical-align: top;padding:0 25px;}
.quickmenu01 ul li:nth-child(1),
.quickmenu01 ul li + li{border-left:1px solid #bfbfbf;}
.quickmenu01 ul li a{display: block;}

.quickmenu01 ul li .img{display: inline-block;vertical-align: top;}
.quickmenu01 ul li .conts{display: inline-block;vertical-align: top;width:54%;margin-left:25px;padding-top:7px;}
.quickmenu01 ul li .conts strong{position: relative;font-size:22px; font-family: 'Noto Regular';display: inline-block;margin-bottom:10px;line-height: 1.2;}
.quickmenu01 ul li .conts strong:before{content:'';position: absolute;width:0;height:10px;background: #00a2ff;left:0;bottom:0;opacity: 0.4;transition: all ease 0.5s;}
.quickmenu01 ul li a:hover .conts strong{color:#000;}
.quickmenu01 ul li a:hover .conts strong:before{width:100%;}
.quickmenu01 ul li .conts p{font-size:16px;color:#454545;letter-spacing: -0.5px;line-height: 1.3;}

@media all and (max-width:1400px) {
  .quickmenu01 ul li{padding:0 15px;}
  .quickmenu01 ul li .conts{margin-left:20px;width:50%;}
}

@media all and (max-width:1200px) {
  .quickmenu01 ul li{width:calc(100% / 2 - 10px);margin-bottom:15px;}
}

@media (max-width: 900px) {
  .quickmenu01 ul {flex-wrap: wrap; padding: 30px 0; }
  .quickmenu01 ul li {width: 49%;  border: none !important;  padding: 0 !important;}
  .quickmenu01 ul li .conts {width:100%}
  .quickmenu01 ul li a {text-align: center;}
}

@media all and (max-width:780px) {
  .quickmenu01{padding:0;}
  .quickmenu01 ul li{border-left:none;padding: 25px 15px 15px;}
  .quickmenu01 ul li:nth-child(1), .quickmenu01 ul li + li{border-left:none;}
  .quickmenu01 ul li:nth-child(2), .quickmenu01 ul li + li{border-top:none;}
  .quickmenu01 ul li + li{border-top:1px solid #aaa;}
  .quickmenu01 ul li a {text-align: center;}
  .quickmenu01 ul li .conts{margin-left:0px;width:100%;}
  .view-img {text-align:center !important;}
}

@media  all and (max-width: 550px) {
.quickmenu01 ul li .conts p {display:none}
  .quickmenu01 ul {display: flex;  justify-content: space-between;}
.quickmenu01 ul li .conts strong{font-size: 19px;}

}



.quickmenu02_wrap{background:url('../../images/main/quick02_bg.png') no-repeat right bottom;padding:0 10px 10px 0;background-size:99%;}
.quickmenu02{background:url('../../images/main/quick_bg.png') left top;padding:25px 45px;}
.quickmenu02 > span{color:#fff;display: inline-block;font-size:20px;text-align: center;vertical-align: top;padding-top:20px;letter-spacing: -1px;line-height: 1.3;font-family: 'Noto Regular';margin-right:40px;}
.quickmenu02 > ul{width: 92%;display: inline-block;position: relative;padding: 0px 50px;}
.quickmenu02 ul li{text-align: center;}
.quickmenu02 ul li a{display: block;}
.quickmenu02 ul li a:hover span{color:#bbc40f;}
.quickmenu02 ul li span{color:#fff;display: block;}
.quickmenu02 .slick-slide img{margin:0 auto 5px;}
.quickmenu02 .slick-arrow{position: absolute;top: 35px;width:25px;height:25px;z-index: 9;text-indent:-9999px;}
.quickmenu02 .slick-prev{background:url('../../images/main/quick_arrow_prev.png') left top;left:0;}
.quickmenu02 .slick-next{background:url('../../images/main/quick_arrow_next.png') right top;right:0;}

@media all and (max-width:1400px) {
  .quickmenu02 > ul{width:90%;}
}

@media all and (max-width:1300px) {
  .quickmenu02 > ul{width:88%;}
}

@media all and (max-width:1023px) {
  .quickmenu02 > ul{width:82%;}
  .quickmenu02_wrap{background: none;padding:0;}
}

@media all and (max-width:767px) {
  .quickmenu02 > ul{width:78%;}
}

@media all and (max-width:580px) {
  .quickmenu02{padding:25px;}
  .quickmenu02 > ul{width:100%;}
  .quickmenu02 > span{display:none;}
}


/***포토갤러리**/
#multipleContentsDiv_temp_01_472{background: url('../../images/main/album_bg.jpg') no-repeat -40px 62%;} /*bg*/

@media all and (max-width:1600px) {
  #multipleContentsDiv_temp_01_472{background-position: -150px 62%;}
}

@media all and (max-width:1400px) {
  #multipleDiv_temp_01_472{background-position:0 150px;}
}

@media all and (max-width:1023px) {
  #multipleContentsDiv_temp_01_472{background-position: -300px 62%;}
}

@media all and (max-width:767px) {
  #multipleContentsDiv_temp_01_472{background-position:0 15%;}
}

@media all and (max-width:480px) {
  #multipleDiv_temp_01_472{background: none;}
}


/***하단배너**/
#multipleDiv_temp_01_214{background:url('../../images/main/banner_bg.jpg');}
