@charset "utf-8";
/* main layout */
._objWidget:hover ._fnctAdmin{display:block;}

/************************************************
section01 - visual slogan
************************************************/
#multipleContentsDiv_pnu_basic_67{position:relative; }
#multipleContentsDiv_pnu_basic_67 ._objHtml{position:absolute;top: 14rem;width: 100%;margin: 0 auto;z-index:1;}

.main-slogan {color:#fff;line-height:1.3;max-width: 1600px;margin: 0 auto;}
.main-slogan .t-1{font-size:3rem;margin-bottom: 2rem;display: block;font-weight:400;padding-top: 35px;position: relative;letter-spacing:-0.5px;}
.main-slogan .t-1:before{content:'';width:100px;height:1px;background:#fff;position:absolute;left:0;top:0;}
.main-slogan .t-2{font-size: 7rem;font-weight:100;line-height: 1.2;letter-spacing:-1px;}
.main-slogan .t-2 strong{font-weight:400;}
.main-slogan .t-2 i{display:block;}

@media screen and (max-width:1600px) {
  #multipleContentsDiv_pnu_basic_67 ._objHtml{padding-left:60px;}
  .main-slogan .t-1:before{width:75px;}
  .main-slogan .t-1{font-size:23px;}
  .main-slogan .t-2{font-size:50px;}
}

@media screen and (max-width:767px) {
  #multipleContentsDiv_pnu_basic_67 ._objHtml{padding-left:20px;top:16rem;}
  .main-slogan .t-1:before{width:60px;}
  .main-slogan .t-1{font-size:18px;}
  .main-slogan .t-2{font-size:38px;}
}

/************************************************
Notice Wrap
************************************************/
#multipleContentsDiv_template04_23{max-width:164rem; margin:0 auto; gap:8rem; padding:8rem 2rem 3rem; display: grid; grid-template-columns: 1fr 73rem;}

.quick-movie{height:300px;background:url('../../images/main/movie-bg.jpg') no-repeat left top / cover;}
.quick-movie a{display:block;width: 100%;height: 300px;text-indent: -9999px;}
.quick-movie a:after{content:'';width:100px;height:100px;background:url('../../images/main/movie-play.png') no-repeat center;width:76px;height:76px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

@media screen and (max-width:1500px) {
	#multipleContentsDiv_template04_23{grid-template-columns: 1fr 60rem;}
}
@media screen and (max-width:1300px) {
	#multipleContentsDiv_template04_23{grid-template-columns: 1fr 50rem; gap: 4rem;}
}
@media screen and (max-width:1024px) {
	#multipleContentsDiv_template04_23{grid-template-columns: 1fr 40rem;}
}
@media screen and (max-width:850px) {
	#multipleContentsDiv_template04_23{padding-bottom: 7rem; gap:0; display: flex; flex-direction: column;}
	#multipleContentsDiv_template04_23 > div:nth-child(1){order:1}
	#multipleContentsDiv_template04_23 > div:nth-child(2){order:3; margin-top:3rem;}
	#multipleContentsDiv_template04_23 > div:nth-child(3){order:2; margin-top:2rem;}
	#multipleContentsDiv_template04_23 > div:nth-child(4){order:4; margin-top:5rem;}
}

/************************************************
Live on
************************************************/
#multipleDiv_template04_50{clear:both;background:url('../../images/main/liveOn_bg.jpg') no-repeat left top / cover;}
#multipleContentsDiv_template04_50{max-width:164rem; margin:0 auto;padding:14rem 2rem 15rem;}

.live-quick{width:330px;}
.live-quick > ul > li + li{margin-top:15px}
.live-quick > ul > li a{border:1px solid #fff;display:block;border-radius:10px;font-size:21px;color:#fff;padding:20px 20px 20px 105px;transition:all ease .5s;font-weight:500;position:relative;}
.live-quick > ul > li a:hover{background:#fff;border:1px solid #114eab;color:#114eab;}
.live-quick > ul > li a.icon01:before{content:'';width:36px;height:26px;background:url('../../images/main/live-icon01.png') no-repeat center;position:absolute;left:35px;top:50%;margin-top:-13px;}
.live-quick > ul > li a.icon02:before{content:'';width:31px;height:28px;background:url('../../images/main/live-icon02.png') no-repeat center;position:absolute;left:35px;top:50%;margin-top:-14px;}
.live-quick > ul > li a.icon03:before{content:'';width:37px;height:29px;background:url('../../images/main/live-icon03.png') no-repeat center;position:absolute;left:35px;top:50%;margin-top:-14.5px;}
.live-quick > ul > li a.icon01:hover:before{background:url('../../images/main/live-icon01-on.png') no-repeat center;}
.live-quick > ul > li a.icon02:hover:before{background:url('../../images/main/live-icon02-on.png') no-repeat center;}
.live-quick > ul > li a.icon03:hover:before{background:url('../../images/main/live-icon03-on.png') no-repeat center;}

#multipleContentsDiv_template04_50 ._objHtml{position:absolute;left:0;bottom: 150px;width:330px;}

@media screen and (max-width:1600px) {
  #multipleContentsDiv_template04_50{padding:100px 25px;}
}

@media screen and (max-width:1400px) {
  #multipleContentsDiv_template04_50 ._objHtml{left:20px;width:260px;bottom: 105px;}
  .live-quick{width:260px;}
  .live-quick > ul > li a{font-size:15px;padding-top:15px;padding-bottom:15px;padding-left: 85px;}
  .live-quick > ul > li a:before{left:25px !important;}
}

@media screen and (max-width:767px) {
  #multipleContentsDiv_template04_50{padding:70px 20px 90px;}
  #multipleContentsDiv_template04_50 ._objHtml{width: calc(100% - 40px);top:160px;bottom: unset;}
  .live-quick{width: 100%;}
}

/************************************************
계약체결 현황
************************************************/
#multipleContentsDiv_template04_60{max-width:192rem;margin:0 auto;display: grid; grid-template-columns: 1fr 1fr;}

@media screen and (max-width:1100px) {
	#multipleContentsDiv_template04_60{display:block;}
}