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

.main { position:relative;  background:#fff; }
.main .main-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:58%; background-color:#F6F6F6; border-radius:0 40px 40px 0 ;  height:716px; background-repeat: no-repeat; background-position:right bottom;   }

.main-section01 {width:100%; height:716px; position:relative;    }
.main-section01 .container { position:relative;  height:716px;  }
.main-section01 .left {  float:left; width:58%;  padding-top:80px;   }
.main-section01 .left .in { width:490px;  }
.main-section01 .right {  float:right;  width:42%; padding-left:100px; padding-top:65px;   }

.main-section01 .main-text { color:#333333;  margin-bottom:70px;  }
.main-section01 .main-text .title { font-size:26px;   margin-bottom:10px;  font-weight:200; line-height:1.2;   }
.main-section01 .main-text .title strong {font-weight:bold; font-size:60px;letter-spacing:-4.8px;  color:#000;  }
.main-section01 .main-text .text {    font-size:14px; color:#BBBBBB; letter-spacing:1.68px;   }

.main-section01 .menu-link { text-align:center;  width:400px;   font-size:0px;margin-bottom:50px;   }
.main-section01 .menu-link ul li  {display:inline-block;  width:25%;   }
.main-section01 .menu-link ul li a { display:block;  color:#000; font-size:14px; }
.main-section01 .menu-link ul li .img {display:block;  margin:0  auto 5px; width:80px; height:80px; border-radius:100%; padding-top:17px;   }
.main-section01 .menu-link ul li img { width:36px;  }

.main-section01  .hot-alime { float:left; width:400px;   overflow:hidden;    position:relative;    }
.main-section01  .hot-alime li { width:400px;  }
.main-section01  .hot-alime ul li img { width:100%;    border-radius: 15px;}
.main-section01  .hot-alime .hot-btn  {  position:absolute;top:13px; right:20px;    }
.main-section01  .hot-alime .hot-btn div {float:left;   }
.main-section01  .hot-alime .hot-btn  * { vertical-align:middle; }
.main-section01  .hot-alime .hot-btn div a { display:inline-block; margin-left:8px; color:#fff; font-size:14px; }
.main-section01  .hot-alime .hot-btn .pager-btn a { text-indent:-9999px; width:8px; height:8px; border-radius:4px; background:#fff;  }
.main-section01  .hot-alime .hot-btn .pager-btn a.active {width:26px; }
.main-section01  .hot-alime .hot-btn .play-btn a { margin-left:5px;   }


.main-section01 .notice-wrap {float:left; height:150px; position:relative;  width:100% ; margin-bottom:35px;   }
.main-section01 .notice-wrap .notice { position:relative;  }
.main-section01 .notice-wrap h3 {  position:relative;   float:left;   font-weight:normal; margin-left:10px; padding-left:10px;   }
.main-section01 .notice-wrap h3:before   { content:''; width:1px; height:13px; background:#eee; display:inline-block;  position:absolute; top:2px; left:0px;  }
.main-section01 .notice-wrap h3 a {   color:#999; display:block;   font-size:15px;  }
.main-section01 .notice-wrap .notice:first-child h3 { padding-left:0px; margin-left:0px;  }
.main-section01 .notice-wrap .notice:first-child h3:before { content:'';  }
.main-section01 .notice-wrap .active h3 a { color:#333; text-decoration:none;font-weight:bold;  }
.main-section01 .notice-wrap ul { display:none; position:absolute; top:40px;  left:0px; width:100%;  }
.main-section01 .notice-wrap ul li { float:left;  width:100%;  font-size:14px;font-weight:normal; margin-bottom:6px;   }
.main-section01 .notice-wrap ul li:after { clear:both; display:table; content:''; }
.main-section01 .notice-wrap ul li a {float:left;  color:#333;  width:75%;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section01 .notice-wrap ul li span {float:right; color:#666666;   font-size:12px; }
.main-section01 .notice-wrap .more { display:none;  position:absolute; top:-5px; right:0px;  }
.main-section01 .notice-wrap .more img { width:12px;    }
.main-section01 .notice-wrap .notice.active ul  , .main-section01 .notice-wrap  .notice.active .more { display:block;  }

.main-section01 .link-wrap { padding-top:10px; margin-bottom:35px;  }
.main-section01 .link-wrap h3 {color:#333; display:block;   font-size:15px; margin-bottom:20px;  }
.main-section01 .link-wrap ul  { margin:0 -10px;  }
.main-section01 .link-wrap ul li  {float:left; width:50%; padding: 4px 10px; text-align:center;  }
.main-section01 .link-wrap ul li  a {font-size:14px;  color:#757575;  border:1px solid #DFDFDF; height:32px; border-radius:7px; display:block; width:100%; padding-top:5px; }
.main-section01 .link-wrap ul li  a:hover {color:#fff; background:#19B5BE; border:1px solid #19B5BE;  }


.main-section01 .calendar {}
.main-section01 .calendar .calendar-top {margin-bottom:10px; }
.main-section01 .calendar h3 {  font-size:20px; font-weight:bold; float:left;  color:#000; position:relative; margin-bottom:10px;   }
.main-section01 .calendar h3 a {   color:#000;    }
.main-section01 .calendar h3:before {content:''; display:block; position:absolute; top:-10px; left:-40px; width:50px; border-top:3px solid #000; }
.main-section01 .calendar .month {text-align:center;  margin-top:-8px;  }
.main-section01 .calendar .month a { font-size:18px; color:#000; display:inline-block;   margin-top:10px;    }
.main-section01 .calendar .month span { font-size:24px; color:#000; display:inline-block;   margin: 0 10px; }
.main-section01 .calendar table   {  width:100%; border-collapse:collapse;  }
.main-section01 .calendar table th { text-align:center; font-weight:bold; font-size:15px; color:#666; height:30px;  }
.main-section01 .calendar table td { text-align:center; font-weight:400;   font-size:14px; color:#666; height:30px; }
.main-section01 .calendar table td.no-date { color:#D1D1D1;  } 
.main-section01 .calendar table td a { color:#ff0000;  display:inline-block; width:25px; height:25px; border-radius:12.5px; padding-top:3px;} 
.main-section01 .calendar table td span {   display:inline-block; width:25px; height:25px; border-radius:12.5px; padding-top:3px;} 
.main-section01 .calendar table td a.active { color:#ff0000;  background:#e9e8e8;  } 

.main-section02 { padding:100px 0 75px;  }
.main-section02 .row {margin:0 -25px;  }
.main-section02 .part {float:left; width:25%; padding:0 10px; }
.main-section02 .part .in { padding:20px; position:relative; width:100%; height:300px; border-radius:15px; background-size:106px 106px; background-position:right 20px bottom 20px; background-repeat:no-repeat; }
.main-section02 .part .in h3  { font-size:20px; font-weight:bold; color:#fff; padding-bottom:10px; border-bottom:2px solid rgba(255,255,255,0.2);  }
.main-section02 .part .in h3  span { font-size:14px; letter-spacing:0.5px;  display:inline-block; margin-top:5px;  font-weight:normal; color:rgba(255,255,255,0.6); }
.main-section02 .part .in ul  { padding-top:20px;  }
.main-section02 .part .in ul li  {padding-left:10px; position:relative; margin-bottom:10px; }
.main-section02 .part .in ul li:before {content:''; display:inline-block; width:4px;height:4px; background:#fff; border-radius:100%; position:absolute; top:8px; left:0px; }
.main-section02 .part .in ul li  a {color:#fff; font-size:14px; }
.main-section02 .part .in .more {position:absolute; top:25px; right:20px; color:#fff; font-size:14px; }
.main-section02 .part .in .more a { color:#fff;  }
.main-section02 .part01 .in  { background-color:#257AC1; background-image:url(../images/main/icon_in_01.png) ;  }
.main-section02 .part02 .in  { background-color:#4BACC6; background-image:url(../images/main/icon_in_02.png) ;  }
.main-section02 .part03 .in  { background-color:#4c51db; background-image:url(../images/main/icon_in_03.png) ;  }
.main-section02 .part04 .in  { background-color:#77943E; background-image:url(../images/main/icon_in_04.png) ;  }


.main-section03  { position:relative; padding-bottom:60px;   }
.main-section03:before  { position:absolute; top:15px; left:0px; width:100%; display:block; background:#ddd; height:1px; content:'';  z-index:-1; }
.main-section03 h3  {text-align:center; margin-bottom:55px;  }
.main-section03 h3 span { font-weight:normal; display:inline-block; padding:0 20px; background:#fff; font-size:26px; color:#000;  }
.main-section03 h3 span strong {font-weight:bold; }
.main-section03 ul { margin:0 -5px;  }
.main-section03 ul li { float:left; padding:0 5px; width:12.5%; text-align:center;  }
.main-section03 ul li a { display:block; }
.main-section03 ul li a span { display:block; }
.main-section03 ul li a span.img {background-size:30px 30px; margin:0 auto 15px; width:30px; height:30px;  background-position:center center; background-repeat:no-repeat; }
.main-section03 ul li a span.ko {font-size:14px; color:#333333; margin-bottom:5px;  }
.main-section03 ul li a span.en {font-size:10px; color:#8E8E8E;letter-spacing:0.5px;  }
.main-section03 ul li a:hover { text-decoration:none;  }
.main-section03 ul li a:hover span.ko, .main-section03 ul li a:hover span.en { color:#19B5BE;   }
.main-section03 ul li.list01 a span.img { background-image:url(../images/main/ico_01.svg);  }
.main-section03 ul li.list01 a:hover span.img { background-image:url(../images/main/ico_01_over.svg);  }
.main-section03 ul li.list02 a span.img { background-image:url(../images/main/ico_02.svg);  }
.main-section03 ul li.list02 a:hover span.img { background-image:url(../images/main/ico_02_over.svg);  }
.main-section03 ul li.list03 a span.img { background-image:url(../images/main/ico_03.svg);  }
.main-section03 ul li.list03 a:hover span.img { background-image:url(../images/main/ico_03_over.svg);  }
.main-section03 ul li.list04 a span.img { background-image:url(../images/main/ico_04.svg);  }
.main-section03 ul li.list04 a:hover span.img { background-image:url(../images/main/ico_04_over.svg);  }
.main-section03 ul li.list05 a span.img { background-image:url(../images/main/ico_05.svg);  }
.main-section03 ul li.list05 a:hover span.img { background-image:url(../images/main/ico_05_over.svg);  }
.main-section03 ul li.list06 a span.img { background-image:url(../images/main/ico_06.svg);  }
.main-section03 ul li.list06 a:hover span.img { background-image:url(../images/main/ico_06_over.svg);  }
.main-section03 ul li.list07 a span.img { background-image:url(../images/main/ico_07.svg);  }
.main-section03 ul li.list07 a:hover span.img { background-image:url(../images/main/ico_07_over.svg);  }
.main-section03 ul li.list08 a span.img { background-image:url(../images/main/ico_08.svg);  }
.main-section03 ul li.list08 a:hover span.img { background-image:url(../images/main/ico_08_over.svg);  }


.main-section04 { background:#F3FBFC; padding:50px 0 60px;   }
.main-section04 h3 {text-align:center; margin-bottom:55px; font-size:26px; color:#000;  font-weight:normal; }
.main-section04 h3 strong {font-weight:bold; }
.main-section04 ul  { margin:0 -5px; }
.main-section04 ul li  {float:left; width:25%; padding:0 5px; }
.main-section04 ul li  b.in {display:block; width:100%; height:120px; text-align:center; background:#fff; border-radius:15px; border:1px solid #dfdfdf; padding:30px; }
.main-section04 ul li  b.in span {display:inline-block; border-bottom:1px solid #DFDFDF; color:#666; padding-bottom:3px; margin-bottom:10px; }
.main-section04 ul li  b.in strong {display:block; font-size:18px; font-weight:bold; color:#333; }



}





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

	.main-section01 .right { padding-left:40px; padding-top:55px;   }


}



@media (max-width: 991px) {

.main {
    z-index: 1;
    word-break: keep-all;
  }
  .main a {color: #222;}

.main { position:relative;  background:#fff; }

.main .main-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%; background-color:#F6F6F6; border-radius:0 40px 40px 0 ;  height:462px; background-repeat: no-repeat; background-position:right -80px bottom -30px;  background-size:750px auto;  }

.main-section01 {width:100%;  position:relative;  padding:40px 15px;  }
.main-section01 .container { position:relative;  }
.main-section01 .left {   }
.main-section01 .left .in { }
.main-section01 .right {   }

.main-section01 .main-text { color:#333333;  margin-bottom:50px;  }
.main-section01 .main-text .title { font-size:16px;   margin-bottom:10px;  font-weight:200; line-height:1.6;   }
.main-section01 .main-text .title strong {font-weight:bold; font-size:38px;letter-spacing:-3.4px;  color:#000;  }
.main-section01 .main-text .text {    font-size:10px; color:#BBBBBB; letter-spacing:0.5px;   }

.main-section01 .menu-link { text-align:center; padding-right:80px; width:100%;  font-size:0px;margin-bottom:110px;   }
.main-section01 .menu-link ul li  {display:inline-block;  width:25%;   }
.main-section01 .menu-link ul li a { display:block;  color:#000; font-size:12px; }
.main-section01 .menu-link ul li .img {display:block;  margin:0  auto 20px; width:36px; height:36px; }
.main-section01 .menu-link ul li img { width:36px;  }

.main-section01  .hot-alime { overflow:hidden;    position:relative;  margin-bottom:35px;    }
.main-section01  .hot-alime li { width:100%;  }
.main-section01  .hot-alime ul li img { width:100%;    border-radius: 15px;}
.main-section01  .hot-alime .hot-btn  {  position:absolute;top:13px; right:20px;    }
.main-section01  .hot-alime .hot-btn div {float:left;   }
.main-section01  .hot-alime .hot-btn  * { vertical-align:middle; }
.main-section01  .hot-alime .hot-btn div a { display:inline-block; margin-left:8px; color:#fff; font-size:14px; }
.main-section01  .hot-alime .hot-btn .pager-btn a { text-indent:-9999px; width:8px; height:8px; border-radius:4px; background:#fff;  }
.main-section01  .hot-alime .hot-btn .pager-btn a.active {width:26px; }
.main-section01  .hot-alime .hot-btn .play-btn a {margin-top:0px; margin-left:5px;   }


.main-section01 .notice-wrap {float:left; height:150px; position:relative;  width:100% ; margin-bottom:25px;   }
.main-section01 .notice-wrap .notice { position:relative;  }
.main-section01 .notice-wrap h3 {  position:relative;   float:left;   font-weight:normal; margin-left:6px; padding-left:6px;   }
.main-section01 .notice-wrap h3:before   { content:''; width:1px; height:13px; background:#eee; display:inline-block;  position:absolute; top:2px; left:0px;  }
.main-section01 .notice-wrap h3 a {   color:#999; display:block;   font-size:15px;  }
.main-section01 .notice-wrap .notice:first-child h3 { padding-left:0px; margin-left:0px;  }
.main-section01 .notice-wrap .notice:first-child h3:before { content:'';  }
.main-section01 .notice-wrap .active h3 a { color:#333; text-decoration:none;font-weight:bold;  }
.main-section01 .notice-wrap ul { display:none; position:absolute; top:40px;  left:0px; width:100%;  }
.main-section01 .notice-wrap ul li { float:left;  width:100%;  font-size:14px;font-weight:normal; margin-bottom:6px;   }
.main-section01 .notice-wrap ul li:after { clear:both; display:table; content:''; }
.main-section01 .notice-wrap ul li a {float:left;  color:#333;  width:75%;   text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section01 .notice-wrap ul li span {float:right; color:#666666;   font-size:12px; }
.main-section01 .notice-wrap .more { display:none;  position:absolute; top:-5px; right:0px;  }
.main-section01 .notice-wrap .more img { width:12px;    }
.main-section01 .notice-wrap .notice.active ul  , .main-section01 .notice-wrap  .notice.active .more { display:block;  }

.main-section01 .link-wrap { padding-top:10px; margin-bottom:35px;  }
.main-section01 .link-wrap h3 {color:#333; display:block;   font-size:15px; margin-bottom:20px;  }
.main-section01 .link-wrap ul  { margin:0 -10px;  }
.main-section01 .link-wrap ul li  {float:left; width:50%; padding: 4px 10px; text-align:center;  }
.main-section01 .link-wrap ul li  a {font-size:14px;  color:#757575;  border:1px solid #DFDFDF; height:32px; border-radius:7px; display:block; width:100%; padding-top:5px; }
.main-section01 .link-wrap ul li  a:hover {color:#fff; background:#19B5BE; border:1px solid #19B5BE;  }


.main-section01 .calendar {}
.main-section01 .calendar .calendar-top {margin-bottom:10px; }
.main-section01 .calendar h3 {  font-size:20px; font-weight:bold; float:left;  color:#000; position:relative; margin-bottom:10px;   }
.main-section01 .calendar h3 a {   color:#000;    }
.main-section01 .calendar h3:before {content:''; display:block; position:absolute; top:-10px; left:-40px; width:50px; border-top:3px solid #000; }
.main-section01 .calendar .month {text-align:center;  margin-top:-8px;  }
.main-section01 .calendar .month a { font-size:18px; color:#000; display:inline-block;   margin-top:10px;    }
.main-section01 .calendar .month span { font-size:24px; color:#000; display:inline-block;   margin: 0 10px; }
.main-section01 .calendar table   {  width:100%; border-collapse:collapse;  }
.main-section01 .calendar table th { text-align:center; font-weight:bold; font-size:15px; color:#666; height:30px;  }
.main-section01 .calendar table td { text-align:center; font-weight:400;   font-size:14px; color:#666; height:30px; }
.main-section01 .calendar table td.no-date { color:#D1D1D1;  } 
.main-section01 .calendar table td a { color:#ff0000;  display:inline-block; width:25px; height:25px; border-radius:12.5px; padding-top:3px;} 
.main-section01 .calendar table td span {   display:inline-block; width:25px; height:25px; border-radius:12.5px; padding-top:3px;} 
.main-section01 .calendar table td a.active { color:#ff0000;  background:#e9e8e8;  } 





.main-section02 { padding:0 15px 15px; ;  }
.main-section02 .row { }
.main-section02 .part {padding-bottom:15px; }
.main-section02 .part .in { padding:30px; position:relative; width:100%; height:254px; border-radius:15px; background-size:106px 106px; background-position:right 20px bottom 20px; background-repeat:no-repeat; }
.main-section02 .part .in h3  { font-size:16px; font-weight:bold; color:#fff; padding-bottom:15px; border-bottom:2px solid rgba(255,255,255,0.2);  }
.main-section02 .part .in h3  span { display:none;  }
.main-section02 .part .in ul  { padding-top:20px;  }
.main-section02 .part .in ul li  {padding-left:10px; position:relative; margin-bottom:10px; }
.main-section02 .part .in ul li:before {content:''; display:inline-block; width:4px;height:4px; background:#fff; border-radius:100%; position:absolute; top:8px; left:0px; }
.main-section02 .part .in ul li  a {color:#fff; font-size:14px; }
.main-section02 .part .in .more {position:absolute; top:35px; right:30px; color:#fff; font-size:16px; }
.main-section02 .part .in .more a { color:#fff;  }
.main-section02 .part01 .in  { background-color:#257AC1; background-image:url(../images/main/icon_in_01.png) ;  }
.main-section02 .part02 .in  { background-color:#4BACC6; background-image:url(../images/main/icon_in_02.png) ;  }
.main-section02 .part03 .in  { background-color:#4c51db; background-image:url(../images/main/icon_in_03.png) ;  }
.main-section02 .part04 .in  { background-color:#77943E; background-image:url(../images/main/icon_in_04.png) ;  }



.main-section03  { position:relative; padding: 0 15px;    }
.main-section03:before  { position:absolute; top:10px; left:0px; width:100%; display:block; background:#ddd; height:1px; content:'';  z-index:-1; }
.main-section03 h3  {text-align:center; margin-bottom:35px;  }
.main-section03 h3 span { font-weight:normal; display:inline-block; padding:0 20px; background:#fff; font-size:18px; color:#000;  }
.main-section03 h3 span strong {font-weight:bold; }
.main-section03 ul { margin:0 -5px;  }
.main-section03 ul li { float:left; padding:0 5px 40px; width:33.333%; text-align:center;  }
.main-section03 ul li:nth-of-type(3n+1) { clear:both;  }
.main-section03 ul li a { display:block; }
.main-section03 ul li a span { display:block; }
.main-section03 ul li a span.img {background-size:30px 30px; margin:0 auto 15px; width:30px; height:30px;  background-position:center center; background-repeat:no-repeat; }
.main-section03 ul li a span.ko {font-size:14px; color:#333333; margin-bottom:5px;  }
.main-section03 ul li a span.en {display:none; }
.main-section03 ul li a:hover { text-decoration:none;  }
.main-section03 ul li a:hover span.ko, .main-section03 ul li a:hover span.en { color:#19B5BE;   }
.main-section03 ul li.list01 a span.img { background-image:url(../images/main/ico_01.svg);  }
.main-section03 ul li.list01 a:hover span.img { background-image:url(../images/main/ico_01_over.svg);  }
.main-section03 ul li.list02 a span.img { background-image:url(../images/main/ico_02.svg);  }
.main-section03 ul li.list02 a:hover span.img { background-image:url(../images/main/ico_02_over.svg);  }
.main-section03 ul li.list03 a span.img { background-image:url(../images/main/ico_03.svg);  }
.main-section03 ul li.list03 a:hover span.img { background-image:url(../images/main/ico_03_over.svg);  }
.main-section03 ul li.list04 a span.img { background-image:url(../images/main/ico_04.svg);  }
.main-section03 ul li.list04 a:hover span.img { background-image:url(../images/main/ico_04_over.svg);  }
.main-section03 ul li.list05 a span.img { background-image:url(../images/main/ico_05.svg);  }
.main-section03 ul li.list05 a:hover span.img { background-image:url(../images/main/ico_05_over.svg);  }
.main-section03 ul li.list06 a span.img { background-image:url(../images/main/ico_06.svg);  }
.main-section03 ul li.list06 a:hover span.img { background-image:url(../images/main/ico_06_over.svg);  }
.main-section03 ul li.list07 a span.img { background-image:url(../images/main/ico_07.svg);  }
.main-section03 ul li.list07 a:hover span.img { background-image:url(../images/main/ico_07_over.svg);  }
.main-section03 ul li.list08 a span.img { background-image:url(../images/main/ico_08.svg);  }
.main-section03 ul li.list08 a:hover span.img { background-image:url(../images/main/ico_08_over.svg);  }



.main-section04 { background:#F3FBFC; padding:30px 15px 60px;   }
.main-section04 h3 {text-align:center; margin-bottom:45px; font-size:18px; color:#000;  font-weight:normal; }
.main-section04 h3 strong {font-weight:bold; }
.main-section04 ul  { }
.main-section04 ul li  {padding-bottom:10px;  }
.main-section04 ul li  b.in {display:block; width:100%;  background:#fff; border-radius:15px; border:1px solid #dfdfdf; padding:20px 25px; }
.main-section04 ul li  b.in:after { clear:both; display:table; content:'';  }
.main-section04 ul li  b.in span {float:left;  font-size:14px;  border-bottom:1px solid #DFDFDF; color:#666;  }
.main-section04 ul li  b.in strong { margin-left:130px;  display:block; font-size:16px; font-weight:bold; color:#333; }



}