@keyframes fadeIn{
	  0% {opacity:0; }
	  100% {opacity:1; }
	}


@media (min-width: 992px) {
  .main {
    z-index: 1;
    word-break: keep-all;
  }
  .main a {color: #222;}

	.main { position:relative;  background:#fff; }
	.main-bg  { position:absolute; top:-135px; left:0px; z-index:-1; width:100%; height:680px; background-repeat: no-repeat; background-position:center top; background: url(/pub/site/jejucancer/images/main/mainimg_240523.jpg); background-size: 100% 100%;}
	.main-section01 {  height:545px;  }
	.main-section01 .container { padding-top:80px; height:545px;  position:relative;  }
	.main-section01 .main-text { font-family: 'BinggraeSamanco';   }
	.main-section01 .main-text  .title { font-size:100px; color:#000;   line-height:1;    font-weight:700; }
	.main-section01 .main-text  .text { font-size:45px; color:#094D81;    font-weight:400; }
	.main-section01 .main-text  .text span { color:#006FCB;  }
	.main-section01 .hot-alime { position:absolute; width:500px; bottom:30px; right:0px; padding-bottom:20px   }
	.main-section01 .hot-alime ul { height:310px; overflow:hidden;    }
	.main-section01 .hot-alime li img { border-radius: 30px 30px 0px 0px;   }
	.main-section01 .hot-alime .hot-btn { position:Absolute; bottom:0px; right:0px;  }
	.main-section01 .hot-alime .hot-btn div {  float:left;   }
	.main-section01 .hot-alime .hot-btn a {  margin-left:5px; display:inline-block; float:left; text-indent:-9999px;  width:8px; height:8px; border-radius:4px; background:rgba(255,255,255,0.5);  }
	.main-section01 .hot-alime .hot-btn a.active {background:rgba(255,255,255,0.5);  width:30px;  }
	.main-section01 .baro-link { bottom:30px; left:0px; position:absolute; width:560px;height:72px; border-left:1px solid rgba(255,255,255,0.3);   }
	.main-section01 .baro-link:after {clear:both; display:table; content:''; }
	.main-section01 .baro-link li { float:left; width:50%; border-right:1px solid rgba(255,255,255,0.3);  }
	.main-section01 .baro-link li a { display:block; width:100%; height:100%; position:relative; color:#fff;   font-size:20px; font-weight:bold; padding:5px 25px;  }
	.main-section01 .baro-link li a i {position:absolute; top:50%; margin-top:-16px;  right:25px; width:32px;height:32px; border-radius:100%; background:#fff; font-size:18px; color:#000; text-align:center; line-height:32px; }

	.main-section02 { padding:60px 0 ;  }
	.main-section02 .container { position:relative;  }
	.main-section02 h3 { text-align:center; font-size:26px; color:#000; font-weight:bold; margin-bottom:40px;   }
	.main-section02 ul { }
	.main-section02 ul li { float:left; width:16.6666%; text-align:center;  border-right:1px solid #D7D7D7;  }
	.main-section02 ul li:first-child {  border-left:1px solid #D7D7D7;  }
	.main-section02 ul li a { font-size:20px; color:#000;    }
	.main-section02 ul li a span.img {width:110px; height:110px; margin:0 auto 10px;  display:block;   border-radius:100%;  background-size:80px 80px; background-repeat:no-repeat; background-position:center center;  }
	.main-section02 ul li.list01 a span.img { background-image:url(../images/main/info_ic01.svg);  }
	.main-section02 ul li.list02 a span.img { background-image:url(../images/main/info_ic02.svg);  }
	.main-section02 ul li.list03 a span.img { background-image:url(../images/main/info_ic03.svg);  }
	.main-section02 ul li.list04 a span.img { background-image:url(../images/main/info_ic04.svg);  }
	.main-section02 ul li.list05 a span.img { background-image:url(../images/main/info_ic05.svg);  }
	.main-section02 ul li.list06 a span.img { background-image:url(../images/main/info_ic06.svg);  }
	.main-section02 ul li a:hover span.img { background-color:#32C79F;   }
	.main-section02 ul li.list01 a:hover span.img { background-image:url(../images/main/info_ic01_on.svg);  }
	.main-section02 ul li.list02 a:hover span.img { background-image:url(../images/main/info_ic02_on.svg);  }
	.main-section02 ul li.list03 a:hover span.img { background-image:url(../images/main/info_ic03_on.svg);  }
	.main-section02 ul li.list04 a:hover span.img { background-image:url(../images/main/info_ic04_on.svg);  }
	.main-section02 ul li.list05 a:hover span.img { background-image:url(../images/main/info_ic05_on.svg);  }
	.main-section02 ul li.list06 a:hover span.img { background-image:url(../images/main/info_ic06_on.svg);  }
	.main-section02 .more { position:absolute; top:0px; right:0px;  }
	.main-section02 .more a { font-size:16px; color:#000;  }
	.main-section02 .more a img{ width:14px; display:inline-block; margin-left:3px; margin-top:-4px;  }


	.main-section03 {  background:url(../images/main/bgimg.jpg) no-repeat center center;   height:330px; padding:50px 0 ;  }
	.main-section03  .container {  }
	.main-section03 .notice-wrap {position:relative; text-align:center;  }
	.main-section03 .notice-wrap .notice { display:inline-block; }
	.main-section03 .notice-wrap h3 { display:inline-block;  padding-right:25px; padding-left:25px; position:relative;   }
	.main-section03 .notice-wrap h3:after {content:''; width:4px; height:4px; border-radius:100%; background:#666; display:inline-block;  position:absolute; top:13px; left:-2px; }
	.main-section03 .notice-wrap .notice:first-child h3 { padding-left:0px;  }
	.main-section03 .notice-wrap .notice:first-child h3:after {display:none; }
	.main-section03 .notice-wrap h3 a {font-size:26px;display:inline-block;  color:#000;  font-weight:normal;  }
	.main-section03 .notice-wrap .notice.active h3 a {color:#000; font-weight:bold;   }
	.main-section03 .notice-wrap .notice h3 a:hover, .main-section03 .notice-wrap .notice h3 a:focus { text-decoration:none; }
	.main-section03 .notice-wrap .notice-container  {opacity:0; display:none;  position:absolute; top:80px; left:0px; width:100%;  }
	.main-section03 .notice-wrap .notice.active .notice-container  {opacity:1;  display:block;   animation: fadeIn 0.8s ; }
	.main-section03 .notice-wrap .notice-container ul { margin:0 -13px;   }
	.main-section03 .notice-wrap .notice-container ul:after { clear:both; display:table; content:'';  }
	.main-section03 .notice-wrap .notice-container ul li { float:left;  width:25%; padding:0 13px; text-align:left;  }
	.main-section03 .notice-wrap .notice-container ul li a { display:block; width:100%; padding:30px 25px ; height:150px; background:#fff; border-radius:20px; font-size:18px; color:#000; font-weight:bold;  position:relative;  }
	.main-section03 .notice-wrap .notice-container ul li a span { position:absolute; bottom:30px; left:25px; font-size:15px; color:#666;  font-weight:normal;  }
	.main-section03 .notice-wrap .notice-container .more { position:absolute; top:-75px; right:0px; }
	.main-section03 .notice-wrap .notice-container .more a { font-size:16px; color:#000;  }
	.main-section03 .notice-wrap .notice-container .more a img{ width:14px; display:inline-block; margin-left:3px; margin-top:-4px;  }

	.main-section04 { padding:50px 0  70px;  }
	.main-section04 ul  { margin:0 -13px;  }
	.main-section04 ul:after  { clear:both; display:table; content:'';  }
	.main-section04 ul li  { float:left; width:25%; padding:0 13px; text-align:center;   }
	.main-section04 ul li .img {margin:0 auto 10px; width:210px; display:block;   }
	.main-section04 ul li a { font-size:20px; color:#000; position:relative; display:block; width:100%;padding-bottom:30px;   }
	.main-section04 ul li a:before {z-index:-1; width:100%; height:140px; border-radius:20px; background:#F0F0F0; content:''; display:block; position:absolute; bottom:0px; left:0px; }

}/*(min-width: 992px)*/




@media (min-width: 1450px) {

}/*min-width: 1450px*/







@media (min-width: 992px) and (max-width: 1199px) {

	.main-section01 .main-text  .title { font-size:80px; }
	.main-section01 .main-text  .text { font-size:35px; }
	.main-section01 .hot-alime { width:400px;   }
	.main-section01 .hot-alime ul { height:248px;     }
	.main-section01 .hot-alime li img { border-radius: 20px 20px 0px 0px;   }
	.main-section01 .baro-link { width:460px;  }
	.main-section01 .baro-link li a { padding:5px 15px;  }
	.main-section01 .baro-link li a i { right:15px; }
	.main-section03 .notice-wrap .notice-container ul li a {  padding:30px 15px ;  }

}/*(min-width: 992px) and (max-width: 1199px)*/



@media (max-width: 991px) {

.main { position:relative;  }
.main .main-bg  { position:absolute; top:-60px; left:0px; z-index:-1; width:100%; height:535px;background: url(/pub/site/jejucancer/images/main/mainimg_240523_m.jpg); background-repeat: no-repeat; background-position:center center;   background-size:cover;}

	.main-section01 {  height:475px; padding-top:30px;  position:relative;  padding-left:15px; padding-right:15px;  }
	.main-section01 .container {  }
	.main-section01 .main-text { font-family: 'BinggraeSamanco'; text-align:center;   margin-bottom:20px;  }
	.main-section01 .main-text  .title { font-size:50px; color:#000;   line-height:1;    font-weight:700; }
	.main-section01 .main-text  .text { font-size:24px; color:#094D81;    font-weight:400; }
	.main-section01 .main-text  .text span { color:#006FCB;  }
	.main-section01 .hot-alime { width:330px; padding-bottom:20px;   position:relative;  margin:0 auto 35px;   }
	.main-section01 .hot-alime ul { height:310px; overflow:hidden;    }
	.main-section01 .hot-alime li img { border-radius: 30px 30px 0px 0px;   }
	.main-section01 .hot-alime .hot-btn { position:Absolute; bottom:0px; right:0px;  }
	.main-section01 .hot-alime .hot-btn div {  float:left;   }
	.main-section01 .hot-alime .hot-btn a {  margin-left:5px; display:inline-block; float:left; text-indent:-9999px;  width:8px; height:8px; border-radius:4px; background:rgba(255,255,255,0.5);  }
	.main-section01 .hot-alime .hot-btn a.active {background:rgba(255,255,255,0.5);  width:30px;  }
	.main-section01 .baro-link { height:55px; border-left:1px solid rgba(255,255,255,0.3); max-width:330px; margin:0 auto;   }
	.main-section01 .baro-link:after {clear:both; display:table; content:''; }
	.main-section01 .baro-link li { float:left; width:50%; border-right:1px solid rgba(255,255,255,0.3);  }
	.main-section01 .baro-link li a { display:block; width:100%; height:100%; position:relative; color:#fff;   font-size:16px; font-weight:bold; padding:3px 12px;  }
	.main-section01 .baro-link li a i {position:absolute; top:50%; margin-top:-16px;  right:12px; width:26px;height:26px; border-radius:100%; background:#fff; font-size:15px; color:#000; text-align:center; line-height:26px; }

	.main-section02 { padding:40px 15px;  }
	.main-section02 .container { position:relative;  }
	.main-section02 h3 { text-align:center; font-size:20px; color:#000; font-weight:bold; margin-bottom:30px;   }
	.main-section02 ul { }
	.main-section02 ul li { float:left; width:33.333%;  margin-bottom:20px; text-align:center;  border-right:1px solid #D7D7D7;  }
	.main-section02 ul li:nth-of-type(1), 
	.main-section02 ul li:nth-of-type(4) {  border-left:1px solid #D7D7D7;  }
	.main-section02 ul li a { font-size:16px; color:#000;    }
	.main-section02 ul li a span.img {width:60px; height:60px; margin:0 auto 6px;  display:block;   border-radius:100%;  background-size:60px 60px; background-repeat:no-repeat; background-position:center center;  }
	.main-section02 ul li.list01 a span.img { background-image:url(../images/main/info_ic01.svg);  }
	.main-section02 ul li.list02 a span.img { background-image:url(../images/main/info_ic02.svg);  }
	.main-section02 ul li.list03 a span.img { background-image:url(../images/main/info_ic03.svg);  }
	.main-section02 ul li.list04 a span.img { background-image:url(../images/main/info_ic04.svg);  }
	.main-section02 ul li.list05 a span.img { background-image:url(../images/main/info_ic05.svg);  }
	.main-section02 ul li.list06 a span.img { background-image:url(../images/main/info_ic06.svg);  }
	.main-section02 .more { position:absolute; top:0px; right:15px;  }
	.main-section02 .more a { font-size:16px; color:#000;  }
	.main-section02 .more a img{ width:14px; display:inline-block; margin-left:3px; margin-top:-4px;  }


	.main-section03 {  background:url(../images/main/bgimg_m.jpg) no-repeat center center;  background-size:cover;  height:370px; padding:45px 15px ;  }
	.main-section03  .container {  }
	.main-section03 .notice-wrap {position:relative; text-align:center;  }
	.main-section03 .notice-wrap .notice { display:inline-block; }
	.main-section03 .notice-wrap h3 { display:inline-block;  padding-right:15px; padding-left:15px; position:relative;   }
	.main-section03 .notice-wrap h3:after {content:''; width:4px; height:4px; border-radius:100%; background:#666; display:inline-block;  position:absolute; top:10px; left:-2px; }
	.main-section03 .notice-wrap .notice:first-child h3 { padding-left:0px;  }
	.main-section03 .notice-wrap .notice:first-child h3:after {display:none; }
	.main-section03 .notice-wrap h3 a {font-size:20px;display:inline-block;  color:#000;  font-weight:normal;  }
	.main-section03 .notice-wrap .notice.active h3 a {color:#000; font-weight:bold;   }
	.main-section03 .notice-wrap .notice h3 a:hover, .main-section03 .notice-wrap .notice h3 a:focus { text-decoration:none; }
	.main-section03 .notice-wrap .notice-container  {opacity:0; display:none;  position:absolute; top:70px; left:0px; width:100%;  }
	.main-section03 .notice-wrap .notice.active .notice-container  {opacity:1;  display:block;   animation: fadeIn 0.8s ; }
	.main-section03 .notice-wrap .notice-container ul { margin-top:-5px;   }
	.main-section03 .notice-wrap .notice-container ul li { padding:5px 0 ; text-align:left;  }
	.main-section03 .notice-wrap .notice-container ul li a { display:block; width:100%; padding:15px 20px ; height:104px; background:#fff; border-radius:20px; font-size:16px; color:#000; font-weight:bold;  position:relative;  }
	.main-section03 .notice-wrap .notice-container ul li a span { position:absolute; bottom:15px; left:20px; font-size:14px; color:#666;  font-weight:normal;  }
	.main-section03 .notice-wrap .notice-container ul li:nth-of-type(3),
	.main-section03 .notice-wrap .notice-container ul li:nth-of-type(4) { display:none;  }
	.main-section03 .notice-wrap .notice-container .more { position:absolute; top:-35px; right:0px; }
	.main-section03 .notice-wrap .notice-container .more a { font-size:16px; color:#000;  }
	.main-section03 .notice-wrap .notice-container .more a img{ width:14px; display:inline-block; margin-left:3px; margin-top:-4px;  }

	.main-section04 { padding:30px 15px  50px;  }
	.main-section04 ul  { margin:-5px;  }
	.main-section04 ul:after  { clear:both; display:table; content:'';  }
	.main-section04 ul li  { float:left; width:50%; padding:5; text-align:center;   }
	.main-section04 ul li .img {margin:0 auto 10px; width:126px; display:block;   }
	.main-section04 ul li a { font-size:16px; color:#000; position:relative; display:block; width:100%;padding-bottom:15px;   }
	.main-section04 ul li a:before {z-index:-1; width:100%; height:80px; border-radius:20px; background:#F0F0F0; content:''; display:block; position:absolute; bottom:0px; left:0px; }


}